АДРЕСНЫЙ РЕЖИМ - авторан история - база + ДИЗАЙН

This commit is contained in:
dctouch 2026-04-09 16:51:12 +03:00
parent 99288c195d
commit 60a4bef88c
5 changed files with 44 additions and 15 deletions

View File

@ -4,8 +4,8 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NDC AI Normalizer Playground</title> <title>NDC AI Normalizer Playground</title>
<script type="module" crossorigin src="/assets/index-BDtb8kxy.js"></script> <script type="module" crossorigin src="/assets/index-BXQlrB3i.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-iFxz5cXp.css"> <link rel="stylesheet" crossorigin href="/assets/index-BVc11Mnb.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

View File

@ -568,14 +568,16 @@ export function AutoRunsHistoryPanel({
> >
<div className="autoruns-columns"> <div className="autoruns-columns">
<section className="autoruns-col"> <section className="autoruns-col">
<h3>Левая панель</h3> <div className="autoruns-col-header">
<div className="tab-row"> <h3>Левая панель</h3>
<div className="tab-row">
<button type="button" className={leftTab === "settings" ? "tab active" : "tab"} onClick={() => setLeftTab("settings")}> <button type="button" className={leftTab === "settings" ? "tab active" : "tab"} onClick={() => setLeftTab("settings")}>
Настройки Настройки
</button> </button>
<button type="button" className={leftTab === "comments" ? "tab active" : "tab"} onClick={() => setLeftTab("comments")}> <button type="button" className={leftTab === "comments" ? "tab active" : "tab"} onClick={() => setLeftTab("comments")}>
Комментарии Комментарии
</button> </button>
</div>
</div> </div>
{leftTab === "settings" ? ( {leftTab === "settings" ? (
@ -935,7 +937,9 @@ export function AutoRunsHistoryPanel({
</section> </section>
<section className="autoruns-col"> <section className="autoruns-col">
<h3>Выдача прогонов</h3> <div className="autoruns-col-header">
<h3>Выдача прогонов</h3>
</div>
<div className="autoruns-stats-grid"> <div className="autoruns-stats-grid">
<div> <div>
<span>Всего</span> <span>Всего</span>
@ -992,8 +996,9 @@ export function AutoRunsHistoryPanel({
</div> </div>
</section> </section>
<section className="autoruns-col"> <section className="autoruns-col">
<h3>Диалог прогона</h3> <div className="autoruns-col-header">
<div className="autoruns-dialog-toolbar"> <h3>Диалог прогона</h3>
<div className="autoruns-dialog-toolbar">
<label> <label>
Прогон Прогон
<select <select
@ -1029,6 +1034,7 @@ export function AutoRunsHistoryPanel({
))} ))}
</select> </select>
</label> </label>
</div>
</div> </div>
<div className="autoruns-case-list"> <div className="autoruns-case-list">
@ -1101,7 +1107,9 @@ export function AutoRunsHistoryPanel({
{showAssistantMode ? ( {showAssistantMode ? (
<section className="autoruns-col"> <section className="autoruns-col">
<h3>Режим ассистента</h3> <div className="autoruns-col-header">
<h3>Режим ассистента</h3>
</div>
<div className="autoruns-meta-list"> <div className="autoruns-meta-list">
<div> <div>
<span>источник:</span> <span>источник:</span>
@ -1135,7 +1143,9 @@ export function AutoRunsHistoryPanel({
{showDecompositionMode ? ( {showDecompositionMode ? (
<section className="autoruns-col"> <section className="autoruns-col">
<h3>Режим декомпозиции</h3> <div className="autoruns-col-header">
<h3>Режим декомпозиции</h3>
</div>
<div className="autoruns-meta-list"> <div className="autoruns-meta-list">
<div> <div>
<span>кейс:</span> <span>кейс:</span>
@ -1169,7 +1179,9 @@ export function AutoRunsHistoryPanel({
{showProgressMode ? ( {showProgressMode ? (
<section className="autoruns-col"> <section className="autoruns-col">
<h3>Прогресс / регресс</h3> <div className="autoruns-col-header">
<h3>Прогресс / регресс</h3>
</div>
<div className="autoruns-stats-grid"> <div className="autoruns-stats-grid">
<div> <div>
<span>Последний score</span> <span>Последний score</span>

View File

@ -1,4 +1,4 @@
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@500;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@500;700&display=swap");
:root { :root {
--rgb-background: 16, 16, 19; --rgb-background: 16, 16, 19;
@ -550,7 +550,7 @@ button:disabled {
} }
.autoruns-col h3 { .autoruns-col h3 {
margin: 0 0 10px; margin: 0;
font-size: 0.95rem; font-size: 0.95rem;
} }
@ -560,6 +560,23 @@ button:disabled {
color: var(--text-muted); color: var(--text-muted);
} }
.autoruns-col-header {
position: sticky;
top: -12px;
z-index: 8;
margin: -12px -12px 10px;
padding: 12px 12px 10px;
background: rgb(var(--rgb-surface-main));
}
.autoruns-col-header .tab-row {
margin: 8px 0 0;
}
.autoruns-col-header .autoruns-dialog-toolbar {
margin-top: 8px;
}
.autoruns-form-grid { .autoruns-form-grid {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));