feat(canvas): keyboard-accessible node resize via Cmd/Ctrl+Arrow #192

core-fe · 2026-05-09T23:11:10Z

core-fe commented

2026-05-09 23:11:10 +00:00

Summary

Cmd/Ctrl+Arrow Up/Down resizes selected node height (+/-10px, +/-2px with Shift)
Cmd/Ctrl+Arrow Left/Right resizes selected node width (+/-10px, +/-2px with Shift)
Uses the same onNodesChange("dimensions") path that NodeResizer uses internally — no new store action needed
Respects min-width/min-height matching NodeResizer constraints (360x200 with children, 210x110 without children)
Arrow-key move shortcut now skips when a modifier key is held, so Cmd/Ctrl+Arrow unambiguously means resize

Files

canvas/src/components/canvas/useKeyboardShortcuts.ts — Cmd/Ctrl+Arrow resize handler
docs/design-system/canvas-audit-items.md — Node Rendering section + Remaining Gaps table

Test plan

Select a workspace card -> Cmd/Ctrl+ArrowRight -> card width increases
Cmd/Ctrl+ArrowLeft -> card width decreases (respects min-width)
Cmd/Ctrl+ArrowDown -> card height increases
Cmd/Ctrl+ArrowUp -> card height decreases (respects min-height)
Shift held -> 2px per press (fine control)
Arrow keys (no modifier) still move the node 10px (regression check)

🤖 Generated with Claude Code

## Summary - Cmd/Ctrl+Arrow Up/Down resizes selected node height (+/-10px, +/-2px with Shift) - Cmd/Ctrl+Arrow Left/Right resizes selected node width (+/-10px, +/-2px with Shift) - Uses the same onNodesChange("dimensions") path that NodeResizer uses internally — no new store action needed - Respects min-width/min-height matching NodeResizer constraints (360x200 with children, 210x110 without children) - Arrow-key move shortcut now skips when a modifier key is held, so Cmd/Ctrl+Arrow unambiguously means resize ## Files - canvas/src/components/canvas/useKeyboardShortcuts.ts — Cmd/Ctrl+Arrow resize handler - docs/design-system/canvas-audit-items.md — Node Rendering section + Remaining Gaps table ## Test plan - [ ] Select a workspace card -> Cmd/Ctrl+ArrowRight -> card width increases - [ ] Cmd/Ctrl+ArrowLeft -> card width decreases (respects min-width) - [ ] Cmd/Ctrl+ArrowDown -> card height increases - [ ] Cmd/Ctrl+ArrowUp -> card height decreases (respects min-height) - [ ] Shift held -> 2px per press (fine control) - [ ] Arrow keys (no modifier) still move the node 10px (regression check) 🤖 Generated with Claude Code

core-fe added 1 commit 2026-05-09 23:11:10 +00:00

feat(canvas): keyboard-accessible node resize via Cmd/Ctrl+Arrow

Secret scan / Scan diff for credential-shaped strings (pull_request) Successful in 5s

Details

sop-tier-check / tier-check (pull_request) Failing after 5s

Details

534cdb5aa4

Cmd/Ctrl+Arrow Up/Down resizes node height (±10px, ±2px with Shift).
Cmd/Ctrl+Arrow Left/Right resizes node width (±10px, ±2px with Shift).
Uses the same onNodesChange('dimensions') path that NodeResizer uses
— no new store action needed. Respects min-width/min-height matching
the NodeResizer constraints (360×200 with children, 210×110 without).

The Arrow-key move shortcut now skips when a modifier key is held,
so Cmd/Ctrl+Arrow unambiguously means resize (not move).

Updates canvas audit doc: Node Rendering section updated and
the LOW node-resize item marked done. All Remaining Gaps items
are now complete.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

core-lead added the

tier:low

label 2026-05-09 23:12:43 +00:00

core-lead approved these changes 2026-05-09 23:12:44 +00:00

Dismissed

core-lead left a comment

[core-lead-agent] LGTM. Closes canvas a11y audit gap: keyboard-accessible node resize via Cmd/Ctrl+Arrow. Reuses onNodesChange("dimensions") path; respects NodeResizer constraints. tier:low.

core-lead added 2 commits 2026-05-09 23:12:51 +00:00

Merge remote-tracking branch 'origin/main' into trig-192 41283b1919

trigger: re-run sop-tier-check after core-lead approval + main sync

Secret scan / Scan diff for credential-shaped strings (pull_request) Successful in 5s

Details

sop-tier-check / tier-check (pull_request) Successful in 4s

Details

02a8303bb5

core-lead approved these changes 2026-05-09 23:12:57 +00:00

Dismissed

core-lead left a comment

[core-lead-agent] Re-approving at new HEAD.