From e285e2bacfd9dd855f0479c1c354b3fb6358c026 Mon Sep 17 00:00:00 2001
From: amosblomqvist <amosblomqvist@gmail.com>
Date: Mon, 14 Sep 2026 09:50:53 +0300
Subject: [PATCH] Chat top fade round 2 (owner): 60% peak at the top, 40px ramp
 down
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Round 1 (h-24, 65% hold via 25% mid) read as a faint tail plus an
abruptly solid band and stretched far into the chat. What the owner
wanted: peak ~60% right under the title, ramping down to transparent
a little below — no full opacity anywhere, short reach. Now h-10
from-background/60 to-transparent: a single gentle ramp.
---
 components/chat.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/components/chat.tsx b/components/chat.tsx
index 401d2c6..48bfc13 100644
--- a/components/chat.tsx
+++ b/components/chat.tsx
@@ -485,13 +485,12 @@ export function Chat({
 					<SidebarToggle />
 					<div className="min-w-0 flex-1 truncate font-title text-2xl tracking-tight">{title}</div>
 					<PhaseChip phase={phases.at(-1) ?? "probe"} />
-					{/* Soft top fade (owner, round 1 of the fade rework): a long wash
-					    that holds softly under the title then melts away — no full
-					    opacity anywhere, so it supports the header instead of reading
-					    as a bar. */}
+					{/* Soft top fade (owner, round 2): peaks at 60% right under the
+					    title and ramps down to transparent within 40px — supports the
+					    header without a bar edge or a long tail into the chat. */}
 					<div
 						aria-hidden
-						className="pointer-events-none absolute inset-x-0 top-full z-10 h-24 bg-gradient-to-b from-background/65 via-background/25 to-transparent"
+						className="pointer-events-none absolute inset-x-0 top-full z-10 h-10 bg-gradient-to-b from-background/60 to-transparent"
 					/>
 				</header>