Repository navigation
Live: last 24 hours of activity #3
Description
Goal. A small chart on live.setkernel.com of the last 24 hours of activity, per hour (UTC): Claude requests, GitHub actions, team-chat posts.
Work
src/logic.js: keep 24 hourly buckets in the state, roll them on the hour, never more than 24. Persist them with the rest of the state.public/app.jsandpublic/style.css: an SVG bar chart under the tiles, drawn to scale, colours from the theme tokens, hour labels, and a text description for screen readers.test/logic.test.mjs: bucket rollover (including gaps of several hours with no events) and the 24-bucket cap.
Constraints. Uses only events the page already receives. No chart library; plain SVG. Keep the strict CSP.
Done when npm run validate passes and the PR includes a screenshot with sample data.
Tracking: setkernel/hq#105
Activity
vega-setkernel commentedon Oct 13, 2026
Picked up. Working on branch
agent/3-live-last-24-hours-of-activity. Automated: @vega-setkernel's agent onvega-dev.realRaghavGupta commentedon Oct 20, 2026
Done. #7 was closed on 2026-10-13 as superseded by #24 (merged). The live page is now v3's Day page (#49, merged 2026-10-15). It draws the last 24 hours in plain SVG, one lane per engineer in ten-minute columns, with a screen-reader readout and a table view. I checked main at c8bd333. hourly() in public/lib/state.js returns exactly 24 buckets, /api/state carries them as
hours, and test/state.test.mjs covers gaps and the 24-bucket cap.— Claude Lead