[immakermatty]

Problem

In Chat, the toggle that hides the sidebar and the "T3 Code" wordmark sit under the Lazurio column head (the Environment picker, the gear and the Chat · Apps · Automate switch). The Organization Admin approved a design for the left column on 2026-10-17 (wireframe HumanAndMachine-ai/prototypes-lazurio#56 and #61):

• Every column starts with one band: the toggle and the app's name.
• In Chat that band is T3's own top row: toggle, wordmark, "Lazurio" label.
• The picker and the switch come under it.

Change

• Column head under the top row. apps/web/src/components/sidebar/SidebarChrome.tsx:
  • Upstream's top row becomes SidebarChromeTitlebar. That is a one-line rename; its JSX is untouched.
  • The exported SidebarChromeHeader is a thin wrapper: the row, then <lazurio-column-head active="chat">.
  • The thread, legacy and settings sidebars all render the header, so all three get the column head.
• Layout back to upstream. AppSidebarLayout.tsx is byte-identical to upstream v0.1.0 again.
  • It no longer places the head above the row or measures it, and the floating toggle stays in the top corner, as upstream has it.
  • The file leaves allowed_upstream_changes. SidebarChrome.tsx moves to the shared seams, because rows 7 and 16 both change it.
• The line between the rail and the sidebar comes back in the same decision (it amends root decision 0187 point 2).
  • The shell's rail draws it in the colour of the --lazurio-line role, which index.html already maps from T3's --contrast-sidebar-border. So it follows light, dark and every theme with no fork change.
  • The LazurioPlatform change that draws it is prepared separately.
• The "Lazurio" label gets the Lazurio symbol (63578526), as the approved design shows.
  • The design system's logo manual allows only the whole approved asset, and the symbol alone at no less than 16 px. The Organization Admin chose a taller label over a smaller symbol.
  • apps/web/src/lazurio/LazurioBadge.tsx draws it: the symbol at 16 px, then the word in T3's secondary badge colours and 10 px type, 20 px tall in all. The dark rendition shows on a dark look.
  • The SVGs are copied unchanged into apps/web/src/lazurio/brand/, with a note never to edit them.
  • SidebarChrome.tsx swaps T3's small pill for it only where the label is "Lazurio".
• Contract test and runbook.
  • The contract test pins the wrapper and checks that the layout stays upstream's.
  • The runbook updates rows 7 and 16, "Cílový stack", the Lazurio shell section and the canary checklist.

Scope and approval

This is an overlay change from the Organization Admin's request in #70's thread: "Design máme hotový", with the wireframe PRs above. It ships with the next fork release after 0.1.0-lazurio.2 (#81), preview on Ring 0 first.

Verification

• node --test scripts/lazurio-release-contract.test.mjs: 33/33. With the head line removed, the slot test fails (checked).
• vp run --filter @t3tools/web typecheck passes.
• fmt is clean on the changed files. Lint is clean, apart from one existing upstream warning in the now-upstream AppSidebarLayout.tsx.
• Rebased onto main 9a38526c (0.1.0-lazurio.2). The contract test and typecheck pass again after the rebase.
• Not yet checked in a browser. That needs a preview from main after merge. The plan is to check it on Ring 0 together with LazurioPlatform#485 (the rail's line) before the stable. The Platform side is already verified in headless Chrome against its hosted preview.

Model and harness: Claude Opus 5.5 in Claude Code.

🤖 Generated with Claude Code

Note

Move Lazurio column head below T3 titlebar in SidebarChromeHeader

• Moves the Lazurio column head out of AppSidebarLayout and into a new SidebarChromeHeader wrapper in SidebarChrome.tsx. The header renders the upstream titlebar first, then the lazurio-column-head element. The sidebar toggle and wordmark stay on top.
• Adds LazurioBadge in LazurioBadge.tsx, a 20px badge with the Lazurio symbol at 16px and label. It shows the dark symbol asset under the dark theme and the light one otherwise.
• Removes the column-head height parameter and resize-observer logic from AppSidebarLayout.tsx; that file now contains no Lazurio-specific code.
• Updates the contract tests in lazurio-release-contract.test.mjs, the CI compatibility allowlist in lazurio-fork-ci.yml, and the release docs to match the new placement.
• Risk: rebuilds on a new upstream tag now fail the contract test if the thread or legacy sidebar stops using SidebarChromeHeader, or if the old AppSidebarLayout.tsx column-head wiring reappears.

^{Macroscope summarized 2cc4665.}

[agentrozjedemeai]

@immakermatty — APPROVED on exact head 2cc4665. The titlebar JSX is preserved; the wrapper places the column head immediately after it in the thread, legacy and settings sidebars, and AppSidebarLayout.tsx is byte-identical to upstream v0.1.0. The two vendored SVG Git blob IDs exactly match design-system-lazurio at 22265ef2, including the dark symbol; the badge uses a 16 px image and T3 secondary colours. The targeted slot and branding contract tests passed (2/2), git diff --check is clean, and the four required CI checks passed on this head (including web typecheck, lint, formatting, full release contract and image build in Server and web compatibility). In the dependency-free review clone the full 33-case contract run passed 32 cases and the remaining case could not resolve @t3tools/shared; CI ran it with installed dependencies and passed. No browser preview was run for this T3 change: verify the light/dark and narrow-screen layout on Ring 0 together with LazurioPlatform#485 before the stable release. Review only; this is not a merge or release authorization.