mirror of
https://github.com/block/buzz.git
synced 2026-08-18 06:50:31 +02:00
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>
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 frontendpnpm tauri dev- run the desktop apppnpm build- typecheck and build frontendpnpm typecheck- TypeScript checkspnpm lint- Biome lintpnpm 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