mirror of
https://github.com/block/goose.git
synced 2026-07-17 12:56:20 +02:00
Taylor Ho
99a4d62b07
* feat: import boss-ui components + upgrade to Tailwind v4 - Upgrade Tailwind CSS v3 → v4 with @tailwindcss/postcss, tw-animate-css - Replace tailwind.config.js with CSS @theme blocks in globals.css - Import boss-ui token system (semantic backgrounds, borders, text, shadows, shapes, typography scale, animations, layout tokens) - Import 49 shared UI components from squareup/boss-ui - Import 48 AI element components from squareup/boss-ui - Import 4 hooks from squareup/boss-ui - Install all required dependencies (Radix UI primitives, UI libs, content libs, form/utility libs) - Migrate all 35+ feature files from custom tokens to standard shadcn/boss-ui tokens (bg-background, text-foreground, bg-accent, text-muted-foreground, border-border, etc.) - Align to boss-ui visual language: flat border-driven design, no elevation on sidebars/inputs, shadow-popover for menus, shadow-card for dialogs - Fix low-contrast text by removing opacity modifiers on text-muted-foreground - Update biome.json, tsconfig.json, check-file-sizes.mjs for imported code - Re-add custom Button variants (toolbar, xs, icon-sm, icon-lg) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * refactor: swap vanilla HTML to boss-ui components - Replace hand-rolled dialogs with Dialog/DialogContent in CreateSkillDialog, CreateProjectDialog, PersonaEditor - Replace delete confirmations with AlertDialog in AgentsView, ProjectsView, SkillsView, SettingsModal, DoctorCheckRow - Replace raw <input> with Input component (6 instances) - Replace raw <textarea> with Textarea component (3 instances) - Replace raw <select> with Select/SelectTrigger/SelectContent/ SelectItem (5 instances) - Replace raw <label> with Label component throughout - Replace <input type="checkbox"> with Checkbox component - Replace div border-t dividers with Separator in settings - Fix Radix SelectItem empty-string value crash by using sentinel - Set sidebar to bg-background Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: use default Button variant for send and remove focus ring on textarea Use the boss-ui Button default variant (bg-primary) for the send button instead of custom bg-foreground overrides. Suppress the global focus-visible ring on the chat textarea to prevent the black outline. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * feat: add Cash Sans Wide display font to headlines - Download Cash Sans Wide font files (5 weights) from boss-ui - Add @font-face declarations in globals.css - Switch page titles, settings headings, home clock/greeting, and chat empty state to font-display (Cash Sans Wide) with tracking-tight - Use Badge component with secondary variant for PersonaCard pills - Remove redundant "Personas" section subtitle - Upgrade "Active Agents" heading to display font Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * refactor: swap remaining vanilla HTML to boss-ui components Replace ~56 raw <button> elements across 20 files with the Button component, hand-rolled toggle groups with ToggleGroup, img/div avatar patterns with Avatar, animate-pulse skeletons with Skeleton, and a raw <input> with Input. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * refactor: move ai-elements into shared/ui directory Relocate src/components/ai-elements/ to src/shared/ui/ai-elements/ to colocate with the rest of the boss-ui component library. No import updates needed as these components are not yet consumed. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * style: remove mono font from skill names Use default sans-serif for skill names in the list and create dialog to match persona card styling. Keep mono only for instructions textarea. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * refactor: swap chat sub-components to boss-ui ai-elements Replace hand-rolled ToolCallCard, ThinkingBlock, and MarkdownContent with the ai-elements Tool, Reasoning, and MessageResponse compounds. Action buttons now use MessageAction with built-in tooltip support. Add @source for streamdown so Tailwind generates its utility classes. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: prevent whole chat pane from scrolling Add overflow-hidden to main content area so the flex layout chain properly constrains scrolling to the MessageTimeline, keeping the chat input and status bar pinned at the bottom. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: prevent document-level scrolling in chat view Two issues caused the entire page to scroll when viewing chat: 1. scrollIntoView() in MessageTimeline scrolls all ancestors including the document. Replaced with container.scrollTo() which only scrolls within the message timeline container. 2. Tailwind v4 preflight doesn't set height/overflow on html/body like v3 did. Added height: 100% + overflow: hidden on html, body, #root outside @layer base so the cascade can't override them. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: prevent tool call results from overflowing chat viewport Add min-w-0 and w-full to message content containers so flex items respect the max-w-[85%] boundary. Wrap tool output pre blocks with whitespace-pre-wrap so result text flows within the code block. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: use accent color for text selection highlight The previous selection background (#1a1a1a) was nearly invisible against the dark input background. Now uses the user's accent color at 60% opacity. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: minimize tool call UI — remove icon, borders, and completed badge Strip visual noise from collapsed tool calls: remove wrench icon (via optional showIcon prop), remove border/rounded container, replace status pill with plain text, hide "Completed" status entirely, and use inline chevron caret next to the tool name. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: center sidebar icons in collapsed state Add gap-0 to collapsed button styles to prevent hidden text spans (w-0 opacity-0) from creating flex gaps that shift icons off-center. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: align button, input-group, and toggle to pill shape Restore rounded-full on button base and remove redundant rounded-md from size variants. Update input-group container to rounded-full and toggle to rounded-full to match the pill design language. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: override browser text-align:center default on buttons Browsers default <button> to text-align:center. This causes short text inside flex-1 spans to appear centered even when justify-start is set, since justify-start controls flex child positioning but text-align controls text within those children. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: replace main's color tokens with our theme tokens The merge from main brought in color tokens (foreground-tertiary, foreground-secondary, background-primary, background-tertiary, etc.) that don't exist in our theme. Map them to our equivalents: - foreground-tertiary/secondary → muted-foreground - foreground-danger → destructive - background-primary → background - background-tertiary → accent - background-danger → destructive - border-border-secondary → border-border Fixes invisible send button arrow (text-background-primary → text-background). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: add compat color scales and register brand/danger in theme The Tailwind v4 theme resets all colors with --color-*: initial then only declares a minimal palette. This silently broke ~120 class usages across ai-elements that rely on standard Tailwind scales (red-400, green-600, zinc-800, etc.). Add compat color stops for the specific scales actually used: - red-{50,400,500,600,700,900} - green-{400,500,600,700,900} - blue-{400,500,600,700,900} - yellow-{400,500,600,700,900} - orange-{100,400,600,700,900} - zinc-{100,400,800,950} - amber-500 Also register brand and danger in @theme inline so Tailwind can generate text-brand, bg-brand, text-danger, etc. utilities. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: address PR review — SidebarRail type + artifact link policy 1. Add type="button" to SidebarRail button to prevent accidental form submissions per AGENTS.md requirement. 2. Restore artifact policy enforcement for markdown links in chat. The switch to MessageResponse/Streamdown lost the link interception that enforced allowed roots. Extract useArtifactLinkHandler hook that intercepts local link clicks via event delegation and routes them through useArtifactPolicyContext. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: restore artifact open-file actions in tool call cards The switch from ToolCallCard to ToolCallAdapter dropped the artifact policy integration that showed "Open file" buttons on tool results. Add ArtifactActions component that uses resolveToolCardDisplay from ArtifactPolicyContext to render primary and secondary open actions with path safety enforcement. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: add confidence labels, blocked reasons, and artifact policy tests ArtifactActions was missing "detected" labels for low-confidence candidates and per-candidate blockedReason text. This made the feature appear broken even though the plumbing was correct. Also adds test coverage for ToolCallAdapter artifact integration and useArtifactLinkHandler to prevent future regressions. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>