[cu1ch3n]

The homepage windows, the README images and the site's link card now show the interface as it is on main today, ahead of 0.10.0.

What changed

Homepage windows (site/index.html, site/style.css)

The opening window and the three feature windows are redrawn from the current app. They are still HTML and CSS, not screenshots.

• Desktop
  • The 46px toolbar row carries the window controls, as the macOS app now does.
  • The toolbar has PDF | Changes, the review counter with Accept all and Reject all, Review / Split / Chat, the New task tab and the green compile button.
  • The marking tools' rail is drawn; Region is selected while a box is drawn, and Edit source is on the manuscript.
  • The change header is the viewer's: arrows, the source location and icon actions, with uppercase BEFORE / AFTER labels.
  • The chat shows the notes message, the agent's edit as a tool line, notes added to the task waiting above the composer, review feedback waiting inside the composer, and the composer's attach, agent menu and grey/blue send.
• Commit window: it is now Version Management: the branch, the commit box whose single button goes Commit → Sync ↑1 → Synced, staged changes and the version history. It replaces the old custom Git panel.
• Phone widths draw the phone app: the navigation bar with its segmented control (Review | Chat, PDF | New task), the one-row toolbar, the marking capsule, and the change's decisions in a capsule floating over the page. The PDF and the chat take turns, and the animated rounds switch between them. The capsule's ✓ / ✕ work in the opening window.
• Narrow desktop windows drop toolbar labels, then the rail, as the app does in a narrow window.
• Translations: new labels reuse the app's own translations for all ten languages; zh-CN comes from the inline Chinese. The seven strings only the old drawings used are removed, along with their translations and state.
• Papilot's small card in "Why" gains a hint of the toolbar and the source action.

README showcase (docs/assets/readme-showcase/)

All 24 images are regenerated under the same filenames, so the README markup is unchanged.

• scripts/capture-readme-showcase.mjs was rebuilt from the 2026-11-05 session that made the current images and is now committed. It captures hero* and paradigm* from the homepage's own windows: light and dark, desktop and phone, English and zh-CN.
• scripts/capture-readme-review.mjs was rebuilt the same way and updated for today's UI and API. It takes the real screenshots: notes-app*, plus the review shown inside the paradigm card.
  • Desktop runs as the macOS shell, so the window controls sit in the toolbar row with no separate title bar.
  • Phone captures are 430px wide, where the whole marking capsule fits.
• npm run readme:showcase runs both, and the contributing guide points to it.
• docs/assets/social-preview.png (the site's og:image) is replaced. It still showed the 0.7 interface and the old "A Cursor-like workspace" tagline; it now shows the homepage headline and window.

Demo (/demo)

No change. Its chrome is built from the app, and the fixtures still work and read well with the new UI.

The example paper's Figures 1 and 2 embed the old README images. Refreshing them means running npm run build:playground-example. Figure 1 also has to shrink to 0.8\linewidth to keep the paper on two pages, and the run rewrites about 37 MB of examples/playground-paper/preview. That is left out of this pull request.

How it was checked

• npm run test:site, npm run i18n -- check, npm run i18n:check-app, npm run typecheck and npm run test:playground all pass.
• Two site checks were updated:
  • The pane check measures Version Management's history instead of the removed PDF pane.
  • The theme check covers the composer's review draft instead of the removed "Send feedback" bar.
• Every window was checked at 1440, 1280, 1100, 961, 800, 390 and 320px, in light and dark, English and zh-CN, both still and mid-animation, with no sideways overflow in any of the 11 languages.
• The homepage was also checked in WebKit with iPhone emulation and in Safari on the iOS Simulator.
• Every regenerated README image was reviewed by eye.

Noticed in the app (not changed here)

• Phone marking capsule: since the Edit source tool was added, the capsule needs about 409px. At 390px (iPhone 15–17) its items scroll sideways with no visible hint, and Redo shows half cut.
• Changes view: the section title appears twice, as a small-caps heading above the page and the typeset heading inside it.