Files
buzz/desktop
npub13fn4ahfnvaa2qwylvegdgeajqs0mph6v4qsw4jcqnw4mjh3hzh2quuucm5 9cefb8b528 fix(desktop): scope Buzz gradient to the app shell chrome
The gradient rule matched every \`.bg-sidebar\` element in the document, so it
leaked onto non-chrome surfaces that reuse the token — the persona catalog
dialog (a Radix dialog portaled to <body>, outside the app shell) and the
sidebar drag-overlay chips. Those got painted with the viewport-fixed sidebar
gradient instead of their normal panel/flat background.

- Scope the gradient selector to \`.group/sidebar-wrapper\` (the SidebarProvider
  wrapper that contains the top chrome bar, sidebar column, and inset). The
  persona dialog portals outside that subtree, so it keeps its own background.
- The drag-overlay pills render inside the wrapper but are transient floating
  chips, not canvas surfaces, so a fixed gradient behind them shows an arbitrary
  slice. Mark them \`data-buzz-flat\` and exclude that from the gradient rule.

Verified: theme screenshot spec passes (sidebar gradient unchanged across the
full canvas), desktop-check + tsc clean, no new biome warnings.

Fixes the Codex P2 review comment on PR #1630.

Signed-off-by: Fizz <8a675edd33677aa0389f6650d467b2041fb0df4ca820eacb009babb95e3715d4@sprout-oss.stage.blox.sqprod.co>
2026-07-08 14:44:43 +01: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