fix(catalog): title→TopBar + toolbar→tinted bar + table white + font fix

Per user feedback:
- "Справочники 37 шт. эта надпись в топбаре" — title с inline count
  переехал в TopBar breadcrumb (новый Crumb.caption field, text-cap mute).
  Catalog page больше не имеет h1 — start straight from toolbar.
- "фильтры и кнопки в баре таблицы. бар цветом" — toolbar (scope/bundle
  pills + counter + Граф + + Создать) обёрнут в tinted `bg-surface-2`
  rounded bar с border. Визуально отделяет controls от table chrome.
- "заголовки таблицы белый фон" — table thead was `bg-surface-2` (cream),
  сливалось с toolbar bar. Стало `bg-surface` (white) — clean visual
  separation toolbar (tinted) → table (white).
- "→ ссылается шрифт не тот" — InfoPanel section subhead "→ ссылается"
  / "← используют" был `text-cap` (Tektur uppercase 10.5px bold).
  Прототип использует regular body Inter lowercase mute. Заменил на
  `text-body text-mute`.

TopBar useBreadcrumb extended: для catalog route добавляет inline `caption`
field из useDictionaries() count. Editor route остаётся с mono `subtitle`
("name · v1.0.0"). Different fields rendered с different styles.
This commit is contained in:
Zimin A.N.
2026-05-11 20:06:18 +03:00
parent a27e9ec901
commit d77f040a5c
3 changed files with 51 additions and 17 deletions
@@ -99,7 +99,9 @@ export function EditorInfoPanel({ detail, recordCount, actions }: EditorInfoPane
>
{outgoingNames.length > 0 && (
<div className="space-y-1.5 mb-3">
<div className="text-cap text-mute">
{/* Per prototype: section subhead "→ ссылается" — plain body
* font Inter mute, lowercase (НЕ Tektur uppercase cap). */}
<div className="text-body text-mute">
{t('editor.info.outgoing', { defaultValue: 'ссылается' })}
</div>
<ul className="space-y-0.5">
@@ -119,7 +121,7 @@ export function EditorInfoPanel({ detail, recordCount, actions }: EditorInfoPane
)}
{incomingDeps.length > 0 && (
<div className="space-y-1.5">
<div className="text-cap text-mute">
<div className="text-body text-mute">
{t('editor.info.incoming', { defaultValue: 'используют' })}
</div>
<ul className="space-y-2">