@contentful/experience-design-system-cli 2.37.1-dev-build-932fd115.0 → 2.37.1-dev-build-91b5f8aa.0

package/dist/app.js

@@ -880,7 +880,8 @@ var init_cache_keys = __esm({
 });
 
 // packages/experience-design-system-cli/app.tsx
-import { useEffect as useEffect9, useState as useState13 } from "react";
+import { join as join7 } from "node:path";
+import { useEffect as useEffect10, useState as useState14 } from "react";
 
 // packages/experience-design-system-cli/src/tui/home/home.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
@@ -1803,15 +1804,15 @@ function walkProjectTree(dir, result, includeContent) {
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/helpers/collect-files/collect-files.js
 function collectFiles(root, options = {}) {
   const resolved = path4.resolve(root);
-  let stat;
+  let stat2;
   try {
-    stat = statSync2(resolved);
+    stat2 = statSync2(resolved);
   } catch (err) {
     return { ok: false, failure: classifyStatError(err.code), rootPath: resolved };
   }
-  if (stat.isFile())
+  if (stat2.isFile())
     return { ok: false, failure: "is-file", rootPath: resolved };
-  if (!stat.isDirectory())
+  if (!stat2.isDirectory())
     return { ok: false, failure: "not-directory", rootPath: resolved };
   const result = {
     filePaths: [],
@@ -2737,18 +2738,163 @@ function CredentialsScreen({
   ] });
 }
 
+// packages/experience-design-system-cli/src/tui/import/shared/error-step/error-step.tsx
+import { Box as Box7, Text as Text8 } from "ink";
+
+// packages/experience-design-system-cli/src/tui/import/shared/error-step/controls.ts
+import { useInput as useInput7 } from "ink";
+
+// packages/experience-design-system-cli/src/tui/import/shared/error-step/error-step.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+
+// packages/experience-design-system-cli/src/tui/import/shared/gate-step/gate-step.tsx
+import { Box as Box8, Text as Text9 } from "ink";
+
+// packages/experience-design-system-cli/src/tui/import/shared/gate-step/controls.ts
+import { useInput as useInput8 } from "ink";
+
+// packages/experience-design-system-cli/src/tui/import/shared/gate-step/logic.ts
+function gateAction(input, key, canSkip) {
+  if (key.return) return "continue";
+  if (input === "a" && canSkip) return "skip";
+  if (key.escape) return "quit";
+  return null;
+}
+function gateControls(continueLabel, skipLabel, canSkip) {
+  return [
+    { keys: "Enter", label: continueLabel },
+    ...canSkip ? [{ keys: "a", label: skipLabel }] : [],
+    { keys: "Esc", label: "Quit" }
+  ];
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/gate-step/controls.ts
+function useGateControls(handlers) {
+  useInput8((input, key) => {
+    const action = gateAction(input, key, handlers.canSkip);
+    if (action === "continue") handlers.onContinue();
+    else if (action === "skip") handlers.onSkip();
+    else if (action === "quit") handlers.onQuit();
+  });
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/gate-step/gate-step.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function GateStep({
+  message,
+  onContinue,
+  onQuit,
+  summary,
+  context,
+  continueLabel = "Continue",
+  skipLabel = "Approve all and skip",
+  onSkip,
+  intent = "success"
+}) {
+  useGateControls({ canSkip: onSkip !== void 0, onContinue, onSkip: onSkip ?? (() => {
+  }), onQuit });
+  const color = intent === "error" ? PALETTE.error : PALETTE.success;
+  const icon = intent === "error" ? "\u2717" : "\u2713";
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs8(Text9, { color, children: [
+      icon,
+      " ",
+      message
+    ] }),
+    summary && /* @__PURE__ */ jsx9(Text9, { color: PALETTE.muted, children: summary }),
+    context && /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { children: context }) }),
+    /* @__PURE__ */ jsx9(Box8, { marginTop: 1, gap: 3, children: gateControls(continueLabel, skipLabel, onSkip !== void 0).map((control) => /* @__PURE__ */ jsxs8(Text9, { dimColor: true, children: [
+      "[",
+      control.keys,
+      "] ",
+      control.label
+    ] }, control.keys)) })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
+import { Box as Box9, Text as Text10 } from "ink";
+import { ProgressBar, Spinner, ThemeProvider } from "@inkjs/ui";
+
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/theme.ts
+import { defaultTheme, extendTheme } from "@inkjs/ui";
+var PROGRESS_THEME = extendTheme(defaultTheme, {
+  components: {
+    ProgressBar: {
+      styles: {
+        completed: () => ({ color: "blue" })
+      }
+    }
+  }
+});
+
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/use-elapsed.ts
+import { useEffect as useEffect4, useState as useState7 } from "react";
+
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var RULE2 = "\u2500".repeat(40);
+
+// packages/experience-design-system-cli/src/tui/import/steps/05-token-reuse/logic.ts
+import { access, stat } from "node:fs/promises";
+import { join as join3 } from "node:path";
+async function inspectTokens({ rawTokensPath, outDir, cache }) {
+  if (!cache) return { kind: "none" };
+  const tokensPath = join3(outDir, "tokens.json");
+  try {
+    await access(tokensPath);
+  } catch {
+    return { kind: "none" };
+  }
+  const [generated, source] = await Promise.all([stat(tokensPath), stat(rawTokensPath).catch(() => null)]);
+  return { kind: "cached", tokensPath, sourceChanged: source ? source.mtimeMs > generated.mtimeMs : false };
+}
+function gateText({ tokensPath, sourceChanged }) {
+  const summary = sourceChanged ? `Source file has been modified since tokens were last generated.
+
+Tokens Path: ${tokensPath}` : `Source file has not changed since tokens were last generated.
+
+Tokens Path: ${tokensPath}`;
+  return sourceChanged ? { summary, context: "The source tokens file changed \u2014 regenerating is recommended." } : { summary };
+}
+
+// packages/experience-design-system-cli/src/tui/import/steps/05-token-reuse/screen.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function TokenReuseScreen({
+  tokensPath,
+  sourceChanged,
+  onReuse,
+  onRegenerate,
+  onQuit
+}) {
+  const { summary, context } = gateText({ tokensPath, sourceChanged });
+  return /* @__PURE__ */ jsx11(
+    GateStep,
+    {
+      message: "Existing tokens.json found",
+      summary,
+      context,
+      continueLabel: "Reuse existing tokens",
+      skipLabel: "Regenerate tokens",
+      onContinue: onReuse,
+      onSkip: onRegenerate,
+      onQuit
+    }
+  );
+}
+
 // packages/experience-design-system-cli/src/tui/import/spawn-v1-import.ts
 import { spawn } from "node:child_process";
 
 // packages/experience-design-system-cli/src/legacy/legacy-cli-path.ts
 import { existsSync as existsSync2 } from "node:fs";
