sorokin.oleg.edu/learnharness
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

fix: the stats bar's controls were dead — pointer-events + button affordance

Browse Source 
Live-driving the real browser caught it (the user's report: "they don't
work as buttons"): the stats row sits OUTSIDE the composer shell's
pointer-events-auto div, inside the sticky scroll wrapper's
pointer-events-none — every control on the row was unclickable, including
the pre-existing stats-detail popover button. The row now re-enables
pointer-events itself.

Also, per the user's sizing note: bar text 10px → 11px with a touch more
breathing room, and the model + thinking controls gain quiet pill
affordance (rounded-full border, card bg, ▾ chevron) — still muted by
design, but visibly buttons.

Verified live end-to-end in the browser: click opens the model menu ABOVE
(366 rows, search autofocused), "qwen flash" narrows to 5, picking
qwen3.8-flash persists + flips the label, the thinking menu shows exactly
that model's supported levels (Off/Minimal/Low/Medium/High), Medium
persists on the record via PUT, labels update. Test session settings
restored after the drive. Gates 350/350.
This commit is contained in:
amosblomqvist
2026-09-12 06:11:23 +03:00
parent de0c286311
commit 953b22be57
3 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/model-picker.tsx
+6 -4
View File
@@ -157,9 +157,10 @@ export function ModelControl({
}}
aria-expanded={open === "model"}
title="Conversation model — applies next turn"
className="flex items-center gap-1 transition-colors hover:text-foreground"
className="flex items-center gap-1.5 rounded-full border border-border/60 bg-card/70 px-2.5 py-1 transition-colors hover:border-border hover:bg-muted"
>
<span>{effectiveId ? prettyModel(effectiveId) : "—"}</span>
<span className="text-card-foreground">{effectiveId ? prettyModel(effectiveId) : "—"}</span>
<span aria-hidden className="text-[9px] text-muted-foreground">▾</span>
</button>
<span aria-hidden>·</span>
<button
@@ -171,11 +172,12 @@ export function ModelControl({
}}
aria-expanded={open === "thinking"}
title="Thinking level — applies next turn"
className="flex items-center gap-1 transition-colors hover:text-foreground"
className="flex items-center gap-1.5 rounded-full border border-border/60 bg-card/70 px-2.5 py-1 transition-colors hover:border-border hover:bg-muted"
>
<span>
<span className="text-card-foreground">
{effectiveLevel === undefined ? "Thinking —" : `Thinking: ${LEVEL_LABEL[effectiveLevel] ?? effectiveLevel}`}
</span>
<span aria-hidden className="text-[9px] text-muted-foreground">▾</span>
</button>
{open === "model" && (