Usage 0.30.17

Released: 2026-09-17

Release notes

FEATURE

Insights Move Right Under the Summary Cards, Date Filter Now Only Pins Above Sections It Actually Controls

The most actionable line in your usage report no longer requires scrolling to the bottom of the page. On the old 4,660px page, Insights came after the heatmap, habits, and recent work, around 3,600px down. Insights now sits directly under the summary cards, tagged "Fixed range" to show it covers the whole report period and doesn't follow the date filter. The "How these numbers are calculated" appendix has moved above the note that says sections below don't follow the date filter above, since the appendix actually does follow it (cache reads went from 5.29B to 1.88B after picking Last 7 days). The date filter now only stays pinned while the sections it controls are on screen; scrolling into the heatmap, habits, recent work, or Wrapped lets it scroll away instead of leaving a row of buttons that do nothing there.

FEATURE

Top Burn Sessions Now Rank by Tokens, Projects Get a Neutral Colour and Metrics Get Tidier

Reading model and project consumption rankings is now more consistent and intuitive. The Top 5 burn sessions used to be ranked by cost, while their bars — and every other "burn" in the report — measure tokens, so the second row could carry a longer bar than the first. Everything now ranks by tokens, with cost only breaking ties. Project bars now use one neutral colour instead of borrowing the tools' green, purple, and orange, so a project no longer looks like it belongs to Claude Code, Antigravity, or Codex; Grok's bar in the tools list is now the same pink as the chart instead of teal. Active days now reads "17 / 17 days" instead of looking like a date next to the peak-day card. "Share of project" is shown once per expanded project instead of on every model row, and the cache hit rate explanation now sits under its own heading.

BUGFIX

Top Sessions Become Three-Line Cards on Phones, Buttons Get Bigger and Line Breaks Get Fixed

Browsing usage details on a phone screen is now easier to read and tap through. Top sessions used to push tokens and cost off-screen on phones; each session is now a card with project, tokens, and cost on the first line, start time and duration on the second, and model on the third. On screens 780px wide or narrower, the range buttons, date inputs, theme and share buttons, the Tokens/Cost toggle, and the footer links now stand at least 44px tall instead of their old 16 to 32px. Dates and model names on phones no longer break at a hyphen, so 2026-05- and 04 no longer split apart. The empty report now names Antigravity and Grok alongside Claude Code and Codex in all five languages, the footer has one Ko-fi link instead of two, and report screenshots have been retaken for the new layout.

FEATURE

The Website Gets Standalone Pages Per Language for Better Search Indexing, Feature Section Becomes an Icon Grid

Multilingual readers can now land directly on a page in their own language when they search or browse the usage website. Every ?lang= URL used to serve the English HTML with an English canonical (the standard URL tag that tells search engines which page is authoritative), so the other four languages couldn't be indexed. scripts/build_site_pages.py now generates a standalone page per language (/zh-TW/, /zh-CN/, /ja/, /ko/) from docs/index.html, each with its own localized title, html lang, and canonical, checked by CI with --check. The sitemap and hreflang tags now list all five language URLs, and old ?lang= links still work. The feature section is now a card grid with icons, and the headline includes Grok.

FEATURE

The Website Follows Accessibility and Interface Guidelines, Improving Keyboard Use, Mobile Images and Typography

Reading through the usage website is now more polished in its accessibility and typographic details. The site picked up several fixes from Lighthouse, axe, and the Vercel Web Interface Guidelines: the mobile section menu now closes after a tap, and every scrollable region on the page is fully keyboard-reachable. Hero images now ship 800w and 1200w variants, cutting about 230KB off phone loads, and install commands are now marked translate="no". On the typography side, headings now balance their length across lines and paragraphs avoid leaving a single word on the last line; Japanese and Korean headings no longer break mid-word, and inline commands no longer split at a hyphen.

Original changelog

Original changelogInsights Move Right Under the Summary Cards, Date Filter Now Only Pins Above Sections It Actually Controls
**Insights now sit directly under the summary cards, tagged "Fixed range".** They used to come after the heatmap, habits and recent work, around 3,600px down a 4,660px page, so the most actionable line was the last thing anyone read. Insights cover the whole report period and do not follow the date filter, which is what the tag says.
**The "How these numbers are calculated" appendix moved above the "The sections below don't follow the date filter above" note.** The appendix does follow the filter (cache reads went from 5.29B to 1.88B after picking Last 7 days), so the note was wrong about it.
**The date filter only stays pinned while the sections it controls are on screen.** Scrolling into the heatmap, habits, recent work and Wrapped now lets it scroll away instead of offering buttons that change nothing there.
Original changelogTop Burn Sessions Now Rank by Tokens, Projects Get a Neutral Colour and Metrics Get Tidier
**Top 5 burn sessions are ranked by tokens.** They were sorted by cost while their bars, and every other "burn" in the report, measure tokens, so the second row could carry a longer bar than the first. Cost breaks ties.
**Projects use one neutral colour.** They borrowed the tools' green, purple and orange, so a project could look like it belonged to Claude Code, Antigravity or Codex. Grok's bar in the tools list is now the same pink as the chart; it was still teal there.
**Active days reads "17 / 17 days" instead of "17/17"**, which looked like a date next to the peak-day card.
**"Share of project" is shown once per expanded project** instead of on every model row.
**The cache hit rate explanation sits under its own heading** instead of directly below the Output row.
Original changelogTop Sessions Become Three-Line Cards on Phones, Buttons Get Bigger and Line Breaks Get Fixed
**Top sessions no longer hide tokens and cost off-screen on phones.** Each session is now a card with project, tokens and cost on the first line, start time and duration on the second, model on the third.
**Buttons and links are at least 44px tall on screens 780px wide or narrower.** The range buttons, date inputs, theme and share buttons, the Tokens/Cost toggle and the footer links were 16 to 32px.
**Dates and model names no longer break at a hyphen on phones.** The header period and the summary sentence split `2026-05-` from `04`.
**The empty report names Antigravity and Grok** alongside Claude Code and Codex, in all five languages.
**The footer has one Ko-fi link instead of two.**
**Report screenshots retaken** for the new layout.
Original changelogThe Website Gets Standalone Pages Per Language for Better Search Indexing, Feature Section Becomes an Icon Grid
**Each website language has its own page** (`/zh-TW/`, `/zh-CN/`, `/ja/`, `/ko/`) with its own title, `html lang` and canonical, generated from `docs/index.html` by `scripts/build_site_pages.py`; CI runs it with `--check`. Every `?lang=` URL used to serve the English HTML with an English canonical, so the other four languages could not be indexed. hreflang and the sitemap list all five, and old `?lang=` links still work.
**The website's feature section is a card grid with icons, and the headline includes Grok.**
Original changelogThe Website Follows Accessibility and Interface Guidelines, Improving Keyboard Use, Mobile Images and Typography
**Website accessibility and mobile fixes from Lighthouse, axe and the Vercel Web Interface Guidelines.** The mobile section menu closes after a tap, hero images ship 800w and 1200w variants (about 230KB less on phones), install commands are marked `translate="no"`, and scrollable regions are keyboard-reachable.
**Website typography.** Headings balance across lines, paragraphs avoid one-word last lines, Japanese and Korean headings no longer break mid-word, and inline commands no longer split at hyphens.