mirror of
https://github.com/block/buzz.git
synced 2026-10-30 05:51:46 +00:00
Adds the preview-only Playwright spec and config that produce the focus-view screenshots, seeded with a relay post the agent makes mid-turn plus the turn's final answer. Preview scaffolding on a throwaway branch, not product code and not wired into CI. Three things are asserted rather than assumed, because each one has a failure mode that still yields a plausible-looking screenshot: - the transcript really is the pinned `conversation` variant, so no shot can silently be of the dense activity feed; - the Sent row really carries the posted text. A backtick or `$` anywhere in the seeded `--content` makes `extractBuzzCliInlineContent` return null, and the row degrades to a bare "Sent messages" with no message in frame. Measured, not theorised: the first draft of this spec seeded a body with markdown backticks and captured exactly that empty row while passing; - the mid-flight tail really projects as `running`, read off `data-step-state`. The running and settled glyphs are the same wrench, so a settled tail would look entirely plausible in a still. Each guard was falsified against a mutation that compiles: reintroducing the backticked body fails the text assertion, and making a live-owned step report `settled` fails the liveness assertion. Co-authored-by: Bradley Axen <baxen@squareup.com> Signed-off-by: Bradley Axen <baxen@squareup.com> Signed-off-by: ss-dev-00 <a02c4e0850e5e612b4ddf95dbe2f5c56467cf27c6552203bc833ff438fb31971@buzz.block.builderlab.xyz> Co-authored-by: Bradley Axen <baxen@squareup.com> Signed-off-by: Bradley Axen <baxen@squareup.com>
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