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

ui: round five — no band in cards, the rail narrows again

Browse Source 
Owner verdict on the accent step: way too light - in-card thinking
drops the band entirely (rail only, identical heights). The rail
narrows again: 14px gap inside the 3ch inset (rail calc(3ch-14px),
about 8px) - the wide rail was distracting. Total inset still 3ch,
chevron law intact.
This commit is contained in:
amosblomqvist
2026-10-08 18:45:49 +03:00
parent d30ad42d9c
commit 0f2519a349
6 changed files with 27 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/render-cards.test.tsx
+4 -5
View File
@@ -295,14 +295,13 @@ describe("render smoke tests", () => {
// trigger row only — the thinking text is one click away, never loud.
assert.ok(html.includes('data-testid="your-thinking-trigger"'), "the trigger row");
assert.ok(html.includes('aria-expanded="false"'), "arrives collapsed");
// ONE GEOMETRY + THE ACCENT STEP (owner round four, 2026-10-07): the
// in-card row carries the accent band — the same one-step lift the
// chat band gets; collapsed heights match everywhere.
// ONE GEOMETRY, NO BAND IN CARDS (owner round five, 2026-10-07): the
// accent lift read too light — rail only, heights match everywhere.
const yourRow = html.slice(html.indexOf('data-testid="your-thinking"'));
assert.ok(yourRow.slice(0, 400).includes("bg-accent"), "accent inside the card");
assert.ok(!yourRow.slice(0, 400).includes("bg-card") && !yourRow.slice(0, 400).includes("bg-accent"), "no band inside the card");
// THE RAIL GROUPS (owner correction): the label sits INSIDE the rail —
// ownership readable from the rail alone, collapsed or expanded.
const railAt = html.indexOf("border-l-[calc(3ch-8px)]");
const railAt = html.indexOf("border-l-[calc(3ch-14px)]");
const trigAt = html.indexOf("your-thinking-trigger");
assert.ok(railAt !== -1 && railAt < trigAt, "the rail opens before the label (same quote)");
assert.ok(!html.includes("brightness isn&#x27;t distance"), "the text is hidden until expanded");