Repository navigation
feat(web): establish redesign primitives and shell - #28839
maria-rcks wants to merge 50 commits into
Conversation
ApprovabilityVerdict: Needs Human Approval Macroscope's review found this PR requires human approval — The redesign introduces a default gradient-rim surface appearance and adds a file-level static-analysis suppression in vite.config.ts. Both changes require explicit human review before automatic approval is possible. You can add or adjust custom eligibility rules. Learn more. |
Thread transfer impact✅ Thread transfer remains within every enforced ceiling.
Other scenariosAll 64 scenario measurements match All 64 scenario measurements
Baseline: Scenario and decoded snapshot size10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.
Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed. |
c812323 to
dada6cc
Compare
de9a00a to
9802f93
Compare
9802f93 to
15320fd
Compare
* fix(web): project location keeps its machine name when the path truncates
Co-authored-by: maria-rcks <[email protected]> Co-authored-by: Claude Opus 5.5 <[email protected]> Co-authored-by: Dara Adedeji <[email protected]>
Co-authored-by: Claude Opus 5.5 <[email protected]>
… and shell - ThreadStatusIndicators.linkedPr: drop the five-row hover cap table; pullRequestListLines in client-runtime already covers the cap, order and counts. - UsageToggleShortcut: drop the close-button row of the route modal table; it runs the same Dialog close path as Escape. - AttachmentFilePreview: drop the ods tooltip copy check for "2 columns". - no-styled-raw-controls: drop the nullish-coalescing case; it shares the logical OR branch.
Drops the lint ceilings for the composer meter and plan banner main removed, keeps the compact reason ChatView passes, shows the palette's Current marker as its own item instead of a dot, restyles main's t3 install steps and Add to PATH button with the redesign roles and variants, and drops the removed plan prompt from the top drawer.
… row through the redesign primitives
…rror through the redesign primitives
3f86348 to
8e14b58
Compare
Part 1 of 6 of the T3 Code redesign. The web client's controls, overlays and shell use a mix of one-off sizes and styles that don't follow the new design canvas.
This layer adds the redesign's shared foundation, which the other five build on:
components/uiprimitives (buttons, menus, pickers, fields, dialogs, popovers, tooltips) restyled to the canvas, with relaxed picker spacing, compact key hints and the inset field surface./design-systemcatalog, kept in sync with the primitives.Needs approval: Theo for
vite.config.tsandcomponents/ui/scroll-area.tsx; Theo or Julius forpackages/contracts(ipc, server, settings).Stack
Do not merge: this stack still needs review. Each PR targets the one below it.
1-primitives-shell(this PR)2-composer-timeline3-panels-pages4-settings-setup5-voice6-workspace-panesEvidence
compared upstream main
57d764ea1aaa0227ed851641c155765525df9273with9873e800af8e7205038528dbe52ec556f11c079bin isolated worktrees, using the same seed andtodo-listreplay. captures are 1280×720, except the add action dialog at 1280×900. replay timestamps and measured turn duration differ between runs.the sidebar and titlebar use inset panes, revised type and compact controls in dark mode.
the same shell and replay in light mode.
project filtering keeps the same two results for "t3" with revised field and picker geometry.
the thread action menu uses wider rows, revised spacing, icons and surface styling.
the add action dialog uses the new type roles, inset fields, buttons and switches.
the sidebar toggle tooltip uses the revised surface and type styling.
the browser address toolbar uses an inset address field and revised spacing around navigation controls.
the new web titlebar back and forward controls navigate between the seeded thread and replay.
the browser floats into the revised landscape frame while retaining its loaded page.
the
/design-systemcatalog is new in this layer, so there is no before equivalent. these captures show the live foundation tokens and button specimens.all images were inspected at full size. uploaded images were opened at their original dimensions. both trimmed recordings were inspected, played through, and seeked in the uploaded browser player. project filtering, thread menus, dialog open/cancel, tooltips, sidebar collapse/restore, titlebar history navigation, browser URL navigation and floating preview opening were exercised in the real web client with the dev replay provider.
unverified: returning the floating preview to the right panel, because the automation click timed out; native desktop chrome, mobile, reduced-motion behavior and narrow layouts were outside this capture pass. no code checks were run for this evidence-only task. no pr edits, comments, commits or pushes were made.
Verification
Every layer, rebased on main 9469095, passes typecheck, knip, lint and format on Blacksmith on its own. At layer 6, the web suite passes (unit and browser). The desktop suite fails one libsecret test, which fails the same way on main. GitHub CI runs the full suite on every layer.
Done with Claude Code (Opus 5.5) and Codex (gpt-6.1-sol high) children in T3 Code.
🤖 Generated with Claude Code