feat(web): UI polish — composer, model picker, sidebar, settings & remote wizard#92
Merged
Conversation
… & remote wizard Bundles the in-progress UI/UX work on the web frontend together with the supporting backend/desktop WIP already present in the tree. Composer & model picker (ChatInput.vue): - Drop the channel/chat-bubble button; flatten the "+", approval-mode and model triggers (transparent at rest, background on hover only) - Model picker: list only enabled models, tighten rows, darker/larger capability icons, "当前" tag -> CheckCircle icon, transparent pinned row, hashed per-provider tile colors (no more washed-out gray), darker search placeholder + footer text, narrower & taller panel - Mode selector: Plan tinted green, Full access softened red, flat icons Sidebar: remove the redundant workspace archive toggle Settings: flat row icons (no tile backgrounds), green "online" status Remote wizard: auto-save the SSH host to config on connect; wider/taller dialog i18n: drop the duplicated gear glyph on "Manage models"; replace the stale "autopilot" wording with "full access" in zh-Hans/zh-Hant/ja/ko Also carries pre-existing uncommitted work across internal/* (mode, approval, config, web/acp handlers, sessions), docs/, and the Tauri desktop shell. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
Caution Review failedThe pull request is closed. ℹ️ Recent review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: ⛔ Files ignored due to path filters (51)
📒 Files selected for processing (77)
📝 WalkthroughWalkthroughSession mode identifiers are renamed from ChangesSession Mode Rename, Desktop Sidecar Architecture, Web Queue & UI Redesign
Sequence Diagram(s)sequenceDiagram
participant DesktopWeb as Desktop Web UI
participant TauriIPC as Tauri IPC
participant Sidecar as Go Sidecar API
DesktopWeb->>TauriIPC: invoke get_sidecar_port
TauriIPC-->>DesktopWeb: return loopback port
DesktopWeb->>Sidecar: GET /api/health
Sidecar-->>DesktopWeb: return status ok
DesktopWeb->>Sidecar: POST /api/approval approve_all=true
Sidecar-->>DesktopWeb: broadcast mode_changed full_access
Estimated code review effort🎯 5 (Critical) | ⏱️ ~120 minutes Possibly related PRs
Poem
✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
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
1 participant
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
Bundles this session's web UI polish together with the pre-existing uncommitted WIP already in the working tree into a single PR (as requested — "all together"). 128 files changed.
UI changes (this session)
Composer / model picker (
web/src/components/ChatInput.vue)CheckCircleicon; transparent pinned row; hashed per-provider tile colors (no more washed-out gray); darker search placeholder + footer text; narrower & taller panelSidebar (
Sidebar.vue): remove the redundant archive toggle in the Workspace headerSettings (
SettingsDialog.vue): flat row icons (no tile backgrounds); green "online" status dot + textRemote wizard (
RemoteConnectWizard.vue): auto-save the SSH host to config on a successful connect (was opt-in); wider & taller dialog (explicitwidth, fixing the earliermax-width-only change that had no effect)i18n: drop the duplicated gear glyph on "Manage models"; replace the stale "autopilot" wording with "full access" (zh-Hans / zh-Hant / ja / ko)
Pre-existing WIP carried along
Already-uncommitted work across
internal/*(mode, approval, config, web/acp handlers, sessions, etc.),docs/, the Tauri desktop shell, and icon assets.Verification
go build ./...✅ passes (exit 0)pnpm -C web run type-check(vue-tsc) ✅ passes🤖 Generated with Claude Code
Summary by CodeRabbit
Release Notes
New Features
Changed
Documentation