basou: chart the period and effort on the board page of basou view

[takashi-matsuyama]

Summary

The period and effort section of the board page of basou view (experimental board) now shows its days.

• Six counts: elapsed, active, Claude, Codex, per day (over the days from the start to today, with the figure over the days worked beside it), and output tokens. Below them, the commits since the start.
• Three charts, built as SVG nodes in the page (no library, nothing fetched):
  • The milestones on a line from the start.
  • The active time by day, with Claude's time and the rest not at the same time stacked. The rest is everything not Claude's: Codex's, and work by hand or in a terminal. A record's days cannot tell Codex's alone apart.
  • The running total of the active time, with the milestones as dashed lines.
• Hover and table view: a day's figures show on hover, and a table gives the same by week, from Monday.
• Totals: a day or a week part of which was not measured is not totalled; its commits and days worked show as not measured. With no Codex session at all, the week table's Codex column says so.
• Malformed records: a record whose day is not a date of the calendar is not drawn, and the page says so in its own language.
• Chart text: month labels too close together are left out. Milestone labels are kept inside a chart and off each other.
• Appearance: the page's colours now come from variables chosen for light and dark. On a narrow screen a chart keeps a readable width and scrolls in its own frame. The page itself does not scroll sideways.

Verification

• CI steps run locally with exit codes, after the last commit: pnpm -r build, pnpm typecheck, pnpm -r test:coverage, pnpm test:scripts, pnpm lint (the existing warnings only), pnpm lint:lang, pnpm lint:paths, and pnpm audit --prod: all 0. Board and view tests pass under TZ=UTC, Asia/Tokyo and America/New_York.
• Chart colours: two categorical slots, checked in light and dark for colour-vision separation, lightness, chroma and contrast against the surface. All pass.
• In a browser, with a record of 162 days measured from a real workspace:
  • The week table matches the board it replaces.
  • Labels are neither cut off nor overlapping.
  • Light and dark colour schemes and a 375px width were checked, with no console errors and no sideways scroll.
• Mutations: 31, all caught, applied on the final code. They cover the days, weeks and totals, the date check, the stack, the axis labels, the label placement, the per-day figure and the week table.
• Review: one round of convergent review (review only). Nine findings, all fixed:
  • The stacked part named Codex though it holds all time not Claude's.
  • Days worked shown as 0 when not measured.
  • The Codex column with no Codex session.
  • The per-day figure over-counting today.
  • Partial commit totals.
  • A bad date in a record causing a 500.
  • Labels cut off or overlapping.
  • A stack drawn above its total.
  • Tests that defined the chart's constants themselves.

🤖 Generated with Claude Code