Settings tab — one place for everything
Operator feedback: "5 different settings buttons scattered across the UI". The fix: collect all settings into a single tab in the right-hand tools panel, remove the quick-chips from the left sidebar, leave one entry point in the chat header.
Decisions made
1. S1 sidebar (Threads) — remove the Light / Remit / 4.5⚡ quick-chips
S1 should be just threads. Title, close X,
+ New Chat button, thread list. Nothing else.
Why: The chips were settings pretending to be in the sidebar. With a proper Settings
tab, the chips are redundant. Operator correction: "Surely these should also go in the settings."
2. S3 tabs — add ⚙ Settings as the 6th tab
6 icon-only tabs in the S3 header:
📄 Files · ☑ Tasks · ⇄ Diff ·
▶ Terminal · ▣ Preview · ⚙ Settings. Tab labels become tooltips.
The close X moves to a fixed position on the right so it's never off-screen.
Why: 5 tabs already overflowed the 320px column — the 5th tab was cut off and the
close X was at x=1396 (off-screen at 1280px). Going to 6 icon-only tabs with a fixed close button
fixes both. Icon-only keeps it compact; tooltips preserve discoverability.
3. Chat header — add a single ⚙ button as the settings entry point
The chat header (S2) gets a
⚙ icon button. One click → opens S3 on the Settings tab.
This is the ONLY place settings live now.
Why: Single entry point. Always visible regardless of which S3 tab is active.
One way in, one way to find anything.
4. S3 footer — remove the Autonomy dropdown + the gear icon
The footer used to have
Autonomy: Guided dropdown and a separate ⚙ icon.
Both moved into the Settings tab (Autonomy section).
Why: They were settings in the wrong place. With the Settings tab, they're
reachable from one consistent spot.
5. Input bar — keep 🔖 but rename its tooltip
The bookmark icon stays in the input bar (it's a content action, not a setting). Tooltip
changes from "Bookmark" to
"Save this message as a template".
Why: The icon is fine; the name was unclear. A clearer tooltip tells the operator
what it does without forcing a rename.
Settings tab — 6 sections (in order)
⚙ General
Theme (Light / Dark / System) · Accent (6 color swatches) · Compact mode toggle ·
Default landing view (Chat / Files / Tasks)
🧠 Model
Provider (Z.AI / Groq / Anthropic) · Model (depends on provider) ·
Temperature slider (0–2, default 0.7) · Max tokens (default 4096)
🤖 Autonomy
3 radio cards: Guided (ask for medium/high risk — default) ·
Semi-auto (do safe stuff, ask for risky) ·
Full-auto (go for it, only stop for irreversible actions) ·
Auto-approve plans toggle · Max plan steps
💸 Remit & Budget
Today's spend (progress bar with $X.XX / $Y.YY) · Daily limit (number) ·
Weekly limit (number) · Alert threshold (80% / 90% / 100% radio) ·
Show spend in header toggle · Reset schedule (read-only)
👤 Account & Sync
Email (editable, default
admin@freshvibeapps.local) ·
Thread sync target (PocketBase / localStorage / off) ·
Sync status (last synced Xm ago + refresh button) ·
Export threads (button: "Download all as JSON") ·
Clear local data (button, confirmation)
⌨️ Shortcuts
Static list of keyboard shortcuts:
Enter send · Shift+Enter new line ·
Cmd/Ctrl+K quick switcher · Cmd/Ctrl+/ toggle Settings ·
Cmd/Ctrl+B toggle Threads · Cmd/Ctrl+Shift+B toggle Tools ·
Esc close drawer / modal
What changed (full table)
| Location | Before | After |
|---|---|---|
| S1 sidebar | 3 chips: Light / Remit / 4.5⚡ |
No chips. Just Threads + New Chat. cleaner |
| Chat header | Mostly empty (title only) | Title + single ⚙ button (one entry point) new |
| S3 tabs | 5 text tabs: Files / Tasks / Diff / Terminal / P… (cut off) | 6 icon tabs: 📄 / ☑ / ⇄ / ▶ / ▣ / ⚙Set all visible |
| S3 close | X pushed off-screen at 1280px | X always visible (panel widened + tabs shrunk) fix |
| S3 footer | Autonomy: Guided dropdown + ⚙ gear icon |
removed — both moved to Settings tab |
| Input bar | 🎤 🔖 ✏ — 🔖 = "Bookmark" (unclear) | 🎤 🔖 ✏ — 🔖 tooltip = "Save this message as a template" clearer |
Open questions (operator to answer before build)
Q1. Should the ⚙ button in the chat header always show, or only when S3 is closed?
My recommendation: always show. Single entry point principle. If S3 is open on
a non-Settings tab, the ⚙ opens S3 (already open) and switches to Settings. If S3 is closed,
the ⚙ opens S3 on Settings.
Q2. Should the Settings tab persist across thread switches?
My recommendation: yes. Operators will want to keep the Settings tab open
while chatting (e.g. adjusting autonomy, swapping model). Right now switching threads probably
resets the S3 tab.
Q3. Is the 🔖 tooltip rename OK?
My recommendation: yes, keep the icon, just clearer tooltip. Avoids a bigger
icon-set change.
Visual comparison
OLD layout (current production)
5 settings affordances scattered. S3 close button off-screen at 1280px.
mockup-old.png
NEW layout (proposed)
S1 is just threads. Single ⚙ in header. Settings tab in S3 with 6 sections.
mockup-new-v2.png
S3 Settings tab — close-up
6 sections (General / Model / Autonomy / Remit / Account / Shortcuts).
mockup-new-s3-v2.png
Earlier draft (rejected)
Still had S1 quick-chips. Operator: "Surely these should also go in the settings."
mockup-new.png
Ready to build?
Open the interactive mockup to see the full old-vs-new comparison side by side, then sign off on the decisions above.
Open interactive mockup → Read the planning doc