charles/claude-hooks

Fork

You've already forked claude-hooks

Code Issues 10 Pull requests Projects Releases Packages 1 Wiki Activity Actions

B3 — Planner board: multi-select stack-drag #411

New issue

Closed

opened 2026-04-27 00:02:16 +00:00 by claude-desktop · 0 comments

claude-desktop commented

2026-04-27 00:02:16 +00:00

Collaborator

Copy link

As an operator,
I want to select multiple cards and drag them as one stack onto an agent column,
so that triaging a batch of freshly-broken-down stories is one gesture instead of N.

Today drag is single-card only. The dominant operator chore is moving 3-10 newly-created stories from Triage onto agent columns one at a time. Linear and Shortcut both ship multi-select stack-drag; this story brings the same pattern.

Acceptance criteria

Selection

cmd-click (or ctrl-click on Linux) toggles a card's selected state.
shift-click extends a contiguous range from the most recent anchor within the same column; cross-column shift-click resets the anchor instead.
Selected cards render with a 2 px border-accent ring and a checkmark in the top-right corner.
Selection is column-scoped — selecting a card in dev clears any selection in other columns. (Cross-column selection has no useful drag target.)
Selection state lives in component state, not URL — selections do not survive reload (matches Linear/Shortcut).

Drag

Drag of any selected card drags all selected cards.
Cursor shows a stacked-cards visual (3 layered card outlines with offset) and a count badge (3) in the top-right corner of the stack.
Drag of a non-selected card while selection exists drags only the dragged card (does not implicitly select).

Drop + assignment fan-out

Drop on an agent column fires assignCard for each selected card via Promise.allSettled.
Per-card optimistic update (each card moves immediately).
Per-card rollback on error (only the failed card returns to source); show a toast Failed to assign N of M cards: <reason> aggregating failures.
Drop on Unassigned (B1) fan-outs unassign calls with the same semantics; if any selected card has a running task, the confirm dialog enumerates them: Cancel 3 running tasks and unassign?.

Keyboard

Esc clears selection.
cmd-a (or ctrl-a) selects all visible cards in the focused column. Suppressed if the focus is in a text input / textarea.

Tests

board.test.tsx: cmd-click toggles selection.
board.test.tsx: shift-click extends range within column, resets across columns.
board.test.tsx: drag of selected card → 3 assignCard calls + 3 cache patches.
board.test.tsx: one assign call rejects → only the failed card rolls back, toast shows Failed to assign 1 of 3 cards.
board.test.tsx: Esc clears, cmd-a selects all in focused column.

Out of scope

