@quantiya/codevibe-core 2.0.52 → 2.0.53

package/dist/orchestration-shell/cli.js

@@ -8169,21 +8169,31 @@ function defaultDeps() {
     promptUserForMode: defaultPromptUserForMode
   };
 }
+function shouldRenderPlain() {
+  let noColor = process.env.NO_COLOR;
+  return noColor !== void 0 && noColor !== "" || process.env.TERM === "dumb" || process.env.FORCE_COLOR === "0" || process.env.CODEVIBE_NO_TUI === "1" || !process.stdout?.isTTY;
+}
 async function defaultPromptUserForMode(tier) {
-  let rl = require("readline").createInterface({ input: process.stdin, output: process.stdout });
+  let rl = require("readline").createInterface({ input: process.stdin, output: process.stdout }), plain = shouldRenderPlain();
   try {
-    for (process.stdout.write(`
+    for (plain ? (process.stdout.write(`
 CodeVibe \u2014 choose mode (${tier} tier):
 `), process.stdout.write(`  [1] Companion     (route to local agent wrapper)
 `), process.stdout.write(`  [2] Orchestration (CodeVibe-owned shell)
-`); ; ) {
-      let trimmed = (await new Promise((resolve23) => {
-        rl.question("Mode [1/2]: ", resolve23);
+`)) : (process.stdout.write(`
+\x1B[1;35mCodeVibe\x1B[0m \x1B[2m\u2014 choose mode (\x1B[0m\x1B[36m${tier}\x1B[0m\x1B[2m tier):\x1B[0m
+`), process.stdout.write(`  \x1B[36m[1]\x1B[0m \x1B[1mCompanion\x1B[0m     \x1B[2m(route to local agent wrapper)\x1B[0m
+`), process.stdout.write(`  \x1B[35m[2]\x1B[0m \x1B[1mOrchestration\x1B[0m \x1B[2m(CodeVibe-owned shell)\x1B[0m
+`)); ; ) {
+      let promptStr = plain ? "Mode [1/2]: " : "\x1B[36mMode [1/2]: \x1B[0m", trimmed = (await new Promise((resolve23) => {
+        rl.question(promptStr, resolve23);
       })).trim();
       if (trimmed === "1" || trimmed.toLowerCase() === "companion") return "companion";
       if (trimmed === "2" || trimmed.toLowerCase() === "orchestration") return "orchestration";
-      process.stdout.write(`Please type 1 or 2.
-`);
+      let retryStr = plain ? `Please type 1 or 2.
+` : `\x1B[33mPlease type 1 or 2.\x1B[0m
+`;
+      process.stdout.write(retryStr);
     }
   } finally {
     rl.close();
@@ -8191,7 +8201,7 @@ CodeVibe \u2014 choose mode (${tier} tier):
 }
 
 // src/orchestration-shell/index.ts
-var React21 = __toESM(require("react")), path67 = __toESM(require("path")), os38 = __toESM(require("os")), import_promises = require("node:fs/promises"), import_node_fs27 = require("node:fs"), import_node_async_hooks = require("node:async_hooks"), import_uuid11 = require("uuid");
+var React22 = __toESM(require("react")), path67 = __toESM(require("path")), os38 = __toESM(require("os")), import_promises = require("node:fs/promises"), import_node_fs27 = require("node:fs"), import_node_async_hooks = require("node:async_hooks"), import_uuid11 = require("uuid");
 init_logger2();
 
 // src/track-presentation.ts
@@ -10057,14 +10067,86 @@ function createOrchestrationStore(args) {
 }
 
 // src/orchestration-shell/components/OrchestrationApp.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 
 // src/orchestration-shell/components/CodeVibeLogo.tsx
 var React = __toESM(require("react"));
-var BRAND_MAGENTA = "#C026D3", TAGLINE = "multi-agent orchestration";
-function shouldRenderPlain() {
-  return process.env.NO_COLOR === "1" || process.env.TERM === "dumb" || process.env.CODEVIBE_NO_TUI === "1";
+
+// src/orchestration-shell/theme.ts
+var THEME = {
+  // Brand Accents
+  brand: "#C026D3",
+  // Magenta / Fuchsia (CodeVibe brand)
+  brandLight: "#E879F9",
+  // Light Fuchsia
+  brandGlow: "#A855F7",
+  // Violet Glow
+  conductor: "#818CF8",
+  // Indigo / Violet (Dual-Brain Conductor)
+  conductorTag: "#A78BFA",
+  // Violet Accent
+  // Rival Model Family Brand Colors (matching 2.0 landing page)
+  claude: "#E07A3D",
+  // Anthropic Coral / Orange
+  codex: "#22C55E",
+  // OpenAI Emerald Green
+  antigravity: "#5891F0",
+  // Google DeepMind Blue
+  gemini: "#4285F4",
+  // Google Blue (legacy/fallback)
+  // Status & Verdict Colors (ANSI named colors for automatic dark/light terminal adaptation)
+  pass: "green",
+  // Adaptive green
+  revise: "yellow",
+  // Adaptive amber / yellow
+  block: "red",
+  // Adaptive red
+  pending: "cyan",
+  // Adaptive cyan / sky blue
+  running: "yellow",
+  // Adaptive yellow
+  // Semantic Action Accents (for Gate Prompts)
+  actionApprove: "green",
+  // Adaptive green
+  actionInspect: "cyan",
+  // Adaptive cyan
+  actionReject: "red",
+  // Adaptive red
+  actionRestart: "yellow",
+  // Adaptive yellow
+  actionAbort: "red",
+  // Adaptive red
+  // Text & Neutral Tones
+  textPrimary: void 0,
+  textSecondary: void 0,
+  textMuted: void 0,
+  // Inherit terminal foreground
+  textDim: void 0,
+  // Rely on dimColor: true
+  borderSubtle: "gray",
+  // Adaptive slate
+  borderAccent: "#C026D3"
+  // CodeVibe Brand Magenta Border
+};
+function colorOrPlain(color) {
+  if (!shouldRenderPlain())
+    return color;
+}
+function getAgentBrandColor(agentKind) {
+  if (shouldRenderPlain()) return;
+  if (!agentKind) return THEME.conductor;
+  let lower = agentKind.toLowerCase();
+  return lower.includes("claude") ? THEME.claude : lower.includes("codex") ? THEME.codex : lower.includes("agy") || lower.includes("antigravity") ? THEME.antigravity : lower.includes("gemini") ? THEME.gemini : THEME.conductor;
+}
+function getVerdictStatusColor(status) {
+  if (shouldRenderPlain()) return;
+  if (!status) return "gray";
+  let upper = status.toUpperCase();
+  return upper === "PASS" || upper === "PASSED" || upper === "COMPLETE" || upper === "RESOLVED" ? THEME.pass : upper === "REVISE" || upper === "REVISING" || upper === "IN_REVIEW" || upper === "MERGE_GATE_PENDING" ? THEME.revise : upper === "BLOCK" || upper === "BLOCKED" || upper === "FAILED" || upper === "HALTED" ? THEME.block : upper === "RUNNING" || upper === "INFLIGHT" || upper === "PENDING" || upper === "QUEUED" ? THEME.running : "gray";
 }
+
+// src/orchestration-shell/components/CodeVibeLogo.tsx
+var TAGLINE = "multi-agent orchestration";
 function CodeVibeLogo() {
   let { ink } = getInkRuntime(), { Box, Text } = ink;
   return shouldRenderPlain() ? React.createElement(
@@ -10077,10 +10159,14 @@ function CodeVibeLogo() {
     { flexDirection: "column", marginBottom: 1 },
     React.createElement(
       Text,
-      { color: BRAND_MAGENTA, bold: !0 },
+      { color: colorOrPlain(THEME.brand), bold: !0 },
       "CodeVibe"
     ),
-    React.createElement(Text, { dimColor: !0 }, TAGLINE)
+    React.createElement(
+      Text,
+      { dimColor: !0 },
+      TAGLINE
+    )
   );
 }
 
@@ -10090,37 +10176,49 @@ var React12 = __toESM(require("react"));
 // src/orchestration-shell/components/nodes/UserMessageEntry.tsx
 var React2 = __toESM(require("react"));
 function UserMessageEntry(props) {
-  let { ink } = getInkRuntime(), { Box, Text } = ink;
+  let { ink } = getInkRuntime(), { Box, Text } = ink, isCommand = props.entry.text.startsWith("/") || props.entry.text.startsWith("@");
   return React2.createElement(
     Box,
     { flexDirection: "row" },
-    React2.createElement(Text, { color: "cyan" }, "> "),
-    React2.createElement(Text, null, props.entry.text)
+    React2.createElement(Text, { color: colorOrPlain("magenta"), bold: !0 }, "> "),
+    React2.createElement(
+      Text,
+      { color: colorOrPlain(isCommand ? "cyan" : void 0), bold: !0 },
+      props.entry.text
+    )
   );
 }
 
 // src/orchestration-shell/components/nodes/PlannerDecisionEntry.tsx
 var React3 = __toESM(require("react"));
 function PlannerDecisionEntry(props) {
-  let { ink } = getInkRuntime(), { Box, Text } = ink;
+  let { ink } = getInkRuntime(), { Box, Text } = ink, rawRationale = typeof props.entry.rationale == "string" ? props.entry.rationale : JSON.stringify(props.entry.rationale), cleanRationale = rawRationale ? sanitizeForTerminal(rawRationale).trim() : "", actionLabel = props.entry.action === "team_decompose" ? "Decomposing task into parallel tracks" : props.entry.action === "start_task" ? "Direct task implementation" : props.entry.action === "brainstorm" ? "Architectural brainstorm" : `Classified: ${props.entry.action}`;
   return React3.createElement(
     Box,
     { flexDirection: "column" },
     React3.createElement(
-      Text,
-      null,
-      React3.createElement(Text, { color: "magenta" }, "\u25CF "),
-      `Planner classified: ${props.entry.action}`
+      Box,
+      { flexDirection: "row" },
+      React3.createElement(
+        Text,
+        { color: colorOrPlain("cyan"), bold: !0 },
+        "[Conductor \xB7 Gemma] "
+      ),
+      React3.createElement(
+        Text,
+        { bold: !0 },
+        actionLabel
+      )
     ),
-    React3.createElement(
+    cleanRationale ? React3.createElement(
       Box,
       { marginLeft: 2 },
       React3.createElement(
         Text,
-        { dimColor: !0 },
-        `rationale: ${JSON.stringify(props.entry.rationale)}`
+        { dimColor: !0, italic: !0 },
+        cleanRationale
       )
-    )
+    ) : null
   );
 }
 
@@ -10195,6 +10293,26 @@ function parseInteractivePrompt(payload) {
     ...typeof payload.instructions == "string" && payload.instructions.length > 0 ? { instructions: payload.instructions } : {}
   }];
 }
