@wrongstack/cli 0.283.0 → 0.283.1

package/dist/index.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { CODEX_MODELS, color, ToolCapabilities, PHASE_EVENT_NAMES, readBundledInstructionText, writeErr, loadPlugins, renderProgress, SpecStore, TaskGraphStore, analyzeCriticalPath, getTemplate, listTemplates, templateToMarkdown, SpecParser, renderSpecAnalysis, AISpecBuilder, expectDefined, DefaultTaskStore, TaskTracker, renderTaskGraph, withFileLock, ConfigError, resolveHqDataDir, ensureHqFirstRunAuthFile, DEFAULT_HQ_REDACTION_POLICY, createHqPersistence, HqCommandAuditLog, HqAlertEngine, toAlertMessage, validateHqCommand, watchHqAuthFile, parseHqFrame, HQ_PROTOCOL_VERSION, parseHqEventPayload, scrubAndTruncateHqPreview, FetchError, removeColumn, addColumn, getTask, removeTask, getBoard, assignTask, updateTaskAssignment, listBoards, updateGoalMetricOnTask, addGoalMetricToTask, releaseTaskClaim, claimReadyTask, getTaskChain, setTaskChain, copyTaskToBoard, transferTaskToBoard, moveTask, updateTask, mergeTasks, splitTask, addTask, syncBoardFromTaskGraph, deserializeTaskGraph, exportBoardToTaskGraph, serializeTaskGraph, getKanbanOrchestrationSnapshot, listReadyTasks, generateBoardFromDescription, createBoard, parseLinesIntoTasks, removeBoard, duplicateBoard, updateBoard, wstackGlobalRoot, DefaultSecretScrubber, resolveWstackPaths, watchProviderConfig, TOKENS, PromptUsageStore, ToolRegistry, GlobalMailbox, resolveSessionLoggingConfig, createSessionEventBridge, HookRegistry, HookRunner, shellHooksEqual, countShellHooks, normalizeTokenSavingTier, allServers as allServers$1, SlashCommandRegistry, attachDepWatcherBridge, createFallbackModelExtension, SessionMemoryConsolidator, BrainDecisionQueue, ObservableBrainArbiter, HumanEscalatingBrainArbiter, createTieredBrainArbiter, DefaultBrainArbiter, BrainMonitor, mailboxSessionTag, createDelegateTool, FLEET_ROSTER, createMcpControlTool, startTechStackConsumer, startPackageOutdatedWatcher, SddRunRegistry, recordFileAction, createAutonomyBrain, DefaultPluginAPI, SpecVersioning, buildTranscriptFromEvents, DefaultLogger, DefaultModelsRegistry, isStdinTTY, FsError, atomicWrite, EventBus, runProviderWithRetry, ReplayLogStore, ReplayProviderRunner, mergeCustomModelDefs, DefaultSystemPromptBuilder, makeAutonomyPromptContributor, sessionScopedPath as sessionScopedPath$1, createContextManagerTool, makeMailboxTool, makeMailSendTool, makeMailInboxTool, makeFleetStatusTool, applyToolDescriptionModes, applyToolResultRenderModes, InMemoryMetricsSink, wireMetricsToEvents, DefaultHealthRegistry, startMetricsServer, createHqPublisherFromEnv, DEFAULT_SESSION_PRUNE_DAYS, RecoveryLock, DefaultAttachmentStore, Context, QueueStore, loadTodosCheckpoint, attachTodosCheckpoint, loadDirectorState, loadPlan, createDefaultPipelines, applyModelRuntime, installDesignStudioMiddleware, resolveContextWindowPolicy, resolveAuditLevel, AutoCompactionMiddleware, estimateRequestTokensCalibrated, Agent, FleetManager, makeDirectorSessionFactory, WorktreeManager, Director, makeFleetEmitTool, AdaptiveConcurrencyController, resolveSubagentModelTarget, DEFAULT_SUBAGENT_BASELINE, AutoApprovePermissionPolicy, mergeModelRuntime, ToolValidationError, WIDE_SUBAGENT_CAPABILITIES, resolveProjectDir, FleetSupervisor, AgentError, PhaseStore, PhaseOrchestrator, assignNickname, AutoPhasePlanner, PhaseGraphBuilder, makeLLMClassifier, writeOut, ParallelEternalEngine, EternalAutonomyEngine, CHIMERA_REVIEW_PROMPT, setQueuedMessagesSnapshot, bootConfig as bootConfig$1, setOutputLineGuard, setRawMode, DefaultSessionReader, ToolAuditLog, DefaultSessionRewinder, DefaultSessionStore, ProviderRegistry, makePreferSideConflictResolver, makeAgentSubagentRunner, NULL_FLEET_BUS, ERROR_CODES, buildChildEnv, exportBoardAsMarkdown, formatContextWindowModeList, repairToolUseAdjacency, getContextWindowMode, AGENT_CATALOG, dispatchAgent, normalizeToolDescriptionMode, getToolDescriptionMode, noOpVault, formatTodosList, loadTasks, formatTaskList, formatTaskProgress, mutateTasks, emptyPlan, addPlanItem, savePlan, formatPlan, recordCompletedWorkEvidence, saveCompletedWorkCheckpoint, SessionRecovery, loadGoal, goalFilePath, summarizeUsage, saveGoal, formatGoal, emptyGoal, buildGoalPreamble, pendingBtwCount, setBtwNote, getDesignKitLoader, getDesignState, clearActiveKit, clearPersistedActiveKit, recordOverrides, setDesignOverrides, loadActiveKit, isDesignStack, applyTokenOverrides, materializeTokens, setActiveKit, readHqRuntimeFileSync, resolveHqConfig, MATRIX_PHASE_KEYS, matrixKeyKind, phaseForRole, resolveModelMatrix, resolveModelTargetFromEntry, fallbackProfileChain, parseModelRef, normalizeModelRef, onResize, hasOpenTodos, InputBuilder, detectContinueIntent, resolveContinuation, DefaultSecretVault as DefaultSecretVault$1, decryptConfigSecrets as decryptConfigSecrets$1, encryptConfigSecrets as encryptConfigSecrets$1, DEFAULT_CONTEXT_WINDOW_MODE_ID, HQ_AUTH_FILE_VERSION, truncate, createBoardFromTaskGraph, addDependency, addNoteToTask, addCheckToTask, estimateMessageTokens, AGENTS_BY_PHASE, validateAgainstSchema, normalizeToolResultRenderMode, getToolResultRenderMode, setToolResultRenderMode, resolveMailboxIdentity, smartDefaultFallbackChain, AutonomousCoordinator, mutateHqAuthFile, mintHqToken, readHqAuthFile, areDependenciesMet, findBlockedTasks, renderInstructionTemplate, recentTextTurns, gatedEnhancerReasoning, enhanceUserPrompt, mutatePlan, setPlanItemStatus, getPlanTemplate, resolveProviderModelList, ParseError, startSessionTelemetryBridge, startFleetTelemetryBridge, startBrainTelemetryBridge, startWorktreeTelemetryBridge, startToolTelemetryBridge, startCostTelemetryBridge } from '@wrongstack/core';
+import { CODEX_MODELS, color, ToolCapabilities, PHASE_EVENT_NAMES, readBundledInstructionText, writeErr, loadPlugins, renderProgress, SpecStore, TaskGraphStore, analyzeCriticalPath, getTemplate, listTemplates, templateToMarkdown, SpecParser, renderSpecAnalysis, AISpecBuilder, expectDefined, DefaultTaskStore, TaskTracker, renderTaskGraph, withFileLock, ConfigError, resolveHqDataDir, ensureHqFirstRunAuthFile, DEFAULT_HQ_REDACTION_POLICY, createHqPersistence, HqCommandAuditLog, HqAlertEngine, toAlertMessage, validateHqCommand, watchHqAuthFile, parseHqFrame, HQ_PROTOCOL_VERSION, parseHqEventPayload, scrubAndTruncateHqPreview, FetchError, removeColumn, addColumn, getTask, removeTask, getBoard, assignTask, updateTaskAssignment, listBoards, updateGoalMetricOnTask, addGoalMetricToTask, releaseTaskClaim, claimReadyTask, getTaskChain, setTaskChain, copyTaskToBoard, transferTaskToBoard, moveTask, updateTask, mergeTasks, splitTask, addTask, syncBoardFromTaskGraph, deserializeTaskGraph, exportBoardToTaskGraph, serializeTaskGraph, getKanbanOrchestrationSnapshot, listReadyTasks, generateBoardFromDescription, createBoard, parseLinesIntoTasks, removeBoard, duplicateBoard, updateBoard, wstackGlobalRoot, DefaultSecretScrubber, resolveWstackPaths, watchProviderConfig, TOKENS, PromptUsageStore, ToolRegistry, GlobalMailbox, resolveSessionLoggingConfig, createSessionEventBridge, HookRegistry, HookRunner, shellHooksEqual, countShellHooks, normalizeTokenSavingTier, allServers as allServers$1, SlashCommandRegistry, attachDepWatcherBridge, createFallbackModelExtension, SessionMemoryConsolidator, BrainDecisionQueue, ObservableBrainArbiter, HumanEscalatingBrainArbiter, createTieredBrainArbiter, DefaultBrainArbiter, BrainMonitor, mailboxSessionTag, createDelegateTool, FLEET_ROSTER, createMcpControlTool, startTechStackConsumer, startPackageOutdatedWatcher, SddRunRegistry, recordFileAction, createAutonomyBrain, DefaultPluginAPI, SpecVersioning, buildTranscriptFromEvents, DefaultLogger, DefaultModelsRegistry, isStdinTTY, FsError, atomicWrite, EventBus, runProviderWithRetry, ReplayLogStore, ReplayProviderRunner, mergeCustomModelDefs, DefaultSystemPromptBuilder, makeAutonomyPromptContributor, sessionScopedPath as sessionScopedPath$1, createContextManagerTool, makeMailboxTool, makeMailSendTool, makeMailInboxTool, makeFleetStatusTool, applyToolDescriptionModes, applyToolResultRenderModes, InMemoryMetricsSink, wireMetricsToEvents, DefaultHealthRegistry, startMetricsServer, createHqPublisherFromEnv, DEFAULT_SESSION_PRUNE_DAYS, RecoveryLock, DefaultAttachmentStore, Context, QueueStore, loadTodosCheckpoint, attachTodosCheckpoint, loadDirectorState, loadPlan, createDefaultPipelines, applyModelRuntime, installDesignStudioMiddleware, resolveContextWindowPolicy, resolveAuditLevel, AutoCompactionMiddleware, estimateRequestTokensCalibrated, Agent, FleetManager, makeDirectorSessionFactory, WorktreeManager, Director, makeFleetEmitTool, AdaptiveConcurrencyController, resolveSubagentModelTarget, DEFAULT_SUBAGENT_BASELINE, AutoApprovePermissionPolicy, mergeModelRuntime, ToolValidationError, WIDE_SUBAGENT_CAPABILITIES, resolveProjectDir, FleetSupervisor, AgentError, PhaseStore, PhaseOrchestrator, assignNickname, AutoPhasePlanner, PhaseGraphBuilder, makeLLMClassifier, writeOut, ParallelEternalEngine, EternalAutonomyEngine, CHIMERA_REVIEW_PROMPT, setQueuedMessagesSnapshot, bootConfig as bootConfig$1, setOutputLineGuard, setRawMode, DefaultSessionReader, ToolAuditLog, DefaultSessionRewinder, DefaultSessionStore, ProviderRegistry, makePreferSideConflictResolver, makeAgentSubagentRunner, NULL_FLEET_BUS, ERROR_CODES, buildChildEnv, exportBoardAsMarkdown, formatContextWindowModeList, repairToolUseAdjacency, getContextWindowMode, AGENT_CATALOG, dispatchAgent, normalizeToolDescriptionMode, getToolDescriptionMode, noOpVault, formatTodosList, loadTasks, formatTaskList, formatTaskProgress, mutateTasks, emptyPlan, addPlanItem, savePlan, formatPlan, recordCompletedWorkEvidence, saveCompletedWorkCheckpoint, SessionRecovery, loadGoal, goalFilePath, summarizeUsage, saveGoal, formatGoal, emptyGoal, buildGoalPreamble, pendingBtwCount, setBtwNote, getDesignKitLoader, getDesignState, clearActiveKit, clearPersistedActiveKit, recordOverrides, setDesignOverrides, loadActiveKit, isDesignStack, applyTokenOverrides, materializeTokens, setActiveKit, readHqRuntimeFileSync, resolveHqConfig, MATRIX_PHASE_KEYS, matrixKeyKind, phaseForRole, resolveModelMatrix, resolveModelTargetFromEntry, fallbackProfileChain, parseModelRef, normalizeModelRef, onResize, hasOpenTodos, InputBuilder, detectContinueIntent, resolveContinuation, DefaultSecretVault as DefaultSecretVault$1, decryptConfigSecrets as decryptConfigSecrets$1, encryptConfigSecrets as encryptConfigSecrets$1, DEFAULT_CONTEXT_WINDOW_MODE_ID, HQ_AUTH_FILE_VERSION, stripAnsi, truncate, createBoardFromTaskGraph, addDependency, addNoteToTask, addCheckToTask, estimateMessageTokens, AGENTS_BY_PHASE, validateAgainstSchema, normalizeToolResultRenderMode, getToolResultRenderMode, setToolResultRenderMode, resolveMailboxIdentity, smartDefaultFallbackChain, AutonomousCoordinator, mutateHqAuthFile, mintHqToken, readHqAuthFile, areDependenciesMet, findBlockedTasks, renderInstructionTemplate, recentTextTurns, gatedEnhancerReasoning, enhanceUserPrompt, mutatePlan, setPlanItemStatus, getPlanTemplate, resolveProviderModelList, ParseError, startSessionTelemetryBridge, startFleetTelemetryBridge, startBrainTelemetryBridge, startWorktreeTelemetryBridge, startToolTelemetryBridge, startCostTelemetryBridge } from '@wrongstack/core';
 import * as fs2 from 'fs/promises';
 import { access, readFile } from 'fs/promises';
 import { DefaultSecretVault, decryptConfigSecrets, encryptConfigSecrets, isSecretField } from '@wrongstack/core/security';
