feat(web): render every chart from API data and refresh the dashboard UI

[danielmarv]

Description:

Replace every chart PNG on the dashboard with an interactive chart drawn from typed JSON in the data API, and refresh the dashboard shell (header, sidebar, stat tiles, tables) on shadcn/ui.

The data flow is: pipeline CSV → validated chart document (export/chart_data.py) → React view. Drawing options are declared per chart in dashboard_spec/, not coded per chart, so adding a chart means writing a spec entry, not a component. The exporter never aggregates, so the charts show the analysis's own numbers.

• Add a chart-data contract to API v1, added without breaking it: each chart variant gains an optional interactive reference to data/api/v1/<org>/charts/<chart>.json. The document kinds are timeseries, categories, matrix, network and events.
• Declare a data source for all 62 chart variants (43 hiero-ledger, 19 hiero-hackers). Pipelines that only wrote PNGs now also write their CSVs:
  • affiliation (single-employer counts)
  • CODEOWNERS and runners
  • HIP evidence by status
  • the hackers overview
  • Discord, which keeps its archive date
• Render charts with Recharts plus plain SVG/HTML:
  • bars, lines and areas, including cumulative stacked lines
  • heatmaps
  • a status meter and a funnel
  • repository networks with a deterministic, overlap-free layout and a matrix view
  • a release timeline
• Give every chart:
  • exact values on hover and keyboard focus
  • a Chart / Data toggle
  • a CSV of the selected rows
  • an expanded view
  • light and dark themes
  • a footer stating the counting rule, the window and freshness
• Add exploration features:
  • a dashboard-wide focus (repo, contributor, organisation or team) that highlights charts and filters tables
  • view state kept in the URL, so shared links reopen the same view
  • comparisons with the previous period
  • a span brush on long time series
• Stop showing chart images in the dashboard. PNGs are still generated for external reports.
• Refresh the UI:
  • header: org switcher with GitHub avatars, data-freshness status, page name shown on scroll
  • sidebar: reading-progress rail, "No data" markers for empty tabs, Bricolage Grotesque display font
  • stat tiles with meters
  • compact chart toolbars
  • tables with share bars, repo links and role colours
• Add a percent column format (Python COLUMN_FORMATS and FormattedCell).
• Update the output contract on purpose: every produced chart variant must have a loadable chart document, and every declared chart must name a data source.

Related issue(s):

Refs #333. That issue migrates the first chart (the contributor heatmap). This PR migrates all of them, following the per-kind design discussed there.

Overlaps with open PRs, so we should agree a merge order with their authors:

• Render every dashboard chart from API data instead of PNG images #489
• fix: improve chart and tab accessibility #422 (Make chart alt text variant-aware and expose active tabs to assistive tech #326) edits image alt text in ChartSectionCard.tsx and TabBar.tsx. This PR removes the images and TabBar.tsx. Its tab-state goal is covered here: variant tabs are radio groups that report the checked tab, and sidebar tabs set aria-current="page".
• feat(web): add printable dashboard tabs with provenance #473 (Render any tab as a clean printed document for TSC meetings #356) prints chart PNGs. Printed charts would need to come from the interactive render.
• Feat/playwright smoke 332 #391 (Add a Playwright smoke suite for the built dashboard #332) has smoke-test assertions against chart images.

Notes for reviewer:

• Counting rules:
  • Distinct-people counts are never summed across periods: span controls only pick existing buckets.
  • Flows fill empty buckets with zero, stocks carry their level forward, and snapshots are never gap-filled.
  • Partial buckets are flagged.
• Deliberate divergences from the PNGs:
  • The Scorecard breakdown is a repository × check matrix on a fixed 0–10 scale, because Scorecard weights its checks rather than adding them.
  • The network relaxes the PNG layout so no bubble or label overlaps.
  • The HIP funnel, CODEOWNERS and push-activity charts use a funnel or meter instead of bars.
• Compatibility: v1 only gains fields. An older manifest without chart documents shows a "data not available yet" message for each chart, never a broken image.
• Bundle: Recharts is in a lazily loaded chunk (about 129 kB gzipped). The display font adds a self-hosted woff2 of about 77 kB (Latin subset), so the CSP is unchanged apart from allowing https://github.com images, needed for org avatars.
• Size: 128 files, about +11.6k / −2.1k lines, excluding lockfiles. The largest new files are in web/src/components/charts/ and src/hiero_analytics/export/chart_data.py.
• Verified locally:
  • uv run pytest (858 passed) and uv run ruff check src tests.
  • In web/: npm test (127 passed), npm run lint, npm run build.
  • Every tab checked in a browser in light and dark mode and at phone width.
• Screenshots: to be attached.

[github-actions]

📊 Dashboard preview

The dashboard was built for this PR.

➡️ Download dashboard-preview-490, unzip, then serve it with python3 -m http.server -d . and open the URL it prints. (The app fetches its data over HTTP, so opening index.html directly shows an empty page.)

The artifact is built from this PR — treat it as contributor-authored code and glance at the diff before opening it. It expires after 7 days and is replaced on each new push.

[MonaaEid]

Lgtm