timothy/ersatztv
1
0
Fork 0
Code Issues 57 Pull Requests 6 Actions Packages Projects Releases 9 Wiki Activity

ChicoryTV SPA: Dashboard screen #83

New Issue
Closed
opened 2026-07-02 01:07:18 +02:00 by timothy · 2 comments
timothy commented 2026-07-02 01:07:18 +02:00
Owner
Copy Link
Copy Source

Recreate design-system/templates/chicorytv-admin/Dashboard.jsx wired to live API data.

On-air cards, stat tiles, condensed health panel, activity feed, release notes. Acceptance: matches prototype; data from the API; all 3 themes.

Recreate `design-system/templates/chicorytv-admin/Dashboard.jsx` wired to live API data. On-air cards, stat tiles, condensed health panel, activity feed, release notes. **Acceptance:** matches prototype; data from the API; all 3 themes.
timothy added the frontend label 2026-07-02 01:07:18 +02:00
timothy added a new dependency 2026-07-02 01:08:41 +02:00
#82 ChicoryTV SPA: app shell (sidebar + top bar + routing)
timothy added a new dependency 2026-07-02 01:08:42 +02:00
#91 ChicoryTV SPA: Blazor → SPA cutover (retire old UI)
timothy commented 2026-07-02 18:29:34 +02:00
Author
Owner
Copy Link
Copy Source

Done

What was done: Recreated the ChicoryTV SPA dashboard from the design-system prototype in the React app. The dashboard now renders API-backed stat tiles, on-air channel cards, condensed health/status rows, activity feed, release/version card, loading state, empty channel state, and API error state. Added a dashboard aggregate hook that reads /api/channels, /api/collections, /api/schedules, /api/sessions, and /api/version through the existing typed request client.

Root cause: n/a

Files changed: web/src/App.tsx, web/src/App.test.tsx, web/src/api/dashboard.ts, web/src/api/index.ts, web/src/shell.css

Verification: cd web && npm test -- --run src/App.test.tsx (14 passed); cd web && npm test -- --run (20 passed); cd web && npm run lint; cd web && npm run build.

Deferred: Detailed release-note body text is not currently exposed by the REST API; the release card uses /api/version and notes that server release-feed content should be wired when a REST endpoint exists.

Follow-up issues: none created.

Docs updated: n/a

## Done **What was done**: Recreated the ChicoryTV SPA dashboard from the design-system prototype in the React app. The dashboard now renders API-backed stat tiles, on-air channel cards, condensed health/status rows, activity feed, release/version card, loading state, empty channel state, and API error state. Added a dashboard aggregate hook that reads `/api/channels`, `/api/collections`, `/api/schedules`, `/api/sessions`, and `/api/version` through the existing typed request client. **Root cause**: n/a **Files changed**: `web/src/App.tsx`, `web/src/App.test.tsx`, `web/src/api/dashboard.ts`, `web/src/api/index.ts`, `web/src/shell.css` **Verification**: `cd web && npm test -- --run src/App.test.tsx` (14 passed); `cd web && npm test -- --run` (20 passed); `cd web && npm run lint`; `cd web && npm run build`. **Deferred**: Detailed release-note body text is not currently exposed by the REST API; the release card uses `/api/version` and notes that server release-feed content should be wired when a REST endpoint exists. **Follow-up issues**: none created. **Docs updated**: n/a
timothy commented 2026-07-02 19:44:54 +02:00
Author
Owner
Copy Link
Copy Source

Post-closure audit (2026-07-02, plan audit under #59): the shipped Dashboard only partially meets "data from the API". Genuinely wired: channel count, transcode sessions, release version, and the shell integration. Stubbed/fabricated: on-air cards (first 4 channels, hash-generated progress, synthesized titles), health panel (real health-check engine unexposed; rows fabricated from counts), activity feed (synthetic), and two mislabeled tiles (schedules counted as playouts, collections as libraries).

Follow-up filed as #109 (blocked by #100 playouts list, #103 media-sources read model, #108 health API, #97 on-air state). Leaving this issue closed; #109 carries the remediation.

Post-closure audit (2026-07-02, plan audit under #59): the shipped Dashboard only partially meets "data from the API". Genuinely wired: channel count, transcode sessions, release version, and the shell integration. Stubbed/fabricated: on-air cards (first 4 channels, hash-generated progress, synthesized titles), health panel (real health-check engine unexposed; rows fabricated from counts), activity feed (synthetic), and two mislabeled tiles (schedules counted as playouts, collections as libraries). Follow-up filed as **#109** (blocked by #100 playouts list, #103 media-sources read model, #108 health API, #97 on-air state). Leaving this issue closed; #109 carries the remediation.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
ad-hoc
One-off / ad-hoc work not tracked by a dedicated issue
 api
REST API / HTTP endpoints
 bug
Something isn't working
 ci-cd
Build, test, deploy pipeline
 content
Channel content / schedules / playlists
 dependencies
Dependency updates (Renovate)
 enhancement
New feature or improvement
 frontend
ChicoryTV React SPA frontend
 in-progress
Claimed by an active session — do not pick up
 jellyfin
Jellyfin tuner / IPTV integration
 parked
Excluded from automatic queue pickup; work only when explicitly selected
 priority: high
priority: low
priority: medium
review
Adversarial review finding
 security
Security / vulnerability fix
No labels frontend
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
renovate timothy (Timothy)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Blocks
#91 ChicoryTV SPA: Blazor → SPA cutover (retire old UI)
timothy/ersatztv
Depends on
#82 ChicoryTV SPA: app shell (sidebar + top bar + routing)
timothy/ersatztv
Reference: timothy/ersatztv#83