Files
buzz/desktop
npub1cr79sy35cdv9vqsnnmkrgl8d0wp27edk7mqsw2p5s52upsrv28pszw3kurandThomas Petersen 4bc0f890f7 refactor(desktop): consolidate type ramp to 6 prose sizes + 1 mono
The desktop app had 13 distinct in-use text sizes. Collapse them to a
single 7-step ramp — Meta 12, Body 14, Title 18, Section 24, Page 30,
Display 40, plus the 36px mono nsec key — by remapping the size tokens
in tailwind.config.js so existing class names compile onto the new
steps. No component files are touched.

The remap:

- Sub-12 meta band folds up to Meta 12: text-3xs (8px), text-badge
  (10px), text-2xs (11px) become aliases of the 12px xs step.
- text-base (16px) folds down to Body 14, so descriptions sit one
  clean step below their 18px headers.
- text-xl (20px) folds down to Title 18.
- text-4xl (36px) and text-5xl (48px) fold to a single Display 40,
  matching text-title.

Body 14 and Meta 12 carry ~95% of all text, so most screens barely
move; the two visible deltas are descriptions 16→14 and the meta band
lifting to 12. Every remaining prose step is ≥1.17x its neighbor.

Before/after captures of all 13 settings screens and 5 daily-driver
surfaces (from the running app via the Playwright e2e harness, with the
token remap as the only variable) are attached to the PR.

Co-authored-by: Thomas Petersen <thomasp@squareup.com>
Signed-off-by: Thomas Petersen <thomasp@squareup.com>
2026-07-30 22:10:19 +02:00
..
2026-06-11 15:06:24 +00:00

Buzz

Desktop chat shell with:

  • Tauri + React + TypeScript + Vite
  • Tailwind CSS
  • shadcn/ui-ready shared components
  • Biome (lint/format/check)
  • Feature-driven frontend structure

Scripts

  • pnpm dev - run the web frontend
  • pnpm tauri dev - run the desktop app
  • pnpm build - typecheck and build frontend
  • pnpm typecheck - TypeScript checks
  • pnpm lint - Biome lint
  • pnpm format - Biome format (write)
  • pnpm check - Biome check

Structure

  • src/shared - reusable app-wide code (ui, lib, styles)
  • src/features - feature modules (vertical slices)
  • src/app - top-level app composition