From c4cf8fd0b22b8e8ba22d153cf0573551bd451f5e Mon Sep 17 00:00:00 2001
From: amosblomqvist <amosblomqvist@gmail.com>
Date: Mon, 14 Sep 2026 09:57:37 +0300
Subject: [PATCH] Chat top bar round 5 (owner): bottom outline matching the
 sidebar separator
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

border-b border-border — the same 1px border-border line that
separates the left sidebar (border-r on its container), so the top
bar now reads as its own block with the app's standard separator.
---
 components/chat.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/chat.tsx b/components/chat.tsx
index ccbc7e4..b25bccc 100644
--- a/components/chat.tsx
+++ b/components/chat.tsx
@@ -479,12 +479,12 @@ export function Chat({
 		<div className="flex h-dvh">
 			<div className="flex min-w-0 flex-1 flex-col">
 				{/* The top bar is its own block (owner, top-fade round 4): in flow
-				    above the scroller on the plain page background — no gradient, no
-				    border; it reads as a block simply because the transcript starts
-				    below it. h-10, not py-2: the toggle (a size-9 icon button)
+				    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 px-3">
+				<header className="flex h-10 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>
 					<PhaseChip phase={phases.at(-1) ?? "probe"} />