-import { join as join3 } from "node:path";
+import { join as join4 } from "node:path";
 var PACKAGE_NAME2 = "@contentful/experience-design-system-cli";
 function findLegacyCliPath() {
   const root = findPackageRoot(import.meta.url, PACKAGE_NAME2);
   const candidates = [
-    join3(root, "legacy", "bin", "cli.js"),
-    join3(root, "..", "experience-design-system-cli-legacy", "bin", "cli.js")
+    join4(root, "legacy", "bin", "cli.js"),
+    join4(root, "..", "experience-design-system-cli-legacy", "bin", "cli.js")
   ];
   const found = candidates.find((candidate) => existsSync2(candidate));
   if (!found) {
@@ -2779,13 +2925,20 @@ function buildArgs2(options) {
   args.push(...importOptionArgs({ agent: options.agent, prompt: options.prompt ?? [], cache: options.cache ?? true }));
   return args;
 }
+function buildEnv(options, base = process.env) {
+  return {
+    ...base,
+    ...options.skipCredentials ? { EDS_IMPORT_SKIP_CREDENTIALS: "1" } : {},
+    ...options.tokenStrategy ? { EDS_IMPORT_TOKENS: options.tokenStrategy } : {}
+  };
+}
 async function spawnV1Import(options = {}) {
   const cliPath = findLegacyCliPath();
   const args = buildArgs2(options);
   return new Promise((resolvePromise) => {
     const child = spawn("node", [cliPath, ...args], {
       stdio: "inherit",
-      env: options.skipCredentials ? { ...process.env, EDS_IMPORT_SKIP_CREDENTIALS: "1" } : process.env
+      env: buildEnv(options)
     });
     child.on("close", (code) => {
       resolvePromise({ exitCode: code ?? 1, result: void 0, stdout: "", stderr: "" });
@@ -2815,24 +2968,24 @@ function startReadingTerminal() {
 }
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
-import { useEffect as useEffect4, useState as useState7 } from "react";
-import { Box as Box7, Text as Text8, useInput as useInput7 } from "ink";
+import { useEffect as useEffect5, useState as useState8 } from "react";
+import { Box as Box10, Text as Text11, useInput as useInput9 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/debug-store.ts
 import { mkdir as mkdir2, writeFile as writeFile2 } from "node:fs/promises";
 import { existsSync as existsSync3, readdirSync as readdirSync2 } from "node:fs";
-import { join as join5 } from "node:path";
+import { join as join6 } from "node:path";
 
 // packages/experience-design-system-types/dist/src/config/index.js
 import { randomBytes } from "node:crypto";
 import { mkdir, readFile, rename, writeFile } from "node:fs/promises";
 import { homedir as homedir2 } from "node:os";
-import { dirname as dirname2, join as join4 } from "node:path";
+import { dirname as dirname2, join as join5 } from "node:path";
 function configRoot2() {
-  return process.env["EDS_HOME"] || join4(homedir2(), ".contentful", "experience-design-system-cli");
+  return process.env["EDS_HOME"] || join5(homedir2(), ".contentful", "experience-design-system-cli");
 }
-var configFilePath2 = () => join4(configRoot2(), "config.json");
-var debugSessionsDir2 = () => join4(configRoot2(), "debug", "sessions");
+var configFilePath2 = () => join5(configRoot2(), "config.json");
+var debugSessionsDir2 = () => join5(configRoot2(), "debug", "sessions");
 async function readSettings2() {
   try {
     return JSON.parse(await readFile(configFilePath2(), "utf8"));
@@ -2891,7 +3044,7 @@ function generateSessionId3() {
 }
 var SESSION_ID = generateSessionId3();
 function sessionDebugDir() {
-  return join5(debugSessionsDir2(), SESSION_ID);
+  return join6(debugSessionsDir2(), SESSION_ID);
 }
 function currentDebugSessionDir() {
   return sessionDebugDir();
@@ -2940,10 +3093,10 @@ async function finishDebugRun({
   const durationMs = Date.now() - run.startedAt;
   const content = renderMarkdown(run, { outputs: redact(outputs), status, exitMethod, durationMs });
   const flowSegments = run.flow.split("/");
-  const dir = join5(sessionDebugDir(), ...flowSegments);
+  const dir = join6(sessionDebugDir(), ...flowSegments);
   await mkdir2(dir, { recursive: true });
   const filename = nextAttemptFilename(dir, run.menuOption);
-  await writeFile2(join5(dir, filename), content, { mode: 384 });
+  await writeFile2(join6(dir, filename), content, { mode: 384 });
 }
 function nextAttemptFilename(dir, menuOption) {
   const today = datePrefix();
@@ -2958,13 +3111,13 @@ function nextAttemptFilename(dir, menuOption) {
 }
 function renderMarkdown(run, finish) {
   const stepMatch = /^(\d+)-(.+)$/.exec(run.step);
-  const stepLabel = stepMatch ? `${stepMatch[1]} - ${stepMatch[2]}` : run.step;
+  const stepLabel2 = stepMatch ? `${stepMatch[1]} - ${stepMatch[2]}` : run.step;
   const flowSlug = run.flow.split("/").join("-");
   return `# Debug Log
 
 - Run ID: ${run.runId}
 - Flow: ${flowSlug}
-- Step: ${stepLabel}
+- Step: ${stepLabel2}
 - Menu option: ${run.menuOption}
 - Date: ${(/* @__PURE__ */ new Date()).toISOString()}
 - CLI version: ${readPackageVersion()}
@@ -3026,19 +3179,19 @@ async function readHelpInfo() {
 }
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function Section({ title, rows }) {
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Text8, { bold: true, color: PALETTE.accent, children: title }),
-    rows.map((row) => /* @__PURE__ */ jsxs7(Box7, { gap: 1, children: [
-      /* @__PURE__ */ jsx8(Box7, { width: 14, flexShrink: 0, children: /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: row.label }) }),
-      /* @__PURE__ */ jsx8(Text8, { children: row.value })
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.accent, children: title }),
+    rows.map((row) => /* @__PURE__ */ jsxs10(Box10, { gap: 1, children: [
+      /* @__PURE__ */ jsx12(Box10, { width: 14, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: row.label }) }),
+      /* @__PURE__ */ jsx12(Text11, { children: row.value })
     ] }, row.label))
   ] });
 }
 function HelpScreen({ onDone }) {
-  const [info, setInfo] = useState7();
-  useEffect4(() => {
+  const [info, setInfo] = useState8();
+  useEffect5(() => {
     startDebugRun({ flow: "help", step: "01-help", menuOption: "Help", inputs: {} });
     void readHelpInfo().then(setInfo);
   }, []);
@@ -3046,7 +3199,7 @@ function HelpScreen({ onDone }) {
     void finishDebugRun({ outputs: {}, status: "success", exitMethod });
     onDone();
   };
-  useInput7((input, key) => {
+  useInput9((input, key) => {
     if (key.return) {
       leave("saved");
       return;
@@ -3056,14 +3209,14 @@ function HelpScreen({ onDone }) {
       return;
     }
   });
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
-    /* @__PURE__ */ jsx8(Text8, { bold: true, children: "Help" }),
-    info ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
-      /* @__PURE__ */ jsx8(Section, { title: "Where things are stored", rows: info.storage }),
-      /* @__PURE__ */ jsx8(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
-      /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
-    ] }) : /* @__PURE__ */ jsx8(Text8, { color: PALETTE.accent, children: "Loading..." }),
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx12(Text11, { bold: true, children: "Help" }),
+    info ? /* @__PURE__ */ jsxs10(Fragment2, { children: [
+      /* @__PURE__ */ jsx12(Section, { title: "Where things are stored", rows: info.storage }),
+      /* @__PURE__ */ jsx12(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
+      /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
+    ] }) : /* @__PURE__ */ jsx12(Text11, { color: PALETTE.accent, children: "Loading..." }),
+    /* @__PURE__ */ jsx12(
       ControlHints,
       {
         hints: [
@@ -3076,20 +3229,20 @@ function HelpScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/PageContainer.tsx
-import { useState as useState8 } from "react";
-import { Box as Box8, Text as Text9, useInput as useInput8 } from "ink";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useState as useState9 } from "react";
+import { Box as Box11, Text as Text12, useInput as useInput10 } from "ink";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function SettingsScreen({
   onNavigate,
   onBack
 }) {
-  const [focusIdx, setFocusIdx] = useState8(0);
+  const [focusIdx, setFocusIdx] = useState9(0);
   const items = [
     { label: "Configuration", screen: "settings-configuration" },
     { label: "Opt-in Analytics", screen: "settings-opt-in-analytics" },
     { label: "Debug Mode", screen: "settings-debug-mode" }
   ];
-  useInput8((input, key) => {
+  useInput10((input, key) => {
     if (key.upArrow) {
       setFocusIdx((i) => (i - 1 + items.length) % items.length);
       return;
@@ -3109,15 +3262,15 @@ function SettingsScreen({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx9(Text9, { bold: true, children: "Settings" }),
-    /* @__PURE__ */ jsx9(Text9, { children: " " }),
-    items.map((item, i) => /* @__PURE__ */ jsxs8(Text9, { color: i === focusIdx ? "cyan" : void 0, children: [
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx13(Text12, { bold: true, children: "Settings" }),
+    /* @__PURE__ */ jsx13(Text12, { children: " " }),
+    items.map((item, i) => /* @__PURE__ */ jsxs11(Text12, { color: i === focusIdx ? "cyan" : void 0, children: [
       i === focusIdx ? "> " : "  ",
       item.label
     ] }, item.label)),
-    /* @__PURE__ */ jsx9(Text9, { children: " " }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx13(Text12, { children: " " }),
+    /* @__PURE__ */ jsx13(
       ControlHints,
       {
         hints: [
@@ -3131,8 +3284,8 @@ function SettingsScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
-import { useEffect as useEffect5, useState as useState9 } from "react";
-import { Box as Box9, Text as Text10, useInput as useInput9 } from "ink";
+import { useEffect as useEffect6, useState as useState10 } from "react";
+import { Box as Box12, Text as Text13, useInput as useInput11 } from "ink";
 import TextInput4 from "ink-text-input";
 
 // packages/experience-design-system-cli/src/tui/settings/utils/v1-store.ts
@@ -3164,7 +3317,7 @@ async function writeCredentials(config) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var FIELD_ORDER = [
   "spaceId",
   "environmentId",
@@ -3192,14 +3345,14 @@ var FIELD_LABELS = {
   defaultTokenFile: "Default token file (optional)"
 };
 function ConfigurationScreen({ onDone }) {
-  const [stage, setStage] = useState9("loading");
-  const [config, setConfig] = useState9(null);
-  const [activeField, setActiveField] = useState9("spaceId");
-  const [notice, setNotice] = useState9(null);
-  const [lastSaved, setLastSaved] = useState9(null);
-  const [editing, setEditing] = useState9(false);
-  const [valueBeforeEdit, setValueBeforeEdit] = useState9("");
-  useEffect5(() => {
+  const [stage, setStage] = useState10("loading");
+  const [config, setConfig] = useState10(null);
+  const [activeField, setActiveField] = useState10("spaceId");
+  const [notice, setNotice] = useState10(null);
+  const [lastSaved, setLastSaved] = useState10(null);
+  const [editing, setEditing] = useState10(false);
+  const [valueBeforeEdit, setValueBeforeEdit] = useState10("");
+  useEffect6(() => {
     readCredentials().then((cfg) => {
       setConfig(cfg);
       setStage("form");
@@ -3239,7 +3392,7 @@ function ConfigurationScreen({ onDone }) {
     );
     onDone();
   }
-  useInput9((input, key) => {
+  useInput11((input, key) => {
     if (stage === "loading" || stage === "saving") return;
     if (editing) {
       if (key.escape) {
@@ -3276,26 +3429,26 @@ function ConfigurationScreen({ onDone }) {
     }
   });
   if (stage === "loading") {
-    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "Configuration" }),
-      /* @__PURE__ */ jsx10(Text10, { children: " " }),
-      /* @__PURE__ */ jsx10(Text10, { color: PALETTE.accent, children: "Loading..." })
+    return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx14(Text13, { bold: true, children: "Configuration" }),
+      /* @__PURE__ */ jsx14(Text13, { children: " " }),
+      /* @__PURE__ */ jsx14(Text13, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "Configuration" }),
-    /* @__PURE__ */ jsx10(Text10, { children: " " }),
-    /* @__PURE__ */ jsx10(Box9, { flexDirection: "column", children: FIELD_ORDER.map((field) => {
+  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx14(Text13, { bold: true, children: "Configuration" }),
+    /* @__PURE__ */ jsx14(Text13, { children: " " }),
+    /* @__PURE__ */ jsx14(Box12, { flexDirection: "column", children: FIELD_ORDER.map((field) => {
       const isActive = activeField === field;
       const value = fieldValue(field);
       const display = field === "cmaToken" ? "\u2022".repeat(value.length) : value;
-      return /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
-        /* @__PURE__ */ jsx10(Text10, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " }),
-        /* @__PURE__ */ jsxs9(Text10, { bold: isActive, children: [
+      return /* @__PURE__ */ jsxs12(Box12, { gap: 1, children: [
+        /* @__PURE__ */ jsx14(Text13, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " }),
+        /* @__PURE__ */ jsxs12(Text13, { bold: isActive, children: [
           FIELD_LABELS[field],
           ":"
         ] }),
-        isActive && editing ? /* @__PURE__ */ jsx10(
+        isActive && editing ? /* @__PURE__ */ jsx14(
           TextInput4,
           {
             value,
@@ -3303,19 +3456,19 @@ function ConfigurationScreen({ onDone }) {
             onSubmit: () => setEditing(false),
             mask: field === "cmaToken" ? "\u2022" : void 0
           }
-        ) : /* @__PURE__ */ jsx10(Text10, { children: display || /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: "(empty)" }) })
+        ) : /* @__PURE__ */ jsx14(Text13, { children: display || /* @__PURE__ */ jsx14(Text13, { color: PALETTE.muted, children: "(empty)" }) })
       ] }, field);
     }) }),
-    notice && /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      /* @__PURE__ */ jsx10(Text10, { children: " " }),
-      /* @__PURE__ */ jsxs9(Text10, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+    notice && /* @__PURE__ */ jsxs12(Fragment3, { children: [
+      /* @__PURE__ */ jsx14(Text13, { children: " " }),
+      /* @__PURE__ */ jsxs12(Text13, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
       ] })
     ] }),
-    /* @__PURE__ */ jsx10(Text10, { children: " " }),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx14(Text13, { children: " " }),
+    /* @__PURE__ */ jsx14(
       ControlHints,
       {
         hints: editing ? [
@@ -3336,8 +3489,8 @@ function ConfigurationScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
-import { useEffect as useEffect6, useState as useState10 } from "react";
-import { Box as Box10, Text as Text11, useInput as useInput10 } from "ink";
+import { useEffect as useEffect7, useState as useState11 } from "react";
+import { Box as Box13, Text as Text14, useInput as useInput12 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/analytics-store.ts
 async function readAnalyticsSetting() {
@@ -3355,11 +3508,11 @@ async function writeAnalyticsSetting(setting) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
-  const [loading, setLoading] = useState10(true);
-  const [enabled, setEnabled] = useState10(true);
-  useEffect6(() => {
+  const [loading, setLoading] = useState11(true);
+  const [enabled, setEnabled] = useState11(true);
+  useEffect7(() => {
     readAnalyticsSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -3371,7 +3524,7 @@ function OptInAnalyticsScreen({ onDone }) {
       });
     });
   }, []);
-  useInput10((input, key) => {
+  useInput12((input, key) => {
     if (loading) return;
     if (key.return || input === " ") {
       setEnabled((current) => {
@@ -3386,21 +3539,21 @@ function OptInAnalyticsScreen({ onDone }) {
       onDone();
     }
   });
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx11(Text11, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
-    /* @__PURE__ */ jsx11(Text11, { children: " " }),
-    loading ? /* @__PURE__ */ jsx11(Text11, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
-      /* @__PURE__ */ jsxs10(Text11, { children: [
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx15(Text14, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
+    /* @__PURE__ */ jsx15(Text14, { children: " " }),
+    loading ? /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
+      /* @__PURE__ */ jsxs13(Text14, { children: [
         "Share anonymous usage data:",
         " ",
-        /* @__PURE__ */ jsx11(Text11, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx15(Text14, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsx11(Text11, { children: " " }),
-      /* @__PURE__ */ jsx11(Text11, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
-      /* @__PURE__ */ jsx11(Text11, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
+      /* @__PURE__ */ jsx15(Text14, { children: " " }),
+      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
+      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
     ] }),
-    /* @__PURE__ */ jsx11(Text11, { children: " " }),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx15(Text14, { children: " " }),
+    /* @__PURE__ */ jsx15(
       ControlHints,
       {
         hints: [
@@ -3413,13 +3566,13 @@ function OptInAnalyticsScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/upgrade/PageContainer.tsx
-import { useEffect as useEffect7, useState as useState11 } from "react";
-import { Box as Box11, Text as Text12, useInput as useInput11 } from "ink";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useEffect as useEffect8, useState as useState12 } from "react";
+import { Box as Box14, Text as Text15, useInput as useInput13 } from "ink";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var UPGRADE_COMMANDS = ["git pull", "pnpm install", "pnpm build"];
 function UpgradeScreen({ onDone }) {
-  const [upgradeCheck, setUpgradeCheck] = useState11();
-  useEffect7(() => {
+  const [upgradeCheck, setUpgradeCheck] = useState12();
+  useEffect8(() => {
     startDebugRun({
       flow: "upgrade",
       step: "01-upgrade",
@@ -3428,7 +3581,7 @@ function UpgradeScreen({ onDone }) {
     });
     checkForUpgrade().then(setUpgradeCheck).catch(() => setUpgradeCheck({ status: "error" }));
   }, []);
-  useInput11((_input, key) => {
+  useInput13((_input, key) => {
     if (key.return) {
       void finishDebugRun({
         outputs: upgradeCheck ?? {},
@@ -3439,12 +3592,12 @@ function UpgradeScreen({ onDone }) {
       return;
     }
   });
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx12(Text12, { bold: true, children: "Upgrade" }),
-    /* @__PURE__ */ jsx12(Text12, { children: " " }),
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx16(Text15, { bold: true, children: "Upgrade" }),
+    /* @__PURE__ */ jsx16(Text15, { children: " " }),
     renderBody(upgradeCheck),
-    /* @__PURE__ */ jsx12(Text12, { children: " " }),
-    /* @__PURE__ */ jsxs11(Text12, { bold: true, color: PALETTE.accent, children: [
+    /* @__PURE__ */ jsx16(Text15, { children: " " }),
+    /* @__PURE__ */ jsxs14(Text15, { bold: true, color: PALETTE.accent, children: [
       FOCUS_MARKER,
       " Go Back"
     ] })
@@ -3452,45 +3605,45 @@ function UpgradeScreen({ onDone }) {
 }
 function renderBody(upgradeCheck) {
   if (!upgradeCheck) {
-    return /* @__PURE__ */ jsx12(Text12, { color: PALETTE.muted, children: "Checking for updates\u2026" });
+    return /* @__PURE__ */ jsx16(Text15, { color: PALETTE.muted, children: "Checking for updates\u2026" });
   }
   if (upgradeCheck.status === "error") {
-    return /* @__PURE__ */ jsx12(Text12, { color: PALETTE.warning, children: "Couldn't check for updates \u2014 check your network connection and try again." });
+    return /* @__PURE__ */ jsx16(Text15, { 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__ */ jsxs11(Text12, { color: PALETTE.success, children: [
+    return /* @__PURE__ */ jsxs14(Text15, { color: PALETTE.success, children: [
       "You're already on the latest version (v",
       upgradeCheck.current,
       ")."
     ] });
   }
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs11(Text12, { color: PALETTE.muted, children: [
-      /* @__PURE__ */ jsxs11(Text12, { bold: true, color: PALETTE.success, children: [
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs14(Text15, { color: PALETTE.muted, children: [
+      /* @__PURE__ */ jsxs14(Text15, { bold: true, color: PALETTE.success, children: [
         "v",
         upgradeCheck.latest
       ] }),
       " ",
       "is available (you're on ",
-      /* @__PURE__ */ jsxs11(Text12, { bold: true, children: [
+      /* @__PURE__ */ jsxs14(Text15, { 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__ */ jsx12(Text12, { children: " " }),
-    /* @__PURE__ */ jsx12(Box11, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.border, paddingX: 1, children: UPGRADE_COMMANDS.map((cmd) => /* @__PURE__ */ jsx12(Text12, { bold: true, children: cmd }, cmd)) })
+    /* @__PURE__ */ jsx16(Text15, { children: " " }),
+    /* @__PURE__ */ jsx16(Box14, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.border, paddingX: 1, children: UPGRADE_COMMANDS.map((cmd) => /* @__PURE__ */ jsx16(Text15, { bold: true, children: cmd }, cmd)) })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
-import { useEffect as useEffect8, useState as useState12 } from "react";
-import { Box as Box12, Text as Text13, useInput as useInput12 } from "ink";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect as useEffect9, useState as useState13 } from "react";
+import { Box as Box15, Text as Text16, useInput as useInput14 } from "ink";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function DebugModeScreen({ onDone }) {
-  const [loading, setLoading] = useState12(true);
-  const [enabled, setEnabled] = useState12(true);
-  useEffect8(() => {
+  const [loading, setLoading] = useState13(true);
+  const [enabled, setEnabled] = useState13(true);
+  useEffect9(() => {
     readDebugModeSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -3502,7 +3655,7 @@ function DebugModeScreen({ onDone }) {
       });
     });
   }, []);
-  useInput12((input, key) => {
+  useInput14((input, key) => {
     if (loading) return;
     if (key.return || input === " ") {
       setEnabled((current) => {
@@ -3517,16 +3670,16 @@ function DebugModeScreen({ onDone }) {
       onDone();
     }
   });
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx13(Text13, { bold: true, children: "Settings \u203A Debug Mode" }),
-    /* @__PURE__ */ jsx13(Text13, { children: " " }),
-    loading ? /* @__PURE__ */ jsx13(Text13, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs12(Text13, { children: [
+  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx17(Text16, { bold: true, children: "Settings \u203A Debug Mode" }),
+    /* @__PURE__ */ jsx17(Text16, { children: " " }),
+    loading ? /* @__PURE__ */ jsx17(Text16, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs15(Text16, { children: [
       "Debug logging:",
       " ",
-      /* @__PURE__ */ jsx13(Text13, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+      /* @__PURE__ */ jsx17(Text16, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
     ] }),
-    /* @__PURE__ */ jsx13(Text13, { children: " " }),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx17(Text16, { children: " " }),
+    /* @__PURE__ */ jsx17(
       ControlHints,
       {
         hints: [
@@ -3539,16 +3692,17 @@ function DebugModeScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/app.tsx
-import { Fragment as Fragment5, jsx as jsx14 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18 } from "react/jsx-runtime";
 function App({ importOptions, onLaunchImport, importExitCode }) {
   const returnedFromImport = importExitCode !== void 0;
-  const [screen, setScreen] = useState13(returnedFromImport ? "import" : "start");
-  const [showImportResult, setShowImportResult] = useState13(returnedFromImport);
-  const [projectPath, setProjectPath] = useState13();
-  const [tokensPath, setTokensPath] = useState13();
-  const [scannedFiles, setScannedFiles] = useState13();
-  const [importDefaults, setImportDefaults] = useState13();
-  useEffect9(() => {
+  const [screen, setScreen] = useState14(returnedFromImport ? "import" : "start");
+  const [showImportResult, setShowImportResult] = useState14(returnedFromImport);
+  const [projectPath, setProjectPath] = useState14();
+  const [tokensPath, setTokensPath] = useState14();
+  const [scannedFiles, setScannedFiles] = useState14();
+  const [pendingLaunch, setPendingLaunch] = useState14();
+  const [importDefaults, setImportDefaults] = useState14();
+  useEffect10(() => {
     if (screen !== "import") {
       setImportDefaults(void 0);
       return;
@@ -3563,7 +3717,27 @@ function App({ importOptions, onLaunchImport, importExitCode }) {
   }, [screen]);
   const finishCredentials = async (result, projectPath2, tokens, filePaths) => {
     if (!result.skipped) await writeCredentials({ ...result.credentials });
-    onLaunchImport?.({ projectPath: projectPath2, tokens, filePaths, skipCredentials: result.skipped, ...importOptions });
+    const launch = {
+      projectPath: projectPath2,
+      tokens,
+      filePaths,
+      skipCredentials: result.skipped,
+      ...importOptions
+    };
+    const state = await inspectTokens({
+      rawTokensPath: tokens,
+      outDir: join7(resolveUserPath(projectPath2), ".contentful"),
+      cache: importOptions.cache
+    });
+    if (state.kind === "cached") {
+      setPendingLaunch({ launch, cached: { tokensPath: state.tokensPath, sourceChanged: state.sourceChanged } });
+      return;
+    }
+    onLaunchImport?.({ ...launch, tokenStrategy: "generate" });
+  };
+  const chooseTokenStrategy = (pending, tokenStrategy) => {
+    setPendingLaunch(void 0);
+    onLaunchImport?.({ ...pending.launch, tokenStrategy });
   };
   const goToStart = () => setScreen("start");
   const goToSettings = () => setScreen("settings");
@@ -3571,6 +3745,7 @@ function App({ importOptions, onLaunchImport, importExitCode }) {
     setProjectPath(void 0);
     setTokensPath(void 0);
     setScannedFiles(void 0);
+    setPendingLaunch(void 0);
   };
   const finishImportResult = () => {
     setShowImportResult(false);
@@ -3583,13 +3758,13 @@ function App({ importOptions, onLaunchImport, importExitCode }) {
   };
   switch (screen) {
     case "import":
-      if (showImportResult) return /* @__PURE__ */ jsx14(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
-      if (importDefaults === void 0) return /* @__PURE__ */ jsx14(Fragment5, {});
+      if (showImportResult) return /* @__PURE__ */ jsx18(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
+      if (importDefaults === void 0) return /* @__PURE__ */ jsx18(Fragment5, {});
       if (projectPath === void 0) {
-        return /* @__PURE__ */ jsx14(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
+        return /* @__PURE__ */ jsx18(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
       }
       if (tokensPath === void 0) {
-        return /* @__PURE__ */ jsx14(
+        return /* @__PURE__ */ jsx18(
           TokenInputScreen,
           {
             initialPath: importDefaults.tokenFile,
@@ -3599,7 +3774,7 @@ function App({ importOptions, onLaunchImport, importExitCode }) {
         );
       }
       if (scannedFiles === void 0) {
-        return /* @__PURE__ */ jsx14(
+        return /* @__PURE__ */ jsx18(
           PathValidationScreen,
           {
             projectPath,
@@ -3609,7 +3784,19 @@ function App({ importOptions, onLaunchImport, importExitCode }) {
           }
         );
       }
-      return /* @__PURE__ */ jsx14(
+      if (pendingLaunch?.cached) {
+        return /* @__PURE__ */ jsx18(
+          TokenReuseScreen,
+          {
+            tokensPath: pendingLaunch.cached.tokensPath,
+            sourceChanged: pendingLaunch.cached.sourceChanged,
+            onReuse: () => chooseTokenStrategy(pendingLaunch, "reuse"),
+            onRegenerate: () => chooseTokenStrategy(pendingLaunch, "regenerate"),
+            onQuit: leaveImport
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx18(
         CredentialsScreen,
         {
           initial: importDefaults.credentials,
@@ -3618,26 +3805,26 @@ function App({ importOptions, onLaunchImport, importExitCode }) {
         }
       );
     case "help":
-      return /* @__PURE__ */ jsx14(HelpScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx18(HelpScreen, { onDone: goToStart });
     case "upgrade":
-      return /* @__PURE__ */ jsx14(UpgradeScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx18(UpgradeScreen, { onDone: goToStart });
     case "settings":
-      return /* @__PURE__ */ jsx14(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
+      return /* @__PURE__ */ jsx18(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
     case "settings-configuration":
-      return /* @__PURE__ */ jsx14(ConfigurationScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx18(ConfigurationScreen, { onDone: goToSettings });
     case "settings-opt-in-analytics":
-      return /* @__PURE__ */ jsx14(OptInAnalyticsScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx18(OptInAnalyticsScreen, { onDone: goToSettings });
     case "settings-debug-mode":
-      return /* @__PURE__ */ jsx14(DebugModeScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx18(DebugModeScreen, { onDone: goToSettings });
     case "start":
-      return /* @__PURE__ */ jsx14(HomeScreen, { onNavigate: setScreen });
+      return /* @__PURE__ */ jsx18(HomeScreen, { onNavigate: setScreen });
   }
 }
 var CLEAR_SCREEN = "\x1B[2J\x1B[H";
 async function renderUntilImportRequestedOrExit(renderApp, importOptions, importExitCode) {
   let requestedImport;
   const instance = renderApp(
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx18(
       App,
       {
         importOptions,