From c451f4f14496708b08e1e3c0510708ced2278cb0 Mon Sep 17 00:00:00 2001
From: amosblomqvist <amosblomqvist@gmail.com>
Date: Thu, 17 Sep 2026 13:52:18 +0300
Subject: [PATCH] =?UTF-8?q?Header=20round=206=20(owner):=20the=20top=20bar?=
 =?UTF-8?q?=20grows=20to=2060px=20=E2=80=94=20aligned=20to=20the=20sidebar?=
 =?UTF-8?q?'s=20LH=20band?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

h-10 → h-15 (60px) in both the chat header and the /chat/new draft
header. 60px is an alignment, not just a size: it equals the sidebar's
LH wordmark band, so the header's border-b continues that band's bottom
edge as one horizontal line across the app — the sidebar's 'New session'
row begins exactly where the chat column's chrome ends.

Live: header border-b at y=60, wordmark band bottom at y=60. Gates:
typecheck, lint, 469/469.
---
 components/chat.tsx        | 12 ++++++++----
 components/new-session.tsx |  4 +++-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/components/chat.tsx b/components/chat.tsx
index 5a5ea65..a5696ef 100644
--- a/components/chat.tsx
+++ b/components/chat.tsx
@@ -584,10 +584,14 @@ export function Chat({
 				{/* The top bar is its own block (owner, top-fade round 4): in flow
 				    above the scroller on the plain page background — no gradient. Its
 				    bottom outline (border-b border-border) matches the one that
-				    separates the left sidebar — same width, same color (owner, r5). h-10, not py-2: the toggle (a size-9 icon button)
-				    renders only while the sidebar is CLOSED — an auto-height row
-				    would collapse when it disappears and slide the title + chip up. */}
-				<header className="flex h-10 items-center gap-3 border-b border-border px-3">
+				    separates the left sidebar — same width, same color (owner, r5).
+				    h-15 (60px), not py-2: the toggle (a size-9 icon button) renders
+				    only while the sidebar is CLOSED — an auto-height row would
+				    collapse when it disappears and slide the title + chip up.
+				    60px is an ALIGNMENT, not just a size: it equals the sidebar's
+				    LH wordmark band, so the header's border-b continues that
+				    band's bottom edge as one line across the app (owner, round 6). */}
+				<header className="flex h-15 items-center gap-3 border-b border-border px-3">
 					<SidebarToggle />
 					<div className="min-w-0 flex-1 truncate font-title text-2xl tracking-tight">{title}</div>
 					{/* The plan chip (owner, plan-placement round): session-level
diff --git a/components/new-session.tsx b/components/new-session.tsx
index f309922..da6fc79 100644
--- a/components/new-session.tsx
+++ b/components/new-session.tsx
@@ -77,7 +77,9 @@ export function DraftShell({
 	return (
 		<div className="flex h-dvh">
 			<div className="flex min-w-0 flex-1 flex-col">
-				<header className="relative flex h-10 items-center gap-3 px-3">
+				{/* h-15 (60px) matches the chat header and the sidebar's LH wordmark
+			    band (owner, round 6). */}
+			<header className="relative flex h-15 items-center gap-3 px-3">
 					<SidebarToggle />
 					<div className="min-w-0 flex-1 truncate font-title text-2xl tracking-tight">New session</div>
 					<PhaseChip phase="probe" />