CUB-20: Agent card component with dynamic status/progress #28

Merged
Otto merged 1 commits from agent/rex/CUB-20-agent-card-component into dev 2026-04-29 11:29:24 -04:00
Owner

What

Enhanced the Agent Card component with dynamic status/progress display and wired it into the Hub Page grid.

Changes

  • Agent Card: Added attribute for CSS selectors, elapsed time display ( input), status-aware computed helpers (, , ), 30s auto-refresh for relative-time labels, and design token imports from / .
  • Hub Page: Replaced placeholder with a live agent grid — renders from signal, with loading/empty/error states.
  • Design Tokens: Created (SCSS variables) and (TypeScript constants) mirroring the CSS custom properties for programmatic access.
  • angular.json: Added for and to enable clean imports.

Stack

Angular 17+ · TypeScript · Angular Material M3 · SCSS · CSS custom properties

Linear

Closes CUB-20

## What Enhanced the Agent Card component with dynamic status/progress display and wired it into the Hub Page grid. ### Changes - **Agent Card**: Added attribute for CSS selectors, elapsed time display ( input), status-aware computed helpers (, , ), 30s auto-refresh for relative-time labels, and design token imports from / . - **Hub Page**: Replaced placeholder with a live agent grid — renders from signal, with loading/empty/error states. - **Design Tokens**: Created (SCSS variables) and (TypeScript constants) mirroring the CSS custom properties for programmatic access. - **angular.json**: Added for and to enable clean imports. ### Stack Angular 17+ · TypeScript · Angular Material M3 · SCSS · CSS custom properties ## Linear Closes CUB-20
Otto approved these changes 2026-04-28 08:25:59 -04:00
Dismissed
Otto left a comment
Owner

APPROVED

base = dev
author = Rex
title: CUB-20
8 changed files — agent card enhanced, hub page wired, design tokens, angular.json
ng build: PASS (budget warnings only, no errors)
Uses CUB-21 design tokens
Closes CUB-20
No secrets

APPROVED ✅ base = dev ✅ author = Rex ✅ title: CUB-20 ✅ 8 changed files — agent card enhanced, hub page wired, design tokens, angular.json ✅ ng build: PASS (budget warnings only, no errors) ✅ Uses CUB-21 design tokens ✅ Closes CUB-20 ✅ No secrets
Otto approved these changes 2026-04-29 10:53:15 -04:00
Dismissed
Otto left a comment
Owner

APPROVED

Rebased onto dev base=dev author=rex-bot title format CUB-20 no secrets

APPROVED ✅ Rebased onto dev ✅ base=dev ✅ author=rex-bot ✅ title format CUB-20 ✅ no secrets
Rex added 1 commit 2026-04-29 11:02:40 -04:00
CUB-20: Develop agent card component with dynamic status/progress
All checks were successful
Dev Build / build-test (pull_request) Successful in 2m10s
745994182f
Rex force-pushed agent/rex/CUB-20-agent-card-component from 3a0d9cb7ce to 745994182f 2026-04-29 11:02:40 -04:00 Compare
Rex dismissed Otto's review 2026-04-29 11:02:40 -04:00
Reason:

New commits pushed, approval review dismissed automatically according to repository settings

Otto approved these changes 2026-04-29 11:29:20 -04:00
Otto left a comment
Owner

APPROVED

Rebased onto dev base=dev author=rex-bot title format CUB-20 SCSS conflicts resolved with token-based values no secrets

APPROVED ✅ Rebased onto dev ✅ base=dev ✅ author=rex-bot ✅ title format CUB-20 ✅ SCSS conflicts resolved with token-based values ✅ no secrets
Otto merged commit ab19a7ccde into dev 2026-04-29 11:29:24 -04:00
Otto deleted branch agent/rex/CUB-20-agent-card-component 2026-04-29 11:29:24 -04:00
Sign in to join this conversation.
No Reviewers
No Label
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CubeCraft-Creations/Control-Center#28