@contentful/experience-design-system-cli 2.42.1-dev-build-9c1908dc.0 → 2.42.1-dev-build-9a3d743e.0

package/dist/index.js

@@ -8318,8 +8318,8 @@ function getWorkspacePackageDirs(workspaceRoot) {
         continue;
       const entryPath = join5(dir, entry);
       try {
-        const stat5 = statSync2(entryPath);
-        if (stat5.isDirectory()) {
+        const stat6 = statSync2(entryPath);
+        if (stat6.isDirectory()) {
           scanDir(entryPath, depth + 1);
         }
       } catch {
@@ -11834,11 +11834,11 @@ function getPathPreferenceScore(filePath) {
   const normalized = filePath.replace(/\\/g, "/");
   const segments = normalized.split("/").filter(Boolean);
   const filename = segments.at(-1) ?? "";
-  const basename7 = filename.replace(/\.[^.]+$/, "");
+  const basename8 = filename.replace(/\.[^.]+$/, "");
   let score = 0;
   if (/^index\.[jt]sx?$/.test(filename))
     score += 100;
-  if (basename7 && segments.at(-2) === basename7)
+  if (basename8 && segments.at(-2) === basename8)
     score -= 10;
   const componentsSegmentCount = segments.filter((segment) => segment === "components").length;
   score -= componentsSegmentCount * 8;
@@ -13785,15 +13785,15 @@ import { statSync as statSync4 } from "node:fs";
 import path4 from "node:path";
 function collectFiles(root, options = {}) {
   const resolved = path4.resolve(root);
-  let stat5;
+  let stat6;
   try {
-    stat5 = statSync4(resolved);
+    stat6 = statSync4(resolved);
   } catch (err) {
     return { ok: false, failure: classifyStatError(err.code), rootPath: resolved };
   }
-  if (stat5.isFile())
+  if (stat6.isFile())
     return { ok: false, failure: "is-file", rootPath: resolved };
-  if (!stat5.isDirectory())
+  if (!stat6.isDirectory())
     return { ok: false, failure: "not-directory", rootPath: resolved };
   const result = {
     filePaths: [],
@@ -19501,6 +19501,7 @@ __export(debug_store_exports, {
   currentSessionDir: () => currentSessionDir,
   finishDebugRun: () => finishDebugRun,
   setDebugRunProgress: () => setDebugRunProgress,
+  settleDebugLogs: () => settleDebugLogs,
   startDebugRun: () => startDebugRun,
   startDebugSessionIn: () => startDebugSessionIn,
   startImportRun: () => startImportRun
@@ -19605,7 +19606,19 @@ function startDebugRun({
 function setDebugRunProgress(outputs) {
   if (pendingRun) pendingRun.progress = outputs;
 }
-async function finishDebugRun({
+function track(work) {
+  unsettled.add(work);
+  const forget = () => void unsettled.delete(work);
+  work.then(forget, forget);
+  return work;
+}
+async function settleDebugLogs() {
+  while (unsettled.size > 0) await Promise.allSettled([...unsettled]);
+}
+function finishDebugRun(args) {
+  return track(finishRun(args));
+}
+async function finishRun({
   outputs,
   status,
   exitMethod
@@ -19688,7 +19701,7 @@ ${JSON.stringify(finish.outputs, null, 2)}
 function handleCrash() {
   return finishDebugRun({ outputs: pendingRun?.progress ?? {}, status: "error", exitMethod: "crashed" });
 }
-var pendingRun, sessionDir, WAITING_LIMIT, waiting;
+var pendingRun, sessionDir, unsettled, WAITING_LIMIT, waiting;
 var init_debug_store = __esm({
   "packages/experience-design-system-cli/src/tui/debug-store.ts"() {
     "use strict";
@@ -19718,6 +19731,7 @@ var init_debug_store = __esm({
         );
       }
     });
+    unsettled = /* @__PURE__ */ new Set();
     WAITING_LIMIT = 50;
     waiting = [];
     process.once("uncaughtException", (err) => {
@@ -19860,6 +19874,118 @@ var init_controls = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/tui/zip.ts
+import { crc32, deflateRawSync } from "node:zlib";
+function dosDateTime(date) {
+  const year = Math.max(1980, date.getFullYear());
+  return {
+    day: year - 1980 << 9 | date.getMonth() + 1 << 5 | date.getDate(),
+    time: date.getHours() << 11 | date.getMinutes() << 5 | date.getSeconds() >> 1
+  };
+}
+function createZip(entries) {
+  const body = [];
+  const directory = [];
+  let offset = 0;
+  for (const entry of entries) {
+    const name = Buffer.from(entry.name, "utf8");
+    const compressed = deflateRawSync(entry.data);
+    const checksum = crc32(entry.data);
+    const { day, time } = dosDateTime(entry.modified);
+    const local = Buffer.alloc(30);
+    local.writeUInt32LE(LOCAL_HEADER, 0);
+    local.writeUInt16LE(VERSION2, 4);
+    local.writeUInt16LE(UTF8_NAMES, 6);
+    local.writeUInt16LE(DEFLATE, 8);
+    local.writeUInt16LE(time, 10);
+    local.writeUInt16LE(day, 12);
+    local.writeUInt32LE(checksum, 14);
+    local.writeUInt32LE(compressed.length, 18);
+    local.writeUInt32LE(entry.data.length, 22);
+    local.writeUInt16LE(name.length, 26);
+    body.push(local, name, compressed);
+    const central = Buffer.alloc(46);
+    central.writeUInt32LE(CENTRAL_HEADER, 0);
+    central.writeUInt16LE(VERSION2, 4);
+    central.writeUInt16LE(VERSION2, 6);
+    central.writeUInt16LE(UTF8_NAMES, 8);
+    central.writeUInt16LE(DEFLATE, 10);
+    central.writeUInt16LE(time, 12);
+    central.writeUInt16LE(day, 14);
+    central.writeUInt32LE(checksum, 16);
+    central.writeUInt32LE(compressed.length, 20);
+    central.writeUInt32LE(entry.data.length, 24);
+    central.writeUInt16LE(name.length, 28);
+    central.writeUInt32LE(offset, 42);
+    directory.push(central, name);
+    offset += local.length + name.length + compressed.length;
+  }
+  const directoryBytes = Buffer.concat(directory);
+  const end = Buffer.alloc(22);
+  end.writeUInt32LE(END_OF_ARCHIVE, 0);
+  end.writeUInt16LE(entries.length, 8);
+  end.writeUInt16LE(entries.length, 10);
+  end.writeUInt32LE(directoryBytes.length, 12);
+  end.writeUInt32LE(offset, 16);
+  return Buffer.concat([...body, directoryBytes, end]);
+}
+var LOCAL_HEADER, CENTRAL_HEADER, END_OF_ARCHIVE, VERSION2, UTF8_NAMES, DEFLATE;
+var init_zip = __esm({
+  "packages/experience-design-system-cli/src/tui/zip.ts"() {
+    "use strict";
+    LOCAL_HEADER = 67324752;
+    CENTRAL_HEADER = 33639248;
+    END_OF_ARCHIVE = 101010256;
+    VERSION2 = 20;
+    UTF8_NAMES = 2048;
+    DEFLATE = 8;
+  }
+});
+
+// packages/experience-design-system-cli/src/tui/support-bundle.ts
+import { readdir as readdir3, readFile as readFile21, stat as stat5, writeFile as writeFile8 } from "node:fs/promises";
+import { basename as basename6, join as join20, sep } from "node:path";
+async function bundleDebugLogs() {
+  const session = currentSessionDir();
+  const debugDir = currentDebugSessionDir();
+  if (!session || !debugDir) return { status: "no-logs" };
+  try {
+    await settleDebugLogs();
+    const logs = (await readdir3(debugDir, { recursive: true })).filter((file) => file.endsWith(".md")).sort();
+    if (logs.length === 0) return { status: "no-logs" };
+    const entries = await Promise.all(
+      logs.map(async (file) => {
+        const path6 = join20(debugDir, file);
+        return { name: file.split(sep).join("/"), data: await readFile21(path6), modified: (await stat5(path6)).mtime };
+      })
+    );
+    const path5 = join20(session, `${basename6(session)}-debug-logs.zip`);
+    await writeFile8(path5, createZip(entries), { mode: 384 });
+    return { status: "created", path: path5, files: entries.length };
+  } catch {
+    return { status: "failed", folder: debugDir };
+  }
+}
+function supportInstruction(bundle) {
+  switch (bundle.status) {
+    case "created":
+      return `Debug logs saved to ${bundle.path}
+Send this file to Contentful support so they can look into it.`;
+    case "no-logs":
+      return "No debug logs were recorded. To get help, turn on Debug Mode in Settings, run the import again and send the zip file it saves to Contentful support.";
+    case "failed":
+      return `Your debug logs are in ${bundle.folder}
+Zip that folder and send it to Contentful support so they can look into it.`;
+  }
+}
+var init_support_bundle = __esm({
+  "packages/experience-design-system-cli/src/tui/support-bundle.ts"() {
+    "use strict";
+    init_debug_store();
+    init_zip();
+  }
+});
+
 // packages/experience-design-system-cli/src/tui/import/shared/error-step/logic.ts
 function errorAction(input, key, available) {
   if (key.return && available.canAcknowledge) return "acknowledge";
@@ -19900,6 +20026,28 @@ var init_controls2 = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/tui/import/shared/error-step/use-support-bundle.ts
+import { useEffect as useEffect3, useState as useState3 } from "react";
+function useSupportBundle() {
+  const [bundle, setBundle] = useState3();
+  useEffect3(() => {
+    let active = true;
+    void bundleDebugLogs().then((result) => {
+      if (active) setBundle(result);
+    });
+    return () => {
+      active = false;
+    };
+  }, []);
+  return bundle;
+}
+var init_use_support_bundle = __esm({
+  "packages/experience-design-system-cli/src/tui/import/shared/error-step/use-support-bundle.ts"() {
+    "use strict";
+    init_support_bundle();
+  }
+});
+
 // packages/experience-design-system-cli/src/tui/import/shared/error-step/error-step.tsx
 import { Box as Box4, Text as Text4 } from "ink";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -19911,6 +20059,7 @@ function ErrorStep({
   onAcknowledgeBreakingChanges
 }) {
   useErrorControls({ onExit, onRetry: onRetryCredentials, onAcknowledge: onAcknowledgeBreakingChanges });
+  const bundle = useSupportBundle();
   const controls = errorControls({
     canRetry: onRetryCredentials !== void 0,
     canAcknowledge: onAcknowledgeBreakingChanges !== void 0
@@ -19922,6 +20071,7 @@ function ErrorStep({
       " failed"
     ] }),
     /* @__PURE__ */ jsx4(Text4, { color: PALETTE.error, children: message }),
+    bundle && /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: supportInstruction(bundle) }),
     /* @__PURE__ */ jsx4(Box4, { marginTop: 1, gap: 3, children: controls.map((control) => /* @__PURE__ */ jsxs4(Text4, { color: PALETTE.muted, children: [
       "[",
       control.keys,
@@ -19934,8 +20084,10 @@ var init_error_step = __esm({
   "packages/experience-design-system-cli/src/tui/import/shared/error-step/error-step.tsx"() {
     "use strict";
     init_theme();
+    init_support_bundle();
     init_controls2();
     init_logic2();
+    init_use_support_bundle();
   }
 });
 
@@ -20186,10 +20338,10 @@ var init_theme2 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/shared/running-step/use-elapsed.ts
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 function useElapsed() {
-  const [seconds2, setSeconds] = useState3(0);
-  useEffect3(() => {
+  const [seconds2, setSeconds] = useState4(0);
+  useEffect4(() => {
     const timer = setInterval(() => setSeconds((current) => current + 1), 1e3);
     return () => clearInterval(timer);
   }, []);
@@ -20272,13 +20424,13 @@ var init_shared2 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/00-preflight/screen.tsx
-import { useEffect as useEffect4, useRef, useState as useState4 } from "react";
+import { useEffect as useEffect5, useRef, useState as useState5 } from "react";
 import { Box as Box9, Text as Text9 } from "ink";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function PreflightScreen({ onChoose, onQuit }) {
-  const [focus, setFocus] = useState4(0);
+  const [focus, setFocus] = useState5(0);
   const viewed = useRef([optionAt(0)]).current;
-  useEffect4(() => {
+  useEffect5(() => {
     startDebugRun({
       flow: "import/preflight",
       step: "00-preflight",
@@ -20403,13 +20555,13 @@ var init_controls4 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx
-import { useEffect as useEffect5, useRef as useRef3, useState as useState5 } from "react";
+import { useEffect as useEffect6, useRef as useRef3, useState as useState6 } from "react";
 import { Box as Box10, Text as Text10 } from "ink";
 import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function WelcomeScreen({ mode, onContinue, onQuit, initialPath = "" }) {
-  const [projectPath, setProjectPath] = useState5(initialPath);
+  const [projectPath, setProjectPath] = useState6(initialPath);
   const visit = useRef3({ emptySubmits: 0 }).current;
-  useEffect5(() => {
+  useEffect6(() => {
     startDebugRun({
       flow: "import/welcome",
       step: "01-welcome",
@@ -20558,7 +20710,7 @@ var init_validate_path = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx
-import { useEffect as useEffect6, useRef as useRef4, useState as useState6 } from "react";
+import { useEffect as useEffect7, useRef as useRef4, useState as useState7 } from "react";
 import { Box as Box11, Text as Text11 } from "ink";
 import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function TokenInputScreen({
@@ -20567,10 +20719,10 @@ function TokenInputScreen({
   onBack,
   initialPath = ""
 }) {
-  const [tokenPath, setTokenPath] = useState6(initialPath);
-  const [failure, setFailure] = useState6(null);
+  const [tokenPath, setTokenPath] = useState7(initialPath);
+  const [failure, setFailure] = useState7(null);
   const rejected = useRef4([]).current;
-  useEffect6(() => {
+  useEffect7(() => {
     startDebugRun({
       flow: "import/token-input",
       step: "02-token-input",
@@ -20812,7 +20964,7 @@ var init_scan_files = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/screen.tsx
-import { useEffect as useEffect7, useMemo, useState as useState7 } from "react";
+import { useEffect as useEffect8, useMemo, useState as useState8 } from "react";
 import { Box as Box12, Text as Text12 } from "ink";
 import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function Row({ row }) {
@@ -20868,8 +21020,8 @@ function PathValidationScreen({
   hasTokens = true
 }) {
   const resolvedPath = useMemo(() => resolveUserPath(projectPath), [projectPath]);
-  const [scan, setScan] = useState7();
-  useEffect7(() => {
+  const [scan, setScan] = useState8();
+  useEffect8(() => {
     startDebugRun({
       flow: "import/path-validation",
       step: "03-path-validation",
@@ -20877,7 +21029,7 @@ function PathValidationScreen({
       inputs: { import_mode: mode, project_path: projectPath, resolved_path: resolvedPath }
     });
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     setScan(scanFiles(resolvedPath));
   }, [resolvedPath]);
   const phase = phaseOf(scan);
@@ -20932,7 +21084,7 @@ var init_screen4 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/shared/components/FieldForm.tsx
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 import { Box as Box13, Text as Text13, useInput as useInput10 } from "ink";
 import { Fragment, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function formLabelWidth(rows) {
@@ -20968,9 +21120,9 @@ function FieldForm({
   busy = false,
   children
 }) {
-  const [active, setActive] = useState8(0);
-  const [editing, setEditing] = useState8(false);
-  const [valueBeforeEdit, setValueBeforeEdit] = useState8("");
+  const [active, setActive] = useState9(0);
+  const [editing, setEditing] = useState9(false);
+  const [valueBeforeEdit, setValueBeforeEdit] = useState9("");
   const rowCount = fields2.length + actions.length;
   const labelWidth = formLabelWidth([...fields2, ...actions]);
   const currentField = active < fields2.length ? fields2[active] : void 0;
@@ -21254,7 +21406,7 @@ var init_validate4 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
-import { useEffect as useEffect8, useRef as useRef5, useState as useState9 } from "react";
+import { useEffect as useEffect9, useRef as useRef5, useState as useState10 } from "react";
 import { Box as Box14, Text as Text14, useInput as useInput11 } from "ink";
 import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function CredentialsScreen({
@@ -21273,16 +21425,16 @@ function CredentialsScreen({
       host: initial.host ?? ""
     })
   ).current;
-  const [values, setValues] = useState9(initialValues);
-  const [notice, setNotice] = useState9(null);
-  const [validating, setValidating] = useState9(false);
+  const [values, setValues] = useState10(initialValues);
+  const [notice, setNotice] = useState10(null);
+  const [validating, setValidating] = useState10(false);
   const prefilled = initialValues.spaceId !== "" && initialValues.cmaToken !== "";
-  const [editing, setEditing] = useState9(!prefilled);
-  const [focus, setFocus] = useState9(0);
-  const [active, setActive] = useState9(0);
-  const [beforeEdit, setBeforeEdit] = useState9(initialValues);
+  const [editing, setEditing] = useState10(!prefilled);
+  const [focus, setFocus] = useState10(0);
+  const [active, setActive] = useState10(0);
+  const [beforeEdit, setBeforeEdit] = useState10(initialValues);
   const visit = useRef5({ attempts: [], lastReason: "" }).current;
-  useEffect8(() => {
+  useEffect9(() => {
     startDebugRun({
       flow: "import/credentials",
       step: "04-credentials",
@@ -21707,15 +21859,15 @@ var init_load = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/05-token-review/screen.tsx
-import { useEffect as useEffect9, useMemo as useMemo2, useState as useState10 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo2, useState as useState11 } from "react";
 import { Box as Box15, Text as Text15, useInput as useInput12 } from "ink";
 import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function TokenReviewScreen({ tokensPath, onContinue, onQuit }) {
   const loaded = useMemo2(() => loadTokenRows(tokensPath), [tokensPath]);
   const rows = loaded.ok ? loaded.rows : [];
   const columns = useTerminalWidth();
-  const [selected, setSelected] = useState10(0);
-  useEffect9(() => {
+  const [selected, setSelected] = useState11(0);
+  useEffect10(() => {
     startDebugRun({
       flow: "import/token-review",
       step: "05-token-review",
@@ -21830,13 +21982,13 @@ var init_steps = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/find-skill-path.ts
 import { existsSync as existsSync11 } from "node:fs";
-import { dirname as dirname16, join as join20, resolve as resolve22 } from "node:path";
+import { dirname as dirname16, join as join21, resolve as resolve22 } from "node:path";
 import { fileURLToPath as fileURLToPath4 } from "node:url";
 function findSkillPath(fileName) {
   const thisDir = dirname16(fileURLToPath4(import.meta.url));
   let dir = thisDir;
   for (; ; ) {
-    const candidate = join20(dir, "skills", fileName);
+    const candidate = join21(dir, "skills", fileName);
     if (existsSync11(candidate)) return candidate;
     const parent = resolve22(dir, "..");
     if (parent === dir) {
@@ -21949,9 +22101,9 @@ var init_selection2 = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/run.ts
 import { mkdir as mkdir8 } from "node:fs/promises";
-import { join as join21, resolve as resolve24 } from "node:path";
+import { join as join22, resolve as resolve24 } from "node:path";
 async function runExtraction(input, onProgress, deps = realDeps) {
-  const outDir = input.outDir ?? join21(resolve24(input.projectPath), ".contentful");
+  const outDir = input.outDir ?? join22(resolve24(input.projectPath), ".contentful");
   let progress = initialProgress({
     hasCredentials: input.credentials !== null,
     hasRawTokens: input.rawTokensPath !== ""
@@ -22101,11 +22253,11 @@ var init_run = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-extraction.ts
-import { useEffect as useEffect10, useRef as useRef6, useState as useState11 } from "react";
+import { useEffect as useEffect11, useRef as useRef6, useState as useState12 } from "react";
 function useExtraction(input) {
-  const [state2, setState] = useState11();
+  const [state2, setState] = useState12();
   const current = useRef6();
-  useEffect10(() => {
+  useEffect11(() => {
     current.current = input;
     if (!input) {
       setState(void 0);
@@ -22195,11 +22347,11 @@ var init_run_tokens_only = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-tokens-only.ts
-import { useEffect as useEffect11, useRef as useRef7, useState as useState12 } from "react";
+import { useEffect as useEffect12, useRef as useRef7, useState as useState13 } from "react";
 function useTokensOnly(input) {
-  const [state2, setState] = useState12();
+  const [state2, setState] = useState13();
   const current = useRef7();
-  useEffect11(() => {
+  useEffect12(() => {
     current.current = input;
     if (!input) {
       setState(void 0);
@@ -22453,32 +22605,32 @@ function CounterStrip(props) {
   const labelAcc = condensed ? "Acc" : "Accepted";
   const labelRej = condensed ? "Rej" : "Rejected";
   const labelUnd = condensed ? "Und" : "Undecided";
-  const sep = condensed ? " | " : "    ";
+  const sep2 = condensed ? " | " : "    ";
   return /* @__PURE__ */ jsx23(Box20, { children: /* @__PURE__ */ jsxs20(Text20, { children: [
     /* @__PURE__ */ jsxs20(Text20, { color: PALETTE.muted, children: [
       labelGrp,
       " "
     ] }),
     /* @__PURE__ */ jsx23(Text20, { bold: true, children: counters.groups }),
-    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep }),
+    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep2 }),
     /* @__PURE__ */ jsxs20(Text20, { color: PALETTE.muted, children: [
       labelAcc,
       " "
     ] }),
     /* @__PURE__ */ jsx23(Text20, { bold: true, children: `${counters.accepted}/${counters.total}` }),
-    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep }),
+    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep2 }),
     /* @__PURE__ */ jsxs20(Text20, { color: PALETTE.muted, children: [
       labelRej,
       " "
     ] }),
     /* @__PURE__ */ jsx23(Text20, { bold: true, children: counters.rejected }),
-    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep }),
+    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep2 }),
     /* @__PURE__ */ jsxs20(Text20, { color: PALETTE.muted, children: [
       labelUnd,
       " "
     ] }),
     /* @__PURE__ */ jsx23(Text20, { bold: true, children: counters.undecided }),
-    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep })
+    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep2 })
   ] }) });
 }
 var init_CounterStrip = __esm({
@@ -23509,7 +23661,7 @@ var init_useImmediateInput = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/hooks/use-terminal-size.ts
 import { useStdout as useStdout2 } from "ink";
-import { useEffect as useEffect12, useState as useState13 } from "react";
+import { useEffect as useEffect13, useState as useState14 } from "react";
 function readTerminalSize(stdout) {
   return {
     columns: stdout?.columns ?? 80,
@@ -23518,8 +23670,8 @@ function readTerminalSize(stdout) {
 }
 function useTerminalSize() {
   const { stdout } = useStdout2();
-  const [size, setSize] = useState13(() => readTerminalSize(stdout));
-  useEffect12(() => {
+  const [size, setSize] = useState14(() => readTerminalSize(stdout));
+  useEffect13(() => {
     const updateSize = () => setSize(readTerminalSize(stdout));
     stdout?.on("resize", updateSize);
     updateSize();
@@ -24246,15 +24398,15 @@ var init_group_collapse = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/hooks/sidebar-search-state.ts
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 function useSidebarSearchState() {
-  const [searchOpen, setSearchOpen] = useState14(false);
-  const [searchQuery, setSearchQuery] = useState14("");
-  const [autocompleteCandidates, setAutocompleteCandidates] = useState14([]);
-  const [jumpFilterTarget, setJumpFilterTarget] = useState14(null);
-  const [columnOneView, setColumnOneView] = useState14("grouped");
-  const [activeFilters, setActiveFilters] = useState14(/* @__PURE__ */ new Set());
-  const [showHelp, setShowHelp] = useState14(false);
+  const [searchOpen, setSearchOpen] = useState15(false);
+  const [searchQuery, setSearchQuery] = useState15("");
+  const [autocompleteCandidates, setAutocompleteCandidates] = useState15([]);
+  const [jumpFilterTarget, setJumpFilterTarget] = useState15(null);
+  const [columnOneView, setColumnOneView] = useState15("grouped");
+  const [activeFilters, setActiveFilters] = useState15(/* @__PURE__ */ new Set());
+  const [showHelp, setShowHelp] = useState15(false);
   return {
     searchOpen,
     setSearchOpen,
@@ -24279,10 +24431,10 @@ var init_sidebar_search_state = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/hooks/useOverlayPanel.ts
-import { useCallback, useState as useState15 } from "react";
+import { useCallback, useState as useState16 } from "react";
 function useOverlayPanel(opts) {
   const { toggleKey, onClose } = opts;
-  const [isOpen, setIsOpen] = useState15(false);
+  const [isOpen, setIsOpen] = useState16(false);
   const open = useCallback(() => {
     setIsOpen(true);
   }, []);
@@ -24521,23 +24673,23 @@ var init_state = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate.ts
-import { useEffect as useEffect13, useMemo as useMemo3, useRef as useRef9, useState as useState16 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo3, useRef as useRef9, useState as useState17 } from "react";
 function useScopeGate({ components, tokenCount, tokensWidth, onConfirm, onQuit }) {
   const { columns: totalWidth, rows: terminalRows } = useTerminalSize();
   const columnPlan = useMemo3(
     () => computeColumnWidths(totalWidth, tokenCount > 0, tokensWidth),
     [totalWidth, tokenCount, tokensWidth]
   );
-  const [decisions, setDecisions] = useState16(/* @__PURE__ */ new Map());
-  const [nav, setNav] = useState16({ cursor: 0, scrollOffset: 0 });
-  const [focusedColumn, setFocusedColumn] = useState16("main");
-  const [tokensCursor, setTokensCursor] = useState16(0);
-  const [showDependencies, setShowDependencies] = useState16(false);
-  const [cyclesPanelOpen, setCyclesPanelOpen] = useState16(false);
-  const [cyclesCursor, setCyclesCursor] = useState16(0);
+  const [decisions, setDecisions] = useState17(/* @__PURE__ */ new Map());
+  const [nav, setNav] = useState17({ cursor: 0, scrollOffset: 0 });
+  const [focusedColumn, setFocusedColumn] = useState17("main");
+  const [tokensCursor, setTokensCursor] = useState17(0);
+  const [showDependencies, setShowDependencies] = useState17(false);
+  const [cyclesPanelOpen, setCyclesPanelOpen] = useState17(false);
+  const [cyclesCursor, setCyclesCursor] = useState17(0);
   const aiRationalePanel = useOverlayPanel({ toggleKey: "x" });
-  const [aiCursor, setAiCursor] = useState16(0);
-  const [pendingRejectCascade, setPendingRejectCascade] = useState16(null);
+  const [aiCursor, setAiCursor] = useState17(0);
+  const [pendingRejectCascade, setPendingRejectCascade] = useState17(null);
   const search = useSidebarSearchState();
   const {
     searchOpen,
@@ -24562,13 +24714,13 @@ function useScopeGate({ components, tokenCount, tokensWidth, onConfirm, onQuit }
     () => slotCycles.map((c2, i) => ({ cycleIndex: i, jumpTarget: c2.path[0] })),
     [slotCycles]
   );
-  const [expandedGroups, setExpandedGroups] = useState16(() => {
+  const [expandedGroups, setExpandedGroups] = useState17(() => {
     const seed = new Set(closures.keys());
     for (const p of cycleParticipants) seed.add(p);
     return seed;
   });
   const seededGroupsRef = useRef9(closures.size > 0 || cycleParticipants.size > 0);
-  useEffect13(() => {
+  useEffect14(() => {
     if (seededGroupsRef.current) return;
     if (closures.size === 0 && cycleParticipants.size === 0) return;
     seededGroupsRef.current = true;
@@ -24659,7 +24811,7 @@ function useScopeGate({ components, tokenCount, tokensWidth, onConfirm, onQuit }
     entryCount: 0
   });
   const panelLayout = useMemo3(() => computePanelLayout(visibleCount), [visibleCount]);
-  useEffect13(() => {
+  useEffect14(() => {
     setNav((prev) => {
       const maxIdx = Math.max(0, visibleRows.length - 1);
       const nextCursor = Math.min(prev.cursor, maxIdx);
@@ -25004,7 +25156,7 @@ var init_use_scope_gate = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx
-import { useEffect as useEffect14, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo4 } from "react";
 import { Box as Box25, Text as Text26 } from "ink";
 import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function ScopeGateScreen({
@@ -25018,7 +25170,7 @@ function ScopeGateScreen({
     return loaded?.ok ? loaded.rows : [];
   }, [tokensPath]);
   const longest = useMemo4(() => longestEntries(tokens), [tokens]);
-  useEffect14(() => {
+  useEffect15(() => {
     startDebugRun({
       flow: "import/scope-gate",
       step: "07-scope-gate",
@@ -25251,13 +25403,13 @@ var init_load2 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate-flow.ts
-import { useEffect as useEffect15, useMemo as useMemo5, useRef as useRef10, useState as useState17 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo5, useRef as useRef10, useState as useState18 } from "react";
 function useScopeGateFlow(input, deps = realDeps3) {
   const sessionId = input?.sessionId;
   const loaded = useMemo5(() => sessionId ? deps.load(sessionId) : void 0, [sessionId]);
   const cacheCheck = useRef10(void 0);
-  const [confirmed, setConfirmed] = useState17();
-  useEffect15(() => {
+  const [confirmed, setConfirmed] = useState18();
+  useEffect16(() => {
     if (!sessionId || !loaded || loaded.ok) return;
     startDebugRun({
       flow: "import/scope-gate",
@@ -25271,7 +25423,7 @@ function useScopeGateFlow(input, deps = realDeps3) {
       exitMethod: "discarded"
     });
   }, [sessionId, loaded]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!input || !loaded?.ok || cacheCheck.current) return;
     cacheCheck.current = deps.checkCache(input.cache);
   }, [input, loaded]);
@@ -25597,11 +25749,11 @@ var init_run2 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/use-generation.ts
-import { useEffect as useEffect16, useRef as useRef11, useState as useState18 } from "react";
+import { useEffect as useEffect17, useRef as useRef11, useState as useState19 } from "react";
 function useGeneration(input) {
-  const [state2, setState] = useState18();
+  const [state2, setState] = useState19();
   const current = useRef11();
-  useEffect16(() => {
+  useEffect17(() => {
     current.current = input;
     if (!input) {
       setState(void 0);
@@ -25646,7 +25798,7 @@ var init_use_generation = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/build-flow-start.ts
-import { join as join22 } from "node:path";
+import { join as join23 } from "node:path";
 function buildFlowStart(input) {
   const { extraction, handoff, saved, generatePromptPath, tokensOnly } = input;
   const credentials = extraction.credentials ?? {
@@ -25659,7 +25811,7 @@ function buildFlowStart(input) {
     handoff,
     agent: extraction.agent,
     projectPath: extraction.projectPath,
-    outDir: extraction.projectPath ? join22(extraction.projectPath, ".contentful") : "",
+    outDir: extraction.projectPath ? join23(extraction.projectPath, ".contentful") : "",
     rawTokensPath: extraction.rawTokensPath,
     credentials: {
       spaceId: credentials.spaceId,
@@ -26691,7 +26843,7 @@ var init_scroll_offset = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx
-import React13, { useEffect as useEffect17, useLayoutEffect as useLayoutEffect2, useState as useState19 } from "react";
+import React13, { useEffect as useEffect18, useLayoutEffect as useLayoutEffect2, useState as useState20 } from "react";
 import figures6 from "figures";
 import { Box as Box26, measureElement, Text as Text27 } from "ink";
 import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
@@ -27368,11 +27520,11 @@ function FieldEditor({
   headerHeight = 2
 }) {
   const { state: initialState, error: parseError } = parseToState(value);
-  const [editorState, setEditorState] = useState19(initialState);
-  const [parseErr] = useState19(parseError);
-  const [listScrollStart, setListScrollStart] = useState19(0);
+  const [editorState, setEditorState] = useState20(initialState);
+  const [parseErr] = useState20(parseError);
+  const [listScrollStart, setListScrollStart] = useState20(0);
   const initialFocusScrollApplied = React13.useRef(false);
-  const [rowHeights, setRowHeights] = useState19({});
+  const [rowHeights, setRowHeights] = useState20({});
   const rowMeasureRefs = React13.useRef(/* @__PURE__ */ new Map());
   const initialFocus = (() => {
     if (initialFocusTarget?.kind === "description") {
@@ -27440,25 +27592,25 @@ function FieldEditor({
       textCursor: 0
     };
   })();
-  const [focusLevel, setFocusLevel] = useState19(initialFocus.focusLevel);
-  const [propIdx, setPropIdx] = useState19(initialFocus.propIdx);
-  const [slotIdx, setSlotIdx] = useState19(initialFocus.slotIdx);
-  const [inSlots, setInSlots] = useState19(initialFocus.inSlots);
-  const [inComponentDesc, setInComponentDesc] = useState19(initialFocus.focusLevel === "componentDescription");
-  const [activeField, setActiveField] = useState19(initialFocus.activeField);
-  const [editingField, setEditingField] = useState19(false);
-  const [textCursor, setTextCursor] = useState19(initialFocus.textCursor);
-  const [valueCursor, setValueCursor] = useState19(0);
-  const [editingValue, setEditingValue] = useState19(null);
-  const [valueText, setValueText] = useState19("");
-  const [pickerCursor, setPickerCursor] = useState19(0);
-  const [validationError, setValidationError] = useState19(null);
-  const [cursorVisible] = useState19(true);
-  const [sourceOpen, setSourceOpen] = useState19(false);
-  const [rationaleOpen, setRationaleOpen] = useState19(false);
-  const [rationaleScrollOffset, setRationaleScrollOffset] = useState19(0);
-  const [showHelp, setShowHelp] = useState19(false);
-  const [pendingDelete, setPendingDelete] = useState19(null);
+  const [focusLevel, setFocusLevel] = useState20(initialFocus.focusLevel);
+  const [propIdx, setPropIdx] = useState20(initialFocus.propIdx);
+  const [slotIdx, setSlotIdx] = useState20(initialFocus.slotIdx);
+  const [inSlots, setInSlots] = useState20(initialFocus.inSlots);
+  const [inComponentDesc, setInComponentDesc] = useState20(initialFocus.focusLevel === "componentDescription");
+  const [activeField, setActiveField] = useState20(initialFocus.activeField);
+  const [editingField, setEditingField] = useState20(false);
+  const [textCursor, setTextCursor] = useState20(initialFocus.textCursor);
+  const [valueCursor, setValueCursor] = useState20(0);
+  const [editingValue, setEditingValue] = useState20(null);
+  const [valueText, setValueText] = useState20("");
+  const [pickerCursor, setPickerCursor] = useState20(0);
+  const [validationError, setValidationError] = useState20(null);
+  const [cursorVisible] = useState20(true);
+  const [sourceOpen, setSourceOpen] = useState20(false);
+  const [rationaleOpen, setRationaleOpen] = useState20(false);
+  const [rationaleScrollOffset, setRationaleScrollOffset] = useState20(0);
+  const [showHelp, setShowHelp] = useState20(false);
+  const [pendingDelete, setPendingDelete] = useState20(null);
   const props = editorState.props;
   const slots = editorState.slots;
   const contentPropIndexes = React13.useMemo(
@@ -28218,7 +28370,7 @@ function FieldEditor({
     }
     return Math.max(start + 1, end2);
   };
-  useEffect17(() => {
+  useEffect18(() => {
     if (focusLevel === "field" || selectedRowIdx < 0) return;
     setListScrollStart((previous) => {
       if (initialFocusTarget && !initialFocusScrollApplied.current) {
@@ -29613,7 +29765,7 @@ var init_FinalizeDialog = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-finalize-preview.ts
-import { useEffect as useEffect18, useRef as useRef12, useState as useState20 } from "react";
+import { useEffect as useEffect19, useRef as useRef12, useState as useState21 } from "react";
 function useReviewFinalizePreview({
   components,
   ...options
@@ -29625,12 +29777,12 @@ function useReviewFinalizePreview({
 }
 function useFinalizePreview(opts) {
   const { open, extractSessionId, tokensPath, spaceId, environmentId, cmaToken, host, acceptedKeys } = opts;
-  const [status, setStatus] = useState20("idle");
-  const [removed, setRemoved] = useState20([]);
-  const [scrollOffset, setScrollOffset] = useState20(0);
+  const [status, setStatus] = useState21("idle");
+  const [removed, setRemoved] = useState21([]);
+  const [scrollOffset, setScrollOffset] = useState21(0);
   const generationRef = useRef12(0);
   const acceptedKey = [...acceptedKeys].sort().join("\0");
-  useEffect18(() => {
+  useEffect19(() => {
     if (!open) {
       setStatus("idle");
       setRemoved([]);
@@ -29682,16 +29834,16 @@ var init_use_finalize_preview = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-session.ts
-import { useCallback as useCallback2, useEffect as useEffect19, useRef as useRef13, useState as useState21 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect20, useRef as useRef13, useState as useState22 } from "react";
 function useReviewSession({
   loadSession,
   tokensPath,
   onExtraLoaded
 }) {
-  const [components, setComponents] = useState21([]);
-  const [loading, setLoading] = useState21(true);
-  const [loadError, setLoadError] = useState21(null);
-  const [availableTokens, setAvailableTokens] = useState21([]);
+  const [components, setComponents] = useState22([]);
+  const [loading, setLoading] = useState22(true);
+  const [loadError, setLoadError] = useState22(null);
+  const [availableTokens, setAvailableTokens] = useState22([]);
   const loadInitialState = useCallback2(async () => {
     const result = loadSession();
     if (result.error || !tokensPath) return { result, catalog: result.tokens };
@@ -29701,7 +29853,7 @@ function useReviewSession({
     }));
     return { result, catalog };
   }, [loadSession, tokensPath]);
-  useEffect19(() => {
+  useEffect20(() => {
     let disposed = false;
     void (async () => {
       try {
@@ -29752,9 +29904,9 @@ function useReviewSession({
   };
 }
 function useReviewMetadata({ components, selectedIdx, extractSessionId }) {
-  const [reviewMetadata, setReviewMetadata] = useState21(null);
-  const [componentRationale, setComponentRationale] = useState21(null);
-  useEffect19(() => {
+  const [reviewMetadata, setReviewMetadata] = useState22(null);
+  const [componentRationale, setComponentRationale] = useState22(null);
+  useEffect20(() => {
     const current = components[selectedIdx];
     if (!current) {
       setReviewMetadata(null);
@@ -29792,7 +29944,7 @@ function useReviewHistory({
 }) {
   const historyRef = useRef13(null);
   const historySeededRef = useRef13(false);
-  useEffect19(() => {
+  useEffect20(() => {
     if (loading || historySeededRef.current) return;
     historySeededRef.current = true;
     historyRef.current = createHistoryStack(createSnapshot(components));
@@ -29879,7 +30031,7 @@ var init_token_suggestions = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-editor.ts
-import { useEffect as useEffect20, useRef as useRef14, useState as useState22 } from "react";
+import { useEffect as useEffect21, useRef as useRef14, useState as useState23 } from "react";
 function parseReviewEntry(draftValue) {
   const parsed = JSON.parse(draftValue);
   const keys = Object.keys(parsed);
@@ -29899,21 +30051,21 @@ function useReviewEditor({
   onEditSaved,
   onTokenSaved
 }) {
-  const [panelOpen, setPanelOpen] = useState22("none");
-  const [panelScrollOffset, setPanelScrollOffset] = useState22(0);
-  const [jsonScrollOffset, setJsonScrollOffset] = useState22(0);
-  const [textEntryActive, setTextEntryActive] = useState22(false);
-  const [showJson, setShowJson] = useState22(false);
-  const [showHiddenProps, setShowHiddenProps] = useState22(false);
-  const [draftValue, setDraftValue] = useState22("");
-  const [saveError, setSaveError] = useState22(null);
-  const [tokenReviewRow, setTokenReviewRow] = useState22(0);
-  const [tokenReviewEditing, setTokenReviewEditing] = useState22(false);
-  const [tokenReviewEditCursor, setTokenReviewEditCursor] = useState22(0);
-  const [tokenReviewEditSelection, setTokenReviewEditSelection] = useState22(/* @__PURE__ */ new Set());
+  const [panelOpen, setPanelOpen] = useState23("none");
+  const [panelScrollOffset, setPanelScrollOffset] = useState23(0);
+  const [jsonScrollOffset, setJsonScrollOffset] = useState23(0);
+  const [textEntryActive, setTextEntryActive] = useState23(false);
+  const [showJson, setShowJson] = useState23(false);
+  const [showHiddenProps, setShowHiddenProps] = useState23(false);
+  const [draftValue, setDraftValue] = useState23("");
+  const [saveError, setSaveError] = useState23(null);
+  const [tokenReviewRow, setTokenReviewRow] = useState23(0);
+  const [tokenReviewEditing, setTokenReviewEditing] = useState23(false);
+  const [tokenReviewEditCursor, setTokenReviewEditCursor] = useState23(0);
+  const [tokenReviewEditSelection, setTokenReviewEditSelection] = useState23(/* @__PURE__ */ new Set());
   const tokenReviewSuggestedRef = useRef14(/* @__PURE__ */ new Map());
   const pendingGRef = useRef14(false);
-  useEffect20(() => {
+  useEffect21(() => {
     setTokenReviewRow(0);
     setTokenReviewEditing(false);
     setTokenReviewEditCursor(0);
@@ -30033,12 +30185,12 @@ var init_use_review_editor = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-surface-state.ts
-import { useState as useState23 } from "react";
+import { useState as useState24 } from "react";
 function useReviewSurfaceState(initialFinalizeError = null) {
-  const [sidebarFocused, setSidebarFocused] = useState23(true);
-  const [showFinalize, setShowFinalize] = useState23(false);
-  const [showQuit, setShowQuit] = useState23(false);
-  const [finalizeError, setFinalizeError] = useState23(initialFinalizeError);
+  const [sidebarFocused, setSidebarFocused] = useState24(true);
+  const [showFinalize, setShowFinalize] = useState24(false);
+  const [showQuit, setShowQuit] = useState24(false);
+  const [finalizeError, setFinalizeError] = useState24(initialFinalizeError);
   return {
     sidebarFocused,
     setSidebarFocused,
@@ -30395,24 +30547,24 @@ var init_preview_annotations = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-live-preview.ts
-import { useCallback as useCallback3, useEffect as useEffect21, useRef as useRef15, useState as useState24 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect22, useRef as useRef15, useState as useState25 } from "react";
 function useLivePreview(opts) {
   const debounceMs = opts.debounceMs ?? DEFAULT_DEBOUNCE_MS;
-  const [status, setStatus] = useState24("idle");
-  const [disabled, setDisabled] = useState24(false);
+  const [status, setStatus] = useState25("idle");
+  const [disabled, setDisabled] = useState25(false);
   const timerRef = useRef15(null);
   const generationRef = useRef15(0);
   const latestRef = useRef15(0);
   const inflightRef = useRef15(0);
   const optsRef = useRef15(opts);
-  useEffect21(() => {
+  useEffect22(() => {
     optsRef.current = opts;
   });
   const disabledRef = useRef15(disabled);
-  useEffect21(() => {
+  useEffect22(() => {
     disabledRef.current = disabled;
   }, [disabled]);
-  useEffect21(() => {
+  useEffect22(() => {
     return () => {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
@@ -30493,7 +30645,7 @@ var init_use_live_preview = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-preview.ts
-import { useCallback as useCallback4, useEffect as useEffect22, useState as useState25 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect23, useState as useState26 } from "react";
 function useReviewPreview({
   components,
   loading,
@@ -30507,8 +30659,8 @@ function useReviewPreview({
   deleteAllComponents,
   onResult
 }) {
-  const [previewAnnotations, setPreviewAnnotations] = useState25(/* @__PURE__ */ new Map());
-  const [removedComponents, setRemovedComponents] = useState25([]);
+  const [previewAnnotations, setPreviewAnnotations] = useState26(/* @__PURE__ */ new Map());
+  const [removedComponents, setRemovedComponents] = useState26([]);
   const handleResult = useCallback4(
     (response) => {
       if (!response) return;
@@ -30534,14 +30686,14 @@ function useReviewPreview({
     onResult: handleResult,
     deleteAllComponents
   });
-  const [spinnerTick, setSpinnerTick] = useState25(0);
-  useEffect22(() => {
+  const [spinnerTick, setSpinnerTick] = useState26(0);
+  useEffect23(() => {
     if (livePreviewHook.status !== "running") return;
     const id = setInterval(() => setSpinnerTick((tick) => tick + 1), 80);
     return () => clearInterval(id);
   }, [livePreviewHook.status]);
   const livePreviewSpinner = SPINNER_FRAMES[spinnerTick % SPINNER_FRAMES.length];
-  useEffect22(() => {
+  useEffect23(() => {
     if (loading) return;
     if (!livePreview) return;
     if (components.length === 0) return;
@@ -30626,7 +30778,7 @@ var init_review_log = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-log.ts
-import { useEffect as useEffect23, useRef as useRef16 } from "react";
+import { useEffect as useEffect24, useRef as useRef16 } from "react";
 function useReviewLog({
   loading,
   loadError,
@@ -30636,7 +30788,7 @@ function useReviewLog({
   const started = useRef16(false);
   const latest = useRef16(components);
   latest.current = components;
-  useEffect23(() => {
+  useEffect24(() => {
     if (loading || started.current) return;
     started.current = true;
     startDebugRun({ ...REVIEW_RUN, inputs: reviewInputs(components) });
@@ -30651,7 +30803,7 @@ function useReviewLog({
     trail.current = openReviewTrail(components, Date.now());
     setDebugRunProgress(reviewProgress(trail.current, components, Date.now()));
   }, [loading, loadError, components]);
-  useEffect23(
+  useEffect24(
     () => () => {
       const open = trail.current;
       trail.current = void 0;
@@ -30719,7 +30871,7 @@ var init_LivePreviewSummary = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/generate-review-step.tsx
-import { useCallback as useCallback5, useEffect as useEffect24, useMemo as useMemo6, useRef as useRef17, useState as useState26 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect25, useMemo as useMemo6, useRef as useRef17, useState as useState27 } from "react";
 import figures8 from "figures";
 import { Box as Box38, Text as Text40 } from "ink";
 import { Fragment as Fragment14, jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
@@ -30884,7 +31036,7 @@ function GenerateReviewStepView({
   initialFinalizeError = null
 }) {
   const { columns: terminalWidth, rows: terminalRows } = useTerminalSize();
-  const [slotCycles, setSlotCycles] = useState26([]);
+  const [slotCycles, setSlotCycles] = useState27([]);
   const setLoadedSlotCycles = useCallback5((cycles) => {
     setSlotCycles(cycles ?? []);
   }, []);
@@ -30917,7 +31069,7 @@ function GenerateReviewStepView({
     onExtraLoaded: setLoadedSlotCycles
   });
   const reviewLog = useReviewLog({ loading, loadError, components });
-  const [nav, setNav] = useState26({
+  const [nav, setNav] = useState27({
     cursorRowIdx: 0,
     sidebarScrollOffset: 0
   });
@@ -30933,10 +31085,10 @@ function GenerateReviewStepView({
     finalizeError,
     setFinalizeError
   } = reviewSurface;
-  const [removedBannerCollapsed, setRemovedBannerCollapsed] = useState26(false);
+  const [removedBannerCollapsed, setRemovedBannerCollapsed] = useState27(false);
   const removedBannerDefaultedRef = useRef17(false);
-  const [cyclePanelScroll, setCyclePanelScroll] = useState26(0);
-  const [cyclesCursor, setCyclesCursor] = useState26(0);
+  const [cyclePanelScroll, setCyclePanelScroll] = useState27(0);
+  const [cyclesCursor, setCyclesCursor] = useState27(0);
   const cyclePanel = useOverlayPanel({
     toggleKey: "c",
     onClose: () => {
@@ -30951,9 +31103,9 @@ function GenerateReviewStepView({
       setBreakConfirm(false);
     }
   });
-  const [breakCursor, setBreakCursor] = useState26(0);
-  const [breakConfirm, setBreakConfirm] = useState26(false);
-  const [expandedGroups, setExpandedGroups] = useState26(/* @__PURE__ */ new Set());
+  const [breakCursor, setBreakCursor] = useState27(0);
+  const [breakConfirm, setBreakConfirm] = useState27(false);
+  const [expandedGroups, setExpandedGroups] = useState27(/* @__PURE__ */ new Set());
   const seededGroupsRef = useRef17(false);
   const {
     searchOpen,
@@ -30972,14 +31124,14 @@ function GenerateReviewStepView({
     setShowHelp
   } = useSidebarSearchState();
   const breakingPanel = useOverlayPanel({ toggleKey: "b", onClose: () => setBreakingDetailOpen(false) });
-  const [breakingChanges, setBreakingChanges] = useState26([]);
-  const [breakingCursor, setBreakingCursor] = useState26(0);
-  const [breakingDetailOpen, setBreakingDetailOpen] = useState26(false);
-  const [pendingEditorFocus, setPendingEditorFocus] = useState26(null);
-  const [autoRejected, setAutoRejected] = useState26([]);
-  const [undoSnapshot, setUndoSnapshot] = useState26(null);
+  const [breakingChanges, setBreakingChanges] = useState27([]);
+  const [breakingCursor, setBreakingCursor] = useState27(0);
+  const [breakingDetailOpen, setBreakingDetailOpen] = useState27(false);
+  const [pendingEditorFocus, setPendingEditorFocus] = useState27(null);
+  const [autoRejected, setAutoRejected] = useState27([]);
+  const [undoSnapshot, setUndoSnapshot] = useState27(null);
   const autoRejectFiredRef = useRef17(false);
-  const [showReloadDialog, setShowReloadDialog] = useState26(false);
+  const [showReloadDialog, setShowReloadDialog] = useState27(false);
   const acceptedCountForPreview = components.filter((c2) => c2.status === "accepted").length;
   const { previewAnnotations, removedComponents, livePreviewHook, livePreviewSpinner } = useReviewPreview({
     components,
@@ -31044,7 +31196,7 @@ function GenerateReviewStepView({
     [components]
   );
   const closures = useMemo6(() => computeAllClosures(componentGraph), [componentGraph]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (seededGroupsRef.current) return;
     if (closures.size === 0 && slotCycles.length === 0) return;
     seededGroupsRef.current = true;
@@ -31071,7 +31223,7 @@ function GenerateReviewStepView({
       suggestedBreak: cycle.edges.length > 0 ? suggestCycleBreakEdge2(cycle, cycleView.pushBlocking) : null
     }));
   }, [slotCycles, cycleView]);
-  useEffect24(() => {
+  useEffect25(() => {
     const decision = computeAutoRejectDecision({
       loading,
       autoRejectFired: autoRejectFiredRef.current,
@@ -31116,7 +31268,7 @@ function GenerateReviewStepView({
     onAction: reviewLog.record
   });
   const autoRejectPushedRef = useRef17(false);
-  useEffect24(() => {
+  useEffect25(() => {
     if (loading) return;
     if (!historySeededRef.current) return;
     if (!autoRejectFiredRef.current) return;
@@ -31200,7 +31352,7 @@ function GenerateReviewStepView({
   const panelHeight = leftPanelHeight + 2;
   const panelContentHeight = Math.max(1, panelHeight - 3);
   const cycleViewportHeight = Math.max(1, panelHeight - 4);
-  useEffect24(() => {
+  useEffect25(() => {
     if (selectableRowPositions.length === 0) return;
     const cursorInRange = selectableRowPositions.includes(cursorRowIdx);
     const maxScroll = Math.max(0, visibleRowsMemo.length - visibleCount);
@@ -32283,10 +32435,10 @@ var init_path_utils = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-blinking-cursor.ts
-import { useEffect as useEffect25, useState as useState27 } from "react";
+import { useEffect as useEffect26, useState as useState28 } from "react";
 function useBlinkingCursor() {
-  const [visible, setVisible] = useState27(true);
-  useEffect25(() => {
+  const [visible, setVisible] = useState28(true);
+  useEffect26(() => {
     const interval = setInterval(() => setVisible((current) => !current), 500);
     return () => clearInterval(interval);
   }, []);
@@ -32299,16 +32451,16 @@ var init_use_blinking_cursor = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PathPrompt.tsx
-import { useState as useState28 } from "react";
+import { useState as useState29 } from "react";
 import { Box as Box42, Text as Text44 } from "ink";
 import { readdirSync as readdirSync4 } from "node:fs";
-import { dirname as dirname17, basename as basename6, join as join23 } from "node:path";
+import { dirname as dirname17, basename as basename7, join as join24 } from "node:path";
 import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
 function autocomplete(partial) {
   if (!partial) return null;
   const normalized = normalizePath(partial);
   const dir = dirname17(normalized);
-  const base = basename6(normalized);
+  const base = basename7(normalized);
   let entries;
   try {
     entries = readdirSync4(dir);
@@ -32317,13 +32469,13 @@ function autocomplete(partial) {
   }
   const matches = entries.filter((e) => e.startsWith(base));
   if (matches.length === 0) return null;
-  if (matches.length === 1) return join23(dir, matches[0]);
+  if (matches.length === 1) return join24(dir, matches[0]);
   let prefix = matches[0];
   for (const m of matches) {
     while (!m.startsWith(prefix)) prefix = prefix.slice(0, -1);
     if (!prefix) break;
   }
-  return prefix.length > base.length ? join23(dir, prefix) : null;
+  return prefix.length > base.length ? join24(dir, prefix) : null;
 }
 function PathPrompt({
   defaultPath,
@@ -32332,7 +32484,7 @@ function PathPrompt({
   label = "Save to",
   summary
 }) {
-  const [input, setInput] = useState28("");
+  const [input, setInput] = useState29("");
   const cursorVisible = useBlinkingCursor();
   useImmediateInput((rawInput, key) => {
     if (key.return) {
@@ -32423,12 +32575,12 @@ var init_produced = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-timed-spinner.tsx
-import { useEffect as useEffect26, useState as useState29 } from "react";
+import { useEffect as useEffect27, useState as useState30 } from "react";
 import { Spinner as Spinner2 } from "@inkjs/ui";
 import { jsx as jsx53 } from "react/jsx-runtime";
 function useTimedSpinner() {
-  const [elapsedSeconds, setElapsedSeconds] = useState29(0);
-  useEffect26(() => {
+  const [elapsedSeconds, setElapsedSeconds] = useState30(0);
+  useEffect27(() => {
     const timer = setInterval(() => setElapsedSeconds((current) => current + 1), 1e3);
     return () => {
       clearInterval(timer);
@@ -32701,7 +32853,7 @@ var init_preview_confirmation_input = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx
-import { useEffect as useEffect27, useState as useState30, useMemo as useMemo7 } from "react";
+import { useEffect as useEffect28, useState as useState31, useMemo as useMemo7 } from "react";
 import { Box as Box44, Text as Text46 } from "ink";
 import { Fragment as Fragment16, jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 function buildPreviewSummaryLines(preview) {
@@ -32895,8 +33047,8 @@ function WizardPreviewStep({
   onQuit
 }) {
   const breakingWithImpact = hasBreakingChangesWithImpact(preview);
-  const [diffExpanded, setDiffExpanded] = useState30(false);
-  const [scrollOffset, setScrollOffset] = useState30(0);
+  const [diffExpanded, setDiffExpanded] = useState31(false);
+  const [scrollOffset, setScrollOffset] = useState31(0);
   const { columns: terminalColumns, rows: terminalRows } = useTerminalSize();
   const summaryLines = useMemo7(() => buildPreviewSummaryLines(preview), [preview]);
   const diffLines = useMemo7(() => buildPreviewDiffLines(preview), [preview]);
@@ -32911,7 +33063,7 @@ function WizardPreviewStep({
   const activeLines = diffExpanded ? diffLines : summaryLines;
   const maxScroll = Math.max(0, activeLines.length - viewportHeight);
   const boundedScrollOffset = Math.min(scrollOffset, maxScroll);
-  useEffect27(() => {
+  useEffect28(() => {
     setScrollOffset((previous) => Math.min(previous, maxScroll));
   }, [maxScroll]);
   useImmediateInput((input, key) => {
@@ -33178,11 +33330,11 @@ var init_flow_log = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow-log.ts
-import { useEffect as useEffect28, useRef as useRef18 } from "react";
+import { useEffect as useEffect29, useRef as useRef18 } from "react";
 function useFlowLog(state2) {
   const trail = useRef18(void 0);
   const previous = useRef18(void 0);
-  useEffect28(() => {
+  useEffect29(() => {
     const before = previous.current;
     previous.current = state2;
     const moved = before !== void 0 && before.step !== state2.step;
@@ -33205,7 +33357,7 @@ function useFlowLog(state2) {
     trail.current = open;
     setDebugRunProgress(flowProgress(open, now));
   }, [state2]);
-  useEffect28(
+  useEffect29(
     () => () => {
       const open = trail.current;
       trail.current = void 0;
@@ -33752,8 +33904,8 @@ var init_run_print_files_helpers = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/save.ts
-import { writeFile as writeFile8 } from "node:fs/promises";
-import { join as join24 } from "node:path";
+import { writeFile as writeFile9 } from "node:fs/promises";
+import { join as join25 } from "node:path";
 function buildSavedCDF(components, tokens, opts = {}) {
   const cdf = buildCDF2(components, toCdfTokens(tokens), opts);
   if (!cdf) throw new Error("nothing to save \u2014 no components or tokens resolved");
@@ -33765,7 +33917,7 @@ function buildSavedCDF(components, tokens, opts = {}) {
 }
 async function runPrintFiles(input, deps, onPatch) {
   onPatch({ step: "printing" });
-  const componentsPath = join24(input.outDir, "components.json");
+  const componentsPath = join25(input.outDir, "components.json");
   try {
     const db = deps.openDb();
     let components = [];
@@ -33854,7 +34006,7 @@ var init_save = __esm({
     realSaveDeps = () => ({
       openDb: openPipelineDb,
       readTokens: (path5) => readTokensFromPath2({ flag: "tokens", path: path5 }),
-      writeFile: (path5, contents) => writeFile8(path5, contents),
+      writeFile: (path5, contents) => writeFile9(path5, contents),
       appendRun,
       buildSourceFingerprint,
       sleep: (ms) => new Promise((resolve29) => setTimeout(resolve29, ms)),
@@ -33879,7 +34031,7 @@ var init_types9 = __esm({
 import { appendFileSync, writeFileSync } from "node:fs";
 import { mkdir as mkdir9 } from "node:fs/promises";
 import { tmpdir } from "node:os";
-import { join as join25, resolve as resolve27 } from "node:path";
+import { join as join26, resolve as resolve27 } from "node:path";
 function appendWizardLog(entry) {
   appendFileSync(WIZARD_LOG, JSON.stringify({ ts: (/* @__PURE__ */ new Date()).toISOString(), ...entry }) + "\n");
 }
@@ -34164,12 +34316,12 @@ var init_controller = __esm({
     init_push();
     init_save();
     init_types9();
-    WIZARD_LOG = join25(tmpdir(), "experiences-import-wizard.log");
+    WIZARD_LOG = join26(tmpdir(), "experiences-import-wizard.log");
   }
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow.ts
-import { useEffect as useEffect29, useRef as useRef19, useSyncExternalStore } from "react";
+import { useEffect as useEffect30, useRef as useRef19, useSyncExternalStore } from "react";
 function useFlow(start, options = {}) {
   const controller = useRef19();
   if (start && !controller.current) {
@@ -34188,7 +34340,7 @@ function useFlow(start, options = {}) {
     (listener) => current?.subscribe(listener) ?? (() => void 0),
     () => current?.getState()
   );
-  useEffect29(() => {
+  useEffect30(() => {
     if (!start) controller.current = void 0;
   }, [start]);
   return current && state2 ? { controller: current, state: state2 } : void 0;
@@ -34201,7 +34353,7 @@ var init_use_flow = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/help/file-locations.ts
-import { join as join26, resolve as resolve28 } from "node:path";
+import { join as join27, resolve as resolve28 } from "node:path";
 function describeFileLocations({
   contentfulBaseDir,
   debugModeEnabled,
@@ -34210,14 +34362,14 @@ function describeFileLocations({
   if (!debugModeEnabled) {
     return {
       debugLogs: "none while Debug Mode is off",
-      importFiles: `${join26("<project>", ".contentful")}/ (tokens.json, components.json)`
+      importFiles: `${join27("<project>", ".contentful")}/ (tokens.json, components.json)`
     };
   }
   const base = contentfulBaseDir ? resolve28(contentfulBaseDir) : "<project>";
-  const session = currentSessionDir2 ?? join26(base, ".contentful", "<date>-session-<n>");
+  const session = currentSessionDir2 ?? join27(base, ".contentful", "<date>-session-<n>");
   return {
-    debugLogs: join26(session, "debug"),
-    importFiles: `${join26(session, "dsi-import-<n>")}/ (tokens.json, components.json)`
+    debugLogs: join27(session, "debug"),
+    importFiles: `${join27(session, "dsi-import-<n>")}/ (tokens.json, components.json)`
   };
 }
 var init_file_locations = __esm({
@@ -34267,7 +34419,7 @@ var init_help_info = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
-import { useEffect as useEffect30, useState as useState31 } from "react";
+import { useEffect as useEffect31, useState as useState32 } from "react";
 import { Box as Box46, Text as Text47, useInput as useInput13 } from "ink";
 import { Fragment as Fragment17, jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
 function Section({ title, rows }) {
@@ -34280,8 +34432,8 @@ function Section({ title, rows }) {
   ] });
 }
 function HelpScreen({ onDone }) {
-  const [info, setInfo] = useState31();
-  useEffect30(() => {
+  const [info, setInfo] = useState32();
+  useEffect31(() => {
     startDebugRun({ flow: "help", step: "01-help", menuOption: "Help", inputs: {} });
     void readHelpInfo().then(setInfo);
   }, []);
@@ -34328,14 +34480,14 @@ var init_PageContainer2 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/PageContainer.tsx
-import { useState as useState32 } from "react";
+import { useState as useState33 } from "react";
 import { Box as Box47, Text as Text48, useInput as useInput14 } from "ink";
 import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
 function SettingsScreen({
   onNavigate,
   onBack
 }) {
-  const [focusIdx, setFocusIdx] = useState32(0);
+  const [focusIdx, setFocusIdx] = useState33(0);
   const items = [
     { label: "Configuration", screen: "settings-configuration" },
     { label: "Opt-in Analytics", screen: "settings-opt-in-analytics" },
@@ -34663,7 +34815,7 @@ var init_AgentStatusBadge = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx
-import { useEffect as useEffect31, useState as useState33 } from "react";
+import { useEffect as useEffect32, useState as useState34 } from "react";
 import { Box as Box48, Text as Text50 } from "ink";
 import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 function StatusHeading() {
@@ -34680,11 +34832,11 @@ function AgentDetail({
   record: record3
 }) {
   const settings = config.agents[name];
-  const [saving, setSaving] = useState33(false);
-  const [testing, setTesting] = useState33(false);
-  const [notice, setNotice] = useState33(null);
-  const [checks, setChecks] = useState33(void 0);
-  useEffect31(() => {
+  const [saving, setSaving] = useState34(false);
+  const [testing, setTesting] = useState34(false);
+  const [notice, setNotice] = useState34(null);
+  const [checks, setChecks] = useState34(void 0);
+  useEffect32(() => {
     let active = true;
     setChecks(void 0);
     const timer = setTimeout(() => {
@@ -34776,17 +34928,17 @@ var init_AgentDetail = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentsScreen.tsx
-import { useEffect as useEffect32, useRef as useRef20, useState as useState34 } from "react";
+import { useEffect as useEffect33, useRef as useRef20, useState as useState35 } from "react";
 import { Box as Box49, Text as Text51, useInput as useInput15 } from "ink";
 import { Fragment as Fragment18, jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
 function AgentsScreen({ onDone }) {
-  const [config, setConfig] = useState34(null);
-  const [focus, setFocus] = useState34(0);
-  const [open, setOpen] = useState34(null);
-  const [notice, setNotice] = useState34(null);
-  const [saving, setSaving] = useState34(false);
-  const [loadError, setLoadError] = useState34(null);
-  const [checks, setChecks] = useState34({});
+  const [config, setConfig] = useState35(null);
+  const [focus, setFocus] = useState35(0);
+  const [open, setOpen] = useState35(null);
+  const [notice, setNotice] = useState35(null);
+  const [saving, setSaving] = useState35(false);
+  const [loadError, setLoadError] = useState35(null);
+  const [checks, setChecks] = useState35({});
   const visit = useRef20({
     trail: createTrail(),
     before: void 0,
@@ -34800,7 +34952,7 @@ function AgentsScreen({ onDone }) {
       );
     }
   };
-  useEffect32(() => {
+  useEffect33(() => {
     readAgentConfig().then((loaded) => {
       setConfig(loaded);
       inspectAll(loaded);
@@ -35026,7 +35178,7 @@ var init_project_store = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
-import { useEffect as useEffect33, useRef as useRef21, useState as useState35 } from "react";
+import { useEffect as useEffect34, useRef as useRef21, useState as useState36 } from "react";
 import { Box as Box50, Text as Text52, useInput as useInput16 } from "ink";
 import { Fragment as Fragment19, jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
 function debugFields(config) {
@@ -35041,10 +35193,10 @@ function debugFields(config) {
   };
 }
 function ProjectScreen({ onDone }) {
-  const [config, setConfig] = useState35(null);
-  const [saving, setSaving] = useState35(false);
-  const [notice, setNotice] = useState35(null);
-  const [loadError, setLoadError] = useState35(null);
+  const [config, setConfig] = useState36(null);
+  const [saving, setSaving] = useState36(false);
+  const [notice, setNotice] = useState36(null);
+  const [loadError, setLoadError] = useState36(null);
   const visit = useRef21({
     trail: createTrail(),
     before: void 0,
@@ -35052,7 +35204,7 @@ function ProjectScreen({ onDone }) {
     error: ""
   }).current;
   const scrub2 = (err) => scrubError(err, [config?.cmaToken ?? ""]);
-  useEffect33(() => {
+  useEffect34(() => {
     readCredentials().then((cfg) => {
       setConfig(cfg);
       visit.before = snapshotOf(cfg);
@@ -35173,12 +35325,12 @@ var init_ProjectScreen = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/ConfigurationScreen.tsx
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 import { Box as Box51, Text as Text53, useInput as useInput17 } from "ink";
 import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
 function ConfigurationScreen({ onDone }) {
-  const [focus, setFocus] = useState36(0);
-  const [open, setOpen] = useState36(null);
+  const [focus, setFocus] = useState37(0);
+  const [open, setOpen] = useState37(null);
   const close = () => setOpen(null);
   useInput17((input, key) => {
     if (open) return;
@@ -35239,13 +35391,13 @@ var init_ConfigurationScreen = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
-import { useEffect as useEffect34, useState as useState37 } from "react";
+import { useEffect as useEffect35, useState as useState38 } from "react";
 import { Box as Box52, Text as Text54, useInput as useInput18 } from "ink";
 import { Fragment as Fragment20, jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
-  const [loading, setLoading] = useState37(true);
-  const [enabled, setEnabled] = useState37(true);
-  useEffect34(() => {
+  const [loading, setLoading] = useState38(true);
+  const [enabled, setEnabled] = useState38(true);
+  useEffect35(() => {
     readAnalyticsSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -35308,18 +35460,18 @@ var init_screen12 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
-import { useEffect as useEffect35, useRef as useRef22, useState as useState38 } from "react";
+import { useEffect as useEffect36, useRef as useRef22, useState as useState39 } from "react";
 import { Box as Box53, Text as Text55, useInput as useInput19 } from "ink";
 import { Fragment as Fragment21, jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
 function DebugModeScreen({ onDone }) {
-  const [setting, setSetting] = useState38(null);
-  const [focus, setFocus] = useState38("enabled");
-  const [pending, setPending] = useState38(
+  const [setting, setSetting] = useState39(null);
+  const [focus, setFocus] = useState39("enabled");
+  const [pending, setPending] = useState39(
     RETENTION_CHOICES[RETENTION_CHOICES.length - 1]
   );
-  const [notice, setNotice] = useState38(null);
+  const [notice, setNotice] = useState39(null);
   const visit = useRef22({ trail: createTrail(), before: void 0, error: "" }).current;
-  useEffect35(() => {
+  useEffect36(() => {
     readDebugModeSetting().then((loaded) => {
       setSetting(loaded);
       setPending(loaded.retentionDays);
@@ -35460,21 +35612,21 @@ var app_exports = {};
 __export(app_exports, {
   runApp: () => runApp
 });
-import { useEffect as useEffect36, useState as useState39 } from "react";
+import { useEffect as useEffect37, useState as useState40 } from "react";
 import { Fragment as Fragment22, jsx as jsx66 } from "react/jsx-runtime";
 function App({ importOptions, inkClear }) {
-  const [screen, setScreen] = useState39("start");
-  const [importExitCode, setImportExitCode] = useState39();
+  const [screen, setScreen] = useState40("start");
+  const [importExitCode, setImportExitCode] = useState40();
   const showImportResult = importExitCode !== void 0;
-  const [target, setTarget] = useState39();
-  const [answers, setAnswers] = useState39({});
+  const [target, setTarget] = useState40();
+  const [answers, setAnswers] = useState40({});
   const answer = (patch) => setAnswers((current) => ({ ...current, ...patch }));
-  const [extractionRun, setExtractionRun] = useState39();
+  const [extractionRun, setExtractionRun] = useState40();
   const extraction = useExtraction(extractionRun?.input);
-  const [tokensOnlyRun, setTokensOnlyRun] = useState39();
+  const [tokensOnlyRun, setTokensOnlyRun] = useState40();
   const tokensOnly = useTokensOnly(tokensOnlyRun?.tokens);
-  const [tokenReview, setTokenReview] = useState39();
-  const [scopeRun, setScopeRun] = useState39();
+  const [tokenReview, setTokenReview] = useState40();
+  const [scopeRun, setScopeRun] = useState40();
   const scopeFlow = useScopeGateFlow(
     scopeRun && {
       sessionId: scopeRun.extraction.sessionId,
@@ -35489,12 +35641,12 @@ function App({ importOptions, inkClear }) {
       }
     }
   );
-  const [generationInput, setGenerationInput] = useState39();
+  const [generationInput, setGenerationInput] = useState40();
   const generation = useGeneration(generationInput);
-  const [flowStart, setFlowStart] = useState39();
+  const [flowStart, setFlowStart] = useState40();
   const flow = useFlow(flowStart, { beforeStepChange: inkClear });
-  const [importDefaults, setImportDefaults] = useState39();
-  useEffect36(() => {
+  const [importDefaults, setImportDefaults] = useState40();
+  useEffect37(() => {
     if (screen !== "import") {
       setImportDefaults(void 0);
       return;
@@ -35567,7 +35719,7 @@ function App({ importOptions, inkClear }) {
       }
     });
   };
-  useEffect36(() => {
+  useEffect37(() => {
     if (!tokensOnlyRun || tokensOnly?.status !== "done" || !tokensOnly.result.ok) return;
     const { credentialsSkipped, input, tokens } = tokensOnlyRun;
     const { tokensPath, tokenSessionId, tokenCount } = tokensOnly.result;
@@ -35589,12 +35741,12 @@ function App({ importOptions, inkClear }) {
       }
     });
   }, [tokensOnly, tokensOnlyRun]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (!extractionRun || extraction?.status !== "done" || !extraction.result.ok) return;
     setExtractionRun(void 0);
     setScopeRun({ ...extractionRun, extraction: extraction.result.extraction });
   }, [extraction, extractionRun]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (!scopeRun || scopeFlow?.status !== "confirmed" || generationInput) return;
     const { extraction: produced, input, generatePromptPath } = scopeRun;
     setGenerationInput({
@@ -35612,7 +35764,7 @@ function App({ importOptions, inkClear }) {
       ...generatePromptPath ? { generatePromptPath } : {}
     });
   }, [scopeFlow, scopeRun, generationInput]);
-  useEffect36(() => {
+  useEffect37(() => {
     if (!scopeRun || generation?.status !== "done" || !generation.result.ok) return;
     const { credentialsSkipped, extraction: produced, input, generatePromptPath } = scopeRun;
     inkClear();
@@ -35855,7 +36007,7 @@ var init_app = __esm({
 // packages/experience-design-system-cli/program.ts
 init_src3();
 import { readFileSync as readFileSync10 } from "node:fs";
-import { join as join27 } from "node:path";
+import { join as join28 } from "node:path";
 import { Command } from "commander";
 
 // packages/experience-design-system-cli/src/commands/import-options.ts
@@ -35920,7 +36072,7 @@ init_analytics_store();
 init_package_root();
 var pkg = JSON.parse(
   readFileSync10(
-    join27(findPackageRoot(import.meta.url, "@contentful/experience-design-system-cli"), "package.json"),
+    join28(findPackageRoot(import.meta.url, "@contentful/experience-design-system-cli"), "package.json"),
     "utf8"
   )
 );
@@ -35960,21 +36112,21 @@ function createProgram() {
 init_config();
 init_package_root();
 import { existsSync as existsSync12 } from "node:fs";
-import { mkdir as mkdir10, readFile as readFile21, rename as rename3, rmdir as rmdir2, unlink } from "node:fs/promises";
-import { dirname as dirname18, join as join28 } from "node:path";
+import { mkdir as mkdir10, readFile as readFile22, rename as rename3, rmdir as rmdir2, unlink } from "node:fs/promises";
+import { dirname as dirname18, join as join29 } from "node:path";
 var PACKAGE_NAME3 = "@contentful/experience-design-system-cli";
 async function readJson(path5) {
   try {
-    return JSON.parse(await readFile21(path5, "utf8"));
+    return JSON.parse(await readFile22(path5, "utf8"));
   } catch {
     return void 0;
   }
 }
 async function migrateOldConfig() {
   try {
-    const oldCredentials = join28(oldConfigDir2(), "credentials.json");
-    const oldRuns = join28(oldConfigDir2(), "runs.json");
-    const oldDebugMode = join28(
+    const oldCredentials = join29(oldConfigDir2(), "credentials.json");
+    const oldRuns = join29(oldConfigDir2(), "runs.json");
+    const oldDebugMode = join29(
       findPackageRoot(import.meta.url, PACKAGE_NAME3),
       ".contentful",
       "config",