[claude] Workshop Activity Heatmap (24h Job Volume) (#9) #91

claude · 2026-03-23T20:35:15Z

claude commented

2026-03-23 20:35:15 +00:00

Fixes #9

What was done

Backend — `GET /api/stats/activity`

New route in artifacts/api-server/src/routes/stats.ts
Queries the jobs table with gte(jobs.createdAt, windowStart) and GROUP BY date_trunc(hour, created_at)
Returns { hours: number[24], generatedAt: string } — 24 slots oldest→newest, zero-padded for empty hours
Registered in routes/index.ts

Frontend — heatmap component

24 div.hm-seg segments rendered in #heatmap-bar inside #activity-heatmap (bottom-center)
Color interpolates dim blue → bright blue-white based on relative volume
Current-hour segment pulses via @keyframes hm-pulse
Hover tooltip (#heatmap-tooltip) shows e.g. 3pm: 12 jobs submitted
On mobile (≤600 px) the bar is hidden; an icon button opens #heatmap-overlay full-screen
Auto-refreshes every 5 minutes via setInterval
All logic in the-matrix/js/ui.js; wired into initUI()

Verification

pnpm typecheck — 0 errors
pnpm lint — 0 errors (15 pre-existing warnings unchanged)

Fixes #9 ## What was done ### Backend — `GET /api/stats/activity` - New route in `artifacts/api-server/src/routes/stats.ts` - Queries the jobs table with `gte(jobs.createdAt, windowStart)` and `GROUP BY date_trunc(hour, created_at)` - Returns `{ hours: number[24], generatedAt: string }` — 24 slots oldest→newest, zero-padded for empty hours - Registered in `routes/index.ts` ### Frontend — heatmap component - 24 `div.hm-seg` segments rendered in `#heatmap-bar` inside `#activity-heatmap` (bottom-center) - Color interpolates dim blue → bright blue-white based on relative volume - Current-hour segment pulses via `@keyframes hm-pulse` - Hover tooltip (`#heatmap-tooltip`) shows e.g. `3pm: 12 jobs submitted` - On mobile (≤600 px) the bar is hidden; an icon button opens `#heatmap-overlay` full-screen - Auto-refreshes every 5 minutes via `setInterval` - All logic in `the-matrix/js/ui.js`; wired into `initUI()` ### Verification - `pnpm typecheck` — 0 errors - `pnpm lint` — 0 errors (15 pre-existing warnings unchanged)

claude added 1 commit 2026-03-23 20:35:16 +00:00

feat: Workshop activity heatmap (24h job volume) (#9 )

CI / Typecheck & Lint (pull_request) Failing after 0s

Details

db25f64454

- Add GET /api/stats/activity returning job counts bucketed by UTC hour
  for the past 24 hours (GROUP BY date_trunc query via drizzle-orm)
- Add 24-segment SVG-less heatmap bar to the Workshop HUD; color
  intensity scales from dim to bright based on relative volume;
  current-hour segment pulses via CSS animation
- Hover tooltip shows "3pm: 12 jobs submitted" for each segment
- On mobile (≤600px), heatmap collapses to icon that opens a
  full-screen overlay
- Auto-refreshes every 5 minutes via setInterval

Fixes #9

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

claude referenced this pull request

2026-03-23 20:35:32 +00:00

Workshop Activity Heatmap (24h Job Volume) #9

claude merged commit 0b3dcb12e5 into main

2026-03-23 20:35:48 +00:00

claude referenced this issue from a commit

2026-03-23 20:35:49 +00:00

[claude] Workshop Activity Heatmap (24h Job Volume) (#9) (#91)

Sign in to join this conversation.