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
components/delete-node-dialog.tsx
+8 -5
View File
@@ -53,22 +53,25 @@ export function DeleteNodeBody({
onClick={(e) => e.stopPropagation()}
className="w-[32rem] max-w-[calc(100vw-2rem)] rounded-xl border bg-card p-5 shadow-xl"
>
<h2 className="font-title text-2xl tracking-tight text-destructive">
<h2 className="text-sm font-semibold text-destructive">
{nodes.length === 1 ? "Delete node?" : `Delete ${nodes.length} nodes?`}
</h2>
{/* The node name(s) below the title in JetBrains Mono (owner,
2026-09-24): the name is the payload — mono suits it, and
NO code-block chrome (the font already says code), sized up
to text-lg so it reads. Same shape as the session dialog.
NO code-block chrome (the font already says code). Owner,
2026-10-13 polish: title loses the serif display look for the
abort-turn look (text-sm font-semibold mono, red kept), and
the names drop the sized-up text-lg for normal text-sm —
still white, still mono. Same shape as the session dialog.
A multi-selection lists its names (capped at 8 + "and K
more" — the count in the title carries the full number). */}
<div className="mt-1.5">
{nodes.length === 1 ? (
<code data-testid="node-name-code" className="font-mono text-lg text-foreground">
<code data-testid="node-name-code" className="font-mono text-sm text-foreground">
{nodes[0]?.name}
</code>
) : (
<code data-testid="node-names-code" className="font-mono text-lg text-foreground">
<code data-testid="node-names-code" className="font-mono text-sm text-foreground">
{nodes.slice(0, 8).map((n) => n.name).join(", ")}
{nodes.length > 8 ? `, and ${nodes.length - 8} more` : ""}
</code>
components/delete-session-dialog.tsx
+10 -5
View File
@@ -20,8 +20,11 @@ export const TRACES_COPY = {
* destructive-confirmation surface, portaled z-50 like the setup dialog,
* now in the node dialog's shape (the two must read as one design):
*
* - red serif title "Delete session?", the session name below it in
* JetBrains Mono, sized up, no code-block chrome;
* - red title "Delete session?" in the abort-turn look (owner, 2026-10-13
* polish: text-sm font-semibold JetBrains Mono via the UI default —
* the serif display title is gone), the session name below it in
* JetBrains Mono at normal text-sm size (was sized-up text-lg), no
* code-block chrome;
* - ONE unchecked-by-default checkbox "Also remove its graph traces"
* (unchecked = preserve-graph: the session record, its jobs, and its
* extraction bookkeeping die; the graph keeps every contribution.
@@ -159,12 +162,14 @@ export function DeleteSessionBody({
onClick={(e) => e.stopPropagation()}
className="w-[32rem] max-w-[calc(100vw-2rem)] rounded-xl border bg-card p-5 shadow-xl"
>
<h2 className="font-title text-2xl tracking-tight text-destructive">Delete session?</h2>
<h2 className="text-sm font-semibold text-destructive">Delete session?</h2>
{/* The session name below the title in JetBrains Mono (owner,
2026-09-24): no code-block chrome — the font already says
code — sized up to text-lg. Same shape as the node dialog. */}
code. Owner, 2026-10-13 polish: normal text-sm size (was
sized-up text-lg), still white. Same shape as the node
dialog. */}
<div className="mt-1.5">
<code data-testid="session-name-code" className="font-mono text-lg text-foreground">
<code data-testid="session-name-code" className="font-mono text-sm text-foreground">
{chat.title}
</code>
</div>