@citadel-labs/beads-ui
v2.4.0
Published
Kanban dashboard and git log viewer for Beads
Downloads
396
Maintainers
Readme
beads-board
A minimal kanban dashboard and git log viewer for Beads. Runs as a standalone CLI tool.
Features
- Kanban board — Issues organized by status: Ready, In Progress, Blocked, Done
- Git log — Scrollable commit history with branch selector
- Bead ID linking — Bead IDs in commit messages are highlighted as badges
- Dark/light theme — Toggle between themes, dark by default
- Auto-refresh — Polls for updates every 5 seconds
- Integrated terminal — Built-in terminal panel powered by node-pty and xterm.js
- Minimal runtime dependencies — Server uses Node.js stdlib plus
node-ptyandwsfor the terminal
Quick Start
# Install globally
npm install -g @citadel-labs/beads-ui
# Or run directly with npx (installs temporarily)
npx @citadel-labs/beads-uiThen from any project that uses Beads:
cd /path/to/your/project
bdui # Start dashboard in background, prints URL
bdui /path/to/project # Specify a project directory
bdui --port 9000 # Custom port
bdui status # Check if dashboard is running
bdui stop # Stop the dashboardOr start the server directly:
node server/index.jsThe server starts in the background and returns control to your terminal. Open the printed URL (default http://localhost:8377) in your browser. Port auto-increments if taken.
How It Works
The server shells out to bd and git CLI commands to fetch data, then serves a React dashboard that polls the API every 5 seconds. No direct database access — all data flows through the Beads CLI.
Browser → GET /api/* → Node.js server → bd/git CLI → JSON response
← React app ← server/dist/See docs/architecture.md for details.
Documentation
- Architecture — How the server and UI fit together
- API Reference — All API endpoints with examples
- Contributing — How to set up a dev environment and make changes