@@ -4219,7 +4219,66 @@ var init_hq_dashboard_html = __esm({
   .subbadge { font-size: 9px; text-transform: uppercase; letter-spacing: 0.5px; padding: 1px 6px; border-radius: 999px; background: rgba(163,113,247,0.18); color: var(--purple); font-weight: 700; }
   .chat-meta { margin-left: auto; font-size: 11px; color: var(--dim); }
   .chat-body { flex: 1; overflow-y: auto; padding: 16px 22px; }
-  .bub.live { border-color: rgba(63,185,80,0.5); box-shadow: 0 0 0 1px rgba(63,185,80,0.15); }
+  .cmd-dock { border-top: 1px solid var(--border); background: var(--bg2); padding: 10px 14px; display: grid; gap: 8px; }
+  .cmd-row { display: flex; gap: 8px; align-items: center; }
+  .cmd-target { min-width: 220px; max-width: 44%; flex: 0 1 360px; background: var(--inset); border: 1px solid var(--border); color: var(--text); border-radius: 7px; padding: 7px 9px; font-size: 12px; }
+  .cmd-type { flex: 0 0 auto; min-width: 84px; background: var(--inset); border: 1px solid var(--border); color: var(--text); border-radius: 7px; padding: 7px 9px; font-size: 12px; font-weight: 700; }
+  .cmd-type:disabled { opacity: 0.55; cursor: not-allowed; }
+  .cmd-text { flex: 1; min-height: 38px; max-height: 120px; resize: vertical; background: var(--inset); border: 1px solid var(--border); color: var(--text); border-radius: 7px; padding: 8px 10px; font: 12.5px/1.4 ui-sans-serif, system-ui, sans-serif; }
+  .cmd-target:focus, .cmd-type:focus, .cmd-text:focus { outline: none; border-color: var(--accent); }
+  .cmd-send { flex: 0 0 auto; background: var(--accent); color: #04121f; border: 1px solid var(--accent); border-radius: 7px; padding: 8px 12px; font-size: 12px; font-weight: 800; cursor: pointer; }
+  .cmd-send:disabled { opacity: 0.5; cursor: not-allowed; }
+  .cmd-status { font-size: 11px; color: var(--dim); min-height: 14px; }
+  .cmd-status.ok { color: var(--green); }
+  .cmd-status.err { color: var(--red); }
+  .cmd-history { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--panel); padding: 10px 18px; }
+  .cmd-hhead { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
+  .cmd-htitle { font-size: 11px; font-weight: 800; color: var(--bright); text-transform: uppercase; letter-spacing: 0.6px; }
+  .cmd-hnote { font-size: 10.5px; color: var(--dim); }
+  .cmd-hrefresh { margin-left: auto; background: var(--inset); border: 1px solid var(--border); border-radius: 7px; color: var(--muted); cursor: pointer; font-size: 11px; padding: 5px 9px; }
+  .cmd-hrefresh:hover { border-color: var(--accent); color: var(--text); }
+  .cmd-hlist { display: grid; gap: 5px; }
+  .cmd-hrow { display: grid; grid-template-columns: 92px 82px minmax(0, 1fr) 88px; gap: 8px; align-items: center; font-size: 11.5px; color: var(--muted); background: var(--inset); border: 1px solid var(--border); border-radius: 7px; padding: 6px 8px; }
+  .cmd-htype { color: var(--bright); font-weight: 700; }
+  .cmd-hstatus { text-transform: uppercase; font-size: 9.5px; font-weight: 800; letter-spacing: 0.5px; color: var(--amber); }
+  .cmd-hstatus.acked { color: var(--green); }
+  .cmd-hstatus.delivered { color: var(--cyan); }
+  .cmd-hstatus.failed, .cmd-hstatus.rejected { color: var(--red); }
+  .cmd-hclient, .cmd-hmsg { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .cmd-history .side-empty { padding: 12px; font-size: 11.5px; }
+  .timeline-wrap { flex: 1; min-height: 0; display: flex; flex-direction: column; background: var(--bg2); }
+  .timeline-head { padding: 12px 18px; border-bottom: 1px solid var(--border); display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
+  .timeline-title { font-size: 13px; font-weight: 800; color: var(--bright); }
+  .timeline-note { font-size: 11px; color: var(--dim); }
+  .timeline-filters { margin-left: auto; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
+  .timeline-input, .timeline-select { background: var(--inset); border: 1px solid var(--border); color: var(--text); border-radius: 7px; padding: 6px 9px; font-size: 12px; }
+  .timeline-input { width: 260px; }
+  .timeline-input:focus, .timeline-select:focus { outline: none; border-color: var(--accent); }
+  .timeline-btn { background: var(--inset); border: 1px solid var(--border); color: var(--muted); border-radius: 7px; padding: 6px 10px; font-size: 12px; cursor: pointer; }
+  .timeline-btn:hover { color: var(--text); border-color: var(--accent); }
+  .timeline-list { flex: 1; min-height: 0; overflow-y: auto; padding: 12px 18px 18px; display: grid; gap: 8px; align-content: start; }
+  .timeline-row { display: grid; grid-template-columns: 34px 92px minmax(170px, 260px) minmax(0, 1fr); gap: 10px; border: 1px solid var(--border); border-radius: 10px; padding: 9px 10px; cursor: pointer; background: var(--panel); align-items: start; }
+  .timeline-row:hover { background: var(--panel2); border-color: var(--accent); }
+  .timeline-row.tool { border-color: rgba(57,208,216,0.22); background: rgba(57,208,216,0.045); }
+  .timeline-row.assistant { border-color: rgba(163,113,247,0.20); }
+  .timeline-row.error { border-color: rgba(248,81,73,0.32); background: rgba(248,81,73,0.06); }
+  .timeline-mark { width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: var(--inset); border: 1px solid var(--border); color: var(--muted); font-size: 14px; }
+  .timeline-row.assistant .timeline-mark { color: var(--purple); border-color: rgba(163,113,247,0.35); background: rgba(163,113,247,0.12); }
+  .timeline-row.tool .timeline-mark { color: var(--cyan); border-color: rgba(57,208,216,0.35); background: rgba(57,208,216,0.11); }
+  .timeline-row.user .timeline-mark { color: var(--accent); border-color: rgba(88,166,255,0.35); background: rgba(88,166,255,0.11); }
+  .timeline-row.error .timeline-mark { color: var(--red); border-color: rgba(248,81,73,0.38); background: rgba(248,81,73,0.12); }
+  .timeline-time { color: var(--dim); font-size: 11px; font-variant-numeric: tabular-nums; }
+  .timeline-who { min-width: 0; }
+  .timeline-agent { color: var(--bright); font-weight: 700; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .timeline-project { color: var(--muted); font-size: 10.5px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .timeline-msg { min-width: 0; color: var(--text); font-size: 12.5px; line-height: 1.45; white-space: pre-wrap; word-break: break-word; max-height: 86px; overflow: hidden; }
+  .timeline-role { display: inline-block; margin-right: 6px; color: var(--dim); text-transform: uppercase; font-size: 9.5px; letter-spacing: 0.5px; font-weight: 800; }
+  .timeline-role.user { color: var(--accent); }
+  .timeline-role.assistant { color: var(--purple); }
+  .timeline-role.tool { color: var(--cyan); }
+  .timeline-role.error { color: var(--red); }
+  .timeline-toolchip { display: inline-block; margin-right: 6px; border: 1px solid rgba(57,208,216,0.32); background: rgba(57,208,216,0.08); color: var(--cyan); border-radius: 999px; padding: 1px 7px; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 10px; }
+  .bub.live .bub-card { border-color: rgba(63,185,80,0.5); box-shadow: 0 0 0 1px rgba(63,185,80,0.15); }
   .bub.live .live-dot { margin-left: auto; color: var(--green); font-size: 9px; animation: livepulse 1.4s ease-in-out infinite; }
   @keyframes livepulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }
   .caret { display: inline-block; width: 7px; height: 13px; margin-left: 2px; background: var(--green); vertical-align: text-bottom; animation: blink 1s steps(2, start) infinite; }
@@ -4243,7 +4302,9 @@ var init_hq_dashboard_html = __esm({
   .fnode.terminal.k-repl { border-left-color: var(--amber); }
   .fnode.terminal.k-webui { border-left-color: var(--accent); }
   .fnode.terminal.k-cli { border-left-color: var(--cyan); }
-  .fnode.agent { width: 220px; }
+  .fnode.agent { width: 196px; padding: 9px 10px; }
+  .fnode.agent .fnode-sub { max-height: 30px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
+  .fnode.agent .fnode-chips { max-height: 34px; overflow: hidden; }
   .fnode.agent.s-running, .fnode.agent.s-streaming { border-color: var(--green); box-shadow: 0 0 0 1px rgba(63,185,80,0.25), 0 10px 22px rgba(0,0,0,0.4); animation: pulse 1.8s ease-in-out infinite; }
   .fnode.agent.s-waiting_user { border-color: var(--amber); }
   .fnode.agent.s-error { border-color: var(--red); }
@@ -4265,30 +4326,82 @@ var init_hq_dashboard_html = __esm({
   .side-close:hover { background: var(--panel); color: var(--text); }
   .side-body { flex: 1; overflow-y: auto; padding: 14px 16px; }
   .side-empty { margin: auto; color: var(--dim); font-style: italic; text-align: center; padding: 40px 24px; }
-  .bub { margin-bottom: 12px; border-radius: 10px; padding: 9px 12px; font-size: 12.5px; line-height: 1.5; border: 1px solid var(--border); }
-  .bub .bub-meta { font-size: 10px; color: var(--dim); margin-bottom: 4px; display: flex; gap: 8px; align-items: center; text-transform: uppercase; letter-spacing: 0.5px; }
-  .bub .bub-role { font-weight: 700; }
-  .bub.user { background: rgba(88,166,255,0.08); border-color: rgba(88,166,255,0.25); }
-  .bub.user .bub-role { color: var(--accent); }
-  .bub.assistant { background: var(--panel); }
+  .bub { margin-bottom: 14px; display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.55; }
+  .bub.user { flex-direction: row-reverse; }
+  .bub-avatar { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; font-size: 15px; border: 1px solid var(--border2); background: var(--panel); color: var(--muted); box-shadow: 0 0 0 3px rgba(13,17,23,0.65); }
+  .bub.assistant .bub-avatar { background: rgba(163,113,247,0.16); color: var(--purple); border-color: rgba(163,113,247,0.35); }
+  .bub.user .bub-avatar { background: var(--accent); color: #04121f; border-color: rgba(88,166,255,0.7); }
+  .bub.tool .bub-avatar { background: rgba(57,208,216,0.13); color: var(--cyan); border-color: rgba(57,208,216,0.35); }
+  .bub.error .bub-avatar { background: rgba(248,81,73,0.14); color: var(--red); border-color: rgba(248,81,73,0.4); }
+  .bub.system .bub-avatar { background: var(--inset); color: var(--dim); }
+  .bub-content { min-width: 0; flex: 1; max-width: 860px; display: flex; flex-direction: column; gap: 5px; }
+  .bub.user .bub-content { align-items: flex-end; }
+  .bub-head { display: flex; align-items: center; gap: 8px; padding: 0 2px; color: var(--dim); font-size: 10.5px; }
+  .bub-role { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.6px; color: var(--muted); }
   .bub.assistant .bub-role { color: var(--purple); }
-  .bub.tool { background: rgba(57,208,216,0.05); border-color: rgba(57,208,216,0.18); }
+  .bub.user .bub-role { color: var(--accent); }
   .bub.tool .bub-role { color: var(--cyan); }
-  .bub.error { background: rgba(248,81,73,0.08); border-color: rgba(248,81,73,0.3); }
   .bub.error .bub-role { color: var(--red); }
-  .bub.system { background: transparent; border-style: dashed; color: var(--muted); }
-  .bub pre { margin: 0; white-space: pre-wrap; word-break: break-word; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 11.5px; max-height: 320px; overflow: auto; }
+  .bub-card { width: fit-content; max-width: 100%; border: 1px solid var(--border); border-radius: 14px; padding: 10px 12px; background: var(--panel); color: var(--text); box-shadow: 0 8px 20px rgba(0,0,0,0.18); }
+  .bub.assistant .bub-card { background: var(--panel); border-color: var(--border2); border-bottom-left-radius: 5px; }
+  .bub.user .bub-card { background: rgba(88,166,255,0.16); border-color: rgba(88,166,255,0.35); border-bottom-right-radius: 5px; }
+  .bub.tool .bub-card { background: rgba(57,208,216,0.06); border-color: rgba(57,208,216,0.22); border-bottom-left-radius: 5px; }
+  .bub.error .bub-card { background: rgba(248,81,73,0.08); border-color: rgba(248,81,73,0.32); color: var(--text); }
+  .bub.system .bub-card { background: transparent; border-style: dashed; color: var(--muted); box-shadow: none; }
+  .bub pre { margin: 0; white-space: pre-wrap; word-break: break-word; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 11.5px; max-height: 360px; overflow: auto; }
   .bub .txt { white-space: pre-wrap; word-break: break-word; }
+  .assistant-body, .txt { word-break: break-word; }
+  .msg-md { display: grid; gap: 8px; }
+  .msg-md p { margin: 0; white-space: pre-wrap; }
+  .md-heading { font-weight: 800; color: var(--bright); margin-top: 2px; }
+  .md-bullet { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 6px; align-items: start; }
+  .md-bullet-dot { color: var(--accent); }
+  .md-inline { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 0.92em; padding: 1px 4px; border-radius: 5px; background: var(--inset); border: 1px solid var(--border); color: var(--cyan); }
+  .md-codewrap { border: 1px solid var(--border); border-radius: 9px; overflow: hidden; background: var(--bg2); }
+  .md-codelabel { display: flex; align-items: center; gap: 6px; padding: 5px 9px; border-bottom: 1px solid var(--border); color: var(--dim); font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; }
+  .md-code { margin: 0; padding: 10px 11px; max-height: 360px; overflow: auto; white-space: pre; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 11.5px; line-height: 1.45; color: var(--text); }
+  .tool-card { display: grid; gap: 8px; min-width: min(520px, 100%); }
+  .tool-head { display: flex; align-items: center; gap: 8px; color: var(--text); }
+  .tool-name { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12px; font-weight: 800; color: var(--cyan); }
+  .tool-status { margin-left: auto; font-size: 10px; text-transform: uppercase; letter-spacing: 0.6px; color: var(--green); font-weight: 800; }
+  .tool-status.error { color: var(--red); }
+  .tool-duration { font-size: 10.5px; color: var(--dim); font-variant-numeric: tabular-nums; }
+  .tool-group { margin: 0 0 14px 42px; max-width: 860px; border: 1px solid var(--border); border-radius: 12px; background: rgba(57,208,216,0.045); overflow: hidden; }
+  .tool-group > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; padding: 9px 11px; color: var(--text); user-select: none; }
+  .tool-group > summary::-webkit-details-marker { display: none; }
+  .tool-group > summary::before { content: '\u25B8'; color: var(--dim); font-size: 10px; }
+  .tool-group[open] > summary::before { content: '\u25BE'; }
+  .tool-group-title { font-weight: 800; color: var(--cyan); font-size: 12px; }
+  .tool-group-meta { color: var(--muted); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .tool-group-status { margin-left: auto; font-size: 10px; text-transform: uppercase; font-weight: 800; letter-spacing: 0.5px; color: var(--green); }
+  .tool-group-status.error { color: var(--red); }
+  .tool-group-body { padding: 10px 12px 2px; border-top: 1px solid var(--border); background: rgba(13,17,23,0.32); }
+  .tool-group-body .bub { margin-bottom: 10px; }
+  .tool-group-body .bub-content { max-width: 100%; }
+  .tool-group-body .bub-avatar { width: 26px; height: 26px; flex-basis: 26px; border-radius: 8px; font-size: 12px; }
   .bub-sublabel { font-size: 9px; text-transform: uppercase; letter-spacing: 0.6px; color: var(--dim); margin: 4px 0 2px; }
-  .bub-fold { margin-top: 6px; }
-  .bub-fold > summary { cursor: pointer; list-style: none; font-size: 11px; color: var(--cyan); padding: 4px 9px; background: var(--inset); border: 1px solid var(--border); border-radius: 6px; user-select: none; display: flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
+  .bub-fold { margin-top: 0; }
+  .bub-fold > summary { cursor: pointer; list-style: none; font-size: 11px; color: var(--cyan); padding: 6px 9px; background: var(--inset); border: 1px solid var(--border); border-radius: 8px; user-select: none; display: flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
   .bub-fold > summary::-webkit-details-marker { display: none; }
   .bub-fold > summary::before { content: '\u25B8'; color: var(--dim); font-size: 9px; }
   .bub-fold[open] > summary::before { content: '\u25BE'; }
   .bub-fold > summary:hover { border-color: var(--accent); color: var(--text); }
   .bub-fold[open] > summary { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
-  .bub-fold > pre { margin: 0; border: 1px solid var(--border); border-top: none; border-radius: 0 0 6px 6px; padding: 8px 9px; background: var(--bg2); }
+  .bub-fold > pre { margin: 0; border: 1px solid var(--border); border-top: none; border-radius: 0 0 8px 8px; padding: 9px 10px; background: var(--bg2); }
   .bub-argpre { color: var(--cyan); }
+  .tool-output { border: 1px solid var(--border); border-top: none; border-radius: 0 0 8px 8px; background: var(--bg2); overflow: hidden; }
+  .tool-output-head { display: flex; align-items: center; gap: 8px; padding: 6px 9px; border-bottom: 1px solid var(--border); color: var(--dim); font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; }
+  .tool-output-kind { color: var(--cyan); font-family: ui-monospace, "SF Mono", Menlo, monospace; font-weight: 800; }
+  .tool-output-meta { margin-left: auto; font-variant-numeric: tabular-nums; }
+  .tool-output pre { margin: 0; padding: 9px 10px; max-height: 380px; overflow: auto; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 11.5px; line-height: 1.45; }
+  .tool-output.error pre { color: var(--red); }
+  .tool-output.bash pre { white-space: pre-wrap; word-break: break-word; }
+  .tool-output.json pre, .tool-output.numbered pre { white-space: pre; }
+  .tool-output-footer { display: flex; gap: 12px; border-top: 1px solid var(--border); padding: 5px 9px; background: rgba(255,255,255,0.02); color: var(--dim); font-size: 10.5px; font-variant-numeric: tabular-nums; }
+  .tool-output-footer.bad { color: var(--red); }
+  .line-view { display: flex; max-height: 380px; overflow: auto; }
+  .line-gutter { flex: 0 0 auto; min-width: 38px; padding: 9px 8px; border-right: 1px solid var(--border); background: rgba(255,255,255,0.025); color: var(--dim); text-align: right; user-select: none; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 11.5px; line-height: 1.45; white-space: pre; }
+  .line-view pre { flex: 1; max-height: none; min-width: 0; }
   .loading { color: var(--muted); font-style: italic; padding: 20px 0; }
 
   /* Mailbox tab (demoted) */
@@ -4314,7 +4427,8 @@ var init_hq_dashboard_html = __esm({
 /* shared data store (framework-agnostic) */
 var Store = {
   snapshot: null, connected: false, tab: 'console', theme: 'dark',
-  selected: null, transcripts: {}, agentMsgs: {}, listeners: new Set(),
+  selected: null, transcripts: {}, agentMsgs: {}, timeline: [], timelineSeen: {}, timelineLoaded: false,
+  commands: [], commandsLoaded: false, commandsLoading: false, listeners: new Set(),
   emit: function(){ this.listeners.forEach(function(l){ try { l(); } catch(e){} }); },
   subscribe: function(l){ this.listeners.add(l); var s=this; return function(){ s.listeners.delete(l); }; },
   set: function(p){ Object.assign(this, p); this.emit(); }
@@ -4328,6 +4442,106 @@ function fmtAgo(iso){ if(!iso) return ''; var d=new Date(iso).getTime(); if(isNa
 function fmtElapsed(iso){ if(!iso) return ''; var d=new Date(iso).getTime(); if(isNaN(d)) return ''; var s=Math.max(0,Math.floor((Date.now()-d)/1000)); if(s<60) return s+'s'; var m=Math.floor(s/60); if(m<60) return m+'m '+(s%60)+'s'; var h=Math.floor(m/60); if(h<24) return h+'h '+(m%60)+'m'; return Math.floor(h/24)+'d '+(h%24)+'h'; }
 function fmtNum(n){ n=Number(n)||0; if(n>=1e6) return (n/1e6).toFixed(1)+'M'; if(n>=1e3) return (n/1e3).toFixed(1)+'k'; return String(n); }
 function esc(s){ if(s==null) return ''; return String(s); }
+function cacheKey(agentId, projectId, clientId){ return (projectId||'') + '||' + (clientId||'') + '||' + agentId; }
+function findSession(snap, sessionId){ return ((snap && snap.liveSessions) || []).filter(function(s){ return s.sessionId === sessionId; })[0] || null; }
+function findAgent(session, agentId){ return session ? ((session.agents||[]).filter(function(a){ return a.id === agentId; })[0] || null) : null; }
+function clientIdForSession(snap, session){
+  if(!session) return '';
+  if(session.clientId) return session.clientId;
+  var clients = (snap && snap.clients) || [];
+  for(var i=0;i<clients.length;i++){
+    var c = clients[i];
+    if(c.projectId === session.projectId && c.machineId === session.machineId && c.kind === session.clientKind && (!session.pid || !c.pid || c.pid === session.pid)) return c.clientId || '';
+  }
+  return '';
+}
+
+function timelineKey(e){
+  return [e.source||'', e.projectId||'', e.clientId||'', e.sessionId||'', e.agentId||'', e.ts||'', e.role||'', e.tool||'', String(e.text||'').slice(0,80)].join('|');
+}
+function addTimelineEntries(entries){
+  if(!entries || !entries.length) return;
+  var changed = false;
+  for(var i=0;i<entries.length;i++){
+    var e = entries[i];
+    var key = timelineKey(e);
+    if(Store.timelineSeen[key]) continue;
+    Store.timelineSeen[key] = 1;
+    Store.timeline.push(e);
+    changed = true;
+  }
+  if(!changed) return;
+  Store.timeline.sort(function(a,b){ return (Date.parse(b.ts||'')||0) - (Date.parse(a.ts||'')||0); });
+  if(Store.timeline.length > 1500) Store.timeline = Store.timeline.slice(0, 1500);
+  Store.emit();
+}
+function timelineEntriesFromEvent(ev){
+  var out = [];
+  if(!ev || !ev.payload) return out;
+  if(ev.type === 'session.transcript' && ev.payload.sessionId && Array.isArray(ev.payload.entries)){
+    ev.payload.entries.forEach(function(entry){
+      out.push({
+        source: 'session', projectId: ev.projectId, clientId: ev.clientId, sessionId: ev.payload.sessionId,
+        agentId: entry.agentId || 'leader', agentName: entry.agentId || 'leader',
+        ts: entry.ts || ev.timestamp, role: entry.role || 'assistant', tool: entry.tool, text: entry.text || ''
+      });
+    });
+  } else if(ev.type === 'agent.message' && ev.payload.subagentId){
+    out.push({
+      source: 'agent', projectId: ev.projectId, clientId: ev.clientId, sessionId: ev.sessionId || null,
+      agentId: ev.payload.subagentId, agentName: ev.payload.agentName || ev.payload.subagentId,
+      ts: ev.payload.ts || ev.timestamp, role: agentMsgRole(ev.payload.kind), tool: ev.payload.toolName, text: ev.payload.content || ''
+    });
+  } else if(ev.type === 'agent.status' && ev.payload.subagentId){
+    out.push({
+      source: 'agent', projectId: ev.projectId, clientId: ev.clientId, sessionId: ev.sessionId || null,
+      agentId: ev.payload.subagentId, agentName: ev.payload.agentName || ev.payload.subagentId,
+      ts: ev.payload.ts || ev.timestamp, role: 'system', text: (ev.payload.status||'status') + (ev.payload.summary ? (': '+ev.payload.summary) : (ev.payload.task ? (': '+ev.payload.task) : ''))
+    });
+  }
+  return out;
+}
+function timelineAgentValue(projectId, clientId, agentId){ return [projectId||'', clientId||'', agentId||''].join('||'); }
+function parseTimelineAgentValue(value){
+  if(!value || value === 'all') return null;
+  var parts = String(value).split('||');
+  return { projectId: parts[0] || '', clientId: parts[1] || '', agentId: parts[2] || '' };
+}
+function timelineFilterQuery(filters){
+  var f = filters || {};
+  var q = [];
+  function add(k,v){ if(v && v !== 'all') q.push(encodeURIComponent(k) + '=' + encodeURIComponent(v)); }
+  add('projectId', f.projectId);
+  add('clientId', f.clientId);
+  add('agentId', f.agentId);
+  add('source', f.source);
+  add('role', f.role);
+  add('q', f.q);
+  return q.length ? ('&' + q.join('&')) : '';
+}
+function loadRecentTimeline(filters, force){
+  var f = typeof filters === 'string' ? { projectId: filters } : (filters || {});
+  if(Store.timelineLoaded && !force) return;
+  Store.timelineLoaded = true;
+  var path = '/api/timeline?limit=800' + timelineFilterQuery(f);
+  fetch(withTok(path))
+    .then(function(r){ return r.ok ? r.json() : null; })
+    .then(function(d){
+      if(d && Array.isArray(d.entries)){
+        addTimelineEntries(d.entries);
+        return;
+      }
+      return fetch(withTok('/api/events?limit=800'))
+        .then(function(r){ return r.ok ? r.json() : null; })
+        .then(function(fallback){
+          var events = fallback && Array.isArray(fallback.events) ? fallback.events : [];
+          var batch = [];
+          events.forEach(function(ev){ batch = batch.concat(timelineEntriesFromEvent(ev)); });
+          addTimelineEntries(batch);
+        });
+    })
+    .catch(function(){});
+}
 
 function loadTranscript(sessionId){
   if(!sessionId) return;
@@ -4349,17 +4563,24 @@ function applyThemeClass(t){ try { document.body.className = (t==='light'?'light
 function initTheme(){ var t='dark'; try { t = localStorage.getItem('hq.theme') || 'dark'; } catch(e){} Store.theme = t; applyThemeClass(t); }
 function toggleTheme(){ var t = (Store.theme==='light'?'dark':'light'); Store.theme = t; applyThemeClass(t); try { localStorage.setItem('hq.theme', t); } catch(e){} Store.emit(); }
 
-function loadAgentMessages(agentId){
+function loadAgentMessages(agentId, session){
   if(!agentId) return;
-  fetch(withTok('/api/agents/'+encodeURIComponent(agentId)+'/messages?full=1'))
+  var projectId = session && session.projectId ? session.projectId : '';
+  var clientId = clientIdForSession(Store.snapshot, session);
+  var key = cacheKey(agentId, projectId, clientId);
+  var url = '/api/agents/'+encodeURIComponent(agentId)+'/messages?full=1';
+  if(projectId) url += '&projectId=' + encodeURIComponent(projectId);
+  if(clientId) url += '&clientId=' + encodeURIComponent(clientId);
+  fetch(withTok(url))
     .then(function(r){ return r.ok ? r.json() : null; })
-    .then(function(d){ if(d && Array.isArray(d.entries)){ Store.agentMsgs[agentId] = d.entries; Store.emit(); } })
+    .then(function(d){ if(d && Array.isArray(d.entries)){ Store.agentMsgs[key] = d.entries; Store.emit(); } })
     .catch(function(){});
 }
 
 function selectSession(sessionId, agentId){
   Store.selected = { sessionId: sessionId, agentId: agentId || null };
-  if(agentId && agentId !== 'leader'){ loadAgentMessages(agentId); }
+  var session = findSession(Store.snapshot, sessionId);
+  if(agentId && agentId !== 'leader'){ loadAgentMessages(agentId, session); }
   else { loadTranscript(sessionId); }
   Store.emit();
 }
@@ -4378,7 +4599,7 @@ function connectWs(){
     if(reconnect){
       var sel = Store.selected;
       if(sel && sel.sessionId){
-        if(sel.agentId && sel.agentId !== 'leader') loadAgentMessages(sel.agentId);
+        if(sel.agentId && sel.agentId !== 'leader') loadAgentMessages(sel.agentId, findSession(Store.snapshot, sel.sessionId));
         else loadTranscript(sel.sessionId);
       }
     }
@@ -4392,7 +4613,7 @@ function connectWs(){
   ws.onerror = function(){ try { ws.close(); } catch(e){} };
 }
 
-function agentMsgRole(kind){ return kind==='tool_use'?'tool' : kind==='error'?'error' : kind==='status'?'system' : 'assistant'; }
+function agentMsgRole(kind){ return (kind==='tool_use'||kind==='tool_result')?'tool' : kind==='error'?'error' : kind==='status'?'system' : 'assistant'; }
 
 // Append streamed entries into a transcript cache, merging a tool RESULT
 // (toolUseId, no args) into the matching args entry so a tool's call + result
@@ -4420,6 +4641,7 @@ function appendEntries(cache, news){
 
 function handleEvent(ev){
   if(!ev) return;
+  addTimelineEntries(timelineEntriesFromEvent(ev));
   if(ev.type === 'session.transcript' && ev.payload && ev.payload.sessionId){
     var sid = ev.payload.sessionId;
     var c = Store.transcripts[sid];
@@ -4433,15 +4655,17 @@ function handleEvent(ev){
   // agent card id. Lets clicking a subagent show ITS own live history.
   if(ev.type === 'agent.message' && ev.payload && ev.payload.subagentId){
     var p = ev.payload;
-    var arr = Store.agentMsgs[p.subagentId] || (Store.agentMsgs[p.subagentId] = []);
+    var k = cacheKey(p.subagentId, ev.projectId, ev.clientId);
+    var arr = Store.agentMsgs[k] || (Store.agentMsgs[k] = []);
     arr.push({ ts: p.ts, role: agentMsgRole(p.kind), text: p.content || '', tool: p.toolName });
-    if(arr.length > 4000) Store.agentMsgs[p.subagentId] = arr.slice(-4000);
+    if(arr.length > 4000) Store.agentMsgs[k] = arr.slice(-4000);
     Store.emit();
     return;
   }
   if(ev.type === 'agent.status' && ev.payload && ev.payload.subagentId){
     var sp = ev.payload;
-    var a2 = Store.agentMsgs[sp.subagentId] || (Store.agentMsgs[sp.subagentId] = []);
+    var k2 = cacheKey(sp.subagentId, ev.projectId, ev.clientId);
+    var a2 = Store.agentMsgs[k2] || (Store.agentMsgs[k2] = []);
     a2.push({ ts: sp.ts, role: 'system', text: '\u2014 ' + (sp.status||'') + (sp.summary ? (': '+sp.summary) : (sp.task ? (': '+sp.task) : '')) });
     Store.emit();
     return;
@@ -4456,6 +4680,101 @@ function machineKey(hostname, machineId){
   return hn ? ('host:' + hn.toLowerCase()) : ('mid:' + (machineId || 'local'));
 }
 
+function postHqCommand(clientId, type, payload){
+  return fetch(withTok('/api/command'), {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ clientId: clientId, type: type, payload: payload })
+  }).then(function(r){
+    return r.json().catch(function(){ return {}; }).then(function(body){
+      if(!r.ok){ throw new Error(body && body.error ? body.error : ('HTTP ' + r.status)); }
+      return body;
+    });
+  });
+}
+/* Direct mailbox write \u2014 used when the target has no live command-capable
+   client. The prompt lands in the project mailbox regardless of whether any
+   agent loop is running; the server resolves the projectRoot from sessionId/
+   projectId, so no filesystem path leaves the browser. */
+function postHqMailboxSend(target, type, opts){
+  return fetch(withTok('/api/mailbox-send'), {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      sessionId: target.sessionId, projectId: target.projectId,
+      type: type, to: target.to, subject: opts.subject, body: opts.body, priority: opts.priority
+    })
+  }).then(function(r){
+    return r.json().catch(function(){ return {}; }).then(function(body){
+      if(!r.ok){ throw new Error(body && body.error ? body.error : ('HTTP ' + r.status)); }
+      return body;
+    });
+  });
+}
+function loadCommands(force){
+  if(Store.commandsLoading) return;
+  if(Store.commandsLoaded && !force) return;
+  Store.commandsLoading = true;
+  fetch(withTok('/api/commands?limit=80'))
+    .then(function(r){ return r.ok ? r.json() : null; })
+    .then(function(d){
+      var commands = d && Array.isArray(d.commands) ? d.commands.slice() : [];
+      commands.sort(function(a,b){ return (Date.parse(b.enqueuedAt||'')||0) - (Date.parse(a.enqueuedAt||'')||0); });
+      Store.commands = commands;
+      Store.commandsLoaded = true;
+      Store.commandsLoading = false;
+      Store.emit();
+    })
+    .catch(function(){ Store.commandsLoading = false; Store.commandsLoaded = true; Store.emit(); });
+}
+
+function buildCommandTargets(snap){
+  var targets = [];
+  var seenProjects = {};
+  ((snap && snap.liveSessions) || []).forEach(function(s){
+    // A live client means the fast control-plane path (/api/command) is
+    // available. Without one, targets still work via the direct mailbox
+    // route (/api/mailbox-send) \u2014 the send simply lands in the project
+    // mailbox and is picked up whenever an agent next runs. direct=true
+    // marks those; the offline suffix hints at the fallback path.
+    var clientId = clientIdForSession(snap, s);
+    var direct = !clientId;
+    var projName = s.projectName || s.projectId;
+    var offlineSuffix = direct ? ' \xB7 (offline \u2192 mailbox)' : '';
+    var projectKey = s.projectId + '|' + (clientId || 'nocli');
+    if(!seenProjects[projectKey]){
+      seenProjects[projectKey] = 1;
+      targets.push({
+        value: 'project|' + projectKey, kind: 'broadcast', clientId: clientId || null, direct: direct,
+        to: 'all', sessionId: s.sessionId, projectId: s.projectId,
+        label: 'Broadcast project \xB7 ' + projName + offlineSuffix
+      });
+    }
+    targets.push({
+      value: s.sessionId + '|leader', kind: 'agent', clientId: clientId || null, direct: direct,
+      to: 'leader', sessionId: s.sessionId, projectId: s.projectId, agentId: 'leader',
+      label: projName + ' \xB7 ' + (s.clientKind||'cli').toUpperCase() + ' \xB7 leader' + offlineSuffix
+    });
+    (s.agents||[]).forEach(function(a){
+      if(a.id === 'leader') return;
+      targets.push({
+        value: s.sessionId + '|' + a.id, kind: 'agent', clientId: clientId || null, direct: direct,
+        to: a.id, sessionId: s.sessionId, projectId: s.projectId, agentId: a.id,
+        label: projName + ' \xB7 ' + (a.name || a.id) + offlineSuffix
+      });
+    });
+  });
+  return targets;
+}
+
+function selectedTargetValue(snap){
+  var sel = Store.selected;
+  if(!sel || !sel.sessionId) return '';
+  var session = findSession(snap, sel.sessionId);
+  if(!session) return '';
+  return sel.agentId ? (sel.sessionId + '|' + sel.agentId) : (sel.sessionId + '|leader');
+}
+
 /* fleet tree (shared) */
 function buildTree(snap){
   var sessions = (snap && snap.liveSessions) || [];
@@ -4583,11 +4902,13 @@ function projNode(id, p, machine){
 }
 function termNode(id, t, sel){
   var synthetic = !!t.synthetic;
+  var agentCount = t.agentCount || (t.agents ? t.agents.length : 0);
   return fleetNode(id, 'terminal', {
     termKind: t.clientKind, status: t.status, icon: kindIcon(t.clientKind),
     label: (t.clientKind||'cli').toUpperCase() + ' \xB7 ' + shortId(t.sessionId),
     sub: t.status + (t.pid ? (' \xB7 pid '+t.pid) : '') + (synthetic ? ' \xB7 waiting for session telemetry' : ''),
-    chips: synthetic ? ['connected', '0 agents'] : [ (t.agentCount||(t.agents?t.agents.length:0))+' agents' ],
+    agentCount: agentCount,
+    chips: synthetic ? ['connected', '0 agents'] : [ agentCount+' agents' ],
     clickable: !synthetic, selected: !synthetic && !!(sel && sel.sessionId === t.sessionId && !sel.agentId),
     onClick: synthetic ? undefined : function(){ selectSession(t.sessionId); }
   });
@@ -4603,6 +4924,7 @@ function agentNode(id, a, t, sel){
   chips.push((a.iterations||0)+' it');
   if(typeof a.costUsd === 'number' && a.costUsd > 0) chips.push('$'+a.costUsd.toFixed(2));
   return fleetNode(id, 'agent', {
+    parentTerminalId: 'terminal:' + t.sessionId,
     status: a.status, label: a.name || a.id,
     sub: a.status + (a.partialText ? (' \xB7 '+String(a.partialText).slice(0,44)) : ''),
     chips: chips, clickable: true,
@@ -4613,21 +4935,94 @@ function agentNode(id, a, t, sel){
 function kindIcon(k){ return k==='tui'?'\u{1F5B3}':k==='webui'?'\u{1F310}':k==='repl'?'\u2328\uFE0F':'\u25B7'; }
 function miniColor(n){ var k=n.data&&n.data.kind; return k==='machine'?'#a371f7':k==='project'?'#58a6ff':k==='agent'?'#3fb950':'#39d0d8'; }
 
-// Node footprints (width \xD7 height) for dagre sizing.
-var NODE_SIZE = { machine: [220, 78], project: [220, 78], terminal: [220, 70], agent: [230, 92] };
-// Auto-layout the logical nodes into a clean tree using dagre.
+// Node footprints (width \xD7 height) for graph sizing. Agents are compact because
+// subagent fleets can be large; they are clustered around their terminal rather
+// than laid out as a long tree rank.
+var NODE_SIZE = { machine: [220, 78], project: [220, 78], terminal: [220, 70], agent: [196, 78] };
+function agentGrid(count, dir){
+  if(!count) return { cols: 0, rows: 0, width: 0, height: 0 };
+  var cols = dir === 'TB'
+    ? Math.min(4, Math.max(1, Math.ceil(Math.sqrt(count))))
+    : (count > 10 ? 4 : (count > 3 ? 2 : 1));
+  var rows = Math.ceil(count / cols);
+  var s = NODE_SIZE.agent;
+  return { cols: cols, rows: rows, width: cols*s[0] + Math.max(0, cols-1)*22, height: rows*s[1] + Math.max(0, rows-1)*18 };
+}
+function actualNodeSize(n){ return NODE_SIZE[n.data.kind] || [210, 64]; }
+function graphNodeSize(n, dir){
+  var base = actualNodeSize(n);
+  if(n.data.kind !== 'terminal') return base;
+  var count = n.data.agentCount || 0;
+  if(!count) return base;
+  var grid = agentGrid(count, dir);
+  if(dir === 'TB') return [Math.max(base[0], grid.width), base[1] + 58 + grid.height];
+  return [base[0] + 70 + grid.width, Math.max(base[1], grid.height)];
+}
+function terminalActualPosition(center, n, graphSize, actualSize, dir){
+  if(n.data.kind !== 'terminal' || !(n.data.agentCount > 0)){
+    return { x: center.x - actualSize[0]/2, y: center.y - actualSize[1]/2 };
+  }
+  if(dir === 'TB'){
+    return { x: center.x - actualSize[0]/2, y: center.y - graphSize[1]/2 };
+  }
+  return { x: center.x - graphSize[0]/2, y: center.y - actualSize[1]/2 };
+}
+function positionAgentsAroundTerminals(nodes, positioned, dir){
+  var byTerm = {};
+  nodes.forEach(function(n){
+    if(n.data.kind === 'agent' && n.data.parentTerminalId){
+      (byTerm[n.data.parentTerminalId] || (byTerm[n.data.parentTerminalId] = [])).push(n);
+    }
+  });
+  Object.keys(byTerm).forEach(function(termId){
+    var term = positioned[termId]; if(!term) return;
+    var agents = byTerm[termId];
+    var grid = agentGrid(agents.length, dir);
+    var termSize = actualNodeSize(term);
+    var agentSize = NODE_SIZE.agent;
+    var termCenter = { x: term.position.x + termSize[0]/2, y: term.position.y + termSize[1]/2 };
+    var startX, startY;
+    if(dir === 'TB'){
+      startX = termCenter.x - grid.width/2;
+      startY = term.position.y + termSize[1] + 58;
+    } else {
+      startX = term.position.x + termSize[0] + 70;
+      startY = termCenter.y - grid.height/2;
+    }
+    agents.forEach(function(agent, index){
+      var col = index % grid.cols;
+      var row = Math.floor(index / grid.cols);
+      positioned[agent.id] = Object.assign({}, agent, {
+        position: {
+          x: startX + col * (agentSize[0] + 22),
+          y: startY + row * (agentSize[1] + 18)
+        }
+      });
+    });
+  });
+}
+// Auto-layout the logical nodes into a clean spine, then cluster agents around
+// the terminal they belong to so large fleets stay readable.
 function layoutTree(nodes, edges, dir, dagre){
   if(!dagre || !nodes.length) return nodes;
   var g = new dagre.graphlib.Graph();
   g.setGraph({ rankdir: dir || 'LR', nodesep: 26, ranksep: 90, marginx: 30, marginy: 30, ranker: 'tight-tree' });
   g.setDefaultEdgeLabel(function(){ return {}; });
-  nodes.forEach(function(n){ var s = NODE_SIZE[n.data.kind] || [210, 64]; g.setNode(n.id, { width: s[0], height: s[1] }); });
-  edges.forEach(function(e){ if(g.hasNode(e.source) && g.hasNode(e.target)) g.setEdge(e.source, e.target); });
+  var spine = nodes.filter(function(n){ return n.data.kind !== 'agent'; });
+  spine.forEach(function(n){ var s = graphNodeSize(n, dir); g.setNode(n.id, { width: s[0], height: s[1] }); });
+  edges.forEach(function(e){
+    if(g.hasNode(e.source) && g.hasNode(e.target)) g.setEdge(e.source, e.target);
+  });
   dagre.layout(g);
-  return nodes.map(function(n){
-    var p = g.node(n.id); if(!p) return n;
-    return Object.assign({}, n, { position: { x: p.x - p.width/2, y: p.y - p.height/2 } });
+  var positioned = {};
+  spine.forEach(function(n){
+    var p = g.node(n.id); if(!p){ positioned[n.id] = n; return; }
+    var actual = actualNodeSize(n);
+    var graph = graphNodeSize(n, dir);
+    positioned[n.id] = Object.assign({}, n, { position: terminalActualPosition(p, n, graph, actual, dir) });
   });
+  positionAgentsAroundTerminals(nodes, positioned, dir);
+  return nodes.map(function(n){ return positioned[n.id] || n; });
 }
 
 /* React app (preferred) */
@@ -4715,24 +5110,505 @@ async function boot(){
       h('pre', { className: preClass || null }, content)
     );
   }
+  function foldContent(key, summary, child){
+    return h('details', { key: key, className: 'bub-fold' },
+      h('summary', null, summary),
+      child
+    );
+  }
+  function roleIcon(role){
+    if(role === 'user') return '\u{1F464}';
+    if(role === 'tool') return '\u2318';
+    if(role === 'error') return '!';
+    if(role === 'system') return 'i';
+    return '\u{1F916}';
+  }
+  function roleLabel(role){
+    if(role === 'user') return 'You';
+    if(role === 'tool') return 'Tool';
+    if(role === 'error') return 'Error';
+    if(role === 'system') return 'System';
+    return 'Assistant';
+  }
+  function countLines(text){
+    if(!text) return 0;
+    return String(text).split('\\n').length;
+  }
+  function toolSummary(e){
+    var parts = [];
+    if(e.toolInput) parts.push('input ' + e.toolInput.length + ' chars');
+    if(e.text) parts.push(countLines(e.text) + ' lines');
+    if(e.durationMs!=null) parts.push(e.durationMs + 'ms');
+    return parts.join(' \xB7 ');
+  }
+  function detectToolShape(tool, result){
+    var text = String(result || '');
+    var trimmed = text.trim();
+    function numberedLine(line){
+      var t = String(line || '').trim();
+      var arrow = t.indexOf('\u2192');
+      if(arrow <= 0) return false;
+      var n = t.slice(0, arrow).trim();
+      if(!n) return false;
+      for(var i=0;i<n.length;i++){ var c = n.charCodeAt(i); if(c < 48 || c > 57) return false; }
+      return true;
+    }
+    if(text.split('\\n').slice(0, 8).some(numberedLine)) return { kind: 'numbered', text: text };
+    if((trimmed.indexOf('{') === 0 && trimmed.lastIndexOf('}') === trimmed.length - 1) || (trimmed.indexOf('[') === 0 && trimmed.lastIndexOf(']') === trimmed.length - 1)){
+      try { return { kind: 'json', text: JSON.stringify(JSON.parse(trimmed), null, 2) }; } catch(_e){}
+    }
+    var toolLower = String(tool || '').toLowerCase();
+    var isBash = ['bash','shell','exec','run','tsc','pnpm','npm','yarn'].some(function(prefix){ return toolLower.indexOf(prefix) === 0; });
+    var lines = text.split('\\n');
+    var last = lines.length ? String(lines[lines.length - 1] || '').trim().toLowerCase() : '';
+    var exitCode = null;
+    if(last.indexOf('exit') === 0 || last.indexOf('[exit') === 0){
+      var digits = '';
+      for(var j=0;j<last.length;j++){ var ch = last.charCodeAt(j); if(ch >= 48 && ch <= 57) digits += last[j]; }
+      if(digits) exitCode = Number(digits);
+    }
+    if(isBash || exitCode !== null){
+      return { kind: 'bash', text: exitCode !== null ? lines.slice(0, -1).join('\\n').trimEnd() : text, exitCode: exitCode };
+    }
+    return { kind: 'plain', text: text };
+  }
+  function renderLineView(text, numbered){
+    var lines = String(text || '').split('\\n');
+    if(!numbered) return h('pre', null, text || '');
+    return h('div', { className: 'line-view' },
+      h('pre', { className: 'line-gutter', 'aria-hidden': true }, lines.map(function(_l, i){ return String(i + 1); }).join('\\n')),
+      h('pre', null, text || '')
+    );
+  }
+  function renderToolOutput(e){
+    var shape = detectToolShape(e.tool, e.text);
+    var lineCount = countLines(shape.text);
+    var cls = 'tool-output ' + shape.kind + (e.isError || e.role === 'error' ? ' error' : '');
+    var footer = null;
+    if(shape.kind === 'bash' && (shape.exitCode !== null || e.durationMs != null)){
+      footer = h('div', { className: 'tool-output-footer ' + (shape.exitCode && shape.exitCode !== 0 ? 'bad' : '') },
+        shape.exitCode !== null ? h('span', null, 'exit code ', h('strong', null, String(shape.exitCode))) : null,
+        e.durationMs != null ? h('span', null, e.durationMs + 'ms') : null
+      );
+    }
+    return h('div', { className: cls },
+      h('div', { className: 'tool-output-head' },
+        h('span', { className: 'tool-output-kind' }, shape.kind === 'plain' ? 'output' : shape.kind),
+        h('span', { className: 'tool-output-meta' }, lineCount + ' lines')
+      ),
+      renderLineView(shape.text, shape.kind === 'numbered' || shape.kind === 'bash'),
+      footer
+    );
+  }
+  function renderInlineText(text, keyBase){
+    var s = String(text || '');
+    var bt = String.fromCharCode(96);
+    var out = [];
+    var pos = 0, n = 0;
+    while(pos < s.length){
+      var start = s.indexOf(bt, pos);
+      if(start < 0){ out.push(s.slice(pos)); break; }
+      var end = s.indexOf(bt, start + 1);
+      if(end < 0){ out.push(s.slice(pos)); break; }
+      if(start > pos) out.push(s.slice(pos, start));
+      out.push(h('code', { key: keyBase + '-ic-' + n++, className: 'md-inline' }, s.slice(start + 1, end)));
+      pos = end + 1;
+    }
+    return out.length ? out : s;
+  }
+  function renderMessageText(text, role){
+    var raw = String(text || '');
+    if(!raw) return h('div', { className: 'msg-md empty' }, '');
+    var fence = String.fromCharCode(96) + String.fromCharCode(96) + String.fromCharCode(96);
+    var lines = raw.split('\\n');
+    var blocks = [];
+    var para = [];
+    var code = [];
+    var lang = '';
+    var inCode = false;
+    function flushPara(){
+      if(!para.length) return;
+      var content = para.join(' ');
+      blocks.push(h('p', { key: 'p-' + blocks.length }, renderInlineText(content, 'p-' + blocks.length)));
+      para = [];
+    }
+    function flushCode(){
+      blocks.push(h('div', { key: 'c-' + blocks.length, className: 'md-codewrap' },
+        h('div', { className: 'md-codelabel' }, lang || 'code'),
+        h('pre', { className: 'md-code' }, code.join('\\n'))
+      ));
+      code = [];
+      lang = '';
+    }
+    for(var i=0;i<lines.length;i++){
+      var line = lines[i];
+      if(line.slice(0,3) === fence){
+        if(inCode){ flushCode(); inCode = false; }
+        else { flushPara(); inCode = true; lang = line.slice(3).trim(); code = []; }
+        continue;
+      }
+      if(inCode){ code.push(line); continue; }
+      if(!line.trim()){ flushPara(); continue; }
+      if(line.indexOf('- ') === 0 || line.indexOf('* ') === 0){
+        flushPara();
+        blocks.push(h('div', { key: 'b-' + blocks.length, className: 'md-bullet' },
+          h('span', { className: 'md-bullet-dot' }, '\u2022'),
+          h('span', null, renderInlineText(line.slice(2).trim(), 'b-' + blocks.length))
+        ));
+        continue;
+      }
+      if(line.indexOf('# ') === 0 || line.indexOf('## ') === 0 || line.indexOf('### ') === 0){
+        flushPara();
+        blocks.push(h('div', { key: 'h-' + blocks.length, className: 'md-heading' }, line.replace(/^#+\\s*/, '')));
+        continue;
+      }
+      para.push(line);
+    }
+    if(inCode) flushCode();
+    flushPara();
+    return h('div', { className: (role === 'assistant' ? 'assistant-body ' : '') + 'msg-md' }, blocks);
+  }
   function Bubble(p){
     var e = p.e;
     var isToolish = e.role === 'tool' || e.role === 'error';
     var bodyEls = [];
     if(isToolish){
-      // Tool args + result are collapsed by default \u2014 click to expand.
-      if(e.toolInput){ bodyEls.push(fold('a', '\u2192 args \xB7 ' + e.toolInput.length + ' chars', e.toolInput, 'bub-argpre')); }
-      if(e.text){ bodyEls.push(fold('o', (e.isError?'\u26A0 error':'\u2190 result') + ' \xB7 ' + e.text.length + ' chars' + (e.durationMs!=null?(' \xB7 '+e.durationMs+'ms'):''), e.text)); }
-      if(!e.toolInput && !e.text){ bodyEls.push(h('div', { key:'n', className:'bub-sublabel' }, '(no output)')); }
+      bodyEls.push(h('div', { key: 'th', className: 'tool-head' },
+        h('span', { className: 'tool-name' }, e.tool || 'tool'),
+        h('span', { className: 'tool-duration' }, toolSummary(e)),
+        h('span', { className: 'tool-status ' + (e.isError || e.role === 'error' ? 'error' : '') }, e.isError || e.role === 'error' ? 'failed' : 'done')
+      ));
+      if(e.toolInput){ bodyEls.push(fold('a', 'Input \xB7 ' + e.toolInput.length + ' chars', e.toolInput, 'bub-argpre')); }
+      if(e.text){ bodyEls.push(foldContent('o', (e.isError||e.role==='error'?'Error output':'Output') + ' \xB7 ' + countLines(e.text) + ' lines', renderToolOutput(e))); }
+      if(!e.toolInput && !e.text){ bodyEls.push(h('div', { key:'n', className:'bub-sublabel' }, 'no output')); }
     } else {
-      bodyEls.push(h('div', { key:'t', className: 'txt' }, e.text || ''));
+      bodyEls.push(h('div', { key:'t', className: 'txt' }, renderMessageText(e.text || '', e.role)));
     }
     return h('div', { className: 'bub ' + e.role },
-      h('div', { className: 'bub-meta' },
-        h('span', { className: 'bub-role' }, e.role + (e.tool ? (' \xB7 '+e.tool) : '')),
-        h('span', null, fmtTime(e.ts))
+      h('div', { className: 'bub-avatar' }, roleIcon(e.role)),
+      h('div', { className: 'bub-content' },
+        h('div', { className: 'bub-head' },
+          h('span', { className: 'bub-role' }, isToolish && e.tool ? e.tool : roleLabel(e.role)),
+          h('span', null, fmtTime(e.ts))
+        ),
+        h('div', { className: 'bub-card' },
+          isToolish ? h('div', { className: 'tool-card' }, bodyEls) : bodyEls
+        )
       ),
-      bodyEls
+    );
+  }
+  function isToolEntry(e){ return e && (e.role === 'tool' || e.role === 'error'); }
+  function ToolGroup(p){
+    var tools = p.tools || [];
+    var names = [];
+    var seen = {};
+    var errored = false;
+    var totalMs = 0;
+    tools.forEach(function(t){
+      if(t.tool && !seen[t.tool]){ seen[t.tool] = 1; names.push(t.tool); }
+      if(t.isError || t.role === 'error') errored = true;
+      if(typeof t.durationMs === 'number') totalMs += t.durationMs;
+    });
+    var preview = names.slice(0, 4).join(', ') + (names.length > 4 ? ' +' + (names.length - 4) : '');
+    var meta = preview || tools.map(function(t){ return t.role; }).join(', ');
+    if(totalMs > 0) meta += ' \xB7 ' + totalMs + 'ms';
+    return h('details', { className: 'tool-group', open: p.defaultOpen ? true : undefined },
+      h('summary', null,
+        h('span', { className: 'tool-group-title' }, tools.length + ' tool calls'),
+        h('span', { className: 'tool-group-meta' }, meta),
+        h('span', { className: 'tool-group-status ' + (errored ? 'error' : '') }, errored ? 'failed' : 'done')
+      ),
+      h('div', { className: 'tool-group-body' },
+        tools.map(function(t, i){ return h(Bubble, { key: i, e: t }); })
+      )
+    );
+  }
+
+  function PromptDock(p){
+    var targets = buildCommandTargets(p.snap);
+    var preferred = selectedTargetValue(p.snap) || (targets[0] && targets[0].value) || '';
+    var tvState = React.useState(preferred); var targetValue = tvState[0], setTargetValue = tvState[1];
+    var textState = React.useState(''); var text = textState[0], setText = textState[1];
+    var sendState = React.useState(false); var sending = sendState[0], setSending = sendState[1];
+    var stState = React.useState({ text: '', cls: '' }); var status = stState[0], setStatus = stState[1];
+    var typeState = React.useState('steer'); var sendType = typeState[0], setSendType = typeState[1];
+    React.useEffect(function(){ if(preferred) setTargetValue(preferred); }, [preferred]);
+    var target = targets.filter(function(t){ return t.value === targetValue; })[0] || targets[0] || null;
+    // Broadcast targets always fan out project-wide; agent targets use the
+    // selected send-type (steer / btw / queue). All types are written to the
+    // project mailbox by the client dispatcher, so they land even when no
+    // agent loop is actively running. HQ prompts are raw and bypass prompt
+    // refinement \u2014 a steer/btw/queue is already a directive, not user input.
+    var effectiveType = target && target.kind === 'broadcast' ? 'broadcast' : sendType;
+    // Derive the subject from the send-type so the two never drift (a steer
+    // must not carry a "queue"-flavored subject). Single source of truth,
+    // computed alongside effectiveType.
+    var effectiveSubject =
+      effectiveType === 'steer' ? 'HQ steer' :
+      effectiveType === 'btw' ? 'HQ note' :
+      effectiveType === 'broadcast' ? 'HQ broadcast' :
+      'HQ prompt'; // queue (and any future fallthrough)
+    function submit(){
+      if(!target || sending) return;
+      var body = text.trim();
+      if(!body){ setStatus({ text: 'Write a prompt or note first.', cls: 'err' }); return; }
+      setSending(true);
+      // When the target has a live command-capable client, go through the
+      // control plane (/api/command). Otherwise fall back to a direct mailbox
+      // write (/api/mailbox-send) so the prompt still goes out immediately \u2014
+      // it lands in the project mailbox and the next agent to run picks it up.
+      var useDirect = target.direct || !target.clientId;
+      setStatus({ text: useDirect ? 'Delivering to mailbox\u2026' : 'Queueing command\u2026', cls: '' });
+      var sendPromise;
+      if(useDirect){
+        sendPromise = postHqMailboxSend(target, effectiveType, { subject: effectiveSubject, body: body, priority: 'high' });
+      } else {
+        var payload = target.kind === 'broadcast'
+          ? { subject: effectiveSubject, body: body, priority: 'high' }
+          : { to: target.to, subject: effectiveSubject, body: body, priority: 'high' };
+        sendPromise = postHqCommand(target.clientId, effectiveType, payload);
+      }
+      sendPromise
+        .then(function(res){
+          setText('');
+          var okMsg = useDirect
+            ? 'Delivered to mailbox (' + (res.messageId ? shortId(res.messageId) : 'ok') + ') for ' + target.label
+            : 'Queued ' + (res.commandId ? shortId(res.commandId) : 'command') + ' for ' + target.label;
+          setStatus({ text: okMsg, cls: 'ok' });
+          loadCommands(true);
+          setTimeout(function(){ loadCommands(true); }, 2500);
+        })
+        .catch(function(err){ setStatus({ text: err && err.message ? err.message : String(err), cls: 'err' }); })
+        .finally(function(){ setSending(false); });
+    }
+    var isBroadcast = target && target.kind === 'broadcast';
+    var typeOptions = [
+      { value: 'steer', label: 'Steer' },
+      { value: 'btw', label: 'BTW' },
+      { value: 'queue', label: 'Queue' }
+    ];
+    var sendLabel = isBroadcast ? 'Broadcast'
+      : effectiveType === 'btw' ? 'Send BTW'
+      : effectiveType === 'queue' ? 'Queue'
+      : 'Send steer';
+    return h('div', { className: 'cmd-dock' },
+      h('div', { className: 'cmd-row' },
+        h('select', { className: 'cmd-target', value: target ? target.value : '', disabled: !targets.length || sending, onChange: function(e){ setTargetValue(e.target.value); } },
+          targets.length ? targets.map(function(t){ return h('option', { key: t.value, value: t.value }, t.label); }) : h('option', { value: '' }, 'No command-capable client')
+        ),
+        h('select', {
+          className: 'cmd-type',
+          value: isBroadcast ? 'broadcast' : sendType,
+          disabled: !target || sending || isBroadcast,
+          title: isBroadcast ? 'Broadcast fans out to the whole project' : 'How the prompt reaches the agent',
+          onChange: function(e){ setSendType(e.target.value); }
+        },
+          isBroadcast
+            ? h('option', { value: 'broadcast' }, 'Broadcast')
+            : typeOptions.map(function(o){ return h('option', { key: o.value, value: o.value }, o.label); })
+        ),
+        h('textarea', {
+          className: 'cmd-text',
+          value: text,
+          disabled: !target || sending,
+          placeholder: isBroadcast ? 'Broadcast a prompt to this project\u2026' : 'Send a prompt to the selected agent\u2026',
+          onChange: function(e){ setText(e.target.value); },
+          onKeyDown: function(e){ if((e.ctrlKey || e.metaKey) && e.key === 'Enter'){ e.preventDefault(); submit(); } }
+        }),
+        h('button', { className: 'cmd-send', disabled: !target || sending || !text.trim(), onClick: submit }, sending ? 'Sending\u2026' : sendLabel)
+      ),
+      h('div', { className: 'cmd-status ' + (status.cls||'') }, status.text || 'Ctrl+Enter sends raw (no refine) via the project mailbox. Steer = change course now \xB7 BTW = FYI context \xB7 Queue = waits its turn.')
+    );
+  }
+
+  function clientLabelForCommand(snap, clientId){
+    var clients = (snap && snap.clients) || [];
+    for(var i=0;i<clients.length;i++){
+      var c = clients[i];
+      if(c.clientId === clientId){
+        var project = projectNameFor(snap, c.projectId);
+        return project + ' \xB7 ' + String(c.kind || 'cli').toUpperCase();
+      }
+    }
+    return shortId(clientId);
+  }
+  function commandStatus(c){
+    return c.ackStatus || c.status || 'queued';
+  }
+  function CommandHistory(p){
+    React.useEffect(function(){
+      loadCommands(false);
+      var id = setInterval(function(){ loadCommands(true); }, 4000);
+      return function(){ clearInterval(id); };
+    }, []);
+    var rows = (Store.commands || []).slice(0, 8);
+    return h('div', { className: 'cmd-history' },
+      h('div', { className: 'cmd-hhead' },
+        h('div', { className: 'cmd-htitle' }, 'Control Queue'),
+        h('div', { className: 'cmd-hnote' }, rows.length ? 'recent HQ commands and acknowledgements' : (Store.commandsLoading ? 'loading command audit' : 'no commands queued yet')),
+        h('button', { className: 'cmd-hrefresh', onClick: function(){ loadCommands(true); } }, 'Refresh')
+      ),
+      rows.length ? h('div', { className: 'cmd-hlist' },
+        rows.map(function(c){
+          var st = commandStatus(c);
+          return h('div', { key: c.commandId, className: 'cmd-hrow' },
+            h('div', { className: 'cmd-htype' }, c.type || 'command'),
+            h('div', { className: 'cmd-hstatus ' + st }, st),
+            h('div', { className: 'cmd-hclient' }, clientLabelForCommand(p.snap, c.clientId)),
+            h('div', { className: 'cmd-hmsg', title: c.ackMessage || c.commandId }, c.ackMessage || fmtAgo(c.ackedAt || c.enqueuedAt))
+          );
+        })
+      ) : h('div', { className: 'side-empty' }, Store.commandsLoading ? 'Loading command history\u2026' : 'No HQ control commands have been queued in this server process.')
+    );
+  }
+
+  function projectNameFor(snap, projectId){
+    var p = ((snap && snap.projects) || []).filter(function(x){ return x.projectId === projectId; })[0];
+    if(p) return p.projectName || p.projectId;
+    var s = ((snap && snap.liveSessions) || []).filter(function(x){ return x.projectId === projectId; })[0];
+    return s ? (s.projectName || s.projectId) : (projectId || 'unknown');
+  }
+  function sessionForTimelineEntry(snap, e){
+    if(e.sessionId){
+      var exact = findSession(snap, e.sessionId);
+      if(exact) return exact;
+    }
+    var sessions = (snap && snap.liveSessions) || [];
+    for(var i=0;i<sessions.length;i++){
+      var s = sessions[i];
+      if(s.projectId === e.projectId && clientIdForSession(snap, s) === e.clientId){
+        if(!e.agentId || (s.agents||[]).some(function(a){ return a.id === e.agentId; })) return s;
+      }
+    }
+    return null;
+  }
+  function agentNameForEntry(snap, e){
+    var session = sessionForTimelineEntry(snap, e);
+    var ag = session && e.agentId ? findAgent(session, e.agentId) : null;
+    return (ag && (ag.name || ag.id)) || e.agentName || e.agentId || 'leader';
+  }
+  function timelinePreviewText(e){
+    var text = String(e.text || '');
+    if(e.role === 'tool'){
+      var lines = text.split('\\n');
+      return (lines[0] || 'tool output') + (lines.length > 1 ? (' +' + (lines.length - 1) + ' lines') : '');
+    }
+    return text;
+  }
+  function timelineAgentOptions(snap, project){
+    var opts = [];
+    var seen = {};
+    function add(projectId, clientId, agentId, label){
+      if(!agentId) return;
+      if(project !== 'all' && projectId !== project) return;
+      var value = timelineAgentValue(projectId, clientId, agentId);
+      if(seen[value]) return;
+      seen[value] = 1;
+      opts.push({ value: value, projectId: projectId, clientId: clientId, agentId: agentId, label: label });
+    }
+    ((snap && snap.liveSessions) || []).forEach(function(s){
+      var cid = clientIdForSession(snap, s);
+      add(s.projectId, cid, 'leader', (s.projectName || s.projectId) + ' \xB7 leader');
+      (s.agents||[]).forEach(function(a){
+        add(s.projectId, cid, a.id, (s.projectName || s.projectId) + ' \xB7 ' + (a.name || a.id));
+      });
+    });
+    Store.timeline.forEach(function(e){
+      add(e.projectId, e.clientId, e.agentId, projectNameFor(snap, e.projectId) + ' \xB7 ' + (e.agentName || e.agentId));
+    });
+    opts.sort(function(a,b){ return a.label.toLowerCase().localeCompare(b.label.toLowerCase()); });
+    return opts;
+  }
+
+  function GlobalTimelineView(p){
+    var qState = React.useState(''); var q = qState[0], setQ = qState[1];
+    var prState = React.useState('all'); var project = prState[0], setProject = prState[1];
+    var srcState = React.useState('all'); var source = srcState[0], setSource = srcState[1];
+    var roleState = React.useState('all'); var role = roleState[0], setRole = roleState[1];
+    var agState = React.useState('all'); var agent = agState[0], setAgent = agState[1];
+    var agentFilter = parseTimelineAgentValue(agent);
+    var requestFilters = {
+      projectId: project === 'all' ? '' : project,
+      source: source === 'all' ? '' : source,
+      role: role === 'all' ? '' : role,
+      clientId: agentFilter ? agentFilter.clientId : '',
+      agentId: agentFilter ? agentFilter.agentId : ''
+    };
+    React.useEffect(function(){ loadRecentTimeline(requestFilters, true); }, [project, source, role, agent]);
+    var ql = q.trim().toLowerCase();
+    var projects = (p.snap && p.snap.projects) || [];
+    var agents = timelineAgentOptions(p.snap, project);
+    var entries = Store.timeline.filter(function(e){
+      if(project !== 'all' && e.projectId !== project) return false;
+      if(source !== 'all' && e.source !== source) return false;
+      if(role !== 'all' && e.role !== role) return false;
+      if(agentFilter && (e.projectId !== agentFilter.projectId || e.clientId !== agentFilter.clientId || e.agentId !== agentFilter.agentId)) return false;
+      if(!ql) return true;
+      var hay = [e.text, e.role, e.tool, e.agentName, e.agentId, projectNameFor(p.snap, e.projectId)].join(' ').toLowerCase();
+      return hay.indexOf(ql) >= 0;
+    }).slice(0, 500);
+    function openEntry(e){
+      var session = sessionForTimelineEntry(p.snap, e);
+      if(!session) return;
+      selectSession(session.sessionId, e.agentId && e.agentId !== 'leader' ? e.agentId : null);
+      Store.set({ tab: 'console' });
+    }
+    return h('div', { className: 'timeline-wrap' },
+      h('div', { className: 'timeline-head' },
+        h('div', null,
+          h('div', { className: 'timeline-title' }, 'All Agent Timelines'),
+          h('div', { className: 'timeline-note' }, entries.length + ' visible events from recent HQ telemetry across projects')
+        ),
+        h('div', { className: 'timeline-filters' },
+          h('select', { className: 'timeline-select', value: project, onChange: function(e){ setProject(e.target.value); setAgent('all'); } },
+            h('option', { value: 'all' }, 'All projects'),
+            projects.map(function(pr){ return h('option', { key: pr.projectId, value: pr.projectId }, pr.projectName || pr.projectId); })
+          ),
+          h('select', { className: 'timeline-select', value: agent, onChange: function(e){ setAgent(e.target.value); } },
+            h('option', { value: 'all' }, 'All agents'),
+            agents.map(function(a){ return h('option', { key: a.value, value: a.value }, a.label); })
+          ),
+          h('select', { className: 'timeline-select', value: source, onChange: function(e){ setSource(e.target.value); } },
+            h('option', { value: 'all' }, 'All sources'),
+            h('option', { value: 'session' }, 'Leader/session'),
+            h('option', { value: 'agent' }, 'Subagent')
+          ),
+          h('select', { className: 'timeline-select', value: role, onChange: function(e){ setRole(e.target.value); } },
+            h('option', { value: 'all' }, 'All roles'),
+            h('option', { value: 'user' }, 'User'),
+            h('option', { value: 'assistant' }, 'Assistant'),
+            h('option', { value: 'tool' }, 'Tool'),
+            h('option', { value: 'system' }, 'System'),
+            h('option', { value: 'error' }, 'Error')
+          ),
+          h('input', { className: 'timeline-input', placeholder: 'Filter text / agent / tool\u2026', value: q, onChange: function(e){ setQ(e.target.value); } }),
+          h('button', { className: 'timeline-btn', onClick: function(){
+            var rf = Object.assign({}, requestFilters, { q: q.trim() });
+            loadRecentTimeline(rf, true);
+          } }, 'Refresh')
+        )
+      ),
+      h(PromptDock, { snap: p.snap }),
+      h(CommandHistory, { snap: p.snap }),
+      h('div', { className: 'timeline-list' },
+        entries.length ? entries.map(function(e, i){
+          var pn = projectNameFor(p.snap, e.projectId);
+          var an = agentNameForEntry(p.snap, e);
+          return h('div', { key: i, className: 'timeline-row ' + (e.role || '') + ' ' + (e.source || ''), onClick: function(){ openEntry(e); } },
+            h('div', { className: 'timeline-mark' }, roleIcon(e.role)),
+            h('div', { className: 'timeline-time' }, fmtTime(e.ts), h('div', null, fmtAgo(e.ts))),
+            h('div', { className: 'timeline-who' },
+              h('div', { className: 'timeline-agent' }, an),
+              h('div', { className: 'timeline-project' }, pn + (e.source ? (' \xB7 ' + e.source) : ''))
+            ),
+            h('div', { className: 'timeline-msg' },
+              h('span', { className: 'timeline-role ' + (e.role||'') }, e.role || 'event'),
+              e.tool ? h('span', { className: 'timeline-toolchip' }, e.tool) : null,
+              timelinePreviewText(e)
+            )
+          );
+        }) : h('div', { className: 'side-empty' }, Store.timelineLoaded ? 'No timeline events yet.' : 'Loading recent HQ timeline\u2026')
+      )
     );
   }
 
@@ -4819,15 +5695,15 @@ async function boot(){
 
     var toolbar = h('div', { className: 'gtoolbar' },
       h('div', { className: 'tgroup' },
-        h(ToolBtn, { label: '\u2B0C LR', title: 'Left \u2192 right tree', active: dir==='LR', onClick: function(){ setDir('LR'); } }),
-        h(ToolBtn, { label: '\u2B0D TB', title: 'Top \u2192 bottom tree', active: dir==='TB', onClick: function(){ setDir('TB'); } })
+        h(ToolBtn, { label: '\u2B0C LR', title: 'Left \u2192 right clustered layout', active: dir==='LR', onClick: function(){ setDir('LR'); } }),
+        h(ToolBtn, { label: '\u2B0D TB', title: 'Top \u2192 bottom clustered layout', active: dir==='TB', onClick: function(){ setDir('TB'); } })
       ),
       h('div', { className: 'tgroup' },
         h(ToolBtn, { label: '\u{1F5A5}\uFE0F Machine', title: 'Group under the machine', active: groupBy==='machine', onClick: function(){ setGroupBy('machine'); } }),
         h(ToolBtn, { label: '\u{1F4C1} Project', title: 'Group by project', active: groupBy==='project', onClick: function(){ setGroupBy('project'); } })
       ),
       h('div', { className: 'tgroup' },
-        h(ToolBtn, { label: '\u2728 Auto-arrange', title: 'Re-arrange the tree', onClick: function(){ applyLayout(nodes, edges); } }),
+        h(ToolBtn, { label: '\u2728 Auto-arrange', title: 'Re-arrange with terminal-centered agent clusters', onClick: function(){ applyLayout(nodes, edges); } }),
         h(ToolBtn, { label: '\u22A1 Fit', title: 'Fit to screen', onClick: function(){ if(rfRef.current) rfRef.current.fitView({ padding: 0.18, duration: 400 }); } })
       ),
       h('div', { className: 'glegend' },
@@ -5017,11 +5893,16 @@ async function boot(){
 
   function LiveBubble(p){
     return h('div', { className: 'bub assistant live', key: 'live' },
-      h('div', { className: 'bub-meta' },
-        h('span', { className: 'bub-role' }, p.tool ? ('tool \xB7 '+p.tool) : 'assistant'),
-        h('span', { className: 'live-dot' }, '\u25CF streaming')
-      ),
-      h('div', { className: 'txt' }, p.text, h('span', { className: 'caret' }))
+      h('div', { className: 'bub-avatar' }, p.tool ? '\u2318' : '\u{1F916}'),
+      h('div', { className: 'bub-content' },
+        h('div', { className: 'bub-head' },
+          h('span', { className: 'bub-role' }, p.tool ? p.tool : 'Assistant'),
+          h('span', { className: 'live-dot' }, '\u25CF streaming')
+        ),
+        h('div', { className: 'bub-card' },
+          h('div', { className: 'assistant-body' }, renderMessageText(p.text || '', 'assistant'), h('span', { className: 'caret' }))
+        )
+      )
     );
   }
 
@@ -5029,14 +5910,14 @@ async function boot(){
     var sel = Store.selected;
     var bodyRef = React.useRef(null);
     var stickRef = React.useRef(true);
-    // A non-leader agent is a subagent (shadow) \u2014 show ITS own buffered stream,
-    // keyed by subagentId (== agent card id). The leader / a bare terminal show
-    // the session's full on-disk transcript.
+    // A non-leader agent is a subagent (shadow) \u2014 show ITS own buffered stream.
+    // The leader / a bare terminal show the session's full on-disk transcript.
+    var session = (p.snap && p.snap.liveSessions || []).filter(function(s){ return s.sessionId===sel.sessionId; })[0];
     var isSub = !!(sel && sel.agentId && sel.agentId !== 'leader');
-    var subMsgs = isSub ? (Store.agentMsgs[sel.agentId] || []) : null;
+    var subKey = isSub ? cacheKey(sel.agentId, session && session.projectId, clientIdForSession(p.snap, session)) : '';
+    var subMsgs = isSub ? (Store.agentMsgs[subKey] || Store.agentMsgs[sel.agentId] || []) : null;
     var tc = (sel && !isSub) ? Store.transcripts[sel.sessionId] : null;
     var entries = isSub ? subMsgs : (tc ? tc.entries : []);
-    var session = (p.snap && p.snap.liveSessions || []).filter(function(s){ return s.sessionId===sel.sessionId; })[0];
     var agentsList = session ? (session.agents||[]) : [];
     var ag = sel.agentId ? agentsList.filter(function(a){ return a.id===sel.agentId; })[0]
                          : (agentsList.filter(function(a){ return a.id==='leader'; })[0] || agentsList[0]);
@@ -5062,7 +5943,17 @@ async function boot(){
     if(!isSub && tc && tc.loading && !entries.length && !liveText){ bodyEls.push(h('div', { key:'l', className: 'loading' }, 'Loading full chat history\u2026')); }
     else if(!entries.length && !liveText){ bodyEls.push(h('div', { key:'e', className: 'side-empty' }, isSub ? ('No messages from ' + (ag?ag.name:'this subagent') + ' yet \u2014 its conversation streams here live as it works.') : ((tc&&tc.error)?'Could not load history.':'No transcript yet for this terminal.'))); }
     else {
-      for(var i=0;i<entries.length;i++){ bodyEls.push(h(Bubble, { key: i, e: entries[i] })); }
+      for(var i=0;i<entries.length;i++){
+        if(isToolEntry(entries[i])){
+          var group = [], start = i;
+          while(i < entries.length && isToolEntry(entries[i])){ group.push(entries[i]); i++; }
+          if(group.length > 1) bodyEls.push(h(ToolGroup, { key: 'tg-' + start, tools: group, defaultOpen: i >= entries.length }));
+          else bodyEls.push(h(Bubble, { key: start, e: group[0] }));
+          i--;
+        } else {
+          bodyEls.push(h(Bubble, { key: i, e: entries[i] }));
+        }
+      }
       if(liveText || (streaming && !isSub && liveTool)){ bodyEls.push(h(LiveBubble, { text: liveText, tool: liveTool })); }
     }
     return h('div', { className: 'chatview' },
@@ -5072,7 +5963,8 @@ async function boot(){
         ag ? h('span', { className: 'chat-agent' }, h('span', { className: 'dot '+(ag.status||'idle') }), ag.name || ag.id, isSub ? h('span', { className: 'subbadge' }, 'subagent') : null) : null,
         h('span', { className: 'chat-meta' }, metaText)
       ),
-      h('div', { className: 'chat-body', ref: bodyRef, onScroll: onScroll }, bodyEls)
+      h('div', { className: 'chat-body', ref: bodyRef, onScroll: onScroll }, bodyEls),
+      h(PromptDock, { snap: p.snap })
     );
   }
 
@@ -5106,11 +5998,13 @@ async function boot(){
       h(TopBar, { snap: snap, connected: s.connected }),
       h('div', { className: 'hq-tabs' },
         tabBtn('console', '\u{1F6F0}\uFE0F Console'),
+        tabBtn('timeline', '\u{1F9FE} Timeline'),
         tabBtn('map', '\u{1F9ED} Map'),
         h('div', { className: 'hq-tab' + (tab==='mailbox'?' active':''), onClick: function(){ Store.set({ tab:'mailbox' }); } }, '\u{1F4EC} Mailbox', unread? h('span', { className:'badge' }, unread):null)
       ),
       h('div', { className: 'hq-body' },
         tab==='map' ? h(FleetView, { snap: snap }) :
+        tab==='timeline' ? h(GlobalTimelineView, { snap: snap }) :
         tab==='mailbox' ? h(MailboxView, { snap: snap }) :
         h(ConsoleView, { snap: snap })
       )
@@ -5124,6 +6018,8 @@ async function boot(){
   });
   connectWs();
   primeSnapshot();
+  loadRecentTimeline();
+  loadCommands();
 }
 
 function primeSnapshot(){
@@ -5177,14 +6073,15 @@ function renderFallback(){
       if(tc.loading && !tc.entries.length){ html += '<div class="loading">Loading full chat history\u2026</div>'; }
       else if(!tc.entries.length){ html += '<div class="side-empty">No transcript yet.</div>'; }
       else { tc.entries.forEach(function(e){
-        var head = '<div class="bub '+escAttr(e.role)+'"><div class="bub-meta"><span class="bub-role">'+escAttr(e.role)+(e.tool?(' \xB7 '+escAttr(e.tool)):'')+'</span><span>'+fmtTime(e.ts)+'</span></div>';
+        var head = '<div class="bub '+escAttr(e.role)+'"><div class="bub-avatar">'+escAttr(roleIcon(e.role))+'</div><div class="bub-content"><div class="bub-head"><span class="bub-role">'+escAttr((e.role==='tool'||e.role==='error')&&e.tool?e.tool:roleLabel(e.role))+'</span><span>'+fmtTime(e.ts)+'</span></div><div class="bub-card">';
         var body;
         if(e.role==='tool' || e.role==='error'){
-          body = '';
-          if(e.toolInput) body += '<details class="bub-fold"><summary>\u2192 args \xB7 '+e.toolInput.length+' chars</summary><pre class="bub-argpre">'+escAttr(e.toolInput)+'</pre></details>';
-          if(e.text) body += '<details class="bub-fold"><summary>'+(e.isError?'\u26A0 error':'\u2190 result')+' \xB7 '+e.text.length+' chars</summary><pre>'+escAttr(e.text)+'</pre></details>';
-        } else { body = '<div class="txt">'+escAttr(e.text||'')+'</div>'; }
-        html += head + body + '</div>';
+          body = '<div class="tool-card"><div class="tool-head"><span class="tool-name">'+escAttr(e.tool||'tool')+'</span><span class="tool-duration">'+escAttr(toolSummary(e))+'</span><span class="tool-status '+escAttr(e.isError||e.role==='error'?'error':'')+'">'+escAttr(e.isError||e.role==='error'?'failed':'done')+'</span></div>';
+          if(e.toolInput) body += '<details class="bub-fold"><summary>Input \xB7 '+e.toolInput.length+' chars</summary><pre class="bub-argpre">'+escAttr(e.toolInput)+'</pre></details>';
+          if(e.text) body += '<details class="bub-fold"><summary>'+(e.isError?'Error output':'Output')+' \xB7 '+countLines(e.text)+' lines</summary><pre>'+escAttr(e.text)+'</pre></details>';
+          body += '</div>';
+        } else { body = '<div class="'+escAttr(e.role==='assistant'?'assistant-body':'txt')+'">'+escAttr(e.text||'')+'</div>'; }
+        html += head + body + '</div></div></div>';
       }); }
       html += '</div></div>';
     }
@@ -5561,6 +6458,7 @@ function startHqServerWithAuth(options, host, port, dataDir, firstRunAuth) {
     const agentMessages = /* @__PURE__ */ new Map();
     const persistence = createHqPersistence(dataDir);
     const auditLog = new HqCommandAuditLog();
+    const hqSessionTag = randomUUID().slice(0, 8);
     const alertEngine = new HqAlertEngine({
       onAlert: (alert) => {
         const msg = toAlertMessage(alert);
@@ -5750,6 +6648,98 @@ function startHqServerWithAuth(options, host, port, dataDir, firstRunAuth) {
           res.end(JSON.stringify({ commandId, queued: true, clientId: target.clientId }));
           return;
         }
+        if (url.pathname === "/api/mailbox-send" && req2.method === "POST") {
+          const suppliedToken = extractBrowserToken(req2, url);
+          const inBrowserTokenMode = mutableAuth.browserTokens.size > 0;
+          if (inBrowserTokenMode && (!suppliedToken || !mutableAuth.browserTokens.has(suppliedToken))) {
+            res.writeHead(401, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({ error: "unauthorized" }));
+            return;
+          }
+          const tokenObj = suppliedToken !== void 0 ? mutableAuth.browserTokenObjs.get(suppliedToken) : void 0;
+          const canEnqueue = !inBrowserTokenMode || tokenObj?.capabilities === void 0 || tokenObj.capabilities.includes("control.enqueue");
+          if (!canEnqueue) {
+            res.writeHead(403, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({ error: "forbidden: token lacks control.enqueue capability" }));
+            return;
+          }
+          let mbody;
+          try {
+            mbody = JSON.parse(await readRequestBody(req2));
+          } catch {
+            res.writeHead(400, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({ error: "invalid json body" }));
+            return;
+          }
+          if (typeof mbody.type !== "string" || typeof mbody.body !== "string") {
+            res.writeHead(400, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({ error: "missing type or body" }));
+            return;
+          }
+          if (typeof mbody.sessionId !== "string" && typeof mbody.projectId !== "string") {
+            res.writeHead(400, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({ error: "missing sessionId or projectId" }));
+            return;
+          }
+          const { SessionRegistry } = await import('@wrongstack/core');
+          const mbGlobalRoot = path5.dirname(dataDir);
+          let projectRoot;
+          try {
+            const registry = new SessionRegistry(mbGlobalRoot);
+            if (typeof mbody.sessionId === "string") {
+              const entry = await registry.get(mbody.sessionId).catch(() => null);
+              projectRoot = entry?.projectRoot;
+            }
+            if (projectRoot === void 0 && typeof mbody.projectId === "string") {
+              const all = await registry.list().catch(() => []);
+              const match = all.find((e) => e.projectSlug === mbody.projectId);
+              projectRoot = match?.projectRoot;
+            }
+          } catch {
+            projectRoot = void 0;
+          }
+          if (typeof projectRoot !== "string" || projectRoot.length === 0) {
+            res.writeHead(404, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({ error: "could not resolve target project mailbox" }));
+            return;
+          }
+          const to = typeof mbody.to === "string" ? mbody.to : "leader";
+          const subject = typeof mbody.subject === "string" ? mbody.subject : "HQ prompt";
+          const priority = mbody.priority === "high" ? "high" : mbody.priority === "low" ? "low" : "normal";
+          const validated = validateHqCommand({
+            commandId: randomUUID(),
+            type: mbody.type,
+            createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+            payload: { to, subject, body: mbody.body, priority },
+            requiresAck: false
+          });
+          const mailboxType = validated?.type === "steer" || validated?.type === "btw" ? validated.type : validated?.type === "queue" ? "note" : validated?.type === "broadcast" ? "broadcast" : void 0;
+          if (mailboxType === void 0) {
+            res.writeHead(400, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({ error: "unrecognized or malformed mailbox message", type: mbody.type }));
+            return;
+          }
+          try {
+            const { GlobalMailbox: GlobalMailbox9, resolveProjectDir: resolveProjectDir10 } = await import('@wrongstack/core');
+            const projectDir = resolveProjectDir10(projectRoot, mbGlobalRoot);
+            const mailbox = new GlobalMailbox9(projectDir);
+            const from = `hq@${hqSessionTag}`;
+            const sent = await mailbox.send({
+              from,
+              to: mailboxType === "broadcast" ? "all" : to,
+              type: mailboxType,
+              subject,
+              body: mbody.body,
+              priority
+            });
+            res.writeHead(202, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({ delivered: true, messageId: sent?.id, to, type: mailboxType }));
+          } catch (err) {
+            res.writeHead(500, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({ error: "mailbox write failed", detail: String(err) }));
+          }
+          return;
+        }
         if (url.pathname === "/api/commands" && req2.method === "GET") {
           const rawLimit = Number.parseInt(url.searchParams.get("limit") ?? "200", 10);
           const limit = Math.min(1e3, Math.max(1, Number.isFinite(rawLimit) ? rawLimit : 200));
@@ -12915,6 +13905,38 @@ async function runOAuthLoginMenu(deps) {
   const pick = await deps.reader.readLine(`  ${color.amber("?")} Pick ${color.dim("(or b to go back)")}: `);
   await runOAuthLoginChoice(deps, pick);
 }
+
+// src/auth-menu/local-presets.ts
+var LOCAL_LLM_PRESETS = [
+  {
+    id: "omniroute",
+    label: "OmniRoute",
+    defaultBaseUrl: "http://localhost:20128/v1",
+    noAuth: true,
+    hint: "WrongStack local gateway \u2014 port 20128, no auth, auto-discovers models"
+  },
+  {
+    id: "ollama",
+    label: "Ollama",
+    defaultBaseUrl: "http://localhost:11434/v1",
+    noAuth: true,
+    hint: "https://ollama.com \u2014 port 11434, no auth"
+  },
+  {
+    id: "vllm",
+    label: "vLLM",
+    defaultBaseUrl: "http://localhost:8000/v1",
+    noAuth: false,
+    hint: "https://docs.vllm.ai \u2014 port 8000, optional Bearer"
+  },
+  {
+    id: "lmstudio",
+    label: "LM Studio",
+    defaultBaseUrl: "http://localhost:1234/v1",
+    noAuth: false,
+    hint: "https://lmstudio.ai \u2014 port 1234, optional Bearer"
+  }
+];
 var defaultUidFn = () => os9__default.userInfo().uid;
 async function getFileUid(filePath) {
   try {
@@ -13231,38 +14253,6 @@ async function restoreLast(homeFn = defaultHomeDir) {
   return { ok: true };
 }
 
-// src/auth-menu/local-presets.ts
-var LOCAL_LLM_PRESETS = [
-  {
-    id: "omniroute",
-    label: "OmniRoute",
-    defaultBaseUrl: "http://localhost:20128/v1",
-    noAuth: true,
-    hint: "WrongStack local gateway \u2014 port 20128, no auth, auto-discovers models"
-  },
-  {
-    id: "ollama",
-    label: "Ollama",
-    defaultBaseUrl: "http://localhost:11434/v1",
-    noAuth: true,
-    hint: "https://ollama.com \u2014 port 11434, no auth"
-  },
-  {
-    id: "vllm",
-    label: "vLLM",
-    defaultBaseUrl: "http://localhost:8000/v1",
-    noAuth: false,
-    hint: "https://docs.vllm.ai \u2014 port 8000, optional Bearer"
-  },
-  {
-    id: "lmstudio",
-    label: "LM Studio",
-    defaultBaseUrl: "http://localhost:1234/v1",
-    noAuth: false,
-    hint: "https://lmstudio.ai \u2014 port 1234, optional Bearer"
-  }
-];
-
 // src/provider-helpers.ts
 function visibleModelIds(providerId, config, catalogModelIds, cfg) {
   const entry = cfg ?? config.providers?.[providerId];
@@ -13334,7 +14324,62 @@ async function buildPickableProviders(modelsRegistry, config) {
 }
 
 // src/picker.ts
-var theme = { primary: color.amber };
+var theme = {
+  accent: color.amber,
+  chrome: color.gray,
+  cursor: (s) => color.amber(color.bold(s)),
+  ctx: color.cyan,
+  cost: color.green,
+  caps: color.magenta
+};
+var BOX = {
+  tl: "\u256D",
+  tr: "\u256E",
+  bl: "\u2570",
+  br: "\u256F",
+  h: "\u2500",
+  v: "\u2502"
+};
+var PICKER_MIN_WIDTH = 74;
+var PICKER_MAX_WIDTH = 100;
+function pickerWidth() {
+  const cols = process.stdout.columns;
+  if (typeof cols !== "number" || !Number.isFinite(cols) || cols <= 0) {
+    return PICKER_MIN_WIDTH;
+  }
+  const inner = cols - 2;
+  return Math.max(PICKER_MIN_WIDTH, Math.min(PICKER_MAX_WIDTH, inner));
+}
+function visibleWidth(s) {
+  return stripAnsi(s).length;
+}
+function padVisible(s, width) {
+  const w = visibleWidth(s);
+  if (w === width) return s;
+  if (w < width) return s + " ".repeat(width - w);
+  const plain = stripAnsi(s);
+  return `${plain.slice(0, Math.max(0, width - 1))}\u2026`;
+}
+function boxTop(title) {
+  const width = pickerWidth();
+  const label = ` ${title} `;
+  const pad = Math.max(0, width - visibleWidth(label) - 1);
+  return theme.chrome(
+    `${BOX.tl}${BOX.h}${theme.accent(color.bold(label))}${theme.chrome(BOX.h.repeat(pad))}${BOX.tr}`
+  );
+}
+function boxBottom() {
+  return theme.chrome(`${BOX.bl}${BOX.h.repeat(pickerWidth())}${BOX.br}`);
+}
+function boxRow(content) {
+  return `${theme.chrome(BOX.v)} ${padVisible(content, pickerWidth() - 2)} ${theme.chrome(BOX.v)}`;
+}
+function boxDivider() {
+  return theme.chrome(`${BOX.v}${BOX.h.repeat(pickerWidth())}${BOX.v}`);
+}
+function keyHints(pairs) {
+  return pairs.map(([k, label]) => `${theme.accent(k)} ${color.dim(label)}`).join(color.dim(" \xB7 "));
+}
 var CODEX_PROVIDER_ID2 = "openai-codex";
 var CODEX_PICKER_HEADER = "Select Model and Effort";
 var CODEX_LEGACY_NOTE = "Access legacy models by running `wstack -m <model_name>` or in your `config.json`.";
@@ -13428,38 +14473,55 @@ function renderLiveProviderList(query, filtered, selectedIdx, savedSet) {
   const ordered = orderProvidersForDisplay(filtered);
   const scrollOffset = Math.max(0, selectedIdx - LIVE_PICKER_MAX_VISIBLE + 1);
   const visible = ordered.slice(scrollOffset, scrollOffset + LIVE_PICKER_MAX_VISIBLE);
-  let out = `? Select provider: ${query}
-`;
+  const lines = [];
+  lines.push(boxTop("Select a provider"));
+  const caret = query.length > 0 ? color.dim("\u258F") : theme.cursor("\u258F");
+  lines.push(boxRow(`${theme.accent("\u276F")} ${color.dim("Select provider:")} ${query}${caret}`));
+  lines.push(boxDivider());
   if (scrollOffset > 0) {
-    out += `  \u2026 ${scrollOffset} more \u2191
-`;
+    lines.push(boxRow(color.dim(`  ${scrollOffset} more above \u2191`)));
   }
   let flat = 0;
   let lastFamily = "";
   for (const p of visible) {
     if (p.family !== lastFamily) {
-      out += `  ${p.family}
-`;
+      lines.push(boxRow(`${theme.accent("\xB7")} ${color.dim(p.family.toUpperCase())}`));
       lastFamily = p.family;
     }
-    const sel = flat === selectedIdx - scrollOffset ? "\u25B6" : " ";
+    const selected = flat === selectedIdx - scrollOffset;
+    const sel = selected ? theme.cursor("\u25B6") : " ";
     let marker;
     if (savedSet) {
       const mark = savedSet.has(p.id) ? color.cyan("\u25C9") : color.dim("\u25CB");
-      marker = `${sel} ${mark} `;
+      marker = `${sel} ${mark}`;
     } else {
-      marker = `${sel} `;
+      marker = `${sel}`;
     }
-    out += `${marker}${p.id.padEnd(24)} ${p.name}
-`;
+    const id = selected ? theme.accent(color.bold(p.id)) : p.id;
+    const name = selected ? p.name : color.dim(p.name);
+    lines.push(boxRow(`${marker} ${padVisible(id, 24)} ${name}`));
     flat++;
   }
   if (scrollOffset + LIVE_PICKER_MAX_VISIBLE < ordered.length) {
-    out += `  \u2026 ${ordered.length - scrollOffset - LIVE_PICKER_MAX_VISIBLE} more \u2193
-`;
+    lines.push(
+      boxRow(
+        color.dim(`  ${ordered.length - scrollOffset - LIVE_PICKER_MAX_VISIBLE} more below \u2193`)
+      )
+    );
   }
-  out += "  \u2191\u2193 scroll \xB7 Enter select \xB7 Esc clear \xB7 Ctrl+C quit";
-  return out;
+  lines.push(boxDivider());
+  lines.push(
+    boxRow(
+      keyHints([
+        ["\u2191\u2193", "scroll"],
+        ["Enter", "select"],
+        ["Esc", "clear"],
+        ["Ctrl+C", "quit"]
+      ])
+    )
+  );
+  lines.push(boxBottom());
+  return lines.join("\n");
 }
 function filterModels(query, models) {
   const q = query.trim().toLowerCase();
@@ -13471,28 +14533,48 @@ function renderLiveModelList(query, filtered, selectedIdx, header) {
     (a, b) => (b.release_date ?? "").localeCompare(a.release_date ?? "")
   );
   const visible = ordered.slice(0, LIVE_PICKER_MAX_VISIBLE);
-  let out = `  ${header}
-? Select model: ${query}
-`;
+  const lines = [];
+  lines.push(boxTop("Select a model"));
+  lines.push(boxRow(color.dim(header)));
+  const caret = query.length > 0 ? color.dim("\u258F") : theme.cursor("\u258F");
+  lines.push(boxRow(`${theme.accent("\u276F")} ${color.dim("Select model:")} ${query}${caret}`));
+  lines.push(boxDivider());
   let flat = 0;
   for (const m of visible) {
-    const ctx = m.limit?.context ? `${(m.limit.context / 1e3).toFixed(0)}k`.padStart(6) : "     ?";
-    const cost = m.cost?.input !== void 0 ? `$${m.cost.input}/$${m.cost.output ?? "?"}` : "";
-    const caps = [];
-    if (m.tool_call) caps.push("tools");
-    if (m.reasoning) caps.push("reason");
-    if (m.modalities?.input?.includes("image")) caps.push("vision");
-    const marker = flat === selectedIdx ? "\u25B6 " : "  ";
-    out += `${marker}${m.id.padEnd(34)}${ctx}  ${cost.padEnd(12)} ${caps.join(",")}
-`;
+    const selected = flat === selectedIdx;
+    const marker = selected ? theme.cursor("\u25B6") : " ";
+    const ctxRaw = m.limit?.context ? `${(m.limit.context / 1e3).toFixed(0)}k` : "?";
+    const ctx = theme.ctx(ctxRaw.padStart(6));
+    const costRaw = m.cost?.input !== void 0 ? `$${m.cost.input}/$${m.cost.output ?? "?"}` : "";
+    const cost = costRaw ? theme.cost(costRaw) : "";
+    const capTags = [];
+    if (m.tool_call) capTags.push("tools");
+    if (m.reasoning) capTags.push("reason");
+    if (m.modalities?.input?.includes("image")) capTags.push("vision");
+    const caps = capTags.map((c) => theme.caps(c)).join(color.dim(" "));
+    const id = selected ? theme.accent(color.bold(m.id)) : m.id;
+    const row = `${padVisible(id, 34)} ${ctx}  ${padVisible(cost, 12)} ${caps}`;
+    lines.push(boxRow(`${marker} ${row}`));
     flat++;
   }
   if (ordered.length > LIVE_PICKER_MAX_VISIBLE) {
-    out += `  \u2026 ${ordered.length - LIVE_PICKER_MAX_VISIBLE} more \u2014 type to filter
-`;
+    lines.push(
+      boxRow(color.dim(`  \u2026 ${ordered.length - LIVE_PICKER_MAX_VISIBLE} more \u2014 type to filter`))
+    );
   }
-  out += "  \u2191\u2193 move \xB7 Enter select \xB7 Esc clear \xB7 Ctrl+C quit";
-  return out;
+  lines.push(boxDivider());
+  lines.push(
+    boxRow(
+      keyHints([
+        ["\u2191\u2193", "move"],
+        ["Enter", "select"],
+        ["Esc", "clear"],
+        ["Ctrl+C", "quit"]
+      ])
+    )
+  );
+  lines.push(boxBottom());
+  return lines.join("\n");
 }
 function codexPickerPreamble(provider) {
   if (provider.id !== CODEX_PROVIDER_ID2) return "";
@@ -13549,11 +14631,19 @@ async function saveToGlobalConfig(configPath2, provider, model, homeFn = () => p
     return false;
   }
 }
-var QUERY_PREFIX = "? Select provider: ";
+var QUERY_MARKER = "Select provider:";
 function cursorToQuery(frame, query) {
-  const newlines = (frame.match(/\n/g) ?? []).length;
-  const col = QUERY_PREFIX.length + query.length + 1;
-  writeOut(`\x1B[${newlines}A\x1B[${col}G`);
+  const rows = frame.split("\n");
+  const lastIdx = rows.length - 1;
+  const queryIdx = rows.findIndex((r) => r.includes(QUERY_MARKER));
+  if (queryIdx < 0) return;
+  const up = lastIdx - queryIdx;
+  const queryLine = rows[queryIdx] ?? "";
+  const plain = stripAnsi(queryLine);
+  const markerAt = plain.indexOf(QUERY_MARKER);
+  const col = markerAt + QUERY_MARKER.length + 1 + query.length + 1;
+  if (up > 0) writeOut(`\x1B[${up}A`);
+  writeOut(`\x1B[${col}G`);
 }
 async function runLiveProviderPicker(displayList, savedSet) {
   const stdin = process.stdin;
@@ -13625,10 +14715,11 @@ async function runPicker(deps) {
   const { modelsRegistry, renderer, reader, config, defaultProvider, defaultModel } = deps;
   renderer.write(
     `
-${color.bold(theme.primary("WrongStack") + color.dim(" \u2014 Provider & Model Selection"))}
+${theme.accent(color.bold("\u258C WrongStack"))}  ${color.dim("Provider & Model Selection")}
 `
   );
-  renderer.write(color.dim("Loading provider catalog\u2026\n"));
+  renderer.write(color.dim(`${theme.chrome("\xB7")} Loading provider catalog\u2026
+`));
   let providers;
   try {
     providers = await modelsRegistry.listProviders();
@@ -13687,9 +14778,7 @@ ${color.bold(theme.primary("WrongStack") + color.dim(" \u2014 Provider & Model S
       npm: inherited?.npm
     });
   }
-  const keyed = merged.filter(
-    (p) => hasApiKey(p, config) || isKeylessLocalProvider(p)
-  );
+  const keyed = merged.filter((p) => hasApiKey(p, config) || isKeylessLocalProvider(p));
   let displayList = keyed;
   let showingFallback = false;
   if (keyed.length === 0) {
@@ -13732,12 +14821,14 @@ ${color.bold(theme.primary("WrongStack") + color.dim(" \u2014 Provider & Model S
   let idx = 1;
   let defaultIdx;
   renderer.write("\n");
+  renderer.write(`${boxTop("Select a provider")}
+`);
   for (const fam of familyOrder) {
     const list = [...families.get(fam) ?? []].sort(
       (a, b) => a.id.toLowerCase().localeCompare(b.id.toLowerCase())
     );
     if (!list || list.length === 0) continue;
-    renderer.write(`  ${color.bold(fam)}
+    renderer.write(`${boxRow(`${theme.accent("\xB7")} ${color.dim(fam.toUpperCase())}`)}
 `);
     for (const p of list) {
       const envFound = p.envVars.some((v) => !!process.env[v]);
@@ -13746,27 +14837,29 @@ ${color.bold(theme.primary("WrongStack") + color.dim(" \u2014 Provider & Model S
       const marker = envFound ? color.green("\u25CF") : configKey ? color.cyan("\u25C9") : color.dim("\u25CB");
       const isDefault = p.id === defaultProvider;
       if (isDefault) defaultIdx = idx;
-      const idLabel = isDefault ? color.bold(p.id) : p.id;
+      const idLabel = isDefault ? theme.accent(color.bold(p.id)) : p.id;
       const suffix = isDefault ? color.dim(" (default)") : "";
       renderer.write(
-        `  ${color.dim(`${idx}.`.padStart(4))} ${marker} ${idLabel.padEnd(22)} ${color.dim(p.name)}${suffix}
+        `${boxRow(`${color.dim(`${idx}.`.padStart(4))} ${marker} ${padVisible(idLabel, 22)} ${color.dim(p.name)}${suffix}`)}
 `
       );
       ordered.push({ provider: p, index: idx });
       idx++;
     }
   }
+  renderer.write(`${boxDivider()}
+`);
   if (showingFallback) {
     renderer.write(
-      `
-  ${color.yellow("\u26A0 No API keys detected.")} ${color.dim("Pick a provider, then run `wstack auth <provider>` to add one.")}
+      `${boxRow(`${color.yellow("\u26A0 No API keys detected.")} ${color.dim("Run `wstack auth <provider>` after picking.")}`)}
 `
     );
   } else {
-    renderer.write(`
-  ${color.dim("\u25CF = env key   \u25C9 = stored in config   \u25CB = no key")}
+    renderer.write(`${boxRow(color.dim("\u25CF env key   \u25C9 stored in config   \u25CB no key"))}
 `);
   }
+  renderer.write(`${boxBottom()}
+`);
   const defaultHint = defaultIdx !== void 0 && defaultProvider ? ` ${color.dim(`[Enter = ${defaultProvider}]`)}` : "";
   const providerAnswer = (await reader.readLine(
     `
@@ -13872,8 +14965,13 @@ async function runLiveModelPicker(provider, defaultModel) {
 }
 async function pickModel(provider, registry, renderer, reader, defaultModel) {
   renderer.write(`
-  ${color.bold(provider.name)} ${color.dim(`(${provider.id})`)} models:
-
+${boxTop("Select a model")}
+`);
+  renderer.write(
+    `${boxRow(`${color.bold(provider.name)} ${color.dim(`(${provider.id})`)} models:`)}
+`
+  );
+  renderer.write(`${boxBottom()}
 `);
   const codexBlock = codexPickerPreamble(provider);
   if (codexBlock) renderer.write(codexBlock);
@@ -13886,20 +14984,16 @@ async function pickModel(provider, registry, renderer, reader, defaultModel) {
         "  No models listed yet for this provider \u2014 type a model id to use it (local servers auto-discover models at launch).\n"
       )
     );
-    const typed = (await reader.readLine(
-      `
-${color.amber("?")} Model id ${color.dim("(or Enter to cancel)")}: `
-    )).trim();
+    const typed = (await reader.readLine(`
+${color.amber("?")} Model id ${color.dim("(or Enter to cancel)")}: `)).trim();
     if (!typed) {
       renderer.write(color.dim("Cancelled.\n"));
       return void 0;
     }
-    renderer.write(
-      `
+    renderer.write(`
   ${color.green("\u2713")} ${color.bold(provider.id)} / ${color.bold(typed)}
 
-`
-    );
+`);
     return { provider: provider.id, model: typed };
   }
   if (process.stdin.isTTY) {
@@ -13921,24 +15015,33 @@ ${color.amber("?")} Model id ${color.dim("(or Enter to cancel)")}: `
   let offset = 0;
   while (offset < models.length) {
     const page = models.slice(offset, offset + pageSize);
+    const pageFrom = offset + 1;
+    const pageTo = Math.min(offset + page.length, models.length);
+    renderer.write(`${boxTop(`Models ${pageFrom}\u2013${pageTo} of ${models.length}`)}
+`);
     for (let i = 0; i < page.length; i++) {
       const m = expectDefined(page[i]);
       const num = offset + i + 1;
-      const ctx = m.limit?.context ? `${(m.limit.context / 1e3).toFixed(0)}k`.padStart(6) : "     ?";
+      const ctxRaw = m.limit?.context ? `${(m.limit.context / 1e3).toFixed(0)}k` : "?";
+      const ctx = theme.ctx(ctxRaw.padStart(6));
       const cost = m.cost?.input !== void 0 ? `$${m.cost.input}/$${m.cost.output ?? "?"}` : "";
-      const caps = [];
-      if (m.tool_call) caps.push("tools");
-      if (m.reasoning) caps.push("reason");
-      if (m.modalities?.input?.includes("image")) caps.push("vision");
-      const capStr = caps.length > 0 ? color.dim(caps.join(",")) : "";
+      const costCol = cost ? theme.cost(cost) : "";
+      const capTags = [];
+      if (m.tool_call) capTags.push("tools");
+      if (m.reasoning) capTags.push("reason");
+      if (m.modalities?.input?.includes("image")) capTags.push("vision");
+      const capStr = capTags.map((c) => theme.caps(c)).join(color.dim(" "));
       const isDefault = m.id === defaultModel;
-      const idLabel = isDefault ? color.bold(m.id) : m.id;
+      const idLabel = isDefault ? theme.accent(color.bold(m.id)) : m.id;
       const suffix = isDefault ? color.dim(" (default)") : "";
+      const num5 = color.dim(`${num}.`.padStart(5));
       renderer.write(
-        `  ${color.dim(`${num}.`.padStart(5))} ${idLabel.padEnd(44)} ${color.dim(ctx)}  ${color.dim(cost.padEnd(14))} ${capStr}${suffix}
+        `${boxRow(`${num5} ${padVisible(idLabel, 34)} ${ctx}  ${padVisible(costCol, 11)} ${capStr}${suffix}`)}
 `
       );
     }
+    renderer.write(`${boxBottom()}
+`);
     offset += pageSize;
     if (offset < models.length) {
       const more = (await reader.readLine(
@@ -14710,14 +15813,14 @@ async function promptOptionalKey(deps, preset) {
 
 // src/auth-menu/panel-service.ts
 var ANSI_RE = /\u001b\[[0-9;]*m/g;
-function stripAnsi(text) {
+function stripAnsi2(text) {
   return text.replace(ANSI_RE, "");
 }
 function cleanPrompt(prompt) {
-  return stripAnsi(prompt).replace(/[\r\n]+/g, " ").replace(/^\s*\?\s*/, "").replace(/[:\s]+$/, "").trim();
+  return stripAnsi2(prompt).replace(/[\r\n]+/g, " ").replace(/^\s*\?\s*/, "").replace(/[:\s]+$/, "").trim();
 }
 function emitLines(io, raw, prefix = "") {
-  for (const line of stripAnsi(raw).split(/\r?\n/)) {
+  for (const line of stripAnsi2(raw).split(/\r?\n/)) {
     const text = line.trim();
     if (text.length > 0) io.onLog(prefix + text);
   }
@@ -40334,6 +41437,32 @@ async function dispatch(controller, commandId, type, payload) {
       await mailbox.send({ from, to, type: "steer", subject, body, priority });
       return { commandId, status: "accepted", message: `steered ${to}` };
     }
+    case "btw": {
+      const mailbox = controller.steerMailbox;
+      if (mailbox === void 0) {
+        return { commandId, status: "rejected", message: "no mailbox available" };
+      }
+      const to = typeof payload["to"] === "string" ? payload["to"] : "leader";
+      const subject = typeof payload["subject"] === "string" ? payload["subject"] : "HQ note";
+      const body = typeof payload["body"] === "string" ? payload["body"] : "";
+      const priority = payload["priority"] === "high" ? "high" : payload["priority"] === "low" ? "low" : "normal";
+      const from = `hq@${controller.sessionTag()}`;
+      await mailbox.send({ from, to, type: "btw", subject, body, priority });
+      return { commandId, status: "accepted", message: `noted ${to}` };
+    }
+    case "queue": {
+      const mailbox = controller.steerMailbox;
+      if (mailbox === void 0) {
+        return { commandId, status: "rejected", message: "no mailbox available" };
+      }
+      const to = typeof payload["to"] === "string" ? payload["to"] : "leader";
+      const subject = typeof payload["subject"] === "string" ? payload["subject"] : "HQ prompt";
+      const body = typeof payload["body"] === "string" ? payload["body"] : "";
+      const priority = payload["priority"] === "high" ? "high" : payload["priority"] === "low" ? "low" : "normal";
+      const from = `hq@${controller.sessionTag()}`;
+      await mailbox.send({ from, to, type: "note", subject, body, priority });
+      return { commandId, status: "accepted", message: `queued for ${to}` };
+    }
     case "broadcast": {
       const mailbox = controller.steerMailbox;
       if (mailbox === void 0) {