[jakeleventhal]

Superseded by pingdotgg#26679.

Problem

Mobile section navigation uses the same full-width segmented tracks as value pickers, making PR and Usage tabs visually heavy and hard to distinguish from form controls.

Change

• Add shared text tabs with a sliding glass selection pill, optional counts, reduced-motion support, and a solid fallback when native glass is unavailable.
• Use them for PR Overview / Guide / Activity, Usage Cost / Tokens / Limits, and the component catalog. Show the PR activity count once loaded.
• Retain segmented controls for value selection and adjust their selected colors for light and dark themes.

Scope and approval

This is the fork owner's requested mobile redesign and targets jakeleventhal/t3code:main. It has no upstream maintainer-approval link and is not an upstream submission.

Verification

• vp run check:changed passed formatting, lint, both knip passes, and affected mobile/scripts typechecks. git diff --check passed.
• On the iPhone Duo simulator running iOS 27.1, exercised PR tabs and the Activity count, Usage tabs and time ranges, and review-verdict selection in light and dark themes. No review was submitted.
• Native before screenshots, Android, older-iOS fallbacks, and scheduled-task/component-catalog recordings remain unverified after a device-runner timeout. The before image below is a source-based illustration, not a native capture. iOS snooze uses a separate native picker and is unaffected.

Before: source-based reference

After: native simulator captures

Light	Dark

Interaction recordings

Control	Light	Dark
PR tabs	Recording	Recording
Usage tabs and time range	Recording	Recording
Review verdict	Recording	Recording

Usage recordings are cropped to the controls; the light recording was captured during the initial transcript scan. All evidence assets.

Implementation: Claude Opus 5.5 via Claude Agent. Verification and PR delivery: GPT-6.1 Sol via Codex.