From a53cfc6568bc84874bae8145f6f359a8f19b5fb1 Mon Sep 17 00:00:00 2001 From: mattshax Date: Fri, 25 Sep 2026 13:57:44 +0000 Subject: [PATCH] fix(chat): the open conversation is highlighted again in the rail ai-chat 0.5 marks the open conversation's row with a bare bg-[color-mix(...)] class, an 8% tint, where 0.4 used theme-muted-panel; the Studio's accent-pill rule targeted the old class and stopped matching, leaving only the faint tint. The rule now also matches the new marker, which is unambiguous because every other row carries that class only behind hover:. Verified in a browser: exactly one row, the open one, draws the pill at weight 600. --- web/src/styles.css | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/web/src/styles.css b/web/src/styles.css index b61ef35..20fce3d 100644 --- a/web/src/styles.css +++ b/web/src/styles.css @@ -955,11 +955,17 @@ code, pre, kbd, .text-body, .viewer-path, .sql-box, [data-streamdown='code-block border: 1px solid var(--pw-border); display: block; margin: 6px 0; } -/* Active conversation in the chat rail: the package marks it with a bare - theme-muted-panel token (inactive rows carry only hover:theme-muted-panel), - which is too subtle. Use the same accent pill as the sidenav active item. */ -.chat-canvas li.theme-muted-panel { background: var(--pw-active-pill); } -.chat-canvas li.theme-muted-panel a span { color: var(--pw-navy); font-weight: 600; } +/* Active conversation in the chat rail, drawn as the same accent pill as + the active sidenav item; the package's own mark is too faint to find. + ai-chat 0.4 marked the row with theme-muted-panel. 0.5 marks it with a + bare `bg-[color-mix(...)]` class, while every other row carries that + class only behind `hover:`, so " bg-[" with a leading space matches the + open row alone. Both are kept so the highlight survives either version. */ +.chat-canvas li.theme-muted-panel, +.chat-canvas li.group[class*=" bg-[color-mix"] { background: var(--pw-active-pill); } +.chat-canvas li.theme-muted-panel a span, +.chat-canvas li.group[class*=" bg-[color-mix"] span { color: var(--pw-navy); font-weight: 600; } +[data-theme='dark'] .chat-canvas li.group[class*=" bg-[color-mix"] span { color: var(--pw-text); } /* Embedded viewer windows inside chat replies, and the chrome-less embed page */ .chat-canvas iframe.chat-embed-frame {