Missions Module

Slug: missions

Overview

Mission Control is a multi-task monitoring dashboard that spans all workspaces. It shows every running task execution with a live embedded terminal, giving you a bird's-eye view of all ongoing AI agent work. Choose from grid layout presets (1x1, 2x1, 3x2, 2x2, 4x2, 3x3) to fit your screen — your preference is saved locally.

Each mission card embeds a real-time xterm.js terminal so you can observe agent output as it happens. Cards can be reordered via drag-and-drop and are automatically removed when the execution completes naturally. You can also launch new task executions or resume previous sessions directly from the launch search dialog without leaving the dashboard.

Details

• Grid layout presets: Six layout options from single-card (1x1) to nine-card (3x3). The selected layout persists in localStorage across sessions.
• Workspace filtering: A dropdown filter lets you narrow the view to tasks from a specific workspace.
• Launch search dialog: Clicking Launch task opens a search dialog directly — fuzzy-search tasks with Fuse, browse by workspace → project, or pick from the recent-tasks list (up to 100 recent tasks loaded, search capped at 30 results). Tasks with a saved sessionId can resume their Claude CLI session; otherwise a fresh execution starts. The dialog does not auto-focus the search box (Base UI initialFocus) — press Tab once to focus it, which avoids the browser's history dropdown overlapping the dialog.
• Dual navigation modes: input mode (default — panes auto-focus their terminals so you can type immediately) and nav mode (a centered pane-selector dialog tiles all panes with quick-select characters 1–9 / A–Z and breadcrumb titles). Toggle with the mode button or Ctrl+;.
• Auto-removal: When a task execution completes or exits naturally, its card is automatically removed from the dashboard. Manually stopping an execution also removes the card.
• Drag-and-drop: Reorder mission cards using dnd-kit to arrange your monitoring layout.
• Live polling: The dashboard polls for execution status updates every 4 seconds to stay in sync.

File Reference

Pages

Route	File	Description
/missions	missions-client.tsx	Missions main page

Components (src/components/missions/)

Component	Description
mission-card.tsx	Task execution card (with terminal)
grid-preset-picker.tsx	Grid layout selector
task-picker-dialog.tsx	Launch search dialog (fuzzy search + browse + recent tasks)
pane-selector-dialog.tsx	Centered pane selector shown in nav mode
pane-navigation.ts	Pane quick-select characters and navigation helpers
merge-missions.ts	Merges polled results with local card ordering

Server Actions

• getActiveExecutionsAcrossWorkspaces() -- Get all RUNNING executions

State Management (src/stores/task-execution-store.ts)

Zustand store managing active execution state.