docs+ui: страница «Документация», единый стиль заголовков, перевод на оператора

Добавлена /docs.html — обзор мультиагентной системы для оператора. Все
термины в формате «русский (english)», жирным: ветка (intent), маршрутизатор
(router), пошаговый сценарий (state machine), шаг (step), допустимые
переходы (allowed_next), слоты (slots), условия выхода (exit conditions),
переключение ветки (hard handoff), удержание в ветке (sticky state machine),
структурированный ответ (structured output), отложенный сценарий
(suspended/resume), защита от петли (routing loop guard), состояние диалога
(thread state). Плюс пошаговая схема обработки реплики и резюме защитных
механизмов. Ссылка «Документация» добавлена в шапку всех страниц.

Унификация заголовков под стиль «Версии» в правом сайдбаре Настроек: убран
uppercase, переход на 13px / var(--fg) / font-weight 600 / зажатый
letter-spacing. Применилось к .col-head во всех колонках, .field label в
редакторе, .section-header в списке веток, заголовкам столбцов на странице
Отладки и заголовкам секций RAG-результата. Бейджи (АКТИВНАЯ, система)
оставлены прежними — это статусные метки, не заголовки.

Переименование ветки escalate_human для согласованности с русским UI:
«Эскалация на оператора» → «Перевод на оператора», описание тоже. Точечная
миграция при старте (intent_service.migrate_intent_copy) обновляет
существующие записи в БД, только если поле в точности совпадает со старым
значением — операторские правки не затираются.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

static/settings.html

@@ -72,15 +72,30 @@
     flex-direction: column;
     min-height: 0;
   }
-  .col-panel:last-child { border-right: none; border-left: 1px solid var(--border); }
-  .col-head {
-    padding: 12px 16px;
-    border-bottom: 1px solid var(--border);
-    font-size: 12px;
-    text-transform: uppercase;
-    letter-spacing: 0.04em;
+  .col-panel:last-child {
+    border-right: none;
+    border-left: 1px solid var(--border);
+    background: var(--bg);
+  }
+  /* Правая колонка Настроек — серый фон, заголовок без рамки и стек карточек */
+  .col-panel:last-child > .col-head {
+    border-bottom: none;
+    padding: 16px 14px 8px 14px;
+  }
+  .col-panel:last-child > .col-head #versions-intent {
     color: var(--muted);
+    font-weight: normal;
+  }
+  .col-panel:last-child > .col-body {
+    padding: 0 14px 18px 14px;
+  }
+  .col-head {
+    padding: 14px 16px 10px;
+    border-bottom: 1px solid var(--border);
+    font-size: 13px;
+    color: var(--fg);
     font-weight: 600;
+    letter-spacing: -0.01em;
   }
   .col-body {
     flex: 1;
@@ -91,9 +106,7 @@
   /* Список веток */
   .section-header {
     padding: 10px 16px 6px;
-    font-size: 10px;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
+    font-size: 11px;
     color: var(--muted);
     font-weight: 600;
     background: #fafbfd;
@@ -182,10 +195,11 @@
   .field { margin-bottom: 14px; position: relative; }
   .field label {
     display: block;
-    font-size: 12px;
-    font-weight: 500;
-    color: var(--muted);
-    margin-bottom: 4px;
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--fg);
+    letter-spacing: -0.01em;
+    margin-bottom: 6px;
   }
   .field label.with-hint {
     display: flex;
@@ -313,16 +327,18 @@
   }
 
   /* Версии */
-  .versions { padding: 10px; }
+  .versions {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
   .version-card {
+    background: var(--panel);
     border: 1px solid var(--border);
-    border-radius: 8px;
-    padding: 10px 12px;
-    margin-bottom: 8px;
-    background: #fafbfd;
+    border-radius: 10px;
+    padding: 12px 14px;
   }
   .version-card.active {
-    background: #fff;
     border-color: var(--accent);
     box-shadow: 0 0 0 1px var(--accent);
   }
@@ -486,6 +502,7 @@
     <a href="/" class="nav-link">Отладка</a>
     <a href="/sandbox.html" class="nav-link">Песочница</a>
     <a href="/settings.html" class="nav-link active">Настройки</a>
+    <a href="/docs.html" class="nav-link">Документация</a>
   </nav>
   <span class="stats" id="stats"></span>
 </header>