Sigil Design
274 components for shadcn/ui. Dark-first, instrument-grade.
1. Add the registry to components.json
{ "registries": { "@sigil": "https://ui.nightwork.dev/r/{name}.json" }}2. Add a component
pnpm dlx shadcn@latest add @sigil/agent-hudBlocks
Approval Inbox
The agent's pending actions as a reviewable inbox — binary and multi-choice approvals with live state, queued work visible below.
tool-call + queue
Instrument Rack
The skeuomorphic family as one instrument — channel strips chaining gain into level, computed outputs driving readouts and signal LEDs, a bus gauge, and a power toggle that kills the rack.
knob + fader + readout + led + gauge + toggle-switch
Graph Inspector
A topology you can interrogate — force-directed canvas with a two-way inspector panel: click drives the panel, the panel's neighbor list drives the canvas.
graph-canvas + property-panel
Service Health Panel
A live service-status list — StatusDot for categorical health, Meter for proportion, ItemRow for the row scaffold.
status-dot + meter + item-row
Channel Strip
A mixer channel strip — Knob for pan, Fader for volume, LED for clip/signal, ToggleSwitch for mute. The canonical instrument composition.
knob + fader + led + toggle-switch
Review Workbench
The whole review loop in one responsive shell — Decisions, Debt, and Accept gathered into a tabbed overlay. Right Sheet on desktop, bottom Drawer on phone.
decisions-panel + review-debt-panel + acceptance-checklist
Kanban Board
A cross-column kanban — drag cards between columns with a drag overlay. Generic over card type T; columns and items are props, onMove handles the state transition.
sortable + draggable
Milestone Rail
A document's milestones as a read-only vertical rail — status dot, target, and description per milestone, wrapping to stacked rows at any width.
tone + pm