Skip to content

feat(desktop): centered composer, Mission Control strip & bottom dock (#433)#434

Merged
imran31415 merged 1 commit into
mainfrom
kc/issue-433
Jul 23, 2026
Merged

feat(desktop): centered composer, Mission Control strip & bottom dock (#433)#434
imran31415 merged 1 commit into
mainfrom
kc/issue-433

Conversation

@umi-appcoder

@umi-appcoder umi-appcoder Bot commented Jul 23, 2026

Copy link
Copy Markdown
Contributor

What & why

Redesigns the Desktop home — web SPA and mobile app — around the three moves from #433: the Desktop stops being a stack of boxy sections and becomes a place to start work and see work in flight.

  1. Centered composer is the hero. The hero card + "Start a chat" section box are gone; a one-line greeting sits over a ChatGPT-style rounded composer (max-width 720px). Workdir picker and chat/build mode are quiet pills inside the composer's bottom edge; the keyboard hint only appears on focus; suggestion chips sit below. All behavior is preserved: chat/build modes, workdir selection, Enter/Shift+Enter, error surfacing.
  2. Mission Control strip replaces DesktopBulletin. A condensed strip fed by /api/missioncontrol/queue through the existing store/mission SSE-plus-fallback subscription (no new polling loop): pulse row (running / waiting / done today) + top 4 cards, waiting-on-you first with working inline quick replies. Clicking a card opens the existing MissionDrawer; "View all →" goes to /mission. Self-hides when the queue is empty, so a first-run Desktop is just composer + dock. The review state is tolerated (grouped after running) until the completed→done rework lands.
  3. Icons move to a compact bottom dock. macOS-style: sticky to the bottom of the scrollport, centered, 46px tiles, label + hotkey in a hover/focus tooltip, edit/move/delete in a right-click context menu, "+" at the end, horizontal scroll on overflow. store/desktop is untouched — launch, hotkeys, reorder, edit, delete, add, and read-only rules all carry over (read-only: dock launches, mutators hidden).

Mobile (DesktopScreen.tsx) mirrors all three: greeting + pill composer, mission strip (pulse + top 3 cards, tap-through to the MissionControl tab), and a horizontal bottom dock with long-press edit/move/delete. LIVE BUILDS / RECENT CHATS are gone. The nav dead-end checker and store-screenshot walker are updated for the new layout (node scripts/check-nav.mjs → ALL PASS).

Screenshots

Web dark Web light
dark light
Web mobile width Mobile app (mock)
mobile web mobile app

Testing

  • Dashboard SPA: tsc + vite build clean; vitest 449 passed (incl. new DesktopMissionStrip.test.tsx + DesktopDock.test.tsx: waiting-first ordering + cap, quick replies, self-hide, tooltip hotkeys, context menu, read-only rules).
  • Mobile: tsc --noEmit clean; vitest 40 passed; check-nav.mjs ALL PASS against the mocked export (Desktop → mission strip → Mission Control → TaskDetail → back, composer build path, dock shortcut path).
  • Full kc-preflight: helm lint/template/unittest (106 + 57), server.py tests (1265), controller SPA (21), bash -n start.sh — all green.
  • Screenshots above captured from a real headless Chromium against the built SPA (dark + light, desktop + mobile widths, stubbed queue).

No backend changes.

Fixes #433

🤖 Generated with Claude Code

…#433)

Redesign the Desktop home on web + mobile around three moves:

- The prompt becomes the hero: a centered ChatGPT-style composer with
  workdir + chat/build mode as quiet pills inside the box, a focus-only
  keyboard hint, and suggestion chips. The old hero card collapses into
  a one-line greeting.
- Mission Control replaces the Activity feed: a live strip fed by
  /api/missioncontrol/queue (SSE + fallback via store/mission), pulse
  row + top cards waiting-first, inline quick replies, click-through to
  the MissionDrawer and a View-all link to /mission. Self-hides when
  the queue is empty. DesktopBulletin is deleted.
- Icons move to a compact macOS-style bottom dock: sticky-bottom,
  centered, label+hotkey in a hover tooltip, edit/move/delete in a
  right-click context menu, + at the end. Launch, hotkeys, reorder and
  read-only behavior are unchanged (presentation-only; store/desktop
  untouched).

Mobile mirrors the same three moves: greeting + pill composer, a
mission strip (tap-through to the MissionControl tab), and a horizontal
bottom dock with long-press edit. The nav dead-end checker and store
screenshot walker are updated for the new layout.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@imran31415
imran31415 merged commit f5ae86f into main Jul 23, 2026
9 checks passed
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.

Desktop redesign: centered composer, Mission Control strip, bottom dock (web + mobile)

1 participant