feat(CUB-57): [Control Center] Dashboard Summary Component #2

Closed
overseer wants to merge 1 commits from agent/rex/CUB-57-dashboard-summary into main
Owner

What

Dashboard Summary Component for the Extrudex Control Center.

  • Created Angular 21 frontend project scaffold with Angular Material
  • Built DashboardSummaryComponent with:
    • Total active agents display (active / total)
    • Status breakdown chips (Active, Idle, Thinking, Error)
    • System health indicator (connected/disconnected dot + status label)
    • Signal-driven reactive updates via updateSummary() / updateHealth() methods
    • Touch-optimized design (48px min targets, kiosk font sizing)
    • High-contrast colors for workshop/bright environments
    • OnPush change detection for performance
  • Created AgentSummary and SystemHealth model interfaces
  • Full unit test suite (10 component tests, all passing)
  • Production build passes

Files Created

  • frontend/src/app/components/dashboard-summary/dashboard-summary.component.ts
  • frontend/src/app/components/dashboard-summary/dashboard-summary.component.html
  • frontend/src/app/components/dashboard-summary/dashboard-summary.component.scss
  • frontend/src/app/components/dashboard-summary/dashboard-summary.component.spec.ts
  • frontend/src/app/models/agent.model.ts
  • Angular project scaffold (package.json, angular.json, etc.)

Validation

  • ng build --configuration production → PASS
  • ng test --no-watch → 12/12 tests PASS

Linear

Closes CUB-57

## What Dashboard Summary Component for the Extrudex Control Center. - Created Angular 21 frontend project scaffold with Angular Material - Built `DashboardSummaryComponent` with: - Total active agents display (`active / total`) - Status breakdown chips (Active, Idle, Thinking, Error) - System health indicator (connected/disconnected dot + status label) - Signal-driven reactive updates via `updateSummary()` / `updateHealth()` methods - Touch-optimized design (48px min targets, kiosk font sizing) - High-contrast colors for workshop/bright environments - OnPush change detection for performance - Created `AgentSummary` and `SystemHealth` model interfaces - Full unit test suite (10 component tests, all passing) - Production build passes ## Files Created - `frontend/src/app/components/dashboard-summary/dashboard-summary.component.ts` - `frontend/src/app/components/dashboard-summary/dashboard-summary.component.html` - `frontend/src/app/components/dashboard-summary/dashboard-summary.component.scss` - `frontend/src/app/components/dashboard-summary/dashboard-summary.component.spec.ts` - `frontend/src/app/models/agent.model.ts` - Angular project scaffold (package.json, angular.json, etc.) ## Validation - `ng build --configuration production` → PASS - `ng test --no-watch` → 12/12 tests PASS ## Linear Closes CUB-57
overseer added 1 commit 2026-04-26 05:16:23 -04:00
Rex closed this pull request 2026-04-26 11:17:57 -04:00

Pull request closed

Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CubeCraft-Creations/Extrudex#2