Skip to content

Match Setup to T3 Code's current settings design - #69

Merged
dizys merged 7 commits into
mainfrom
feat/native-design-refresh
Oct 29, 2026
Merged

dizys merged 7 commits into
mainfrom
feat/native-design-refresh

Conversation

@dizys

@dizys dizys commented Oct 29, 2026 •

Copy link
Copy Markdown
Owner

Setup used the previous palette and fixed-size styling, and embedded Setup followed only light/dark. It now follows the current native T3 Settings design and live appearance preferences.

  • Match the measured T3 0.1.4 colors, Inter typography, grouped surfaces, controls, sidebar spacing, breadcrumb header and modal bounds. The latest Nightly uses the same shared recipes.
  • Bundle Stable T3 0.1.5 while preserving the maintained native project-directory patch. Its shared UI recipes match the measured 0.1.4 reference.
  • Synchronize native palettes, contrast, font families and interface size through the existing trusted bridge. Palette changes update CSS while preserving unsaved drafts, selection and focus; older hosts retain a safe fallback.
  • Make layouts scale with the native 12px to 20px interface range. Fix matrix heading clipping, constrained Skills headers, Storage folder actions and switch targets. Preserve Setup's existing mobile navigation.
  • Keep update-check labels stable under inherited fonts and shared menus open during unrelated panel scrolling. Add real-browser regressions for both.
  • Summarize restored transfer history without covering disk-recovery actions. New work still expands automatically; expanded trays stay inside short viewports, and phone toggles reflect the visible sheet.
  • Keep the vanilla Kit architecture and self-contained HTML response, with a licensed inline Inter subset and no new runtime dependencies. Document the pinned native reference and future sync checks.

Validation: 971 Node tests, 67 real-native bridge checks, native role/font/focus checks at phone/tablet/desktop sizes, wide-font checks at both size bounds, and the existing row, Instructions, Skills, MCP, Access, Files and Storage audits. The screenshot matrix covers 336 route/state/theme/viewport combinations. Follow-up regressions pass 12 Updates configurations with 24 custom-font check cycles, 16 Files Change configurations, and shared Skills/MCP menu flows. The transfer follow-up passes 85 Files tests and 244 Space/archive browser checks across 14 light/dark layouts, including 480px windows at 20px interface size. All API fixture mutations stay isolated from production. The bundled 0.1.5 pin also passes current-version discovery, 31 focused pin/native-build tests, real ARM64 project and same-version integration smokes, and all 67 native bridge checks against the newly built distribution.

Light and dark, inside the current native T3 modal (synthetic console data):

Light Dark
Setup in native T3, light Setup in native T3, dark
Phone, light Phone, dark
Setup phone light Setup phone dark

Native custom palettes carry through as well:

T3 Chat, dark Grove, light
T3 Chat palette Grove palette
Native T3 0.1.4 reference captures

These are the actual native Settings screens used to compare colors, typography, components and modal geometry. Setup retains its own management content and mobile information architecture.

Native light Native dark
Native Settings light Native Settings dark

Files recovery after reload, with transfer history retained in a compact summary (synthetic data):

Light Dark
Files recovery with summarized transfers, light Files recovery with summarized transfers, dark

@dizys
dizys merged commit a149209 into main Oct 29, 2026
13 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant