Skip to content

Delete dialog: itemized consequence checklist + icon badge - #70

Merged
Ed-Barnes937 merged 1 commit into
mainfrom
delete-dialog-checklist
Jul 21, 2026
Merged

Delete dialog: itemized consequence checklist + icon badge#70
Ed-Barnes937 merged 1 commit into
mainfrom
delete-dialog-checklist

Conversation

@Ed-Barnes937

Copy link
Copy Markdown
Collaborator

Fourth Refined-redesign deferred item (mockup §06 — "each irreversible effect is its own line; Cancel is the calm default; Delete is a solid-red deliberate choice").

What changed

  • Layout — the centered icon-over-prose body becomes the mockup's side-by-side header: a 38px danger-tinted ⌦ badge next to the "Delete session" title and mono session name.
  • Checklist body — consequences are itemized, one line each: ✕ Kills the running agent, ✕ Removes the worktree + tmux session, ✓ Keeps the branch <branch>. The ✓ branch line intentionally contradicts the mockup, which says "deletes the branch" — the backend never deletes it (traced in Refined phase 6: Kill vs Delete disambiguation + overlay normalization #66), so the truthful copy stays.
  • Buttons — equal-width pair; Cancel keeps the calm default styling, Delete becomes solid --danger. Overrides scoped under .delete-dialog so the shared .confirm-buttons is untouched.
  • Semantics unchanged — Enter confirms, Enter on focused Cancel cancels, Esc/backdrop cancel.

Tests

  • deleteSessionDialog exposed via __CC_DIALOGS__; DialogsPageObject.openDelete + checklist accessors; 2 new dialog scenarios (checklist content incl. the truthful branch line; resolve semantics + cancel guard).
  • npm run typecheck clean · vitest 62/62 · iwft 106/106.

🤖 Generated with Claude Code

Refined mockup §06 (deferred from the #59-#66 stack): the delete-session
dialog swaps its centered prose for the mockup's layout — a danger-tinted
⌦ badge sits beside the "Delete session" title and mono session name, and
each consequence is its own checklist line (✕ kills the agent, ✕ removes
the worktree + tmux session) with equal-width Cancel / solid-danger Delete
buttons below.

The branch line deliberately diverges from the mockup: it renders as a
green ✓ "Keeps the branch <name>" because the backend never deletes the
branch (traced in #66; the mockup's "deletes the branch" line is wrong).
Resolve semantics are untouched, including the Enter-on-focused-Cancel
guard. Button overrides are scoped under .delete-dialog per the shared-CSS
convention.

deleteSessionDialog joins __CC_DIALOGS__; DialogsPageObject gains
openDelete + checklist accessors; dialogs.iwft.ts adds two scenarios.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@Ed-Barnes937
Ed-Barnes937 merged commit cfa18f0 into main Jul 21, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant