feat(editor): wrap InfoPanel + main content in bordered panels per prototype

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.
This commit is contained in:
Zimin A.N.
2026-05-11 20:11:04 +03:00
parent d77f040a5c
commit ce1f40c5d1
2 changed files with 9 additions and 1 deletions
@@ -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(