thoth-agents 0.1.6 → 0.1.8

package/dist/cli/tui/index.js

@@ -0,0 +1,1285 @@
+import {
+  CODEX_ROLE_NAMES,
+  applyCodexPlan,
+  applyOpenCodePlan,
+  buildCodexInstallPlan,
+  buildCodexModelPlan,
+  buildCodexSetupPlan,
+  buildCodexSyncPlan,
+  buildCodexUpdatePlan,
+  buildOpenCodeInstallPlan,
+  buildOpenCodeModelPlan,
+  buildOpenCodeSyncPlan,
+  buildOpenCodeUpdatePlan,
+  getCodexStatus,
+  getOpenCodeStatus,
+  listOperationHarnesses,
+  parseRoleTomlModel
+} from "../../chunk-OJCEGZSA.js";
+import {
+  ALL_AGENT_NAMES,
+  DEFAULT_MODELS,
+  getExistingLiteConfigPath,
+  parseConfig
+} from "../../chunk-OES76C67.js";
+
+// src/cli/tui/index.tsx
+import { render } from "ink";
+
+// src/cli/tui/App.tsx
+import { Box as Box8, Text as Text8, useApp, useInput } from "ink";
+import { useMemo, useState } from "react";
+
+// src/cli/tui/components/Header.tsx
+import { Box, Text } from "ink";
+
+// src/cli/tui/theme.ts
+var theme = {
+  accent: "cyan",
+  danger: "red",
+  dim: "gray",
+  ok: "green",
+  title: "white",
+  warning: "yellow"
+};
+function stateColor(state) {
+  if (state === "installed") return "green";
+  if (state === "missing" || state === "outdated") return "yellow";
+  if (state === "drift" || state === "unknown") return "red";
+  return "gray";
+}
+
+// src/cli/tui/components/Header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Header({ title, subtitle }) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: theme.title, children: "thoth-agents" }),
+    /* @__PURE__ */ jsx(Text, { color: theme.accent, children: title }),
+    subtitle ? /* @__PURE__ */ jsx(Text, { color: theme.dim, children: subtitle }) : null
+  ] });
+}
+
+// src/cli/tui/components/Menu.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Menu({ items, selected }) {
+  return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: items.map((item, index) => /* @__PURE__ */ jsxs2(
+    Text2,
+    {
+      color: item.disabled ? theme.dim : index === selected ? theme.accent : void 0,
+      children: [
+        index === selected ? ">" : " ",
+        " ",
+        item.label,
+        /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
+          " - ",
+          item.detail
+        ] })
+      ]
+    },
+    item.id
+  )) });
+}
+
+// src/cli/tui/components/ModelChoiceScreen.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var VISIBLE_MODEL_OPTIONS = 8;
+function modelWindowStart(optionsLength, selected) {
+  const maxStart = Math.max(0, optionsLength - VISIBLE_MODEL_OPTIONS);
+  if (selected >= optionsLength) return maxStart;
+  return Math.min(Math.max(0, selected - VISIBLE_MODEL_OPTIONS + 1), maxStart);
+}
+function ModelChoiceScreen({
+  currentModel,
+  draftModel,
+  options,
+  selected
+}) {
+  const windowStart = modelWindowStart(options.length, selected);
+  const visibleOptions = options.slice(
+    windowStart,
+    windowStart + VISIBLE_MODEL_OPTIONS
+  );
+  const windowEnd = windowStart + visibleOptions.length;
+  const hasHiddenBefore = windowStart > 0;
+  const hasHiddenAfter = windowEnd < options.length;
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      "Current: ",
+      /* @__PURE__ */ jsx3(Text3, { color: theme.accent, children: currentModel })
+    ] }),
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      "New: ",
+      /* @__PURE__ */ jsx3(Text3, { color: theme.warning, children: draftModel })
+    ] }),
+    hasHiddenBefore ? /* @__PURE__ */ jsxs3(Text3, { color: theme.dim, children: [
+      " ... ",
+      windowStart,
+      " earlier option(s)"
+    ] }) : null,
+    visibleOptions.map((option, offset) => {
+      const index = windowStart + offset;
+      return /* @__PURE__ */ jsxs3(
+        Text3,
+        {
+          color: index === selected ? theme.accent : void 0,
+          children: [
+            index === selected ? ">" : " ",
+            " ",
+            option.id,
+            /* @__PURE__ */ jsxs3(Text3, { color: theme.dim, children: [
+              " - ",
+              option.provider
+            ] })
+          ]
+        },
+        option.id
+      );
+    }),
+    hasHiddenAfter ? /* @__PURE__ */ jsxs3(Text3, { color: theme.dim, children: [
+      " ",
+      "... ",
+      options.length - windowEnd,
+      " later option(s)"
+    ] }) : null,
+    /* @__PURE__ */ jsxs3(Text3, { color: options.length === selected ? theme.accent : void 0, children: [
+      options.length === selected ? ">" : " ",
+      " Manual entry"
+    ] }),
+    options.length > VISIBLE_MODEL_OPTIONS ? /* @__PURE__ */ jsxs3(Text3, { color: theme.dim, children: [
+      "Showing ",
+      windowStart + 1,
+      "-",
+      windowEnd,
+      " of ",
+      options.length,
+      ". Use j/k to move through all options; Manual entry follows the catalog."
+    ] }) : null
+  ] });
+}
+
+// src/cli/tui/components/ModelScreen.tsx
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var CODEX_MODEL_CATALOG_NOTE = [
+  "This list may not include every available model.",
+  "Official Codex model list: https://developers.openai.com/codex/models"
+];
+function ModelScreen({
+  harness,
+  roles,
+  selected,
+  actions
+}) {
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: harness === "codex" ? "Codex writes generated subagent model lines only." : "OpenCode writes role model overrides in thoth-agents config." }),
+    harness === "codex" ? CODEX_MODEL_CATALOG_NOTE.map((note) => /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: note }, note)) : null,
+    roles.map((role, index) => /* @__PURE__ */ jsxs4(
+      Text4,
+      {
+        color: index === selected ? theme.accent : void 0,
+        children: [
+          index === selected ? ">" : " ",
+          " ",
+          role.dirty ? "*" : " ",
+          role.role,
+          ": ",
+          role.model,
+          /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: role.dirty ? ` (was ${role.currentModel})` : "" })
+        ]
+      },
+      role.role
+    )),
+    actions.map((action, offset) => {
+      const index = roles.length + offset;
+      return /* @__PURE__ */ jsxs4(
+        Text4,
+        {
+          color: index === selected ? theme.accent : void 0,
+          children: [
+            index === selected ? ">" : " ",
+            " ",
+            action
+          ]
+        },
+        action
+      );
+    })
+  ] });
+}
+
+// src/cli/tui/components/PlanPreview.tsx
+import { Box as Box6, Text as Text6 } from "ink";
+
+// src/cli/tui/components/PathLine.tsx
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function wrapTerminalText(text, width = 74) {
+  if (text.length <= width) return [text];
+  const chunks = [];
+  let cursor = 0;
+  while (cursor < text.length) {
+    chunks.push(text.slice(cursor, cursor + width));
+    cursor += width;
+  }
+  return chunks;
+}
+function PathLine({ label, value, width }) {
+  const lines = wrapTerminalText(value, width);
+  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: lines.map((line, index) => /* @__PURE__ */ jsx5(Text5, { color: theme.dim, children: index === 0 ? `${label ? `${label}: ` : ""}${line}` : `  ${line}` }, line)) });
+}
+
+// src/cli/tui/components/PlanPreview.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function PlanPreview({
+  plan,
+  selectedAction,
+  result
+}) {
+  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, children: plan.title }),
+    /* @__PURE__ */ jsx6(Text6, { children: plan.summary }),
+    /* @__PURE__ */ jsxs5(Text6, { children: [
+      "Target harness: ",
+      /* @__PURE__ */ jsx6(Text6, { color: theme.accent, children: plan.harness })
+    ] }),
+    /* @__PURE__ */ jsxs5(Text6, { children: [
+      "Action: ",
+      plan.action
+    ] }),
+    /* @__PURE__ */ jsxs5(Text6, { children: [
+      "Can apply: ",
+      plan.canApply ? "yes" : "no"
+    ] }),
+    plan.surfaces.length > 0 ? /* @__PURE__ */ jsx6(Text6, { color: theme.dim, children: "Managed surfaces" }) : null,
+    plan.surfaces.map((surface) => /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs5(Text6, { children: [
+        "- ",
+        surface.label
+      ] }),
+      surface.path ? /* @__PURE__ */ jsx6(PathLine, { value: surface.path }) : null
+    ] }, surface.id)),
+    /* @__PURE__ */ jsxs5(Text6, { color: theme.dim, children: [
+      "Backup: ",
+      plan.backup.required ? "required" : "not required",
+      " (",
+      plan.backup.strategy,
+      ")"
+    ] }),
+    plan.backup.destinations?.map((path) => /* @__PURE__ */ jsx6(PathLine, { label: path.label, value: path.path }, path.path)),
+    plan.items.length > 0 ? /* @__PURE__ */ jsx6(Text6, { color: theme.dim, children: "Preview" }) : null,
+    plan.items.slice(0, 5).map((item) => /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs5(Text6, { children: [
+        "- ",
+        item.title
+      ] }),
+      item.target.path ? /* @__PURE__ */ jsx6(PathLine, { value: item.target.path }) : null,
+      item.preview ? /* @__PURE__ */ jsx6(Text6, { color: theme.dim, children: item.preview.length > 120 ? `${item.preview.slice(0, 120)}...` : item.preview }) : null
+    ] }, item.title)),
+    plan.items.length > 5 ? /* @__PURE__ */ jsxs5(Text6, { color: theme.dim, children: [
+      "...",
+      plan.items.length - 5,
+      " more items"
+    ] }) : null,
+    plan.warnings.map((warning) => /* @__PURE__ */ jsxs5(Text6, { color: theme.warning, children: [
+      "- [",
+      warning.severity,
+      "] ",
+      warning.message
+    ] }, warning.code ?? warning.message)),
+    plan.disclaimers.map((disclaimer) => /* @__PURE__ */ jsxs5(Text6, { color: theme.dim, children: [
+      "- ",
+      disclaimer.message
+    ] }, disclaimer.code ?? disclaimer.message)),
+    /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx6(Text6, { color: selectedAction === "apply" ? theme.accent : void 0, children: "[Apply]" }),
+      /* @__PURE__ */ jsx6(Text6, { children: " " }),
+      /* @__PURE__ */ jsx6(Text6, { color: selectedAction === "cancel" ? theme.accent : void 0, children: "[Cancel]" })
+    ] }),
+    /* @__PURE__ */ jsx6(Text6, { color: theme.dim, children: "Enter selects. a applies. c cancels." }),
+    result ? /* @__PURE__ */ jsx6(Text6, { color: result.applied ? theme.ok : theme.warning, children: result.summary }) : null
+  ] });
+}
+
+// src/cli/tui/components/StatusView.tsx
+import { Box as Box7, Text as Text7 } from "ink";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function countByState(report) {
+  return report.targets.reduce(
+    (counts, target) => {
+      const state = target.state ?? "unknown";
+      counts[state] = (counts[state] ?? 0) + 1;
+      return counts;
+    },
+    {}
+  );
+}
+var categoryOrder = [
+  "Agents",
+  "Skills",
+  "Plugin/MCP",
+  "Marketplace",
+  "Config",
+  "Root instructions",
+  "Model state",
+  "Other"
+];
+function titleCase(value, separator = " ") {
+  return value.split(/[-_\s]+/).filter(Boolean).map(
+    (part) => part.toLowerCase() === "sdd" ? "SDD" : part.toLowerCase() === "cli" ? "CLI" : part.toLowerCase() === "mcp" ? "MCP" : part.toLowerCase() === "opencode" ? "OpenCode" : `${part.charAt(0).toUpperCase()}${part.slice(1).toLowerCase()}`
+  ).join(separator);
+}
+function compactPath(path) {
+  return path.replaceAll("\\", "/");
+}
+function categorizeTarget(target) {
+  const path = target.path ? compactPath(target.path) : "";
+  const label = target.label ?? target.kind;
+  const agent = path.match(/thoth-agents-([a-z0-9_-]+)\.toml$/i);
+  const skill = path.match(/skills\/([^/]+)\/SKILL\.md$/i);
+  if (agent?.[1]) {
+    return {
+      category: "Agents",
+      label: titleCase(agent[1]),
+      state: target.state
+    };
+  }
+  if (skill?.[1] || target.kind === "skill") {
+    return {
+      category: "Skills",
+      label: titleCase(skill?.[1] ?? label, "-"),
+      state: target.state
+    };
+  }
+  if (/marketplace\.json$/i.test(path)) {
+    return {
+      category: "Marketplace",
+      label: "Marketplace",
+      state: target.state
+    };
+  }
+  if (/\.mcp\.json$/i.test(path) || /plugin\.json$/i.test(path) || /plugin-assets/i.test(path) || /manifest/i.test(path)) {
+    return {
+      category: "Plugin/MCP",
+      label: titleCase(label.replace(/^codex\s+/i, "")),
+      state: target.state
+    };
+  }
+  if (/AGENTS\.md$/i.test(path) || /root instructions/i.test(label)) {
+    return {
+      category: "Root instructions",
+      label: "AGENTS.md",
+      state: target.state
+    };
+  }
+  if (/config\.toml$/i.test(path) || target.kind === "config") {
+    return { category: "Config", label: titleCase(label), state: target.state };
+  }
+  if (target.kind === "memory-state" || /model/i.test(label)) {
+    return {
+      category: "Model state",
+      label: titleCase(label),
+      state: target.state,
+      detail: target.observed
+    };
+  }
+  return {
+    category: "Other",
+    label: titleCase(label),
+    state: target.state,
+    detail: target.observed
+  };
+}
+function groupedTargets(report) {
+  const grouped = /* @__PURE__ */ new Map();
+  for (const target of report.targets.map(categorizeTarget)) {
+    grouped.set(target.category, [
+      ...grouped.get(target.category) ?? [],
+      target
+    ]);
+  }
+  return grouped;
+}
+function uniqueTargets(targets) {
+  const seen = /* @__PURE__ */ new Set();
+  return targets.filter((target) => {
+    const key = `${target.label}:${target.state ?? "unknown"}:${target.detail ?? ""}`;
+    if (seen.has(key)) return false;
+    seen.add(key);
+    return true;
+  });
+}
+function StatusView({ report }) {
+  const counts = countByState(report);
+  const countText = Object.entries(counts).map(([state, count]) => `${state}: ${count}`).join("  ");
+  const grouped = groupedTargets(report);
+  const warnings = report.diagnostics.slice(0, 4);
+  const hiddenWarnings = report.diagnostics.length - warnings.length;
+  const notes = (report.disclaimers ?? []).slice(0, 2);
+  const hiddenNotes = (report.disclaimers?.length ?? 0) - notes.length;
+  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs6(Text7, { children: [
+      "State: ",
+      /* @__PURE__ */ jsx7(Text7, { color: stateColor(report.state), children: report.state })
+    ] }),
+    /* @__PURE__ */ jsx7(Text7, { children: report.summary }),
+    /* @__PURE__ */ jsx7(Text7, { color: theme.dim, children: countText || "No managed targets." }),
+    /* @__PURE__ */ jsxs6(Text7, { color: theme.dim, children: [
+      "Warnings: ",
+      report.diagnostics.length,
+      " Notes:",
+      " ",
+      report.disclaimers?.length ?? 0
+    ] }),
+    categoryOrder.map((category) => {
+      const targets = uniqueTargets(grouped.get(category) ?? []);
+      if (targets.length === 0) return null;
+      const visible = targets.slice(0, 6);
+      const hidden = targets.length - visible.length;
+      return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx7(Text7, { color: theme.accent, children: category }),
+        visible.map((target) => /* @__PURE__ */ jsxs6(Text7, { children: [
+          "- ",
+          target.label,
+          target.state ? /* @__PURE__ */ jsxs6(Text7, { color: stateColor(target.state), children: [
+            ": [",
+            target.state,
+            "]"
+          ] }) : null,
+          target.detail ? /* @__PURE__ */ jsxs6(Text7, { color: theme.dim, children: [
+            " - ",
+            target.detail
+          ] }) : null
+        ] }, `${category}-${target.label}-${target.state}`)),
+        hidden > 0 ? /* @__PURE__ */ jsxs6(Text7, { color: theme.dim, children: [
+          " +",
+          hidden,
+          " more"
+        ] }) : null
+      ] }, category);
+    }),
+    report.diagnostics.length > 0 ? /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Text7, { color: theme.warning, children: "Warnings" }),
+      warnings.map((warning) => /* @__PURE__ */ jsxs6(Text7, { color: theme.warning, children: [
+        "- [",
+        warning.severity,
+        "] ",
+        warning.message
+      ] }, warning.code ?? warning.message)),
+      hiddenWarnings > 0 ? /* @__PURE__ */ jsxs6(Text7, { color: theme.dim, children: [
+        " +",
+        hiddenWarnings,
+        " more warnings"
+      ] }) : null
+    ] }) : null,
+    notes.length > 0 ? /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Text7, { color: theme.dim, children: "Notes" }),
+      notes.map((note) => /* @__PURE__ */ jsxs6(Text7, { color: theme.dim, children: [
+        "- ",
+        note.message
+      ] }, note.code ?? note.message)),
+      hiddenNotes > 0 ? /* @__PURE__ */ jsxs6(Text7, { color: theme.dim, children: [
+        " +",
+        hiddenNotes,
+        " more notes"
+      ] }) : null
+    ] }) : null
+  ] });
+}
+
+// src/cli/tui/model-catalog.ts
+import { execFileSync } from "child_process";
+var MODEL_CATALOG_TIMEOUT_MS = 5e3;
+var MODELS_DEV_MAX_BUFFER = 8 * 1024 * 1024;
+function parseOpenCodeModels(output) {
+  const seen = /* @__PURE__ */ new Set();
+  const options = [];
+  for (const line of output.split(/\r?\n/)) {
+    const match = line.trim().match(/^([a-z0-9_-]+)\/([^\s{]+)/i);
+    if (!match) continue;
+    const id = `${match[1]}/${match[2]}`;
+    if (seen.has(id)) continue;
+    seen.add(id);
+    options.push({ id, label: id, provider: match[1] ?? "unknown" });
+  }
+  return options;
+}
+function parseModelsDevOpenAi(output) {
+  const catalog = JSON.parse(output);
+  return Object.entries(catalog.openai?.models ?? {}).filter(([id]) => isCodexOpenAiModelId(id)).map(([id, model]) => ({
+    id,
+    label: model.name ?? id,
+    provider: "openai"
+  }));
+}
+function isCodexOpenAiModelId(id) {
+  const match = id.match(/^gpt-(\d+)(?:[.-]|$)/);
+  return match?.[1] !== void 0 && Number(match[1]) >= 5;
+}
+function getOpenCodeModelsInvocation(platform = process.platform) {
+  const options = {
+    encoding: "utf8",
+    stdio: ["ignore", "pipe", "ignore"],
+    timeout: MODEL_CATALOG_TIMEOUT_MS
+  };
+  if (platform === "win32") {
+    return {
+      command: "opencode models",
+      args: [],
+      options: { ...options, shell: true }
+    };
+  }
+  return {
+    command: "opencode",
+    args: ["models"],
+    options
+  };
+}
+function getModelsDevCatalog() {
+  try {
+    const output = execFileSync(
+      process.execPath,
+      [
+        "-e",
+        [
+          "const controller = new AbortController();",
+          `const timeout = setTimeout(() => controller.abort(), ${MODEL_CATALOG_TIMEOUT_MS});`,
+          "if (typeof fetch !== 'function') {",
+          "  console.error('fetch unavailable');",
+          "  process.exit(1);",
+          "}",
+          "fetch('https://models.dev/api.json', { signal: controller.signal })",
+          "  .then(async (response) => {",
+          "    if (!response.ok) throw new Error(String(response.status));",
+          "    const catalog = await response.json();",
+          "    const models = catalog?.openai?.models ?? {};",
+          "    return JSON.stringify({ openai: { models } });",
+          "  })",
+          "  .then((body) => {",
+          "    clearTimeout(timeout);",
+          "    process.stdout.write(body);",
+          "  })",
+          "  .catch((error) => { clearTimeout(timeout); console.error(error.message); process.exit(1); });"
+        ].join("\n")
+      ],
+      {
+        encoding: "utf8",
+        maxBuffer: MODELS_DEV_MAX_BUFFER,
+        stdio: ["ignore", "pipe", "ignore"],
+        timeout: MODEL_CATALOG_TIMEOUT_MS
+      }
+    );
+    return parseModelsDevOpenAi(output);
+  } catch {
+    return [];
+  }
+}
+function getModelOptions(harness) {
+  if (harness === "codex") return getModelsDevCatalog();
+  try {
+    const invocation = getOpenCodeModelsInvocation();
+    const output = execFileSync(
+      invocation.command,
+      invocation.args,
+      invocation.options
+    );
+    return parseOpenCodeModels(output);
+  } catch {
+    return [];
+  }
+}
+
+// src/cli/tui/operations.ts
+var context = { cwd: process.cwd() };
+var codexContext = { cwd: process.cwd() };
+var opencodeModelRoles = ALL_AGENT_NAMES.map(
+  (role) => ({
+    role,
+    model: DEFAULT_MODELS[role] ?? "openai/gpt-5.4"
+  })
+);
+var codexModelRoles = CODEX_ROLE_NAMES.map(
+  (role) => ({
+    role,
+    model: "gpt-5.4-mini"
+  })
+);
+var codexDefaultModels = new Map(
+  codexModelRoles.map((role) => [role.role, role.model])
+);
+function codexInstallConfig(source, dryRun) {
+  return {
+    dryRun,
+    reset: false,
+    scope: source.scope ?? "user",
+    projectRoot: source.cwd,
+    homeDir: source.homeDir,
+    codexHome: source.codexHome,
+    packageRoot: source.packageRoot,
+    pluginId: source.pluginId
+  };
+}
+function getCodexModelRoles(source = codexContext) {
+  try {
+    const plan = buildCodexSetupPlan(codexInstallConfig(source, true));
+    return CODEX_ROLE_NAMES.map((role) => {
+      const item = plan.items.find(
+        (candidate) => candidate.action === "write-role-toml" && candidate.role === role
+      );
+      return {
+        role,
+        model: (item?.content ? parseRoleTomlModel(item.content) : void 0) ?? codexDefaultModels.get(role) ?? "gpt-5.4-mini"
+      };
+    });
+  } catch {
+    return codexModelRoles.map((role) => ({ ...role }));
+  }
+}
+function readRoleModel(config, role) {
+  if (!config || typeof config !== "object" || Array.isArray(config)) {
+    return void 0;
+  }
+  const record = config;
+  const value = record[role];
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    return void 0;
+  }
+  const model = value.model;
+  return typeof model === "string" && model.length > 0 ? model : void 0;
+}
+function getOpenCodeModelRoles() {
+  const parsed = parseConfig(getExistingLiteConfigPath());
+  const agents = parsed.config?.agents && typeof parsed.config.agents === "object" ? parsed.config.agents : void 0;
+  const presets = parsed.config?.presets && typeof parsed.config.presets === "object" ? parsed.config.presets : {};
+  const openaiPreset = presets.openai && typeof presets.openai === "object" ? presets.openai : void 0;
+  return ALL_AGENT_NAMES.map((role) => ({
+    role,
+    model: readRoleModel(agents, role) ?? readRoleModel(openaiPreset, role) ?? DEFAULT_MODELS[role] ?? "openai/gpt-5.4"
+  }));
+}
+function buildTuiModelPlan(harness, roles) {
+  return harness === "opencode" ? buildOpenCodeModelPlan({ harness, dryRun: true, roles }, context) : buildCodexModelPlan({ harness, dryRun: true, roles }, codexContext);
+}
+var defaultTuiOperations = {
+  status(harness) {
+    return harness === "opencode" ? getOpenCodeStatus(context) : getCodexStatus(codexContext);
+  },
+  modelRoles(harness) {
+    return harness === "opencode" ? getOpenCodeModelRoles() : getCodexModelRoles(codexContext);
+  },
+  modelOptions(harness) {
+    return getModelOptions(harness);
+  },
+  plan(harness, action) {
+    if (harness === "opencode") {
+      if (action === "install") return buildOpenCodeInstallPlan(context);
+      if (action === "update") return buildOpenCodeUpdatePlan(context);
+      if (action === "sync") return buildOpenCodeSyncPlan(context);
+      return buildTuiModelPlan(harness, getOpenCodeModelRoles());
+    }
+    if (action === "install") return buildCodexInstallPlan(codexContext);
+    if (action === "update") return buildCodexUpdatePlan(codexContext);
+    if (action === "sync") return buildCodexSyncPlan(codexContext);
+    return buildTuiModelPlan(harness, getCodexModelRoles(codexContext));
+  },
+  modelPlan(harness, roles) {
+    return buildTuiModelPlan(harness, roles);
+  },
+  apply(plan) {
+    return plan.harness === "opencode" ? applyOpenCodePlan(plan) : applyCodexPlan(plan);
+  }
+};
+
+// src/cli/tui/App.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var rootItems = [
+  {
+    id: "status",
+    action: "status",
+    label: "Status",
+    detail: "Inspect a harness"
+  },
+  {
+    id: "manage",
+    action: "manage",
+    label: "Manage Harnesses",
+    detail: "List managed surfaces and actions"
+  },
+  {
+    id: "sync",
+    action: "sync",
+    label: "Sync / Update",
+    detail: "Preview managed setup changes"
+  },
+  {
+    id: "exit",
+    action: "exit",
+    label: "Exit",
+    detail: "Close the interactive setup"
+  }
+];
+var actionItems = [
+  {
+    id: "update",
+    action: "update",
+    label: "Update",
+    detail: "Refresh managed plugin/setup entries"
+  },
+  {
+    id: "sync",
+    action: "sync",
+    label: "Sync",
+    detail: "Reconcile managed configuration"
+  },
+  { id: "back", action: "back", label: "Back", detail: "Return to root" }
+];
+var installManageItems = [
+  {
+    id: "install",
+    action: "install",
+    label: "Install",
+    detail: "Preview managed setup install"
+  },
+  { id: "back", action: "back", label: "Back", detail: "Choose harness" }
+];
+var manageItems = [
+  {
+    id: "status",
+    action: "status",
+    label: "View status",
+    detail: "Open compact categorized health"
+  },
+  {
+    id: "update",
+    action: "update",
+    label: "Update preview",
+    detail: "Preview managed plugin/setup refresh"
+  },
+  {
+    id: "sync",
+    action: "sync",
+    label: "Sync preview",
+    detail: "Preview configuration reconciliation"
+  },
+  {
+    id: "models",
+    action: "models",
+    label: "Configure models",
+    detail: "Edit role model assignments"
+  },
+  { id: "back", action: "back", label: "Back", detail: "Choose harness" }
+];
+function buildHarnessItems() {
+  return [
+    ...listOperationHarnesses().map((harness) => ({
+      id: harness.id,
+      harness: harness.id,
+      label: harness.displayName,
+      detail: harness.description,
+      disabled: !harness.available
+    })),
+    { id: "back", action: "back", label: "Back", detail: "Return" }
+  ];
+}
+function moveSelection(current, direction, items) {
+  let next = current;
+  for (let index = 0; index < items.length; index += 1) {
+    next = (next + direction + items.length) % items.length;
+    if (!items[next]?.disabled) return next;
+  }
+  return current;
+}
+function normalizeSelection(current, items) {
+  if (items.length === 0) return 0;
+  return Math.min(current, items.length - 1);
+}
+function changedRoles(rows) {
+  return rows.filter((role) => role.dirty).map((role) => ({ role: role.role, model: role.model }));
+}
+function App({
+  operations = defaultTuiOperations,
+  exitOnQuit = true
+}) {
+  const { exit } = useApp();
+  const harnessItems = useMemo(buildHarnessItems, []);
+  const [view, setView] = useState("root");
+  const [rootSelected, setRootSelected] = useState(0);
+  const [harnessSelected, setHarnessSelected] = useState(0);
+  const [actionSelected, setActionSelected] = useState(0);
+  const [manageSelected, setManageSelected] = useState(0);
+  const [harnessPurpose, setHarnessPurpose] = useState("status");
+  const [activeHarness, setActiveHarness] = useState("opencode");
+  const [activeAction, setActiveAction] = useState("update");
+  const [reportVersion, setReportVersion] = useState(0);
+  const [plan, setPlan] = useState();
+  const [result, setResult] = useState();
+  const [previewAction, setPreviewAction] = useState(
+    "cancel"
+  );
+  const [previewBackView, setPreviewBackView] = useState("harness");
+  const [modelHarness, setModelHarness] = useState("codex");
+  const [modelRoles, setModelRoles] = useState([]);
+  const [modelOptions, setModelOptions] = useState([]);
+  const [choiceSelected, setChoiceSelected] = useState(0);
+  const [editedModels, setEditedModels] = useState({});
+  const [modelSelected, setModelSelected] = useState(0);
+  const [editingRole, setEditingRole] = useState();
+  const [editDraft, setEditDraft] = useState("");
+  const [modelResult, setModelResult] = useState();
+  const report = view === "status" || view === "manageHarness" ? operations.status(activeHarness) : void 0;
+  const currentManageItems = report?.state === "missing" ? installManageItems : manageItems;
+  const modelRows = modelRoles.map((role) => {
+    const model = editedModels[role.role] ?? role.model;
+    return {
+      ...role,
+      model,
+      currentModel: role.model,
+      dirty: model !== role.model
+    };
+  });
+  const dirtyRoles = changedRoles(modelRows);
+  const modelActions = dirtyRoles.length > 0 ? ["Preview changes", "Apply changes", "Back"] : ["Back"];
+  const modelMenuItems = [
+    ...modelRows.map((role) => ({
+      id: role.role,
+      label: `${role.dirty ? "* " : ""}${role.role}`,
+      detail: role.model
+    })),
+    ...modelActions.map((action) => ({
+      id: action,
+      label: action,
+      detail: action === "Back" ? "Return to harness selection" : `${dirtyRoles.length} changed role(s)`
+    }))
+  ];
+  function goBack() {
+    setResult(void 0);
+    if (view === "status") {
+      setView("harness");
+    } else if (view === "harness") {
+      setView(harnessPurpose === "action" ? "action" : "root");
+    } else if (view === "manageHarness") {
+      setView("harness");
+    } else if (view === "action") {
+      setView("root");
+    } else if (view === "preview") {
+      setView(previewBackView);
+    } else if (view === "modelRoles") {
+      setView("manageHarness");
+    } else if (view === "modelChoice") {
+      setView("modelRoles");
+    } else if (view === "modelEdit") {
+      setView("modelChoice");
+    }
+  }
+  function openHarnessPicker(purpose) {
+    setHarnessPurpose(purpose);
+    setHarnessSelected(0);
+    setView("harness");
+  }
+  function openPlan(harness, action, backView = "harness") {
+    setActiveHarness(harness);
+    setPlan(operations.plan(harness, action));
+    setResult(void 0);
+    setPreviewAction("cancel");
+    setPreviewBackView(backView);
+    setView("preview");
+  }
+  function openModelRoles(harness) {
+    setModelHarness(harness);
+    setModelRoles(operations.modelRoles(harness));
+    setModelOptions(operations.modelOptions(harness));
+    setEditedModels({});
+    setModelResult(void 0);
+    setModelSelected(0);
+    setView("modelRoles");
+  }
+  function previewModelChanges(applyImmediately) {
+    const nextPlan = operations.modelPlan(modelHarness, dirtyRoles);
+    setPlan(nextPlan);
+    setPreviewAction(applyImmediately ? "apply" : "cancel");
+    setPreviewBackView("modelRoles");
+    if (applyImmediately) {
+      const applyResult = operations.apply(nextPlan);
+      setModelResult(applyResult);
+      if (applyResult.applied) {
+        setModelRoles(
+          (roles) => roles.map((role) => ({
+            ...role,
+            model: editedModels[role.role] ?? role.model
+          }))
+        );
+        setEditedModels({});
+      }
+      return;
+    }
+    setResult(void 0);
+    setView("preview");
+  }
+  useInput((input, key) => {
+    if (view === "modelEdit") {
+      if (key.escape) {
+        goBack();
+        return;
+      }
+      if (key.return && editingRole) {
+        setEditedModels((models) => ({
+          ...models,
+          [editingRole.role]: editDraft
+        }));
+        setView("modelRoles");
+        return;
+      }
+      if (key.tab) {
+        const firstOption = modelOptions[0]?.id;
+        if (firstOption) setEditDraft(firstOption);
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setEditDraft((current) => current.slice(0, -1));
+        return;
+      }
+      if (input && !key.ctrl && !key.meta) {
+        setEditDraft((current) => `${current}${input}`);
+      }
+      return;
+    }
+    if (view === "modelChoice") {
+      if (key.escape) {
+        goBack();
+        return;
+      }
+      const choiceItems = [
+        ...modelOptions.map((option) => ({
+          id: option.id,
+          label: option.id,
+          detail: option.provider
+        })),
+        { id: "manual", label: "Manual entry", detail: "Type a model ID" }
+      ];
+      if (key.upArrow || input === "k") {
+        setChoiceSelected((current) => moveSelection(current, -1, choiceItems));
+      }
+      if (key.downArrow || input === "j") {
+        setChoiceSelected((current) => moveSelection(current, 1, choiceItems));
+      }
+      if (key.return && editingRole) {
+        const option = modelOptions[choiceSelected];
+        if (option) {
+          setEditedModels((models) => ({
+            ...models,
+            [editingRole.role]: option.id
+          }));
+          setView("modelRoles");
+          return;
+        }
+        setEditDraft(editingRole.model);
+        setView("modelEdit");
+      }
+      return;
+    }
+    if (input === "q" || key.escape) {
+      if (view === "root" && exitOnQuit) exit();
+      if (view !== "root") goBack();
+      return;
+    }
+    if (view === "root") {
+      if (key.upArrow || input === "k") {
+        setRootSelected((current) => moveSelection(current, -1, rootItems));
+      }
+      if (key.downArrow || input === "j") {
+        setRootSelected((current) => moveSelection(current, 1, rootItems));
+      }
+      if (key.return) {
+        const item = rootItems[rootSelected];
+        if (item?.action === "status") openHarnessPicker("status");
+        if (item?.action === "manage") openHarnessPicker("list");
+        if (item?.action === "sync") setView("action");
+        if (item?.action === "exit" && exitOnQuit) exit();
+      }
+      return;
+    }
+    if (view === "action") {
+      if (key.upArrow || input === "k") {
+        setActionSelected((current) => moveSelection(current, -1, actionItems));
+      }
+      if (key.downArrow || input === "j") {
+        setActionSelected((current) => moveSelection(current, 1, actionItems));
+      }
+      if (key.return) {
+        const item = actionItems[actionSelected];
+        if (item?.action === "back") {
+          setView("root");
+        } else if (item) {
+          setActiveAction(item.action);
+          openHarnessPicker("action");
+        }
+      }
+      return;
+    }
+    if (view === "harness") {
+      const selected = normalizeSelection(harnessSelected, harnessItems);
+      if (key.upArrow || input === "k") {
+        setHarnessSelected(
+          (current) => moveSelection(current, -1, harnessItems)
+        );
+      }
+      if (key.downArrow || input === "j") {
+        setHarnessSelected(
+          (current) => moveSelection(current, 1, harnessItems)
+        );
+      }
+      if (key.return) {
+        const item = harnessItems[selected];
+        if (item?.action === "back") {
+          goBack();
+        } else if (item?.harness) {
+          setActiveHarness(item.harness);
+          setReportVersion((current) => current + 1);
+          if (harnessPurpose === "status") setView("status");
+          if (harnessPurpose === "list") {
+            setManageSelected(0);
+            setView("manageHarness");
+          }
+          if (harnessPurpose === "action") {
+            openPlan(item.harness, activeAction);
+          }
+        }
+      }
+      return;
+    }
+    if (view === "manageHarness") {
+      if (key.upArrow || input === "k") {
+        setManageSelected(
+          (current) => moveSelection(current, -1, currentManageItems)
+        );
+      }
+      if (key.downArrow || input === "j") {
+        setManageSelected(
+          (current) => moveSelection(current, 1, currentManageItems)
+        );
+      }
+      if (key.return) {
+        const item = currentManageItems[manageSelected];
+        if (item?.action === "back") setView("harness");
+        if (item?.action === "install") {
+          openPlan(activeHarness, "install", "manageHarness");
+        }
+        if (item?.action === "status") {
+          setView("status");
+        }
+        if (item?.action === "update") {
+          openPlan(activeHarness, "update", "manageHarness");
+        }
+        if (item?.action === "sync") {
+          openPlan(activeHarness, "sync", "manageHarness");
+        }
+        if (item?.action === "models") openModelRoles(activeHarness);
+      }
+      return;
+    }
+    if (view === "modelRoles") {
+      if (key.upArrow || input === "k") {
+        setModelSelected(
+          (current) => moveSelection(current, -1, modelMenuItems)
+        );
+      }
+      if (key.downArrow || input === "j") {
+        setModelSelected(
+          (current) => moveSelection(current, 1, modelMenuItems)
+        );
+      }
+      if (key.return) {
+        if (modelSelected < modelRows.length) {
+          const role = modelRows[modelSelected];
+          setEditingRole(role);
+          setEditDraft(role?.model ?? "");
+          setChoiceSelected(0);
+          setView("modelChoice");
+          return;
+        }
+        const action = modelActions[modelSelected - modelRows.length];
+        if (action === "Back") setView("manageHarness");
+        if (action === "Preview changes") previewModelChanges(false);
+        if (action === "Apply changes") previewModelChanges(true);
+      }
+      return;
+    }
+    if (view === "status") {
+      if (input === "r") setReportVersion((current) => current + 1);
+      return;
+    }
+    if (view === "preview") {
+      if (key.leftArrow || key.rightArrow || key.tab) {
+        setPreviewAction(
+          (current) => current === "apply" ? "cancel" : "apply"
+        );
+      }
+      if (input === "a" && plan?.canApply) {
+        setPreviewAction("apply");
+        setResult(operations.apply(plan));
+      }
+      if (input === "c") goBack();
+      if (key.return && plan) {
+        if (previewAction === "cancel" || !plan.canApply) {
+          goBack();
+        } else {
+          setResult(operations.apply(plan));
+        }
+      }
+    }
+  });
+  if (view === "root") {
+    return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(
+        Header,
+        {
+          title: "Interactive setup",
+          subtitle: "Use arrows and Enter. Escape goes back. q exits."
+        }
+      ),
+      /* @__PURE__ */ jsx8(Menu, { items: rootItems, selected: rootSelected })
+    ] });
+  }
+  if (view === "action") {
+    return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(
+        Header,
+        {
+          title: "Sync / Update",
+          subtitle: "Choose an operation before selecting a harness."
+        }
+      ),
+      /* @__PURE__ */ jsx8(Menu, { items: actionItems, selected: actionSelected })
+    ] });
+  }
+  if (view === "harness") {
+    const title = harnessPurpose === "status" ? "Status" : harnessPurpose === "list" ? "Manage Harnesses" : activeAction === "update" ? "Update" : "Sync";
+    return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Header, { title, subtitle: "Choose a harness." }),
+      /* @__PURE__ */ jsx8(Menu, { items: harnessItems, selected: harnessSelected })
+    ] });
+  }
+  if (view === "manageHarness" && report) {
+    return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(
+        Header,
+        {
+          title: `Manage ${report.displayName ?? activeHarness}`,
+          subtitle: "Choose an action. Escape returns to harness selection."
+        }
+      ),
+      /* @__PURE__ */ jsxs7(Text8, { children: [
+        "Health: ",
+        /* @__PURE__ */ jsx8(Text8, { color: stateColor(report.state), children: report.state }),
+        /* @__PURE__ */ jsxs7(Text8, { color: theme.dim, children: [
+          " - ",
+          report.summary
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx8(Menu, { items: currentManageItems, selected: manageSelected })
+    ] });
+  }
+  if (view === "modelRoles") {
+    return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(
+        Header,
+        {
+          title: `${modelHarness === "codex" ? "Codex" : "OpenCode"} Models`,
+          subtitle: "Enter edits a role. Dirty rows are marked with *."
+        }
+      ),
+      /* @__PURE__ */ jsx8(
+        ModelScreen,
+        {
+          harness: modelHarness,
+          roles: modelRows,
+          selected: normalizeSelection(modelSelected, modelMenuItems),
+          actions: modelActions
+        }
+      ),
+      modelResult ? /* @__PURE__ */ jsx8(Text8, { color: modelResult.applied ? theme.ok : theme.warning, children: modelResult.summary }) : null
+    ] });
+  }
+  if (view === "modelEdit" && editingRole) {
+    return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(
+        Header,
+        {
+          title: `Edit ${editingRole.role}`,
+          subtitle: "Type a model ID. Tab inserts the first catalog option. Enter saves."
+        }
+      ),
+      /* @__PURE__ */ jsxs7(Text8, { children: [
+        "Current: ",
+        /* @__PURE__ */ jsx8(Text8, { color: theme.accent, children: editingRole.model })
+      ] }),
+      /* @__PURE__ */ jsxs7(Text8, { children: [
+        "New: ",
+        /* @__PURE__ */ jsx8(Text8, { color: theme.warning, children: editDraft })
+      ] })
+    ] });
+  }
+  if (view === "modelChoice" && editingRole) {
+    return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(
+        Header,
+        {
+          title: `Choose ${editingRole.role} model`,
+          subtitle: "Select a catalog option or Manual entry."
+        }
+      ),
+      /* @__PURE__ */ jsx8(
+        ModelChoiceScreen,
+        {
+          currentModel: editingRole.currentModel,
+          draftModel: editedModels[editingRole.role] ?? editingRole.model,
+          options: modelOptions,
+          selected: choiceSelected
+        }
+      )
+    ] });
+  }
+  if (view === "preview" && plan) {
+    return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(
+        Header,
+        {
+          title: plan.title,
+          subtitle: "Enter selects. Escape or c returns one level."
+        }
+      ),
+      /* @__PURE__ */ jsx8(
+        PlanPreview,
+        {
+          plan,
+          selectedAction: previewAction,
+          result
+        }
+      )
+    ] });
+  }
+  if (!report) return null;
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(
+      Header,
+      {
+        title: `${report.displayName ?? activeHarness} Status`,
+        subtitle: "Categorized summary. Escape returns. r refreshes."
+      }
+    ),
+    /* @__PURE__ */ jsx8(StatusView, { report })
+  ] }, reportVersion);
+}
+
+// src/cli/tui/index.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+async function runInteractiveTui() {
+  const instance = render(/* @__PURE__ */ jsx9(App, {}));
+  await instance.waitUntilExit();
+  return 0;
+}
+export {
+  App,
+  runInteractiveTui
+};