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

dialogs: delete dialogs drop the serif display title for the abort-turn look

Browse Source 
Titles become text-sm font-semibold in destructive red — JetBrains Mono
via the UI default, matching the abort-turn/dismiss-question dialogs the
owner named as the ideal look. Node and session names below the title
drop the sized-up text-lg for normal text-sm, still white mono, no
code-block chrome. Settings and Setup keep their serif titles by owner
ruling; abort-turn already renders this way. 1610/1610 both configs;
verified live on the running dev server.
This commit is contained in:
amosblomqvist
2026-10-13 09:54:43 +03:00
parent 2a8f65de6e
commit 5601a98335
4 changed files with 33 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/delete-node-dialog.test.tsx
+9 -5
View File
@@ -55,13 +55,17 @@ describe("DeleteNodeBody — the minimal screen (owner, 2026-09-30)", () => {
it("single: 'Delete node?' title, the name alone in mono, the one permanence line", () => {
const html = bodyAt([{ id: "kepler", name: "Kepler's three laws" }]);
assert.match(html, /data-testid="delete-node-dialog"/);
// (owner, 2026-09-24) the serif title in destructive red; the
// NAME rides below in JetBrains Mono, text-lg, NO code-block
// chrome — same shape as the session dialog.
// (owner, 2026-10-13 polish) the title in the abort-turn look —
// text-sm font-semibold (JetBrains Mono via the UI default), red
// kept, NO font-title serif; the NAME rides below in JetBrains
// Mono at normal text-sm size, NO code-block chrome — same shape
// as the session dialog.
assert.match(html, /Delete node\?/);
assert.match(html, /text-destructive/);
const title = html.match(/<h2[^>]*>/)?.[0] ?? "";
assert.match(title, /text-sm font-semibold text-destructive/);
assert.ok(!title.includes("font-title"), "no serif display title (owner, 2026-10-13)");
const name = html.match(/data-testid="node-name-code"[^>]*>/)?.[0] ?? "";
assert.match(name, /font-mono text-lg/);
assert.match(name, /font-mono text-sm/);
assert.ok(!name.includes("bg-muted"), "no code-block chrome — the font already says code");
assert.match(html, /data-testid="node-name-code"[^>]*>Kepler&#x27;s three laws</);
assert.match(html, /data-testid="node-permanence-line"[^>]*>This permanently deletes the node — this cannot be undone\./);
tests/session-context.test.tsx
+6 -4
View File
@@ -59,7 +59,7 @@ describe("DeleteSessionDialog — the node-dialog shape (owner flow rework 2026-
assert.equal(html, "");
});
it("red serif title 'Delete session?', the session name below in mono, sized up, no code-block chrome", () => {
it("red mono title 'Delete session?' (abort-turn look), the session name below in mono at normal size, no code-block chrome", () => {
const html = renderToStaticMarkup(
<DeleteSessionBody
chat={{ id: "c1", title: "Orbital mechanics" }}
@@ -72,10 +72,12 @@ describe("DeleteSessionDialog — the node-dialog shape (owner flow rework 2026-
/>,
);
assert.match(html, /Delete session\?/);
assert.match(html, /text-destructive[^"]*">Delete session\?</); // the red title
// the name: mono, text-lg (sized up), NO bg-muted code-block chrome
const title = html.match(/<h2[^>]*>/)?.[0] ?? "";
assert.match(title, /text-sm font-semibold text-destructive/); // red, abort-turn look (owner, 2026-10-13)
assert.ok(!title.includes("font-title"), "no serif display title");
// the name: mono, normal text-sm size (owner, 2026-10-13), NO bg-muted code-block chrome
const name = html.match(/data-testid="session-name-code"[^>]*>/)?.[0] ?? "";
assert.match(name, /font-mono text-lg/);
assert.match(name, /font-mono text-sm/);
assert.ok(!name.includes("bg-muted"), "no code-block chrome");
assert.match(html, /data-testid="session-name-code"[^>]*>Orbital mechanics</);
});