Skip to content

Add a proper empty state to the Kanban board #66

Description

@nbkdoesntknowcoding

The Kanban board renders a bare "Loading tasks…" string when the board is empty, which reads as a broken/permanent loading state.

Where: apps/web/src/components/dev/KanbanBoard.tsx (~lines 322–335)

What to do: Replace the empty case with a proper empty state — an icon, a short heading ("No tasks yet"), a line of explanatory text, and a CTA button to create the first task. There's already a nice pattern to copy in apps/web/src/pages/app/flows/index.astro (the .fl-empty block).

Done when: an empty board shows the styled empty state (not "Loading tasks…"), and it visually matches the flows empty state.

Size: S


New here? The README has a ~90-second self-host quickstart to run the app locally. Comment on the issue if you want pointers — happy to help.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestgood-first-issueGood for newcomerssize/SSmall: a few hoursuiFrontend / UI / UX work

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions