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-md-blocks.test.tsx
+5 -5
View File
@@ -246,18 +246,18 @@ describe("ThinkingBlock — the document band + ⌘T sync (owner rounds, 2026-10
it("the row is the document band — round four geometry (owner, 2026-10-07)", () => {
const html = renderToStaticMarkup(<ThinkingBlock text="banded" defaultOpen />);
assert.ok(html.includes("bg-card"), "the card-color band");
assert.ok(html.includes("border-l-[calc(3ch-8px)]"), "thinner rail — 8px gap inside the 3ch inset");
assert.ok(html.includes("py-1") && html.includes("pl-[8px]"), "4px band padding");
assert.ok(html.includes("border-l-[calc(3ch-14px)]"), "narrow rail — 14px gap inside the 3ch inset");
assert.ok(html.includes("py-1") && html.includes("pl-[14px]"), "4px band padding");
assert.ok(html.includes("pr-4"), "the text wraps early — air at the band's right edge");
assert.ok(html.includes("w-full"), "full width — no chat side");
assert.match(html, /aria-expanded="true"/);
assert.ok(html.includes("banded"), "text visible on arrival");
});
it("in-card rows step the band to accent — the same one-step lift (owner round four)", () => {
it("in-card rows take no band — the accent step read too light (owner round five)", () => {
const html = renderToStaticMarkup(<ThinkingBlock text="in card" inCard />);
assert.ok(html.includes("bg-accent"), "accent on the card's surface");
assert.ok(!html.includes("bg-card"), "card-color would vanish on the card");
assert.ok(!html.includes("bg-accent") && !html.includes("bg-card"), "transparent on the card");
assert.ok(html.includes("border-l-[calc(3ch-14px)]"), "rail only, same geometry");
});
it("⌘T sets every row — explicit sets stomp individual state, late mounts honor the last set", () => {