+function getEventVisual(kind) {
+  switch (kind) {
+    case "TOOL_USE":
+      return { glyph: "\u26A1", color: "cyan" };
+    case "FILE_CHANGE":
+      return { glyph: "\u270E", color: "green" };
+    case "VERIFICATION_RUN":
+      return { glyph: "\u25B6", color: "cyan" };
+    case "PROCESS_SPAWNED":
+      return { glyph: "\u25B8", color: "gray" };
+    case "PROCESS_EXITED":
+      return { glyph: "\u25A0", color: "gray" };
+    case "EXECUTOR_REFUSAL":
+      return { glyph: "\u26A0", color: "red" };
+    case "TASK_BYPASS":
+      return { glyph: "\u21B7", color: "yellow" };
+    default:
+      return { glyph: "" };
+  }
+}
 function SubagentEventEntry(props) {
   let { ink } = getInkRuntime(), { Box, Text } = ink, event = props.entry.event;
   if (event.kind === "INTERACTIVE_PROMPT" && "payload" in event && event.payload && typeof event.payload == "object") {
@@ -10203,7 +10321,11 @@ function SubagentEventEntry(props) {
       return React4.createElement(
         Box,
         { marginLeft: 2, flexDirection: "column" },
-        React4.createElement(Text, { dimColor: !0 }, "\u23BF  interactive prompt"),
+        React4.createElement(
+          Text,
+          { color: colorOrPlain("cyan"), bold: !0 },
+          "\u23BF  interactive prompt"
+        ),
         ...questions.flatMap((question, questionIndex) => [
           React4.createElement(
             Text,
@@ -10227,11 +10349,12 @@ function SubagentEventEntry(props) {
         ])
       );
   }
-  let summary = summarizeEvent(props.entry.event);
+  let summary = summarizeEvent(props.entry.event), visual = getEventVisual(props.entry.event.kind);
   return React4.createElement(
     Box,
-    { marginLeft: 2 },
+    { marginLeft: 2, flexDirection: "row" },
     React4.createElement(Text, { dimColor: !0 }, "\u23BF  "),
+    visual.glyph ? React4.createElement(Text, { color: colorOrPlain(visual.color) }, `${visual.glyph} `) : null,
     React4.createElement(Text, null, summary)
   );
 }
@@ -10261,38 +10384,62 @@ function ReviewerQuorumStatusNode(props) {
     React5.createElement(
       Text,
       null,
-      React5.createElement(Text, { color: "magenta" }, "\u25CF "),
-      `Reviewer quorum (${doneCount}/${total} done): ${props.entry.quorumStatus}`
+      React5.createElement(Text, { color: colorOrPlain("magenta"), bold: !0 }, "\u25CF "),
+      React5.createElement(
+        Text,
+        { bold: !0 },
+        `Reviewer quorum (${doneCount}/${total} done): `
+      ),
+      React5.createElement(
+        Text,
+        { color: getVerdictStatusColor(props.entry.quorumStatus), bold: !0 },
+        props.entry.quorumStatus
+      )
     ),
-    ...props.entry.seats.map(
-      (seat) => React5.createElement(
-        Box,
-        { key: seat.seatId, marginLeft: 2 },
-        React5.createElement(Text, { dimColor: !0 }, "\u23BF  "),
+    ...props.entry.seats.map((seat) => {
+      let brandColor = colorOrPlain(getAgentBrandColor(seat.reviewerKind));
+      return React5.createElement(
+        Text,
+        { key: seat.seatId },
+        React5.createElement(Text, { dimColor: !0 }, "  \u23BF  "),
         React5.createElement(
           Text,
-          null,
-          `${displaySeatNumber(seat.seatId)} ${seat.reviewerKind.padEnd(7)} `
+          { bold: !0 },
+          `${displaySeatNumber(seat.seatId)} `
         ),
-        React5.createElement(Text, { color: STATUS_COLOR[seat.status] }, STATUS_GLYPH[seat.status]),
-        React5.createElement(Text, null, ` ${seat.status}`)
-      )
-    )
+        brandColor ? React5.createElement(Text, { key: "dot", color: brandColor }, "\u25CF ") : null,
+        React5.createElement(
+          Text,
+          { bold: !0 },
+          `${seat.reviewerKind.padEnd(7)} `
+        ),
+        React5.createElement(
+          Text,
+          { color: colorOrPlain(STATUS_COLOR[seat.status]), bold: !0 },
+          `${STATUS_GLYPH[seat.status]} ${seat.status}`
+        )
+      );
+    })
   );
 }
 
 // src/orchestration-shell/components/nodes/GateStatusNode.tsx
 var React6 = __toESM(require("react"));
 function GateStatusNode(props) {
-  let { ink } = getInkRuntime(), { Text } = ink, g = props.entry.gate;
+  let { ink } = getInkRuntime(), { Text } = ink, g = props.entry.gate, statusColor = getVerdictStatusColor(g.status);
   return React6.createElement(
     Text,
     null,
-    React6.createElement(Text, { color: "magenta" }, "\u25CF "),
+    React6.createElement(Text, { color: colorOrPlain("magenta"), bold: !0 }, "\u25CF "),
+    React6.createElement(Text, { dimColor: !0 }, "Gate: "),
+    React6.createElement(Text, { bold: !0 }, `${g.gateKind}   `),
+    React6.createElement(Text, { dimColor: !0 }, "Status: "),
+    React6.createElement(Text, { color: statusColor, bold: !0 }, `${g.status}   `),
+    React6.createElement(Text, { dimColor: !0 }, "Auto-revise: "),
     React6.createElement(
       Text,
-      null,
-      `Gate: ${g.gateKind}   Status: ${g.status}   Auto-revise: ${g.autoReviseRound}/${g.autoReviseCap}`
+      { color: colorOrPlain(g.autoReviseRound > 0 ? "yellow" : void 0), bold: !0 },
+      `${g.autoReviseRound}/${g.autoReviseCap}`
     )
   );
 }
@@ -10304,7 +10451,7 @@ function SlashOutputEntry(props) {
   return React7.createElement(
     Box,
     { flexDirection: "column" },
-    React7.createElement(Text, { color: "cyan" }, props.entry.command),
+    React7.createElement(Text, { color: colorOrPlain("cyan") }, props.entry.command),
     React7.createElement(
       Box,
       { marginLeft: 2 },
@@ -10316,7 +10463,7 @@ function SlashOutputEntry(props) {
 // src/orchestration-shell/components/nodes/AdvisoryEntry.tsx
 var React8 = __toESM(require("react"));
 function AdvisoryEntry(props) {
-  let { ink } = getInkRuntime(), { Text } = ink, color = props.entry.source === "planner" ? "magenta" : "yellow";
+  let { ink } = getInkRuntime(), { Text } = ink, color = colorOrPlain(props.entry.source === "planner" ? "magenta" : "yellow");
   return React8.createElement(
     Text,
     null,
@@ -10806,6 +10953,10 @@ function formatHaltReason2(reason) {
 function formatPromptKind(promptKind) {
   return promptKind === ORCHESTRATION_ESCALATED_GATE_PROMPT_KIND ? "Escalated review" : promptKind === ORCHESTRATION_FINAL_APPROVAL_PROMPT_KIND ? "Final approval" : promptKind === CONTINUATION_OFFER_HANDOFF_PROMPT_KIND ? "Continue with which agent?" : promptKind;
 }
+function getOptionColor(label) {
+  let lower = label.toLowerCase();
+  return lower.startsWith("accept with") || lower.startsWith("approve with") ? "cyan" : lower.startsWith("accept") || lower.startsWith("approve") ? "green" : lower.startsWith("reject with") || lower.includes("revise") ? "yellow" : lower.startsWith("reject") || lower.startsWith("restart") || lower.startsWith("abort") || lower.startsWith("cancel") ? "red" : "cyan";
+}
 function formatStatusLine(uiState) {
   switch (uiState.phase) {
     case "awaiting-number":
@@ -10828,7 +10979,7 @@ function formatStatusLine(uiState) {
       };
     default: {
       let _exhaustive = uiState;
-      return { text: "", color: "white" };
+      return { text: "" };
     }
   }
 }
@@ -10840,7 +10991,7 @@ function GatePromptEntry(props) {
   let { ink } = getInkRuntime(), { Box, Text } = ink, { entry, trackLabel } = props, { envelope, uiState, queue } = entry, stdout = ink.useStdout().stdout, cols = stdout && typeof stdout.columns == "number" && stdout.columns || 80, haltReasonText = envelope.promptKind === ORCHESTRATION_ESCALATED_GATE_PROMPT_KIND ? formatHaltReason2(envelope.reason) : null, kindLabel = formatPromptKind(envelope.promptKind), status = props.gateActionRecoveryBlocked && uiState.phase !== "claimed" && uiState.phase !== "resolved" ? { text: "Gate actions unavailable while history reconnects", color: "yellow" } : formatStatusLine(uiState), isResolved = uiState.phase === "resolved", actionsRetired = props.gateActionRecoveryBlocked === !0 || uiState.phase === "claimed" || isResolved, headerChildren = [
     React9.createElement(
       Text,
-      { key: "badge", color: "magenta", bold: !0 },
+      { key: "badge", color: colorOrPlain("cyan"), bold: !0 },
       "[GATE] "
     ),
     React9.createElement(Text, { key: "kind", bold: !0 }, kindLabel)
@@ -10856,7 +11007,7 @@ function GatePromptEntry(props) {
     reason.length > 0 && headerChildren.push(
       React9.createElement(
         Text,
-        { key: "reason", color: "red" },
+        { key: "reason", color: colorOrPlain("yellow"), bold: !0 },
         ` \u2014 ${reason}`
       )
     );
@@ -10874,15 +11025,15 @@ function GatePromptEntry(props) {
       { key: "status", marginLeft: 2, marginTop: 0 },
       React9.createElement(
         Text,
-        { color: status.color },
+        { color: colorOrPlain(status.color), bold: !0 },
         status.text
       )
     )
   ), actionsRetired || envelope.options.forEach((option, idx) => {
-    let lineNumber = idx + 1, prefixCols = `${lineNumber}. ${option.label} \u2014 `.length, desc = truncateEnd(option.description, cols - GATE_CARD_GUTTER - prefixCols), optionChildren = [
+    let lineNumber = idx + 1, prefixCols = `${lineNumber}. ${option.label} \u2014 `.length, desc = truncateEnd(option.description, cols - GATE_CARD_GUTTER - prefixCols), optColor = getOptionColor(option.label), optionChildren = [
       React9.createElement(
         Text,
-        { key: "num", color: "cyan", bold: !0 },
+        { key: "num", color: colorOrPlain(optColor), bold: !0 },
         `${lineNumber}. `
       ),
       React9.createElement(Text, { key: "label", bold: !0 }, option.label)
@@ -10921,7 +11072,7 @@ function GatePromptEntry(props) {
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: isResolved ? "green" : "yellow",
+      borderColor: colorOrPlain(isResolved ? "green" : "yellow"),
       paddingX: 1
     },
     ...children
@@ -10965,7 +11116,7 @@ function GateContextPanel(props) {
       { key: "headline", flexDirection: "row" },
       React10.createElement(
         Text,
-        { color: "cyan", bold: !0 },
+        { color: colorOrPlain("cyan"), bold: !0 },
         "\u256D "
       ),
       React10.createElement(Text, { bold: !0 }, model.headline)
@@ -10974,7 +11125,7 @@ function GateContextPanel(props) {
     let reasonChildren = [
       React10.createElement(
         Text,
-        { key: "reason-label", color: "yellow" },
+        { key: "reason-label", color: colorOrPlain("yellow") },
         model.reasonLabel
       )
     ];
@@ -11057,7 +11208,7 @@ function GateContextPanel(props) {
       { key: "reviewers-header", marginLeft: 2 },
       React10.createElement(
         Text,
-        { bold: !0, color: "magenta" },
+        { bold: !0, color: colorOrPlain("magenta") },
         "Reviewers:"
       )
     )
@@ -11125,7 +11276,7 @@ function renderReviewSummarySection(reviewSummary) {
       { key: "review-summary-header", marginLeft: 2, marginTop: 1 },
       React10.createElement(
         Text,
-        { bold: !0, color: "cyan" },
+        { bold: !0, color: colorOrPlain("cyan") },
         "Review summary"
       )
     )
@@ -11357,7 +11508,7 @@ function renderReviewSummarySection(reviewSummary) {
           { key: `rs-round-${ridx}-revise`, marginLeft: 4 },
           React10.createElement(
             Text,
-            { color: "yellow" },
+            { color: colorOrPlain("yellow") },
             `Revise notes: ${round.reviseNotes}`
           )
         )
@@ -11390,7 +11541,7 @@ function renderPromptVariant(envelope, taskLabel2) {
   let headerChildren = [
     React11.createElement(
       Text,
-      { key: "badge", color: "magenta", bold: !0 },
+      { key: "badge", color: colorOrPlain("magenta"), bold: !0 },
       "[GATE] "
     ),
     React11.createElement(Text, { key: "kind" }, kindLabel)
@@ -11398,7 +11549,7 @@ function renderPromptVariant(envelope, taskLabel2) {
   if (haltReasonText && headerChildren.push(
     React11.createElement(
       Text,
-      { key: "reason", color: "red" },
+      { key: "reason", color: colorOrPlain("red") },
       ` \u2014 ${haltReasonText}`
     )
   ), children.push(
@@ -11522,7 +11673,7 @@ function StatusBar(props) {
     React13.createElement(Text, { dimColor: !0 }, left),
     badge && badgeText ? React13.createElement(
       Text,
-      badge.color ? { color: badge.color } : { dimColor: !0 },
+      badge.color ? { color: colorOrPlain(badge.color) } : { dimColor: !0 },
       badgeText
     ) : React13.createElement(Text, null, "")
   );
@@ -11949,20 +12100,30 @@ function MultiTrackStatusNode(props) {
     isNaN(parsed) || (mergeElapsed = formatElapsed(Date.now() - parsed));
   } else team.mergeGateElapsedMs != null && (mergeElapsed = formatElapsed(team.mergeGateElapsedMs));
   let trackIndices = [...team.tracks.keys()].sort((a, b) => a - b), trackLines = trackIndices.map((idx) => {
-    let entry = team.tracks.get(idx), details = [
-      entry.agent,
-      entry.taskId ? truncate(entry.taskId, 12) : null
-    ].filter((value) => value != null), detailsSuffix = details.length > 0 ? ` (${details.join(", ")})` : "", stateLabel = entry.state === "Revising" && typeof entry.round == "number" && entry.round > 0 ? `Revising (Round ${entry.round})` : entry.state;
+    let entry = team.tracks.get(idx), stateLabel = entry.state === "Revising" && typeof entry.round == "number" && entry.round > 0 ? `Revising (Round ${entry.round})` : entry.state, taskSuffix = entry.taskId ? `, ${truncate(entry.taskId, 12)}` : "", detailsElements = [];
+    if (entry.agent) {
+      let agentBrandColor = colorOrPlain(getAgentBrandColor(entry.agent));
+      detailsElements.push(
+        React14.createElement(Text, { key: "open", dimColor: !0 }, " (")
+      ), agentBrandColor && detailsElements.push(
+        React14.createElement(Text, { key: "dot", color: agentBrandColor }, "\u25CF ")
+      ), detailsElements.push(
+        React14.createElement(Text, { key: "agent", bold: !0 }, entry.agent),
+        React14.createElement(Text, { key: "close", dimColor: !0 }, `${taskSuffix})`)
+      );
+    } else entry.taskId && detailsElements.push(
+      React14.createElement(Text, { key: "task", dimColor: !0 }, ` (${truncate(entry.taskId, 12)})`)
+    );
     return React14.createElement(
-      Box,
-      { key: `track-${idx}`, flexDirection: "row" },
+      Text,
+      { key: `track-${idx}` },
       React14.createElement(Text, { bold: !0 }, `  Track ${displayTrackNumber(idx)} `),
       React14.createElement(
         Text,
-        { color: TRACK_STATE_COLOR[entry.state] },
+        { color: colorOrPlain(TRACK_STATE_COLOR[entry.state]), bold: !0 },
         stateLabel
       ),
-      React14.createElement(Text, { dimColor: !0 }, detailsSuffix)
+      ...detailsElements
     );
   }), innerWidth = Math.max(0, columns - BOX_CHROME_W), gateLabel = MERGE_GATE_STATUS_LABEL[team.mergeGate], mid = "  MergeGate: ", clock = mergeElapsed ? ` \xB7 ${mergeElapsed}` : "", prefixFull = `Agent Teams (${trackIndices.length} track${trackIndices.length === 1 ? "" : "s"})`, prefixBudget = innerWidth - (mid.length + gateLabel.length + clock.length), header;
   prefixBudget > 0 ? header = React14.createElement(
@@ -11970,7 +12131,7 @@ function MultiTrackStatusNode(props) {
     { key: "__header__" },
     React14.createElement(Text, { bold: !0 }, truncate(prefixFull, prefixBudget)),
     React14.createElement(Text, { dimColor: !0 }, mid),
-    React14.createElement(Text, { color: MERGE_GATE_COLOR[team.mergeGate] }, gateLabel),
+    React14.createElement(Text, { color: colorOrPlain(MERGE_GATE_COLOR[team.mergeGate]), bold: !0 }, gateLabel),
     clock ? React14.createElement(Text, { dimColor: !0 }, clock) : null
   ) : header = React14.createElement(
     Text,
@@ -11981,7 +12142,7 @@ function MultiTrackStatusNode(props) {
   if (team.haltReason && children.push(
     React14.createElement(
       Text,
-      { key: "__halt__", color: "red" },
+      { key: "__halt__", color: colorOrPlain("red"), bold: !0 },
       `  Halted: ${team.haltReason}`
     )
   ), team.groupResolved) {
@@ -11989,14 +12150,19 @@ function MultiTrackStatusNode(props) {
     children.push(
       React14.createElement(
         Text,
-        { key: "__resolved__", color: complete ? "green" : "red" },
+        { key: "__resolved__", color: colorOrPlain(complete ? "green" : "red"), bold: !0 },
         complete ? "  Team complete" : `  Team halted \u2014 ${team.outcome ?? "unknown"}`
       )
     );
   }
   return React14.createElement(
     Box,
-    { flexDirection: "column", borderStyle: "round", paddingX: 1 },
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: colorOrPlain("magenta"),
+      paddingX: 1
+    },
     ...children
   );
 }
@@ -12020,7 +12186,7 @@ function LiveProgressLine(props) {
     null,
     React15.createElement(
       Text,
-      lit ? { color: "cyan" } : { dimColor: !0 },
+      lit ? { color: colorOrPlain("cyan") } : { dimColor: !0 },
       "\u25CF "
     ),
     React15.createElement(Text, { dimColor: !0 }, rest)
@@ -17572,7 +17738,7 @@ function disableBracketedPaste(explicit) {
 }
 
 // src/orchestration-shell/components/InputBar.tsx
-var ACCENT = "cyan", MAX_SUGGESTIONS = 6, DROPDOWN_MAX_ROWS = MAX_SUGGESTIONS + 2, NAME_PAD = 20, CHIP_SENTINEL = "\uE000", PASTE_CHIP_RE = /\uE000Pasted text #(\d+) \+\d+ lines?\]/g;
+var getAccent = () => colorOrPlain("cyan"), MAX_SUGGESTIONS = 6, DROPDOWN_MAX_ROWS = MAX_SUGGESTIONS + 2, NAME_PAD = 20, CHIP_SENTINEL = "\uE000", PASTE_CHIP_RE = /\uE000Pasted text #(\d+) \+\d+ lines?\]/g;
 function pasteChip(n, lineCount) {
   return `${CHIP_SENTINEL}Pasted text #${n} +${lineCount} line${lineCount === 1 ? "" : "s"}]`;
 }
@@ -17835,10 +18001,10 @@ function InputBar(props) {
       {
         flexDirection: "row",
         borderStyle: "round",
-        borderColor: ACCENT,
+        borderColor: getAccent(),
         paddingX: 1
       },
-      React16.createElement(Text, { color: ACCENT }, "\u276F "),
+      React16.createElement(Text, { color: getAccent() }, "\u276F "),
       React16.createElement(
         Text,
         { dimColor: !0, italic: !0 },
@@ -17852,7 +18018,7 @@ function InputBar(props) {
   let origin = rowOrigin ?? { left: 0, top: 0 };
   setCursorPosition(caretPosition(origin.left, origin.top, win.visibleCol));
   let rowChildren = [
-    React16.createElement(Text, { key: "prompt", color: ACCENT }, "\u276F "),
+    React16.createElement(Text, { key: "prompt", color: getAccent() }, "\u276F "),
     // wrap:'truncate' — the value is PRE-WINDOWED to fit; truncate is a belt-and-
     // suspenders guard so it can NEVER wrap even if the width math is off by a cell.
     React16.createElement(Text, { key: "value", wrap: "truncate" }, win.text)
@@ -17876,7 +18042,7 @@ function InputBar(props) {
         ref: rowRef,
         flexDirection: "row",
         borderStyle: "round",
-        borderColor: ACCENT,
+        borderColor: getAccent(),
         paddingX: 1
       },
       ...rowChildren
@@ -17895,7 +18061,7 @@ function InputBar(props) {
       rows.push(
         React16.createElement(
           Text,
-          isHi ? { key: sug.name, color: ACCENT, bold: !0 } : { key: sug.name, dimColor: !0 },
+          isHi ? { key: sug.name, color: getAccent(), bold: !0 } : { key: sug.name, dimColor: !0 },
           formatSuggestionRow({
             name: sug.name,
             blurb: sug.blurb,
@@ -17925,7 +18091,7 @@ function InputBar(props) {
       { key: "hint", marginLeft: 2 },
       React16.createElement(
         Text,
-        { color: "red", wrap: "truncate" },
+        { color: colorOrPlain("red"), wrap: "truncate" },
         errorHint
       )
     )
@@ -17937,8 +18103,35 @@ function InputBar(props) {
 }
 
 // src/orchestration-shell/components/ReviewerSetupWizard.tsx
+var React18 = __toESM(require("react"));
+
+// src/orchestration-shell/components/wizard-select.tsx
 var React17 = __toESM(require("react"));
-var ACCENT2 = "cyan", ROLE_LIST_LIMIT = 6, WIZARD_MAX_ROWS = 6 + ROLE_LIST_LIMIT, ROLE_OPTIONS = [
+var POINTER = "\u276F";
+function WizardSelectItem({
+  isSelected = !1,
+  label
+}) {
+  let { ink } = getInkRuntime();
+  return React17.createElement(
+    ink.Text,
+    { color: isSelected ? colorOrPlain("blue") : void 0 },
+    label
+  );
+}
+function WizardSelectIndicator({
+  isSelected = !1
+}) {
+  let { ink } = getInkRuntime();
+  return React17.createElement(
+    ink.Box,
+    { marginRight: 1 },
+    isSelected ? React17.createElement(ink.Text, { color: colorOrPlain("blue") }, POINTER) : React17.createElement(ink.Text, null, " ")
+  );
+}
+
+// src/orchestration-shell/components/ReviewerSetupWizard.tsx
+var getAccent2 = () => colorOrPlain("cyan"), ROLE_LIST_LIMIT = 6, WIZARD_MAX_ROWS = 6 + ROLE_LIST_LIMIT, ROLE_OPTIONS = [
   "ARCHITECTURE" /* ARCHITECTURE */,
   "CORRECTNESS" /* CORRECTNESS */,
   "SECURITY" /* SECURITY */,
@@ -17959,12 +18152,12 @@ function currentSummary(wizard) {
   return `Current panel: ${wizard.currentSeats && wizard.currentSeats.length > 0 ? wizard.currentSeats.map((s) => `${roleLabel(s.role)}\u2192${s.agent.toLowerCase()}`).join(", ") : "tier defaults"}`;
 }
 function ReviewerSetupWizard(props) {
-  let { ink, inkSelectInput } = getInkRuntime(), { Box, Text, useInput } = ink, SelectInput = inkSelectInput.default, budget = SEAT_BUDGET[props.wizard.tier] ?? 0, [step, setStep] = React17.useState({ kind: "panel-choice" }), [seats, setSeats] = React17.useState([]), handledRef = React17.useRef(!1), submitOnce = React17.useCallback(
+  let { ink, inkSelectInput } = getInkRuntime(), { Box, Text, useInput } = ink, SelectInput = inkSelectInput.default, budget = SEAT_BUDGET[props.wizard.tier] ?? 0, [step, setStep] = React18.useState({ kind: "panel-choice" }), [seats, setSeats] = React18.useState([]), handledRef = React18.useRef(!1), submitOnce = React18.useCallback(
     (input) => {
       handledRef.current || (handledRef.current = !0, setStep({ kind: "saving" }), props.onSubmit(input));
     },
     [props]
-  ), cancelOnce = React17.useCallback(() => {
+  ), cancelOnce = React18.useCallback(() => {
     handledRef.current || (handledRef.current = !0, props.onCancel());
   }, [props]);
   useInput(
@@ -17973,7 +18166,7 @@ function ReviewerSetupWizard(props) {
     },
     { isActive: step.kind !== "saving" }
   );
-  let onCustomizeSelect = React17.useCallback(
+  let onCustomizeSelect = React18.useCallback(
     (item) => {
       if (item.value === "defaults") {
         submitOnce({ reviewerSeats: [] });
@@ -17982,12 +18175,12 @@ function ReviewerSetupWizard(props) {
       setSeats([]), setStep({ kind: "seat-role", seatIndex: 0 });
     },
     [submitOnce]
-  ), onRoleSelect = React17.useCallback(
+  ), onRoleSelect = React18.useCallback(
     (seatIndex, item) => {
       setStep({ kind: "seat-agent", seatIndex, role: item.value });
     },
     []
-  ), onAgentSelect = React17.useCallback(
+  ), onAgentSelect = React18.useCallback(
     (seatIndex, role, item) => {
       let nextSeats = [
         ...seats,
@@ -17996,7 +18189,7 @@ function ReviewerSetupWizard(props) {
       setSeats(nextSeats), seatIndex + 1 < budget ? setStep({ kind: "seat-role", seatIndex: seatIndex + 1 }) : setStep({ kind: "confirm" });
     },
     [seats, budget]
-  ), onConfirmSelect = React17.useCallback(
+  ), onConfirmSelect = React18.useCallback(
     (item) => {
       if (item.value === "cancel") {
         cancelOnce();
@@ -18005,15 +18198,15 @@ function ReviewerSetupWizard(props) {
       submitOnce({ reviewerSeats: seats });
     },
     [submitOnce, cancelOnce, seats]
-  ), header = React17.createElement(
+  ), header = React18.createElement(
     Text,
-    { key: "title", color: ACCENT2, bold: !0 },
+    { key: "title", color: getAccent2(), bold: !0 },
     "Reviewer setup"
-  ), currentLine = React17.createElement(
+  ), currentLine = React18.createElement(
     Text,
     { key: "current", dimColor: !0 },
     currentSummary(props.wizard)
-  ), hint = React17.createElement(
+  ), hint = React18.createElement(
     Text,
     { key: "hint", dimColor: !0 },
     step.kind === "saving" ? "Saving\u2026" : "\u2191/\u2193 move \xB7 Enter select \xB7 Esc cancel"
@@ -18028,13 +18221,15 @@ function ReviewerSetupWizard(props) {
         },
         { label: "Customize my reviewer panel", value: "custom", key: "custom" }
       ];
-      body = React17.createElement(
+      body = React18.createElement(
         Box,
         { key: "body", flexDirection: "column" },
-        React17.createElement(Text, { key: "q" }, "How should reviewers be chosen?"),
-        React17.createElement(SelectInput, {
+        React18.createElement(Text, { key: "q" }, "How should reviewers be chosen?"),
+        React18.createElement(SelectInput, {
           key: "sel",
           items,
+          itemComponent: WizardSelectItem,
+          indicatorComponent: WizardSelectIndicator,
           onSelect: onCustomizeSelect
         })
       );
@@ -18046,17 +18241,19 @@ function ReviewerSetupWizard(props) {
         value: r,
         key: r
       })), seatIndex = step.seatIndex;
-      body = React17.createElement(
+      body = React18.createElement(
         Box,
         { key: "body", flexDirection: "column" },
-        React17.createElement(
+        React18.createElement(
           Text,
           { key: "q" },
           `Seat ${seatIndex + 1} of ${budget} \u2014 which review lens?`
         ),
-        React17.createElement(SelectInput, {
+        React18.createElement(SelectInput, {
           key: `role-${seatIndex}`,
           items,
+          itemComponent: WizardSelectItem,
+          indicatorComponent: WizardSelectIndicator,
           // Bound the role list (up to 9 lenses) to a scrolling window so the
           // wizard's total height stays within the live-region reserve
           // OrchestrationApp makes for it (#469 — Stage-1 LOW).
@@ -18072,17 +18269,19 @@ function ReviewerSetupWizard(props) {
         value: a,
         key: a
       })), { seatIndex, role } = step;
-      body = React17.createElement(
+      body = React18.createElement(
         Box,
         { key: "body", flexDirection: "column" },
-        React17.createElement(
+        React18.createElement(
           Text,
           { key: "q" },
           `Seat ${seatIndex + 1} (${roleLabel(role)}) \u2014 which agent reviews?`
         ),
-        React17.createElement(SelectInput, {
+        React18.createElement(SelectInput, {
           key: `agent-${seatIndex}`,
           items,
+          itemComponent: WizardSelectItem,
+          indicatorComponent: WizardSelectIndicator,
           onSelect: (it) => onAgentSelect(seatIndex, role, it)
         })
       );
@@ -18090,7 +18289,7 @@ function ReviewerSetupWizard(props) {
     }
     case "confirm": {
       let summaryRows = seats.map(
-        (s) => React17.createElement(
+        (s) => React18.createElement(
           Text,
           { key: `sum-${s.seatId}`, dimColor: !0 },
           // 1-indexed to match the "Seat N of M" prompts (the persisted seatId
@@ -18101,24 +18300,26 @@ function ReviewerSetupWizard(props) {
         { label: "Save this panel", value: "save", key: "save" },
         { label: "Cancel (no change)", value: "cancel", key: "cancel" }
       ];
-      body = React17.createElement(
+      body = React18.createElement(
         Box,
         { key: "body", flexDirection: "column" },
-        React17.createElement(Text, { key: "q" }, "Save your custom reviewer panel?"),
+        React18.createElement(Text, { key: "q" }, "Save your custom reviewer panel?"),
         ...summaryRows,
-        React17.createElement(SelectInput, {
+        React18.createElement(SelectInput, {
           key: "sel",
           items,
+          itemComponent: WizardSelectItem,
+          indicatorComponent: WizardSelectIndicator,
           onSelect: onConfirmSelect
         })
       );
       break;
     }
     default: {
-      body = React17.createElement(
+      body = React18.createElement(
         Box,
         { key: "body", flexDirection: "column" },
-        React17.createElement(
+        React18.createElement(
           Text,
           { key: "q", dimColor: !0, italic: !0 },
           "Saving your reviewer panel\u2026"
@@ -18127,12 +18328,12 @@ function ReviewerSetupWizard(props) {
       break;
     }
   }
-  return React17.createElement(
+  return React18.createElement(
     Box,
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: ACCENT2,
+      borderColor: getAccent2(),
       paddingX: 1
     },
     header,
@@ -18302,7 +18503,7 @@ function notesHint(prompt) {
 }
 
 // src/orchestration-shell/components/ImplementorSetupWizard.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 
 // src/orchestration-shell/implementor-preference.ts
 var fs10 = __toESM(require("fs")), path11 = __toESM(require("path")), os11 = __toESM(require("os")), import_zod = require("zod");
@@ -61955,18 +62156,18 @@ async function runImplementorSetupCli(args, detectFn = detectInstalledAgents) {
 }
 
 // src/orchestration-shell/components/ImplementorSetupWizard.tsx
-var ACCENT3 = "cyan", IMPLEMENTOR_WIZARD_MAX_ROWS = 12;
+var getAccent3 = () => colorOrPlain("cyan"), IMPLEMENTOR_WIZARD_MAX_ROWS = 12;
 function currentSummary2(pref) {
   let order = pref.priorityOrder.map(displayAgentName).join(" \u2192 "), confirm = pref.confirmBeforeStart ? "on" : "off";
   return `Current order: ${order} \xB7 Confirmation: ${confirm}`;
 }
 function ImplementorSetupWizard(props) {
-  let { ink, inkSelectInput } = getInkRuntime(), { Box, Text, useInput } = ink, SelectInput = inkSelectInput.default, [step, setStep] = React18.useState({ kind: "main-choice" }), handledRef = React18.useRef(!1), submitOnce = React18.useCallback(
+  let { ink, inkSelectInput } = getInkRuntime(), { Box, Text, useInput } = ink, SelectInput = inkSelectInput.default, [step, setStep] = React19.useState({ kind: "main-choice" }), handledRef = React19.useRef(!1), submitOnce = React19.useCallback(
     (pref) => {
       handledRef.current || (handledRef.current = !0, setStep({ kind: "saving" }), props.onSubmit(pref));
     },
     [props]
-  ), cancelOnce = React18.useCallback(() => {
+  ), cancelOnce = React19.useCallback(() => {
     handledRef.current || (handledRef.current = !0, props.onCancel());
   }, [props]);
   useInput(
@@ -61979,7 +62180,7 @@ function ImplementorSetupWizard(props) {
     "CLAUDE",
     "CODEX",
     "ANTIGRAVITY"
-  ], onMainSelect = React18.useCallback(
+  ], onMainSelect = React19.useCallback(
     (item) => {
       if (item.value === "cancel") {
         cancelOnce();
@@ -62002,18 +62203,18 @@ function ImplementorSetupWizard(props) {
       setStep({ kind: "pick-first" });
     },
     [cancelOnce, submitOnce, props.wizard.currentPreference]
-  ), onFirstSelect = React18.useCallback(
+  ), onFirstSelect = React19.useCallback(
     (item) => {
       setStep({ kind: "pick-second", first: item.value });
     },
     []
-  ), onSecondSelect = React18.useCallback(
+  ), onSecondSelect = React19.useCallback(
     (first, item) => {
       let second = item.value, third = activeCandidates.find((a) => a !== first && a !== second);
       setStep({ kind: "confirm-prompt", order: [first, second, third] });
     },
     [activeCandidates]
-  ), onConfirmPromptSelect = React18.useCallback(
+  ), onConfirmPromptSelect = React19.useCallback(
     (order, item) => {
       let confirmBeforeStart = item.value === "on";
       setStep({
@@ -62023,7 +62224,7 @@ function ImplementorSetupWizard(props) {
       });
     },
     []
-  ), onReviewSaveSelect = React18.useCallback(
+  ), onReviewSaveSelect = React19.useCallback(
     (order, confirmBeforeStart, item) => {
       if (item.value === "cancel") {
         cancelOnce();
@@ -62037,15 +62238,15 @@ function ImplementorSetupWizard(props) {
       });
     },
     [cancelOnce, submitOnce]
-  ), header = React18.createElement(
+  ), header = React19.createElement(
     Text,
-    { key: "title", color: ACCENT3, bold: !0 },
+    { key: "title", color: getAccent3(), bold: !0 },
     "Implementor setup"
-  ), currentLine = React18.createElement(
+  ), currentLine = React19.createElement(
     Text,
     { key: "current", dimColor: !0 },
     currentSummary2(props.wizard.currentPreference)
-  ), hint = React18.createElement(
+  ), hint = React19.createElement(
     Text,
     { key: "hint", dimColor: !0 },
     step.kind === "saving" ? "Saving\u2026" : "\u2191/\u2193 move \xB7 Enter select \xB7 Esc cancel"
@@ -62074,13 +62275,15 @@ function ImplementorSetupWizard(props) {
           key: "cancel"
         }
       ];
-      body = React18.createElement(
+      body = React19.createElement(
         Box,
         { key: "body", flexDirection: "column" },
-        React18.createElement(Text, { key: "q" }, "How would you like to configure implementors?"),
-        React18.createElement(SelectInput, {
+        React19.createElement(Text, { key: "q" }, "How would you like to configure implementors?"),
+        React19.createElement(SelectInput, {
           key: "sel",
           items,
+          itemComponent: WizardSelectItem,
+          indicatorComponent: WizardSelectIndicator,
           onSelect: onMainSelect
         })
       );
@@ -62092,17 +62295,19 @@ function ImplementorSetupWizard(props) {
         value: agent,
         key: agent
       }));
-      body = React18.createElement(
+      body = React19.createElement(
         Box,
         { key: "body", flexDirection: "column" },
-        React18.createElement(
+        React19.createElement(
           Text,
           { key: "q" },
           "Select #1 priority implementor agent (Track 1 default):"
         ),
-        React18.createElement(SelectInput, {
+        React19.createElement(SelectInput, {
           key: "first-sel",
           items,
+          itemComponent: WizardSelectItem,
+          indicatorComponent: WizardSelectIndicator,
           onSelect: onFirstSelect
         })
       );
@@ -62114,17 +62319,19 @@ function ImplementorSetupWizard(props) {
         value: agent,
         key: agent
       }));
-      body = React18.createElement(
+      body = React19.createElement(
         Box,
         { key: "body", flexDirection: "column" },
-        React18.createElement(
+        React19.createElement(
           Text,
           { key: "q" },
           `#1 priority is ${displayAgentName(first)}. Select #2 priority implementor agent:`
         ),
-        React18.createElement(SelectInput, {
+        React19.createElement(SelectInput, {
           key: "second-sel",
           items,
+          itemComponent: WizardSelectItem,
+          indicatorComponent: WizardSelectIndicator,
           onSelect: (item) => onSecondSelect(first, item)
         })
       );
@@ -62143,17 +62350,19 @@ function ImplementorSetupWizard(props) {
           key: "on"
         }
       ];
-      body = React18.createElement(
+      body = React19.createElement(
         Box,
         { key: "body", flexDirection: "column" },
-        React18.createElement(
+        React19.createElement(
           Text,
           { key: "q" },
           `Priority order: ${order.map(displayAgentName).join(" \u2192 ")}. Require confirmation before start_task?`
         ),
-        React18.createElement(SelectInput, {
+        React19.createElement(SelectInput, {
           key: "confirm-sel",
           items,
+          itemComponent: WizardSelectItem,
+          indicatorComponent: WizardSelectIndicator,
           onSelect: (item) => onConfirmPromptSelect(order, item)
         })
       );
@@ -62164,33 +62373,35 @@ function ImplementorSetupWizard(props) {
         { label: "Save these preferences", value: "save", key: "save" },
         { label: "Cancel (no changes)", value: "cancel", key: "cancel" }
       ];
-      body = React18.createElement(
+      body = React19.createElement(
         Box,
         { key: "body", flexDirection: "column" },
-        React18.createElement(Text, { key: "q" }, "Save implementor preferences?"),
-        React18.createElement(
+        React19.createElement(Text, { key: "q" }, "Save implementor preferences?"),
+        React19.createElement(
           Text,
           { key: "s1", dimColor: !0 },
           `  Priority order: ${order.map(displayAgentName).join(" \u2192 ")}`
         ),
-        React18.createElement(
+        React19.createElement(
           Text,
           { key: "s2", dimColor: !0 },
           `  Confirmation prompt: ${confirmBeforeStart ? "on" : "off"}`
         ),
-        React18.createElement(SelectInput, {
+        React19.createElement(SelectInput, {
           key: "review-sel",
           items,
+          itemComponent: WizardSelectItem,
+          indicatorComponent: WizardSelectIndicator,
           onSelect: (item) => onReviewSaveSelect(order, confirmBeforeStart, item)
         })
       );
       break;
     }
     default: {
-      body = React18.createElement(
+      body = React19.createElement(
         Box,
         { key: "body", flexDirection: "column" },
-        React18.createElement(
+        React19.createElement(
           Text,
           { key: "q", dimColor: !0, italic: !0 },
           "Saving implementor preferences\u2026"
@@ -62199,12 +62410,12 @@ function ImplementorSetupWizard(props) {
       break;
     }
   }
-  return React18.createElement(
+  return React19.createElement(
     Box,
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: ACCENT3,
+      borderColor: getAccent3(),
       paddingX: 1
     },
     header,
@@ -63037,14 +63248,14 @@ function deriveGatePromptMode(active, gateActionRecoveryBlocked = !1, labelByTas
   }
 }
 function OrchestrationApp(props) {
-  let { ink } = getInkRuntime(), { Box, Static, Text } = ink, [state, setState] = React19.useState(() => props.store.getState());
-  React19.useEffect(() => props.store.subscribe(setState), [props.store]);
-  let [liveRuntimeKind, setLiveRuntimeKind] = React19.useState(
+  let { ink } = getInkRuntime(), { Box, Static, Text } = ink, [state, setState] = React20.useState(() => props.store.getState());
+  React20.useEffect(() => props.store.subscribe(setState), [props.store]);
+  let [liveRuntimeKind, setLiveRuntimeKind] = React20.useState(
     props.plannerRuntimeKind ?? "hosted"
-  ), [liveRuntimeLabel, setLiveRuntimeLabel] = React19.useState(
+  ), [liveRuntimeLabel, setLiveRuntimeLabel] = React20.useState(
     props.plannerLabel ?? ""
   );
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     let adapter = props.plannerAdapter;
     if (!(!adapter || typeof adapter.onSourceChange != "function"))
       return adapter.onSourceChange((source) => {
@@ -63052,18 +63263,18 @@ function OrchestrationApp(props) {
       });
   }, [props.plannerAdapter]);
   let { setRawMode, isRawModeSupported } = ink.useStdin(), renderStdout2 = ink.useStdout().stdout;
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (isRawModeSupported)
       return setRawMode(!0), () => setRawMode(!1);
-  }, [isRawModeSupported, setRawMode]), React19.useEffect(() => (setRenderStdout(renderStdout2), () => {
+  }, [isRawModeSupported, setRawMode]), React20.useEffect(() => (setRenderStdout(renderStdout2), () => {
     disableBracketedPaste(), setRenderStdout(null);
   }), [renderStdout2]);
   let wizardOpen = state.reviewerWizard !== null || state.implementorWizard !== null;
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (isRawModeSupported)
       return wizardOpen ? disableBracketedPaste() : enableBracketedPaste(), () => disableBracketedPaste();
   }, [wizardOpen, isRawModeSupported]);
-  let staticOrderRef = React19.useRef(null);
+  let staticOrderRef = React20.useRef(null);
   staticOrderRef.current || (staticOrderRef.current = makeStaticOrderAccum());
   let trackLabelByTaskId = buildGateLabelByTaskId(state), staticConversation = plannerDecisionRenderEnabled() ? state.conversation : state.conversation.filter((e) => e.kind !== "planner-decision");
   appendNewlyFinal(staticOrderRef.current, staticConversation, (entry) => ({
@@ -63072,7 +63283,7 @@ function OrchestrationApp(props) {
     turnStart: isTurnStart(entry)
   }));
   let staticItems = [
-    { key: "__logo__", element: React19.createElement(CodeVibeLogo), turnStart: !1 },
+    { key: "__logo__", element: React20.createElement(CodeVibeLogo), turnStart: !1 },
     ...staticOrderRef.current.items
   ], nonFinal = state.conversation.filter(
     (e) => !e.final
@@ -63084,7 +63295,7 @@ function OrchestrationApp(props) {
     nonFinal,
     terminalRows,
     FIXED_CHROME_ROWS + teamReserveRows + progressReserveRows + dropdownReserveRows + wizardReserveRows
-  ), handleInputBarSubmit = React19.useCallback(
+  ), handleInputBarSubmit = React20.useCallback(
     (text2, images) => {
       if (parsePromptReference(text2) !== null && listOpenPrompts(props.store.getState(), "keyboard").length > 0) {
         props.onUserInput(text2);
@@ -63130,13 +63341,13 @@ function OrchestrationApp(props) {
       props.captureShadow,
       props.groupDecision
     ]
-  ), slashCommands = React19.useMemo(
+  ), slashCommands = React20.useMemo(
     () => listSlashCommands(props.tier),
     [props.tier]
-  ), mentionSuggestions = React19.useMemo(
+  ), mentionSuggestions = React20.useMemo(
     () => buildMentionSuggestions(props.detectedAgents ?? []),
     [props.detectedAgents]
-  ), handleWizardSubmit = React19.useCallback(
+  ), handleWizardSubmit = React20.useCallback(
     (input) => {
       let client = props.reviewerPolicyClient;
       if (!client) {
@@ -63165,13 +63376,13 @@ ${formatReviewerPolicy(snapshot)}`
       });
     },
     [props.reviewerPolicyClient, props.store]
-  ), handleWizardCancel = React19.useCallback(() => {
+  ), handleWizardCancel = React20.useCallback(() => {
     props.store.dispatch({
       type: "SHELL_ADVISORY",
       source: "shell",
       text: "Reviewer setup cancelled \u2014 no change."
     }), props.store.dispatch({ type: "REVIEWER_WIZARD_CLOSE" });
-  }, [props.store]), handleImplementorWizardSubmit = React19.useCallback(
+  }, [props.store]), handleImplementorWizardSubmit = React20.useCallback(
     (pref) => {
       saveImplementorPreference(pref).then((updated) => {
         let detected = state.implementorWizard?.installedAgents ?? [];
@@ -63192,20 +63403,20 @@ ${formatImplementorPolicy(detected, updated, props.tier)}`
       });
     },
     [props.store, props.tier, state.implementorWizard]
-  ), handleImplementorWizardCancel = React19.useCallback(() => {
+  ), handleImplementorWizardCancel = React20.useCallback(() => {
     props.store.dispatch({
       type: "SHELL_ADVISORY",
       source: "shell",
       text: "Implementor setup cancelled \u2014 no change."
     }), props.store.dispatch({ type: "IMPLEMENTOR_WIZARD_CLOSE" });
   }, [props.store]);
-  return React19.createElement(
+  return React20.createElement(
     Box,
     { flexDirection: "column" },
     // Ink's <Static> takes a function-as-child via the prop pattern, NOT
     // as a regular child. We pass it as `children` to satisfy React's
     // typing while preserving the runtime expectation.
-    React19.createElement(Static, {
+    React20.createElement(Static, {
       items: staticItems,
       // Turn-boundary spacing (Hendry dogfood 2026-06-29): open a blank line
       // BEFORE each turn-starting entry via `marginTop`. `index` is the absolute
@@ -63216,7 +63427,7 @@ ${formatImplementorPolicy(detected, updated, props.tier)}`
       // Static scrollback, unlike the prior horizontal `gap` gutter). These
       // entries are always `final` → Static-only, so this never touches the #469
       // live-region cap.
-      children: (item, index) => React19.createElement(
+      children: (item, index) => React20.createElement(
         Box,
         {
           key: item.key,
@@ -63231,22 +63442,22 @@ ${formatImplementorPolicy(detected, updated, props.tier)}`
     // nodes, surface a single dim marker so the user knows live updates are
     // hidden (they will reappear in scrollback once they finalize). The active
     // gate control is NEVER among the hidden entries.
-    hiddenCount > 0 ? React19.createElement(
+    hiddenCount > 0 ? React20.createElement(
       Box,
       { key: "__live-hidden__", flexDirection: "row" },
-      React19.createElement(
+      React20.createElement(
         Text,
         { dimColor: !0 },
         `\u22EE ${hiddenCount} earlier live update${hiddenCount === 1 ? "" : "s"} hidden (terminal too short)`
       )
     ) : null,
-    React19.createElement(ConversationPane, {
+    React20.createElement(ConversationPane, {
       entries: cappedNonFinal,
       trackLabelByTaskId,
       gateActionRecoveryBlocked: state.gateActionRecoveryBlocked
     }),
     ...shownTaskProgress.length > 0 ? shownTaskProgress.map(
-      ([taskId, line], index) => React19.createElement(LiveProgressLine, {
+      ([taskId, line], index) => React20.createElement(LiveProgressLine, {
         key: `progress-${taskId}`,
         progress: line,
         label: (() => {
@@ -63256,19 +63467,19 @@ ${formatImplementorPolicy(detected, updated, props.tier)}`
         ...index === shownTaskProgress.length - 1 && hiddenTaskProgress > 0 ? { moreCount: hiddenTaskProgress } : {}
       })
     ) : [],
-    React19.createElement(LiveProgressLine, { key: "progress-untasked", progress: untaskedProgress }),
+    React20.createElement(LiveProgressLine, { key: "progress-untasked", progress: untaskedProgress }),
     // `/reviewer-setup` wizard (2026-06-29) — while open it REPLACES the InputBar
     // at the same layout slot and owns keyboard focus (arrow-key ink-select); on
     // save/cancel it dispatches REVIEWER_WIZARD_CLOSE and the InputBar returns.
-    state.reviewerWizard ? React19.createElement(ReviewerSetupWizard, {
+    state.reviewerWizard ? React20.createElement(ReviewerSetupWizard, {
       wizard: state.reviewerWizard,
       onSubmit: handleWizardSubmit,
       onCancel: handleWizardCancel
-    }) : state.implementorWizard ? React19.createElement(ImplementorSetupWizard, {
+    }) : state.implementorWizard ? React20.createElement(ImplementorSetupWizard, {
       wizard: state.implementorWizard,
       onSubmit: handleImplementorWizardSubmit,
       onCancel: handleImplementorWizardCancel
-    }) : React19.createElement(InputBar, {
+    }) : React20.createElement(InputBar, {
       onSubmit: handleInputBarSubmit,
       onCancel: props.onCancel,
       placeholder: "Ask CodeVibe to build, or /help",
@@ -63295,7 +63506,7 @@ ${formatImplementorPolicy(detected, updated, props.tier)}`
     // taller (and Claude Code's input-at-the-fold model is mirrored).
     // TUI redesign (2026-06-29): cwd · tier + planner badge (the hosted
     // connection-health dot is retired — see StatusBar.tsx).
-    React19.createElement(StatusBar, {
+    React20.createElement(StatusBar, {
       // Plaintext cwd (Stage-1 HIGH) — NOT state.session.projectPath, which is
       // AES-GCM-encrypted at rest and never decrypted. Falls back to the live
       // process.cwd() when the entry didn't thread it (tests / CP-1.a callers).
@@ -63307,7 +63518,7 @@ ${formatImplementorPolicy(detected, updated, props.tier)}`
     // CP-12 W3 §3.5 — minimal multi-track status node, mounted ONLY when a team
     // is active. Single-track / Companion sessions leave `state.team`
     // null → the node is never mounted. Rich UX is [DEFERRED → CP-8 #469].
-    state.team ? React19.createElement(MultiTrackStatusNode, { team: state.team }) : null
+    state.team ? React20.createElement(MultiTrackStatusNode, { team: state.team }) : null
   );
 }
 
@@ -68909,7 +69120,7 @@ var LastModeFileSchema = import_zod4.z.object({
 });
 
 // src/orchestration-shell/components/AuditLogPanel.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 
 // src/orchestration-shell/index.ts
 function resolveBrowseUrls(modelUrls, prompt) {
@@ -70481,7 +70692,7 @@ async function runOrchestrationShell(args) {
     if (sessionRetiredExitRequested)
       return;
     let { ink } = getInkRuntime(), { waitUntilExit, unmount } = ink.render(
-      React21.createElement(OrchestrationApp, {
+      React22.createElement(OrchestrationApp, {
         store,
         tier: args.tier,
         // TUI redesign (2026-06-29) — status-bar planner badge inputs + the