Refinement round: ring popover down, menu order, tok unit, list indent, lowercase levels

Five small fixes (owner refinement round, 2026-09-24):

1. RING POPOVER OPENS DOWN: the ring lives in the chat top bar —
   the window's top edge is right above it, so the upward popover was
   clipped. top-full mt-1.5 now: it drops below the ring.

2. SESSION MENU ORDER FLIPPED: Rename/Delete first, hairline, then
   the extraction coverage block + Extract at the bottom — the info
   reads after the actions (was the reverse, the block on top).

3. UNIT TYPED OUT: the sidebar block reads "2k tok uncovered" now —
   the tokens unit is explicit (owner: "tok").

4. MARKDOWN LIST INDENT: streamdown ships list-inside with no
   container padding — top-level markers sat ON the text edge (only
   nested lists got their pl-6 via [li_&]). .lh-prose :where(ul, ol)
   { padding-left: 1.5rem } indents both list kinds as blocks, 24px —
   the same measure as the nested-case pl-6. Unlayered CSS beats the
   utility layer; :where keeps specificity zero.

5. THINKING LEVELS LOWERCASE EVERYWHERE: the composer pill and setup
   dialog rendered THINKING_LABEL (Off/Minimal/…/Max) while every
   menu body renders the raw lowercase level — the map is now
   lowercase, the level string IS the display form, everywhere.

Live-verified on :3001: list content inset 24px vs paragraphs
(padding-left computed 24px, nested fine); the composer pill reads
"low" with options low/high/max; menu order Rename → Delete… →
hairline → block. 901/901.
This commit is contained in:
amosblomqvist
2026-09-24 15:51:40 +03:00
parent bc1f668e2a
commit 9f7dd1a7e9
5 changed files with 39 additions and 25 deletions
+13 -13
View File
@@ -377,11 +377,11 @@ function SessionsSidebar() {
const listRef = useRef<HTMLDivElement>(null);
/* ── Wave 6 chunk A: context menu + inline rename + deletion ──
Right-click a session row → MenuShell: the extraction coverage
block (owner-locked redesign, 2026-09-24 — numbers + the manual
Extract affordance, separated by a hairline) above the two
session-management actions (owner ruling): Rename (inline, below)
and Delete (the two-option dialog). The anchor is the row that was
Right-click a session row → MenuShell: the two management actions
first (owner ruling), then — below a hairline — the extraction
coverage block (owner-locked redesign 2026-09-24, order refined
2026-09-24: Rename/Delete on top, the numbers + manual Extract
affordance at the bottom). The anchor is the row that was
right-clicked — assigned into a ref before the state flip so the
shell measures it on its first (hidden) pass. */
const [ctxChatId, setCtxChatId] = useState<string | null>(null);
@@ -662,14 +662,12 @@ function SessionsSidebar() {
preferredSide="down"
menuClass="flex w-52 flex-col gap-0.5 rounded-xl border bg-card p-2 text-xs shadow-xl"
>
{/* The extraction block (owner-locked redesign, 2026-09-24):
what the extractor hasn't covered yet + the manual Extract
affordance — visually separated from the management
actions below by a hairline. Fetched on menu open (the
block mounts WITH the menu); 409 = benign (already
running). Renders nothing on a failed read. */}
<CoverageMenuBlock chatId={ctxChatId} />
<div className="my-0.5 border-t border-border/60" aria-hidden="true" />
{/* The two management actions first, then the extraction block
(owner refinement round, 2026-09-24): Rename/Delete stay at the
top, the coverage numbers + Extract affordance sit below the
hairline — the block is info + a stateful affordance, the
actions above it. Fetched on menu open (the block mounts WITH
the menu); 409 = benign. Renders nothing on a failed read. */}
<button
type="button"
data-testid="ctx-rename"
@@ -693,6 +691,8 @@ function SessionsSidebar() {
>
Delete…
</button>
<div className="my-0.5 border-t border-border/60" aria-hidden="true" />
<CoverageMenuBlock chatId={ctxChatId} />
</MenuShell>
)}