Skip to content

feat: Kanban Phase 1 — Visual Foundation (drag-and-drop + card polish)#8

Open
marcmantei wants to merge 4 commits into
mainfrom
feat/kanban-phase1-visual-foundation
Open

feat: Kanban Phase 1 — Visual Foundation (drag-and-drop + card polish)#8
marcmantei wants to merge 4 commits into
mainfrom
feat/kanban-phase1-visual-foundation

Conversation

@marcmantei

Copy link
Copy Markdown
Owner

Summary

Implements Phase 1 of the Kanban UI overhaul (#5).

Closes #6

What's new

Drag-and-drop between columns

  • Full cross-column DnD using @dnd-kit (already in package.json, zero new deps)
  • 8px activation distance prevents accidental drags on click
  • Optimistic updates — card moves instantly in UI, reverts on API error
  • Drop zones highlight with accent border+tinted background while dragging over
  • Ghost drag overlay shows card at 1.05x scale + 1° tilt during drag

Card polish

  • Priority color left-border strip: red for critical, amber for high
  • Hover lift effect: -translate-y-0.5 + shadow-md on hover
  • Active worker pulse dot: animated violet dot on cards with an active worker
  • Timestamp tooltip: updated_at shown in footer, full date on hover

Column UX

  • Drop target shows "Drop here" hint when a card is being dragged over an empty column
  • Column border and background transition to accent tint during active drag-over

Build

✓ built in 17.10s — zero type errors, zero new dependencies.

- Add @dnd-kit drag-and-drop between columns (already installed, zero new deps)
- DragOverlay shows ghost card with tilt effect during drag
- Optimistic updates: card moves instantly, reverts on API error
- Drop zone highlights with accent border+background when dragging over
- Priority color left-border strip (red=critical, amber=high)
- Hover lift effect on cards (translate-y + shadow)
- Active worker pulse dot on cards with worker_id
- 8px activation distance prevents accidental drags on click
- Empty columns show 'Drop here' hint while dragging
- Updated timestamp footer shows updated_at with tooltip on hover

Closes #6
@marcmantei
marcmantei force-pushed the feat/kanban-phase1-visual-foundation branch from abcd8e2 to 72dbca8 Compare April 29, 2026 08:59
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.

feat: Phase 1 — Kanban Visual Foundation (drag-and-drop, card polish, priority colors)

1 participant