mirror of
https://github.com/paperclipai/paperclip.git
synced 2026-10-23 17:33:51 +02:00
scotttongandClaude Opus 4.8
1bc89aea68
Refactor the agents section status indicators to the approved PAP-75 brand state system (agents only; task/issue chips are split to PAP-78/79). - status-colors.ts: colour-named agentStatusColor (idle→gray, running→blue, paused→amber, error→red; active aliases idle) + brand .task-chip badge map, heartbeat-capsule fill map, and per-status motion map. Removes agentStatusDot. - index.css: hb-pulse (running) + hb-blink (error) keyframes with a prefers-reduced-motion guard. - StatusBadge.tsx: AgentStatusBadge (bordered brand chip, separate from the shared statusBadge) + AgentStatusCapsule (8×16 heartbeat capsule). - Agents.tsx: dot → capsule and shared chip → AgentStatusBadge in both list and org views; exclude terminated + pending_approval from the list (org reports promoted); drop the now-defunct "Show terminated" filter. - Audit: AgentActionButtons + AgentProperties render AgentStatusBadge; remove dead agentStatusDot import from AgentDetail; refresh the DesignGuide showcase. Verified: ui typecheck clean; /agents + /design-guide visually checked in light and dark mode (capsule fills, brand chip borders/translucency, running pulse, error blink, reduced-motion fallback). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@paperclipai/ui
Published static assets for the Paperclip board UI.
What gets published
The npm package contains the production build under dist/. It does not ship the UI source tree or workspace-only dependencies.
Storybook
Storybook config, stories, and fixtures live under ui/storybook/.
pnpm --filter @paperclipai/ui storybook
pnpm --filter @paperclipai/ui build-storybook
Typical use
Install the package, then serve or copy the built files from node_modules/@paperclipai/ui/dist.