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

package/dist/app.js

@@ -8431,10 +8431,10 @@ function extractVueSlotsFromSetup(options) {
   if (!body)
     return [];
   const slotsByName = /* @__PURE__ */ new Map();
-  for (const access6 of body.getDescendantsOfKind(SyntaxKind5.PropertyAccessExpression)) {
-    if (access6.getExpression().getText() !== slotsName)
+  for (const access7 of body.getDescendantsOfKind(SyntaxKind5.PropertyAccessExpression)) {
+    if (access7.getExpression().getText() !== slotsName)
       continue;
-    const slotName = access6.getName();
+    const slotName = access7.getName();
     if (!slotsByName.has(slotName)) {
       slotsByName.set(slotName, {
         name: slotName,
@@ -14550,6 +14550,7 @@ function readTokensFromPath2(request) {
 init_agents();
 init_agent_name();
 init_models();
+init_binaries();
 init_is_agent_name();
 init_agent_supports_bedrock();
 init_check_agent_auth();
@@ -28580,11 +28581,11 @@ function SettingsScreen({
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
 import { useState as useState32 } from "react";
-import { Box as Box47, Text as Text49, useInput as useInput13 } from "ink";
+import { Box as Box48, Text as Text50, useInput as useInput13 } 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 Box45, Text as Text47, useInput as useInput12 } from "ink";
+import { Box as Box46, Text as Text48, useInput as useInput12 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/settings/shared/FieldForm.tsx
@@ -28602,7 +28603,8 @@ function FieldForm({
   onQuit,
   notice,
   busy = false,
-  footer
+  footer,
+  actions = []
 }) {
   const [active, setActive] = useState29(0);
   const [editing, setEditing] = useState29(false);
@@ -28630,6 +28632,11 @@ function FieldForm({
       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;
@@ -28689,6 +28696,7 @@ function FieldForm({
           { 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" }
         ]
       }
@@ -28719,7 +28727,7 @@ var AGENT_HINTS = {
 };
 var asString = (value) => typeof value === "string" ? value : "";
 function emptyAgents() {
-  return Object.fromEntries(AGENT_NAMES.map((name) => [name, { model: "" }]));
+  return Object.fromEntries(AGENT_NAMES.map((name) => [name, { model: "", binary: "" }]));
 }
 async function readAgentConfig() {
   const store = await readV1Store();
@@ -28730,12 +28738,15 @@ async function readAgentConfig() {
   if (saved && typeof saved === "object") {
     for (const name of AGENT_NAMES) {
       const entry = saved[name];
-      if (entry && typeof entry === "object")
-        agents[name] = { model: asString(entry["model"]) };
+      if (entry && typeof entry === "object") {
+        const fields = entry;
+        agents[name] = { model: asString(fields["model"]), binary: asString(fields["binary"]) };
+      }
     }
   }
   const legacyModel = asString(store["agentModel"]);
-  if (legacyModel && !agents[defaultAgent].model) agents[defaultAgent] = { model: legacyModel };
+  if (legacyModel && !agents[defaultAgent].model)
+    agents[defaultAgent] = { ...agents[defaultAgent], model: legacyModel };
   return { defaultAgent, agents };
 }
 async function writeAgentConfig(config) {
@@ -28744,7 +28755,8 @@ async function writeAgentConfig(config) {
   const agents = {};
   for (const name of AGENT_NAMES) {
     const model = config.agents[name].model.trim();
-    if (model) agents[name] = { model };
+    const binary = config.agents[name].binary.trim();
+    if (model || binary) agents[name] = { ...model ? { model } : {}, ...binary ? { binary } : {} };
   }
   merged["agent"] = config.defaultAgent;
   const defaultModel = agents[config.defaultAgent]?.model;
@@ -28755,10 +28767,199 @@ async function writeAgentConfig(config) {
   await writeV1Store(merged);
 }
 
+// packages/experience-design-system-cli/src/tui/settings/agents/agent-status.ts
+import { execFile as execFile2 } from "node:child_process";
+import { access as access6, constants } from "node:fs/promises";
+var VERSION_TIMEOUT_MS = 5e3;
+var PROMPT_TIMEOUT_MS = 6e4;
+var TEST_PROMPT = "Reply with the single word: ok";
+var INSTALL_HINTS = {
+  claude: "npm install -g @anthropic-ai/claude-code",
+  codex: "npm install -g @openai/codex",
+  opencode: "npm install -g opencode-ai",
+  cursor: "install Cursor\u2019s `cursor-agent` command",
+  copilot: "npm install -g @github/copilot"
+};
+var LOGIN_HINTS = {
+  claude: "run `claude login`",
+  codex: "set OPENAI_API_KEY, or sign in with a ChatGPT account",
+  opencode: "run `opencode auth`",
+  cursor: "sign in from Cursor",
+  copilot: "run `copilot` and sign in"
+};
+function effectiveBinary(name, savedBinary) {
+  return savedBinary.trim() || AGENT_BINARIES[name];
+}
+function defaultModelLabel(name) {
+  const model = DEFAULT_MODELS[name];
+  return model && model !== "Auto" ? model : "chosen by the agent";
+}
+var fail3 = (step, detail) => ({ step, ok: false, detail });
+var pass = (step, detail) => ({ step, ok: true, detail });
+function resolveOnPath(binary) {
+  if (binary.includes("/")) {
+    return access6(binary, constants.X_OK).then(
+      () => binary,
+      () => null
+    );
+  }
+  return new Promise((resolve28) => {
+    execFile2(
+      process.platform === "win32" ? "where" : "which",
+      [binary],
+      (error, stdout) => resolve28(error ? null : stdout.split("\n")[0]?.trim() ?? null)
+    );
+  });
+}
+function readVersion(binary) {
+  return new Promise((resolve28) => {
+    execFile2(binary, ["--version"], { timeout: VERSION_TIMEOUT_MS }, (error, stdout) => {
+      const line = stdout.split("\n")[0]?.trim() ?? "";
+      if (!error && line) resolve28(pass("version", line));
+      else resolve28(fail3("version", "runs, but did not report a version"));
+    });
+  });
+}
+async function inspectAgent(name, binary) {
+  const target = effectiveBinary(name, binary);
+  const found = await resolveOnPath(target);
+  if (!found) return [fail3("path", `\`${target}\` was not found or is not executable`)];
+  const checks = [pass("path", found)];
+  checks.push(await readVersion(found));
+  if (name === "claude") {
+    const auth = await withBinaryEnv(name, found, () => checkAgentAuth(name));
+    checks.push(
+      auth === "ok" ? pass("login", "logged in") : fail3("login", auth === "not-found" ? "binary not found" : `not logged in: ${LOGIN_HINTS.claude}`)
+    );
+  }
+  return checks;
+}
+async function testAgent(name, binary, model) {
+  const checks = await inspectAgent(name, binary);
+  if (!checks.every((check) => check.step === "version" || check.ok)) return checks;
+  const target = effectiveBinary(name, binary);
+  const found = await resolveOnPath(target) ?? target;
+  const started = Date.now();
+  const result = await withBinaryEnv(
+    name,
+    found,
+    () => createLocalCliAgentInvoker().invoke({
+      agent: name,
+      ...model.trim() ? { model: model.trim() } : {},
+      prompt: TEST_PROMPT,
+      timeoutMs: PROMPT_TIMEOUT_MS
+    })
+  );
+  const seconds = ((Date.now() - started) / 1e3).toFixed(1);
+  if (result.timedOut) return [...checks, fail3("prompt", `no answer within ${PROMPT_TIMEOUT_MS / 1e3}s`)];
+  if (result.exitCode !== 0) {
+    const reason = result.stderr.trim().split("\n").pop()?.slice(0, 160) || `exited with code ${result.exitCode}`;
+    return [...checks, fail3("prompt", reason)];
+  }
+  return [...checks, pass("prompt", `answered in ${seconds}s`)];
+}
+function statusFromChecks(name, checks) {
+  if (checks.length === 0) return "checking";
+  if (checks.some((check) => check.step === "path" && !check.ok)) return "not-found";
+  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");
+  if (prompt) return prompt.ok ? "ready" : "not-logged-in";
+  return name === "claude" ? "ready" : "unknown";
+}
+function nextStepHint(name, status) {
+  if (status === "not-found") return INSTALL_HINTS[name];
+  if (status === "not-logged-in") return LOGIN_HINTS[name];
+  if (status === "unknown") return "run a full test to confirm it is logged in";
+  return "";
+}
+async function withBinaryEnv(name, binary, run) {
+  const key = `EDS_AGENT_BINARY_${name.toUpperCase()}`;
+  const previous = process.env[key];
+  process.env[key] = binary;
+  try {
+    return await run();
+  } finally {
+    if (previous === void 0) delete process.env[key];
+    else process.env[key] = previous;
+  }
+}
+
+// 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/apply-binary-overrides.ts
+var shellValues = /* @__PURE__ */ new Map();
+function applyBinaryOverrides(config) {
+  for (const name of AGENT_NAMES) {
+    const key = `EDS_AGENT_BINARY_${name.toUpperCase()}`;
+    const binary = config.agents[name].binary.trim();
+    if (binary) {
+      if (!shellValues.has(key)) shellValues.set(key, process.env[key]);
+      process.env[key] = binary;
+    } else if (shellValues.has(key)) {
+      const shellValue = shellValues.get(key);
+      if (shellValue === void 0) delete process.env[key];
+      else process.env[key] = shellValue;
+      shellValues.delete(key);
+    }
+  }
+}
+
 // packages/experience-design-system-cli/src/tui/settings/agents/AgentScreens.tsx
-import { Fragment as Fragment18, jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
-var MODEL_FIELDS = [
-  { key: "model", label: "Model", hint: "(empty: the agent\u2019s own default)" }
+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({
@@ -28768,29 +28969,53 @@ function AgentForm({
   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];
+  useEffect22(() => {
+    let current = true;
+    setChecks(void 0);
+    void inspectAgent(name, settings.binary).then((result) => current && setChecks(result));
+    return () => {
+      current = false;
+    };
+  }, [name, settings.binary]);
   const save = () => {
     setSaving(true);
     setNotice(null);
-    writeAgentConfig(config).then(() => setNotice({ kind: "success", text: `${AGENT_LABELS[name]} settings saved` })).catch(
+    writeAgentConfig(config).then(() => {
+      applyBinaryOverrides(config);
+      setNotice({ kind: "success", text: `${AGENT_LABELS[name]} settings saved` });
+    }).catch(
       (err) => setNotice({ kind: "error", text: err instanceof Error ? err.message : "Failed to save" })
     ).finally(() => setSaving(false));
   };
-  return /* @__PURE__ */ jsx56(
+  const runFullTest = () => {
+    setTesting(true);
+    setNotice(null);
+    setChecks(void 0);
+    testAgent(name, settings.binary, settings.model).then(setChecks).catch(
+      (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: MODEL_FIELDS,
-      values: { model: config.agents[name].model },
-      onChange: (_key, value) => {
-        setConfig({ ...config, agents: { ...config.agents, [name]: { model: value } } });
+      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
+      busy: saving || testing,
+      footer: /* @__PURE__ */ jsx57(AgentChecks, { name, checks }),
+      actions: [{ key: "t", label: "full test (uses a few tokens)", run: runFullTest }]
     }
   );
 }
@@ -28799,9 +29024,18 @@ function AgentsScreen({ onDone }) {
   const [focus, setFocus] = useState30(0);
   const [open, setOpen] = useState30(null);
   const [notice, setNotice] = useState30(null);
+  const [checks, setChecks] = useState30({});
+  const inspectAll = (loaded) => {
+    for (const name of AGENT_NAMES) {
+      void inspectAgent(name, loaded.agents[name].binary).then(
+        (result) => setChecks((previous) => ({ ...previous, [name]: result }))
+      );
+    }
+  };
   useEffect22(() => {
     void readAgentConfig().then((loaded) => {
       setConfig(loaded);
+      inspectAll(loaded);
       startDebugRun({
         flow: "settings/agents",
         step: "01-agents",
@@ -28849,47 +29083,62 @@ function AgentsScreen({ onDone }) {
     }
   });
   if (!config) {
-    return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx56(Text47, { bold: true, children: "Agents" }),
-      /* @__PURE__ */ jsx56(Text47, { children: " " }),
-      /* @__PURE__ */ jsx56(Text47, { color: PALETTE.accent, children: "Loading..." })
+    return /* @__PURE__ */ jsxs47(Box46, { 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..." })
     ] });
   }
   if (open) {
-    return /* @__PURE__ */ jsx56(AgentForm, { name: open, config, setConfig, onBack: () => setOpen(null) });
+    return /* @__PURE__ */ jsx57(
+      AgentForm,
+      {
+        name: open,
+        config,
+        setConfig,
+        onBack: () => {
+          setOpen(null);
+          void readAgentConfig().then((saved) => {
+            setConfig(saved);
+            inspectAll(saved);
+          });
+        }
+      }
+    );
   }
-  return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx56(Text47, { bold: true, children: "Agents" }),
-    /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: "The coding agent the CLI runs, and the settings for each one." }),
-    /* @__PURE__ */ jsx56(Text47, { children: " " }),
+  return /* @__PURE__ */ jsxs47(Box46, { 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, { children: " " }),
     ROWS.map((row, index) => {
       const isFocused = index === focus;
-      const pointer = /* @__PURE__ */ jsx56(Text47, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " });
+      const pointer = /* @__PURE__ */ jsx57(Text48, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " });
       if (row.kind === "default") {
-        return /* @__PURE__ */ jsx56(Box45, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
+        return /* @__PURE__ */ jsx57(Box46, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
           pointer,
-          /* @__PURE__ */ jsx56(Text47, { bold: isFocused, color: isFocused ? PALETTE.accent : PALETTE.muted, children: "Default agent" }),
-          /* @__PURE__ */ jsx56(Text47, { bold: true, children: `\u2039 ${AGENT_LABELS[config.defaultAgent]} \u203A` })
+          /* @__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__ */ jsxs46(Box45, { gap: 1, children: [
+      return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
         pointer,
-        /* @__PURE__ */ jsx56(Box45, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text47, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[row.name] }) }),
-        /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: model ? `model: ${model}` : "model: default" }),
-        row.name === config.defaultAgent && /* @__PURE__ */ jsx56(Text47, { color: PALETTE.success, children: "(default)" })
+        /* @__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)}` }),
+        row.name === config.defaultAgent && /* @__PURE__ */ jsx57(Text48, { color: PALETTE.success, children: "(default)" })
       ] }, row.name);
     }),
-    notice && /* @__PURE__ */ jsxs46(Fragment18, { children: [
-      /* @__PURE__ */ jsx56(Text47, { children: " " }),
-      /* @__PURE__ */ jsxs46(Text47, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+    notice && /* @__PURE__ */ jsxs47(Fragment18, { children: [
+      /* @__PURE__ */ jsx57(Text48, { children: " " }),
+      /* @__PURE__ */ jsxs47(Text48, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
       ] })
     ] }),
-    /* @__PURE__ */ jsx56(Text47, { children: " " }),
-    /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx57(Text48, { children: " " }),
+    /* @__PURE__ */ jsx57(
       ControlHints,
       {
         hints: ROWS[focus].kind === "default" ? [
@@ -28908,7 +29157,7 @@ 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 Box46, Text as Text48 } from "ink";
+import { Box as Box47, Text as Text49 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/config-store.ts
@@ -28937,7 +29186,7 @@ async function writeCredentials(config) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ProjectConfigScreen.tsx
-import { jsx as jsx57, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
 var FIELDS2 = [
   { key: "spaceId", label: "Space ID" },
   { key: "environmentId", label: "Environment ID" },
@@ -28976,10 +29225,10 @@ function ProjectConfigScreen({ onDone }) {
     });
   }, []);
   if (!config) {
-    return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx57(Text48, { bold: true, children: "Project" }),
-      /* @__PURE__ */ jsx57(Text48, { children: " " }),
-      /* @__PURE__ */ jsx57(Text48, { color: PALETTE.accent, children: "Loading..." })
+    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..." })
     ] });
   }
   const save = () => {
@@ -28999,7 +29248,7 @@ function ProjectConfigScreen({ onDone }) {
     );
     onDone();
   };
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     FieldForm,
     {
       title: "Project",
@@ -29019,7 +29268,7 @@ function ProjectConfigScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
-import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
 var SECTIONS = [
   {
     id: "project",
@@ -29048,18 +29297,18 @@ function ConfigurationScreen({ onDone }) {
     }
     if (key.escape || input === "q") onDone();
   });
-  if (open === "project") return /* @__PURE__ */ jsx58(ProjectConfigScreen, { onDone: close });
-  if (open === "agents") return /* @__PURE__ */ jsx58(AgentsScreen, { onDone: close });
-  return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx58(Text49, { bold: true, children: "Configuration" }),
-    /* @__PURE__ */ jsx58(Text49, { children: " " }),
-    SECTIONS.map((section, index) => /* @__PURE__ */ jsxs48(Box47, { gap: 1, children: [
-      /* @__PURE__ */ jsx58(Text49, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
-      /* @__PURE__ */ jsx58(Box47, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx58(Text49, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
-      /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: section.description })
+  if (open === "project") return /* @__PURE__ */ jsx59(ProjectConfigScreen, { onDone: close });
+  if (open === "agents") return /* @__PURE__ */ jsx59(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: " " }),
+    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 })
     ] }, section.id)),
-    /* @__PURE__ */ jsx58(Text49, { children: " " }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(Text50, { children: " " }),
+    /* @__PURE__ */ jsx59(
       ControlHints,
       {
         hints: [
@@ -29074,7 +29323,7 @@ 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 Box48, Text as Text50, useInput as useInput14 } from "ink";
+import { Box as Box49, Text as Text51, useInput as useInput14 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/analytics-store.ts
 async function readAnalyticsSetting() {
@@ -29093,7 +29342,7 @@ 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 jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
   const [loading, setLoading] = useState33(true);
   const [enabled, setEnabled] = useState33(true);
@@ -29124,21 +29373,21 @@ function OptInAnalyticsScreen({ onDone }) {
       onDone();
     }
   });
-  return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx59(Text50, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
-    /* @__PURE__ */ jsx59(Text50, { children: " " }),
-    loading ? /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs49(Fragment19, { children: [
-      /* @__PURE__ */ jsxs49(Text50, { children: [
+  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: [
         "Share anonymous usage data:",
         " ",
-        /* @__PURE__ */ jsx59(Text50, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx60(Text51, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsx59(Text50, { children: " " }),
-      /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
-      /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
+      /* @__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__ */ jsx59(Text50, { children: " " }),
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60(Text51, { children: " " }),
+    /* @__PURE__ */ jsx60(
       ControlHints,
       {
         hints: [
@@ -29152,10 +29401,10 @@ 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 Box49, Text as Text51, useInput as useInput15 } from "ink";
+import { Box as Box50, Text as Text52, useInput as useInput15 } from "ink";
 init_version();
 init_debug_store();
-import { jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
 var UPGRADE_COMMANDS = ["git pull", "pnpm install", "pnpm build"];
 function UpgradeScreen({ onDone }) {
   const [upgradeCheck, setUpgradeCheck] = useState34();
@@ -29179,12 +29428,12 @@ function UpgradeScreen({ onDone }) {
       return;
     }
   });
-  return /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx60(Text51, { bold: true, children: "Upgrade" }),
-    /* @__PURE__ */ jsx60(Text51, { children: " " }),
+  return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx61(Text52, { bold: true, children: "Upgrade" }),
+    /* @__PURE__ */ jsx61(Text52, { children: " " }),
     renderBody(upgradeCheck),
-    /* @__PURE__ */ jsx60(Text51, { children: " " }),
-    /* @__PURE__ */ jsxs50(Text51, { bold: true, color: PALETTE.accent, children: [
+    /* @__PURE__ */ jsx61(Text52, { children: " " }),
+    /* @__PURE__ */ jsxs51(Text52, { bold: true, color: PALETTE.accent, children: [
       FOCUS_MARKER,
       " Go Back"
     ] })
@@ -29192,43 +29441,43 @@ function UpgradeScreen({ onDone }) {
 }
 function renderBody(upgradeCheck) {
   if (!upgradeCheck) {
-    return /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: "Checking for updates\u2026" });
+    return /* @__PURE__ */ jsx61(Text52, { color: PALETTE.muted, children: "Checking for updates\u2026" });
   }
   if (upgradeCheck.status === "error") {
-    return /* @__PURE__ */ jsx60(Text51, { color: PALETTE.warning, children: "Couldn't check for updates \u2014 check your network connection and try again." });
+    return /* @__PURE__ */ jsx61(Text52, { 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__ */ jsxs50(Text51, { color: PALETTE.success, children: [
+    return /* @__PURE__ */ jsxs51(Text52, { color: PALETTE.success, children: [
       "You're already on the latest version (v",
       upgradeCheck.current,
       ")."
     ] });
   }
-  return /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs50(Text51, { color: PALETTE.muted, children: [
-      /* @__PURE__ */ jsxs50(Text51, { bold: true, color: PALETTE.success, children: [
+  return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs51(Text52, { color: PALETTE.muted, children: [
+      /* @__PURE__ */ jsxs51(Text52, { bold: true, color: PALETTE.success, children: [
         "v",
         upgradeCheck.latest
       ] }),
       " ",
       "is available (you're on ",
-      /* @__PURE__ */ jsxs50(Text51, { bold: true, children: [
+      /* @__PURE__ */ jsxs51(Text52, { 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__ */ jsx60(Text51, { children: " " }),
-    /* @__PURE__ */ jsx60(Box49, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.border, paddingX: 1, children: UPGRADE_COMMANDS.map((cmd) => /* @__PURE__ */ jsx60(Text51, { bold: true, children: cmd }, cmd)) })
+    /* @__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)) })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
 import { useEffect as useEffect26, useState as useState35 } from "react";
-import { Box as Box50, Text as Text52, useInput as useInput16 } from "ink";
+import { Box as Box51, Text as Text53, useInput as useInput16 } from "ink";
 init_debug_mode_store();
 init_debug_store();
-import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
 function DebugModeScreen({ onDone }) {
   const [loading, setLoading] = useState35(true);
   const [enabled, setEnabled] = useState35(true);
@@ -29259,16 +29508,16 @@ function DebugModeScreen({ onDone }) {
       onDone();
     }
   });
-  return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx61(Text52, { bold: true, children: "Settings \u203A Debug Mode" }),
-    /* @__PURE__ */ jsx61(Text52, { children: " " }),
-    loading ? /* @__PURE__ */ jsx61(Text52, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs51(Text52, { children: [
+  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: [
       "Debug logging:",
       " ",
-      /* @__PURE__ */ jsx61(Text52, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+      /* @__PURE__ */ jsx62(Text53, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
     ] }),
-    /* @__PURE__ */ jsx61(Text52, { children: " " }),
-    /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx62(Text53, { children: " " }),
+    /* @__PURE__ */ jsx62(
       ControlHints,
       {
         hints: [
@@ -29281,7 +29530,7 @@ function DebugModeScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/app.tsx
-import { Fragment as Fragment20, jsx as jsx62 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx63 } from "react/jsx-runtime";
 function App({ importOptions, inkClear }) {
   const [screen, setScreen] = useState36("start");
   const [importExitCode, setImportExitCode] = useState36();
@@ -29438,9 +29687,9 @@ function App({ importOptions, inkClear }) {
   };
   switch (screen) {
     case "import":
-      if (showImportResult) return /* @__PURE__ */ jsx62(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
+      if (showImportResult) return /* @__PURE__ */ jsx63(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
       if (flow && flowStart) {
-        return /* @__PURE__ */ jsx62(
+        return /* @__PURE__ */ jsx63(
           FlowScreen,
           {
             state: flow.state,
@@ -29450,12 +29699,12 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      if (importDefaults === void 0) return /* @__PURE__ */ jsx62(Fragment20, {});
+      if (importDefaults === void 0) return /* @__PURE__ */ jsx63(Fragment20, {});
       if (projectPath === void 0) {
-        return /* @__PURE__ */ jsx62(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
+        return /* @__PURE__ */ jsx63(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
       }
       if (tokensPath === void 0) {
-        return /* @__PURE__ */ jsx62(
+        return /* @__PURE__ */ jsx63(
           TokenInputScreen,
           {
             initialPath: importDefaults.tokenFile,
@@ -29465,7 +29714,7 @@ function App({ importOptions, inkClear }) {
         );
       }
       if (scannedFiles === void 0) {
-        return /* @__PURE__ */ jsx62(
+        return /* @__PURE__ */ jsx63(
           PathValidationScreen,
           {
             projectPath,
@@ -29477,10 +29726,10 @@ function App({ importOptions, inkClear }) {
       }
       if (extractionRun) {
         if (extraction?.status === "done" && !extraction.result.ok) {
-          return /* @__PURE__ */ jsx62(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
         }
         if (extraction?.status === "running") {
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             ExtractionScreen,
             {
               progress: extraction.progress,
@@ -29489,14 +29738,14 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx62(Fragment20, {});
+        return /* @__PURE__ */ jsx63(Fragment20, {});
       }
       if (scopeRun && scopeFlow) {
         if (scopeFlow.status === "failed") {
-          return /* @__PURE__ */ jsx62(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
         }
         if (scopeFlow.status === "deciding") {
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             ScopeGateScreen,
             {
               components: scopeFlow.load.components,
@@ -29506,7 +29755,7 @@ function App({ importOptions, inkClear }) {
           );
         }
         if (generation?.status === "done" && !generation.result.ok) {
-          return /* @__PURE__ */ jsx62(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
         }
         if (generation?.status === "running") {
           const hasRawTokens = scopeRun.input.rawTokensPath !== "";
@@ -29514,7 +29763,7 @@ function App({ importOptions, inkClear }) {
             hasRawTokens,
             mapTokensEligible: generation.progress.mapTokensEligible
           });
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             GenerationScreen,
             {
               progress: generation.progress,
@@ -29526,10 +29775,10 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx62(Fragment20, {});
+        return /* @__PURE__ */ jsx63(Fragment20, {});
       }
       if (pendingLaunch?.cached) {
-        return /* @__PURE__ */ jsx62(
+        return /* @__PURE__ */ jsx63(
           TokenReuseScreen,
           {
             tokensPath: pendingLaunch.cached.tokensPath,
@@ -29540,7 +29789,7 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      return /* @__PURE__ */ jsx62(
+      return /* @__PURE__ */ jsx63(
         CredentialsScreen,
         {
           initial: importDefaults.credentials,
@@ -29549,19 +29798,19 @@ function App({ importOptions, inkClear }) {
         }
       );
     case "help":
-      return /* @__PURE__ */ jsx62(HelpScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx63(HelpScreen, { onDone: goToStart });
     case "upgrade":
-      return /* @__PURE__ */ jsx62(UpgradeScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx63(UpgradeScreen, { onDone: goToStart });
     case "settings":
-      return /* @__PURE__ */ jsx62(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
+      return /* @__PURE__ */ jsx63(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
     case "settings-configuration":
-      return /* @__PURE__ */ jsx62(ConfigurationScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx63(ConfigurationScreen, { onDone: goToSettings });
     case "settings-opt-in-analytics":
-      return /* @__PURE__ */ jsx62(OptInAnalyticsScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx63(OptInAnalyticsScreen, { onDone: goToSettings });
     case "settings-debug-mode":
-      return /* @__PURE__ */ jsx62(DebugModeScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx63(DebugModeScreen, { onDone: goToSettings });
     case "start":
-      return /* @__PURE__ */ jsx62(HomeScreen, { onNavigate: setScreen });
+      return /* @__PURE__ */ jsx63(HomeScreen, { onNavigate: setScreen });
   }
 }
 async function runApp(renderApp, importOptions) {
@@ -29569,7 +29818,7 @@ async function runApp(renderApp, importOptions) {
     instance.clear?.();
     process.stdout.write("\x1B[H\x1B[0J");
   };
-  const instance = renderApp(/* @__PURE__ */ jsx62(App, { importOptions, inkClear }));
+  const instance = renderApp(/* @__PURE__ */ jsx63(App, { importOptions, inkClear }));
   await instance.waitUntilExit();
 }
 export {