Bulk-edit side panel (Shortcut-style right-rail). Drag is the only bulk op for now.
Cross-column multi-select.
Multi-select restage (B2's drag becomes multi-aware automatically once this lands; no extra acceptance criteria here).

References

Spec: docs/specs/board-rework.md §5 B3.
B1 (drop-to-unassign) — confirm-dialog copy adapts to N cards once both ship.
B4 (keyboard nav) — Esc and cmd-a overlap with B4's keymap; coordinate so they share the same key handler.
Linear's stack-drag visual is the reference (count badge in top-right of stacked cards).

Dependencies

Land after B4 — both stories touch board-level keyboard handlers; B4 establishes the focus/keymap infra and B3 reuses it.

Suggested first commit

feat(board): multi-select cards with cmd/shift-click + stack-drag

**As an** operator, **I want** to select multiple cards and drag them as one stack onto an agent column, **so that** triaging a batch of freshly-broken-down stories is one gesture instead of N. Today drag is single-card only. The dominant operator chore is moving 3-10 newly-created stories from Triage onto agent columns one at a time. Linear and Shortcut both ship multi-select stack-drag; this story brings the same pattern. ## Acceptance criteria ### Selection - [ ] `cmd-click` (or `ctrl-click` on Linux) toggles a card's selected state. - [ ] `shift-click` extends a contiguous range from the most recent anchor within the same column; cross-column shift-click resets the anchor instead. - [ ] Selected cards render with a 2 px `border-accent` ring and a checkmark in the top-right corner. - [ ] Selection is column-scoped — selecting a card in `dev` clears any selection in other columns. (Cross-column selection has no useful drag target.) - [ ] Selection state lives in component state, not URL — selections do not survive reload (matches Linear/Shortcut). ### Drag - [ ] Drag of any selected card drags **all** selected cards. - [ ] Cursor shows a stacked-cards visual (3 layered card outlines with offset) and a count badge (`3`) in the top-right corner of the stack. - [ ] Drag of a non-selected card while selection exists drags only the dragged card (does not implicitly select). ### Drop + assignment fan-out - [ ] Drop on an agent column fires `assignCard` for each selected card via `Promise.allSettled`. - [ ] Per-card optimistic update (each card moves immediately). - [ ] Per-card rollback on error (only the failed card returns to source); show a toast `Failed to assign N of M cards: <reason>` aggregating failures. - [ ] Drop on Unassigned (B1) fan-outs unassign calls with the same semantics; if any selected card has a running task, the confirm dialog enumerates them: `Cancel 3 running tasks and unassign?`. ### Keyboard - [ ] `Esc` clears selection. - [ ] `cmd-a` (or `ctrl-a`) selects all visible cards in the focused column. Suppressed if the focus is in a text input / textarea. ### Tests - [ ] `board.test.tsx`: cmd-click toggles selection. - [ ] `board.test.tsx`: shift-click extends range within column, resets across columns. - [ ] `board.test.tsx`: drag of selected card → 3 `assignCard` calls + 3 cache patches. - [ ] `board.test.tsx`: one assign call rejects → only the failed card rolls back, toast shows `Failed to assign 1 of 3 cards`. - [ ] `board.test.tsx`: `Esc` clears, `cmd-a` selects all in focused column. ## Out of scope - Bulk-edit side panel (Shortcut-style right-rail). Drag is the only bulk op for now. - Cross-column multi-select. - Multi-select restage (B2's drag becomes multi-aware automatically once this lands; no extra acceptance criteria here). ## References - Spec: `docs/specs/board-rework.md` §5 B3. - B1 (drop-to-unassign) — confirm-dialog copy adapts to N cards once both ship. - B4 (keyboard nav) — `Esc` and `cmd-a` overlap with B4's keymap; coordinate so they share the same key handler. - Linear's stack-drag visual is the reference (count badge in top-right of stacked cards). ## Dependencies - Land **after B4** — both stories touch board-level keyboard handlers; B4 establishes the focus/keymap infra and B3 reuses it. ## Suggested first commit `feat(board): multi-select cards with cmd/shift-click + stack-drag`

claude-desktop added the

area:dashboard

type:user-story

labels

2026-04-27 00:04:14 +00:00

dev was assigned by claude-desktop

2026-04-27 00:04:46 +00:00

claude-desktop added this to the v1-board-rework milestone

2026-04-27 00:04:46 +00:00

dev referenced this issue from a pull request that will close it,

2026-04-27 00:31:43 +00:00

feat(board): multi-select cards with cmd/shift-click + stack-drag #420

dev was unassigned by claude-desktop

2026-04-27 03:27:34 +00:00

dev was assigned by claude-desktop

2026-04-27 03:27:36 +00:00

dev was unassigned by claude-desktop

2026-04-27 04:25:10 +00:00

dev was assigned by claude-desktop

2026-04-27 04:25:11 +00:00

dev was unassigned by claude-desktop

2026-04-27 06:25:03 +00:00

dev was assigned by claude-desktop

2026-04-27 06:25:06 +00:00

code-lead closed this issue

2026-04-27 07:35:52 +00:00

code-lead referenced this issue from a commit

2026-04-27 07:35:53 +00:00

feat(board): multi-select cards with cmd/shift-click + stack-drag

No Branch/Tag specified

main

chore/sync-pre-push-from-forge-base

fix/flows-yaml-dispatch-identity

feat/board-tap-to-assign

dev/1107

code-lead/1106

code-lead/1108

dev/1104

code-lead/1103

code-lead/1080

dev/1087

feat/flows-yaml-ci-events

chore/board-drop-stalled-and-density-controls

fix/flows-yaml-routes-always-register

flows-yaml/api-defaults

dev/1023

fix/event-log-history-bleed

fix/janitor-fix-ci-logs-and-cap

dev/1022

fix/board-card-provider

code-lead/1036

dev/1025

code-lead/1020

dev/1017

code-lead/1026

feat/web-shortcut-registry-1018

dev/1015

code-lead/1009

code-lead/1008

dev/975

dev/969

dev/973

dev/967

code-lead/968

code-lead/953

dev/970

dev/976

code-lead/966

code-lead/956

code-lead/951

dev/962

dev/963

dev/977

dev/955

dev/983

dev/961

dev/974

code-lead/950

code-lead/939

dev/941

dev/940

dev/937

dev/938

dev/936

dev/935

feat/web-i18n-fr-locale

feat/spec-editor-ui-polish

chore/drop-legacy-compat

fix/skills-drop-preview-pane

fix/882-skills-safety-rail

dev/911

dev/909

dev/923

dev/917

dev/915

feat/879-sr11-m2-drop-legacy-skill

code-lead/873

dev/881

code-lead/869

dev/867

code-lead/845

code-lead/843

code-lead/844

dev/837

dev/861

dev/849

code-lead/837

code-lead/842

fix/dedup-rebase-inflight

dev/838

code-lead/847

dev/833

code-lead/848

pr/838

code-lead/841

feat/settings-save-bar/836

code-lead/840

dev/846

code-lead/839

dev/832

fix/board-sse-stale-cache

dev/834

dev/835

feat/settings-breadcrumbs

feat/forge-oauth-credentials

refactor/service-config-consolidation

feat/agent-tokens-to-secrets

feat/gitlab-oauth-to-db

feat/authelia-rip-and-voice-fixes

fix/rebase-storm-and-dead-letter

code-lead/797

code-lead/796

dev/811

code-lead/798

dev/810

code-lead/795

dev/808

code-lead/794

dev/805

dev/802

dev/803

feat/avatar-menu-settings-entry

feat/per-agent-token-tracking

dev/793

dev/747

dev/752

code-lead/790

code-lead/759

dev/756

dev/760

dev/741

dev/767

dev/740

dev/709

dev/644

dev/637

boss/614

dev/600

dev/611

dev/585

fix/login-bonus-fixes

boss/544

dev/542

refactor/api-prefix-and-session-gate

dev/489

boss/531

boss/518

dev/499

boss/516

dev/530

dev/517

dev/519

dev/515

dev/522

dev/503

dev/471

boss/329

dev/417

dev/418

dev/402

boss/327

dev/334

dev/332

boss/326

boss/325

dev/331

boss/324

boss/323

boss/322

dev/294

test/s11-task-analytics

dev/262

boss/270

dev/268

foreman/ui-consolidation-spec

dev/234

boss/196

boss/176

boss/164

fix/124-session-persist-bind

boss/52

dev/87

boss/73

dev/77

dev/81

dev/82

boss/79

dev/42

dev/35

boss/7

No results found.

Labels

Clear labels

area:agents

Agent types, pool scheduling, per-instance config

area:dashboard

Dashboard UI and observability surfaces

area:database

DB layer — schema, migrations, ORM, raw SQL

area:design

UI/UX mockup work — routes to designer agent

area:design-review

Design review dispatch — routes to design-reviewer agent

area:flows

Flow runner — YAML loader, executor, op registry, expression eval

area:infra

Deployment, isolation, containers, systemd units

area:meta

Tracking, scaffolding, project setup

area:security

Security — routes to reviewer-security (opus)

area:sessions

Session-id store, Claude SDK resume logic

area:webhook

Forgejo webhook routing and handlers

area:workdir

Clone cache, worktrees, git identity

security

Security-sensitive issue

Tracking or decisions, not implementation work

No labels

Milestone

Clear milestone

No items

No milestone

v1-board-rework

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

dev

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

charles/claude-hooks#411

Reference in a new issue

Repository

charles/claude-hooks

Title

Body

No description provided.

Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?

Rows
Columns