feat: UI/UX overhaul — design system, workspace sidebar, tool card enhancements#22
Merged
0xmrpeter merged 3 commits intoOpen-ACP:developfrom Apr 6, 2026
Merged
Conversation
- Migrate from legacy token system to shadcn/Tailwind v4 standard - 3-phase color token migration with typography system rewrite - Restructure styles to flat 4-file layout - Add shadcn UI components: Button, Dialog, Select, Tabs, Switch, etc. - New SettingsDialog with sidebar nav replacing old SettingsPanel - Reusable SettingCard + SettingRow components - Design system demo page at /ds-demo.html - Sonner toast replacing console.log stubs
- Workspace sidebar: ID-based keys, status dot badges, right-click context menu - Tool card: toggle IN/OUT with animation, single-line title, expand-to-modal - Session delete confirmation (double-click) - Component migration to shadcn patterns across all screens - Auth header on health check, stale closure fix in server resolution
lngdao
added a commit
to lngdao/OpenACP-App
that referenced
this pull request
Apr 6, 2026
…hancements (Open-ACP#22) Design System: - shadcn/ui migration with Tailwind v4 color tokens and typography - Flat 4-file CSS layout, new SettingsDialog with sidebar nav - Design system demo page, updated app icons Workspace Sidebar: - Status dot badges (connected/error/offline), ID-based React keys - Context menu: Copy path, Start/Stop server, Reconnect, Remove - Auto-start server on clone, stop on remove Chat & Tool Cards: - Tool IN/OUT toggle with AnimatePresence animation + chevron - Expand-to-modal for full output, tool title from tool_update events - Thinking blocks: Markdown rendering, muted style, correct split across tools - Copy button on assistant messages, Sonner toast notifications - Session delete double-click confirmation Infra: - Auth header on health check, stale closure fix, invoke_cli error messages
4 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Complete UI/UX overhaul covering design system migration, workspace management, tool card interactions, and toast notifications.
Design System (shadcn/ui migration)
/ds-demo.htmlSettings Dialog
Workspace Sidebar
Tool Card UX
Toast & Session
Other
Test plan
pnpm build