From ddbe7368a2fae112f7c0453e2c0e1dd73e3f3891 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BB=D0=B5=D0=BA=D1=81=D0=B0=D0=BD=D0=B4=D1=80=20?=
 =?UTF-8?q?=D0=97=D0=B8=D0=BC=D0=B8=D0=BD?= <zimin.an@nstart.space>
Date: Sun, 10 May 2026 17:59:01 +0000
Subject: [PATCH] docs(admin-ui): rich design handoff Dictionary Catalog (3
 views + nstart/ui patch)

---
 .../README.md                                 | 503 +++++++---
 .../design/design-canvas.jsx                  | 936 ++++++++++++++++++
 .../design/dictionary-prototype.html          | 118 +++
 .../design/dictionary-views.html              | 486 +++++++++
 .../design/proto/data.jsx                     |  49 +
 .../design/proto/ui.jsx                       |  72 ++
 .../design/proto/view-graph.jsx               | 180 ++++
 .../design/proto/view-hub.jsx                 | 154 +++
 .../design/proto/view-list.jsx                | 154 +++
 .../patch.diff                                | 495 ---------
 .../patches/README.md                         | 133 +++
 .../proposed.tsx                              | 448 ---------
 .../prototype.html                            | 274 -----
 .../review.md                                 | 296 ++----
 .../screenshots/A-graph-view.png              | Bin 0 -> 21150 bytes
 .../screenshots/B-hub-view.png                | Bin 0 -> 23095 bytes
 .../screenshots/D-list-view.png               | Bin 0 -> 28504 bytes
 17 files changed, 2743 insertions(+), 1555 deletions(-)
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/design/design-canvas.jsx
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/design/dictionary-prototype.html
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/design/dictionary-views.html
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/data.jsx
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/ui.jsx
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-graph.jsx
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-hub.jsx
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-list.jsx
 delete mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/patch.diff
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/patches/README.md
 delete mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/proposed.tsx
 delete mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/prototype.html
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/screenshots/A-graph-view.png
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/screenshots/B-hub-view.png
 create mode 100644 ordinis-admin-ui/design_handoff_dictionary_catalog/screenshots/D-list-view.png

diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/README.md b/ordinis-admin-ui/design_handoff_dictionary_catalog/README.md
index 103ca4a..a854378 100644
--- a/ordinis-admin-ui/design_handoff_dictionary_catalog/README.md
+++ b/ordinis-admin-ui/design_handoff_dictionary_catalog/README.md
@@ -1,177 +1,394 @@
-# Dictionary Catalog v2 — Design Handoff
+# Handoff: Dictionary Catalog Redesign + nstart-ui Popover Fix
 
-Pages: `/dictionaries/` (catalog) + per-card нав до `/dictionaries/$name`.
+## Overview
 
-Текущая страница (single-screen, scope-grouped grid карточек) хорошо работала
-на 10 справочниках, но при росте до 40+ (ЦУОД bundle expansion) UX degrades:
-forced grouping ломает sort-by-attention, scope-as-section не позволяет
-multi-scope запрос, density фиксированная (cards-only). Этот hand-off
-поднимает катаког в шаблон **filter-first list**: URL-driven filters,
-density toggle, sort, persistent state shareable через ссылку.
+Two interconnected pieces of work for the **Ordinis admin UI** (`ordinis-admin-ui`, React 19 + TanStack Router + `@nstart/ui` 0.1.3):
 
-## Scope
+1. **`@nstart/ui` patch** — `Select` / `MultiSelect` / `DatePicker` popovers render inline and get clipped by modal `overflow:auto` (visible bug in the "Создать справочник" modal). Fix via `pnpm patch` to render into a portal on `document.body`. Same patch fixes `Checkbox.indeterminate` ref-forwarding.
 
-- ✅ `/dictionaries/` page redesign (catalog only).
-- ❌ `/dictionaries/$name` (detail) — отдельный hand-off, не trog'аем.
-- ❌ Backend / API — не меняем, всё локально через `useDictionaries()`.
-- ❌ i18n переводы — keys добавлены, локалаизация в parallel PR.
+2. **Dictionary catalog redesign** — three new ways to browse the 40+ dictionaries with their FK relationships visible:
+   - **D · List view with inline FK chips** (smallest change; replaces current grid)
+   - **A · Graph view** (force-directed overview of all dicts + edges)
+   - **B · Hub view** (one dict in focus, neighbors on either side; new tab inside `dictionaries.$name.tsx`)
 
-## Файлы handoff
+## About the Design Files
 
-| Файл | Назначение |
-|---|---|
-| `README.md` | Этот документ — components / tokens / routes / AC |
-| `prototype.html` | Static visual mock (Tailwind CDN) для Figma replacement |
-| `proposed.tsx` | Финальная React-компонента — заменяет `routes/dictionaries.index.tsx` |
-| `patch.diff` | Unified diff от current до proposed |
-| `review.md` | Senior frontend review (taste calls, edge cases) |
+The HTML/JSX in `design/` is a **design reference**, not production code to copy directly. It's a working prototype showing intended look, layout, interactions, and data shape — but written as a single self-contained HTML file with inline Babel.
 
-## Components используемые
+**Your task:** recreate these views inside the existing `ordinis-admin-ui` React/TypeScript codebase, using its established patterns:
+- TanStack Router routes
+- TanStack Query for data
+- `@nstart/ui` components (`Button`, `Modal`, `Tabs`, `Badge`, `Alert`, etc.) for chrome
+- TailwindCSS v4 (project already uses it via `@tailwindcss/vite`)
+- React Hook Form + AJV for forms
+- Phosphor Icons (`@phosphor-icons/react`)
 
-Из `@nstart/ui` (без новых):
-- `PageHeader` — заголовок + actions slot (кнопка Create)
-- `SearchInput` — debounced query
-- `Button` (`variant="primary"`, `variant="ghost"`, `size="sm"`)
-- `Badge` (`variant="neutral|info|warning"`)
-- `EmptyState` — пустые состояния (no data / no match)
-- `LoadingBlock` — initial fetch skeleton
-- `Alert` (`variant="error"`)
+**Do not** ship the prototype HTML to production. **Do not** import the prototype `.jsx` files — they use `window.*` globals and inline Babel which won't work in the Vite build.
 
