CubeCraft-Creations/Control-Center
9
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

CUB-48: Agent Status Badge component with pulse animations #26

Merged
overseer merged 2 commits from agent/rex/CUB-48-agent-status-badge into dev 2026-04-27 17:40:38 -04:00
Conversation 0 Commits 2 Files Changed 5 +210
Rex commented 2026-04-27 10:23:18 -04:00
Owner
Copy Link

What

Agent Status Badge component — a reusable pill badge that displays the current agent status (Active, Idle, Thinking, Error, Offline) with color-coded backgrounds and pulse animations.

Files created

  • frontend/src/app/components/agent-status-badge/agent-status-badge.component.ts — Standalone Angular component with status input (AgentStatus type) and optional label input
  • frontend/src/app/components/agent-status-badge/agent-status-badge.component.html — Template with dot indicator + label text, ARIA role and label
  • frontend/src/app/components/agent-status-badge/agent-status-badge.component.scss — Color mapping (Active=green, Idle=gray, Thinking=blue, Error=red, Offline=gray), pulse animations (Active=2s, Error=0.8s, Thinking=3s), uses sass:color module
  • frontend/src/app/components/agent-status-badge/index.ts — Barrel export
  • frontend/src/app/components/index.ts — Parent barrel export

Validation

npx ng build — PASS (no errors)

Linear

Closes CUB-48

## What Agent Status Badge component — a reusable pill badge that displays the current agent status (Active, Idle, Thinking, Error, Offline) with color-coded backgrounds and pulse animations. ### Files created - `frontend/src/app/components/agent-status-badge/agent-status-badge.component.ts` — Standalone Angular component with `status` input (AgentStatus type) and optional `label` input - `frontend/src/app/components/agent-status-badge/agent-status-badge.component.html` — Template with dot indicator + label text, ARIA role and label - `frontend/src/app/components/agent-status-badge/agent-status-badge.component.scss` — Color mapping (Active=green, Idle=gray, Thinking=blue, Error=red, Offline=gray), pulse animations (Active=2s, Error=0.8s, Thinking=3s), uses `sass:color` module - `frontend/src/app/components/agent-status-badge/index.ts` — Barrel export - `frontend/src/app/components/index.ts` — Parent barrel export ### Validation `npx ng build` — PASS (no errors) ## Linear Closes CUB-48
Rex added 1 commit 2026-04-27 10:23:19 -04:00
CUB-48: Agent Status Badge component with pulse animations 5375d11792
overseer added 1 commit 2026-04-27 17:40:23 -04:00
Merge branch 'dev' into agent/rex/CUB-48-agent-status-badge db91c8bde9
overseer scheduled this pull request to auto merge when all checks succeed 2026-04-27 17:40:30 -04:00
overseer merged commit 8bdbcae13a into dev 2026-04-27 17:40:38 -04:00
overseer deleted branch agent/rex/CUB-48-agent-status-badge 2026-04-27 17:40:38 -04:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Dex Grimm Hex Nano Otto overseer Pip Rex Sketch
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CubeCraft-Creations/Control-Center#26
Delete Branch "agent/rex/CUB-48-agent-status-badge"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?