cmux-next: make What's New links readable and usable

Merged
TE
15d ago
+237-14

What changed

The cmux-next What's New page now keeps feature summaries readable at narrow widths and exposes docs links on every applicable feature row. In the one-line grouped rows, Try it and Learn more reveal on hover or keyboard focus; the Digest and Reader designs, which stack each change in a column, show them under the summary. Links keep going through LinkRouter's shared rule (the user's link setting, always-external rules, Shift-Command).

Why

Feature rows previously forced the title and summary onto one truncated line, and grouped entries with docs had no link at all.

Validation

  • bun test webviews/test/changelog-links.test.tsx
  • bun test webviews/test/changelog-first-paint.test.tsx web/tests/whats-new-route.test.ts
  • bun run typecheck (webviews)
  • git diff --check

No native change remains (the earlier cmux-browser override was dropped after review).

Observed / Not run

  • Observed: on Huge Blue, bun test test/changelog-links.test.tsx fails at 8b1242ea5e7 (Digest row actions computed opacity 0) and passes at 90e812b5c21 with test/changelog-first-paint.test.tsx (4 pass); bun run typecheck clean.
  • Not run: a native build (no Swift change remains) and narrow-width layout in WebKit.

Proof

Digest design, dark, 560 px, from the gallery advisory run of 7c03fb8 (run 39357217167; Linux Chromium, so fonts fall back). Before (base c700b6a): no Try it or Learn more under the rows. After: they show under each summary that has them.

BeforeAfter

No cmux-design-references entry exists for the What's New page.

Review: SHIP at 7c03fb8149d6 (correctness review of 90e812b5 by a separate subagent, findings fixed in 8b1242ea/90e812b5; 7c03fb8 is a clean merge of feat-cmux-next c700b6a, re-read by the rescue lane)

Base reds on 7c03fb8 (not this PR's)

cmux-next checks (capability-text.test.sh, check-concurrency in CmuxNextBrowser, type scale in HomeSidebarView.swift), cmux-next fast tier (CloudHomeSource+Requests.swift compile errors), defaults-snapshot (stale settings exports), react-apps-check (composer-*/narrow-layouts timeouts). None touch files this PR changes; the same reds show on #22099.

Changelog

  • Changed: What's New shows Learn more next to Try it on every change that has docs, under the summary in the Digest and Reader designs.

🤖 Generated with Claude Code


View with [code]smith Autofix with [code]smith
Need help on this PR? Tag @codesmith-bot with what you need.


Summary by cubic

Fixes the cmux-next What's New page so feature summaries stay readable at narrow widths, and makes Try it and Learn more appear in every row layout, including a new Learn more link on rows that have docs.

  • Grouped one-line rows reveal Try it and Learn more together on hover or keyboard focus.
  • Digest rows stack each change in a column and show the actions under the summary; links carry an accessible label.
  • Ledger rows keep the actions inline so they don't fall onto a blank line in the bullet list.
  • External links follow the user's link setting via LinkRouter's shared rule, so always-external rules and Shift-Command still apply.
  • Adds browser tests covering summaries, docs links, aria-labels, and each row layout.

Migration

  • No native change remains; the earlier forced cmux-browser override was dropped after review.