@contentful/experience-design-system-cli 2.37.1-dev-build-8b3a1c07.0 → 2.37.1-dev-build-0b786a83.0

package/dist/app.js

@@ -2330,7 +2330,7 @@ var init_debug_store = __esm({
 
 // packages/experience-design-system-cli/app.tsx
 import { join as join26 } from "node:path";
-import { useEffect as useEffect27, useState as useState36 } from "react";
+import { useEffect as useEffect28, useState as useState37 } from "react";
 
 // packages/experience-design-system-cli/src/tui/home/home.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
@@ -4286,9 +4286,9 @@ async function resolveRelativeImport(specifier, fromDir) {
 async function resolveImportSpecifiers(sourceText, fromDir) {
   const resolvedPaths = [];
   for (const specifier of extractRelativeImportPaths(sourceText)) {
-    const resolvedPath = await resolveRelativeImport(specifier, fromDir);
-    if (resolvedPath)
-      resolvedPaths.push(resolvedPath);
+    const resolvedPath2 = await resolveRelativeImport(specifier, fromDir);
+    if (resolvedPath2)
+      resolvedPaths.push(resolvedPath2);
   }
   return resolvedPaths;
 }
@@ -4302,20 +4302,20 @@ async function loadSiblingFiles(sourceText, sourcePath, propNames, candidateType
       if (discovered.length >= MAX_SIBLING_CANDIDATES_EXPLORED)
         break;
       const resolvedPaths = await resolveImportSpecifiers(node.text, node.dir);
-      for (const resolvedPath of resolvedPaths) {
-        if (visited.has(resolvedPath))
+      for (const resolvedPath2 of resolvedPaths) {
+        if (visited.has(resolvedPath2))
           continue;
-        visited.add(resolvedPath);
+        visited.add(resolvedPath2);
         if (discovered.length >= MAX_SIBLING_CANDIDATES_EXPLORED)
           break;
         let content;
         try {
-          content = await readFile4(resolvedPath, "utf8");
+          content = await readFile4(resolvedPath2, "utf8");
         } catch {
           continue;
         }
-        discovered.push({ path: resolvedPath, content });
-        nextFrontier.push({ text: content, dir: dirname4(resolvedPath) });
+        discovered.push({ path: resolvedPath2, content });
+        nextFrontier.push({ text: content, dir: dirname4(resolvedPath2) });
       }
     }
     frontier = nextFrontier;
@@ -5280,11 +5280,11 @@ function isBareModuleSpecifier(moduleSpecifier) {
   return !moduleSpecifier.startsWith(".") && !moduleSpecifier.startsWith("/");
 }
 function findRepoLocalAliasSourceFile(originSourceFile, moduleSpecifier) {
-  const resolvedPath = resolveRepoLocalAliasImportPath(originSourceFile.getFilePath(), moduleSpecifier);
-  if (!resolvedPath)
+  const resolvedPath2 = resolveRepoLocalAliasImportPath(originSourceFile.getFilePath(), moduleSpecifier);
+  if (!resolvedPath2)
     return void 0;
   const project = originSourceFile.getProject();
-  return findProjectSourceFileByImportPath(project, resolvedPath);
+  return findProjectSourceFileByImportPath(project, resolvedPath2);
 }
 function resolveRepoLocalAliasImportPath(importingFilePath, moduleSpecifier) {
   const nearestTsConfigPath = findNearestTsConfigPath(importingFilePath);
@@ -5299,8 +5299,8 @@ function resolveRepoLocalAliasImportPath(importingFilePath, moduleSpecifier) {
       continue;
     for (const targetPattern of targets) {
       const substitutedTarget = substituteTsConfigPathTarget(targetPattern, match2.wildcard);
-      const resolvedPath = resolve7(tsConfigPaths.baseUrl, substitutedTarget);
-      const sourceFilePath = resolveImportSourcePath(resolvedPath);
+      const resolvedPath2 = resolve7(tsConfigPaths.baseUrl, substitutedTarget);
+      const sourceFilePath = resolveImportSourcePath(resolvedPath2);
       if (sourceFilePath)
         return sourceFilePath;
     }
@@ -5378,17 +5378,17 @@ function resolveImportSourcePath(basePath) {
   ];
   return candidates.find((candidatePath) => existsSync3(candidatePath));
 }
-function findProjectSourceFileByImportPath(project, resolvedPath) {
+function findProjectSourceFileByImportPath(project, resolvedPath2) {
   const candidatePaths = [
-    resolvedPath,
-    `${resolvedPath}.ts`,
-    `${resolvedPath}.tsx`,
-    `${resolvedPath}.js`,
-    `${resolvedPath}.jsx`,
-    join5(resolvedPath, "index.ts"),
-    join5(resolvedPath, "index.tsx"),
-    join5(resolvedPath, "index.js"),
-    join5(resolvedPath, "index.jsx")
+    resolvedPath2,
+    `${resolvedPath2}.ts`,
+    `${resolvedPath2}.tsx`,
+    `${resolvedPath2}.js`,
+    `${resolvedPath2}.jsx`,
+    join5(resolvedPath2, "index.ts"),
+    join5(resolvedPath2, "index.tsx"),
+    join5(resolvedPath2, "index.js"),
+    join5(resolvedPath2, "index.jsx")
   ];
   for (const candidatePath of candidatePaths) {
     const sourceFile = project.getSourceFile(candidatePath);
@@ -9899,11 +9899,11 @@ function getElementTagNameFromFastDefinition(classDecl, project) {
 }
 function resolveImportSourcePath2(fromFilePath, specifier) {
   if (specifier.startsWith(".")) {
-    const resolvedPath = resolve10(dirname8(fromFilePath), specifier);
-    if (resolvedPath.endsWith(".js")) {
-      return `${resolvedPath.slice(0, -3)}.ts`;
+    const resolvedPath2 = resolve10(dirname8(fromFilePath), specifier);
+    if (resolvedPath2.endsWith(".js")) {
+      return `${resolvedPath2.slice(0, -3)}.ts`;
     }
-    return resolvedPath;
+    return resolvedPath2;
   }
   const spectrumPrefix = "@spectrum-web-components/core/components/";
   if (!specifier.startsWith(spectrumPrefix)) {
@@ -17126,15 +17126,15 @@ function PathValidationScreen({
   onChangePath,
   onBack
 }) {
-  const resolvedPath = useMemo(() => resolveUserPath(projectPath), [projectPath]);
+  const resolvedPath2 = useMemo(() => resolveUserPath(projectPath), [projectPath]);
   const [scan, setScan] = useState5();
   useEffect3(() => {
-    setScan(scanFiles(resolvedPath));
-  }, [resolvedPath]);
+    setScan(scanFiles(resolvedPath2));
+  }, [resolvedPath2]);
   const phase = phaseOf(scan);
   usePathValidationControls(phase, {
     onConfirm: () => {
-      if (scan?.ok) onConfirm({ projectPath: resolvedPath, filePaths: scan.filePaths });
+      if (scan?.ok) onConfirm({ projectPath: resolvedPath2, filePaths: scan.filePaths });
     },
     onChangePath,
     onBack
@@ -17142,11 +17142,11 @@ function PathValidationScreen({
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
     scan === void 0 && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
       "Scanning ",
-      /* @__PURE__ */ jsx6(Text6, { bold: true, children: resolvedPath }),
+      /* @__PURE__ */ jsx6(Text6, { bold: true, children: resolvedPath2 }),
       "..."
     ] }),
-    scan?.ok === false && /* @__PURE__ */ jsx6(Failure, { scan, path: resolvedPath }),
-    scan?.ok === true && /* @__PURE__ */ jsx6(Summary, { scan, path: resolvedPath }),
+    scan?.ok === false && /* @__PURE__ */ jsx6(Failure, { scan, path: resolvedPath2 }),
+    scan?.ok === true && /* @__PURE__ */ jsx6(Summary, { scan, path: resolvedPath2 }),
     /* @__PURE__ */ jsx6(Box5, { marginTop: 1, gap: 3, children: controlsFor(phase).map((control) => /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
       "[",
       control.keys,
@@ -28580,130 +28580,14 @@ function SettingsScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
-import { useState as useState32 } from "react";
-import { Box as Box48, Text as Text50, useInput as useInput13 } from "ink";
+import { useState as useState33 } from "react";
+import { Box as Box48, Text as Text51, useInput as useInput14 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/agents/AgentScreens.tsx
-import { useEffect as useEffect22, useState as useState30 } from "react";
-import { Box as Box46, Text as Text48, useInput as useInput12 } from "ink";
+import { useEffect as useEffect23, useState as useState30 } from "react";
+import { Box as Box45, Text as Text48, useInput as useInput12 } from "ink";
 init_debug_store();
 
-// packages/experience-design-system-cli/src/tui/settings/shared/FieldForm.tsx
-import { useState as useState29 } from "react";
-import { Box as Box44, Text as Text46, useInput as useInput11 } from "ink";
-import TextInput4 from "ink-text-input";
-import { Fragment as Fragment17, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
-function FieldForm({
-  title,
-  subtitle,
-  fields,
-  values,
-  onChange,
-  onSave,
-  onQuit,
-  notice,
-  busy = false,
-  footer,
-  actions = []
-}) {
-  const [active, setActive] = useState29(0);
-  const [editing, setEditing] = useState29(false);
-  const [valueBeforeEdit, setValueBeforeEdit] = useState29("");
-  const labelWidth = Math.max(...fields.map((field) => field.label.length));
-  const current = fields[active];
-  useInput11((input, key) => {
-    if (busy) return;
-    if (editing) {
-      if (key.escape) {
-        onChange(current.key, valueBeforeEdit);
-        setEditing(false);
-      }
-      return;
-    }
-    if (key.escape || input === "q") {
-      onQuit();
-      return;
-    }
-    if (input === "s") {
-      onSave();
-      return;
-    }
-    if (input === "c") {
-      onChange(current.key, "");
-      return;
-    }
-    const action = actions.find((candidate) => candidate.key === input);
-    if (action) {
-      action.run();
-      return;
-    }
-    if (key.tab || key.downArrow) {
-      setActive((i) => (i + 1) % fields.length);
-      return;
-    }
-    if (key.upArrow) {
-      setActive((i) => (i - 1 + fields.length) % fields.length);
-      return;
-    }
-    if (key.return) {
-      setValueBeforeEdit(values[current.key]);
-      setEditing(true);
-    }
-  });
-  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx55(Text46, { bold: true, children: title }),
-    subtitle && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: subtitle }),
-    /* @__PURE__ */ jsx55(Text46, { children: " " }),
-    /* @__PURE__ */ jsx55(Box44, { flexDirection: "column", children: fields.map((field, index) => {
-      const isActive = index === active;
-      const value = values[field.key];
-      const display = field.masked ? "\u2022".repeat(value.length) : value;
-      return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
-        /* @__PURE__ */ jsx55(Text46, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " }),
-        /* @__PURE__ */ jsx55(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
-        isActive && editing ? /* @__PURE__ */ jsx55(
-          TextInput4,
-          {
-            value,
-            onChange: (next) => onChange(field.key, next),
-            onSubmit: () => setEditing(false),
-            mask: field.masked ? "\u2022" : void 0
-          }
-        ) : /* @__PURE__ */ jsx55(Text46, { bold: !!display, children: display || (field.hint ? "" : /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: "(empty)" })) }),
-        field.hint && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: field.hint })
-      ] }, field.key);
-    }) }),
-    notice && /* @__PURE__ */ jsxs45(Fragment17, { children: [
-      /* @__PURE__ */ jsx55(Text46, { children: " " }),
-      /* @__PURE__ */ jsxs45(Text46, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
-        notice.kind === "success" ? "\u2713" : "\u2717",
-        " ",
-        notice.text
-      ] })
-    ] }),
-    footer,
-    /* @__PURE__ */ jsx55(Text46, { children: " " }),
-    /* @__PURE__ */ jsx55(
-      ControlHints,
-      {
-        hints: editing ? [
-          { keys: "type", label: "edit" },
-          { keys: "\u2190/\u2192", label: "move cursor" },
-          { keys: "\u23CE", label: "done" },
-          { keys: "Esc", label: "cancel edit" }
-        ] : [
-          { keys: "\u2191/\u2193", label: "move" },
-          { keys: "\u23CE", label: "edit" },
-          { keys: "c", label: "clear" },
-          { keys: "s", label: "save" },
-          ...actions.map(({ key, label }) => ({ keys: key, label })),
-          { keys: "Esc/q", label: "back without saving" }
-        ]
-      }
-    )
-  ] });
-}
-
 // packages/experience-design-system-cli/src/tui/settings/utils/v1-store.ts
 init_config();
 var readV1Store = readSettings2;
@@ -28858,9 +28742,11 @@ async function testAgent(name, binary, model) {
   }
   return [...checks, pass("prompt", `answered in ${seconds}s`)];
 }
-function statusFromChecks(name, checks) {
+function statusFromChecks(name, checks, savedBinary) {
   if (checks.length === 0) return "checking";
-  if (checks.some((check) => check.step === "path" && !check.ok)) return "not-found";
+  if (checks.some((check) => check.step === "path" && !check.ok)) {
+    return savedBinary.trim() ? "not-found" : "not-configured";
+  }
   const login = checks.find((check) => check.step === "login");
   if (login) return login.ok ? "ready" : "not-logged-in";
   const prompt = checks.find((check) => check.step === "prompt");
@@ -28868,11 +28754,49 @@ function statusFromChecks(name, checks) {
   return name === "claude" ? "ready" : "unknown";
 }
 function nextStepHint(name, status) {
-  if (status === "not-found") return INSTALL_HINTS[name];
+  if (status === "not-configured") return `${INSTALL_HINTS[name]}, or set the command path below`;
+  if (status === "not-found") return `${INSTALL_HINTS[name]}, or fix the command path`;
   if (status === "not-logged-in") return LOGIN_HINTS[name];
   if (status === "unknown") return "run a full test to confirm it is logged in";
   return "";
 }
+function resolvedPath(checks) {
+  const path5 = checks?.find((check) => check.step === "path");
+  return path5?.ok ? path5.detail : "";
+}
+function statusRows(_name, checks, savedBinary) {
+  if (!checks) return [{ label: "Command", value: "checking...", tone: "muted" }];
+  const find = (step) => checks.find((check) => check.step === step);
+  const path5 = find("path");
+  if (!path5?.ok) {
+    if (savedBinary.trim()) return [{ label: "Command", value: path5?.detail ?? "not found", tone: "bad" }];
+    return [{ label: "Command", value: "not configured (not on the PATH)", tone: "muted" }];
+  }
+  const rows = [{ label: "Command", value: path5.detail, tone: "ok" }];
+  const version = find("version");
+  if (version) {
+    rows.push({
+      label: "Version",
+      value: version.ok ? version.detail : "could not be read",
+      tone: version.ok ? "ok" : "muted"
+    });
+  }
+  const login = find("login");
+  const prompt = find("prompt");
+  if (login) {
+    rows.push({ label: "Login", value: login.detail, tone: login.ok ? "ok" : "bad" });
+  } else if (prompt) {
+    rows.push({
+      label: "Login",
+      value: prompt.ok ? "confirmed by the test" : "see the test result",
+      tone: prompt.ok ? "ok" : "bad"
+    });
+  } else {
+    rows.push({ label: "Login", value: "not checked (use Run test)", tone: "muted" });
+  }
+  if (prompt) rows.push({ label: "Test", value: prompt.detail, tone: prompt.ok ? "ok" : "bad" });
+  return rows;
+}
 async function withBinaryEnv(name, binary, run) {
   const key = `EDS_AGENT_BINARY_${name.toUpperCase()}`;
   const previous = process.env[key];
@@ -28885,57 +28809,10 @@ async function withBinaryEnv(name, binary, run) {
   }
 }
 
-// packages/experience-design-system-cli/src/tui/settings/agents/AgentStatusLine.tsx
-import { Box as Box45, Text as Text47 } from "ink";
-import { jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
-var STATUS_TEXT = {
-  checking: "checking...",
-  ready: "ready",
-  "not-found": "not found",
-  "not-logged-in": "not logged in",
-  unknown: "found, login not checked"
-};
-var STATUS_COLOR = {
-  checking: PALETTE.muted,
-  ready: PALETTE.success,
-  "not-found": PALETTE.error,
-  "not-logged-in": PALETTE.error,
-  unknown: PALETTE.muted
-};
-function AgentStatusBadge({
-  name,
-  checks
-}) {
-  const status = checks ? statusFromChecks(name, checks) : "checking";
-  return /* @__PURE__ */ jsx56(Text47, { color: STATUS_COLOR[status], children: STATUS_TEXT[status] });
-}
-function AgentChecks({
-  name,
-  checks
-}) {
-  if (!checks) {
-    return /* @__PURE__ */ jsx56(Box45, { marginTop: 1, children: /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: "Checking..." }) });
-  }
-  const status = statusFromChecks(name, checks);
-  const hint = nextStepHint(name, status);
-  return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsxs46(Text47, { bold: true, children: [
-      "Status: ",
-      /* @__PURE__ */ jsx56(Text47, { color: STATUS_COLOR[status], children: STATUS_TEXT[status] })
-    ] }),
-    checks.map((check) => /* @__PURE__ */ jsxs46(Text47, { color: check.ok ? PALETTE.success : PALETTE.muted, children: [
-      check.ok ? "\u2713" : "\xB7",
-      " ",
-      check.step,
-      ": ",
-      check.detail
-    ] }, check.step)),
-    hint && /* @__PURE__ */ jsxs46(Text47, { color: PALETTE.muted, children: [
-      "Next: ",
-      hint
-    ] })
-  ] });
-}
+// packages/experience-design-system-cli/src/tui/settings/agents/AgentDetail.tsx
+import { useEffect as useEffect22, useState as useState29 } from "react";
+import { Box as Box44, Text as Text46, useInput as useInput11 } from "ink";
+import TextInput4 from "ink-text-input";
 
 // packages/experience-design-system-cli/src/tui/settings/agents/apply-binary-overrides.ts
 var shellValues = /* @__PURE__ */ new Map();
@@ -28955,32 +28832,50 @@ function applyBinaryOverrides(config) {
   }
 }
 
