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

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 name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NDC AI Normalizer Playground</title>
<script type="module" crossorigin src="/assets/index-BDtb8kxy.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-iFxz5cXp.css">
<script type="module" crossorigin src="/assets/index-BXQlrB3i.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BVc11Mnb.css">
</head>
<body>
<div id="root"></div>

View File

@ -568,14 +568,16 @@ export function AutoRunsHistoryPanel({
>
<div className="autoruns-columns">
<section className="autoruns-col">
<h3>Левая панель</h3>
<div className="tab-row">
<div className="autoruns-col-header">
<h3>Левая панель</h3>
<div className="tab-row">
<button type="button" className={leftTab === "settings" ? "tab active" : "tab"} onClick={() => setLeftTab("settings")}>
Настройки
</button>
<button type="button" className={leftTab === "comments" ? "tab active" : "tab"} onClick={() => setLeftTab("comments")}>
Комментарии
</button>
</div>
</div>
{leftTab === "settings" ? (
@ -935,7 +937,9 @@ export function AutoRunsHistoryPanel({
</section>
<section className="autoruns-col">
<h3>Выдача прогонов</h3>
<div className="autoruns-col-header">
<h3>Выдача прогонов</h3>
</div>
<div className="autoruns-stats-grid">
<div>
<span>Всего</span>
@ -992,8 +996,9 @@ export function AutoRunsHistoryPanel({
</div>
</section>
<section className="autoruns-col">
<h3>Диалог прогона</h3>
<div className="autoruns-dialog-toolbar">
<div className="autoruns-col-header">
<h3>Диалог прогона</h3>
<div className="autoruns-dialog-toolbar">
<label>
Прогон
<select
@ -1029,6 +1034,7 @@ export function AutoRunsHistoryPanel({
))}
</select>
</label>
</div>
</div>
<div className="autoruns-case-list">
@ -1101,7 +1107,9 @@ export function AutoRunsHistoryPanel({
{showAssistantMode ? (
<section className="autoruns-col">
<h3>Режим ассистента</h3>
<div className="autoruns-col-header">
<h3>Режим ассистента</h3>
</div>
<div className="autoruns-meta-list">
<div>
<span>источник:</span>
@ -1135,7 +1143,9 @@ export function AutoRunsHistoryPanel({
{showDecompositionMode ? (
<section className="autoruns-col">
<h3>Режим декомпозиции</h3>
<div className="autoruns-col-header">
<h3>Режим декомпозиции</h3>
</div>
<div className="autoruns-meta-list">
<div>
<span>кейс:</span>
@ -1169,7 +1179,9 @@ export function AutoRunsHistoryPanel({
{showProgressMode ? (
<section className="autoruns-col">
<h3>Прогресс / регресс</h3>
<div className="autoruns-col-header">
<h3>Прогресс / регресс</h3>
</div>
<div className="autoruns-stats-grid">
<div>
<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 {
--rgb-background: 16, 16, 19;
@ -550,7 +550,7 @@ button:disabled {
}
.autoruns-col h3 {
margin: 0 0 10px;
margin: 0;
font-size: 0.95rem;
}
@ -560,6 +560,23 @@ button:disabled {
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 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));