Skip to content

serve: board UI — six lanes + card faces + post-it styling #18

Description

@andreiRS

Part of the serve-board spec (docs/specs/serve-board.md), architecture in docs/adr/0016-board-server-reuses-core-in-process.md.

Effort

L — the main UI surface and visual style.

What to build

The board UI: render GET /api/board as six lanes (horizontal scroll) of post-it cards in the handwritten / physical-sticky-note style of the reference prototype. Each card face shows: Short ID pill, handwritten title, ~2-line body preview, effort as a corner color dot, a red "blocked by #N" badge when the task has unresolved blockers (in any lane), an attended/agent marker, and "updated Xm ago". Card paper color and tilt are seeded from the task id (stable across refresh). Read-only in this slice (no drag/create/edit yet). Left rail collapses to just a logo mark; no search/filter toolbar.

Acceptance criteria

  • All six lanes render with cards sorted oldest-first; counts per lane are correct.
  • Card face shows id, title, body preview, effort dot, blocked-by badge (when applicable), attendance marker, updated-ago.
  • Color and tilt are stable per task across reloads (seeded from id).
  • Empty lane shows the quiet handwritten dashed drop-zone state.

Blocked by

#13, #25

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestserve-boardVisual web board (tasks serve) v1size/LEffort: lots of context, multiple touchpoints

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions