Files
Bradley AxenandClaude Opus 4.8 0d92504199 redesign(desktop): grow-your-own hex lattice for Community Home
Reframe Community Home from a grid of community tiles into a single
connected honeycomb you build out — the model baxen asked for after
closing #2117.

- Real lattice: axial hex coordinates -> absolute pixel positions
  (pointy-top), ResizeObserver fit-to-container. Gapless and fully
  connected at any size, replacing the row-of-flexbox layout that read
  as floating hexes.
- Center is you: a profile hex from useIdentityQuery (works with no
  relay), defaulting to "You". Click opens identity settings.
- Peers on one board: saved communities and local managed agents
  (useManagedAgentsQuery, offline) spiral outward as filled hexes.
- Hover to grow: idle shows only filled cells; pointer-enter/focus
  reveals the connected frontier — faint ghost cells plus three live
  create tiles (New agent / New community / Connect community). Hidden
  tiles are pointer-events-none so blank-area clicks can't fire them.
- Wire "New agent" via requestOpenCreateAgent and mount
  RequestedAgentCreateDialogs here so it works before any relay.

Required radius is never capped, so no profile/community/agent/create
cell is ever silently dropped; MAX_RADIUS only bounds the decorative
ghost ring.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Signed-off-by: Bradley Axen <baxen@squareup.com>
2026-07-19 10:23:41 -07: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