Skip to content

Roadmap #13 Batch A - UI overlap & chrome polish - #30

Merged
AlexZ005 merged 1 commit into
mainfrom
feature/roadmap-13-ui-polish
Jul 20, 2026
Merged

Roadmap #13 Batch A - UI overlap & chrome polish#30
AlexZ005 merged 1 commit into
mainfrom
feature/roadmap-13-ui-polish

Conversation

@AlexZ005

Copy link
Copy Markdown
Collaborator

Roadmap #13 — Batch A: UI overlap & chrome polish

First batch of roadmap #13 (plan in docs/plan/roadmap-13-rooms-graphs-polish.md, uncommitted). Desktop chrome fixes from the user's notes drop.

Phase Change
A1 AI prompt-pill: removed the ✕ (backquote/Escape still close) and lifted it above the Controls bottom stack so it no longer overlaps the main play button.
A2 New AI HUD button (white, sparkles) at bottom-left below the "+" (moved "+" up). Opens the AI chat window; hidden until AI is enabled and a provider is configured.
A3 SimControls is now opt-in via a Settings ▸ Scene toggle (default OFF — it confused with the main play button). Moved above the mic button so it no longer sits hidden behind it (the "not shown when wide" report). P still starts/stops the sim and hints at the setting on first hidden use.
A4 On narrow screens the right Inspector drawer starts below the top-right chrome, so the profile/peers buttons never cover its header.
A5 Settings rows stack the label above the description on narrow screens (was a fixed w-40 label crammed beside the description).
A6 Opening the logo menu dismisses any open modal, so the menu is never stacked over — and blocking — a modal.
A7 First-run warning on local/self-hosted builds nudges configuring a peer server, deep-linking to Settings ▸ Connection.

Also: the Settings deep-link mechanism (settingsSection) now covers the Scene and Connection sections.

Verification

  • npm run build green.
  • npx svelte-check held at the 501/77 baseline (zero new errors/warnings).
  • New e2e suite tests/e2e/roadmap-13-ui-polish.test.cjs — 9 checks, all pass (SimControls default-hidden + toggle, logo-closes-modal, AI button gating + opens window, pill has no ✕).
  • A4/A5 (narrow-width CSS) and A7 (hostname + localStorage gated, off on the .app domain) are verified by build + manual/logic; not asserted in e2e.

🤖 Generated with Claude Code

- A1: remove the AI prompt-pill close X (backquote/Escape still close) and lift
  the pill above the Controls bottom stack so it no longer overlaps the play button
- A2: new AI HUD button (white, sparkles) bottom-left below the +, opens the AI
  chat window; move + up; hidden until AI is enabled and a provider configured
- A3: SimControls now opt-in via a Settings toggle (default OFF); moved above the
  mic so it no longer hides behind it; P shortcut still works and hints at the
  setting on first hidden use
- A4: on narrow screens the right Inspector drawer starts below the top-right
  chrome so the profile button never covers its header
- A5: Settings rows stack the label above the description on narrow screens
- A6: opening the logo menu dismisses any open modal so the menu is never stacked
  over one
- A7: first-run warning on local/self-hosted builds nudges configuring a peer
  server, deep-linking to Settings > Connection
- Settings deep-link extended to the Scene and Connection sections
- e2e: roadmap-13-ui-polish suite (9 checks, all pass); build green;
  svelte-check 501/77 held

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@AlexZ005
AlexZ005 merged commit e5025e3 into main Jul 20, 2026
@AlexZ005
AlexZ005 deleted the feature/roadmap-13-ui-polish branch August 5, 2026 20:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant