From ce1f40c5d1771166a7ba59785d8b2a4623c0ed9a Mon Sep 17 00:00:00 2001
From: "Zimin A.N." <zimin.an@nstart.space>
Date: Mon, 11 May 2026 20:11:04 +0300
Subject: [PATCH] feat(editor): wrap InfoPanel + main content in bordered
 panels per prototype
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Per user feedback: "словари в своих панелях то как у нас было ранее".

Per redesign prototype editor view (Ordinis(4) compact.html):
- InfoPanel: was floating sidebar aside без borders → теперь
  `rounded-lg border border-line bg-surface p-4` — visible bordered card
  containing PUBLIC chip + meta + Связи + actions.
- Main editor area: tabs + toolbar + tab content (records/relations/
  fields/json/events/history) обёрнуты в `rounded-lg border border-line
  bg-surface overflow-hidden` panel.
- WorkflowBanner и AOI banner остаются outside panels (status chrome).

Visual containment отделяет editor chrome от page background, делает
очевидным где info ends / table starts. Matches prototype Screen 03-08.
---
 .../src/components/editor/EditorInfoPanel.tsx             | 2 +-
 ordinis-admin-ui/src/routes/dictionaries.$name.tsx        | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/ordinis-admin-ui/src/components/editor/EditorInfoPanel.tsx b/ordinis-admin-ui/src/components/editor/EditorInfoPanel.tsx
index 5c0863d..d32f2f6 100644
--- a/ordinis-admin-ui/src/components/editor/EditorInfoPanel.tsx
+++ b/ordinis-admin-ui/src/components/editor/EditorInfoPanel.tsx
@@ -51,7 +51,7 @@ export function EditorInfoPanel({ detail, recordCount, actions }: EditorInfoPane
   const incomingDeps: SchemaDependent[] = useMemo(() => refByRaw ?? [], [refByRaw])
 
   return (
-    <aside className="lg:sticky lg:top-2 self-start space-y-4 lg:max-h-[calc(100vh-7rem)] lg:overflow-y-auto pr-2">
+    <aside className="lg:sticky lg:top-2 self-start space-y-4 lg:max-h-[calc(100vh-7rem)] lg:overflow-y-auto rounded-lg border border-line bg-surface p-4">
       {/* Scope badge — top of panel */}
       <span
         className={cn(
diff --git a/ordinis-admin-ui/src/routes/dictionaries.$name.tsx b/ordinis-admin-ui/src/routes/dictionaries.$name.tsx
index 539506a..02f2df8 100644
--- a/ordinis-admin-ui/src/routes/dictionaries.$name.tsx
+++ b/ordinis-admin-ui/src/routes/dictionaries.$name.tsx
@@ -619,6 +619,11 @@ function DictionaryDetail() {
             <WorkflowBanner detail={detailQuery.data} pendingCount={pendingByKey.size} />
           )}
 
+          {/* Main editor panel — tab bar + toolbar + tab content в bordered card
+            * per redesign prototype. Visual containment отделяет editor от
+            * page chrome. */}
+          <div className="rounded-lg border border-line bg-surface overflow-hidden">
+
           {/* Editor tabs per handoff Stage 3.4 + redesign:
             * - counts в labels (Записи 127, Связи 6, Поля 12)
             * - right-aligned actions: Schema edit + +Запись per редизайн */}
@@ -973,6 +978,9 @@ function DictionaryDetail() {
       </>
       )}
       {/* === end records tab content === */}
+
+          </div>
+          {/* === end editor main panel === */}
         </div>
       </div>
       {/* === end 3-col grid === */}