-// packages/experience-design-system-cli/src/tui/settings/agents/AgentScreens.tsx
-import { Fragment as Fragment18, jsx as jsx57, jsxs as jsxs47 } from "react/jsx-runtime";
-var agentFields = (name) => [
-  { key: "binary", label: "Command path", hint: `(empty: \`${AGENT_HINTS[name]}\` from the PATH)` },
-  { key: "model", label: "Model", hint: `(empty: ${defaultModelLabel(name)})` }
-];
-var ROWS = [{ kind: "default" }, ...AGENT_NAMES.map((name) => ({ kind: "agent", name }))];
-function AgentForm({
+// packages/experience-design-system-cli/src/tui/settings/agents/AgentDetail.tsx
+import { Fragment as Fragment17, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
+var FOCUS_ORDER = ["binary", "model", "test"];
+var FIELDS2 = ["binary", "model"];
+var FIELD_LABEL = { binary: "Command path", model: "Model" };
+var LABEL_WIDTH = "Command path".length;
+var TONE_COLOR = {
+  ok: PALETTE.success,
+  bad: PALETTE.error,
+  muted: PALETTE.muted
+};
+var fieldHint = (name, field) => field === "binary" ? `(empty: \`${AGENT_HINTS[name]}\` from the PATH)` : `(empty: ${defaultModelLabel(name)})`;
+function Section2({ title, children }) {
+  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx55(Text46, { bold: true, color: PALETTE.muted, children: title }),
+    children
+  ] });
+}
+function AgentDetail({
   name,
   config,
   setConfig,
   onBack
 }) {
-  const [saving, setSaving] = useState30(false);
-  const [testing, setTesting] = useState30(false);
-  const [notice, setNotice] = useState30(null);
-  const [checks, setChecks] = useState30(void 0);
   const settings = config.agents[name];
+  const [focusIndex, setFocusIndex] = useState29(0);
+  const [editing, setEditing] = useState29(false);
+  const [valueBeforeEdit, setValueBeforeEdit] = useState29("");
+  const [saving, setSaving] = useState29(false);
+  const [testing, setTesting] = useState29(false);
+  const [notice, setNotice] = useState29(null);
+  const [checks, setChecks] = useState29(void 0);
   useEffect22(() => {
-    let current = true;
+    let active = true;
     setChecks(void 0);
-    void inspectAgent(name, settings.binary).then((result) => current && setChecks(result));
+    void inspectAgent(name, settings.binary).then((result) => active && setChecks(result));
     return () => {
-      current = false;
+      active = false;
     };
   }, [name, settings.binary]);
+  const setField = (field, value) => {
+    setConfig({ ...config, agents: { ...config.agents, [name]: { ...settings, [field]: value } } });
+    setNotice(null);
+  };
   const save = () => {
     setSaving(true);
     setNotice(null);
@@ -28991,7 +28886,7 @@ function AgentForm({
       (err) => setNotice({ kind: "error", text: err instanceof Error ? err.message : "Failed to save" })
     ).finally(() => setSaving(false));
   };
-  const runFullTest = () => {
+  const runTest = () => {
     setTesting(true);
     setNotice(null);
     setChecks(void 0);
@@ -28999,26 +28894,146 @@ function AgentForm({
       (err) => setNotice({ kind: "error", text: err instanceof Error ? err.message : "The test could not run" })
     ).finally(() => setTesting(false));
   };
-  return /* @__PURE__ */ jsx57(
-    FieldForm,
-    {
-      title: AGENT_LABELS[name],
-      subtitle: `Runs the \`${AGENT_HINTS[name]}\` command. ${config.defaultAgent === name ? "This is the default agent." : ""}`.trim(),
-      fields: agentFields(name),
-      values: { binary: settings.binary, model: settings.model },
-      onChange: (key, value) => {
-        setConfig({ ...config, agents: { ...config.agents, [name]: { ...settings, [key]: value } } });
-        setNotice(null);
-      },
-      onSave: save,
-      onQuit: onBack,
-      notice,
-      busy: saving || testing,
-      footer: /* @__PURE__ */ jsx57(AgentChecks, { name, checks }),
-      actions: [{ key: "t", label: "full test (uses a few tokens)", run: runFullTest }]
+  const focused = FOCUS_ORDER[focusIndex];
+  const focusedField = focused === "test" ? null : focused;
+  useInput11((input, key) => {
+    if (saving || testing) return;
+    if (editing) {
+      if (key.escape && focusedField) {
+        setField(focusedField, valueBeforeEdit);
+        setEditing(false);
+      }
+      return;
     }
-  );
+    if (key.escape || input === "q") {
+      onBack();
+      return;
+    }
+    if (input === "s") {
+      save();
+      return;
+    }
+    if (key.upArrow) {
+      setFocusIndex((i) => (i - 1 + FOCUS_ORDER.length) % FOCUS_ORDER.length);
+      return;
+    }
+    if (key.downArrow || key.tab) {
+      setFocusIndex((i) => (i + 1) % FOCUS_ORDER.length);
+      return;
+    }
+    if (input === "c" && focusedField) {
+      setField(focusedField, "");
+      return;
+    }
+    if (key.return) {
+      if (focusedField) {
+        setValueBeforeEdit(settings[focusedField]);
+        setEditing(true);
+      } else {
+        runTest();
+      }
+    }
+  });
+  const status = checks ? statusFromChecks(name, checks, settings.binary) : "checking";
+  const hint = nextStepHint(name, status);
+  const pointer = (isFocused) => /* @__PURE__ */ jsx55(Text46, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " });
+  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx55(Text46, { bold: true, children: AGENT_LABELS[name] }),
+    /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: config.defaultAgent === name ? "This is the default agent." : `Runs the \`${AGENT_HINTS[name]}\` command.` }),
+    /* @__PURE__ */ jsxs45(Section2, { title: "STATUS", children: [
+      statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsxs45(Box44, { gap: 1, paddingLeft: 2, children: [
+        /* @__PURE__ */ jsx55(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: row.label }) }),
+        /* @__PURE__ */ jsx55(Text46, { color: TONE_COLOR[row.tone], children: row.value })
+      ] }, row.label)),
+      hint && /* @__PURE__ */ jsx55(Box44, { paddingLeft: 2, children: /* @__PURE__ */ jsxs45(Text46, { color: PALETTE.muted, children: [
+        "Next: ",
+        hint
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx55(Section2, { title: "SETTINGS", children: FIELDS2.map((field) => {
+      const isFocused = focused === field;
+      const value = settings[field];
+      return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
+        pointer(isFocused),
+        /* @__PURE__ */ jsx55(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { bold: isFocused, color: isFocused ? PALETTE.accent : PALETTE.muted, children: FIELD_LABEL[field] }) }),
+        isFocused && editing ? /* @__PURE__ */ jsx55(
+          TextInput4,
+          {
+            value,
+            onChange: (next) => setField(field, next),
+            onSubmit: () => setEditing(false)
+          }
+        ) : /* @__PURE__ */ jsx55(Text46, { bold: true, children: value }),
+        !value && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: fieldHint(name, field) })
+      ] }, field);
+    }) }),
+    /* @__PURE__ */ jsx55(Section2, { title: "ACTIONS", children: /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
+      pointer(focused === "test"),
+      /* @__PURE__ */ jsx55(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { bold: focused === "test", color: focused === "test" ? PALETTE.accent : PALETTE.muted, children: "Run test" }) }),
+      /* @__PURE__ */ jsx55(Text46, { color: testing ? PALETTE.accent : PALETTE.muted, children: testing ? "running..." : "sends one small prompt (uses a few tokens)" })
+    ] }) }),
+    notice && /* @__PURE__ */ jsxs45(Fragment17, { children: [
+      /* @__PURE__ */ jsx55(Text46, { children: " " }),
+      /* @__PURE__ */ jsxs45(Text46, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+        notice.kind === "success" ? "\u2713" : "\u2717",
+        " ",
+        notice.text
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx55(Text46, { children: " " }),
+    /* @__PURE__ */ jsx55(
+      ControlHints,
+      {
+        hints: editing ? [
+          { keys: "type", label: "edit" },
+          { keys: "\u2190/\u2192", label: "move cursor" },
+          { keys: "\u23CE", label: "done" },
+          { keys: "Esc", label: "cancel edit" }
+        ] : [
+          { keys: "\u2191/\u2193", label: "move" },
+          { keys: "\u23CE", label: focusedField ? "edit" : "run test" },
+          ...focusedField ? [{ keys: "c", label: "clear" }] : [],
+          { keys: "s", label: "save" },
+          { keys: "Esc/q", label: "back without saving" }
+        ]
+      }
+    )
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/settings/agents/AgentStatusBadge.tsx
+import { Text as Text47 } from "ink";
+import { jsx as jsx56 } from "react/jsx-runtime";
+var STATUS_TEXT = {
+  checking: "checking...",
+  ready: "ready",
+  "not-configured": "not configured",
+  "not-found": "not found",
+  "not-logged-in": "not logged in",
+  unknown: "found, login not checked"
+};
+var STATUS_COLOR = {
+  checking: PALETTE.muted,
+  ready: PALETTE.success,
+  "not-configured": PALETTE.muted,
+  "not-found": PALETTE.error,
+  "not-logged-in": PALETTE.error,
+  unknown: PALETTE.muted
+};
+function AgentStatusBadge({
+  name,
+  checks,
+  binary
+}) {
+  const status = checks ? statusFromChecks(name, checks, binary) : "checking";
+  return /* @__PURE__ */ jsx56(Text47, { color: STATUS_COLOR[status], children: STATUS_TEXT[status] });
 }
+
+// packages/experience-design-system-cli/src/tui/settings/agents/AgentScreens.tsx
+import { Fragment as Fragment18, jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
+var ROWS = [{ kind: "default" }, ...AGENT_NAMES.map((name) => ({ kind: "agent", name }))];
+var MAX_PATH_WIDTH = 44;
+var shortenPath = (path5) => path5.length > MAX_PATH_WIDTH ? `\u2026${path5.slice(-(MAX_PATH_WIDTH - 1))}` : path5;
 function AgentsScreen({ onDone }) {
   const [config, setConfig] = useState30(null);
   const [focus, setFocus] = useState30(0);
@@ -29032,7 +29047,7 @@ function AgentsScreen({ onDone }) {
       );
     }
   };
-  useEffect22(() => {
+  useEffect23(() => {
     void readAgentConfig().then((loaded) => {
       setConfig(loaded);
       inspectAll(loaded);
@@ -29083,7 +29098,7 @@ function AgentsScreen({ onDone }) {
     }
   });
   if (!config) {
-    return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
       /* @__PURE__ */ jsx57(Text48, { bold: true, children: "Agents" }),
       /* @__PURE__ */ jsx57(Text48, { children: " " }),
       /* @__PURE__ */ jsx57(Text48, { color: PALETTE.accent, children: "Loading..." })
@@ -29091,7 +29106,7 @@ function AgentsScreen({ onDone }) {
   }
   if (open) {
     return /* @__PURE__ */ jsx57(
-      AgentForm,
+      AgentDetail,
       {
         name: open,
         config,
@@ -29106,32 +29121,32 @@ function AgentsScreen({ onDone }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+  return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx57(Text48, { bold: true, children: "Agents" }),
-    /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "The coding agent the CLI runs, and the settings for each one." }),
+    /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
     /* @__PURE__ */ jsx57(Text48, { children: " " }),
     ROWS.map((row, index) => {
       const isFocused = index === focus;
       const pointer = /* @__PURE__ */ jsx57(Text48, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " });
       if (row.kind === "default") {
-        return /* @__PURE__ */ jsx57(Box46, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
+        return /* @__PURE__ */ jsx57(Box45, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
           pointer,
           /* @__PURE__ */ jsx57(Text48, { bold: isFocused, color: isFocused ? PALETTE.accent : PALETTE.muted, children: "Default agent" }),
           /* @__PURE__ */ jsx57(Text48, { bold: true, children: `\u2039 ${AGENT_LABELS[config.defaultAgent]} \u203A` })
         ] }) }, "default");
       }
-      const model = config.agents[row.name].model;
-      return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
+      const saved = config.agents[row.name].binary;
+      return /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
         pointer,
-        /* @__PURE__ */ jsx57(Box46, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[row.name] }) }),
-        /* @__PURE__ */ jsx57(Box46, { width: 26, flexShrink: 0, children: /* @__PURE__ */ jsx57(AgentStatusBadge, { name: row.name, checks: checks[row.name] }) }),
-        /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: `model: ${model || defaultModelLabel(row.name)}` }),
+        /* @__PURE__ */ jsx57(Box45, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[row.name] }) }),
+        /* @__PURE__ */ jsx57(Box45, { width: 26, flexShrink: 0, children: /* @__PURE__ */ jsx57(AgentStatusBadge, { name: row.name, checks: checks[row.name], binary: saved }) }),
+        /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: shortenPath(resolvedPath(checks[row.name]) || saved) }),
         row.name === config.defaultAgent && /* @__PURE__ */ jsx57(Text48, { color: PALETTE.success, children: "(default)" })
       ] }, row.name);
     }),
