[BunsDev]

Analytics now looks and fits like the rest of Modex. Before this, the dashboard was its own product inside the app:

• a "modex by TypeSafe" logo sidebar, a breadcrumb top bar and an avatar;
• marketing headlines ("Your AI, accounted for.");
• a navy and pink palette with IBM Plex fonts, and a light/dark switch of its own;
• pages from about 1,100 px to 33,000 px tall (Activity), all scrolling.

Look

• Tokens: the page imports the app's tokens.css and maps its own variables onto them (surfaces, text, borders, accent, radii, fonts). The chart series use the app's syntax palette.
• Theme: the page takes the app's theme. WorkspaceAnalytics gives its WorkspaceBrowser an appearance hook, which sets data-theme (Graphite, Jev or OpenCoven) and the view background as the page loads. A theme change in Settings re-applies it, just like the knowledge view.
• Corners: the native view's corners are rounded to the sheet's (setBorderRadius(11), the 12 px sheet less its border). The new WorkspaceBrowser radius option sets this.
• Layout like Space:
  • a sidebar titled Analytics, with Workspace/Manage as quiet section labels and 30 px rows;
  • each view's title, with the date and tool filters and Export CSV as pill controls beside it;
  • one summary line below: what was recorded, the date range, and a Coverage link.
• Removed: the logo, the top bar, headlines and kickers, the Demo Data banner, the footer, the "A note on your numbers" panel and the dashboard's own appearance switch. The Plex fonts and their OFL notice are deleted; the page uses the app's system font stack.

Fit

• No page scroll: the document is the window's height, and every view fills it.
• Overview: four totals, then chart and token breakdown, then tools and recent activity, all sized to the window.
• Chart: it measures its container and draws at that size, with crisp text, rather than scaling a fixed 800×208 box.
• Long content: Activity, Models and Projects tables, account cards, source rows and overview lists scroll inside their own panel, with sticky table headers.
• Accounts and Sources: a one-line notice, the main panel filling the rest, and a short explainer strip. Demo-only extras are hidden.
• Small windows: checked at 845×553 (the app's 900×600 minimum), 1024×640, 1228×753 and 1440×900. Below a 1,100 px window the sidebar narrows to 180 px, as the app's does. Short windows drop panel subtitles and tighten spacing.

Unchanged: data, filters, views, call details, CSV export, the 15-second refresh, and the isolated modex-analytics:// session. The live summary still reads "Recorded on this Mac: N turns from Claude Code and Codex threads in Modex.", and the Export CSV button stays. The standalone preview (dev:usage) renders the same layout in Graphite, or ?theme=jev / ?theme=coven.

Tests

• Unit: workspace-analytics.test.ts adds that the view wears the app's theme, falls back to Graphite, and never puts an unknown theme string into the page script.
• E2e: analytics.spec.ts now also asserts that the live page doesn't scroll, wears the app's theme and is titled Overview. It passed locally in the real app with both of its tests, including CSV export.
• Screenshots: taken headless of every view at the sizes above, of Space in browser-dev for comparison, and of the Analytics view in the running app with recorded rows.

Docs: docs/analytics.md ("How it is shown", the preview, provenance) and docs/status.md.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
modex	Ready	Preview	Oct 16, 2026 3:24am UTC

[github-code-quality]

Code coverage overview

Languages: TypeScript

TypeScript / code-coverage-agent

main f17608d	analytics-fit 3e72110	+/-
60%	61%	+1%

ℹ️ Calculations represent line coverage. Results may change as calculations are updated.

---

_{Updated October 16, 2026 03:48 UTC}