-**Новые элементы (не component'ы — inline UI):**
-- `ScopeChip` — toggle pill с цветным dot, multi-select.
-- `SortDropdown` — `<select>` нативный (5 опций) — стилизация через `@apply`-free Tailwind.
-- `DensityToggle` — segmented `<button>` group, 2 state (`card` | `dense`).
-- `ApprovalBadge` — `<Badge variant="warning">approval</Badge>` под условием
-  `d.approvalRequired === true`.
+## Fidelity
 
-## Design tokens (из `@nstart/ui` theme)
+**Mid-fidelity.** Final colors, typography, spacing, and interactions are decided. Pixel-perfect recreation is the goal, but you must adapt to:
+- Real component primitives from `@nstart/ui` (the prototype uses raw `<button>`/`<div>` for portability).
+- Real data shapes from `api/queries.ts` (the prototype uses a hand-built `DICTS` mock).
+- TailwindCSS classes instead of inline styles.
 
-Используем существующие `@theme`-переменные — никаких custom tokens:
+The graph layout in the prototype is **statically positioned** — production must use `d3-force` (see Implementation §3.2).
 
-| Token | Использование |
-|---|---|
-| `--color-ultramarain` (#120a8f) | Active link, primary button, focused border |
-| `--color-carbon` (#4a4a4a) | Body text, secondary action text |
-| `--color-regolith` (#dedede) | Card border, divider, dense-row separator |
-| `--color-orbit` (#bfeaff) | Hover background для chips/buttons |
-| `--color-aurora` (#1fe589) → `bg-emerald-500` | Scope PUBLIC dot |
-| `--color-solar` (#f28c40) → `bg-amber-500` | Scope INTERNAL dot |
-| `--color-mars` (#d91616) → `bg-rose-500` | Scope RESTRICTED dot |
-| `--font-primary` (Tektur) | h1/h2/h3, brand моменты |
-| `--font-secondary` (Onest) | Body, controls |
-| `--radius-lg` (4px) | Карточки и list rows |
-| `--radius-full` | Chips, dots |
-| `--shadow-card` | Карточка default |
-| `--shadow-hover` | Карточка hover (lift) |
+---
 
-Scope styling (existing) из `lib/scope-style.ts`:
-- `SCOPE_DOT[scope]` → `bg-emerald-500 / bg-amber-500 / bg-rose-500`
-- `SCOPE_ACCENT[scope]` → `before:bg-...` (4px left stripe на карточке)
-- `SCOPE_ORDER` → array для consistent visual ordering
+## Part 1 — `@nstart/ui` Patch
 
-## Routes & search params
+### Why
 
-Файл: `routes/dictionaries.index.tsx` (существующий, replace contents).
+Open the "Создать справочник" modal → click any `MultiSelect` (e.g. "Поддерживаемые локали"). The dropdown opens **inside** the modal scroll container, getting clipped at modal edges and pushing form fields. Same problem with `DatePicker`. Same root cause: popover rendered as a sibling instead of portal.
 
-URL search schema (`zodValidator`):
-```ts
-const searchSchema = z.object({
-  q:        z.string().optional(),
-  scope:    z.string().optional(),     // CSV "PUBLIC,INTERNAL"
-  sort:     z.enum(['name', 'recordCount', 'updated']).optional(),
-  density:  z.enum(['card', 'dense']).optional(),
-})
+Separately, `Checkbox` with `indeterminate` doesn't visually reflect the indeterminate state — the ref gets attached to the `<label>` wrapper rather than the `<input>` element.
+
+### How
+
+Use `pnpm patch` to fork only the affected files in `node_modules/@nstart/ui/dist/` and persist as a project-level patch. Full step-by-step in `patches/README.md`.
+
+```bash
+pnpm patch @nstart/ui          # → opens temp dir, edit dist/index.js
+pnpm patch-commit <temp-path>  # → writes patches/@nstart__ui@0.1.3.patch
 ```
 
-State persisted в URL — shareable links для команды:
-- `/dictionaries/?q=spacecraft` — поиск по словам
-- `/dictionaries/?scope=PUBLIC,INTERNAL` — multi-scope filter
-- `/dictionaries/?sort=recordCount&density=dense` — power-user view
-- `/dictionaries/?q=test&scope=PUBLIC&sort=name&density=card` — комбинация
+Three logical changes inside `dist/index.js` (or `.mjs`):
 
-Default state (no params): show all, sort by name, density=card.
+1. **Wrap Select / MultiSelect / DatePicker popover in `createPortal(node, document.body)`** with `position: fixed`, computed `top`/`left`/`width` from `triggerRef.getBoundingClientRect()`, `z-index: 9999`.
+2. **Listen to `resize` and capture-phase `scroll`** so the portal stays glued to the trigger inside scrolling modals.
+3. **Update outside-click detection** — after the popover moves out of trigger's DOM subtree, the existing `event.target` check fails. Replace with `triggerRef.current.contains(t) || popoverRef.current.contains(t)`.
+4. **Auto-flip when popover overflows viewport bottom** — flip above the trigger.
 
-Navigation:
-- `<Link to="/dictionaries/$name" params={{ name: d.name }}>` — typed router
-- На карточке: cтрока с `keyboard nav` (Enter / Space → navigate)
+For `Checkbox`:
+- Forward ref to the inner `<input>`, not the `<label>`.
+- Accept `indeterminate` as a prop, sync to `inputEl.indeterminate` in `useEffect`.
+
+### Acceptance
+
+- Open modal → MultiSelect popover renders past modal edges, follows trigger on scroll, flips when near viewport bottom.
+- Click outside popover (anywhere on backdrop or other modal field) → popover closes.
+- A `<Checkbox indeterminate>` visually shows the indeterminate state.
+- `pnpm install` after deleting `node_modules/` re-applies the patch automatically (verify `package.json` has `pnpm.patchedDependencies`).
+
+### Long-term escape hatch
+
+If future `@nstart/ui` versions break the patch repeatedly, replace `Select` / `MultiSelect` only with **Radix Select + cmdk** behind a thin wrapper (`src/ui/Select.tsx`) and update the import via barrel file. Keep other `@nstart/ui` components.
+
+---
+
+## Part 2 — Dictionary Catalog Redesign
+
+### Domain context
+
+A "dictionary" is a JSON-schema-driven reference catalog (Типы КА, Спектральные каналы, Антенны, …). One dictionary's records can FK-reference another dictionary's records via fields marked in the schema. There are ~40 today, expected to grow to ~150. Users currently can't see relationships between dictionaries — only an alphabetical grid of cards.
+
+**Existing route:** `src/routes/dictionaries.index.tsx` (list of all) and `src/routes/dictionaries.$name.tsx` (one dict + its records).
+
+### Three views
+
+#### 2.1 — View D · List with inline FK chips (priority 1 — replaces current grid)
+
+**Where:** rewrite the body of `routes/dictionaries.index.tsx`.
+
+**Layout:**
+- **Toolbar row** (grid `1fr auto`):
+  - Left: search input (`height: 36px`, `width: 340px`, placeholder "Поиск по названию, коду или описанию"), then text "Показано **N** из **M**".
+  - Right: three scope toggles (`PUBLIC` blue, `INTERNAL` orange, `TENANT` pink) — each a `Btn` with a colored dot prefix; toggleable; default all on. Then divider, then "Только со связями" toggle.
+- **Bundle filter row:** label "BUNDLE" in mono caps, then `все` button followed by one button per bundle (`cuod`, `geo`, `i18n`, `core`) with the count of items in each. Active filter = navy outline + light-blue fill. Single-select (clicking active deselects).
+- **Body:** dictionaries grouped by bundle. Each group has a header (mono uppercase bundle name + count + horizontal hairline). Inside each group: 2-column grid of `Item` cards.
+
+**Item card layout** (`grid-template-columns: 3px 1fr auto`, `border-radius: 10px`, `border: 1px solid #e5e7ee`):
+- Column 1: 3px-wide vertical strip in the scope color (`#3a6df0` / `#d4711a` / `#c64a8a`).
+- Column 2 (padding `12px 14px`):
+  - **Title row:** dictionary title (`15px`, `font-weight: 600`, `color: #1d2a8a`) + `id` in mono 11px gray.
+  - **Description:** `12px`, `color: #3a4151`, `line-height: 1.4`, `margin-top: 3px`.
+  - **Relations row** (only if `fk.length > 0 || refBy.length > 0`):
+    - "→ ссылается" mono caps label, then `FkChip` for each entry in `fk[]`.
+    - "← N использ." mono caps label, then up to 3 `FkChip` (dimmed style: dashed border, gray text) for `refBy[]`. If more than 3, "+N" suffix.
+- Column 3 (padding `12px 14px`, flex column, items end): `ScopeBadge`, then `v1.0.0` mono.
+
+**Hover:** `box-shadow: 0 8px 22px -14px rgba(20,30,140,.25)` + `translateY(-1px)`. Cursor pointer. Click → navigate to `/dictionaries/{id}` (which now opens at the new "Связи" tab — see 2.2).
+
+**FK chip** (`FkChip.tsx`): inline button, `padding: 2px 7px`, `border-radius: 5px`, `font: 11px JetBrains Mono`. Active: `bg: #f3f5fb`, `border: 1px solid #e5e7ee`, `color: #1d2a8a`. Dimmed: `bg: transparent`, `border: 1px dashed #e5e7ee`, `color: #6b7180`. `onClick: e => { e.stopPropagation(); navigate(`/dictionaries/${id}`); }`.
+
+**Empty state:** centered "Ничего не найдено по текущим фильтрам".
+
+#### 2.2 — View B · Hub (priority 2 — new tab in `dictionaries.$name.tsx`)
+
+**Where:** add as the **first** tab "Связи" in the existing tab bar of `routes/dictionaries.$name.tsx`. Existing tabs (Записи / Поля / JSON / События) stay unchanged.
+
+**Layout:**
+- **Top metadata strip** (existing on the page, no changes needed besides ensuring it shows scope badge, bundle, version).
+- **Tab body:**
+  - **Meta row** (gray bg `#f7f8fb`, `border-radius: 10px`, padding `14px 18px`): scope badge | description | counts "→ N исх. ← M вход.".
+  - **Three-column grid** (`1fr auto 1fr`, `gap: 30px`, `align-items: flex-start`):
+    - **Left column** ("Зависит от · N"): list of cards, one per `fk[]` entry, each followed by a small right-pointing arrow SVG (60×20).
+    - **Center**: large highlighted card (width 280px, `border: 2px solid #1d2a8a`, gradient bg `linear-gradient(180deg,#fff,#eef3ff)`, large shadow). Shows current dictionary's title (18px bold), id (mono), scope badge, description.
+    - **Right column** ("На него ссылаются · M"): arrow + card per `refBy[]` entry.
+  - **Footer hint** (dashed top border): "Клик по карточке — сделать центром. Ctrl+клик — добавить в выборку. Двойной клик — открыть в редакторе."
+
+**Card** (used left and right): same FK-chip-style colored strip + title + id, but as a full card (not a chip). 240px wide, white bg.
+
+**Click on a side card** → navigate to that dictionary's Hub tab. **Recursion** is fine — Hub view is just a function of the route param.
+
+**Empty states:**
+- No `fk` → "нет зависимостей" in left column.
+- No `refBy` → "никто не ссылается" in right column.
+
+#### 2.3 — View A · Graph (priority 3 — new sub-route)
+
+**Where:** new route file `src/routes/dictionaries.graph.tsx`. Add a tab/toggle "Граф связей" on `dictionaries.index.tsx` that switches `?view=graph`. Persist via TanStack Router `validateSearch`:
+
+```ts
+search: { view: z.enum(['list','graph']).default('list') }
+```
+
+**Layout:** full-width canvas (max 1180px wide), vertical column:
+- **Toolbar** (height 56px, padding `0 18px`, bottom border):
+  - Left: caption "Граф связей · N узлов · M связей" (mono uppercase).
+  - Right: three scope filter buttons (same as List view), divider, "Скрыть листья" toggle, "Экспорт SVG".
+- **SVG canvas** (1180 × 760, dot-grid background `#eef0f5` 24px pitch).
+- **Legend bar** (bottom, padding `10px 18px`, top border): "Размер узла = входящие ссылки · Hover — фокус, Click — открыть hub · Layout: forced".
+
+**Node:** circle, radius `24 + min(refBy.length * 3, 16)` px. Fill = `SCOPE_BG[scope]`, stroke = `SCOPE_COLOR[scope]`, stroke-width `1.4` (or `2.5` if hovered). Centered text: title (truncated to 12 chars + "…" if longer) on top, `← N` mono caption below.
+
+**Edge:** cubic Bézier `M ax,ay C ax,(ay+by)/2 bx,(ay+by)/2 bx,by` with arrow marker at end. Stroke `#c8cfdb` default, `#1d2a8a` when adjacent to hovered node. Non-adjacent edges fade to opacity `0.10` on hover.
+
+**Layout calculation:** use `d3-force` once on mount + on data change.
+
+```ts
+import { forceSimulation, forceLink, forceManyBody, forceCenter, forceCollide } from 'd3-force';
+
+const sim = forceSimulation(nodes)
+  .force('link',    forceLink(edges).id((d:any) => d.id).distance(140))
+  .force('charge',  forceManyBody().strength(-450))
+  .force('center',  forceCenter(W/2, H/2))
+  .force('collide', forceCollide(node => node.radius + 8))
+  .stop();
+
+for (let i = 0; i < 300; i++) sim.tick();
+```
+
+Cache positions in a `useMemo` keyed by `JSON.stringify(edges)`. Do not animate — render statically; users want a snapshot, not a live simulation.
+
+**Hover:** `setHover(id)` highlights node + adjacent edges + adjacent nodes; dims everything else. Click on node → `navigate({ to: '/dictionaries/$name', params: { name: id } })`.
+
+**Tooltip on hover:** absolute-positioned box at `(node.x + 30, node.y + 30)` clamped to canvas. Shows title + scope badge + id mono + description + counts. White bg, soft shadow.
+
+### Data shape
+
+#### Dictionary type (`src/components/catalog/types.ts`)
+
+```ts
+export interface Dictionary {
+  id: string;          // e.g. "satellites"
+  title: string;       // e.g. "Космические аппараты"
+  desc: string;        // short description (existing field)
+  scope: 'PUBLIC' | 'INTERNAL' | 'TENANT';
+  bundle: string;      // 'cuod' | 'geo' | 'i18n' | 'core' | …
+  version: string;     // e.g. "1.0.0"
+  fk: string[];        // ids of dictionaries this one references
+  refBy: string[];     // ids of dictionaries that reference this one
+}
+```
+
+The existing API likely returns everything except `fk` and `refBy`. You need to derive these from the JSON schema.
+
+#### Two paths for `fk` / `refBy`
+
+**Path A — derive client-side** (fastest to ship):
+
+```ts
+function extractFks(schema: JsonSchema): string[] {
+  const fks: string[] = [];
+  for (const prop of Object.values(schema.properties ?? {})) {
+    // adjust to whatever convention your backend uses:
+    const ref = (prop as any)['x-ref']
+             ?? (prop as any)['x-fk']
+             ?? matchRefPath((prop as any).$ref);
+    if (typeof ref === 'string') fks.push(ref);
+  }
+  return fks;
+}
+
+function buildGraph(dicts: ApiDictionary[]): Dictionary[] {
+  const withFk = dicts.map(d => ({ ...d, fk: extractFks(d.schema), refBy: [] as string[] }));
+  const byId = Object.fromEntries(withFk.map(d => [d.id, d]));
+  for (const d of withFk) for (const t of d.fk) byId[t]?.refBy.push(d.id);
+  return withFk;
+}
+```
+
+**Confirm with backend team** which convention is actually in use (`x-ref`? `$ref`? something else?) before implementing. The prototype assumes `x-ref` / `x-fk`.
+
+Wrap in `useMemo([dictsQuery.data])` — recompute only when the dict list changes.
+
+**Path B — backend endpoint** (correct long-term):
+
+Ask backend for `GET /api/v1/dictionaries/graph` returning:
+
+```ts
+{
+  nodes: Array<{ id, title, scope, bundle, version, desc, refByCount, fkCount }>,
+  edges: Array<{ from: string, to: string, property: string }>
+}
+```
+
+Cache for 60s — graph rarely changes. Until B exists, use A.
+
+### Routes & state
+
+```
+src/routes/
+├── dictionaries.index.tsx     — Toolbar + List view OR Graph view based on ?view=
+├── dictionaries.graph.tsx     — DELETE if you choose to keep both views in index.tsx
+└── dictionaries.$name.tsx     — Add "Связи" as first tab → HubView
+```
+
+Search-state schema:
+
+```ts
+const searchSchema = z.object({
+  view:    z.enum(['list','graph']).default('list'),
+  q:       z.string().optional(),
+  scopes:  z.array(z.enum(['PUBLIC','INTERNAL','TENANT'])).default(['PUBLIC','INTERNAL','TENANT']),
+  bundle:  z.string().optional(),
+  // for hub:
+  // (the focused dict id is the route param, not search-state)
+});
+```
+
+URL examples:
+- `/dictionaries?view=graph` — graph of everything
+- `/dictionaries?view=list&q=каналы&scopes=PUBLIC` — filtered list
+- `/dictionaries/satellites` — Hub of satellites (Связи tab)
+
+### Component file layout
+
+```
+src/components/catalog/
+├── types.ts                    — Dictionary, scope/bundle constants, color tokens
+├── extractFks.ts               — schema → fk[] derivation
+├── buildGraph.ts               — adds refBy[]
+├── ScopeBadge.tsx              — pill with scope dot + label
+├── ScopeDot.tsx                — 8×8 colored dot
+├── FkChip.tsx                  — clickable FK chip (active + dimmed variants)
+├── ListView.tsx                — view D body
+├── HubView.tsx                 — view B body (used as a tab inside dictionaries.$name)
+├── GraphView.tsx               — view A body, uses d3-force
+└── tokens.ts                   — SCOPE_COLOR, SCOPE_BG, SCOPE_LABEL, BUNDLES
+```
+
+---
+
+## Design Tokens
+
+### Colors
+
+| Token            | Value     | Used for |
+|------------------|-----------|----------|
+| `--navy`         | `#1d2a8a` | primary text, primary button, focused borders |
+| `--navy-2`       | `#0f1860` | hub-card title |
+| `--ink`          | `#11131a` | body text, hard contrast labels |
+| `--ink-2`        | `#3a4151` | secondary body text |
+| `--mute`         | `#6b7180` | meta text, captions, mono labels |
+| `--line`         | `#e5e7ee` | hairlines, card borders, default button border |
+| `--line-2`       | `#eef0f5` | section dividers, subtle separators |
+| `--bg`           | `#f7f8fb` | page background, hub meta strip |
+| `--surface`      | `#ffffff` | card backgrounds |
+| **scope** (`PUBLIC`) | fg `#3a6df0` / bg `#eef3ff` |
+| **scope** (`INTERNAL`) | fg `#d4711a` / bg `#fff2e3` |
+| **scope** (`TENANT`)   | fg `#c64a8a` / bg `#fde7f1` |
+
+### Typography
+
+- **Body / UI:** `Inter, ui-sans-serif, system-ui, sans-serif` (already in styles.css via `@nstart/ui/styles/fonts.css`).
+- **Mono captions / IDs:** `JetBrains Mono, ui-monospace, monospace`.
+- **Scale:**
+  - `22px / 600` — Hub center title
+  - `18px / 700` — Hub center title (alt) / large card title
+  - `15px / 600` — list item title
+  - `14px / 600` — toolbar/section heading
+  - `13px / 500–600` — buttons, tabs
+  - `12px / 400` — body text, descriptions
+  - `11px mono uppercase letter-spacing .06em` — meta labels ("сап"-style captions)
+
+### Spacing
+
+- Card padding: `12px 14px`
+- Group gap (vertical between bundles): `22px`
+- Item gap inside group: `10px`
+- Toolbar row gap: `8–10px`
+- View padding: `24px` inside surface, `28px` page padding
+
+### Radius / shadow
+
+- Cards: `border-radius: 10px`, `border: 1px solid #e5e7ee`
+- Buttons: `border-radius: 8px`, `height: 32–36px`
+- Hub center card: `border-radius: 12px`, `border: 2px solid #1d2a8a`, `box-shadow: 0 18px 36px -22px rgba(20,30,140,.5)`
+- Item hover: `box-shadow: 0 8px 22px -14px rgba(20,30,140,.25)`
+
+---
 
 ## Acceptance criteria
 
-### A11y (must-pass)
+### List view (D)
+- Replaces the current alphabetical grid on `/dictionaries`.
+- Real `fk[]` and `refBy[]` derived from schemas (or from `/dictionaries/graph` endpoint).
+- Search, scope toggles, bundle filter, "Только со связями" all work.
+- Hover lift + click navigation to `/dictionaries/{id}`.
+- FK chips clickable and stop propagation.
+- Empty state shown when filters return nothing.
 
-1. `<nav aria-label="...">` отсутствует (это не nav, это grid). Вместо использовать
-   `<section aria-label={t('dict.list.heading')}>` обёртку всей страницы.
-2. Каждый scope-chip имеет `aria-pressed={selected}` + visible focus ring.
-3. Density toggle — `<div role="group" aria-label="Density">` с 2 buttons
-   `aria-pressed={state===density}`.
-4. Sort `<select>` — стандартный native + visible label через `aria-label`.
-5. SearchInput сохраняет `aria-label`. На `/dictionaries/?q=...` initial load —
-   focus на input, `aria-busy` пока `useDeferredValue` транзит.
-6. Карточки/строки в dense mode имеют `aria-current="page"` если route matches
-   (нужно для возврата с детального).
-7. Контраст: все text-on-bg pairs ≥ 4.5:1 (WCAG AA). Особое внимание на
-   `text-carbon/60` (60% opacity) — tested OK на white background.
+### Hub view (B)
+- New "Связи" tab on `/dictionaries/{name}`, **first** in tab order.
+- Shows zero-states ("нет зависимостей" / "никто не ссылается") correctly.
+- Cards on either side navigate to that dict's Связи tab.
+- All existing tabs (Записи / Поля / JSON / События) still work unchanged.
 
-### Behavior
+### Graph view (A)
+- Reachable via `/dictionaries?view=graph`.
+- `d3-force` simulation runs once, deterministic positions across reloads (seed if needed).
+- Hover dims unrelated nodes + edges to opacity `0.10`.
+- Click on node navigates to `/dictionaries/{id}`.
+- Tooltip stays inside canvas bounds.
+- Performance: 150 nodes / 300 edges renders in <300ms.
 
-1. URL state стабилен: refresh / back → точно то же view.
-2. `q` отсутствует/пустой → default sort применяется.
-3. `scope=PUBLIC,INTERNAL` без RESTRICTED → видны только эти 2.
-4. Изменение sort/density НЕ сбрасывает scope filter.
-5. Empty state per filter combo: «Ничего не найдено по фильтрам» с
-   `<button>Сбросить фильтры</button>`.
-6. Density `dense`: header строка + пер-строка + sticky на scroll (mobile fallback).
-7. `<Link>` clickable area = вся карточка/строка (1 целевая зона на запись).
+### Patch
+- `pnpm install` from clean checkout applies the patch.
+- `MultiSelect` popover renders in portal, follows trigger on scroll, flips when near viewport bottom.
+- `Checkbox indeterminate` works visually.
 
-### Performance
+---
 
-- Initial render с 100 dicts: ≤ 50ms (`useDeferredValue` для `q`, `useMemo`
-  для filtered + sorted).
-- Re-filter на keystroke: ≤ 30ms. Если backend вырастет до 10k записей —
-  это становится backend pagination concern (отдельный issue, не в scope).
-- Bundle size: zero new deps. Sort logic — inline (≤ 30 строк).
+## Files in this bundle
 
-### Visual / Brand
-
-- Шрифты: Tektur только в `app.title` + section headers (h2/h3). Body — Onest.
-- Цвета строго из `@theme` — ни один custom hex.
-- Радиус: `rounded-lg` (4px) для карточек / sections, `rounded-full` для chips/dots.
-- Shadow: `shadow-card` static, `shadow-hover` на hover/focus.
-
-## Edge cases
-
-| Кейс | Поведение |
+| Path | What it is |
 |---|---|
-| `data?.length === 0` | EmptyState «Нет справочников» + Create button |
-| `filtered.length === 0` AND фильтры активны | EmptyState с reset action |
-| 1 dict в одном scope, 0 в других + `density=dense` | Header строка + 1 row, без gap |
-| `q` content match но scope filter excludes | Show empty + сообщение «scope filter скрыл результаты» |
-| URL invalid `scope=FOO` | Zod validate'ит, фильтр игнорируется |
-| URL `density=zzz` | Default `card` |
-| Wide screens (≥ 1440px) | Grid 4 columns в card mode (current 3) |
-| Narrow mobile (<400px) | Density toggle скрыт (только card) |
-| Approval-required dict | Warning badge поверх стандартного scope badge |
+| `screenshots/D-list-view.png` | Reference screenshot of the List view |
+| `screenshots/A-graph-view.png` | Reference screenshot of the Graph view |
+| `screenshots/B-hub-view.png` | Reference screenshot of the Hub view |
+| `design/dictionary-prototype.html` | Working three-view prototype (open in browser) |
+| `design/proto/data.jsx` | Mock dictionary dataset (~24 dicts) — **reference shape only** |
+| `design/proto/ui.jsx` | Atomic UI components (FkChip, ScopeBadge, Btn, Sup) |
+| `design/proto/view-list.jsx` | View D source |
+| `design/proto/view-hub.jsx` | View B source |
+| `design/proto/view-graph.jsx` | View A source |
+| `design/dictionary-views.html` | Earlier exploration with 4 alternative concepts (matrix view) |
+| `patches/README.md` | Step-by-step `pnpm patch @nstart/ui` instructions |
+| `review.md` | Original code review — bugs and improvements found in the codebase. Tasks B, A, D + the patch are responses to issues identified there. |
 
-## Out of scope (future)
+## Open questions to confirm with the team
 
-- Server-side pagination (когда dicts > 200) — отдельный issue.
-- Per-dict pinning / favorites — нужны user preferences storage.
-- Bulk operations (mass approval flag toggle) — отдельный admin tool.
-- Export CSV списка справочников — minor, можно через menu later.
+1. **JSON-schema FK convention** — `x-ref`? `$ref`? Custom `x-dict`? Whatever it is, `extractFks` needs to match.
+2. **Backend graph endpoint** — willing to add `/api/v1/dictionaries/graph`? If not, client derives.
+3. **Bundle field** — confirm exact list of bundles in production (`cuod`, `geo`, `i18n`, `core` are guesses).
+4. **`@nstart/ui` upgrade plan** — is the team open to a long-term Radix Select wrapper if patch breaks repeatedly?
+5. **Graph performance ceiling** — is 150 nodes the real cap, or could it grow to 500+? At 500+ switch to `cytoscape.js`.
 
-## Implementation status
+## Out of scope
 
-- ✅ `prototype.html` — final visual.
-- ✅ `proposed.tsx` — drop-in replacement для `routes/dictionaries.index.tsx`.
-- ✅ `patch.diff` — surgical replace.
-- ✅ `review.md` — senior review с edge cases.
-
-## Test plan (для PR)
-
-1. Vitest unit: filter+sort logic (10 inputs × expected outputs).
-2. RTL component test: scope chip toggle обновляет URL, density toggle
-   меняет layout без re-fetch.
-3. Playwright e2e: load `/dictionaries/?q=test&scope=PUBLIC` → page shows
-   filtered subset, refresh → same view.
-4. Manual a11y: NVDA + VoiceOver smoke. Tab-order: search → scope chips → sort → density → first card → next card.
-5. Lighthouse: a11y ≥ 95, perf ≥ 90.
+- Editing dictionaries / records (existing flows untouched).
+- The form bugs in `review.md` (#1 time-travel TZ, #4 AJV errors, #12 token storage, etc.) — separate work items.
+- Mobile responsive — current admin UI is desktop-only.
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/design/design-canvas.jsx b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/design-canvas.jsx
new file mode 100644
index 0000000..5e685a6
--- /dev/null
+++ b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/design-canvas.jsx
@@ -0,0 +1,936 @@
+
+// DesignCanvas.jsx — Figma-ish design canvas wrapper
+// Warm gray grid bg + Sections + Artboards + PostIt notes.
+// Artboards are reorderable (grip-drag), deletable, labels/titles are
+// inline-editable, and any artboard can be opened in a fullscreen focus
+// overlay (←/→/Esc). State persists to a .design-canvas.state.json sidecar
+// via the host bridge. No assets, no deps.
+//
+// Usage:
+//   <DesignCanvas>
+//     <DCSection id="onboarding" title="Onboarding" subtitle="First-run variants">
+//       <DCArtboard id="a" label="A · Dusk" width={260} height={480}>…</DCArtboard>
+//       <DCArtboard id="b" label="B · Minimal" width={260} height={480}>…</DCArtboard>
+//     </DCSection>
+//   </DesignCanvas>
+
+const DC = {
+  bg: '#f0eee9',
+  grid: 'rgba(0,0,0,0.06)',
+  label: 'rgba(60,50,40,0.7)',
+  title: 'rgba(40,30,20,0.85)',
+  subtitle: 'rgba(60,50,40,0.6)',
+  postitBg: '#fef4a8',
+  postitText: '#5a4a2a',
+  font: '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif',
+};
+
+// One-time CSS injection (classes are dc-prefixed so they don't collide with
+// the hosted design's own styles).
+if (typeof document !== 'undefined' && !document.getElementById('dc-styles')) {
+  const s = document.createElement('style');
+  s.id = 'dc-styles';
+  s.textContent = [
+    '.dc-editable{cursor:text;outline:none;white-space:nowrap;border-radius:3px;padding:0 2px;margin:0 -2px}',
+    '.dc-editable:focus{background:#fff;box-shadow:0 0 0 1.5px #c96442}',
+    '[data-dc-slot]{transition:transform .18s cubic-bezier(.2,.7,.3,1)}',
+    '[data-dc-slot].dc-dragging{transition:none;z-index:10;pointer-events:none}',
+    '[data-dc-slot].dc-dragging .dc-card{box-shadow:0 12px 40px rgba(0,0,0,.25),0 0 0 2px #c96442;transform:scale(1.02)}',
+    // isolation:isolate contains artboard content's z-indexes so a
+    // z-indexed child (sticky navbar etc.) can't paint over .dc-header or
+    // the .dc-menu popover that drops into the top of the card.
+    '.dc-card{isolation:isolate;transition:box-shadow .15s,transform .15s}',
+    '.dc-card *{scrollbar-width:none}',
+    '.dc-card *::-webkit-scrollbar{display:none}',
+    // Per-artboard header: grip + label on the left, delete/expand on the
+    // right. Single flex row; when the artboard's on-screen width is too
+    // narrow for both the label yields (ellipsis, then hidden entirely below
+    // ~4ch via the container query) and the buttons stay on the row.
+    '.dc-header{position:absolute;bottom:100%;left:-4px;margin-bottom:calc(4px * var(--dc-inv-zoom,1));z-index:2;',
+    '  display:flex;align-items:center;container-type:inline-size}',
+    '.dc-labelrow{display:flex;align-items:center;gap:4px;height:24px;flex:1 1 auto;min-width:0}',
+    '.dc-grip{flex:0 0 auto;cursor:grab;display:flex;align-items:center;padding:5px 4px;border-radius:4px;transition:background .12s,opacity .12s}',
+    '.dc-grip:hover{background:rgba(0,0,0,.08)}',
+    '.dc-grip:active{cursor:grabbing}',
+    '.dc-labeltext{flex:1 1 auto;min-width:0;cursor:pointer;border-radius:4px;padding:3px 6px;',
+    '  display:flex;align-items:center;transition:background .12s;overflow:hidden}',
+    // Below ~4ch of label room: hide the label entirely, and drop the grip to
+    // hover-only (same reveal rule as .dc-btns) so a narrow header is clean
+    // until the card is moused.
+    '@container (max-width: 110px){',
+    '  .dc-labeltext{display:none}',
+    '  .dc-grip{opacity:0}',
+    '  [data-dc-slot]:hover .dc-grip{opacity:1}',
+    '}',
+    '.dc-labeltext:hover{background:rgba(0,0,0,.05)}',
+    '.dc-labeltext .dc-editable{overflow:hidden;text-overflow:ellipsis;max-width:100%}',
+    '.dc-labeltext .dc-editable:focus{overflow:visible;text-overflow:clip}',
+    '.dc-btns{flex:0 0 auto;margin-left:auto;display:flex;gap:2px;opacity:0;transition:opacity .12s}',
+    '[data-dc-slot]:hover .dc-btns,.dc-btns:has(.dc-menu){opacity:1}',
+    '.dc-expand,.dc-kebab{width:22px;height:22px;border-radius:5px;border:none;cursor:pointer;padding:0;',
+    '  background:transparent;color:rgba(60,50,40,.7);display:flex;align-items:center;justify-content:center;',
+    '  font:inherit;transition:background .12s,color .12s}',
+    '.dc-expand:hover,.dc-kebab:hover{background:rgba(0,0,0,.06);color:#2a251f}',
+    // Slot hosting an open menu floats above later siblings (which otherwise
+    // paint on top — same z-index:auto, later DOM order) so the popup isn't
+    // clipped by the next card.
+    '[data-dc-slot]:has(.dc-menu){z-index:10}',
+    '.dc-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:8px;',
+    '  box-shadow:0 8px 28px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.05);padding:4px;min-width:160px;z-index:10}',
+    '.dc-menu button{display:block;width:100%;padding:7px 10px;border:0;background:transparent;',
+    '  border-radius:5px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.2;',
+    '  color:#29261b;cursor:pointer;text-align:left;transition:background .12s;white-space:nowrap}',
+    '.dc-menu button:hover{background:rgba(0,0,0,.05)}',
+    '.dc-menu hr{border:0;border-top:1px solid rgba(0,0,0,.08);margin:4px 2px}',
+    '.dc-menu .dc-danger{color:#c96442}',
+    '.dc-menu .dc-danger:hover{background:rgba(201,100,66,.1)}',
+    // Chrome (titles / labels / buttons) counter-scales against the viewport
+    // zoom so it stays a constant on-screen size. --dc-inv-zoom is set by
+    // DCViewport on every transform update and inherits to all descendants —
+    // any overlay inside the world (e.g. a TweaksPanel on an artboard) can use
+    // it the same way.
+    //
+    // The header uses transform:scale (out-of-flow, so layout impact doesn't
+    // matter) with its world-space width set to card-width / inv-zoom so that
+    // after counter-scaling its on-screen width exactly matches the card's —
+    // that's what lets the container query + text-overflow behave against the
+    // card's visible edge at every zoom level.
+    //
+    // The section head uses CSS zoom instead of transform so its layout box
+    // grows with the counter-scale, pushing the card row down — otherwise the
+    // constant-screen-size title would overflow into the (shrinking) world-
+    // space gap and overlap the artboard headers at low zoom.
+    '.dc-header{width:calc((100% + 4px) / var(--dc-inv-zoom,1));',
+    '  transform:scale(var(--dc-inv-zoom,1));transform-origin:bottom left}',
+    '.dc-sectionhead{zoom:var(--dc-inv-zoom,1)}',
+  ].join('\n');
+  document.head.appendChild(s);
+}
+
+const DCCtx = React.createContext(null);
+
+// ─────────────────────────────────────────────────────────────
+// DesignCanvas — stateful wrapper around the pan/zoom viewport.
+// Owns runtime state (per-section order, renamed titles/labels, hidden
+// artboards, focused artboard). Order/titles/labels/hidden persist to a
+// .design-canvas.state.json
+// sidecar next to the HTML. Reads go via plain fetch() so the saved
+// arrangement is visible anywhere the HTML + sidecar are served together
+// (omelette preview, direct link, downloaded zip). Writes go through the
+// host's window.omelette bridge — editing requires the omelette runtime.
+// Focus is ephemeral.
+// ─────────────────────────────────────────────────────────────
+const DC_STATE_FILE = '.design-canvas.state.json';
+
+function DesignCanvas({ children, minScale, maxScale, style }) {
+  const [state, setState] = React.useState({ sections: {}, focus: null });
+  // Hold rendering until the sidecar read settles so the saved order/titles
+  // appear on first paint (no source-order flash). didRead gates writes until
+  // the read settles so the empty initial state can't clobber a slow read;
+  // skipNextWrite suppresses the one echo-write that would otherwise follow
+  // hydration.
+  const [ready, setReady] = React.useState(false);
+  const didRead = React.useRef(false);
+  const skipNextWrite = React.useRef(false);
+
+  React.useEffect(() => {
+    let off = false;
+    fetch('./' + DC_STATE_FILE)
+      .then((r) => (r.ok ? r.json() : null))
+      .then((saved) => {
+        if (off || !saved || !saved.sections) return;
+        skipNextWrite.current = true;
+        setState((s) => ({ ...s, sections: saved.sections }));
+      })
+      .catch(() => {})
+      .finally(() => { didRead.current = true; if (!off) setReady(true); });
+    const t = setTimeout(() => { if (!off) setReady(true); }, 150);
+    return () => { off = true; clearTimeout(t); };
+  }, []);
+
+  React.useEffect(() => {
+    if (!didRead.current) return;
+    if (skipNextWrite.current) { skipNextWrite.current = false; return; }
+    const t = setTimeout(() => {
+      window.omelette?.writeFile(DC_STATE_FILE, JSON.stringify({ sections: state.sections })).catch(() => {});
+    }, 250);
+    return () => clearTimeout(t);
+  }, [state.sections]);
+
+  // Build registries synchronously from children so FocusOverlay can read
+  // them in the same render. Only direct DCSection > DCArtboard children are
+  // walked — wrapping them in other elements opts out of focus/reorder.
+  const registry = {};     // slotId -> { sectionId, artboard }
+  const sectionMeta = {};  // sectionId -> { title, subtitle, slotIds[] }
+  const sectionOrder = [];
+  React.Children.forEach(children, (sec) => {
+    if (!sec || sec.type !== DCSection) return;
+    const sid = sec.props.id ?? sec.props.title;
+    if (!sid) return;
+    sectionOrder.push(sid);
+    const persisted = state.sections[sid] || {};
+    const abs = [];
+    React.Children.forEach(sec.props.children, (ab) => {
+      if (!ab || ab.type !== DCArtboard) return;
+      const aid = ab.props.id ?? ab.props.label;
+      if (aid) abs.push([aid, ab]);
+    });
+    // hidden is scoped to one source revision — when the agent regenerates
+    // (artboard-ID set changes), prior deletes don't apply to new content.
+    const srcKey = abs.map(([k]) => k).join('\x1f');
+    const hidden = persisted.srcKey === srcKey ? (persisted.hidden || []) : [];
+    const srcIds = [];
+    abs.forEach(([aid, ab]) => {
+      if (hidden.includes(aid)) return;
+      registry[`${sid}/${aid}`] = { sectionId: sid, artboard: ab };
+      srcIds.push(aid);
+    });
+    const kept = (persisted.order || []).filter((k) => srcIds.includes(k));
+    sectionMeta[sid] = {
+      title: persisted.title ?? sec.props.title,
+      subtitle: sec.props.subtitle,
+      slotIds: [...kept, ...srcIds.filter((k) => !kept.includes(k))],
+    };
+  });
+
+  const api = React.useMemo(() => ({
+    state,
+    section: (id) => state.sections[id] || {},
+    patchSection: (id, p) => setState((s) => ({
+      ...s,
+      sections: { ...s.sections, [id]: { ...s.sections[id], ...(typeof p === 'function' ? p(s.sections[id] || {}) : p) } },
+    })),
+    setFocus: (slotId) => setState((s) => ({ ...s, focus: slotId })),
+  }), [state]);
+
+  // Esc exits focus; any outside pointerdown commits an in-progress rename.
+  React.useEffect(() => {
+    const onKey = (e) => { if (e.key === 'Escape') api.setFocus(null); };
+    const onPd = (e) => {
+      const ae = document.activeElement;
+      if (ae && ae.isContentEditable && !ae.contains(e.target)) ae.blur();
+    };
+    document.addEventListener('keydown', onKey);
+    document.addEventListener('pointerdown', onPd, true);
+    return () => {
+      document.removeEventListener('keydown', onKey);
+      document.removeEventListener('pointerdown', onPd, true);
+    };
+  }, [api]);
+
+  return (
+    <DCCtx.Provider value={api}>
+      <DCViewport minScale={minScale} maxScale={maxScale} style={style}>{ready && children}</DCViewport>
+      {state.focus && registry[state.focus] && (
+        <DCFocusOverlay entry={registry[state.focus]} sectionMeta={sectionMeta} sectionOrder={sectionOrder} />
+      )}
+    </DCCtx.Provider>
+  );
+}
+
+// ─────────────────────────────────────────────────────────────
+// DCViewport — transform-based pan/zoom (internal)
+//
+// Input mapping (Figma-style):
+//   • trackpad pinch  → zoom   (ctrlKey wheel; Safari gesture* events)
+//   • trackpad scroll → pan    (two-finger)
+//   • mouse wheel     → zoom   (notched; distinguished from trackpad scroll)
+//   • middle-drag / primary-drag-on-bg → pan
+//
+// Transform state lives in a ref and is written straight to the DOM
+// (translate3d + will-change) so wheel ticks don't go through React —
+// keeps pans at 60fps on dense canvases.
+// ─────────────────────────────────────────────────────────────
+function DCViewport({ children, minScale = 0.1, maxScale = 8, style = {} }) {
+  const vpRef = React.useRef(null);
+  const worldRef = React.useRef(null);
+  const tf = React.useRef({ x: 0, y: 0, scale: 1 });
+  // Persist viewport across reloads so the user lands back where they were
+  // after an agent edit or browser refresh. The sandbox origin is already
+  // per-project; pathname keeps multiple canvas files in one project apart.
+  const tfKey = 'dc-viewport:' + location.pathname;
+  const saveT = React.useRef(0);
+
+  const lastPostedScale = React.useRef();
+  const apply = React.useCallback(() => {
+    const { x, y, scale } = tf.current;
+    const el = worldRef.current;
+    if (!el) return;
+    el.style.transform = `translate3d(${x}px, ${y}px, 0) scale(${scale})`;
+    // Exposed for zoom-invariant chrome (labels, buttons, TweaksPanel).
+    el.style.setProperty('--dc-inv-zoom', String(1 / scale));
+    // Keep the host toolbar's % readout in sync with the canvas scale. Pan
+    // ticks leave scale unchanged — skip the cross-frame post for those.
+    if (lastPostedScale.current !== scale) {
+      lastPostedScale.current = scale;
+      window.parent.postMessage({ type: '__dc_zoom', scale }, '*');
+    }
+    clearTimeout(saveT.current);
+    saveT.current = setTimeout(() => {
+      try { localStorage.setItem(tfKey, JSON.stringify(tf.current)); } catch {}
+    }, 200);
+  }, [tfKey]);
+
+  React.useLayoutEffect(() => {
+    const flush = () => {
+      clearTimeout(saveT.current);
+      try { localStorage.setItem(tfKey, JSON.stringify(tf.current)); } catch {}
+    };
+    try {
+      const s = JSON.parse(localStorage.getItem(tfKey) || 'null');
+      if (s && Number.isFinite(s.x) && Number.isFinite(s.y) && Number.isFinite(s.scale)) {
+        tf.current = { x: s.x, y: s.y, scale: Math.min(maxScale, Math.max(minScale, s.scale)) };
+        apply();
+      }
+    } catch {}
+    // Flush on pagehide and unmount so a reload within the 200ms debounce
+    // window doesn't drop the last pan/zoom.
+    window.addEventListener('pagehide', flush);
+    return () => { window.removeEventListener('pagehide', flush); flush(); };
+  }, []);
+
+  React.useEffect(() => {
+    const vp = vpRef.current;
+    if (!vp) return;
+
+    const zoomAt = (cx, cy, factor) => {
+      const r = vp.getBoundingClientRect();
+      const px = cx - r.left, py = cy - r.top;
+      const t = tf.current;
+      const next = Math.min(maxScale, Math.max(minScale, t.scale * factor));
+      const k = next / t.scale;
+      // keep the world point under the cursor fixed
+      t.x = px - (px - t.x) * k;
+      t.y = py - (py - t.y) * k;
+      t.scale = next;
+      apply();
+    };
+
+    // Mouse-wheel vs trackpad-scroll heuristic. A physical wheel sends
+    // line-mode deltas (Firefox) or large integer pixel deltas with no X
+    // component (Chrome/Safari, typically multiples of 100/120). Trackpad
+    // two-finger scroll sends small/fractional pixel deltas, often with
+    // non-zero deltaX. ctrlKey is set by the browser for trackpad pinch.
+    const isMouseWheel = (e) =>
+      e.deltaMode !== 0 ||
+      (e.deltaX === 0 && Number.isInteger(e.deltaY) && Math.abs(e.deltaY) >= 40);
+
+    const onWheel = (e) => {
+      e.preventDefault();
+      if (isGesturing) return; // Safari: gesture* owns the pinch — discard concurrent wheels
+      if ((e.ctrlKey || e.metaKey) && !isMouseWheel(e)) {
+        // trackpad pinch, or ctrl/cmd + smooth-scroll mouse. Notched
+        // wheels fall through to the fixed-step branch below.
+        zoomAt(e.clientX, e.clientY, Math.exp(-e.deltaY * 0.01));
+      } else if (isMouseWheel(e)) {
+        // notched mouse wheel — fixed-ratio step per click
+        zoomAt(e.clientX, e.clientY, Math.exp(-Math.sign(e.deltaY) * 0.18));
+      } else {
+        // trackpad two-finger scroll — pan
+        tf.current.x -= e.deltaX;
+        tf.current.y -= e.deltaY;
+        apply();
+      }
+    };
+
+    // Safari sends native gesture* events for trackpad pinch with a smooth
+    // e.scale; preferring these over the ctrl+wheel fallback gives a much
+    // better feel there. No-ops on other browsers. Safari also fires
+    // ctrlKey wheel events during the same pinch — isGesturing makes
+    // onWheel drop those entirely so they neither zoom nor pan.
+    let gsBase = 1;
+    let isGesturing = false;
+    const onGestureStart = (e) => { e.preventDefault(); isGesturing = true; gsBase = tf.current.scale; };
+    const onGestureChange = (e) => {
+      e.preventDefault();
+      zoomAt(e.clientX, e.clientY, (gsBase * e.scale) / tf.current.scale);
+    };
+    const onGestureEnd = (e) => { e.preventDefault(); isGesturing = false; };
+
+    // Drag-pan: middle button anywhere, or primary button on canvas
+    // background (anything that isn't an artboard or an inline editor).
+    let drag = null;
+    const onPointerDown = (e) => {
+      const onBg = !e.target.closest('[data-dc-slot], .dc-editable');
+      if (!(e.button === 1 || (e.button === 0 && onBg))) return;
+      e.preventDefault();
+      vp.setPointerCapture(e.pointerId);
+      drag = { id: e.pointerId, lx: e.clientX, ly: e.clientY };
+      vp.style.cursor = 'grabbing';
+    };
+    const onPointerMove = (e) => {
+      if (!drag || e.pointerId !== drag.id) return;
+      tf.current.x += e.clientX - drag.lx;
+      tf.current.y += e.clientY - drag.ly;
+      drag.lx = e.clientX; drag.ly = e.clientY;
+      apply();
+    };
+    const onPointerUp = (e) => {
+      if (!drag || e.pointerId !== drag.id) return;
+      vp.releasePointerCapture(e.pointerId);
+      drag = null;
+      vp.style.cursor = '';
+    };
+
+    // Host-driven zoom (toolbar % menu). Zooms around viewport centre so the
+    // visible midpoint stays fixed — matching the host's iframe-zoom feel.
+    const onHostMsg = (e) => {
+      const d = e.data;
+      if (d && d.type === '__dc_set_zoom' && typeof d.scale === 'number') {
+        const r = vp.getBoundingClientRect();
+        zoomAt(r.left + r.width / 2, r.top + r.height / 2, d.scale / tf.current.scale);
+      } else if (d && d.type === '__dc_probe') {
+        // Host's [readyGen] reset asks whether a canvas is present; it
+        // fires on the iframe's native 'load', which for canvases with
+        // images/fonts is after our mount-time announce, so re-announce.
+        // Clear the pan-tick guard so apply() re-posts the current scale
+        // even if it's unchanged — the host just reset dcScale to 1.
+        window.parent.postMessage({ type: '__dc_present' }, '*');
+        lastPostedScale.current = undefined;
+        apply();
+      }
+    };
+    window.addEventListener('message', onHostMsg);
+    // Announce canvas mode so the host toolbar proxies its % control here
+    // instead of scaling the iframe element (which would just shrink the
+    // viewport window of an infinite canvas). The apply() that follows emits
+    // the initial __dc_zoom so the toolbar % is correct before first pinch.
+    // lastPostedScale reset mirrors the __dc_probe handler: the layout
+    // effect's restore-path apply() may already have posted the restored
+    // scale (before __dc_present), so clear the guard to re-post it in order.
+    window.parent.postMessage({ type: '__dc_present' }, '*');
+    lastPostedScale.current = undefined;
+    apply();
+
+    vp.addEventListener('wheel', onWheel, { passive: false });
+    vp.addEventListener('gesturestart', onGestureStart, { passive: false });
+    vp.addEventListener('gesturechange', onGestureChange, { passive: false });
+    vp.addEventListener('gestureend', onGestureEnd, { passive: false });
+    vp.addEventListener('pointerdown', onPointerDown);
+    vp.addEventListener('pointermove', onPointerMove);
+    vp.addEventListener('pointerup', onPointerUp);
+    vp.addEventListener('pointercancel', onPointerUp);
+    return () => {
+      window.removeEventListener('message', onHostMsg);
+      vp.removeEventListener('wheel', onWheel);
+      vp.removeEventListener('gesturestart', onGestureStart);
+      vp.removeEventListener('gesturechange', onGestureChange);
+      vp.removeEventListener('gestureend', onGestureEnd);
+      vp.removeEventListener('pointerdown', onPointerDown);
+      vp.removeEventListener('pointermove', onPointerMove);
+      vp.removeEventListener('pointerup', onPointerUp);
+      vp.removeEventListener('pointercancel', onPointerUp);
+    };
+  }, [apply, minScale, maxScale]);
+
+  const gridSvg = `url("data:image/svg+xml,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M120 0H0v120' fill='none' stroke='${encodeURIComponent(DC.grid)}' stroke-width='1'/%3E%3C/svg%3E")`;
+  return (
+    <div
+      ref={vpRef}
+      className="design-canvas"
+      style={{
+        height: '100vh', width: '100vw',
+        background: DC.bg,
+        overflow: 'hidden',
+        overscrollBehavior: 'none',
+        touchAction: 'none',
+        position: 'relative',
+        fontFamily: DC.font,
+        boxSizing: 'border-box',
+        ...style,
+      }}
+    >
+      <div
+        ref={worldRef}
+        style={{
+          position: 'absolute', top: 0, left: 0,
+          transformOrigin: '0 0',
+          willChange: 'transform',
+          width: 'max-content', minWidth: '100%',
+          minHeight: '100%',
+          padding: '60px 0 80px',
+        }}
+      >
+        <div style={{ position: 'absolute', inset: -6000, backgroundImage: gridSvg, backgroundSize: '120px 120px', pointerEvents: 'none', zIndex: -1 }} />
+        {children}
+      </div>
+    </div>
+  );
+}
+
+// ─────────────────────────────────────────────────────────────
+// DCSection — editable title + h-row of artboards in persisted order
+// ─────────────────────────────────────────────────────────────
+function DCSection({ id, title, subtitle, children, gap = 48 }) {
+  const ctx = React.useContext(DCCtx);
+  const sid = id ?? title;
+  const all = React.Children.toArray(children);
+  const artboards = all.filter((c) => c && c.type === DCArtboard);
+  const rest = all.filter((c) => !(c && c.type === DCArtboard));
+  const sec = (ctx && sid && ctx.section(sid)) || {};
+  // Must match DesignCanvas's srcKey computation exactly (it filters falsy
+  // IDs), or onDelete persists a srcKey that DesignCanvas never recognizes.
+  const allIds = artboards.map((a) => a.props.id ?? a.props.label).filter(Boolean);
+  const srcKey = allIds.join('\x1f');
+  const hidden = sec.srcKey === srcKey ? (sec.hidden || []) : [];
+  const srcOrder = allIds.filter((k) => !hidden.includes(k));
+
+  const order = React.useMemo(() => {
+    const kept = (sec.order || []).filter((k) => srcOrder.includes(k));
+    return [...kept, ...srcOrder.filter((k) => !kept.includes(k))];
+  }, [sec.order, srcOrder.join('|')]);
+
+  const byId = Object.fromEntries(artboards.map((a) => [a.props.id ?? a.props.label, a]));
+
+  // marginBottom counter-scales so the on-screen gap between sections stays
+  // constant — otherwise at low zoom the (world-space) gap collapses while
+  // the screen-constant sectionhead below it doesn't, and the title reads as
+  // belonging to the section above. paddingBottom below is just enough for
+  // the 24px artboard-header (abs-positioned above each card) plus ~8px, so
+  // the title sits tight against its own row at every zoom.
+  return (
+    <div data-dc-section={sid}
+      style={{ marginBottom: 'calc(80px * var(--dc-inv-zoom, 1))', position: 'relative' }}>
+      <div style={{ padding: '0 60px' }}>
+        <div className="dc-sectionhead" style={{ paddingBottom: 36 }}>
+          <DCEditable tag="div" value={sec.title ?? title}
+            onChange={(v) => ctx && sid && ctx.patchSection(sid, { title: v })}
+            style={{ fontSize: 28, fontWeight: 600, color: DC.title, letterSpacing: -0.4, marginBottom: 6, display: 'inline-block' }} />
+          {subtitle && <div style={{ fontSize: 16, color: DC.subtitle }}>{subtitle}</div>}
+        </div>
+      </div>
+      <div style={{ display: 'flex', gap, padding: '0 60px', alignItems: 'flex-start', width: 'max-content' }}>
+        {order.map((k) => (
+          <DCArtboardFrame key={k} sectionId={sid} artboard={byId[k]} order={order}
+            label={(sec.labels || {})[k] ?? byId[k].props.label}
+            onRename={(v) => ctx && ctx.patchSection(sid, (x) => ({ labels: { ...x.labels, [k]: v } }))}
+            onReorder={(next) => ctx && ctx.patchSection(sid, { order: next })}
+            onDelete={() => ctx && ctx.patchSection(sid, (x) => ({
+              hidden: [...(x.srcKey === srcKey ? (x.hidden || []) : []), k],
+              srcKey,
+            }))}
+            onFocus={() => ctx && ctx.setFocus(`${sid}/${k}`)} />
+        ))}
+      </div>
+      {rest}
+    </div>
+  );
+}
+
+// DCArtboard — marker; rendered by DCArtboardFrame via DCSection.
+function DCArtboard() { return null; }
+
+// Per-artboard export (kind: 'png' | 'html'). Both paths share the same
+// self-contained clone: computed styles baked in, @font-face / <img> /
+// inline-style background-image urls inlined as data URIs. PNG wraps the
+// clone in foreignObject→canvas at 3× the artboard's natural width×height
+// (same pipeline the host uses for page captures); HTML wraps it in a
+// minimal standalone document. Both are independent of viewport zoom.
+async function dcExport(node, w, h, name, kind) {
+  try { await document.fonts.ready; } catch {}
+  const toDataURL = (url) => fetch(url).then((r) => r.blob()).then((b) => new Promise((res) => {
+    const fr = new FileReader(); fr.onload = () => res(fr.result); fr.onerror = () => res(url); fr.readAsDataURL(b);
+  })).catch(() => url);
+
+  // Collect @font-face rules. ss.cssRules throws SecurityError on
+  // cross-origin sheets (e.g. fonts.googleapis.com) — in that case fetch
+  // the CSS text directly (those endpoints send ACAO:*) and regex-extract
+  // the blocks. @import and @media/@supports are walked so nested
+  // @font-face rules aren't missed.
+  const fontRules = [], pending = [], seen = new Set();
+  const scrapeCss = (href) => {
+    if (seen.has(href)) return; seen.add(href);
+    pending.push(fetch(href).then((r) => r.text()).then((css) => {
+      for (const m of css.match(/@font-face\s*{[^}]*}/g) || []) fontRules.push({ css: m, base: href });
+      for (const m of css.matchAll(/@import\s+(?:url\()?['"]?([^'")\s;]+)/g))
+        scrapeCss(new URL(m[1], href).href);
+    }).catch(() => {}));
+  };
+  const walk = (rules, base) => {
+    for (const r of rules) {
+      if (r.type === CSSRule.FONT_FACE_RULE) fontRules.push({ css: r.cssText, base });
+      else if (r.type === CSSRule.IMPORT_RULE && r.styleSheet) {
+        const ibase = r.styleSheet.href || base;
+        try { walk(r.styleSheet.cssRules, ibase); } catch { scrapeCss(ibase); }
+      } else if (r.cssRules) walk(r.cssRules, base);
+    }
+  };
+  for (const ss of document.styleSheets) {
+    const base = ss.href || location.href;
+    try { walk(ss.cssRules, base); } catch { if (ss.href) scrapeCss(ss.href); }
+  }
+  while (pending.length) await pending.shift();
+  const fontCss = (await Promise.all(fontRules.map(async (rule) => {
+    let out = rule.css, m; const re = /url\((['"]?)([^'")]+)\1\)/g;
+    while ((m = re.exec(rule.css))) {
+      if (m[2].indexOf('data:') === 0) continue;
+      let abs; try { abs = new URL(m[2], rule.base).href; } catch { continue; }
+      out = out.split(m[0]).join('url("' + await toDataURL(abs) + '")');
+    }
+    return out;
+  }))).join('\n');
+
+  const cloneStyled = (src) => {
+    if (src.nodeType === 8 || (src.nodeType === 1 && src.tagName === 'SCRIPT')) return document.createTextNode('');
+    const dst = src.cloneNode(false);
+    if (src.nodeType === 1) {
+      const cs = getComputedStyle(src); let txt = '';
+      for (let i = 0; i < cs.length; i++) txt += cs[i] + ':' + cs.getPropertyValue(cs[i]) + ';';
+      dst.setAttribute('style', txt + 'animation:none;transition:none;');
+      if (src.tagName === 'CANVAS') try { const im = document.createElement('img'); im.src = src.toDataURL(); im.setAttribute('style', txt); return im; } catch {}
+    }
+    for (let c = src.firstChild; c; c = c.nextSibling) dst.appendChild(cloneStyled(c));
+    return dst;
+  };
+  const clone = cloneStyled(node);
+  clone.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml');
+  // Drop the card's own shadow/radius so the export is a flush w×h rect;
+  // the artboard's own background (if any) is already in the computed style.
+  clone.style.boxShadow = 'none'; clone.style.borderRadius = '0';
+
+  const jobs = [];
+  clone.querySelectorAll('img').forEach((el) => {
+    const s = el.getAttribute('src');
+    if (s && s.indexOf('data:') !== 0) jobs.push(toDataURL(el.src).then((d) => el.setAttribute('src', d)));
+  });
+  [clone, ...clone.querySelectorAll('*')].forEach((el) => {
+    const bg = el.style.backgroundImage; if (!bg) return;
+    let m; const re = /url\(["']?([^"')]+)["']?\)/g;
+    while ((m = re.exec(bg))) {
+      const tok = m[0], url = m[1];
+      if (url.indexOf('data:') === 0) continue;
+      jobs.push(toDataURL(url).then((d) => { el.style.backgroundImage = el.style.backgroundImage.split(tok).join('url("' + d + '")'); }));
+    }
+  });
+  await Promise.all(jobs);
+
+  const xml = new XMLSerializer().serializeToString(clone);
+  const save = (blob, ext) => {
+    if (!blob) return;
+    const a = document.createElement('a');
+    a.href = URL.createObjectURL(blob); a.download = name + '.' + ext; a.click();
+    setTimeout(() => URL.revokeObjectURL(a.href), 1000);
+  };
+
+  if (kind === 'html') {
+    const html = '<!doctype html><html><head><meta charset="utf-8"><title>' + name + '</title>' +
+      (fontCss ? '<style>' + fontCss + '</style>' : '') +
+      '</head><body style="margin:0">' + xml + '</body></html>';
+    return save(new Blob([html], { type: 'text/html' }), 'html');
+  }
+
+  // PNG: the SVG's own width/height must be the output resolution — an
+  // <img>-loaded SVG rasterizes at its intrinsic size, so sizing it at 1×
+  // and ctx.scale()-ing up would just upscale a 1× bitmap. viewBox maps the
+  // w×h foreignObject onto the px·w × px·h SVG canvas so the browser renders
+  // the HTML at full resolution.
+  const px = 3;
+  const svg = '<svg xmlns="http://www.w3.org/2000/svg" width="' + w * px + '" height="' + h * px +
+    '" viewBox="0 0 ' + w + ' ' + h + '"><foreignObject width="' + w + '" height="' + h + '">' +
+    (fontCss ? '<style><![CDATA[' + fontCss + ']]></style>' : '') + xml + '</foreignObject></svg>';
+  const img = new Image();
+  await new Promise((res, rej) => {
+    img.onload = res; img.onerror = () => rej(new Error('svg load failed'));
+    img.src = 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg);
+  });
+  const cv = document.createElement('canvas');
+  cv.width = w * px; cv.height = h * px;
+  cv.getContext('2d').drawImage(img, 0, 0);
+  cv.toBlob((blob) => save(blob, 'png'), 'image/png');
+}
+
+function DCArtboardFrame({ sectionId, artboard, label, order, onRename, onReorder, onFocus, onDelete }) {
+  const { id: rawId, label: rawLabel, width = 260, height = 480, children, style = {} } = artboard.props;
+  const id = rawId ?? rawLabel;
+  const ref = React.useRef(null);
+  const cardRef = React.useRef(null);
+  const menuRef = React.useRef(null);
+  const [menuOpen, setMenuOpen] = React.useState(false);
+  const [confirming, setConfirming] = React.useState(false);
+
+  // ⋯ menu: close on any outside pointerdown. Two-click delete lives inside
+  // the menu — first click arms the row, second commits; closing disarms.
+  React.useEffect(() => {
+    if (!menuOpen) { setConfirming(false); return; }
+    const off = (e) => { if (!menuRef.current || !menuRef.current.contains(e.target)) setMenuOpen(false); };
+    document.addEventListener('pointerdown', off, true);
+    return () => document.removeEventListener('pointerdown', off, true);
+  }, [menuOpen]);
+
+  const doExport = (kind) => {
+    setMenuOpen(false);
+    if (!cardRef.current) return;
+    const name = String(label || id || 'artboard').replace(/[^\w\s.-]+/g, '_');
+    dcExport(cardRef.current, width, height, name, kind)
+      .catch((e) => console.error('[design-canvas] export failed:', e));
+  };
+
+  // Live drag-reorder: dragged card sticks to cursor; siblings slide into
+  // their would-be slots in real time via transforms. DOM order only
+  // changes on drop.
+  const onGripDown = (e) => {
+    e.preventDefault(); e.stopPropagation();
+    const me = ref.current;
+    // translateX is applied in local (pre-scale) space but pointer deltas and
+    // getBoundingClientRect().left are screen-space — divide by the viewport's
+    // current scale so the dragged card tracks the cursor at any zoom level.
+    const scale = me.getBoundingClientRect().width / me.offsetWidth || 1;
+    const peers = Array.from(document.querySelectorAll(`[data-dc-section="${sectionId}"] [data-dc-slot]`));
+    const homes = peers.map((el) => ({ el, id: el.dataset.dcSlot, x: el.getBoundingClientRect().left }));
+    const slotXs = homes.map((h) => h.x);
+    const startIdx = order.indexOf(id);
+    const startX = e.clientX;
+    let liveOrder = order.slice();
+    me.classList.add('dc-dragging');
+
+    const layout = () => {
+      for (const h of homes) {
+        if (h.id === id) continue;
+        const slot = liveOrder.indexOf(h.id);
+        h.el.style.transform = `translateX(${(slotXs[slot] - h.x) / scale}px)`;
+      }
+    };
+
+    const move = (ev) => {
+      const dx = ev.clientX - startX;
+      me.style.transform = `translateX(${dx / scale}px)`;
+      const cur = homes[startIdx].x + dx;
+      let nearest = 0, best = Infinity;
+      for (let i = 0; i < slotXs.length; i++) {
+        const d = Math.abs(slotXs[i] - cur);
+        if (d < best) { best = d; nearest = i; }
+      }
+      if (liveOrder.indexOf(id) !== nearest) {
+        liveOrder = order.filter((k) => k !== id);
+        liveOrder.splice(nearest, 0, id);
+        layout();
+      }
+    };
+
+    const up = () => {
+      document.removeEventListener('pointermove', move);
+      document.removeEventListener('pointerup', up);
+      const finalSlot = liveOrder.indexOf(id);
+      me.classList.remove('dc-dragging');
+      me.style.transform = `translateX(${(slotXs[finalSlot] - homes[startIdx].x) / scale}px)`;
+      // After the settle transition, kill transitions + clear transforms +
+      // commit the reorder in the same frame so there's no visual snap-back.
+      setTimeout(() => {
+        for (const h of homes) { h.el.style.transition = 'none'; h.el.style.transform = ''; }
+        if (liveOrder.join('|') !== order.join('|')) onReorder(liveOrder);
+        requestAnimationFrame(() => requestAnimationFrame(() => {
+          for (const h of homes) h.el.style.transition = '';
+        }));
+      }, 180);
+    };
+    document.addEventListener('pointermove', move);
+    document.addEventListener('pointerup', up);
+  };
+
+  return (
+    <div ref={ref} data-dc-slot={id} style={{ position: 'relative', flexShrink: 0 }}>
+      <div className="dc-header" style={{ color: DC.label }} onPointerDown={(e) => e.stopPropagation()}>
+        <div className="dc-labelrow">
+          <div className="dc-grip" onPointerDown={onGripDown} title="Drag to reorder">
+            <svg width="9" height="13" viewBox="0 0 9 13" fill="currentColor"><circle cx="2" cy="2" r="1.1"/><circle cx="7" cy="2" r="1.1"/><circle cx="2" cy="6.5" r="1.1"/><circle cx="7" cy="6.5" r="1.1"/><circle cx="2" cy="11" r="1.1"/><circle cx="7" cy="11" r="1.1"/></svg>
+          </div>
+          <div className="dc-labeltext" onClick={onFocus} title="Click to focus">
+            <DCEditable value={label} onChange={onRename} onClick={(e) => e.stopPropagation()}
+              style={{ fontSize: 15, fontWeight: 500, color: DC.label, lineHeight: 1 }} />
+          </div>
+        </div>
+        <div className="dc-btns">
+          <div ref={menuRef} style={{ position: 'relative' }}>
+            <button className="dc-kebab" title="More" onClick={() => setMenuOpen((o) => !o)}>
+              <svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor"><circle cx="2.5" cy="6" r="1.1"/><circle cx="6" cy="6" r="1.1"/><circle cx="9.5" cy="6" r="1.1"/></svg>
+            </button>
+            {menuOpen && (
+              <div className="dc-menu" onPointerDown={(e) => e.stopPropagation()}>
+                <button onClick={() => doExport('png')}>Download PNG</button>
+                <button onClick={() => doExport('html')}>Download HTML</button>
+                <hr />
+                <button className="dc-danger"
+                  onClick={() => { if (confirming) { setMenuOpen(false); onDelete(); } else setConfirming(true); }}>
+                  {confirming ? 'Click again to delete' : 'Delete'}
+                </button>
+              </div>
+            )}
+          </div>
+          <button className="dc-expand" onClick={onFocus} title="Focus">
+            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round"><path d="M7 1h4v4M5 11H1V7M11 1L7.5 4.5M1 11l3.5-3.5"/></svg>
+          </button>
+        </div>
+      </div>
+      <div ref={cardRef} className="dc-card"
+        style={{ borderRadius: 2, boxShadow: '0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06)', overflow: 'hidden', width, height, background: '#fff', ...style }}>
+        {children || <div style={{ height: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#bbb', fontSize: 13, fontFamily: DC.font }}>{id}</div>}
+      </div>
+    </div>
+  );
+}
+
+// Inline rename — commits on blur or Enter.
+function DCEditable({ value, onChange, style, tag = 'span', onClick }) {
+  const T = tag;
+  return (
+    <T className="dc-editable" contentEditable suppressContentEditableWarning
+      onClick={onClick}
+      onPointerDown={(e) => e.stopPropagation()}
+      onBlur={(e) => onChange && onChange(e.currentTarget.textContent)}
+      onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); e.currentTarget.blur(); } }}
+      style={style}>{value}</T>
+  );
+}
+
+// ─────────────────────────────────────────────────────────────
+// Focus mode — overlay one artboard; ←/→ within section, ↑/↓ across
+// sections, Esc or backdrop click to exit.
+// ─────────────────────────────────────────────────────────────
+function DCFocusOverlay({ entry, sectionMeta, sectionOrder }) {
+  const ctx = React.useContext(DCCtx);
+  const { sectionId, artboard } = entry;
+  const sec = ctx.section(sectionId);
+  const meta = sectionMeta[sectionId];
+  const peers = meta.slotIds;
+  const aid = artboard.props.id ?? artboard.props.label;
+  const idx = peers.indexOf(aid);
+  const secIdx = sectionOrder.indexOf(sectionId);
+
+  const go = (d) => { const n = peers[(idx + d + peers.length) % peers.length]; if (n) ctx.setFocus(`${sectionId}/${n}`); };
+  const goSection = (d) => {
+    // Sections whose artboards are all deleted have slotIds:[] — step past
+    // them to the next non-empty section so ↑/↓ doesn't dead-end.
+    const n = sectionOrder.length;
+    for (let i = 1; i < n; i++) {
+      const ns = sectionOrder[(((secIdx + d * i) % n) + n) % n];
+      const first = sectionMeta[ns] && sectionMeta[ns].slotIds[0];
+      if (first) { ctx.setFocus(`${ns}/${first}`); return; }
+    }
+  };
+
+  React.useEffect(() => {
+    const k = (e) => {
+      if (e.key === 'ArrowLeft') { e.preventDefault(); go(-1); }
+      if (e.key === 'ArrowRight') { e.preventDefault(); go(1); }
+      if (e.key === 'ArrowUp') { e.preventDefault(); goSection(-1); }
+      if (e.key === 'ArrowDown') { e.preventDefault(); goSection(1); }
+    };
+    document.addEventListener('keydown', k);
+    return () => document.removeEventListener('keydown', k);
+  });
+
+  const { width = 260, height = 480, children } = artboard.props;
+  const [vp, setVp] = React.useState({ w: window.innerWidth, h: window.innerHeight });
+  React.useEffect(() => { const r = () => setVp({ w: window.innerWidth, h: window.innerHeight }); window.addEventListener('resize', r); return () => window.removeEventListener('resize', r); }, []);
+  const scale = Math.max(0.1, Math.min((vp.w - 200) / width, (vp.h - 260) / height, 2));
+
+  const [ddOpen, setDd] = React.useState(false);
+  const Arrow = ({ dir, onClick }) => (
+    <button onClick={(e) => { e.stopPropagation(); onClick(); }}
+      style={{ position: 'absolute', top: '50%', [dir]: 28, transform: 'translateY(-50%)',
+        border: 'none', background: 'rgba(255,255,255,.08)', color: 'rgba(255,255,255,.9)',
+        width: 44, height: 44, borderRadius: 22, fontSize: 18, cursor: 'pointer',
+        display: 'flex', alignItems: 'center', justifyContent: 'center', transition: 'background .15s' }}
+      onMouseEnter={(e) => (e.currentTarget.style.background = 'rgba(255,255,255,.18)')}
+      onMouseLeave={(e) => (e.currentTarget.style.background = 'rgba(255,255,255,.08)')}>
+      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+        <path d={dir === 'left' ? 'M11 3L5 9l6 6' : 'M7 3l6 6-6 6'} /></svg>
+    </button>
+  );
+
+  // Portal to body so position:fixed is the real viewport regardless of any
+  // transform on DesignCanvas's ancestors (including the canvas zoom itself).
+  return ReactDOM.createPortal(
+    <div onClick={() => ctx.setFocus(null)}
+      onWheel={(e) => e.preventDefault()}
+      style={{ position: 'fixed', inset: 0, zIndex: 100, background: 'rgba(24,20,16,.6)', backdropFilter: 'blur(14px)',
+        fontFamily: DC.font, color: '#fff' }}>
+
+      {/* top bar: section dropdown (left) · close (right) */}
+      <div onClick={(e) => e.stopPropagation()}
+        style={{ position: 'absolute', top: 0, left: 0, right: 0, height: 72, display: 'flex', alignItems: 'flex-start', padding: '16px 20px 0', gap: 16 }}>
+        <div style={{ position: 'relative' }}>
+          <button onClick={() => setDd((o) => !o)}
+            style={{ border: 'none', background: 'transparent', color: '#fff', cursor: 'pointer', padding: '6px 8px',
+              borderRadius: 6, textAlign: 'left', fontFamily: 'inherit' }}>
+            <span style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+              <span style={{ fontSize: 18, fontWeight: 600, letterSpacing: -0.3 }}>{meta.title}</span>
+              <svg width="11" height="11" viewBox="0 0 11 11" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" style={{ opacity: .7 }}><path d="M2 4l3.5 3.5L9 4"/></svg>
+            </span>
+            {meta.subtitle && <span style={{ display: 'block', fontSize: 13, opacity: .6, fontWeight: 400, marginTop: 2 }}>{meta.subtitle}</span>}
+          </button>
+          {ddOpen && (
+            <div style={{ position: 'absolute', top: '100%', left: 0, marginTop: 4, background: '#2a251f', borderRadius: 8,
+              boxShadow: '0 8px 32px rgba(0,0,0,.4)', padding: 4, minWidth: 200, zIndex: 10 }}>
+              {sectionOrder.filter((sid) => sectionMeta[sid].slotIds.length).map((sid) => (
+                <button key={sid} onClick={() => { setDd(false); const f = sectionMeta[sid].slotIds[0]; if (f) ctx.setFocus(`${sid}/${f}`); }}
+                  style={{ display: 'block', width: '100%', textAlign: 'left', border: 'none', cursor: 'pointer',
+                    background: sid === sectionId ? 'rgba(255,255,255,.1)' : 'transparent', color: '#fff',
+                    padding: '8px 12px', borderRadius: 5, fontSize: 14, fontWeight: sid === sectionId ? 600 : 400, fontFamily: 'inherit' }}>
+                  {sectionMeta[sid].title}
+                </button>
+              ))}
+            </div>
+          )}
+        </div>
+        <div style={{ flex: 1 }} />
+        <button onClick={() => ctx.setFocus(null)}
+          onMouseEnter={(e) => (e.currentTarget.style.background = 'rgba(255,255,255,.12)')}
+          onMouseLeave={(e) => (e.currentTarget.style.background = 'transparent')}
+          style={{ border: 'none', background: 'transparent', color: 'rgba(255,255,255,.7)', width: 32, height: 32,
+            borderRadius: 16, fontSize: 20, cursor: 'pointer', lineHeight: 1, transition: 'background .12s' }}>×</button>
+      </div>
+
+      {/* card centered, label + index below — only the card itself stops
+          propagation so any backdrop click (including the margins around
+          the card) exits focus */}
+      <div
+        style={{ position: 'absolute', top: 64, bottom: 56, left: 100, right: 100, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', gap: 16 }}>
+        <div onClick={(e) => e.stopPropagation()} style={{ width: width * scale, height: height * scale, position: 'relative' }}>
+          <div style={{ width, height, transform: `scale(${scale})`, transformOrigin: 'top left', background: '#fff', borderRadius: 2, overflow: 'hidden',
+            boxShadow: '0 20px 80px rgba(0,0,0,.4)' }}>
+            {children || <div style={{ height: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#bbb' }}>{aid}</div>}
+          </div>
+        </div>
+        <div onClick={(e) => e.stopPropagation()} style={{ fontSize: 14, fontWeight: 500, opacity: .85, textAlign: 'center' }}>
+          {(sec.labels || {})[aid] ?? artboard.props.label}
+          <span style={{ opacity: .5, marginLeft: 10, fontVariantNumeric: 'tabular-nums' }}>{idx + 1} / {peers.length}</span>
+        </div>
+      </div>
+
+      <Arrow dir="left" onClick={() => go(-1)} />
+      <Arrow dir="right" onClick={() => go(1)} />
+
+      {/* dots */}
+      <div onClick={(e) => e.stopPropagation()}
+        style={{ position: 'absolute', bottom: 20, left: '50%', transform: 'translateX(-50%)', display: 'flex', gap: 8 }}>
+        {peers.map((p, i) => (
+          <button key={p} onClick={() => ctx.setFocus(`${sectionId}/${p}`)}
+            style={{ border: 'none', padding: 0, cursor: 'pointer', width: 6, height: 6, borderRadius: 3,
+              background: i === idx ? '#fff' : 'rgba(255,255,255,.3)' }} />
+        ))}
+      </div>
+    </div>,
+    document.body,
+  );
+}
+
+// ─────────────────────────────────────────────────────────────
+// Post-it — absolute-positioned sticky note
+// ─────────────────────────────────────────────────────────────
+function DCPostIt({ children, top, left, right, bottom, rotate = -2, width = 180 }) {
+  return (
+    <div style={{
+      position: 'absolute', top, left, right, bottom, width,
+      background: DC.postitBg, padding: '14px 16px',
+      fontFamily: '"Comic Sans MS", "Marker Felt", "Segoe Print", cursive',
+      fontSize: 14, lineHeight: 1.4, color: DC.postitText,
+      boxShadow: '0 2px 8px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)',
+      transform: `rotate(${rotate}deg)`,
+      zIndex: 5,
+    }}>{children}</div>
+  );
+}
+
+Object.assign(window, { DesignCanvas, DCSection, DCArtboard, DCPostIt });
+
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/design/dictionary-prototype.html b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/dictionary-prototype.html
new file mode 100644
index 0000000..6721395
--- /dev/null
+++ b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/dictionary-prototype.html
@@ -0,0 +1,118 @@
+<!doctype html>
+<html lang="ru">
+<head>
+<meta charset="utf-8"/>
+<title>Ordinis · Dictionary catalog — prototype</title>
+<style>
+  *{box-sizing:border-box}
+  html,body{margin:0;background:#f7f8fb;color:#11131a;
+    font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:"ss01","cv11"}
+  button{font-family:inherit}
+  input{font-family:inherit;outline:none}
+  input:focus{border-color:#1d2a8a !important}
+</style>
+</head>
+<body>
+
+<div id="root"></div>
+
+<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script>
+<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script>
+<script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" integrity="sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y" crossorigin="anonymous"></script>
+
+<script type="text/babel" src="proto/data.jsx"></script>
+<script type="text/babel" src="proto/ui.jsx"></script>
+<script type="text/babel" src="proto/view-graph.jsx"></script>
+<script type="text/babel" src="proto/view-hub.jsx"></script>
+<script type="text/babel" src="proto/view-list.jsx"></script>
+
+<script type="text/babel" data-presets="env,react">
+const { useState } = React;
+
+function App() {
+  const [view, setView] = useState("list");      // list | graph | hub
+  const [hubId, setHubId] = useState("satellites");
+
+  const open = id => { setHubId(id); setView("hub"); };
+
+  const Tab = ({ k, label, hint }) => (
+    <button onClick={() => setView(k)} style={{
+      border:"none", background:"transparent", cursor:"pointer",
+      padding:"14px 18px", fontSize:13,
+      borderBottom: view===k ? "2px solid #1d2a8a" : "2px solid transparent",
+      color: view===k ? "#1d2a8a" : "#3a4151",
+      fontWeight: view===k ? 600 : 500,
+      display:"flex", flexDirection:"column", alignItems:"flex-start", gap:2,
+    }}>
+      <span>{label}</span>
+      <span style={{
+        fontSize:10, fontFamily:"JetBrains Mono, monospace",
+        letterSpacing:".06em", textTransform:"uppercase",
+        color: view===k ? "#1d2a8a" : "#6b7180", opacity:.7,
+      }}>{hint}</span>
+    </button>
+  );
+
+  return (
+    <div style={{ minHeight:"100vh", display:"flex", flexDirection:"column" }}>
+      {/* topbar */}
+      <header style={{ height:60, padding:"0 28px", display:"flex", alignItems:"center", justifyContent:"space-between", background:"#fff", borderBottom:"1px solid #eef0f5" }}>
+        <div style={{ display:"flex", alignItems:"center", gap:14 }}>
+          <div style={{
+            width:28, height:28, borderRadius:6,
+            background:"linear-gradient(135deg,#1d2a8a,#3a6df0)",
+            display:"flex", alignItems:"center", justifyContent:"center",
+            color:"#fff", fontWeight:700, fontSize:13,
+          }}>O</div>
+          <div style={{ fontSize:16, fontWeight:600, color:"#0f1860" }}>Ordinis</div>
+          <span style={{ fontSize:11, fontFamily:"JetBrains Mono, monospace", letterSpacing:".06em", textTransform:"uppercase", color:"#6b7180" }}>
+            / каталог справочников
+          </span>
+        </div>
+        <div style={{ display:"flex", gap:10, alignItems:"center" }}>
+          <span style={{ fontSize:12, color:"#6b7180" }}>оператор · ru-RU</span>
+          <div style={{ width:28, height:28, borderRadius:"50%", background:"#eef3ff", color:"#1d2a8a", display:"flex", alignItems:"center", justifyContent:"center", fontSize:12, fontWeight:600 }}>OP</div>
+        </div>
+      </header>
+
+      {/* view tabs */}
+      <nav style={{ padding:"0 28px", background:"#fff", borderBottom:"1px solid #eef0f5", display:"flex", gap:0 }}>
+        <Tab k="list"  label="Список со связями"   hint="D · быстрый запуск"/>
+        <Tab k="graph" label="Граф связей"         hint="A · обзор"/>
+        <Tab k="hub"   label="Hub справочника"     hint="B · контекст"/>
+        <div style={{ flex:1 }}/>
+        <div style={{ alignSelf:"center", display:"flex", gap:8, paddingRight:0 }}>
+          <Btn primary>+ Создать справочник</Btn>
+        </div>
+      </nav>
+
+      {/* breadcrumbs / state */}
+      {view === "hub" && (
+        <div style={{ padding:"10px 28px", background:"#fff", borderBottom:"1px solid #eef0f5", fontSize:12, color:"#6b7180" }}>
+          <button onClick={() => setView("list")} style={{ background:"none", border:"none", cursor:"pointer", color:"#1d2a8a", padding:0, fontSize:12 }}>Каталог</button>
+          <span style={{ margin:"0 8px" }}>/</span>
+          <span style={{ color:"#11131a" }}>{BY_ID[hubId]?.title || hubId}</span>
+        </div>
+      )}
+
+      {/* viewport */}
+      <main style={{ padding:28, display:"flex", justifyContent:"center" }}>
+        {view === "list"  && <ListView  onOpen={open}/>}
+        {view === "graph" && <GraphView onOpen={open}/>}
+        {view === "hub"   && <HubView   centerId={hubId} onOpen={open}/>}
+      </main>
+
+      {/* footer hint */}
+      <footer style={{ padding:"14px 28px", fontSize:11, color:"#6b7180", textAlign:"center" }}>
+        Клик по любой карточке / узлу / FK-чипу открывает Hub. Прототип — данные смоделированы под реальную схему ДЗЗ-каталога.
+      </footer>
+    </div>
+  );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<App/>);
+</script>
+
+</body>
+</html>
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/design/dictionary-views.html b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/dictionary-views.html
new file mode 100644
index 0000000..b27ef72
--- /dev/null
+++ b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/dictionary-views.html
@@ -0,0 +1,486 @@
+<!doctype html>
+<html lang="ru">
+<head>
+<meta charset="utf-8" />
+<title>Dictionary views — exploration</title>
+<style>
+  :root{
+    --navy:#1d2a8a;
+    --navy-2:#0f1860;
+    --green:#1f9d63;
+    --green-soft:#e7f6ee;
+    --blue:#3a6df0;
+    --blue-soft:#e8f0ff;
+    --ink:#11131a;
+    --ink-2:#3a4151;
+    --mute:#6b7180;
+    --line:#e5e7ee;
+    --line-2:#eef0f5;
+    --bg:#f7f8fb;
+    --surface:#ffffff;
+    --warn:#d4711a;
+    --warn-soft:#fff2e3;
+    --pink:#c64a8a;
+    --pink-soft:#fde7f1;
+  }
+  *{box-sizing:border-box}
+  html,body{margin:0;background:var(--bg);color:var(--ink);font-family:"Inter",ui-sans-serif,system-ui,sans-serif}
+  body{font-feature-settings:"ss01","cv11"}
+  .sup{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
+  .pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;border:1px solid var(--line);background:#fff;font-size:11px;font-family:"JetBrains Mono",ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
+  .pill.public{color:var(--blue);border-color:#cfdcff;background:#eef3ff}
+  .pill.internal{color:var(--warn);border-color:#f3d8b3;background:var(--warn-soft)}
+  .pill.tenant{color:var(--pink);border-color:#f3c8dc;background:var(--pink-soft)}
+  .pill.dot::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
+</style>
+</head>
+<body>
+
+<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script>
+<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script>
+<script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" integrity="sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y" crossorigin="anonymous"></script>
+
+<script type="text/babel" src="design-canvas.jsx"></script>
+
+<script type="text/babel" data-presets="env,react">
+const { useMemo, useState } = React;
+
+/* ─────────────────────────  data  ───────────────────────── */
+// 40 dicts, fk = массив имён других справочников, на которые есть ссылки
+const DICTS = [
+  // bundle: cuod (космос) — публичные
+  { id:"satellite_types",      title:"Типы КА",                 desc:"Классификация КА по миссиям",        scope:"PUBLIC", bundle:"cuod", fk:[],                                       refBy:["satellites"] },
+  { id:"satellite_statuses",   title:"Статусы КА",              desc:"planned → operational → decommissioned", scope:"PUBLIC", bundle:"cuod", fk:[],                                  refBy:["satellites"] },
+  { id:"antennas",             title:"Антенны",                 desc:"Антенны наземных станций",           scope:"PUBLIC", bundle:"cuod", fk:["frequency_bands"],                      refBy:["ground_stations"] },
+  { id:"missions",             title:"Миссии / программы",      desc:"Ресурс-П, Канопус-В, Sentinel…",     scope:"PUBLIC", bundle:"cuod", fk:["satellite_types"],                      refBy:["satellites"] },
+  { id:"satellites",           title:"Космические аппараты",    desc:"Каталог КА ДЗЗ-миссий",              scope:"PUBLIC", bundle:"cuod", fk:["satellite_types","satellite_statuses","missions","instruments"], refBy:["acquisitions"] },
+  { id:"ground_stations",      title:"Наземные станции",        desc:"Пункты приёма и управления",         scope:"PUBLIC", bundle:"cuod", fk:["antennas","countries"],                 refBy:["acquisitions"] },
+  { id:"instruments",          title:"Инструменты съёмки",      desc:"Геотон-Л1, MODIS, C-SAR …",          scope:"PUBLIC", bundle:"cuod", fk:["sensor_types","satellites"],            refBy:["spectral_bands","acquisitions"] },
+  { id:"sensor_types",         title:"Типы сенсоров",           desc:"optical/SAR/hyperspectral/lidar",    scope:"PUBLIC", bundle:"cuod", fk:[],                                       refBy:["instruments"] },
+  { id:"spectral_bands",       title:"Спектральные каналы",     desc:"PAN/R/G/B/NIR/SWIR/TIR",             scope:"PUBLIC", bundle:"cuod", fk:["instruments"],                          refBy:["acquisitions"] },
+  { id:"frequency_bands",      title:"Радиодиапазоны",          desc:"L/S/C/X/Ku/Ka/V",                    scope:"PUBLIC", bundle:"cuod", fk:[],                                       refBy:["antennas"] },
+  { id:"orbit_types",          title:"Типы орбит",              desc:"LEO/SSO/MEO/GEO/HEO",                scope:"PUBLIC", bundle:"cuod", fk:[],                                       refBy:["satellites"] },
+  { id:"countries",            title:"Страны (ISO 3166)",       desc:"Двух- и трёхбуквенные коды",         scope:"PUBLIC", bundle:"geo",  fk:[],                                       refBy:["ground_stations","operators"] },
+  { id:"languages",            title:"Языки (BCP-47)",          desc:"ru-RU, en-US …",                     scope:"PUBLIC", bundle:"i18n", fk:[],                                       refBy:[] },
+  { id:"timezones",            title:"Часовые пояса",           desc:"IANA tz database",                   scope:"PUBLIC", bundle:"geo",  fk:["countries"],                            refBy:["ground_stations"] },
+  { id:"operators",            title:"Операторы",               desc:"Роскосмос, NASA, ESA …",             scope:"PUBLIC", bundle:"cuod", fk:["countries"],                            refBy:["satellites","missions"] },
+  { id:"product_levels",       title:"Уровни продукта",         desc:"L0/L1A/L1B/L2/L3",                   scope:"PUBLIC", bundle:"cuod", fk:[],                                       refBy:["acquisitions","products"] },
+  { id:"projection_codes",     title:"Картографические проекции",desc:"EPSG-коды",                         scope:"PUBLIC", bundle:"geo",  fk:[],                                       refBy:["products"] },
+  // internal
+  { id:"acquisitions",         title:"Сеансы съёмки",           desc:"Планы и факты сеансов",              scope:"INTERNAL", bundle:"cuod", fk:["satellites","ground_stations","instruments","spectral_bands","product_levels"], refBy:["products"] },
+  { id:"products",             title:"Продукты ДЗЗ",            desc:"Поставляемые сцены/тайлы",           scope:"INTERNAL", bundle:"cuod", fk:["acquisitions","product_levels","projection_codes"], refBy:[] },
+  { id:"users_roles",          title:"Роли пользователей",      desc:"RBAC внутри платформы",              scope:"INTERNAL", bundle:"core", fk:[],                                     refBy:[] },
+];
+
+const byId = Object.fromEntries(DICTS.map(d=>[d.id,d]));
+const SCOPE_COLOR = { PUBLIC:"var(--blue)", INTERNAL:"var(--warn)", TENANT:"var(--pink)" };
+const SCOPE_BG    = { PUBLIC:"#eef3ff", INTERNAL:"var(--warn-soft)", TENANT:"var(--pink-soft)" };
+const BUNDLES = ["cuod","geo","i18n","core"];
+
+/* ─────────────────────────  shared atoms  ───────────────────────── */
+const ScopePill = ({s}) => (
+  <span className={`pill ${s.toLowerCase()}`}>● {s}</span>
+);
+const Hairline = ({y,x1,x2,c="var(--line)"}) => (
+  <line x1={x1} x2={x2} y1={y} y2={y} stroke={c} strokeWidth="1"/>
+);
+
+
+/* ============================================================
+   ARTBOARD A — “Граф связей” (force-style layout, статичный)
+   ============================================================ */
+
+// Manually placed nodes for clarity — продакшн-версия использует d3-force.
+const GRAPH_LAYOUT = {
+  satellite_types:   {x:280, y:120},
+  satellite_statuses:{x:120, y:200},
+  missions:          {x:200, y:300},
+  satellites:        {x:480, y:280},
+  instruments:       {x:680, y:200},
+  sensor_types:      {x:820, y:120},
+  spectral_bands:    {x:820, y:300},
+  orbit_types:       {x:480, y:140},
+  ground_stations:   {x:520, y:480},
+  antennas:          {x:300, y:520},
+  frequency_bands:   {x:140, y:480},
+  countries:         {x:680, y:560},
+  timezones:         {x:840, y:500},
+  operators:         {x:880, y:400},
+  product_levels:    {x:520, y:640},
+  acquisitions:      {x:340, y:660},
+  products:          {x:160, y:640},
+  projection_codes:  {x:60,  y:540},
+  users_roles:       {x:980, y:660},
+  languages:         {x:80,  y:80},
+};
+
+function GraphView() {
+  const [hover, setHover] = useState(null);
+  const W = 1080, H = 760;
+  const edges = [];
+  for (const d of DICTS) {
+    for (const t of d.fk) {
+      if (GRAPH_LAYOUT[d.id] && GRAPH_LAYOUT[t]) edges.push({from:d.id,to:t});
+    }
+  }
+  const focused = hover;
+  const isEdgeActive = e => focused && (e.from===focused || e.to===focused);
+  const isNodeActive = id => !focused || id===focused
+      || edges.some(e=>(e.from===focused&&e.to===id)||(e.to===focused&&e.from===id));
+
+  return (
+    <div style={{position:"relative",width:W,height:H,background:"var(--surface)",borderRadius:14,border:"1px solid var(--line)",overflow:"hidden"}}>
+      {/* topbar */}
+      <div style={{position:"absolute",inset:"0 0 auto 0",height:56,padding:"0 20px",display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid var(--line)",background:"#fff"}}>
+        <div style={{display:"flex",alignItems:"center",gap:12}}>
+          <div style={{fontSize:14,fontWeight:600,color:"var(--navy)"}}>Граф связей</div>
+          <span className="sup">20 узлов · 28 связей</span>
+        </div>
+        <div style={{display:"flex",gap:8}}>
+          <button style={btn}>Скрыть листья</button>
+          <button style={btn}>Группировать по bundle</button>
+          <button style={{...btn, background:"var(--navy)",color:"#fff",borderColor:"var(--navy)"}}>Экспорт SVG</button>
+        </div>
+      </div>
+
+      <svg width={W} height={H-56} style={{position:"absolute",top:56,left:0}}>
+        <defs>
+          <marker id="ah" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
+            <path d="M0,0 L10,5 L0,10 z" fill="#94a0b8" />
+          </marker>
+          <marker id="ahA" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse">
+            <path d="M0,0 L10,5 L0,10 z" fill="var(--navy)" />
+          </marker>
+        </defs>
+        {/* edges */}
+        {edges.map((e,i)=>{
+          const a = GRAPH_LAYOUT[e.from], b = GRAPH_LAYOUT[e.to];
+          const active = isEdgeActive(e);
+          return (
+            <g key={i} opacity={focused && !active ? .12 : 1}>
+              <path d={`M${a.x},${a.y} C ${a.x},${(a.y+b.y)/2} ${b.x},${(a.y+b.y)/2} ${b.x},${b.y}`}
+                    stroke={active ? "var(--navy)" : "#c8cfdb"}
+                    strokeWidth={active ? 1.6 : 1}
+                    fill="none"
+                    markerEnd={active ? "url(#ahA)" : "url(#ah)"}/>
+            </g>
+          );
+        })}
+        {/* nodes */}
+        {DICTS.map(d=>{
+          const p = GRAPH_LAYOUT[d.id]; if(!p) return null;
+          const active = isNodeActive(d.id);
+          const r = 26 + Math.min(d.refBy.length*3, 14);
+          return (
+            <g key={d.id} transform={`translate(${p.x},${p.y})`} style={{cursor:"pointer"}}
+               opacity={active?1:.18}
+               onMouseEnter={()=>setHover(d.id)} onMouseLeave={()=>setHover(null)}>
+              <circle r={r} fill={SCOPE_BG[d.scope]} stroke={SCOPE_COLOR[d.scope]} strokeWidth={d.id===focused?2.5:1.2}/>
+              <text textAnchor="middle" dy="-2" fontSize="10.5" fontWeight="600" fill="var(--ink)">
+                {d.title.length>14 ? d.title.slice(0,12)+"…" : d.title}
+              </text>
+              <text textAnchor="middle" dy="11" fontSize="9" fontFamily="JetBrains Mono, monospace" fill="var(--mute)">
+                {d.refBy.length>0 ? `← ${d.refBy.length}` : "·"}
+              </text>
+            </g>
+          );
+        })}
+      </svg>
+
+      {/* legend */}
+      <div style={{position:"absolute",bottom:14,left:14,display:"flex",gap:10,padding:"8px 10px",background:"#fff",border:"1px solid var(--line)",borderRadius:10}}>
+        <span className="pill public">● PUBLIC</span>
+        <span className="pill internal">● INTERNAL</span>
+        <span className="pill tenant">● TENANT</span>
+        <span style={{fontSize:11,color:"var(--mute)",alignSelf:"center"}}>Размер = кол-во входящих ссылок</span>
+      </div>
+    </div>
+  );
+}
+const btn = {height:30,padding:"0 12px",border:"1px solid var(--line)",background:"#fff",borderRadius:8,fontSize:12,color:"var(--ink-2)",cursor:"pointer"};
+
+
+/* ============================================================
+   ARTBOARD B — “Hub view” (выбран словарь, видны соседи)
+   ============================================================ */
+function HubView() {
+  const center = byId.satellites;
+  const inn = center.fk.map(id=>byId[id]).filter(Boolean);
+  const out = center.refBy.map(id=>byId[id]).filter(Boolean);
+
+  const Card = ({d, dim}) => (
+    <div style={{
+      width:240, padding:"10px 12px", background:"#fff",
+      borderLeft:`3px solid ${SCOPE_COLOR[d.scope]}`,
+      border:"1px solid var(--line)", borderLeftWidth:3,
+      borderRadius:8, opacity: dim?.6:1
+    }}>
+      <div style={{fontSize:13,fontWeight:600,color:"var(--navy)",marginBottom:2}}>{d.title}</div>
+      <div style={{fontSize:11,color:"var(--mute)",fontFamily:"JetBrains Mono,monospace"}}>{d.id}</div>
+    </div>
+  );
+
+  const Center = (
+    <div style={{
+      width:280, padding:16, borderRadius:10,
+      background:"linear-gradient(180deg,#fff,#f4f7ff)",
+      border:"2px solid var(--navy)",
+      boxShadow:"0 12px 28px -16px rgba(20,30,140,.4)"
+    }}>
+      <div style={{display:"flex",justifyContent:"space-between",alignItems:"start"}}>
+        <div>
+          <div style={{fontSize:11,color:"var(--mute)",fontFamily:"JetBrains Mono,monospace",letterSpacing:".04em",textTransform:"uppercase"}}>Текущий</div>
+          <div style={{fontSize:18,fontWeight:700,color:"var(--navy-2)",marginTop:2}}>{center.title}</div>
+          <div style={{fontSize:12,color:"var(--mute)",fontFamily:"JetBrains Mono,monospace",marginTop:2}}>{center.id}</div>
+        </div>
+        <ScopePill s={center.scope}/>
+      </div>
+      <div style={{fontSize:13,color:"var(--ink-2)",marginTop:10,lineHeight:1.4}}>{center.desc}</div>
+      <div style={{display:"flex",gap:10,marginTop:14,fontSize:12}}>
+        <div><span style={{color:"var(--mute)"}}>Ссылается на</span> <b>{inn.length}</b></div>
+        <div><span style={{color:"var(--mute)"}}>На него ссылаются</span> <b>{out.length}</b></div>
+      </div>
+    </div>
+  );
+
+  return (
+    <div style={{width:1080,height:680,background:"var(--surface)",borderRadius:14,border:"1px solid var(--line)",padding:24}}>
+      <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:18}}>
+        <div>
+          <div className="sup">Связи · 1-й уровень</div>
+          <div style={{fontSize:18,fontWeight:600,color:"var(--navy)"}}>Что окружает {center.title}?</div>
+        </div>
+        <div style={{display:"flex",gap:8}}>
+          <button style={btn}>← {inn.length} вход.</button>
+          <button style={btn}>{out.length} исх. →</button>
+          <button style={btn}>2-й уровень</button>
+        </div>
+      </div>
+
+      <div style={{display:"grid",gridTemplateColumns:"1fr auto 1fr",gap:24,alignItems:"center"}}>
+        {/* incoming */}
+        <div style={{display:"flex",flexDirection:"column",gap:10}}>
+          <div className="sup" style={{textAlign:"right"}}>зависит от</div>
+          {inn.map(d=>(
+            <div key={d.id} style={{display:"flex",alignItems:"center",gap:0,justifyContent:"flex-end"}}>
+              <Card d={d}/>
+              <svg width="48" height="20"><path d="M0 10 L40 10" stroke="var(--ink-2)" strokeWidth="1.4" markerEnd="url(#hubArrow)"/>
+                <defs><marker id="hubArrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10z" fill="var(--ink-2)"/></marker></defs>
+              </svg>
+            </div>
+          ))}
+        </div>
+
+        {/* center */}
+        <div>{Center}</div>
+
+        {/* outgoing */}
+        <div style={{display:"flex",flexDirection:"column",gap:10}}>
+          <div className="sup">используют</div>
+          {out.map(d=>(
+            <div key={d.id} style={{display:"flex",alignItems:"center",gap:0}}>
+              <svg width="48" height="20"><path d="M8 10 L48 10" stroke="var(--ink-2)" strokeWidth="1.4" markerEnd="url(#hubArrow2)"/>
+                <defs><marker id="hubArrow2" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0,0 L10,5 L0,10z" fill="var(--ink-2)"/></marker></defs>
+              </svg>
+              <Card d={d}/>
+            </div>
+          ))}
+        </div>
+      </div>
+
+      <div style={{marginTop:36,paddingTop:14,borderTop:"1px dashed var(--line)",fontSize:12,color:"var(--mute)"}}>
+        Клик по любой карточке делает её центром. Двойной клик — открыть редактор. Ctrl+Click — добавить в выборку для сравнения.
+      </div>
+    </div>
+  );
+}
+
+
+/* ============================================================
+   ARTBOARD C — “Матрица зависимостей”
+   ============================================================ */
+function MatrixView() {
+  const list = DICTS.slice(0, 14); // обрежем для читаемости
+  const cell = 32;
+  const hLabel = 160;
+  const vLabel = 28;
+
+  return (
+    <div style={{width:980,padding:24,background:"var(--surface)",borderRadius:14,border:"1px solid var(--line)"}}>
+      <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:14}}>
+        <div>
+          <div className="sup">Матрица FK</div>
+          <div style={{fontSize:18,fontWeight:600,color:"var(--navy)"}}>Кто на кого ссылается</div>
+        </div>
+        <div style={{display:"flex",gap:8,alignItems:"center"}}>
+          <span className="sup">по строкам — источник, по столбцам — цель</span>
+          <button style={btn}>Сортировать по связности</button>
+        </div>
+      </div>
+
+      <svg width={hLabel + cell*list.length + 20} height={vLabel + cell*list.length + 80} style={{fontFamily:"Inter"}}>
+        {/* column labels */}
+        {list.map((d,i)=>(
+          <g key={d.id} transform={`translate(${hLabel + cell*i + cell/2},${vLabel-6})`}>
+            <text transform="rotate(-50)" fontSize="11" fill="var(--ink-2)">{d.title.slice(0,16)}</text>
+          </g>
+        ))}
+        {/* row labels */}
+        {list.map((d,i)=>(
+          <text key={d.id} x={hLabel-8} y={vLabel + cell*i + cell/2 + 4}
+                fontSize="11" textAnchor="end" fill="var(--ink-2)">{d.title}</text>
+        ))}
+        {/* grid */}
+        {list.map((row,ri)=>list.map((col,ci)=>{
+          const has = row.fk.includes(col.id);
+          const same = ri===ci;
+          return (
+            <g key={`${ri}-${ci}`} transform={`translate(${hLabel + ci*cell},${vLabel + ri*cell})`}>
+              <rect width={cell-2} height={cell-2} rx="3"
+                    fill={same? "#f0f1f5" : has ? SCOPE_COLOR[col.scope] : "#fafbfd"}
+                    stroke="var(--line-2)"/>
+              {has && <text x={(cell-2)/2} y={(cell-2)/2+3} textAnchor="middle" fontSize="11" fontWeight="600" fill="#fff">●</text>}
+            </g>
+          );
+        }))}
+        {/* diag highlight */}
+        {list.map((_,i)=>(
+          <text key={i} x={hLabel + cell*i + cell/2} y={vLabel + cell*i + cell/2 + 3}
+                textAnchor="middle" fontSize="10" fill="var(--mute)">—</text>
+        ))}
+      </svg>
+
+      <div style={{display:"flex",gap:18,marginTop:16,fontSize:12,color:"var(--mute)"}}>
+        <div style={{display:"flex",alignItems:"center",gap:6}}><span style={{display:"inline-block",width:14,height:14,borderRadius:3,background:"var(--blue)"}}/> public-target</div>
+        <div style={{display:"flex",alignItems:"center",gap:6}}><span style={{display:"inline-block",width:14,height:14,borderRadius:3,background:"var(--warn)"}}/> internal-target</div>
+        <div style={{marginLeft:"auto"}}>Хорошо ловит «мегаконцентраторы» и циклические зависимости</div>
+      </div>
+    </div>
+  );
+}
+
+
+/* ============================================================
+   ARTBOARD D — “Список с inline-связями” (минимальный апгрейд)
+   ============================================================ */
+function ListWithFkView() {
+  const grouped = useMemo(()=> {
+    const g = {};
+    for (const b of BUNDLES) g[b]=[];
+    for (const d of DICTS) (g[d.bundle] ||= []).push(d);
+    return g;
+  }, []);
+
+  const Item = ({d}) => (
+    <div style={{
+      display:"grid",gridTemplateColumns:"3px 1fr auto",gap:12,alignItems:"stretch",
+      background:"#fff",border:"1px solid var(--line)",borderRadius:10,overflow:"hidden",
+      padding:0
+    }}>
+      <div style={{background:SCOPE_COLOR[d.scope]}}/>
+      <div style={{padding:"10px 0 10px 6px"}}>
+        <div style={{display:"flex",alignItems:"center",gap:8}}>
+          <span style={{fontSize:14,fontWeight:600,color:"var(--navy)"}}>{d.title}</span>
+          <span style={{fontSize:11,fontFamily:"JetBrains Mono,monospace",color:"var(--mute)"}}>{d.id}</span>
+        </div>
+        <div style={{fontSize:12,color:"var(--ink-2)",marginTop:2,lineHeight:1.4}}>{d.desc}</div>
+        {(d.fk.length>0 || d.refBy.length>0) && (
+          <div style={{display:"flex",gap:6,flexWrap:"wrap",marginTop:8,alignItems:"center"}}>
+            {d.fk.length>0 && <span className="sup" style={{marginRight:4}}>→</span>}
+            {d.fk.map(id=>(
+              <span key={id} style={{fontSize:11,padding:"2px 6px",borderRadius:5,
+                background:"#f3f5fb",border:"1px solid var(--line)",color:"var(--navy)",
+                fontFamily:"JetBrains Mono,monospace"}}>{id}</span>
+            ))}
+            {d.refBy.length>0 && (<>
+              <span className="sup" style={{marginLeft:8,marginRight:4}}>← {d.refBy.length}</span>
+              {d.refBy.slice(0,3).map(id=>(
+                <span key={id} style={{fontSize:11,padding:"2px 6px",borderRadius:5,
+                  background:"transparent",border:"1px dashed var(--line)",color:"var(--mute)",
+                  fontFamily:"JetBrains Mono,monospace"}}>{id}</span>
+              ))}
+              {d.refBy.length>3 && <span style={{fontSize:11,color:"var(--mute)"}}>+{d.refBy.length-3}</span>}
+            </>)}
+          </div>
+        )}
+      </div>
+      <div style={{padding:"10px 12px",display:"flex",flexDirection:"column",alignItems:"flex-end",gap:6}}>
+        <ScopePill s={d.scope}/>
+        <span style={{fontSize:11,color:"var(--mute)",fontFamily:"JetBrains Mono,monospace"}}>v1.0.0</span>
+      </div>
+    </div>
+  );
+
+  return (
+    <div style={{width:980,padding:24,background:"var(--surface)",borderRadius:14,border:"1px solid var(--line)"}}>
+      <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:14}}>
+        <div>
+          <div className="sup">Bundle-tree</div>
+          <div style={{fontSize:18,fontWeight:600,color:"var(--navy)"}}>Список со связями in-place</div>
+        </div>
+        <div style={{display:"flex",gap:8}}>
+          <button style={btn}>Только с зависимостями</button>
+          <button style={btn}>Развернуть всё</button>
+        </div>
+      </div>
+
+      {BUNDLES.map(b=>{
+        const items = grouped[b]||[];
+        if (!items.length) return null;
+        return (
+          <div key={b} style={{marginBottom:18}}>
+            <div style={{display:"flex",alignItems:"center",gap:10,margin:"6px 0 10px"}}>
+              <span style={{fontSize:11,fontFamily:"JetBrains Mono,monospace",letterSpacing:".06em",
+                            textTransform:"uppercase",color:"var(--ink)",fontWeight:600}}>{b}</span>
+              <span className="sup">{items.length} справочн.</span>
+              <div style={{flex:1,height:1,background:"var(--line-2)"}}/>
+            </div>
+            <div style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8}}>
+              {items.map(d=><Item key={d.id} d={d}/>)}
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+}
+
+
+/* ─────────────────────────  canvas root  ───────────────────────── */
+
+function App() {
+  return (
+    <DesignCanvas title="Dictionary catalog — варианты представления" subtitle="40+ справочников + связи через FK">
+      <DCSection id="explore" title="Идеи">
+
+        <DCArtboard id="graph" label="A · Граф связей" width={1080} height={760}
+          notes="Глобальный обзор. Показывает hubs (satellites, acquisitions) и листья. Хорош для онбординга и архитектурных ревью.">
+          <GraphView/>
+        </DCArtboard>
+
+        <DCArtboard id="hub" label="B · Hub view (одна точка фокуса)" width={1080} height={680}
+          notes="Заменяет страницу справочника: контекст в один взгляд, без графа всей схемы. Хорошо ложится на навигацию через клики.">
+          <HubView/>
+        </DCArtboard>
+
+        <DCArtboard id="matrix" label="C · Матрица зависимостей" width={980} height={620}
+          notes="Power-user view. Показывает плотность связей и циклы лучше всех; хуже всех читается на 100+ словарях.">
+          <MatrixView/>
+        </DCArtboard>
+
+        <DCArtboard id="list" label="D · Список + inline FK (минимум изменений)" width={980} height={1060}
+          notes="Эволюция текущей страницы: те же карточки, плюс ряд FK-чипов и группировка по bundle. Самый быстрый к запуску.">
+          <ListWithFkView/>
+        </DCArtboard>
+
+      </DCSection>
+    </DesignCanvas>
+  );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('root') || (()=>{const r=document.createElement('div');r.id='root';document.body.appendChild(r);return r;})());
+root.render(<App/>);
+</script>
+
+</body>
+</html>
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/data.jsx b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/data.jsx
new file mode 100644
index 0000000..0546299
--- /dev/null
+++ b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/data.jsx
@@ -0,0 +1,49 @@
+// Shared data for dictionary prototype.
+// Каждый dict: id, title, desc, scope, bundle, fk[]. refBy вычисляется.
+
+const RAW_DICTS = [
+  { id:"satellite_types",      title:"Типы КА",                 desc:"Классификация КА по миссиям и характеристикам", scope:"PUBLIC",   bundle:"cuod", fk:[] },
+  { id:"satellite_statuses",   title:"Статусы КА",              desc:"Жизненный цикл: planned → operational → decommissioned/lost", scope:"PUBLIC",   bundle:"cuod", fk:[] },
+  { id:"antennas",             title:"Антенны",                 desc:"Антенны наземных станций с G/T и поддерживаемыми диапазонами", scope:"PUBLIC",   bundle:"cuod", fk:["frequency_bands"] },
+  { id:"missions",             title:"Миссии / программы",      desc:"Программы ДЗЗ — Ресурс-П, Канопус-В, Sentinel и т.д.",          scope:"PUBLIC",   bundle:"cuod", fk:["satellite_types","operators"] },
+  { id:"satellites",           title:"Космические аппараты",    desc:"Каталог КА (космических аппаратов) ДЗЗ-миссий",                 scope:"PUBLIC",   bundle:"cuod", fk:["satellite_types","satellite_statuses","missions","operators","orbit_types"] },
+  { id:"ground_stations",      title:"Наземные станции",        desc:"Каталог наземных пунктов приёма и управления",                  scope:"PUBLIC",   bundle:"cuod", fk:["antennas","countries","timezones"] },
+  { id:"instruments",          title:"Инструменты съёмки",      desc:"Полезная нагрузка / сенсоры на борту КА",                       scope:"PUBLIC",   bundle:"cuod", fk:["sensor_types","satellites"] },
+  { id:"sensor_types",         title:"Типы сенсоров",           desc:"Класс ПН: optical / SAR / hyperspectral / lidar / thermal",     scope:"PUBLIC",   bundle:"cuod", fk:[] },
+  { id:"spectral_bands",       title:"Спектральные каналы",     desc:"Стандартные оптические/ИК каналы (PAN/R/G/B/NIR/SWIR/TIR)",     scope:"PUBLIC",   bundle:"cuod", fk:["instruments"] },
+  { id:"frequency_bands",      title:"Радиодиапазоны",          desc:"Радио-диапазоны: L/S/C/X/Ku/Ka/V",                              scope:"PUBLIC",   bundle:"cuod", fk:[] },
+  { id:"orbit_types",          title:"Типы орбит",              desc:"LEO / SSO / MEO / GEO / HEO",                                   scope:"PUBLIC",   bundle:"cuod", fk:[] },
+  { id:"product_levels",       title:"Уровни продукта",         desc:"L0 / L1A / L1B / L2 / L3",                                      scope:"PUBLIC",   bundle:"cuod", fk:[] },
+  { id:"projection_codes",     title:"Картографические проекции",desc:"EPSG-коды для картографии",                                    scope:"PUBLIC",   bundle:"geo",  fk:[] },
+  { id:"countries",            title:"Страны (ISO 3166)",       desc:"ISO 3166: двух- и трёхбуквенные коды, имена",                   scope:"PUBLIC",   bundle:"geo",  fk:[] },
+  { id:"timezones",            title:"Часовые пояса",           desc:"IANA tz database",                                              scope:"PUBLIC",   bundle:"geo",  fk:["countries"] },
+  { id:"languages",            title:"Языки (BCP-47)",          desc:"ru-RU, en-US, … — справочник локалей",                          scope:"PUBLIC",   bundle:"i18n", fk:[] },
+  { id:"operators",            title:"Операторы",               desc:"Роскосмос, NASA, ESA — операторы программ",                     scope:"PUBLIC",   bundle:"cuod", fk:["countries"] },
+  { id:"acquisitions",         title:"Сеансы съёмки",           desc:"Планы и факты сеансов съёмки",                                  scope:"INTERNAL", bundle:"cuod", fk:["satellites","ground_stations","instruments","spectral_bands","product_levels"] },
+  { id:"products",             title:"Продукты ДЗЗ",            desc:"Поставляемые сцены и тайлы",                                    scope:"INTERNAL", bundle:"cuod", fk:["acquisitions","product_levels","projection_codes"] },
+  { id:"users_roles",          title:"Роли пользователей",      desc:"RBAC внутри платформы",                                         scope:"INTERNAL", bundle:"core", fk:[] },
+  { id:"webhooks_topics",      title:"Webhook topics",          desc:"Темы событий для исходящих webhook-ов",                         scope:"INTERNAL", bundle:"core", fk:[] },
+  { id:"audit_event_types",    title:"Типы аудит-событий",      desc:"Каталог типов событий аудита",                                  scope:"INTERNAL", bundle:"core", fk:[] },
+  { id:"tenant_quotas",        title:"Квоты тенантов",          desc:"Лимиты на ресурсы по тенантам",                                 scope:"TENANT",   bundle:"core", fk:[] },
+  { id:"tenant_branding",      title:"Брендинг тенантов",       desc:"Цвета, логотипы, домены",                                       scope:"TENANT",   bundle:"core", fk:["languages"] },
+];
+
+// Compute refBy
+const _byId = Object.fromEntries(RAW_DICTS.map(d => [d.id, { ...d, refBy: [] }]));
+for (const d of RAW_DICTS) {
+  for (const t of d.fk) if (_byId[t]) _byId[t].refBy.push(d.id);
+}
+const DICTS = Object.values(_byId);
+const BY_ID = _byId;
+
+const SCOPE_COLOR = { PUBLIC:"#3a6df0", INTERNAL:"#d4711a", TENANT:"#c64a8a" };
+const SCOPE_BG    = { PUBLIC:"#eef3ff", INTERNAL:"#fff2e3", TENANT:"#fde7f1" };
+const SCOPE_LABEL = { PUBLIC:"Публичные", INTERNAL:"Внутренние", TENANT:"Тенант" };
+const BUNDLES     = ["cuod","geo","i18n","core"];
+
+window.DICTS = DICTS;
+window.BY_ID = BY_ID;
+window.SCOPE_COLOR = SCOPE_COLOR;
+window.SCOPE_BG = SCOPE_BG;
+window.SCOPE_LABEL = SCOPE_LABEL;
+window.BUNDLES = BUNDLES;
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/ui.jsx b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/ui.jsx
new file mode 100644
index 0000000..0d434e7
--- /dev/null
+++ b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/ui.jsx
@@ -0,0 +1,72 @@
+// Shared atomic UI for the dictionary prototype.
+const { useState, useRef, useEffect, useLayoutEffect, useMemo } = React;
+
+function ScopeDot({ scope }) {
+  return (
+    <span style={{
+      display:"inline-block", width:8, height:8, borderRadius:"50%",
+      background: SCOPE_COLOR[scope]
+    }}/>
+  );
+}
+
+function ScopeBadge({ scope }) {
+  return (
+    <span style={{
+      display:"inline-flex", alignItems:"center", gap:6,
+      padding:"3px 8px", borderRadius:6,
+      fontFamily:"JetBrains Mono, ui-monospace, monospace",
+      fontSize:11, letterSpacing:".04em", textTransform:"uppercase",
+      color: SCOPE_COLOR[scope],
+      background: SCOPE_BG[scope],
+      border:`1px solid ${SCOPE_COLOR[scope]}33`,
+    }}>
+      <ScopeDot scope={scope}/> {scope}
+    </span>
+  );
+}
+
+function FkChip({ id, dim, onClick }) {
+  const d = BY_ID[id];
+  return (
+    <button onClick={(e) => { e.stopPropagation(); onClick && onClick(id); }}
+      title={d ? d.title : id}
+      style={{
+        display:"inline-flex", alignItems:"center", gap:5,
+        padding:"2px 7px", borderRadius:5,
+        fontSize:11, fontFamily:"JetBrains Mono, ui-monospace, monospace",
+        background: dim ? "transparent" : "#f3f5fb",
+        border: dim ? "1px dashed #e5e7ee" : "1px solid #e5e7ee",
+        color: dim ? "#6b7180" : "#1d2a8a",
+        cursor:"pointer",
+      }}>
+      {d ? d.title : id}
+    </button>
+  );
+}
+
+function Btn({ children, primary, onClick, active }) {
+  return (
+    <button onClick={onClick} style={{
+      height:32, padding:"0 14px", borderRadius:8,
+      fontSize:13, cursor:"pointer",
+      border:`1px solid ${primary ? "#1d2a8a" : active ? "#1d2a8a" : "#e5e7ee"}`,
+      background: primary ? "#1d2a8a" : active ? "#eef3ff" : "#fff",
+      color: primary ? "#fff" : active ? "#1d2a8a" : "#3a4151",
+      fontWeight: primary || active ? 600 : 400,
+    }}>{children}</button>
+  );
+}
+
+function Sup({ children, style }) {
+  return (
+    <div style={{
+      fontFamily:"JetBrains Mono, ui-monospace, monospace",
+      fontSize:11, letterSpacing:".06em", textTransform:"uppercase",
+      color:"#6b7180",
+      ...style,
+    }}>{children}</div>
+  );
+}
+
+Object.assign(window, { ScopeDot, ScopeBadge, FkChip, Btn, Sup });
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-graph.jsx b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-graph.jsx
new file mode 100644
index 0000000..72f4e58
--- /dev/null
+++ b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-graph.jsx
@@ -0,0 +1,180 @@
+// View A — Граф связей. Force-style static layout с интерактивностью.
+const { useState: useStateA, useMemo: useMemoA } = React;
+
+const GRAPH_LAYOUT = {
+  satellite_types:    {x:300, y:140},
+  satellite_statuses: {x:140, y:230},
+  missions:           {x:230, y:330},
+  satellites:         {x:500, y:300},
+  instruments:        {x:700, y:220},
+  sensor_types:       {x:840, y:140},
+  spectral_bands:     {x:840, y:320},
+  orbit_types:        {x:500, y:160},
+  ground_stations:    {x:540, y:500},
+  antennas:           {x:320, y:540},
+  frequency_bands:    {x:160, y:500},
+  countries:          {x:700, y:580},
+  timezones:          {x:860, y:520},
+  operators:          {x:900, y:420},
+  product_levels:     {x:540, y:660},
+  acquisitions:       {x:360, y:680},
+  products:           {x:180, y:660},
+  projection_codes:   {x:80,  y:580},
+  users_roles:        {x:1000,y:680},
+  webhooks_topics:    {x:1000,y:140},
+  audit_event_types:  {x:1000,y:240},
+  tenant_quotas:      {x:60,  y:140},
+  tenant_branding:    {x:60,  y:340},
+  languages:          {x:80,  y:60},
+};
+
+function GraphView({ onOpen }) {
+  const [hover, setHover] = useStateA(null);
+  const [showLeaves, setShowLeaves] = useStateA(true);
+  const [scopeFilter, setScopeFilter] = useStateA(new Set(["PUBLIC","INTERNAL","TENANT"]));
+
+  const visible = useMemoA(() => DICTS.filter(d => {
+    if (!scopeFilter.has(d.scope)) return false;
+    if (!showLeaves && d.fk.length === 0 && d.refBy.length === 0) return false;
+    return true;
+  }), [scopeFilter, showLeaves]);
+
+  const visIds = useMemoA(() => new Set(visible.map(d => d.id)), [visible]);
+
+  const edges = useMemoA(() => {
+    const out = [];
+    for (const d of visible) for (const t of d.fk) if (visIds.has(t)) out.push({ from:d.id, to:t });
+    return out;
+  }, [visible, visIds]);
+
+  const focus = hover;
+  const isEdgeActive = e => focus && (e.from === focus || e.to === focus);
+  const isNodeActive = id => !focus || id === focus
+    || edges.some(e => (e.from === focus && e.to === id) || (e.to === focus && e.from === id));
+
+  const W = 1180, svgH = 760;
+
+  const toggleScope = s => {
+    const n = new Set(scopeFilter);
+    n.has(s) ? n.delete(s) : n.add(s);
+    setScopeFilter(n);
+  };
+
+  return (
+    <div style={{ width:W, background:"#fff", borderRadius:12, border:"1px solid #e5e7ee", overflow:"hidden" }}>
+      {/* toolbar */}
+      <div style={{ height:56, padding:"0 18px", display:"flex", alignItems:"center", justifyContent:"space-between", borderBottom:"1px solid #eef0f5" }}>
+        <div style={{ display:"flex", alignItems:"center", gap:14 }}>
+          <Sup>Граф связей · {visible.length} узлов · {edges.length} связей</Sup>
+        </div>
+        <div style={{ display:"flex", gap:8 }}>
+          {["PUBLIC","INTERNAL","TENANT"].map(s => (
+            <Btn key={s} active={scopeFilter.has(s)} onClick={() => toggleScope(s)}>
+              <ScopeDot scope={s}/> &nbsp;{SCOPE_LABEL[s]}
+            </Btn>
+          ))}
+          <div style={{ width:1, background:"#eef0f5", margin:"0 4px" }}/>
+          <Btn active={!showLeaves} onClick={() => setShowLeaves(!showLeaves)}>Скрыть листья</Btn>
+          <Btn>Экспорт SVG</Btn>
+        </div>
+      </div>
+
+      <div style={{ position:"relative" }}>
+        <svg width={W} height={svgH}>
+          <defs>
+            <marker id="ah" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
+              <path d="M0,0 L10,5 L0,10 z" fill="#94a0b8"/>
+            </marker>
+            <marker id="ahA" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse">
+              <path d="M0,0 L10,5 L0,10 z" fill="#1d2a8a"/>
+            </marker>
+            <pattern id="dotgrid" width="24" height="24" patternUnits="userSpaceOnUse">
+              <circle cx="1" cy="1" r="1" fill="#eef0f5"/>
+            </pattern>
+          </defs>
+          <rect width={W} height={svgH} fill="url(#dotgrid)"/>
+
+          {edges.map((e, i) => {
+            const a = GRAPH_LAYOUT[e.from], b = GRAPH_LAYOUT[e.to];
+            if (!a || !b) return null;
+            const active = isEdgeActive(e);
+            const opacity = focus && !active ? 0.10 : 1;
+            return (
+              <path key={i}
+                    d={`M${a.x},${a.y} C ${a.x},${(a.y+b.y)/2} ${b.x},${(a.y+b.y)/2} ${b.x},${b.y}`}
+                    stroke={active ? "#1d2a8a" : "#c8cfdb"}
+                    strokeWidth={active ? 1.8 : 1}
+                    fill="none"
+                    opacity={opacity}
+                    markerEnd={active ? "url(#ahA)" : "url(#ah)"}/>
+            );
+          })}
+
+          {visible.map(d => {
+            const p = GRAPH_LAYOUT[d.id]; if (!p) return null;
+            const active = isNodeActive(d.id);
+            const r = 24 + Math.min(d.refBy.length * 3, 16);
+            return (
+              <g key={d.id} transform={`translate(${p.x},${p.y})`} style={{ cursor:"pointer" }}
+                 opacity={active ? 1 : .15}
+                 onMouseEnter={() => setHover(d.id)}
+                 onMouseLeave={() => setHover(null)}
+                 onClick={() => onOpen(d.id)}>
+                <circle r={r}
+                        fill={SCOPE_BG[d.scope]}
+                        stroke={SCOPE_COLOR[d.scope]}
+                        strokeWidth={d.id === focus ? 2.5 : 1.4}/>
+                <text textAnchor="middle" dy="-2" fontSize="10.5" fontWeight="600" fill="#11131a" style={{ pointerEvents:"none" }}>
+                  {d.title.length > 14 ? d.title.slice(0, 12) + "…" : d.title}
+                </text>
+                <text textAnchor="middle" dy="11" fontSize="9" fontFamily="JetBrains Mono, monospace" fill="#6b7180" style={{ pointerEvents:"none" }}>
+                  {d.refBy.length > 0 ? `← ${d.refBy.length}` : "·"}
+                </text>
+              </g>
+            );
+          })}
+        </svg>
+
+        {/* hover-tooltip */}
+        {hover && (() => {
+          const d = BY_ID[hover];
+          const p = GRAPH_LAYOUT[hover];
+          return (
+            <div style={{
+              position:"absolute",
+              left: Math.min(W - 280, p.x + 30),
+              top:  Math.min(svgH - 120, p.y + 30),
+              width: 260, padding:"10px 12px",
+              background:"#fff", border:"1px solid #e5e7ee", borderRadius:10,
+              boxShadow:"0 14px 28px -16px rgba(20,30,140,.3)",
+              pointerEvents:"none",
+            }}>
+              <div style={{ display:"flex", justifyContent:"space-between", alignItems:"start", gap:8 }}>
+                <div style={{ fontSize:13, fontWeight:600, color:"#1d2a8a" }}>{d.title}</div>
+                <ScopeBadge scope={d.scope}/>
+              </div>
+              <div style={{ fontSize:11, fontFamily:"JetBrains Mono, monospace", color:"#6b7180", marginTop:2 }}>
+                {d.id} · v1.0.0
+              </div>
+              <div style={{ fontSize:12, color:"#3a4151", marginTop:6, lineHeight:1.4 }}>{d.desc}</div>
+              <div style={{ marginTop:8, display:"flex", gap:14, fontSize:11, color:"#6b7180" }}>
+                <span>→ ссылается: <b style={{ color:"#11131a" }}>{d.fk.length}</b></span>
+                <span>← используют: <b style={{ color:"#11131a" }}>{d.refBy.length}</b></span>
+              </div>
+            </div>
+          );
+        })()}
+      </div>
+
+      {/* legend bar */}
+      <div style={{ borderTop:"1px solid #eef0f5", padding:"10px 18px", display:"flex", alignItems:"center", gap:18, fontSize:12, color:"#6b7180" }}>
+        <span>Размер узла = входящие ссылки</span>
+        <span>·</span>
+        <span>Hover — фокус, Click — открыть hub</span>
+        <span style={{ marginLeft:"auto" }}>Layout: forced (статический snapshot)</span>
+      </div>
+    </div>
+  );
+}
+
+window.GraphView = GraphView;
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-hub.jsx b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-hub.jsx
new file mode 100644
index 0000000..812acce
--- /dev/null
+++ b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-hub.jsx
@@ -0,0 +1,154 @@
+// View B — Hub view. Один справочник в фокусе, соседи по сторонам.
+const { useState: useStateB, useMemo: useMemoB } = React;
+
+function HubView({ centerId, onOpen }) {
+  const center = BY_ID[centerId] || DICTS[0];
+  const inn = center.fk.map(id => BY_ID[id]).filter(Boolean);
+  const out = center.refBy.map(id => BY_ID[id]).filter(Boolean);
+  const [tab, setTab] = useStateB("links"); // links | fields | preview
+
+  const Card = ({ d, side }) => (
+    <div onClick={() => onOpen(d.id)}
+      style={{
+        cursor:"pointer", display:"flex", alignItems:"stretch",
+        background:"#fff", border:"1px solid #e5e7ee", borderRadius:8,
+        overflow:"hidden", transition:"transform .12s, box-shadow .12s",
+      }}
+      onMouseEnter={e => { e.currentTarget.style.transform = side==="left"?"translateX(-2px)":"translateX(2px)"; e.currentTarget.style.boxShadow="0 6px 16px -10px rgba(20,30,140,.25)"; }}
+      onMouseLeave={e => { e.currentTarget.style.transform = "none"; e.currentTarget.style.boxShadow="none"; }}>
+      <div style={{ width:3, background: SCOPE_COLOR[d.scope] }}/>
+      <div style={{ padding:"10px 12px", flex:1 }}>
+        <div style={{ fontSize:13, fontWeight:600, color:"#1d2a8a" }}>{d.title}</div>
+        <div style={{ fontSize:11, fontFamily:"JetBrains Mono, monospace", color:"#6b7180", marginTop:2 }}>{d.id}</div>
+      </div>
+    </div>
+  );
+
+  const Arrow = ({ dir }) => (
+    <svg width="60" height="20">
+      <defs>
+        <marker id={`hubArr-${dir}`} viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
+          <path d="M0,0 L10,5 L0,10z" fill="#3a4151"/>
+        </marker>
+      </defs>
+      {dir === "right"
+        ? <path d="M4 10 L56 10" stroke="#3a4151" strokeWidth="1.4" markerEnd={`url(#hubArr-${dir})`}/>
+        : <path d="M56 10 L4 10" stroke="#3a4151" strokeWidth="1.4" markerEnd={`url(#hubArr-${dir})`}/>
+      }
+    </svg>
+  );
+
+  return (
+    <div style={{ width:1180, background:"#fff", borderRadius:12, border:"1px solid #e5e7ee", padding:24 }}>
+      {/* topline */}
+      <div style={{ display:"flex", justifyContent:"space-between", alignItems:"flex-start", marginBottom:18 }}>
+        <div>
+          <Sup>Hub · контекст справочника</Sup>
+          <div style={{ fontSize:22, fontWeight:600, color:"#1d2a8a", marginTop:4 }}>{center.title}</div>
+          <div style={{ fontSize:12, fontFamily:"JetBrains Mono, monospace", color:"#6b7180", marginTop:2 }}>
+            {center.id} &middot; bundle: {center.bundle} &middot; v1.0.0
+          </div>
+        </div>
+        <div style={{ display:"flex", gap:8 }}>
+          <Btn>← Назад</Btn>
+          <Btn>История</Btn>
+          <Btn primary>Открыть редактор</Btn>
+        </div>
+      </div>
+
+      {/* tabs */}
+      <div style={{ display:"flex", gap:24, borderBottom:"1px solid #eef0f5", marginBottom:24 }}>
+        {[
+          ["links","Связи",`${inn.length+out.length}`],
+          ["fields","Поля","12"],
+          ["preview","Записи","248"],
+        ].map(([k,label,count]) => (
+          <button key={k} onClick={() => setTab(k)} style={{
+            border:"none", background:"transparent", cursor:"pointer",
+            padding:"10px 0", borderBottom: tab===k ? "2px solid #1d2a8a" : "2px solid transparent",
+            fontSize:13, fontWeight: tab===k ? 600 : 500,
+            color: tab===k ? "#1d2a8a" : "#6b7180",
+            display:"flex", alignItems:"center", gap:6,
+          }}>
+            {label}
+            <span style={{
+              fontSize:11, padding:"1px 6px", borderRadius:4,
+              background: tab===k ? "#eef3ff" : "#f5f6fa",
+              color: tab===k ? "#1d2a8a" : "#6b7180",
+              fontFamily:"JetBrains Mono, monospace",
+            }}>{count}</span>
+          </button>
+        ))}
+      </div>
+
+      {tab === "links" && (
+        <>
+          {/* meta strip */}
+          <div style={{ display:"flex", gap:24, padding:"14px 18px", background:"#f7f8fb", borderRadius:10, marginBottom:24 }}>
+            <ScopeBadge scope={center.scope}/>
+            <div style={{ fontSize:13, color:"#3a4151", flex:1 }}>{center.desc}</div>
+            <div style={{ display:"flex", gap:18, fontSize:12, color:"#6b7180" }}>
+              <span>→ <b style={{ color:"#11131a" }}>{inn.length}</b> исх.</span>
+              <span>← <b style={{ color:"#11131a" }}>{out.length}</b> вход.</span>
+            </div>
+          </div>
+
+          <div style={{ display:"grid", gridTemplateColumns:"1fr auto 1fr", gap:30, alignItems:"flex-start" }}>
+            {/* incoming dependencies (this dict depends on these) */}
+            <div>
+              <Sup style={{ textAlign:"right", marginBottom:10 }}>Зависит от · {inn.length}</Sup>
+              <div style={{ display:"flex", flexDirection:"column", gap:10 }}>
+                {inn.length === 0 && <div style={{ fontSize:12, color:"#6b7180", textAlign:"right", padding:"20px 0" }}>нет зависимостей</div>}
+                {inn.map(d => (
+                  <div key={d.id} style={{ display:"grid", gridTemplateColumns:"1fr auto", alignItems:"center" }}>
+                    <Card d={d} side="left"/>
+                    <Arrow dir="right"/>
+                  </div>
+                ))}
+              </div>
+            </div>
+
+            {/* center */}
+            <div style={{ width:280, padding:18, borderRadius:12,
+                          background:"linear-gradient(180deg,#fff,#eef3ff)",
+                          border:"2px solid #1d2a8a",
+                          boxShadow:"0 18px 36px -22px rgba(20,30,140,.5)" }}>
+              <Sup>Текущий</Sup>
+              <div style={{ fontSize:18, fontWeight:700, color:"#0f1860", marginTop:6 }}>{center.title}</div>
+              <div style={{ fontSize:11, fontFamily:"JetBrains Mono, monospace", color:"#6b7180", marginTop:2 }}>{center.id}</div>
+              <div style={{ marginTop:12 }}><ScopeBadge scope={center.scope}/></div>
+              <div style={{ fontSize:12, color:"#3a4151", marginTop:10, lineHeight:1.45 }}>{center.desc}</div>
+            </div>
+
+            {/* outgoing (these depend on this) */}
+            <div>
+              <Sup style={{ marginBottom:10 }}>На него ссылаются · {out.length}</Sup>
+              <div style={{ display:"flex", flexDirection:"column", gap:10 }}>
+                {out.length === 0 && <div style={{ fontSize:12, color:"#6b7180", padding:"20px 0" }}>никто не ссылается</div>}
+                {out.map(d => (
+                  <div key={d.id} style={{ display:"grid", gridTemplateColumns:"auto 1fr", alignItems:"center" }}>
+                    <Arrow dir="right"/>
+                    <Card d={d} side="right"/>
+                  </div>
+                ))}
+              </div>
+            </div>
+          </div>
+
+          <div style={{ marginTop:30, paddingTop:14, borderTop:"1px dashed #e5e7ee", fontSize:12, color:"#6b7180" }}>
+            Клик по карточке — сделать центром. Ctrl+клик — добавить в выборку для сравнения. Двойной клик — открыть в редакторе.
+          </div>
+        </>
+      )}
+
+      {tab !== "links" && (
+        <div style={{ padding:"60px 0", textAlign:"center", color:"#6b7180" }}>
+          <Sup>placeholder</Sup>
+          <div style={{ marginTop:6, fontSize:14 }}>Содержимое вкладки «{tab === "fields" ? "Поля" : "Записи"}» — без изменений к текущей реализации.</div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+window.HubView = HubView;
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-list.jsx b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-list.jsx
new file mode 100644
index 0000000..325d7c4
--- /dev/null
+++ b/ordinis-admin-ui/design_handoff_dictionary_catalog/design/proto/view-list.jsx
@@ -0,0 +1,154 @@
+// View D — Список со связями inline. Bundle-grouped, FK chips clickable.
+const { useState: useStateD, useMemo: useMemoD } = React;
+
+function ListView({ onOpen }) {
+  const [q, setQ] = useStateD("");
+  const [withDepsOnly, setWithDepsOnly] = useStateD(false);
+  const [scopes, setScopes] = useStateD(new Set(["PUBLIC","INTERNAL","TENANT"]));
+  const [bundleFilter, setBundleFilter] = useStateD(null); // null = все
+
+  const filtered = useMemoD(() => {
+    const ql = q.trim().toLowerCase();
+    return DICTS.filter(d => {
+      if (!scopes.has(d.scope)) return false;
+      if (bundleFilter && d.bundle !== bundleFilter) return false;
+      if (withDepsOnly && d.fk.length === 0 && d.refBy.length === 0) return false;
+      if (ql && !d.title.toLowerCase().includes(ql) && !d.id.toLowerCase().includes(ql) && !d.desc.toLowerCase().includes(ql)) return false;
+      return true;
+    });
+  }, [q, withDepsOnly, scopes, bundleFilter]);
+
+  const grouped = useMemoD(() => {
+    const g = {};
+    for (const b of BUNDLES) g[b] = [];
+    for (const d of filtered) (g[d.bundle] = g[d.bundle] || []).push(d);
+    return g;
+  }, [filtered]);
+
+  const toggleScope = s => {
+    const n = new Set(scopes); n.has(s) ? n.delete(s) : n.add(s); setScopes(n);
+  };
+
+  const Item = ({ d }) => (
+    <div onClick={() => onOpen(d.id)}
+      style={{
+        display:"grid", gridTemplateColumns:"3px 1fr auto",
+        background:"#fff", border:"1px solid #e5e7ee", borderRadius:10,
+        overflow:"hidden", cursor:"pointer", transition:"box-shadow .12s, transform .12s",
+      }}
+      onMouseEnter={e => { e.currentTarget.style.boxShadow="0 8px 22px -14px rgba(20,30,140,.25)"; e.currentTarget.style.transform="translateY(-1px)"; }}
+      onMouseLeave={e => { e.currentTarget.style.boxShadow="none"; e.currentTarget.style.transform="none"; }}>
+      <div style={{ background: SCOPE_COLOR[d.scope] }}/>
+      <div style={{ padding:"12px 14px" }}>
+        <div style={{ display:"flex", alignItems:"baseline", gap:10 }}>
+          <span style={{ fontSize:15, fontWeight:600, color:"#1d2a8a" }}>{d.title}</span>
+          <span style={{ fontSize:11, fontFamily:"JetBrains Mono, monospace", color:"#6b7180" }}>{d.id}</span>
+        </div>
+        <div style={{ fontSize:12, color:"#3a4151", marginTop:3, lineHeight:1.4 }}>{d.desc}</div>
+
+        {(d.fk.length > 0 || d.refBy.length > 0) && (
+          <div style={{ display:"flex", gap:6, flexWrap:"wrap", marginTop:10, alignItems:"center" }}>
+            {d.fk.length > 0 && (
+              <>
+                <Sup style={{ marginRight:2 }}>→ ссылается</Sup>
+                {d.fk.map(id => <FkChip key={id} id={id} onClick={onOpen}/>)}
+              </>
+            )}
+            {d.refBy.length > 0 && (
+              <>
+                <Sup style={{ marginLeft:8, marginRight:2 }}>← {d.refBy.length} использ.</Sup>
+                {d.refBy.slice(0,3).map(id => <FkChip key={id} id={id} dim onClick={onOpen}/>)}
+                {d.refBy.length > 3 && (
+                  <span style={{ fontSize:11, color:"#6b7180", fontFamily:"JetBrains Mono, monospace" }}>
+                    +{d.refBy.length - 3}
+                  </span>
+                )}
+              </>
+            )}
+          </div>
+        )}
+      </div>
+      <div style={{ padding:"12px 14px", display:"flex", flexDirection:"column", alignItems:"flex-end", gap:6 }}>
+        <ScopeBadge scope={d.scope}/>
+        <span style={{ fontSize:11, color:"#6b7180", fontFamily:"JetBrains Mono, monospace" }}>v1.0.0</span>
+      </div>
+    </div>
+  );
+
+  return (
+    <div style={{ width:1180, background:"#fff", borderRadius:12, border:"1px solid #e5e7ee", padding:24 }}>
+      {/* toolbar */}
+      <div style={{ display:"grid", gridTemplateColumns:"1fr auto", gap:14, alignItems:"center", marginBottom:18 }}>
+        <div style={{ display:"flex", alignItems:"center", gap:10 }}>
+          <input
+            placeholder="Поиск по названию, коду или описанию"
+            value={q} onChange={e => setQ(e.target.value)}
+            style={{
+              height:36, width:340, padding:"0 14px",
+              border:"1px solid #e5e7ee", borderRadius:8,
+              fontSize:13, color:"#11131a",
+            }}/>
+          <span style={{ fontSize:12, color:"#6b7180" }}>
+            Показано <b style={{ color:"#11131a" }}>{filtered.length}</b> из {DICTS.length}
+          </span>
+        </div>
+        <div style={{ display:"flex", gap:8 }}>
+          {["PUBLIC","INTERNAL","TENANT"].map(s => (
+            <Btn key={s} active={scopes.has(s)} onClick={() => toggleScope(s)}>
+              <ScopeDot scope={s}/> &nbsp;{SCOPE_LABEL[s]}
+            </Btn>
+          ))}
+          <div style={{ width:1, background:"#eef0f5", margin:"0 4px" }}/>
+          <Btn active={withDepsOnly} onClick={() => setWithDepsOnly(!withDepsOnly)}>
+            Только со связями
+          </Btn>
+        </div>
+      </div>
+
+      {/* bundle pills */}
+      <div style={{ display:"flex", gap:8, marginBottom:18, flexWrap:"wrap", alignItems:"center" }}>
+        <Sup>bundle</Sup>
+        <Btn active={bundleFilter===null} onClick={() => setBundleFilter(null)}>все</Btn>
+        {BUNDLES.map(b => {
+          const n = filtered.filter(d => d.bundle === b).length;
+          return (
+            <Btn key={b} active={bundleFilter===b} onClick={() => setBundleFilter(bundleFilter===b ? null : b)}>
+              {b} <span style={{ fontSize:11, color:"#6b7180", marginLeft:4 }}>{n}</span>
+            </Btn>
+          );
+        })}
+      </div>
+
+      {/* grouped list */}
+      {BUNDLES.map(b => {
+        const items = grouped[b];
+        if (!items || items.length === 0) return null;
+        return (
+          <div key={b} style={{ marginBottom:22 }}>
+            <div style={{ display:"flex", alignItems:"center", gap:10, margin:"6px 0 12px" }}>
+              <span style={{
+                fontSize:12, fontFamily:"JetBrains Mono, monospace",
+                letterSpacing:".06em", textTransform:"uppercase",
+                color:"#11131a", fontWeight:600,
+              }}>{b}</span>
+              <span style={{ fontSize:11, color:"#6b7180" }}>· {items.length} справочн.</span>
+              <div style={{ flex:1, height:1, background:"#eef0f5" }}/>
+            </div>
+            <div style={{ display:"grid", gridTemplateColumns:"1fr 1fr", gap:10 }}>
+              {items.map(d => <Item key={d.id} d={d}/>)}
+            </div>
+          </div>
+        );
+      })}
+
+      {filtered.length === 0 && (
+        <div style={{ padding:"60px 20px", textAlign:"center", color:"#6b7180" }}>
+          <Sup>пусто</Sup>
+          <div style={{ marginTop:6, fontSize:14 }}>Ничего не найдено по текущим фильтрам</div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+window.ListView = ListView;
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/patch.diff b/ordinis-admin-ui/design_handoff_dictionary_catalog/patch.diff
deleted file mode 100644
index f6ee1bf..0000000
--- a/ordinis-admin-ui/design_handoff_dictionary_catalog/patch.diff
+++ /dev/null
@@ -1,495 +0,0 @@
---- ordinis-admin-ui/src/routes/dictionaries.index.tsx	2026-05-06 12:49:46
-+++ ordinis-admin-ui/design_handoff_dictionary_catalog/proposed.tsx	2026-05-10 19:33:10
-@@ -1,6 +1,21 @@
--import { useDeferredValue, useMemo, useState } from 'react'
-+/**
-+ * Dictionary Catalog v2 — proposed.tsx
-+ *
-+ * Drop-in replacement для `routes/dictionaries.index.tsx`.
-+ *
-+ * Что нового vs v1:
-+ * - URL search params (q / scope / sort / density) — shareable + survives refresh.
-+ * - Multi-scope filter (chips) вместо forced grouping.
-+ * - Sort dropdown (name / recordCount / updated).
-+ * - Density toggle (card / dense list).
-+ * - Approval-required badge на карточках.
-+ *
-+ * См. design_handoff_dictionary_catalog/README.md для полного спека.
-+ */
-+import { useDeferredValue, useMemo } from 'react'
- import { createFileRoute, Link, useNavigate } from '@tanstack/react-router'
- import { useTranslation } from 'react-i18next'
-+import { z } from 'zod'
- import {
-   Alert,
-   Badge,
-@@ -16,10 +31,34 @@
- import { DictionaryEditorDialog } from '@/components/schema/DictionaryEditorDialog'
- import { SCOPE_ACCENT, SCOPE_DOT, SCOPE_ORDER } from '@/lib/scope-style'
- 
-+const SORT_OPTIONS = ['name', 'recordCount', 'updated'] as const
-+type SortKey = (typeof SORT_OPTIONS)[number]
-+const DENSITY_OPTIONS = ['card', 'dense'] as const
-+type Density = (typeof DENSITY_OPTIONS)[number]
-+
-+const searchSchema = z.object({
-+  q: z.string().optional(),
-+  // CSV "PUBLIC,INTERNAL" — TanStack Router validate'ит и normalize'ит до Set.
-+  scope: z.string().optional(),
-+  sort: z.enum(SORT_OPTIONS).optional(),
-+  density: z.enum(DENSITY_OPTIONS).optional(),
-+})
-+
- export const Route = createFileRoute('/dictionaries/')({
-+  validateSearch: searchSchema,
-   component: DictionariesPage,
- })
- 
-+const parseScopeFilter = (csv: string | undefined): Set<DataScope> => {
-+  if (!csv) return new Set()
-+  const valid: DataScope[] = ['PUBLIC', 'INTERNAL', 'RESTRICTED']
-+  const found = csv
-+    .split(',')
-+    .map((s) => s.trim().toUpperCase())
-+    .filter((s): s is DataScope => valid.includes(s as DataScope))
-+  return new Set(found)
-+}
-+
- const matchesQuery = (d: DictionaryDefinition, q: string): boolean => {
-   if (!q) return true
-   const haystack = [d.name, d.displayName ?? '', d.description ?? '']
-@@ -28,30 +67,90 @@
-   return haystack.includes(q)
- }
- 
-+const sortDicts = (
-+  list: DictionaryDefinition[],
-+  key: SortKey,
-+): DictionaryDefinition[] => {
-+  const copy = [...list]
-+  switch (key) {
-+    case 'name':
-+      return copy.sort((a, b) =>
-+        (a.displayName ?? a.name).localeCompare(b.displayName ?? b.name),
-+      )
-+    case 'recordCount':
-+      return copy.sort((a, b) => (b.recordCount ?? 0) - (a.recordCount ?? 0))
-+    case 'updated':
-+      return copy.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt))
-+  }
-+}
-+
- function DictionariesPage() {
-   const { t } = useTranslation()
--  const navigate = useNavigate()
-+  const navigate = useNavigate({ from: '/dictionaries/' })
-+  const search = Route.useSearch()
-   const { data, isLoading, error } = useDictionaries()
--  const [createOpen, setCreateOpen] = useState(false)
--  const [query, setQuery] = useState('')
--  const deferredQuery = useDeferredValue(query)
- 
-+  const q = (search.q ?? '').trim().toLowerCase()
-+  const deferredQuery = useDeferredValue(q)
-+  const scopeFilter = useMemo(() => parseScopeFilter(search.scope), [search.scope])
-+  const sortKey: SortKey = search.sort ?? 'name'
-+  const density: Density = search.density ?? 'card'
-+
-+  // create modal — local state, не URL (модалки — transient, refresh-сбрасываем).
-+  // Использовать useState напрямую без useState import — переписали через
-+  // search-state pattern был бы over-engineered.
-+  const createOpen = search.q === '__create__' // sentinel — нет, используем state ниже
-+  // Note: для modal'а оставляем useState, на URL не выносим (см. README "Out of scope").
-+  // (В продакшен-версии: createOpen + setCreateOpen в useState).
-+
-   const filtered = useMemo(() => {
-     if (!data) return []
--    const q = deferredQuery.trim().toLowerCase()
--    return data.filter((d) => matchesQuery(d, q))
--  }, [data, deferredQuery])
-+    const byScope =
-+      scopeFilter.size === 0
-+        ? data
-+        : data.filter((d) => scopeFilter.has(d.scope))
-+    const byQuery = byScope.filter((d) => matchesQuery(d, deferredQuery))
-+    return sortDicts(byQuery, sortKey)
-+  }, [data, deferredQuery, scopeFilter, sortKey])
- 
--  const groupedByScope = useMemo(() => {
--    const map: Record<DataScope, DictionaryDefinition[]> = {
--      PUBLIC: [],
--      INTERNAL: [],
--      RESTRICTED: [],
--    }
--    for (const d of filtered) map[d.scope].push(d)
--    return map
--  }, [filtered])
-+  const scopeCounts = useMemo(() => {
-+    const out: Record<DataScope, number> = { PUBLIC: 0, INTERNAL: 0, RESTRICTED: 0 }
-+    if (data) for (const d of data) out[d.scope]++
-+    return out
-+  }, [data])
- 
-+  const setSearch = (next: Partial<z.infer<typeof searchSchema>>) => {
-+    navigate({
-+      search: (prev) => {
-+        const merged = { ...prev, ...next }
-+        // Убираем default values чтобы URL был чистым.
-+        if (!merged.q) delete merged.q
-+        if (!merged.scope) delete merged.scope
-+        if (merged.sort === 'name') delete merged.sort
-+        if (merged.density === 'card') delete merged.density
-+        return merged
-+      },
-+    })
-+  }
-+
-+  const toggleScope = (scope: DataScope) => {
-+    const next = new Set(scopeFilter)
-+    if (next.has(scope)) next.delete(scope)
-+    else next.add(scope)
-+    setSearch({
-+      scope: next.size === 0 ? undefined : Array.from(next).join(','),
-+    })
-+  }
-+
-+  const resetFilters = () => {
-+    navigate({ search: {} })
-+  }
-+
-+  const filtersActive = Boolean(q) || scopeFilter.size > 0
-+
-+  // Modal state via useState pattern — keep local, not URL (per spec).
-+  const [createOpenLocal, setCreateOpen] = useLocalToggle(false)
-+
-   const createButton = (
-     <Button
-       type="button"
-@@ -85,7 +184,7 @@
-         />
-         <EmptyState title={t('dict.empty')} />
-         <DictionaryEditorDialog
--          open={createOpen}
-+          open={createOpenLocal}
-           mode={{ kind: 'create' }}
-           onClose={() => setCreateOpen(false)}
-           onSuccess={(name) => {
-@@ -98,92 +197,127 @@
-   }
- 
-   return (
--    <div className="space-y-6">
-+    <section
-+      aria-label={t('dict.list.heading', { defaultValue: 'Каталог справочников' })}
-+      className="space-y-6"
-+    >
-       <PageHeader
-         title={t('nav.dictionaries')}
-         description={t('dict.list.subtitle')}
-         actions={createButton}
-       />
- 
--      <div className="flex flex-col sm:flex-row sm:items-center gap-3">
--        <div className="flex-1 max-w-md">
-+      {/* Row 1: search + scope chips */}
-+      <div className="flex flex-wrap items-center gap-3">
-+        <div className="flex-1 min-w-[280px] max-w-md">
-           <SearchInput
--            value={query}
--            onChange={(e) => setQuery(e.target.value)}
-+            value={search.q ?? ''}
-+            onChange={(e) => setSearch({ q: e.target.value })}
-             placeholder={t('dict.list.search.placeholder')}
-             aria-label={t('dict.list.search.placeholder')}
-           />
-         </div>
--        <span className="text-sm text-carbon/70">
--          {t('dict.list.found', { shown: filtered.length, total: data.length })}
--        </span>
--      </div>
- 
--      {filtered.length === 0 ? (
--        <EmptyState title={t('dict.list.search.empty')} />
--      ) : (
--        <div className="space-y-8">
-+        <div
-+          role="group"
-+          aria-label={t('dict.list.filter.scope', { defaultValue: 'Фильтр по области' })}
-+          className="flex items-center gap-1.5 flex-wrap"
-+        >
-           {SCOPE_ORDER.map((scope) => {
--            const items = groupedByScope[scope]
--            if (items.length === 0) return null
-+            const selected = scopeFilter.has(scope)
-+            const count = scopeCounts[scope]
-             return (
--              <section key={scope} className="space-y-3">
--                <h2 className="flex items-center gap-2 text-2xs uppercase tracking-label text-carbon/70">
--                  <span
--                    className={`inline-block size-2 rounded-full ${SCOPE_DOT[scope]}`}
--                    aria-hidden="true"
--                  />
--                  <span className="font-primary text-sm normal-case tracking-normal text-ultramarain">
--                    {t(`dict.list.section.${scope}`)}
--                  </span>
--                  <span className="text-carbon/50">· {items.length}</span>
--                </h2>
--                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
--                  {items.map((d) => (
--                    <Link
--                      key={d.id}
--                      to="/dictionaries/$name"
--                      params={{ name: d.name }}
--                      className={`relative block bg-white border border-regolith rounded-lg p-4 pl-5 transition shadow-card hover:shadow-hover hover:border-ultramarain/40 before:absolute before:left-0 before:top-0 before:bottom-0 before:w-1 before:rounded-l-lg ${SCOPE_ACCENT[d.scope]}`}
--                    >
--                      <div className="flex items-start justify-between mb-2 gap-2">
--                        <h3 className="font-primary text-base text-ultramarain">
--                          {d.displayName ?? d.name}
--                        </h3>
--                        <Badge variant="info">{d.scope}</Badge>
--                      </div>
--                      {d.description && (
--                        <p className="text-sm text-carbon line-clamp-2 mb-3">
--                          {d.description}
--                        </p>
--                      )}
--                      <div className="flex items-center justify-between gap-2 text-2xs uppercase tracking-label text-carbon/60">
--                        <div className="flex gap-2 min-w-0">
--                          <span className="truncate">v{d.schemaVersion}</span>
--                          <span>·</span>
--                          <span className="truncate">{d.bundle}</span>
--                          <span>·</span>
--                          <span className="truncate">
--                            {d.supportedLocales.join(', ')}
--                          </span>
--                        </div>
--                        {typeof d.recordCount === 'number' && (
--                          <Badge variant="neutral">
--                            {t('dict.list.recordCount', { count: d.recordCount })}
--                          </Badge>
--                        )}
--                      </div>
--                    </Link>
--                  ))}
--                </div>
--              </section>
-+              <button
-+                key={scope}
-+                type="button"
-+                onClick={() => toggleScope(scope)}
-+                aria-pressed={selected}
-+                className={`px-3 py-1.5 rounded-full text-2xs uppercase tracking-label flex items-center gap-1.5 border transition focus:outline-none focus:ring-2 focus:ring-ultramarain/40 ${
-+                  selected
-+                    ? 'border-ultramarain bg-orbit/40 text-ultramarain'
-+                    : 'border-regolith hover:border-ultramarain/60'
-+                }`}
-+              >
-+                <span
-+                  className={`inline-block size-2 rounded-full ${SCOPE_DOT[scope]}`}
-+                  aria-hidden="true"
-+                />
-+                {t(`dict.list.section.${scope}`)} · {count}
-+              </button>
-             )
-           })}
-         </div>
-+      </div>
-+
-+      {/* Row 2: sort + density + counts */}
-+      <div className="flex flex-wrap items-center justify-between gap-3 text-sm">
-+        <div className="flex items-center gap-3">
-+          <label className="flex items-center gap-2">
-+            <span className="text-2xs uppercase tracking-label text-carbon/70">
-+              {t('dict.list.sort.label', { defaultValue: 'Сорт' })}
-+            </span>
-+            <select
-+              value={sortKey}
-+              onChange={(e) =>
-+                setSearch({ sort: e.target.value as SortKey })
-+              }
-+              className="border border-regolith rounded-sm py-1 px-2 text-sm focus:border-ultramarain focus:outline-none focus:ring-2 focus:ring-ultramarain/40"
-+              aria-label={t('dict.list.sort.label', { defaultValue: 'Сорт' })}
-+            >
-+              <option value="name">{t('dict.list.sort.name')}</option>
-+              <option value="recordCount">{t('dict.list.sort.recordCount')}</option>
-+              <option value="updated">{t('dict.list.sort.updated')}</option>
-+            </select>
-+          </label>
-+
-+          <div
-+            role="group"
-+            aria-label={t('dict.list.density.label', { defaultValue: 'Плотность' })}
-+            className="hidden sm:flex border border-regolith rounded-sm overflow-hidden"
-+          >
-+            {DENSITY_OPTIONS.map((d) => (
-+              <button
-+                key={d}
-+                type="button"
-+                onClick={() => setSearch({ density: d })}
-+                aria-pressed={d === density}
-+                className={`px-3 py-1 text-2xs uppercase tracking-label transition focus:outline-none focus:ring-2 focus:ring-ultramarain/40 ${
-+                  d === density
-+                    ? 'bg-orbit/40 text-ultramarain'
-+                    : 'hover:bg-orbit/20'
-+                }`}
-+              >
-+                {t(`dict.list.density.${d}`)}
-+              </button>
-+            ))}
-+          </div>
-+        </div>
-+
-+        <span className="text-2xs uppercase tracking-label text-carbon/70">
-+          {t('dict.list.found', { shown: filtered.length, total: data.length })}
-+        </span>
-+      </div>
-+
-+      {/* Results */}
-+      {filtered.length === 0 ? (
-+        <div className="border border-regolith rounded-lg p-12 text-center bg-orbit/10">
-+          <p className="font-primary text-lg text-ultramarain mb-2">
-+            {t('dict.list.search.empty')}
-+          </p>
-+          {filtersActive && (
-+            <Button type="button" variant="ghost" onClick={resetFilters}>
-+              {t('dict.list.search.reset', { defaultValue: 'Сбросить фильтры' })}
-+            </Button>
-+          )}
-+        </div>
-+      ) : density === 'card' ? (
-+        <CardGrid items={filtered} />
-+      ) : (
-+        <DenseList items={filtered} t={t} />
-       )}
- 
-       <DictionaryEditorDialog
--        open={createOpen}
-+        open={createOpenLocal}
-         mode={{ kind: 'create' }}
-         onClose={() => setCreateOpen(false)}
-         onSuccess={(name) => {
-@@ -191,6 +325,124 @@
-           navigate({ to: '/dictionaries/$name', params: { name } })
-         }}
-       />
-+    </section>
-+  )
-+}
-+
-+// ===== Subcomponents =====
-+
-+const CardGrid = ({ items }: { items: DictionaryDefinition[] }) => {
-+  const { t } = useTranslation()
-+  return (
-+    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-+      {items.map((d) => (
-+        <Link
-+          key={d.id}
-+          to="/dictionaries/$name"
-+          params={{ name: d.name }}
-+          className={`relative block bg-white border border-regolith rounded-lg p-4 pl-5 transition shadow-card hover:shadow-hover hover:border-ultramarain/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ultramarain before:absolute before:left-0 before:top-0 before:bottom-0 before:w-1 before:rounded-l-lg ${SCOPE_ACCENT[d.scope]}`}
-+        >
-+          <div className="flex items-start justify-between mb-2 gap-2">
-+            <h3 className="font-primary text-base text-ultramarain">
-+              {d.displayName ?? d.name}
-+            </h3>
-+            <div className="flex gap-1 shrink-0 flex-wrap justify-end">
-+              {d.approvalRequired && (
-+                <Badge variant="warning">
-+                  {t('dict.list.approval', { defaultValue: 'approval' })}
-+                </Badge>
-+              )}
-+              <Badge variant="info">{d.scope}</Badge>
-+            </div>
-+          </div>
-+          {d.description && (
-+            <p className="text-sm text-carbon line-clamp-2 mb-3">{d.description}</p>
-+          )}
-+          <div className="flex items-center justify-between gap-2 text-2xs uppercase tracking-label text-carbon/60">
-+            <div className="flex gap-2 min-w-0">
-+              <span className="truncate">v{d.schemaVersion}</span>
-+              <span>·</span>
-+              <span className="truncate">{d.bundle}</span>
-+              <span>·</span>
-+              <span className="truncate">{d.supportedLocales.join(', ')}</span>
-+            </div>
-+            {typeof d.recordCount === 'number' && (
-+              <Badge variant="neutral">
-+                {t('dict.list.recordCount', { count: d.recordCount })}
-+              </Badge>
-+            )}
-+          </div>
-+        </Link>
-+      ))}
-     </div>
-   )
- }
-+
-+const DenseList = ({
-+  items,
-+  t,
-+}: {
-+  items: DictionaryDefinition[]
-+  t: ReturnType<typeof useTranslation>['t']
-+}) => (
-+  <div className="border border-regolith rounded-lg overflow-hidden">
-+    <div
-+      className="grid grid-cols-[24px_1fr_120px_80px_120px_80px] gap-3 px-4 py-2 bg-orbit/20 text-2xs uppercase tracking-label text-carbon/70 border-b border-regolith"
-+      role="row"
-+    >
-+      <span aria-hidden="true" />
-+      <span>{t('dict.list.col.name', { defaultValue: 'Название' })}</span>
-+      <span>{t('dict.list.col.bundle', { defaultValue: 'Bundle' })}</span>
-+      <span>{t('dict.list.col.version', { defaultValue: 'Версия' })}</span>
-+      <span>{t('dict.list.col.locales', { defaultValue: 'Локали' })}</span>
-+      <span className="text-right">
-+        {t('dict.list.col.records', { defaultValue: 'Записи' })}
-+      </span>
-+    </div>
-+    {items.map((d) => (
-+      <Link
-+        key={d.id}
-+        to="/dictionaries/$name"
-+        params={{ name: d.name }}
-+        className="grid grid-cols-[24px_1fr_120px_80px_120px_80px] gap-3 items-center px-4 py-2.5 hover:bg-orbit/20 border-b border-regolith last:border-0 group focus-visible:outline-none focus-visible:bg-orbit/30 focus-visible:ring-2 focus-visible:ring-ultramarain/40"
-+      >
-+        <span
-+          className={`size-2 rounded-full justify-self-center ${SCOPE_DOT[d.scope]}`}
-+          aria-label={d.scope}
-+        />
-+        <div className="min-w-0 flex items-center gap-2">
-+          <span className="font-primary text-sm text-ultramarain group-hover:underline truncate">
-+            {d.displayName ?? d.name}
-+          </span>
-+          <span className="text-2xs text-carbon/60 truncate">{d.name}</span>
-+          {d.approvalRequired && (
-+            <Badge variant="warning">
-+              {t('dict.list.approval', { defaultValue: 'approval' })}
-+            </Badge>
-+          )}
-+        </div>
-+        <span className="text-2xs text-carbon/70 truncate">{d.bundle}</span>
-+        <span className="text-2xs text-carbon/70">v{d.schemaVersion}</span>
-+        <span className="text-2xs text-carbon/70 truncate">
-+          {d.supportedLocales.join(', ')}
-+        </span>
-+        <span className="text-2xs text-carbon font-medium text-right">
-+          {d.recordCount ?? '—'}
-+        </span>
-+      </Link>
-+    ))}
-+  </div>
-+)
-+
-+// ===== Helpers =====
-+
-+import { useState } from 'react'
-+
-+/**
-+ * useState wrapper для местного toggle. Inline здесь чтобы proposed.tsx
-+ * был self-contained без extra hook file. В production можно extract.
-+ */
-+function useLocalToggle(initial: boolean): [boolean, (v: boolean) => void] {
-+  const [value, setValue] = useState(initial)
-+  return [value, setValue]
-+}
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/patches/README.md b/ordinis-admin-ui/design_handoff_dictionary_catalog/patches/README.md
new file mode 100644
index 0000000..9a741c4
--- /dev/null
+++ b/ordinis-admin-ui/design_handoff_dictionary_catalog/patches/README.md
@@ -0,0 +1,133 @@
+# Patches for @nstart/ui
+
+## How to apply
+
+```bash
+pnpm patch @nstart/ui
+# pnpm prints a temp directory, e.g.:
+#   /private/var/.../node_modules/.pnpm-patches/@nstart__ui@0.1.3
+# открой dist/index.js (или index.mjs — оба файла) в этом каталоге, внеси правки ниже,
+# затем:
+pnpm patch-commit /private/var/.../node_modules/.pnpm-patches/@nstart__ui@0.1.3
+# pnpm создаст файл patches/@nstart__ui@0.1.3.patch и пропишет в package.json:
+#   "pnpm": { "patchedDependencies": { "@nstart/ui@0.1.3": "patches/@nstart__ui@0.1.3.patch" } }
+```
+
+После этого `pnpm install` будет применять патч автоматически.
+
+## Что менять — Select / MultiSelect / DatePicker popover
+
+Все три компонента рендерят выпадашку **inline**, поэтому в модалках с
+`overflow:auto` она клипается, а в формах двигает разметку. Нужно перевести
+рендер popover в портал на `document.body` + `position: fixed`.
+
+### Шаги
+
+1. **Найти Popover-блок.** В `dist/index.js` ищи маркер открытия — у nstart-ui
+   это обычно `data-nstart-popover` или вызов компонента `Popover` /
+   `Dropdown`. Внутри будет что-то вроде:
+
+   ```jsx
+   {open && (
+     <div className="nstart-select__popover" style={{position:'absolute', ...}}>
+       …
+     </div>
+   )}
+   ```
+
+2. **Обернуть в portal.** Импортировать `createPortal` из `react-dom` (он в
+   bundle уже есть как peer-dep) и заменить:
+
+   ```jsx
+   {open && createPortal(
+     <div
+       className="nstart-select__popover"
+       style={{
+         position: 'fixed',
+         top:    triggerRect.bottom + 4,
+         left:   triggerRect.left,
+         width:  triggerRect.width,
+         zIndex: 9999,           // выше Modal (у nstart обычно 1000)
+       }}
+       data-nstart-popover-portal=""
+     >
+       …
+     </div>,
+     document.body
+   )}
+   ```
+
+3. **Считать позицию trigger'а.** Trigger уже хранится в ref. Нужно вычислять
+   его `getBoundingClientRect()` при `open === true` и при window
+   resize/scroll. Добавить хук:
+
+   ```jsx
+   const [rect, setRect] = useState(null);
+   useLayoutEffect(() => {
+     if (!open) return;
+     const update = () => setRect(triggerRef.current?.getBoundingClientRect());
+     update();
+     window.addEventListener('resize', update);
+     window.addEventListener('scroll', update, true); // capture — для модалок со внутренним скроллом
+     return () => {
+       window.removeEventListener('resize', update);
+       window.removeEventListener('scroll', update, true);
+     };
+   }, [open]);
+   ```
+
+4. **Закрытие по клику вне.** Если nstart использует `event.target` внутри
+   trigger-контейнера — после портала это сломается, потому что popover теперь
+   вне DOM-дерева trigger'а. Заменить на проверку через
+   `triggerRef.current.contains(target) || popoverRef.current.contains(target)`.
+
+5. **Auto-flip (если popover вылазит за viewport).** Добавить:
+   ```js
+   const willOverflow = rect.bottom + popoverHeight > window.innerHeight;
+   const top = willOverflow ? rect.top - popoverHeight - 4 : rect.bottom + 4;
+   ```
+
+### Те же правки для DatePicker
+
+`@nstart/ui` DatePicker имеет ту же проблему — его календарь рендерится inline.
+Найти `nstart-datepicker__panel` и обернуть тем же `createPortal`.
+
+### Тот же фикс для Checkbox indeterminate (баг #17)
+
+В `dist/index.js` найти `Checkbox` компонент. Скорее всего:
+
+```jsx
+const Checkbox = forwardRef((props, ref) => (
+  <label ref={ref} ...>
+    <input type="checkbox" ... />
+  </label>
+));
+```
+
+ref привязан к `<label>`, а не к `<input>`, поэтому `el.indeterminate` молча
+игнорируется. Заменить на:
+
+```jsx
+const Checkbox = forwardRef(({ indeterminate, ...props }, ref) => {
+  const innerRef = useRef(null);
+  useImperativeHandle(ref, () => innerRef.current);
+  useEffect(() => {
+    if (innerRef.current) innerRef.current.indeterminate = !!indeterminate;
+  }, [indeterminate]);
+  return <label ...><input ref={innerRef} type="checkbox" {...props}/></label>;
+});
+```
+
+— и в местах использования передавать `indeterminate` как **prop**, а не
+устанавливать через ref:
+
+```diff
+- <Checkbox ref={el => { if (el) el.indeterminate = …; }} />
++ <Checkbox indeterminate={partial} />
+```
+
+## Альтернатива — wrapper (если patch ломается на upgrade)
+
+Для critical-path компонентов (Select, MultiSelect) можно завести
+`src/ui/Select.tsx` поверх Radix Select / cmdk и подменить импорт через
+barrel-файл `src/ui/index.ts`. Подробности в обзорном файле `review.md`.
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/proposed.tsx b/ordinis-admin-ui/design_handoff_dictionary_catalog/proposed.tsx
deleted file mode 100644
index 830eab4..0000000
--- a/ordinis-admin-ui/design_handoff_dictionary_catalog/proposed.tsx
+++ /dev/null
@@ -1,448 +0,0 @@
-/**
- * Dictionary Catalog v2 — proposed.tsx
- *
- * Drop-in replacement для `routes/dictionaries.index.tsx`.
- *
- * Что нового vs v1:
- * - URL search params (q / scope / sort / density) — shareable + survives refresh.
- * - Multi-scope filter (chips) вместо forced grouping.
- * - Sort dropdown (name / recordCount / updated).
- * - Density toggle (card / dense list).
- * - Approval-required badge на карточках.
- *
- * См. design_handoff_dictionary_catalog/README.md для полного спека.
- */
-import { useDeferredValue, useMemo } from 'react'
-import { createFileRoute, Link, useNavigate } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
-import { z } from 'zod'
-import {
-  Alert,
-  Badge,
-  Button,
-  EmptyState,
-  LoadingBlock,
-  PageHeader,
-  SearchInput,
-} from '@nstart/ui'
-import { PlusIcon } from '@phosphor-icons/react'
-import { useDictionaries } from '@/api/queries'
-import type { DataScope, DictionaryDefinition } from '@/api/client'
-import { DictionaryEditorDialog } from '@/components/schema/DictionaryEditorDialog'
-import { SCOPE_ACCENT, SCOPE_DOT, SCOPE_ORDER } from '@/lib/scope-style'
-
-const SORT_OPTIONS = ['name', 'recordCount', 'updated'] as const
-type SortKey = (typeof SORT_OPTIONS)[number]
-const DENSITY_OPTIONS = ['card', 'dense'] as const
-type Density = (typeof DENSITY_OPTIONS)[number]
-
-const searchSchema = z.object({
-  q: z.string().optional(),
-  // CSV "PUBLIC,INTERNAL" — TanStack Router validate'ит и normalize'ит до Set.
-  scope: z.string().optional(),
-  sort: z.enum(SORT_OPTIONS).optional(),
-  density: z.enum(DENSITY_OPTIONS).optional(),
-})
-
-export const Route = createFileRoute('/dictionaries/')({
-  validateSearch: searchSchema,
-  component: DictionariesPage,
-})
-
-const parseScopeFilter = (csv: string | undefined): Set<DataScope> => {
-  if (!csv) return new Set()
-  const valid: DataScope[] = ['PUBLIC', 'INTERNAL', 'RESTRICTED']
-  const found = csv
-    .split(',')
-    .map((s) => s.trim().toUpperCase())
-    .filter((s): s is DataScope => valid.includes(s as DataScope))
-  return new Set(found)
-}
-
-const matchesQuery = (d: DictionaryDefinition, q: string): boolean => {
-  if (!q) return true
-  const haystack = [d.name, d.displayName ?? '', d.description ?? '']
-    .join(' ')
-    .toLowerCase()
-  return haystack.includes(q)
-}
-
-const sortDicts = (
-  list: DictionaryDefinition[],
-  key: SortKey,
-): DictionaryDefinition[] => {
-  const copy = [...list]
-  switch (key) {
-    case 'name':
-      return copy.sort((a, b) =>
-        (a.displayName ?? a.name).localeCompare(b.displayName ?? b.name),
-      )
-    case 'recordCount':
-      return copy.sort((a, b) => (b.recordCount ?? 0) - (a.recordCount ?? 0))
-    case 'updated':
-      return copy.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt))
-  }
-}
-
-function DictionariesPage() {
-  const { t } = useTranslation()
-  const navigate = useNavigate({ from: '/dictionaries/' })
-  const search = Route.useSearch()
-  const { data, isLoading, error } = useDictionaries()
-
-  const q = (search.q ?? '').trim().toLowerCase()
-  const deferredQuery = useDeferredValue(q)
-  const scopeFilter = useMemo(() => parseScopeFilter(search.scope), [search.scope])
-  const sortKey: SortKey = search.sort ?? 'name'
-  const density: Density = search.density ?? 'card'
-
-  // create modal — local state, не URL (модалки — transient, refresh-сбрасываем).
-  // Использовать useState напрямую без useState import — переписали через
-  // search-state pattern был бы over-engineered.
-  const createOpen = search.q === '__create__' // sentinel — нет, используем state ниже
-  // Note: для modal'а оставляем useState, на URL не выносим (см. README "Out of scope").
-  // (В продакшен-версии: createOpen + setCreateOpen в useState).
-
-  const filtered = useMemo(() => {
-    if (!data) return []
-    const byScope =
-      scopeFilter.size === 0
-        ? data
-        : data.filter((d) => scopeFilter.has(d.scope))
-    const byQuery = byScope.filter((d) => matchesQuery(d, deferredQuery))
-    return sortDicts(byQuery, sortKey)
-  }, [data, deferredQuery, scopeFilter, sortKey])
-
-  const scopeCounts = useMemo(() => {
-    const out: Record<DataScope, number> = { PUBLIC: 0, INTERNAL: 0, RESTRICTED: 0 }
-    if (data) for (const d of data) out[d.scope]++
-    return out
-  }, [data])
-
-  const setSearch = (next: Partial<z.infer<typeof searchSchema>>) => {
-    navigate({
-      search: (prev) => {
-        const merged = { ...prev, ...next }
-        // Убираем default values чтобы URL был чистым.
-        if (!merged.q) delete merged.q
-        if (!merged.scope) delete merged.scope
-        if (merged.sort === 'name') delete merged.sort
-        if (merged.density === 'card') delete merged.density
-        return merged
-      },
-    })
-  }
-
-  const toggleScope = (scope: DataScope) => {
-    const next = new Set(scopeFilter)
-    if (next.has(scope)) next.delete(scope)
-    else next.add(scope)
-    setSearch({
-      scope: next.size === 0 ? undefined : Array.from(next).join(','),
-    })
-  }
-
-  const resetFilters = () => {
-    navigate({ search: {} })
-  }
-
-  const filtersActive = Boolean(q) || scopeFilter.size > 0
-
-  // Modal state via useState pattern — keep local, not URL (per spec).
-  const [createOpenLocal, setCreateOpen] = useLocalToggle(false)
-
-  const createButton = (
-    <Button
-      type="button"
-      variant="primary"
-      leftIcon={<PlusIcon weight="bold" size={16} />}
-      onClick={() => setCreateOpen(true)}
-    >
-      {t('schema.action.create')}
-    </Button>
-  )
-
-  if (isLoading) {
-    return <LoadingBlock size="md" label={t('loading')} />
-  }
-
-  if (error) {
-    return (
-      <Alert variant="error" title={t('error.failed')}>
-        {String(error)}
-      </Alert>
-    )
-  }
-
-  if (!data || data.length === 0) {
-    return (
-      <div className="space-y-6">
-        <PageHeader
-          title={t('nav.dictionaries')}
-          description={t('dict.list.subtitle')}
-          actions={createButton}
-        />
-        <EmptyState title={t('dict.empty')} />
-        <DictionaryEditorDialog
-          open={createOpenLocal}
-          mode={{ kind: 'create' }}
-          onClose={() => setCreateOpen(false)}
-          onSuccess={(name) => {
-            setCreateOpen(false)
-            navigate({ to: '/dictionaries/$name', params: { name } })
-          }}
-        />
-      </div>
-    )
-  }
-
-  return (
-    <section
-      aria-label={t('dict.list.heading', { defaultValue: 'Каталог справочников' })}
-      className="space-y-6"
-    >
-      <PageHeader
-        title={t('nav.dictionaries')}
-        description={t('dict.list.subtitle')}
-        actions={createButton}
-      />
-
-      {/* Row 1: search + scope chips */}
-      <div className="flex flex-wrap items-center gap-3">
-        <div className="flex-1 min-w-[280px] max-w-md">
-          <SearchInput
-            value={search.q ?? ''}
-            onChange={(e) => setSearch({ q: e.target.value })}
-            placeholder={t('dict.list.search.placeholder')}
-            aria-label={t('dict.list.search.placeholder')}
-          />
-        </div>
-
-        <div
-          role="group"
-          aria-label={t('dict.list.filter.scope', { defaultValue: 'Фильтр по области' })}
-          className="flex items-center gap-1.5 flex-wrap"
-        >
-          {SCOPE_ORDER.map((scope) => {
-            const selected = scopeFilter.has(scope)
-            const count = scopeCounts[scope]
-            return (
-              <button
-                key={scope}
-                type="button"
-                onClick={() => toggleScope(scope)}
-                aria-pressed={selected}
-                className={`px-3 py-1.5 rounded-full text-2xs uppercase tracking-label flex items-center gap-1.5 border transition focus:outline-none focus:ring-2 focus:ring-ultramarain/40 ${
-                  selected
-                    ? 'border-ultramarain bg-orbit/40 text-ultramarain'
-                    : 'border-regolith hover:border-ultramarain/60'
-                }`}
-              >
-                <span
-                  className={`inline-block size-2 rounded-full ${SCOPE_DOT[scope]}`}
-                  aria-hidden="true"
-                />
-                {t(`dict.list.section.${scope}`)} · {count}
-              </button>
-            )
-          })}
-        </div>
-      </div>
-
-      {/* Row 2: sort + density + counts */}
-      <div className="flex flex-wrap items-center justify-between gap-3 text-sm">
-        <div className="flex items-center gap-3">
-          <label className="flex items-center gap-2">
-            <span className="text-2xs uppercase tracking-label text-carbon/70">
-              {t('dict.list.sort.label', { defaultValue: 'Сорт' })}
-            </span>
-            <select
-              value={sortKey}
-              onChange={(e) =>
-                setSearch({ sort: e.target.value as SortKey })
-              }
-              className="border border-regolith rounded-sm py-1 px-2 text-sm focus:border-ultramarain focus:outline-none focus:ring-2 focus:ring-ultramarain/40"
-              aria-label={t('dict.list.sort.label', { defaultValue: 'Сорт' })}
-            >
-              <option value="name">{t('dict.list.sort.name')}</option>
-              <option value="recordCount">{t('dict.list.sort.recordCount')}</option>
-              <option value="updated">{t('dict.list.sort.updated')}</option>
-            </select>
-          </label>
-
-          <div
-            role="group"
-            aria-label={t('dict.list.density.label', { defaultValue: 'Плотность' })}
-            className="hidden sm:flex border border-regolith rounded-sm overflow-hidden"
-          >
-            {DENSITY_OPTIONS.map((d) => (
-              <button
-                key={d}
-                type="button"
-                onClick={() => setSearch({ density: d })}
-                aria-pressed={d === density}
-                className={`px-3 py-1 text-2xs uppercase tracking-label transition focus:outline-none focus:ring-2 focus:ring-ultramarain/40 ${
-                  d === density
-                    ? 'bg-orbit/40 text-ultramarain'
-                    : 'hover:bg-orbit/20'
-                }`}
-              >
-                {t(`dict.list.density.${d}`)}
-              </button>
-            ))}
-          </div>
-        </div>
-
-        <span className="text-2xs uppercase tracking-label text-carbon/70">
-          {t('dict.list.found', { shown: filtered.length, total: data.length })}
-        </span>
-      </div>
-
-      {/* Results */}
-      {filtered.length === 0 ? (
-        <div className="border border-regolith rounded-lg p-12 text-center bg-orbit/10">
-          <p className="font-primary text-lg text-ultramarain mb-2">
-            {t('dict.list.search.empty')}
-          </p>
-          {filtersActive && (
-            <Button type="button" variant="ghost" onClick={resetFilters}>
-              {t('dict.list.search.reset', { defaultValue: 'Сбросить фильтры' })}
-            </Button>
-          )}
-        </div>
-      ) : density === 'card' ? (
-        <CardGrid items={filtered} />
-      ) : (
-        <DenseList items={filtered} t={t} />
-      )}
-
-      <DictionaryEditorDialog
-        open={createOpenLocal}
-        mode={{ kind: 'create' }}
-        onClose={() => setCreateOpen(false)}
-        onSuccess={(name) => {
-          setCreateOpen(false)
-          navigate({ to: '/dictionaries/$name', params: { name } })
-        }}
-      />
-    </section>
-  )
-}
-
-// ===== Subcomponents =====
-
-const CardGrid = ({ items }: { items: DictionaryDefinition[] }) => {
-  const { t } = useTranslation()
-  return (
-    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-      {items.map((d) => (
-        <Link
-          key={d.id}
-          to="/dictionaries/$name"
-          params={{ name: d.name }}
-          className={`relative block bg-white border border-regolith rounded-lg p-4 pl-5 transition shadow-card hover:shadow-hover hover:border-ultramarain/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ultramarain before:absolute before:left-0 before:top-0 before:bottom-0 before:w-1 before:rounded-l-lg ${SCOPE_ACCENT[d.scope]}`}
-        >
-          <div className="flex items-start justify-between mb-2 gap-2">
-            <h3 className="font-primary text-base text-ultramarain">
-              {d.displayName ?? d.name}
-            </h3>
-            <div className="flex gap-1 shrink-0 flex-wrap justify-end">
-              {d.approvalRequired && (
-                <Badge variant="warning">
-                  {t('dict.list.approval', { defaultValue: 'approval' })}
-                </Badge>
-              )}
-              <Badge variant="info">{d.scope}</Badge>
-            </div>
-          </div>
-          {d.description && (
-            <p className="text-sm text-carbon line-clamp-2 mb-3">{d.description}</p>
-          )}
-          <div className="flex items-center justify-between gap-2 text-2xs uppercase tracking-label text-carbon/60">
-            <div className="flex gap-2 min-w-0">
-              <span className="truncate">v{d.schemaVersion}</span>
-              <span>·</span>
-              <span className="truncate">{d.bundle}</span>
-              <span>·</span>
-              <span className="truncate">{d.supportedLocales.join(', ')}</span>
-            </div>
-            {typeof d.recordCount === 'number' && (
-              <Badge variant="neutral">
-                {t('dict.list.recordCount', { count: d.recordCount })}
-              </Badge>
-            )}
-          </div>
-        </Link>
-      ))}
-    </div>
-  )
-}
-
-const DenseList = ({
-  items,
-  t,
-}: {
-  items: DictionaryDefinition[]
-  t: ReturnType<typeof useTranslation>['t']
-}) => (
-  <div className="border border-regolith rounded-lg overflow-hidden">
-    <div
-      className="grid grid-cols-[24px_1fr_120px_80px_120px_80px] gap-3 px-4 py-2 bg-orbit/20 text-2xs uppercase tracking-label text-carbon/70 border-b border-regolith"
-      role="row"
-    >
-      <span aria-hidden="true" />
-      <span>{t('dict.list.col.name', { defaultValue: 'Название' })}</span>
-      <span>{t('dict.list.col.bundle', { defaultValue: 'Bundle' })}</span>
-      <span>{t('dict.list.col.version', { defaultValue: 'Версия' })}</span>
-      <span>{t('dict.list.col.locales', { defaultValue: 'Локали' })}</span>
-      <span className="text-right">
-        {t('dict.list.col.records', { defaultValue: 'Записи' })}
-      </span>
-    </div>
-    {items.map((d) => (
-      <Link
-        key={d.id}
-        to="/dictionaries/$name"
-        params={{ name: d.name }}
-        className="grid grid-cols-[24px_1fr_120px_80px_120px_80px] gap-3 items-center px-4 py-2.5 hover:bg-orbit/20 border-b border-regolith last:border-0 group focus-visible:outline-none focus-visible:bg-orbit/30 focus-visible:ring-2 focus-visible:ring-ultramarain/40"
-      >
-        <span
-          className={`size-2 rounded-full justify-self-center ${SCOPE_DOT[d.scope]}`}
-          aria-label={d.scope}
-        />
-        <div className="min-w-0 flex items-center gap-2">
-          <span className="font-primary text-sm text-ultramarain group-hover:underline truncate">
-            {d.displayName ?? d.name}
-          </span>
-          <span className="text-2xs text-carbon/60 truncate">{d.name}</span>
-          {d.approvalRequired && (
-            <Badge variant="warning">
-              {t('dict.list.approval', { defaultValue: 'approval' })}
-            </Badge>
-          )}
-        </div>
-        <span className="text-2xs text-carbon/70 truncate">{d.bundle}</span>
-        <span className="text-2xs text-carbon/70">v{d.schemaVersion}</span>
-        <span className="text-2xs text-carbon/70 truncate">
-          {d.supportedLocales.join(', ')}
-        </span>
-        <span className="text-2xs text-carbon font-medium text-right">
-          {d.recordCount ?? '—'}
-        </span>
-      </Link>
-    ))}
-  </div>
-)
-
-// ===== Helpers =====
-
-import { useState } from 'react'
-
-/**
- * useState wrapper для местного toggle. Inline здесь чтобы proposed.tsx
- * был self-contained без extra hook file. В production можно extract.
- */
-function useLocalToggle(initial: boolean): [boolean, (v: boolean) => void] {
-  const [value, setValue] = useState(initial)
-  return [value, setValue]
-}
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/prototype.html b/ordinis-admin-ui/design_handoff_dictionary_catalog/prototype.html
deleted file mode 100644
index 82257bd..0000000
--- a/ordinis-admin-ui/design_handoff_dictionary_catalog/prototype.html
+++ /dev/null
@@ -1,274 +0,0 @@
-<!doctype html>
-<html lang="ru-RU">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Dictionary Catalog v2 — Prototype</title>
-  <script src="https://cdn.tailwindcss.com"></script>
-  <style>
-    @import url('https://fonts.googleapis.com/css2?family=Tektur:wght@400;500;700&family=Onest:wght@400;500;600&display=swap');
-    :root {
-      --color-ultramarain: #120a8f;
-      --color-carbon: #4a4a4a;
-      --color-regolith: #dedede;
-      --color-orbit: #bfeaff;
-      --color-aurora: #1fe589;
-      --color-solar: #f28c40;
-      --color-mars: #d91616;
-      --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.08);
-      --shadow-hover: 0 4px 16px rgba(18, 10, 143, 0.12);
-    }
-    body { font-family: 'Onest', sans-serif; color: #000; background: #fff; }
-    .font-primary { font-family: 'Tektur', sans-serif; }
-    .text-ultramarain { color: var(--color-ultramarain); }
-    .border-ultramarain { border-color: var(--color-ultramarain); }
-    .ring-ultramarain { --tw-ring-color: var(--color-ultramarain); }
-    .text-carbon { color: var(--color-carbon); }
-    .border-regolith { border-color: var(--color-regolith); }
-    .bg-orbit { background: var(--color-orbit); }
-    .bg-orbit\/20 { background: rgba(191, 234, 255, 0.2); }
-    .shadow-card { box-shadow: var(--shadow-card); }
-    .shadow-hover { box-shadow: var(--shadow-hover); }
-    .tracking-label { letter-spacing: 0.04em; }
-    .text-2xs { font-size: 0.7rem; line-height: 1rem; }
-    .scope-PUBLIC { background: var(--color-aurora); }
-    .scope-INTERNAL { background: var(--color-solar); }
-    .scope-RESTRICTED { background: var(--color-mars); }
-    .accent-PUBLIC::before { background: var(--color-aurora); }
-    .accent-INTERNAL::before { background: var(--color-solar); }
-    .accent-RESTRICTED::before { background: var(--color-mars); }
-    .accent-PUBLIC::before, .accent-INTERNAL::before, .accent-RESTRICTED::before {
-      content: ''; position: absolute; left: 0; top: 0; bottom: 0;
-      width: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;
-    }
-  </style>
-</head>
-<body>
-<div class="min-h-screen flex flex-col bg-white">
-
-  <!-- Header skeleton -->
-  <header class="border-b border-regolith bg-white">
-    <div class="max-w-6xl mx-auto px-6 py-4 flex items-center gap-6">
-      <a href="#" class="font-primary text-lg text-ultramarain">Ordinis</a>
-      <nav class="flex gap-4 text-sm text-carbon">
-        <span class="text-ultramarain font-medium">Справочники</span>
-        <span>Аудит</span>
-        <span>Outbox</span>
-        <span>Webhooks</span>
-        <span>Поиск</span>
-        <span>Согласования</span>
-      </nav>
-      <span class="ml-auto text-2xs text-carbon">User · ru-RU</span>
-    </div>
-  </header>
-
-  <main class="max-w-6xl mx-auto px-6 py-8 w-full space-y-6">
-
-    <!-- PageHeader -->
-    <div class="flex items-start justify-between gap-4">
-      <div>
-        <h1 class="font-primary text-2xl text-ultramarain">Справочники</h1>
-        <p class="mt-1 text-sm text-carbon/70">Каталоги НСИ ЦУОД ОДХ — 42 справочника, 3 области</p>
-      </div>
-      <button class="bg-ultramarain text-white px-4 py-2 rounded-sm flex items-center gap-2 text-sm" style="background: var(--color-ultramarain);">
-        <span class="text-base leading-none">+</span>
-        Создать
-      </button>
-    </div>
-
-    <!-- Filter row 1: search + scope chips -->
-    <div class="flex flex-wrap items-center gap-3">
-      <div class="flex-1 min-w-[280px] max-w-md relative">
-        <input
-          type="search"
-          placeholder="Найти по названию или описанию…"
-          class="w-full pl-9 pr-3 py-2 border border-regolith rounded-sm text-sm focus:border-ultramarain focus:outline-none focus:ring-2 focus:ring-ultramarain/20"
-          aria-label="Поиск справочников"
-        />
-        <span class="absolute left-3 top-1/2 -translate-y-1/2 text-carbon/50">⌕</span>
-      </div>
-
-      <div role="group" aria-label="Фильтр по области" class="flex items-center gap-1.5">
-        <button class="px-3 py-1.5 rounded-full text-2xs uppercase tracking-label flex items-center gap-1.5 border border-ultramarain bg-orbit/40" aria-pressed="true">
-          <span class="size-2 rounded-full scope-PUBLIC"></span>
-          Public · 18
-        </button>
-        <button class="px-3 py-1.5 rounded-full text-2xs uppercase tracking-label flex items-center gap-1.5 border border-regolith hover:border-ultramarain" aria-pressed="false">
-          <span class="size-2 rounded-full scope-INTERNAL"></span>
-          Internal · 16
-        </button>
-        <button class="px-3 py-1.5 rounded-full text-2xs uppercase tracking-label flex items-center gap-1.5 border border-regolith hover:border-ultramarain" aria-pressed="false">
-          <span class="size-2 rounded-full scope-RESTRICTED"></span>
-          Restricted · 8
-        </button>
-      </div>
-    </div>
-
-    <!-- Filter row 2: sort + density + counts -->
-    <div class="flex flex-wrap items-center justify-between gap-3 text-sm">
-      <div class="flex items-center gap-3">
-        <label class="flex items-center gap-2">
-          <span class="text-2xs uppercase tracking-label text-carbon/70">Сорт</span>
-          <select class="border border-regolith rounded-sm py-1 px-2 text-sm focus:border-ultramarain focus:outline-none">
-            <option>По названию</option>
-            <option>По количеству записей</option>
-            <option>По обновлению</option>
-          </select>
-        </label>
-
-        <div role="group" aria-label="Плотность" class="flex border border-regolith rounded-sm overflow-hidden">
-          <button class="px-3 py-1 text-2xs uppercase tracking-label bg-orbit/40 text-ultramarain" aria-pressed="true">Карточки</button>
-          <button class="px-3 py-1 text-2xs uppercase tracking-label hover:bg-orbit/20" aria-pressed="false">Список</button>
-        </div>
-      </div>
-
-      <span class="text-2xs uppercase tracking-label text-carbon/70">показано <strong class="text-carbon">18</strong> из <strong class="text-carbon">42</strong></span>
-    </div>
-
-    <!-- Cards (default density=card, sort=name, scope=PUBLIC selected only) -->
-    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-      <!-- Card 1 — PUBLIC -->
-      <a href="#" class="relative block bg-white border border-regolith rounded-lg p-4 pl-5 transition shadow-card hover:shadow-hover hover:border-ultramarain/40 accent-PUBLIC">
-        <div class="flex items-start justify-between mb-2 gap-2">
-          <h3 class="font-primary text-base text-ultramarain">Космические аппараты</h3>
-          <span class="text-2xs uppercase tracking-label px-2 py-0.5 rounded-full border border-regolith text-carbon">Public</span>
-        </div>
-        <p class="text-sm text-carbon line-clamp-2 mb-3">Реестр спутников и аппаратов в сборке/на орбите/выведенных. Поддерживается ЦУОД bundle v1.3.</p>
-        <div class="flex items-center justify-between gap-2 text-2xs uppercase tracking-label text-carbon/60">
-          <div class="flex gap-2 min-w-0">
-            <span>v1.0.0</span>
-            <span>·</span>
-            <span>cuod</span>
-            <span>·</span>
-            <span>ru-RU, en-US</span>
-          </div>
-          <span class="text-carbon">14 записей</span>
-        </div>
-      </a>
-
-      <!-- Card 2 — PUBLIC + approvalRequired -->
-      <a href="#" class="relative block bg-white border border-regolith rounded-lg p-4 pl-5 transition shadow-card hover:shadow-hover hover:border-ultramarain/40 accent-PUBLIC">
-        <div class="flex items-start justify-between mb-2 gap-2">
-          <h3 class="font-primary text-base text-ultramarain">Наземные станции</h3>
-          <div class="flex gap-1 shrink-0">
-            <span class="text-2xs uppercase tracking-label px-2 py-0.5 rounded-full bg-orbit/40 text-ultramarain border border-orbit" title="Требует approval">approval</span>
-            <span class="text-2xs uppercase tracking-label px-2 py-0.5 rounded-full border border-regolith text-carbon">Public</span>
-          </div>
-        </div>
-        <p class="text-sm text-carbon line-clamp-2 mb-3">ЦУОД ground stations — telemetry + command links. Координаты, антенны, частотные диапазоны.</p>
-        <div class="flex items-center justify-between gap-2 text-2xs uppercase tracking-label text-carbon/60">
-          <div class="flex gap-2 min-w-0">
-            <span>v1.0.0</span>
-            <span>·</span>
-            <span>cuod</span>
-            <span>·</span>
-            <span>ru-RU, en-US</span>
-          </div>
-          <span class="text-carbon">6 записей</span>
-        </div>
-      </a>
-
-      <!-- Card 3 — PUBLIC -->
-      <a href="#" class="relative block bg-white border border-regolith rounded-lg p-4 pl-5 transition shadow-card hover:shadow-hover hover:border-ultramarain/40 accent-PUBLIC">
-        <div class="flex items-start justify-between mb-2 gap-2">
-          <h3 class="font-primary text-base text-ultramarain">Орбитальные группы</h3>
-          <span class="text-2xs uppercase tracking-label px-2 py-0.5 rounded-full border border-regolith text-carbon">Public</span>
-        </div>
-        <p class="text-sm text-carbon line-clamp-2 mb-3">Constellation grouping — Glonass, Гонец, Sphere etc. с привязкой к spacecraft через FK.</p>
-        <div class="flex items-center justify-between gap-2 text-2xs uppercase tracking-label text-carbon/60">
-          <div class="flex gap-2 min-w-0">
-            <span>v1.0.0</span>
-            <span>·</span>
-            <span>cuod</span>
-            <span>·</span>
-            <span>ru-RU</span>
-          </div>
-          <span class="text-carbon">4 записи</span>
-        </div>
-      </a>
-    </div>
-
-    <!-- Section divider explaining "list/dense" mode -->
-    <div class="pt-12 border-t border-regolith">
-      <h2 class="font-primary text-base text-ultramarain mb-3">Альтернатива: density=dense (для опытных)</h2>
-      <p class="text-sm text-carbon/70 mb-4">Та же data — компактный list view, sortable.</p>
-
-      <div class="border border-regolith rounded-lg overflow-hidden">
-        <div class="grid grid-cols-[24px_1fr_120px_80px_120px_80px] gap-3 px-4 py-2 bg-orbit/20 text-2xs uppercase tracking-label text-carbon/70 border-b border-regolith">
-          <span></span>
-          <span>Название</span>
-          <span>Bundle</span>
-          <span>Версия</span>
-          <span>Локали</span>
-          <span class="text-right">Записи</span>
-        </div>
-
-        <a href="#" class="grid grid-cols-[24px_1fr_120px_80px_120px_80px] gap-3 items-center px-4 py-2.5 hover:bg-orbit/20 border-b border-regolith last:border-0 group">
-          <span class="size-2 rounded-full scope-PUBLIC justify-self-center"></span>
-          <div class="min-w-0">
-            <span class="font-primary text-sm text-ultramarain group-hover:underline">Космические аппараты</span>
-            <span class="text-2xs text-carbon/60 ml-2">spacecraft</span>
-          </div>
-          <span class="text-2xs text-carbon/70">cuod</span>
-          <span class="text-2xs text-carbon/70">v1.0.0</span>
-          <span class="text-2xs text-carbon/70 truncate">ru, en</span>
-          <span class="text-2xs text-carbon font-medium text-right">14</span>
-        </a>
-
-        <a href="#" class="grid grid-cols-[24px_1fr_120px_80px_120px_80px] gap-3 items-center px-4 py-2.5 hover:bg-orbit/20 border-b border-regolith last:border-0 group">
-          <span class="size-2 rounded-full scope-PUBLIC justify-self-center"></span>
-          <div class="min-w-0 flex items-center gap-2">
-            <span class="font-primary text-sm text-ultramarain group-hover:underline">Наземные станции</span>
-            <span class="text-2xs text-carbon/60">ground_station</span>
-            <span class="text-2xs uppercase tracking-label px-1.5 py-0 rounded-full bg-orbit/40 text-ultramarain border border-orbit">approval</span>
-          </div>
-          <span class="text-2xs text-carbon/70">cuod</span>
-          <span class="text-2xs text-carbon/70">v1.0.0</span>
-          <span class="text-2xs text-carbon/70 truncate">ru, en</span>
-          <span class="text-2xs text-carbon font-medium text-right">6</span>
-        </a>
-
-        <a href="#" class="grid grid-cols-[24px_1fr_120px_80px_120px_80px] gap-3 items-center px-4 py-2.5 hover:bg-orbit/20 border-b border-regolith last:border-0 group">
-          <span class="size-2 rounded-full scope-INTERNAL justify-self-center"></span>
-          <div class="min-w-0">
-            <span class="font-primary text-sm text-ultramarain group-hover:underline">Контрактные типы</span>
-            <span class="text-2xs text-carbon/60 ml-2">contract_type</span>
-          </div>
-          <span class="text-2xs text-carbon/70">cuod</span>
-          <span class="text-2xs text-carbon/70">v1.0.0</span>
-          <span class="text-2xs text-carbon/70 truncate">ru</span>
-          <span class="text-2xs text-carbon font-medium text-right">5</span>
-        </a>
-
-        <a href="#" class="grid grid-cols-[24px_1fr_120px_80px_120px_80px] gap-3 items-center px-4 py-2.5 hover:bg-orbit/20 border-b border-regolith last:border-0 group">
-          <span class="size-2 rounded-full scope-RESTRICTED justify-self-center"></span>
-          <div class="min-w-0">
-            <span class="font-primary text-sm text-ultramarain group-hover:underline">Военные коды</span>
-            <span class="text-2xs text-carbon/60 ml-2">mil_code</span>
-          </div>
-          <span class="text-2xs text-carbon/70">cuod</span>
-          <span class="text-2xs text-carbon/70">v1.0.0</span>
-          <span class="text-2xs text-carbon/70 truncate">ru</span>
-          <span class="text-2xs text-carbon font-medium text-right">12</span>
-        </a>
-      </div>
-    </div>
-
-    <!-- Empty state preview -->
-    <div class="pt-12 border-t border-regolith">
-      <h2 class="font-primary text-base text-ultramarain mb-3">Empty state (filter excludes all)</h2>
-      <div class="border border-regolith rounded-lg p-12 text-center bg-orbit/10">
-        <p class="font-primary text-lg text-ultramarain mb-2">Ничего не найдено</p>
-        <p class="text-sm text-carbon mb-4">По запросу «test» в области Public / Restricted нет справочников. Попробуйте другие фильтры.</p>
-        <button class="text-sm text-ultramarain border border-ultramarain px-3 py-1.5 rounded-sm hover:bg-orbit/40">Сбросить фильтры</button>
-      </div>
-    </div>
-
-  </main>
-
-  <footer class="mt-auto py-6 text-center text-2xs text-carbon/50 border-t border-regolith">
-    Ordinis Admin · v0.1.0 · Prototype Catalog v2 · Tokens из @nstart/ui theme
-  </footer>
-</div>
-</body>
-</html>
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/review.md b/ordinis-admin-ui/design_handoff_dictionary_catalog/review.md
index bcef8d2..3423498 100644
--- a/ordinis-admin-ui/design_handoff_dictionary_catalog/review.md
+++ b/ordinis-admin-ui/design_handoff_dictionary_catalog/review.md
@@ -1,217 +1,123 @@
-# Senior Frontend Review — Dictionary Catalog v2
+# Ordinis Admin UI — баги и улучшения
 
-Reviewer style: вживую разбираю плюсы / минусы / risk areas, чтобы maker
-мог итерировать до merge'а. Конкретные file paths + line refs там, где
-relevant. Severity: **🔴 blocking** | **🟡 nice-to-fix** | **🟢 taste call**.
+Обзор по итогам чтения `package.json`, `main.tsx`, `api/{client,queries,mutations}.ts`, `auth/*`, `routes/__root.tsx`, `routes/dictionaries.$name.tsx`, `components/form/SchemaDrivenForm.tsx`, `components/version/useAppVersion.ts`, `lib/dates.ts`, `i18n.ts`.
 
 ---
 
-## Архитектурно
+## 🐞 Реальные баги
 
-🟢 **URL-driven state — правильная ставка.** `?q&scope&sort&density` shareable
-для команды, survives refresh, делает back/forward работающими. Если
-backend bundle вырастет до 200+ справочников и понадобится pagination —
-эти params уже на месте, добавить `?page=` тривиально.
-
-🟢 **TanStack Router `validateSearch` через Zod.** Подход consistent с
-проектом (см. `routes/audit.tsx`), не вводим новых паттернов.
-
-🟡 **`scope=PUBLIC,INTERNAL` как CSV string vs `scope=PUBLIC&scope=INTERNAL`
-duplicate keys.** CSV проще чтении и URL'е компактнее, но TanStack Router
-natively support'ит `array` через `parse-as`. Если хочется быть pure —
-переехать на array. Для v2 CSV ОК (одно место парсит, `parseScopeFilter`
-helper уже изолирует).
-
-🟢 **`useMemo` на filter+sort + `useDeferredValue` на q.** Правильный паттерн,
-keystroke не блокирует render (Tag input → 60fps на 100 dicts). Если
-deps растут — extract в `useDictionariesFiltered(data, search)` hook,
-будет легче тестить.
-
----
-
-## Edge cases / Bugs (🔴 blocking, 🟡 nice-to-fix)
-
-🔴 **Inline `useState`+import внизу файла — SSR-unsafe pattern.** В строке
-260 `proposed.tsx`:
+### 1. `time-travel`: повреждённое значение в `<input type="datetime-local">`
+`routes/dictionaries.$name.tsx`:
 ```ts
-import { useState } from 'react'  // <-- imported AFTER component definition
-function useLocalToggle(initial: boolean) { ... }
+value={timeTravelAt ? new Date(timeTravelAt).toISOString().slice(0,16) : ''}
 ```
-Hoisting спасает, но TypeScript / linter ругаться будут. Поднять `useState`
-в top imports + extract `useLocalToggle` в `lib/hooks/useToggle.ts`.
-
-🔴 **`createOpen` sentinel comment — мёртвый код.**
+`toISOString()` всегда отдаёт UTC. Если у пользователя часовой пояс `+03:00`, то значение в picker'е показывается на 3 часа раньше, чем выбрал пользователь, а `onChange` пишет обратно `new Date(value).toISOString()` (теперь уже трактует local) — день/время «уплывают» при каждом редактировании.
+**Фикс:** использовать local-форматтер (есть `formatIsoDate`/`extractTime` в `lib/dates`), или
 ```ts
-const createOpen = search.q === '__create__'  // <-- never used
+const d = new Date(timeTravelAt);
+const pad = (n:number)=>String(n).padStart(2,'0');
+const v = `${d.getFullYear()}-${pad(d.getMonth()+1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
 ```
-Удалить две строки + uncomment-only-now. Это leftover из draft'а —
-production должен быть clean.
 
-🟡 **Empty state UX при `data.length === 0` (no dicts at all).** Сейчас
-показывает Create button + EmptyState — норм. Но если `filtered.length === 0`
-из-за ALL filters активных — мы показываем "Сбросить фильтры", а не
-"Create a new one". Это правильно (user filtered, не пустая БД), но
-можно усилить копирайтом: "По текущим фильтрам ничего, попробуйте
-сбросить или **создайте новый справочник**".
+### 2. Дублирующиеся 401-интерсепторы → бесконечный цикл редиректов
+В `api/client.ts` уже стоит response-interceptor, который при 401 удаляет токен. В `auth/TokenSync.tsx` навешивается **второй** interceptor, который при 401 дёргает `signinSilent/Redirect`. Оба регистрируются — оба отрабатывают на одном и том же ошибочном ответе. Если `signinSilent` упадёт, может уйти в `signinRedirect` параллельно с уже идущим redirect (race). Рекомендую:
+- удалить response-handler из `api/client.ts`, оставить только в `TokenSync`;
+- guard'ить флагом `redirecting` (модульная переменная), чтобы один 401 не вызвал N редиректов из разных одновременных запросов.
 
-🟡 **`density=dense` на mobile → скрыт.** Per spec `hidden sm:flex` —
-mobile видит только cards. Norm decision (узкие экраны не подходят для
-multi-column dense table), но user, если открыл shared link с
-`?density=dense`, увидит cards без feedback'а. Минор: показать tiny hint
-"density unavailable on narrow viewport" под controls'ами.
+### 3. Race в `TokenSync` + `apiClient.defaults`
+`apiClient.defaults.headers.common['Authorization']` ставится в `useEffect`, но request-interceptor в `api/client.ts` каждый раз сам читает токен из `localStorage`. Получается двойная синхронизация и при выходе из аккаунта в одной вкладке остаётся «зомби-хедер» в `defaults` до следующего ререндера. Оставьте **либо** interceptor (он самодостаточен), **либо** `defaults.headers` — не оба.
 
-🟡 **`sort=updated` использует `b.updatedAt.localeCompare(a.updatedAt)` —
-ISO 8601 сортируется лексикографически, ок. Но без явного `Date.parse` это
-fragile к non-ISO форматам. Backend всегда возвращает ISO (Spring `OffsetDateTime`)
-— OK, но добавить `// assumes ISO 8601, see backend DTO` comment не повредит.
+### 4. AJV: ошибки навешиваются на `data` (root), а не на конкретное поле
+`SchemaDrivenForm.tsx` → `applyAjvErrors`:
+```ts
+const fieldPath = path ? (`data.${path}` as `data.${string}`) : 'data'
+setError(fieldPath as 'data', { type: 'ajv', message: err.message })
+```
+Каст `as 'data'` ломает RHF: `setError` ожидает реальный path, иначе все ошибки складываются в один ключ `data` и `formState.errors.data?.[key]` **не находит их**, а tab-badge со счётчиком всегда показывает 0/1 случайно. Уберите каст и работайте через `setError(fieldPath as Path<FormValues>, ...)`. Также для `required` (AJV выдаёт `params.missingProperty`) instancePath пустой — нужно собирать путь из `missingProperty`.
 
-🟢 **Sort 'recordCount' — descending hardcoded** (`b.recordCount - a.recordCount`).
-Power user может захотеть ascending. Не в v2 scope, но note для backlog:
-add `?sortDir=asc|desc` later.
+### 5. `nowIsoLocal()` для `validFrom` в edit-modal
+В `dictionaries.$name.tsx` при открытии edit-form `validFrom` дефолтится через `nowIsoLocal()`, но `defaultValues` в `useForm` берётся **только при mount**. Если пользователь подержит модалку открытой 5 минут и сохранит — `validFrom` всё ещё «момент открытия», что не совпадает с тем, что бы пользователь ожидал (бекенд проверяет `validFrom > existingFrom`). Лучше дефолтить пустым, а на submit подставлять `now()` если поле пустое.
+
+### 6. `extraColumns` берёт первые 2 enum/FK без сортировки и без локализации
+`Object.entries(props)` зависит от key insertion order, который у JSON-схемы непредсказуем (или придёт из бекенда в разном порядке между запросами). Лучше: либо явный `x-list-column` флажок в схеме, либо `schema.required` приоритет, либо стабильный alphabetical sort.
+
+### 7. `useEffect([visibleKeys])` в дикт-роуте: новая ссылка каждую перерисовку
+```ts
+const visibleKeys = useMemo(() => visibleRecords.map(r => r.businessKey), [visibleRecords])
+```
+`visibleRecords` пересоздаётся при каждом рендере родителя, потому что `filteredRecords` зависит от `recordsResult.data` (стабильно), но `slice` всё равно даёт новый массив → `visibleKeys` тоже новая ссылка → effect для очистки selection срабатывает на любой ререндер. Безвредно, но создаёт лишние `setState`. Сравнивайте по содержимому (`useMemo` с deps на `JSON.stringify(visibleKeys)` или сравнение длин и первого/последнего ключа).
+
+### 8. `useDictPendingDrafts(undefined)` всё равно вызывает `enabled: Boolean(...)`-query, но `queryKey` у него `['drafts','by-dict','']`
+В кэше может застрять пустой ключ; при последующем переходе с разных дикторов один и тот же ключ `''` будет показываться. Передавайте `null`/исключайте полностью через `useQuery({...spread, enabled, queryKey: enabled ? key : ['noop']})`.
+
+### 9. `schema.events.disclaimer` (i18n) ссылается на путь Java-файла
+В строках интернационализации (ru/en) лежит абсолютный путь к Java-классу — попадёт пользователю в UI. Это похоже на ошибку при копировании комментария в i18n-resource. Уберите.
+
+### 10. CSV-экспорт filename парсится небезопасным regex
+`mutations.ts` → `useBulkExportRecords`:
+```ts
+const match = cd?.match(/filename="?([^";]+)"?/)
+```
+Не понимает `filename*=UTF-8''...` (RFC 5987) — всё, что отдаёт сервер с не-ASCII именем, окажется неправильно декодированным. Парсите оба варианта.
+
+### 11. `apiClient` `timeout: 10_000` слишком жёсткий для CSV-экспорта и cascade-close
+`bulk-close`/`cascade-close` на больших объёмах могут идти 20–30 c (по комментарию в `mutations.ts` бекенд сам падает по 30s timeout). Поставьте per-request `timeout` для тяжёлых эндпойнтов (axios `{ timeout: 60_000 }` в config).
+
+### 12. `oidcConfig.userStore` использует `localStorage`
+Это реальная XSS-уязвимость для access_token (и refresh-token, если он там окажется). Стандартная рекомендация oidc-client-ts — держать токен в **памяти** (по умолчанию) и хранить в `sessionStorage` максимум, а лучше использовать BFF (refresh httponly-cookie). Мин. шаг — переключиться на `sessionStorage`.
+
+### 13. `apiClient` Authorization-header не добавляется на cross-origin/CORS, если `localStorage` пуст после reload
+Token сохраняется в `localStorage` через `TokenSync` **только** после init React. Первые запросы, которые идут до того, как `useEffect` стрельнул, пойдут без `Authorization` → 401 → infinite redirect (см. п.2). Решение — читать токен напрямую из `userManager` синхронно в interceptor, или делать `<RequireAuth>` блокирующим до `auth.user.access_token`.
+
+### 14. `RequireAuth` крутит `signinRedirect` в loop при `auth.error`
+Условие на строчке `if (auth.isLoading || auth.activeNavigator) return` не учитывает `auth.error` — сперва рендерится «Не удалось подключиться» (правильно), но `useEffect` всё равно запустит `signinRedirect()` ниже. Добавьте `if (auth.error) return` в guard.
+
+### 15. `apiClient` baseURL смешивает env-`VITE_API_BASE` и `/api/v1`
+Если кто-то задаст `VITE_API_BASE=https://api.example.com` без `/v1`, то все запросы превратятся в `/dictionaries` относительно корня. Лучше `(import.meta.env.VITE_API_BASE ?? '') + '/api/v1'` или жёсткое требование trailing-slash.
+
+### 16. Pagination для записей: client-side, но `recordsQuery` тащит **все** записи на каждый смену фильтра
+Если справочник вырастет до 10k+, запрос будет тяжёлым, плюс `JSON.stringify(r.data)` для search-фильтра O(n*m). Перевести на server-side как минимум для search/scope-фильтра. Сейчас стоит TODO в комментарии «типичный словарь до 100 записей» — но никаких guard'ов нет.
+
+### 17. `Checkbox` ref + `indeterminate` через colback ref, но `Checkbox` компонент из `@nstart/ui` может не пробрасывать ref на нативный input
+Если `Checkbox` обёрнут в `forwardRef` и привязывает ref к **обёртке** — `el.indeterminate = …` упадёт молча. Проверить, что ref идёт на `<input>`. Чаще делают через prop `indeterminate`.
+
+### 18. `setEdit({ kind: 'closed' })` в `onError` cascade-flow теряет `closeMut.error`
+Сразу после ошибки 409 `setEdit` закрывает modal, но `closeMut.error` остаётся в state до следующего mutate, и в открытом cascade-dialog'е может промелькнуть alert с этим текстом из stale state. Делайте `closeMut.reset()` перед `setCascadeKey(...)`.
+
+### 19. `searchQuery` отправляет min-length-проверку в hook, но и `useSearch` отправляет `q ?? ''`
+Если кто-то в коде вызовет `searchQuery(...)` напрямую (для prefetch — обычный паттерн TanStack Router loader'а), он получит запрос `q=ab` → 400 от бекенда. Лучше вернуть `enabled` из самого `queryOptions` или `throw` в `queryFn`.
+
+### 20. i18n plural-keys `_one/_few/_many/_other` для `en-US`
+В русском есть `_few/_many`, в английском — только `_one/_other`. В английских ресурсах при `count=2` i18next выдаст fallback на `_other`. Норм. **Но**: ключи `myDrafts.total_few/_many` в `en-US` отсутствуют, а в `ru-RU` есть. На деплоях с `fallbackLng: 'ru-RU'` английский пользователь увидит русский plural при `count=2..4`. Завести явные `_one/_other` для всех ключей.
 
 ---
 
-## Accessibility 🟢
+## ✨ Улучшения (не баги, но стоит сделать)
 
-✅ `<section aria-label="...">` обёртка, `role="group" aria-label`
-на chip / density groups, `aria-pressed` на toggle buttons,
-`aria-label` на native `<select>`, `focus-visible:ring` на links,
-WCAG AA контраст (validated `--color-carbon` 4a4a4a на white = 8.59:1).
-
-🟡 **Focus ring на cards/rows — присутствует** (`focus-visible:ring-2 focus-visible:ring-ultramarain/40`).
-Но `/40` opacity на 4px ring может быть hard to see в dense rows. Проверить
-с screen reader'ом в реальном browser'е.
-
-🟡 **Keyboard nav между cards** — стандартный Tab. Power-users часто хотят
-arrow keys. Не в scope v2, но trade-off: arrow keys требуют `roving tabindex`
-+ event handlers — добавляет ~30 строк. Backlog: when catalog grows past 50.
-
-🟢 **Reduced motion**: transitions используют только `transition` без
-`duration-*` overrides — респектят `prefers-reduced-motion: reduce` через
-Tailwind `motion-safe:` modifier (не используется, но default Tailwind
-transitions are короткие).
+- **`api/client.ts`** — нет `axios-retry` или повтора `GET` идемпотентных запросов на 5xx; query-level `retry: 1` без backoff. Добавить `retryDelay: exponentialBackoff`.
+- **`useCreateRecord` / `useUpdateRecord`** генерируют новый `Idempotency-Key` на каждом mutate-вызове. Если RHF сабмит дёрнет дважды (двойной клик / Enter), сервер увидит **два разных** ключа и создаст два состояния. Генерировать ключ один раз на форму (в `useState` инициализаторе) и сбрасывать после `onSuccess`.
+- **`onSuccess` мутаций — слишком широкий invalidate.** В `useApproveDraft` инвалидируется `['records']` целиком — все справочники перезапросят свои listing'и. Достаточно `['records', dictName]`, который можно достать из draft-response.
+- **`refetchInterval: 30_000` для outbox/reviews/version**: четыре одновременных интервала на одном экране дают 4 запроса в полминуты + tab-в-фоне. Добавьте `refetchIntervalInBackground: false` или объедините в один `useQuery` с `select`.
+- **`UpdateBanner` через `__APP_COMMIT__`**: если build-time-define в `vite.config.ts` отсутствует, TS падает (`vite-env.d.ts` объявляет глобал, но рантайм будет `undefined`). Проверьте, что в `vite.config.ts` `define` установлен и для `dev`-режима тоже (часто забывают).
+- **Доступность.** `<input type="datetime-local">` без `aria-describedby` для hint, `<button aria-pressed>` без видимой смены состояния помимо цвета (контраст 3:1 достаточен?). Скрин-ридеру ничего не озвучивается.
+- **Плейн `<select>` в FK-полях** — потерял всю стилизацию модалки на мобильных Safari (родной picker), может «прорезать» modal. Сейчас в коде это аргументируется в комментарии, но при 5 опциях SingleSelect лучше — выбирать гибрид по `options.length`.
+- **`humanize`** дублируется в `dictionaries.$name.tsx` и в `SchemaDrivenForm.tsx`. Вынесите в `lib/strings.ts`.
+- **`scopeFilter` через URL** — если пользователь руками вобьёт `?scopes=public,internal` (lowercase), `validateSearch` отфильтрует. Но `toUpperCase()` применён только к scope-CSV, не к `q`. Нормализуйте всё на парсинге.
+- **Типы.** `JsonSchema.properties: Record<string, JsonSchema>` — нет `nullable`, `oneOf`, `anyOf`. Поле сложного союза свалится в branch `schema.type === 'object'` и пойдёт в JSON-textarea. Добавить explicit unsupported branch + UI hint.
+- **Файл `i18n.ts` — 899 строк/55 КБ ресурсов в одном модуле.** Это попадает в основной bundle. Разделите по namespace'ам и подгружайте `lazy` (i18next backend).
+- **`AuthBadge` — `auth.removeUser()` после фейла logout** оставляет SSO-сессию в Keycloak активной. Если пользователь сразу логинится снова, он получит ту же сессию автоматически (что обычно не то, чего ждёт оператор после «Выйти»). Логируйте 5xx и показывайте toast.
+- **`apiClient.interceptors.request` Accept-Language**: всегда отправляется `navigator.language,ru-RU;q=0.9,en-US;q=0.8`. Если пользователь переключил язык в `LanguageSwitch`, заголовок остаётся прежним до перезагрузки. Слушайте `i18n.on('languageChanged')` и обновляйте `apiClient.defaults.headers['Accept-Language']`.
+- **`AoiPickerDialog`** парсится через regex `/^-?\d+(\.\d+)?(,...){3}$/` — не пропускает экспоненциальную форму, отрицательные `-0.5` без целой части (`-.5`) и т. п. `parseFloat`/`Number` стабильнее.
+- **`bulkExportMut` не имеет timeout override** — при 10k записей десятисекундный axios-default обрежет.
+- **`route.__root.tsx`**: navigation-меню — простой `<nav>` без `aria-label`, активная ссылка различима только цветом. Добавить `aria-current="page"` через `activeProps`.
 
 ---
 
-## i18n keys 🟢
+## 📌 Топ-5 что чинить в первую очередь
 
-Все новые copy keys добавлены через `t('...', { defaultValue: '...' })` —
-fallback inline. Это дёрти, но не блокирует ship. Параллельный PR должен:
-- Завести явные keys в `i18n.ts` для:
-  - `dict.list.heading`
-  - `dict.list.filter.scope`
-  - `dict.list.sort.label`
-  - `dict.list.sort.name` / `.recordCount` / `.updated`
-  - `dict.list.density.label`
-  - `dict.list.density.card` / `.dense`
-  - `dict.list.col.name` / `.bundle` / `.version` / `.locales` / `.records`
-  - `dict.list.search.reset`
-  - `dict.list.approval`
+1. Двойные 401-interceptor'ы → возможный redirect-loop (#2, #13, #14).
+2. AJV-ошибки не привязаны к конкретным полям (#4) — у пользователя «непонятно почему форма красная».
+3. Time-travel TZ-bug (#1) — пользователь видит не ту дату, что ввёл.
+4. Idempotency-Key per-mutate, а не per-form (улучшение, но критично для retry-сценариев).
+5. `localStorage` для access_token (#12) — security.
 
-EN locale:
-- "Catalog of dictionaries"
-- "Scope filter"
-- "Sort"
-- "By name" / "By record count" / "By updated"
-- "Density"
-- "Cards" / "List"
-- "Name" / "Bundle" / "Version" / "Locales" / "Records"
-- "Reset filters"
-- "approval"
-
----
-
-## Performance 🟢
-
-- Initial render с 42 dicts (current ЦУОД bundle): ~4ms на M2 dev box
-  (memo'd filter+sort cheap).
-- Keystroke в search: deferredValue откладывает re-filter до idle, no jank.
-- Bundle delta: `+2KB` (z import + new logic), zero new deps.
-
-🟡 **`<Link>` — каждая карточка React-renders при `density` toggle.**
-React reconciler смотрит keys (`d.id`) — same keys = no remount, OK. Но
-если `data` ref меняется (например, refetch на background), всё перерендерится.
-Можно завернуть `CardGrid` / `DenseList` в `memo()` если проф. На 42 dicts
-overkill.
-
----
-
-## Visual / Brand 🟢
-
-✅ `font-primary` (Tektur) только на h1/h2/h3 + dict displayName card title.
-Body — Onest. Радиус `rounded-lg` на карточках, `rounded-full` на chips/dots.
-`shadow-card` static, `shadow-hover` on hover. Все цвета из `@theme`.
-
-🟡 **Approval badge** — `<Badge variant="warning">approval</Badge>`. Цвет
-warning пока в `@nstart/ui` mapped к `--color-solar` (orange). Visually OK,
-но clash с INTERNAL scope dot тоже orange. Подумать: использовать
-`variant="info"` (orbit blue) для approval — semantic-different (это policy
-flag, не scope).
-
-🟢 **Dense list grid template** — explicit columns `[24px_1fr_120px_80px_120px_80px]`.
-Жёстко, но предсказуемо. На 1280px ширине запас, на 1024px — узковато
-Bundle column. Можно `min-content` для bundle/version вместо fixed px,
-но фиксированные точнее визуально.
-
----
-
-## Test plan (review additions)
-
-1. **Vitest unit для sortDicts**:
-   - `sort=name` → alphabetical (с RU + EN mixed)
-   - `sort=recordCount` → desc, missing recordCount = 0
-   - `sort=updated` → desc по ISO timestamp
-
-2. **Vitest unit для parseScopeFilter**:
-   - `undefined` → empty Set
-   - `"PUBLIC"` → `{PUBLIC}`
-   - `"public,Internal"` → `{PUBLIC, INTERNAL}` (case-insensitive)
-   - `"FOO,PUBLIC"` → `{PUBLIC}` (invalid filtered out)
-   - `""` → empty Set
-
-3. **RTL: scope chip toggle обновляет URL**:
-   - Click `Public` chip → `useNavigate` called с `{search: {scope: 'PUBLIC'}}`
-   - Click again → search empty (delete scope key)
-
-4. **RTL: density toggle**:
-   - Initial card → check `<div role="grid">` отсутствует, грид cards
-   - Click Dense → `<div>` с column template visible
-
-5. **Playwright e2e**:
-   - Load `/dictionaries/?q=spacecraft&scope=PUBLIC&sort=recordCount&density=dense`
-   - Check: search input shows "spacecraft", PUBLIC chip aria-pressed, sort=recordCount selected, density=dense
-   - Click Reset → URL becomes `/dictionaries/`
-
-6. **Manual a11y**:
-   - VoiceOver: scope chip group announces "Filter by scope, group". Each chip "Public, 18, pressed/not pressed, button".
-   - Tab order: search → chips (3) → sort → density (2) → first card link → next card link.
-   - Refresh с `?density=dense` — focus goes to search input (visible focus ring).
-
----
-
-## Risk register
-
-| # | Risk | Severity | Mitigation |
-|---|---|---|---|
-| 1 | URL state breaks bookmarks при schema changes | 🟡 | Zod `.optional()` на all params — invalid → ignored, not 500 |
-| 2 | `scope` CSV не валидируется как Set'тогда — duplicate values | 🟢 | parseScopeFilter использует Set, deduplicates автоматически |
-| 3 | `density=dense` не поддержан в Safari 15- из-за `grid-template-columns` minmax | 🟢 | Минимальная цель — Safari 16, supported |
-| 4 | Sort change при active filters сбрасывает scroll position | 🟡 | TanStack Router scroll restoration default. Можно `<ScrollRestoration>` явный, но v2 OK |
-| 5 | `useDeferredValue` + concurrent React 19 — потенциал sticky updates | 🟢 | React 19 stable, паттерн из docs |
-
----
-
-## Итог
-
-Verdict: **CLEAR with 2 blocking fixes** (#useState import position + #createOpen mortuary code). После них — ship. v2 даёт power-user value (URL state, multi-scope, sort, density) без regression на 95% common path (default render = current behavior + bonus xl:4-cols grid).
-
-ETA на blocking fixes: 5 min.
-ETA на full PR (с tests + i18n keys + 2 fixes): ~2 hours.
-
-Recommended ship order:
-1. Fix 2 blocking issues.
-2. Land i18n keys в `i18n.ts` (parallel PR).
-3. Land `proposed.tsx` → `routes/dictionaries.index.tsx` (with vitest tests).
-4. Manual smoke на staging.
-5. Soak ≥2 days.
-6. Add Playwright e2e (separate followup).
diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/screenshots/A-graph-view.png b/ordinis-admin-ui/design_handoff_dictionary_catalog/screenshots/A-graph-view.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b414b90ffa6003d2e9b973215ca969f9ab1d923
GIT binary patch
literal 21150
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

literal 0
HcmV?d00001

diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/screenshots/B-hub-view.png b/ordinis-admin-ui/design_handoff_dictionary_catalog/screenshots/B-hub-view.png
new file mode 100644
index 0000000000000000000000000000000000000000..470d50ddb5b70bad260564d996c69a0586fddac8
GIT binary patch
literal 23095
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

literal 0
HcmV?d00001

diff --git a/ordinis-admin-ui/design_handoff_dictionary_catalog/screenshots/D-list-view.png b/ordinis-admin-ui/design_handoff_dictionary_catalog/screenshots/D-list-view.png
new file mode 100644
index 0000000000000000000000000000000000000000..739e8e3ff439243a95061170fcbe23c6b49debcd
GIT binary patch
literal 28504
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
ZSzOqF69WYLS9uSV<kjVV%DnsZ-vA#R2wwmI

literal 0
HcmV?d00001