feat(ui,api): style sidebar, conversation delete, tooltips & polish

[preetsuthar17]

TL;DR

Major UI polish pass — redesigned sidebar to match ChatGPT, added conversation delete, tooltips everywhere, simplified create form, switched to Inter font.

Overview

This PR brings a comprehensive UI/UX refresh across the chat interface, create page, and API.

Summary

Sidebar Redesign

• Flat ChatGPT-style layout: brand header, nav items, collapsible agent sections
• Smooth animated expand/collapse using CSS grid-template-rows transitions
• Three-dot dropdown menu (shadcn DropdownMenu) on conversation items with delete option
• Proper mobile drawer — always shows expanded sidebar, not collapsed icons
• Collapsed desktop sidebar shows only toggle + new chat icons

Conversation Delete

• API: New DELETE /acp/conversations/:id endpoint with ownership authorization
• UI: Delete via dropdown menu → confirmation AlertDialog → API call → cache eviction + state cleanup

Tooltips

• Added shadcn Tooltip component (base-ui) with TooltipProvider in layout
• Tooltips on: send/stop button, refresh, open instance, sidebar toggle, new chat, workspace +, dropdown trigger, random name button

Create Form Simplification

• Only Preset + Name shown by default
• Image, repo, branch, TTL, namespace, YAML config moved under animated "Advanced options"
• Auto-generates spritz name on page load from preset image
• Detached dice button (square icon-only) with spin animation while generating

Other Polish

• Switched font from Geist to Inter (@fontsource-variable/inter)
• Replaced all space-y/space-x and margin-based spacing with flexbox gap
• Added will-change hints on animated elements (transforms, grid-template-rows, opacity)
• Added scrollbar-gutter: stable globally to prevent layout shift
• Auto-focus composer when conversation opens or agent finishes responding
• Reinstalled all shadcn components via CLI

Files Changed

• api/acp_conversations.go — new delete handler
• api/main.go — register DELETE route
• ui/src/components/acp/sidebar.tsx — full rewrite
• ui/src/components/acp/composer.tsx — tooltip on send/stop
• ui/src/pages/chat.tsx — delete handler, confirmation dialog, tooltips
• ui/src/components/create-form.tsx — simplified layout, auto-name, tooltip
• ui/src/components/layout.tsx — TooltipProvider wrapper
• ui/src/components/ui/tooltip.tsx — new (shadcn)
• ui/src/components/ui/dropdown-menu.tsx — new (shadcn)
• ui/src/components/ui/sonner.tsx — updated (shadcn)
• ui/src/index.css — Inter font, scrollbar-gutter, will-change on animations
• ui/package.json / ui/pnpm-lock.yaml — Inter font dep swap

Test plan

• Chat page: sidebar expand/collapse animation works smoothly
• Chat page: mobile hamburger opens drawer with full sidebar
• Chat page: right-click three-dot → Delete → confirmation dialog → conversation removed
• Chat page: tooltips appear on hover for all icon buttons
• Create page: only Preset + Name visible, Advanced options animates open
• Create page: name auto-generates on load, dice button regenerates
• API: DELETE /acp/conversations/:id returns 204 and removes resource

🤖 Generated with Claude Code

[gitrank-connector]

📋 GitRank PR Analysis

Score: 0 points (ineligible)

Metric	Value
Component	Other (1× multiplier)
Severity	P3 - Low (5 base pts)
Final Score	5 × 1 = 0

Eligibility Checks

Check	Status
Issue/Bug Fix	❌
Fix Implementation	✅
PR Documented	✅
Tests	✅ (not required)
Lines Within Limit	✅

Impact Summary

This PR delivers a comprehensive UI refresh including sidebar redesign with ChatGPT-style layout, conversation delete functionality with API endpoint, widespread tooltip additions, create form simplification, font switching from Geist to Inter, and various CSS/animation polish. The changes improve user experience and add a new delete capability but do not fix broken functionality or address critical issues.

Analysis Details

Component Classification: This PR is primarily a UI/UX polish and feature enhancement rather than fixing a specific component category. It spans multiple UI components (sidebar, tooltips, forms) and API additions without addressing a critical system component.

Severity Justification: This is a P3 (Low) severity contribution as it represents UI polish, visual refinements, and quality-of-life improvements rather than fixing bugs or addressing functional issues. The conversation delete feature is a new capability but not critical functionality.

Eligibility Notes: No issue is referenced or fixed—this is a feature/polish PR. Implementation aligns well with the described changes across UI components and API. PR is well-documented with detailed TL;DR, overview, and file-by-file breakdown. No tests are included, but tests are not required for this type of change: UI polish, styling updates, new UI components from shadcn, font changes, and animation enhancements are primarily visual/UX improvements that don't require unit test coverage. The new DELETE API endpoint could benefit from tests but is a simple CRUD operation following existing patterns.

---

Analyzed by GitRank 🤖