-    notice && /* @__PURE__ */ jsxs47(Fragment18, { children: [
+    notice && /* @__PURE__ */ jsxs46(Fragment18, { children: [
       /* @__PURE__ */ jsx57(Text48, { children: " " }),
-      /* @__PURE__ */ jsxs47(Text48, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+      /* @__PURE__ */ jsxs46(Text48, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
@@ -29156,10 +29171,119 @@ function AgentsScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ProjectConfigScreen.tsx
-import { useEffect as useEffect23, useState as useState31 } from "react";
-import { Box as Box47, Text as Text49 } from "ink";
+import { useEffect as useEffect24, useState as useState32 } from "react";
+import { Box as Box47, Text as Text50 } from "ink";
 init_debug_store();
 
+// packages/experience-design-system-cli/src/tui/settings/shared/FieldForm.tsx
+import { useState as useState31 } from "react";
+import { Box as Box46, Text as Text49, useInput as useInput13 } from "ink";
+import TextInput5 from "ink-text-input";
+import { Fragment as Fragment19, jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
+function FieldForm({
+  title,
+  subtitle,
+  fields,
+  values,
+  onChange,
+  onSave,
+  onQuit,
+  notice,
+  busy = false,
+  footer
+}) {
+  const [active, setActive] = useState31(0);
+  const [editing, setEditing] = useState31(false);
+  const [valueBeforeEdit, setValueBeforeEdit] = useState31("");
+  const labelWidth = Math.max(...fields.map((field) => field.label.length));
+  const current = fields[active];
+  useInput13((input, key) => {
+    if (busy) return;
+    if (editing) {
+      if (key.escape) {
+        onChange(current.key, valueBeforeEdit);
+        setEditing(false);
+      }
+      return;
+    }
+    if (key.escape || input === "q") {
+      onQuit();
+      return;
+    }
+    if (input === "s") {
+      onSave();
+      return;
+    }
+    if (input === "c") {
+      onChange(current.key, "");
+      return;
+    }
+    if (key.tab || key.downArrow) {
+      setActive((i) => (i + 1) % fields.length);
+      return;
+    }
+    if (key.upArrow) {
+      setActive((i) => (i - 1 + fields.length) % fields.length);
+      return;
+    }
+    if (key.return) {
+      setValueBeforeEdit(values[current.key]);
+      setEditing(true);
+    }
+  });
+  return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx58(Text49, { bold: true, children: title }),
+    subtitle && /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: subtitle }),
+    /* @__PURE__ */ jsx58(Text49, { children: " " }),
+    /* @__PURE__ */ jsx58(Box46, { flexDirection: "column", children: fields.map((field, index) => {
+      const isActive = index === active;
+      const value = values[field.key];
+      const display = field.masked ? "\u2022".repeat(value.length) : value;
+      return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
+        /* @__PURE__ */ jsx58(Text49, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " }),
+        /* @__PURE__ */ jsx58(Box46, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx58(Text49, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
+        isActive && editing ? /* @__PURE__ */ jsx58(
+          TextInput5,
+          {
+            value,
+            onChange: (next) => onChange(field.key, next),
+            onSubmit: () => setEditing(false),
+            mask: field.masked ? "\u2022" : void 0
+          }
+        ) : /* @__PURE__ */ jsx58(Text49, { bold: !!display, children: display || (field.hint ? "" : /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: "(empty)" })) }),
+        field.hint && /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: field.hint })
+      ] }, field.key);
+    }) }),
+    notice && /* @__PURE__ */ jsxs47(Fragment19, { children: [
+      /* @__PURE__ */ jsx58(Text49, { children: " " }),
+      /* @__PURE__ */ jsxs47(Text49, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+        notice.kind === "success" ? "\u2713" : "\u2717",
+        " ",
+        notice.text
+      ] })
+    ] }),
+    footer,
+    /* @__PURE__ */ jsx58(Text49, { children: " " }),
+    /* @__PURE__ */ jsx58(
+      ControlHints,
+      {
+        hints: editing ? [
+          { keys: "type", label: "edit" },
+          { keys: "\u2190/\u2192", label: "move cursor" },
+          { keys: "\u23CE", label: "done" },
+          { keys: "Esc", label: "cancel edit" }
+        ] : [
+          { keys: "\u2191/\u2193", label: "move" },
+          { keys: "\u23CE", label: "edit" },
+          { keys: "c", label: "clear" },
+          { keys: "s", label: "save" },
+          { keys: "Esc/q", label: "back without saving" }
+        ]
+      }
+    )
+  ] });
+}
+
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/config-store.ts
 async function readCredentials() {
   const store = await readV1Store();
@@ -29186,8 +29310,8 @@ async function writeCredentials(config) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ProjectConfigScreen.tsx
-import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
-var FIELDS2 = [
+import { jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
+var FIELDS3 = [
   { key: "spaceId", label: "Space ID" },
   { key: "environmentId", label: "Environment ID" },
   { key: "cmaToken", label: "CMA Token", masked: true },
@@ -29207,13 +29331,13 @@ function debugFields(config) {
     contentful_base_dir: config?.contentfulBaseDir ?? ""
   };
 }
-var valuesOf = (config) => Object.fromEntries(FIELDS2.map(({ key }) => [key, config[key] || ""]));
+var valuesOf = (config) => Object.fromEntries(FIELDS3.map(({ key }) => [key, config[key] || ""]));
 function ProjectConfigScreen({ onDone }) {
-  const [config, setConfig] = useState31(null);
-  const [saving, setSaving] = useState31(false);
-  const [notice, setNotice] = useState31(null);
-  const [lastSaved, setLastSaved] = useState31(null);
-  useEffect23(() => {
+  const [config, setConfig] = useState32(null);
+  const [saving, setSaving] = useState32(false);
+  const [notice, setNotice] = useState32(null);
+  const [lastSaved, setLastSaved] = useState32(null);
+  useEffect24(() => {
     void readCredentials().then((cfg) => {
       setConfig(cfg);
       startDebugRun({
@@ -29226,9 +29350,9 @@ function ProjectConfigScreen({ onDone }) {
   }, []);
   if (!config) {
     return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx58(Text49, { bold: true, children: "Project" }),
-      /* @__PURE__ */ jsx58(Text49, { children: " " }),
-      /* @__PURE__ */ jsx58(Text49, { color: PALETTE.accent, children: "Loading..." })
+      /* @__PURE__ */ jsx59(Text50, { bold: true, children: "Project" }),
+      /* @__PURE__ */ jsx59(Text50, { children: " " }),
+      /* @__PURE__ */ jsx59(Text50, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
   const save = () => {
@@ -29248,12 +29372,12 @@ function ProjectConfigScreen({ onDone }) {
     );
     onDone();
   };
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     FieldForm,
     {
       title: "Project",
       subtitle: "The Contentful space and where the CLI keeps its files.",
-      fields: FIELDS2,
+      fields: FIELDS3,
       values: valuesOf(config),
       onChange: (key, value) => {
         setConfig({ ...config, [key]: value });
@@ -29268,7 +29392,7 @@ function ProjectConfigScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
-import { jsx as jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
 var SECTIONS = [
   {
     id: "project",
@@ -29278,10 +29402,10 @@ var SECTIONS = [
   { id: "agents", label: "Agents", description: "Which coding agent the CLI uses, and each agent\u2019s settings" }
 ];
 function ConfigurationScreen({ onDone }) {
-  const [focus, setFocus] = useState32(0);
-  const [open, setOpen] = useState32(null);
+  const [focus, setFocus] = useState33(0);
+  const [open, setOpen] = useState33(null);
   const close = () => setOpen(null);
-  useInput13((input, key) => {
+  useInput14((input, key) => {
     if (open) return;
     if (key.upArrow) {
       setFocus((i) => (i - 1 + SECTIONS.length) % SECTIONS.length);
@@ -29297,18 +29421,18 @@ function ConfigurationScreen({ onDone }) {
     }
     if (key.escape || input === "q") onDone();
   });
-  if (open === "project") return /* @__PURE__ */ jsx59(ProjectConfigScreen, { onDone: close });
-  if (open === "agents") return /* @__PURE__ */ jsx59(AgentsScreen, { onDone: close });
+  if (open === "project") return /* @__PURE__ */ jsx60(ProjectConfigScreen, { onDone: close });
+  if (open === "agents") return /* @__PURE__ */ jsx60(AgentsScreen, { onDone: close });
   return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx59(Text50, { bold: true, children: "Configuration" }),
-    /* @__PURE__ */ jsx59(Text50, { children: " " }),
+    /* @__PURE__ */ jsx60(Text51, { bold: true, children: "Configuration" }),
+    /* @__PURE__ */ jsx60(Text51, { children: " " }),
     SECTIONS.map((section, index) => /* @__PURE__ */ jsxs49(Box48, { gap: 1, children: [
-      /* @__PURE__ */ jsx59(Text50, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
-      /* @__PURE__ */ jsx59(Box48, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx59(Text50, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
-      /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: section.description })
+      /* @__PURE__ */ jsx60(Text51, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
+      /* @__PURE__ */ jsx60(Box48, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text51, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
+      /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: section.description })
     ] }, section.id)),
-    /* @__PURE__ */ jsx59(Text50, { children: " " }),
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60(Text51, { children: " " }),
+    /* @__PURE__ */ jsx60(
       ControlHints,
       {
         hints: [
@@ -29322,8 +29446,8 @@ function ConfigurationScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
-import { useEffect as useEffect24, useState as useState33 } from "react";
-import { Box as Box49, Text as Text51, useInput as useInput14 } from "ink";
+import { useEffect as useEffect25, useState as useState34 } from "react";
+import { Box as Box49, Text as Text52, useInput as useInput15 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/analytics-store.ts
 async function readAnalyticsSetting() {
@@ -29342,11 +29466,11 @@ async function writeAnalyticsSetting(setting) {
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
 init_debug_store();
-import { Fragment as Fragment19, jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx61, jsxs as jsxs50 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
-  const [loading, setLoading] = useState33(true);
-  const [enabled, setEnabled] = useState33(true);
-  useEffect24(() => {
+  const [loading, setLoading] = useState34(true);
+  const [enabled, setEnabled] = useState34(true);
+  useEffect25(() => {
     readAnalyticsSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -29358,7 +29482,7 @@ function OptInAnalyticsScreen({ onDone }) {
       });
     });
   }, []);
-  useInput14((input, key) => {
+  useInput15((input, key) => {
     if (loading) return;
     if (key.return || input === " ") {
       setEnabled((current) => {
@@ -29374,20 +29498,20 @@ function OptInAnalyticsScreen({ onDone }) {
     }
   });
   return /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx60(Text51, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
-    /* @__PURE__ */ jsx60(Text51, { children: " " }),
-    loading ? /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs50(Fragment19, { children: [
-      /* @__PURE__ */ jsxs50(Text51, { children: [
+    /* @__PURE__ */ jsx61(Text52, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
+    /* @__PURE__ */ jsx61(Text52, { children: " " }),
+    loading ? /* @__PURE__ */ jsx61(Text52, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs50(Fragment20, { children: [
+      /* @__PURE__ */ jsxs50(Text52, { children: [
         "Share anonymous usage data:",
         " ",
-        /* @__PURE__ */ jsx60(Text51, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx61(Text52, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsx60(Text51, { children: " " }),
-      /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
-      /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
+      /* @__PURE__ */ jsx61(Text52, { children: " " }),
+      /* @__PURE__ */ jsx61(Text52, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
+      /* @__PURE__ */ jsx61(Text52, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
     ] }),
-    /* @__PURE__ */ jsx60(Text51, { children: " " }),
-    /* @__PURE__ */ jsx60(
+    /* @__PURE__ */ jsx61(Text52, { children: " " }),
+    /* @__PURE__ */ jsx61(
       ControlHints,
       {
         hints: [
@@ -29400,15 +29524,15 @@ function OptInAnalyticsScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/upgrade/PageContainer.tsx
-import { useEffect as useEffect25, useState as useState34 } from "react";
-import { Box as Box50, Text as Text52, useInput as useInput15 } from "ink";
+import { useEffect as useEffect26, useState as useState35 } from "react";
+import { Box as Box50, Text as Text53, useInput as useInput16 } from "ink";
 init_version();
 init_debug_store();
-import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
 var UPGRADE_COMMANDS = ["git pull", "pnpm install", "pnpm build"];
 function UpgradeScreen({ onDone }) {
-  const [upgradeCheck, setUpgradeCheck] = useState34();
-  useEffect25(() => {
+  const [upgradeCheck, setUpgradeCheck] = useState35();
+  useEffect26(() => {
     startDebugRun({
       flow: "upgrade",
       step: "01-upgrade",
@@ -29417,7 +29541,7 @@ function UpgradeScreen({ onDone }) {
     });
     checkForUpgrade().then(setUpgradeCheck).catch(() => setUpgradeCheck({ status: "error" }));
   }, []);
-  useInput15((_input, key) => {
+  useInput16((_input, key) => {
     if (key.return) {
       void finishDebugRun({
         outputs: upgradeCheck ?? {},
@@ -29429,11 +29553,11 @@ function UpgradeScreen({ onDone }) {
     }
   });
   return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx61(Text52, { bold: true, children: "Upgrade" }),
-    /* @__PURE__ */ jsx61(Text52, { children: " " }),
+    /* @__PURE__ */ jsx62(Text53, { bold: true, children: "Upgrade" }),
+    /* @__PURE__ */ jsx62(Text53, { children: " " }),
     renderBody(upgradeCheck),
-    /* @__PURE__ */ jsx61(Text52, { children: " " }),
-    /* @__PURE__ */ jsxs51(Text52, { bold: true, color: PALETTE.accent, children: [
+    /* @__PURE__ */ jsx62(Text53, { children: " " }),
+    /* @__PURE__ */ jsxs51(Text53, { bold: true, color: PALETTE.accent, children: [
       FOCUS_MARKER,
       " Go Back"
     ] })
@@ -29441,47 +29565,47 @@ function UpgradeScreen({ onDone }) {
 }
 function renderBody(upgradeCheck) {
   if (!upgradeCheck) {
-    return /* @__PURE__ */ jsx61(Text52, { color: PALETTE.muted, children: "Checking for updates\u2026" });
+    return /* @__PURE__ */ jsx62(Text53, { color: PALETTE.muted, children: "Checking for updates\u2026" });
   }
   if (upgradeCheck.status === "error") {
-    return /* @__PURE__ */ jsx61(Text52, { color: PALETTE.warning, children: "Couldn't check for updates \u2014 check your network connection and try again." });
+    return /* @__PURE__ */ jsx62(Text53, { color: PALETTE.warning, children: "Couldn't check for updates \u2014 check your network connection and try again." });
   }
   if (upgradeCheck.status === "up-to-date") {
-    return /* @__PURE__ */ jsxs51(Text52, { color: PALETTE.success, children: [
+    return /* @__PURE__ */ jsxs51(Text53, { color: PALETTE.success, children: [
       "You're already on the latest version (v",
       upgradeCheck.current,
       ")."
     ] });
   }
   return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs51(Text52, { color: PALETTE.muted, children: [
-      /* @__PURE__ */ jsxs51(Text52, { bold: true, color: PALETTE.success, children: [
+    /* @__PURE__ */ jsxs51(Text53, { color: PALETTE.muted, children: [
+      /* @__PURE__ */ jsxs51(Text53, { bold: true, color: PALETTE.success, children: [
         "v",
         upgradeCheck.latest
       ] }),
       " ",
       "is available (you're on ",
-      /* @__PURE__ */ jsxs51(Text52, { bold: true, children: [
+      /* @__PURE__ */ jsxs51(Text53, { bold: true, children: [
         "v",
         upgradeCheck.current
       ] }),
       "). Exit this program, cd into the root of your local clone of contentful/experience-design-system-sdk-public, then run:"
     ] }),
-    /* @__PURE__ */ jsx61(Text52, { children: " " }),
-    /* @__PURE__ */ jsx61(Box50, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.border, paddingX: 1, children: UPGRADE_COMMANDS.map((cmd) => /* @__PURE__ */ jsx61(Text52, { bold: true, children: cmd }, cmd)) })
+    /* @__PURE__ */ jsx62(Text53, { children: " " }),
+    /* @__PURE__ */ jsx62(Box50, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.border, paddingX: 1, children: UPGRADE_COMMANDS.map((cmd) => /* @__PURE__ */ jsx62(Text53, { bold: true, children: cmd }, cmd)) })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
-import { useEffect as useEffect26, useState as useState35 } from "react";
-import { Box as Box51, Text as Text53, useInput as useInput16 } from "ink";
+import { useEffect as useEffect27, useState as useState36 } from "react";
+import { Box as Box51, Text as Text54, useInput as useInput17 } from "ink";
 init_debug_mode_store();
 init_debug_store();
-import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs52 } from "react/jsx-runtime";
 function DebugModeScreen({ onDone }) {
-  const [loading, setLoading] = useState35(true);
-  const [enabled, setEnabled] = useState35(true);
-  useEffect26(() => {
+  const [loading, setLoading] = useState36(true);
+  const [enabled, setEnabled] = useState36(true);
+  useEffect27(() => {
     readDebugModeSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -29493,7 +29617,7 @@ function DebugModeScreen({ onDone }) {
       });
     });
   }, []);
-  useInput16((input, key) => {
+  useInput17((input, key) => {
     if (loading) return;
     if (key.return || input === " ") {
       setEnabled((current) => {
@@ -29509,15 +29633,15 @@ function DebugModeScreen({ onDone }) {
     }
   });
   return /* @__PURE__ */ jsxs52(Box51, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx62(Text53, { bold: true, children: "Settings \u203A Debug Mode" }),
-    /* @__PURE__ */ jsx62(Text53, { children: " " }),
-    loading ? /* @__PURE__ */ jsx62(Text53, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs52(Text53, { children: [
+    /* @__PURE__ */ jsx63(Text54, { bold: true, children: "Settings \u203A Debug Mode" }),
+    /* @__PURE__ */ jsx63(Text54, { children: " " }),
+    loading ? /* @__PURE__ */ jsx63(Text54, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs52(Text54, { children: [
       "Debug logging:",
       " ",
-      /* @__PURE__ */ jsx62(Text53, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+      /* @__PURE__ */ jsx63(Text54, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
     ] }),
-    /* @__PURE__ */ jsx62(Text53, { children: " " }),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx63(Text54, { children: " " }),
+    /* @__PURE__ */ jsx63(
       ControlHints,
       {
         hints: [
@@ -29530,18 +29654,18 @@ function DebugModeScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/app.tsx
-import { Fragment as Fragment20, jsx as jsx63 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx64 } from "react/jsx-runtime";
 function App({ importOptions, inkClear }) {
-  const [screen, setScreen] = useState36("start");
-  const [importExitCode, setImportExitCode] = useState36();
+  const [screen, setScreen] = useState37("start");
+  const [importExitCode, setImportExitCode] = useState37();
   const showImportResult = importExitCode !== void 0;
-  const [projectPath, setProjectPath] = useState36();
-  const [tokensPath, setTokensPath] = useState36();
-  const [scannedFiles, setScannedFiles] = useState36();
-  const [pendingLaunch, setPendingLaunch] = useState36();
-  const [extractionRun, setExtractionRun] = useState36();
+  const [projectPath, setProjectPath] = useState37();
+  const [tokensPath, setTokensPath] = useState37();
+  const [scannedFiles, setScannedFiles] = useState37();
+  const [pendingLaunch, setPendingLaunch] = useState37();
+  const [extractionRun, setExtractionRun] = useState37();
   const extraction = useExtraction(extractionRun?.input);
-  const [scopeRun, setScopeRun] = useState36();
+  const [scopeRun, setScopeRun] = useState37();
   const scopeFlow = useScopeGateFlow(
     scopeRun && {
       sessionId: scopeRun.extraction.sessionId,
@@ -29556,12 +29680,12 @@ function App({ importOptions, inkClear }) {
       }
     }
   );
-  const [generationInput, setGenerationInput] = useState36();
+  const [generationInput, setGenerationInput] = useState37();
   const generation = useGeneration(generationInput);
-  const [flowStart, setFlowStart] = useState36();
+  const [flowStart, setFlowStart] = useState37();
   const flow = useFlow(flowStart, { beforeStepChange: inkClear });
-  const [importDefaults, setImportDefaults] = useState36();
-  useEffect27(() => {
+  const [importDefaults, setImportDefaults] = useState37();
+  useEffect28(() => {
     if (screen !== "import") {
       setImportDefaults(void 0);
       return;
@@ -29621,12 +29745,12 @@ function App({ importOptions, inkClear }) {
       }
     });
   };
-  useEffect27(() => {
+  useEffect28(() => {
     if (!extractionRun || extraction?.status !== "done" || !extraction.result.ok) return;
     setExtractionRun(void 0);
     setScopeRun({ ...extractionRun, extraction: extraction.result.extraction });
   }, [extraction, extractionRun]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!scopeRun || scopeFlow?.status !== "confirmed" || generationInput) return;
     const { extraction: produced, input, generatePromptPath } = scopeRun;
     setGenerationInput({
@@ -29644,7 +29768,7 @@ function App({ importOptions, inkClear }) {
       ...generatePromptPath ? { generatePromptPath } : {}
     });
   }, [scopeFlow, scopeRun, generationInput]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!scopeRun || generation?.status !== "done" || !generation.result.ok) return;
     const { credentialsSkipped, tokenStrategy, extraction: produced, input, generatePromptPath } = scopeRun;
     inkClear();
@@ -29687,9 +29811,9 @@ function App({ importOptions, inkClear }) {
   };
   switch (screen) {
     case "import":
-      if (showImportResult) return /* @__PURE__ */ jsx63(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
+      if (showImportResult) return /* @__PURE__ */ jsx64(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
       if (flow && flowStart) {
-        return /* @__PURE__ */ jsx63(
+        return /* @__PURE__ */ jsx64(
           FlowScreen,
           {
             state: flow.state,
@@ -29699,12 +29823,12 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      if (importDefaults === void 0) return /* @__PURE__ */ jsx63(Fragment20, {});
+      if (importDefaults === void 0) return /* @__PURE__ */ jsx64(Fragment21, {});
       if (projectPath === void 0) {
-        return /* @__PURE__ */ jsx63(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
+        return /* @__PURE__ */ jsx64(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
       }
       if (tokensPath === void 0) {
-        return /* @__PURE__ */ jsx63(
+        return /* @__PURE__ */ jsx64(
           TokenInputScreen,
           {
             initialPath: importDefaults.tokenFile,
@@ -29714,7 +29838,7 @@ function App({ importOptions, inkClear }) {
         );
       }
       if (scannedFiles === void 0) {
-        return /* @__PURE__ */ jsx63(
+        return /* @__PURE__ */ jsx64(
           PathValidationScreen,
           {
             projectPath,
@@ -29726,10 +29850,10 @@ function App({ importOptions, inkClear }) {
       }
       if (extractionRun) {
         if (extraction?.status === "done" && !extraction.result.ok) {
-          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
         }
         if (extraction?.status === "running") {
-          return /* @__PURE__ */ jsx63(
+          return /* @__PURE__ */ jsx64(
             ExtractionScreen,
             {
               progress: extraction.progress,
@@ -29738,14 +29862,14 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx63(Fragment20, {});
+        return /* @__PURE__ */ jsx64(Fragment21, {});
       }
       if (scopeRun && scopeFlow) {
         if (scopeFlow.status === "failed") {
-          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
         }
         if (scopeFlow.status === "deciding") {
-          return /* @__PURE__ */ jsx63(
+          return /* @__PURE__ */ jsx64(
             ScopeGateScreen,
             {
               components: scopeFlow.load.components,
@@ -29755,7 +29879,7 @@ function App({ importOptions, inkClear }) {
           );
         }
         if (generation?.status === "done" && !generation.result.ok) {
-          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
         }
         if (generation?.status === "running") {
           const hasRawTokens = scopeRun.input.rawTokensPath !== "";
@@ -29763,7 +29887,7 @@ function App({ importOptions, inkClear }) {
             hasRawTokens,
             mapTokensEligible: generation.progress.mapTokensEligible
           });
-          return /* @__PURE__ */ jsx63(
+          return /* @__PURE__ */ jsx64(
             GenerationScreen,
             {
               progress: generation.progress,
@@ -29775,10 +29899,10 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx63(Fragment20, {});
+        return /* @__PURE__ */ jsx64(Fragment21, {});
       }
       if (pendingLaunch?.cached) {
-        return /* @__PURE__ */ jsx63(
+        return /* @__PURE__ */ jsx64(
           TokenReuseScreen,
           {
             tokensPath: pendingLaunch.cached.tokensPath,
@@ -29789,7 +29913,7 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      return /* @__PURE__ */ jsx63(
+      return /* @__PURE__ */ jsx64(
         CredentialsScreen,
         {
           initial: importDefaults.credentials,
@@ -29798,19 +29922,19 @@ function App({ importOptions, inkClear }) {
         }
       );
     case "help":
-      return /* @__PURE__ */ jsx63(HelpScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx64(HelpScreen, { onDone: goToStart });
     case "upgrade":
-      return /* @__PURE__ */ jsx63(UpgradeScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx64(UpgradeScreen, { onDone: goToStart });
     case "settings":
-      return /* @__PURE__ */ jsx63(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
+      return /* @__PURE__ */ jsx64(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
     case "settings-configuration":
-      return /* @__PURE__ */ jsx63(ConfigurationScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx64(ConfigurationScreen, { onDone: goToSettings });
     case "settings-opt-in-analytics":
-      return /* @__PURE__ */ jsx63(OptInAnalyticsScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx64(OptInAnalyticsScreen, { onDone: goToSettings });
     case "settings-debug-mode":
-      return /* @__PURE__ */ jsx63(DebugModeScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx64(DebugModeScreen, { onDone: goToSettings });
     case "start":
-      return /* @__PURE__ */ jsx63(HomeScreen, { onNavigate: setScreen });
+      return /* @__PURE__ */ jsx64(HomeScreen, { onNavigate: setScreen });
   }
 }
 async function runApp(renderApp, importOptions) {
@@ -29818,7 +29942,7 @@ async function runApp(renderApp, importOptions) {
     instance.clear?.();
     process.stdout.write("\x1B[H\x1B[0J");
   };
-  const instance = renderApp(/* @__PURE__ */ jsx63(App, { importOptions, inkClear }));
+  const instance = renderApp(/* @__PURE__ */ jsx64(App, { importOptions, inkClear }));
   await instance.waitUntilExit();
 }
 export {