@contentful/experience-design-system-cli 2.37.1-dev-build-97b615d3.0 → 2.37.1-dev-build-5bd13138.0

package/dist/index.js

@@ -2121,7 +2121,7 @@ async function runAgent(options) {
     promptLen: prompt.length,
     promptHead: prompt.slice(0, 500)
   });
-  return new Promise((resolve25) => {
+  return new Promise((resolve26) => {
     const bedrockEnv = bedrock ? BEDROCK_ENV_BY_AGENT[agent] : void 0;
     const child = spawn3(binary, args, {
       stdio: ["pipe", "pipe", "pipe"],
@@ -2170,7 +2170,7 @@ async function runAgent(options) {
         stderrLen: stderr.length,
         stderrTail: stderr.slice(-1e3)
       });
-      resolve25(result);
+      resolve26(result);
     });
   });
 }
@@ -2192,7 +2192,7 @@ async function checkAgentAuth(agent) {
     return "not-found";
   if (agent !== "claude")
     return "ok";
-  return new Promise((resolve25) => {
+  return new Promise((resolve26) => {
     const child = spawn4(binary, ["auth", "status", "--json"], { stdio: ["ignore", "pipe", "pipe"] });
     let stdout = "";
     let done = false;
@@ -2201,7 +2201,7 @@ async function checkAgentAuth(agent) {
         return;
       done = true;
       child.kill("SIGTERM");
-      resolve25("unauthenticated");
+      resolve26("unauthenticated");
     }, 5e3);
     child.stdout?.on("data", (chunk) => {
       stdout += chunk.toString();
@@ -2212,14 +2212,14 @@ async function checkAgentAuth(agent) {
       done = true;
       clearTimeout(timer);
       if (code !== 0) {
-        resolve25("unauthenticated");
+        resolve26("unauthenticated");
         return;
       }
       try {
         const status = JSON.parse(stdout);
-        resolve25(status.loggedIn ? "ok" : "unauthenticated");
+        resolve26(status.loggedIn ? "ok" : "unauthenticated");
       } catch {
-        resolve25("unauthenticated");
+        resolve26("unauthenticated");
       }
     });
   });
@@ -2229,9 +2229,9 @@ async function binaryIsOnPath(binary) {
     const fs = await import("node:fs/promises");
     return fs.access(binary).then(() => true, () => false);
   }
-  return new Promise((resolve25) => {
+  return new Promise((resolve26) => {
     const child = spawn4(process.platform === "win32" ? "where" : "which", [binary], { stdio: "ignore" });
-    child.on("close", (code) => resolve25(code === 0));
+    child.on("close", (code) => resolve26(code === 0));
   });
 }
 var init_check_agent_auth = __esm({
@@ -4153,12 +4153,12 @@ function renameEmptySlots(db, sessionId, componentId, componentName, slotCount)
     return { renames: [], warnings: [] };
   const renames = [];
   const warnings = [];
-  const rename4 = db.prepare(`UPDATE raw_slots SET name = ? WHERE session_id = ? AND component_id = ? AND name = ? AND position = ?`);
+  const rename5 = db.prepare(`UPDATE raw_slots SET name = ? WHERE session_id = ? AND component_id = ? AND name = ? AND position = ?`);
   db.exec("BEGIN");
   try {
     for (const slot of emptySlots) {
       const newName = slotCount === 1 ? "children" : `slot_${slot.position}`;
-      rename4.run(newName, sessionId, componentId, slot.name, slot.position);
+      rename5.run(newName, sessionId, componentId, slot.name, slot.position);
       renames.push({ oldName: slot.name, newName });
       warnings.push(`${componentName}: slot at position ${slot.position} had empty name \u2014 renamed to "${newName}" for classification`);
     }
@@ -5197,7 +5197,7 @@ function getTsxExtractionContext(filePaths, componentFilePattern) {
     project: createTsxProject(getTsxProjectFiles(filePaths))
   };
 }
-function extractTsxComponents(filePaths, componentFilePattern, extract) {
+function extractTsxComponents(filePaths, componentFilePattern, extract2) {
   const extractionContext = getTsxExtractionContext(filePaths, componentFilePattern);
   if (!extractionContext) {
     return { components: [], warnings: [], exclusions: [] };
@@ -5211,7 +5211,7 @@ function extractTsxComponents(filePaths, componentFilePattern, extract) {
       const sourceFile = project.getSourceFile(filePath);
       if (!sourceFile)
         continue;
-      components.push(...extract(sourceFile, exclusions));
+      components.push(...extract2(sourceFile, exclusions));
     } catch (e) {
       warnings.push(`Failed to extract from ${filePath}: ${e instanceof Error ? e.message : String(e)}`);
     }
@@ -14901,7 +14901,7 @@ function errorMessage(error) {
   return error instanceof Error && error.message ? error.message : String(error);
 }
 function defaultSleep(delayMs) {
-  return new Promise((resolve25) => setTimeout(resolve25, delayMs));
+  return new Promise((resolve26) => setTimeout(resolve26, delayMs));
 }
 var MAX_RETRY_AFTER_MS;
 var init_http_utils = __esm({
@@ -15177,7 +15177,7 @@ var init_api_client = __esm({
             const progress = maxAttempts > 1 ? attempt / (maxAttempts - 1) : 0;
             const baseDelay = intervalMs + (maxIntervalMs - intervalMs) * progress;
             const jitter = Math.random() * baseDelay * 0.15;
-            await new Promise((resolve25) => setTimeout(resolve25, baseDelay + jitter));
+            await new Promise((resolve26) => setTimeout(resolve26, baseDelay + jitter));
           }
         }
         throw new Error(`Operation ${operationId} timed out after ${maxAttempts} attempts`);
@@ -18734,7 +18734,7 @@ async function retryDatabaseWrite(operation, attempts = 8) {
       const message = error instanceof Error ? error.message : String(error);
       if (!/database is locked|database is busy/i.test(message) || attempt >= attempts)
         throw error;
-      await new Promise((resolve25) => setTimeout(resolve25, Math.min(250 * attempt, 2e3)));
+      await new Promise((resolve26) => setTimeout(resolve26, Math.min(250 * attempt, 2e3)));
     }
   }
 }
@@ -19251,12 +19251,12 @@ async function runOneGenerateComponent(options, component, index, total) {
   if (renames.length > 0) {
     const renameMap = new Map(renames.map((r) => [r.oldName, r.newName]));
     effectiveSlots = component.slots.map((s) => renameMap.has(s.name) ? { ...s, name: renameMap.get(s.name) } : s);
-    for (const rename4 of renames) {
+    for (const rename5 of renames) {
       onProgress?.({
         kind: "component:slot-renamed",
         componentName: component.name,
-        oldName: rename4.oldName,
-        newName: rename4.newName
+        oldName: rename5.oldName,
+        newName: rename5.newName
       });
     }
   }
@@ -20527,17 +20527,228 @@ var init_config = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/tui/settings/debug-mode/debug-mode-store.ts
+async function readDebugModeSetting() {
+  const { debugMode } = await readSettings2();
+  return { ...DEFAULT_DEBUG_MODE_SETTING, ...debugMode };
+}
+async function writeDebugModeSetting(setting) {
+  await updateSettings2({ debugMode: setting });
+}
+var DEFAULT_DEBUG_MODE_SETTING;
+var init_debug_mode_store = __esm({
+  "packages/experience-design-system-cli/src/tui/settings/debug-mode/debug-mode-store.ts"() {
+    "use strict";
+    init_config();
+    DEFAULT_DEBUG_MODE_SETTING = {
+      enabled: true
+    };
+  }
+});
+
+// packages/experience-design-system-cli/src/tui/debug-store.ts
+var debug_store_exports = {};
+__export(debug_store_exports, {
+  currentDebugSessionDir: () => currentDebugSessionDir,
+  finishDebugRun: () => finishDebugRun,
+  setDebugOutDir: () => setDebugOutDir,
+  startDebugRun: () => startDebugRun
+});
+import { cp, mkdir as mkdir7, rename as rename3, rm, writeFile as writeFile7 } from "node:fs/promises";
+import { existsSync as existsSync10, readdirSync as readdirSync3 } from "node:fs";
+import { join as join20, resolve as resolve20 } from "node:path";
+function generateRunId() {
+  const now = /* @__PURE__ */ new Date();
+  const pad = (n) => String(n).padStart(2, "0");
+  return `${now.getFullYear()}${pad(now.getMonth() + 1)}${pad(now.getDate())}-${pad(now.getHours())}${pad(now.getMinutes())}${pad(now.getSeconds())}`;
+}
+function datePrefix(now = /* @__PURE__ */ new Date()) {
+  const pad = (n) => String(n).padStart(2, "0");
+  return `${pad(now.getMonth() + 1)}-${pad(now.getDate())}-${now.getFullYear()}`;
+}
+function slugify(value) {
+  return value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+}
+function generateSessionId3() {
+  const today = datePrefix();
+  const root = debugSessionsDir2();
+  const existing = existsSync10(root) ? readdirSync3(root) : [];
+  const seqPattern = new RegExp(`^${today}-session-(\\d+)$`);
+  const maxSeq = existing.reduce((max, entry) => {
+    const match2 = seqPattern.exec(entry);
+    return match2 ? Math.max(max, Number(match2[1])) : max;
+  }, 0);
+  return `${today}-session-${maxSeq + 1}`;
+}
+function sessionDebugDir() {
+  return join20(projectSessionsRoot ?? debugSessionsDir2(), SESSION_ID);
+}
+function currentDebugSessionDir() {
+  return sessionDebugDir();
+}
+async function setDebugOutDir(outDir) {
+  if (!await isDebugModeEnabled()) return;
+  const nextRoot = join20(resolve20(outDir), "debug", "sessions");
+  const from = sessionDebugDir();
+  const to = join20(nextRoot, SESSION_ID);
+  if (from === to) return;
+  try {
+    await mkdir7(nextRoot, { recursive: true });
+    if (existsSync10(from)) {
+      try {
+        await rename3(from, to);
+      } catch {
+        await cp(from, to, { recursive: true });
+        await rm(from, { recursive: true, force: true });
+      }
+    } else {
+      await mkdir7(to, { recursive: true });
+    }
+    projectSessionsRoot = nextRoot;
+  } catch {
+  }
+}
+async function isDebugModeEnabled() {
+  try {
+    return (await readDebugModeSetting()).enabled;
+  } catch {
+    return true;
+  }
+}
+function redact(value) {
+  const clone = { ...value };
+  if ("cma_token" in clone) {
+    const raw = clone.cma_token;
+    clone.cma_token = typeof raw === "string" && raw.length > 0 ? `[present, ${raw.length} chars]` : "[not set]";
+  }
+  return clone;
+}
+function startDebugRun({
+  flow,
+  step,
+  menuOption,
+  inputs
+}) {
+  const runId = generateRunId();
+  const startedAt = Date.now();
+  const redactedInputs = redact(inputs);
+  isDebugModeEnabled().then((enabled) => {
+    if (!enabled) return;
+    pendingRun = { flow, step, runId, menuOption, inputs: redactedInputs, startedAt };
+  });
+}
+async function finishDebugRun({
+  outputs,
+  status,
+  exitMethod
+}) {
+  const run = pendingRun;
+  if (!run) return;
+  pendingRun = void 0;
+  const durationMs = Date.now() - run.startedAt;
+  const content = renderMarkdown(run, { outputs: redact(outputs), status, exitMethod, durationMs });
+  const flowSegments = run.flow.split("/");
+  const dir = join20(sessionDebugDir(), ...flowSegments);
+  await mkdir7(dir, { recursive: true });
+  const filename = nextAttemptFilename(dir, run.menuOption);
+  await writeFile7(join20(dir, filename), content, { mode: 384 });
+}
+function nextAttemptFilename(dir, menuOption) {
+  const today = datePrefix();
+  const optionSlug = slugify(menuOption);
+  const existing = existsSync10(dir) ? readdirSync3(dir) : [];
+  const attemptPattern = new RegExp(`^${today}-${optionSlug}-attempt-(\\d+)\\.md$`);
+  const maxAttempt = existing.reduce((max, entry) => {
+    const match2 = attemptPattern.exec(entry);
+    return match2 ? Math.max(max, Number(match2[1])) : max;
+  }, 0);
+  return `${today}-${optionSlug}-attempt-${maxAttempt + 1}.md`;
+}
+function renderMarkdown(run, finish) {
+  const stepMatch = /^(\d+)-(.+)$/.exec(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: ${stepLabel2}
+- Menu option: ${run.menuOption}
+- Date: ${(/* @__PURE__ */ new Date()).toISOString()}
+- CLI version: ${readPackageVersion()}
+- Platform: ${process.platform} / Node ${process.version}
+- Duration on screen: ${finish.durationMs}ms
+- Status: ${finish.status}
+- Exit method: ${finish.exitMethod}
+
+## Inputs
+\`\`\`json
+${JSON.stringify(run.inputs, null, 2)}
+\`\`\`
+
+## Outputs
+\`\`\`json
+${JSON.stringify(finish.outputs, null, 2)}
+\`\`\`
+`;
+}
+function handleCrash() {
+  return finishDebugRun({ outputs: {}, status: "error", exitMethod: "crashed" });
+}
+var pendingRun, SESSION_ID, projectSessionsRoot;
+var init_debug_store = __esm({
+  "packages/experience-design-system-cli/src/tui/debug-store.ts"() {
+    "use strict";
+    init_config();
+    init_version();
+    init_debug_mode_store();
+    SESSION_ID = generateSessionId3();
+    void isDebugModeEnabled().then((enabled) => {
+      if (!enabled) return void 0;
+      return mkdir7(sessionDebugDir(), { recursive: true });
+    });
+    process.once("uncaughtException", (err) => {
+      void handleCrash().finally(() => {
+        throw err;
+      });
+    });
+    process.once("unhandledRejection", (reason) => {
+      void handleCrash().finally(() => {
+        throw reason;
+      });
+    });
+    process.once("SIGINT", () => {
+      void handleCrash().finally(() => {
+        process.exit(130);
+      });
+    });
+  }
+});
+
+// packages/experience-design-system-cli/src/tui/import/debug-hooks.ts
+var realDebugHooks;
+var init_debug_hooks = __esm({
+  "packages/experience-design-system-cli/src/tui/import/debug-hooks.ts"() {
+    "use strict";
+    realDebugHooks = {
+      setOutDir: async (outDir) => (await Promise.resolve().then(() => (init_debug_store(), debug_store_exports))).setDebugOutDir(outDir),
+      start: (run) => void Promise.resolve().then(() => (init_debug_store(), debug_store_exports)).then((m) => m.startDebugRun(run)),
+      finish: async (run) => (await Promise.resolve().then(() => (init_debug_store(), debug_store_exports))).finishDebugRun(run)
+    };
+  }
+});
+
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/find-skill-path.ts
-import { existsSync as existsSync10 } from "node:fs";
-import { dirname as dirname14, join as join20, resolve as resolve20 } from "node:path";
+import { existsSync as existsSync11 } from "node:fs";
+import { dirname as dirname14, join as join21, resolve as resolve21 } from "node:path";
 import { fileURLToPath as fileURLToPath4 } from "node:url";
 function findSkillPath(fileName) {
   const thisDir = dirname14(fileURLToPath4(import.meta.url));
   let dir = thisDir;
   for (; ; ) {
-    const candidate = join20(dir, "skills", fileName);
-    if (existsSync10(candidate)) return candidate;
-    const parent = resolve20(dir, "..");
+    const candidate = join21(dir, "skills", fileName);
+    if (existsSync11(candidate)) return candidate;
+    const parent = resolve21(dir, "..");
     if (parent === dir) {
       throw new Error(`skill file not found (looked for skills/${fileName} from ${thisDir})`);
     }
@@ -20551,9 +20762,9 @@ var init_find_skill_path = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/selection.ts
-import { resolve as resolve21 } from "node:path";
+import { resolve as resolve22 } from "node:path";
 async function hashSelectPrompt(options) {
-  const promptHash = options.promptText ? hashContent(options.promptText) : options.promptPath ? await hashFile(resolve21(options.promptPath)) : await hashFile(SELECT_SKILL_PATH);
+  const promptHash = options.promptText ? hashContent(options.promptText) : options.promptPath ? await hashFile(resolve22(options.promptPath)) : await hashFile(SELECT_SKILL_PATH);
   return hashContent(`${promptHash}|${options.agent}|${options.model ?? ""}`);
 }
 async function runSelection(options) {
@@ -20647,10 +20858,29 @@ var init_selection2 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/run.ts
-import { mkdir as mkdir7 } from "node:fs/promises";
-import { join as join21, resolve as resolve22 } from "node:path";
+import { mkdir as mkdir8 } from "node:fs/promises";
+import { join as join22, resolve as resolve23 } from "node:path";
 async function runExtraction(input, onProgress, deps = realDeps) {
-  const outDir = join21(resolve22(input.projectPath), ".contentful");
+  const outDir = join22(resolve23(input.projectPath), ".contentful");
+  await deps.debug?.setOutDir(outDir);
+  deps.debug?.start({
+    flow: "import",
+    step: "06-extraction",
+    menuOption: "Import",
+    inputs: {
+      projectPath: input.projectPath,
+      agent: input.agent,
+      files: input.filePaths.length,
+      noCache: input.noCache
+    }
+  });
+  const result = await extract(input, outDir, onProgress, deps);
+  await deps.debug?.finish(
+    result.ok ? { outputs: { sessionId: result.extraction.sessionId, outDir }, status: "success", exitMethod: "saved" } : { outputs: { step: result.step, message: result.message }, status: "error", exitMethod: "discarded" }
+  );
+  return result;
+}
+async function extract(input, outDir, onProgress, deps) {
   let progress = initialProgress({
     hasCredentials: input.credentials !== null,
     hasRawTokens: input.rawTokensPath !== "",
@@ -20745,7 +20975,7 @@ async function runExtraction(input, onProgress, deps = realDeps) {
   const extraction = {
     sessionId: extracted.sessionId,
     outDir,
-    tokensPath: tokens?.ok ? tokens.tokensPath : hasTokenSource ? join21(outDir, "tokens.json") : "",
+    tokensPath: tokens?.ok ? tokens.tokensPath : hasTokenSource ? join22(outDir, "tokens.json") : "",
     tokenSessionId: tokens?.ok ? tokens.tokenSessionId : null,
     tokenCount: tokens?.ok ? tokens.tokenCount : 0,
     existingEntitiesPath,
@@ -20756,7 +20986,7 @@ async function runExtraction(input, onProgress, deps = realDeps) {
 }
 async function fetchEntities(credentials, outDir) {
   try {
-    await mkdir7(outDir, { recursive: true });
+    await mkdir8(outDir, { recursive: true });
     const result = await fetchAndPersistExistingContentfulEntities({
       spaceId: credentials.spaceId,
       environmentId: credentials.environmentId,
@@ -20776,7 +21006,7 @@ async function resolveSelectionPrompt(overrides) {
   if (select?.kind === "text") return { promptText: select.value };
   if (select?.kind === "path") {
     await resolvePromptOverride(select);
-    return { promptPath: resolve22(select.value) };
+    return { promptPath: resolve23(select.value) };
   }
   return {};
 }
@@ -20785,6 +21015,7 @@ var init_run = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/06-extraction/run.ts"() {
     "use strict";
     init_src4();
+    init_debug_hooks();
     init_find_skill_path();
     init_logic9();
     init_selection2();
@@ -20794,7 +21025,8 @@ var init_run = __esm({
       fetchEntities,
       runExtractAndComposeSession,
       runGenerateTokensSession,
-      runSelection
+      runSelection,
+      debug: realDebugHooks
     };
     fail = (step, message) => ({ ok: false, step, message });
     errorMessage2 = (error) => error instanceof Error ? error.message : String(error);
@@ -24041,7 +24273,7 @@ var init_save_decisions = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/run.ts
-import { resolve as resolve23 } from "node:path";
+import { resolve as resolve24 } from "node:path";
 async function runGeneration(input, onProgress, deps = realDeps3) {
   let progress = { components: null, mapTokens: "idle", mapTokensEligible: null };
   const update = (change) => {
@@ -24127,7 +24359,7 @@ async function buildMapTokensOptions(input) {
   if (mapOverride?.kind === "text") prompt.skillContentOverride = mapOverride.value;
   if (mapOverride?.kind === "path") {
     await resolvePromptOverride(mapOverride);
-    prompt.skillPathOverride = resolve23(mapOverride.value);
+    prompt.skillPathOverride = resolve24(mapOverride.value);
   }
   if (input.existingEntitiesPath) {
     const entities = await readExistingContentfulEntitiesFromSession({ path: input.existingEntitiesPath });
@@ -24205,7 +24437,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 } = input;
   const credentials = extraction.credentials ?? {
@@ -24218,7 +24450,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,
@@ -30414,7 +30646,7 @@ var init_DoneStep = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/path-utils.ts
-import { resolve as resolve24 } from "node:path";
+import { resolve as resolve25 } from "node:path";
 import { homedir as homedir4 } from "node:os";
 function expandTilde(input) {
   if (input === "~" || input.startsWith("~/") || input.startsWith("~\\")) {
@@ -30428,7 +30660,7 @@ function normalizePath(input) {
     p = p.slice(1, -1);
   }
   p = expandTilde(p);
-  return resolve24(p);
+  return resolve25(p);
 }
 var init_path_utils = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/path-utils.ts"() {
@@ -30455,8 +30687,8 @@ var init_use_blinking_cursor = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PathPrompt.tsx
 import { useState as useState24 } from "react";
 import { Box as Box37, Text as Text40 } from "ink";
-import { readdirSync as readdirSync3 } from "node:fs";
-import { dirname as dirname15, basename as basename6, join as join23 } from "node:path";
+import { readdirSync as readdirSync4 } from "node:fs";
+import { dirname as dirname15, basename as basename6, join as join24 } from "node:path";
 import { jsx as jsx47, jsxs as jsxs38 } from "react/jsx-runtime";
 function autocomplete(partial) {
   if (!partial) return null;
@@ -30465,19 +30697,19 @@ function autocomplete(partial) {
   const base = basename6(normalized);
   let entries;
   try {
-    entries = readdirSync3(dir);
+    entries = readdirSync4(dir);
   } catch {
     return null;
   }
   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,
@@ -31134,6 +31366,7 @@ var init_run_teaser = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
+import { useEffect as useEffect20, useRef as useRef12 } from "react";
 import { Box as Box41 } from "ink";
 import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
 function totalStepsFor(state) {
@@ -31149,10 +31382,18 @@ function FlowScreen({
   controller,
   livePreview = true,
   generatePromptPath,
-  onExit
+  onExit,
+  onStepChange
 }) {
   const totalSteps = totalStepsFor(state);
   const quit = () => onExit(0);
+  const previousStep = useRef12(state.step);
+  useEffect20(() => {
+    if (previousStep.current !== state.step) {
+      onStepChange?.();
+      previousStep.current = state.step;
+    }
+  }, [state.step, onStepChange]);
   const content = (() => {
     switch (state.step) {
       case "final-review":
@@ -31671,8 +31912,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 writeFile7 } from "node:fs/promises";
-import { join as join24 } from "node:path";
+import { writeFile as writeFile8 } 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");
@@ -31684,7 +31925,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 = [];
@@ -31768,10 +32009,10 @@ var init_save = __esm({
     realSaveDeps = () => ({
       openDb: openPipelineDb,
       readTokens: (path5) => readTokensFromPath2({ flag: "tokens", path: path5 }),
-      writeFile: (path5, contents) => writeFile7(path5, contents),
+      writeFile: (path5, contents) => writeFile8(path5, contents),
       appendRun,
       buildSourceFingerprint,
-      sleep: (ms) => new Promise((resolve25) => setTimeout(resolve25, ms)),
+      sleep: (ms) => new Promise((resolve26) => setTimeout(resolve26, ms)),
       warn: (message) => process.stderr.write(message)
     });
   }
@@ -31791,9 +32032,9 @@ var init_types9 = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/controller.ts
 import { appendFileSync, writeFileSync } from "node:fs";
-import { mkdir as mkdir8 } from "node:fs/promises";
+import { mkdir as mkdir9 } from "node:fs/promises";
 import { tmpdir } from "node:os";
-import { join as join25 } from "node:path";
+import { join as join26 } from "node:path";
 function appendWizardLog(entry) {
   appendFileSync(WIZARD_LOG, JSON.stringify({ ts: (/* @__PURE__ */ new Date()).toISOString(), ...entry }) + "\n");
 }
@@ -31816,13 +32057,14 @@ function realFlowDeps() {
       }
     },
     mkdir: async (path5) => {
-      await mkdir8(path5, { recursive: true });
+      await mkdir9(path5, { recursive: true });
     },
     detectSaveConflict,
     buildTimestampedSubdir,
     rejectComponentsByName,
     log,
-    stderr: (text) => process.stderr.write(text)
+    stderr: (text) => process.stderr.write(text),
+    debug: realDebugHooks
   };
 }
 function initialFlowState(start) {
@@ -31920,12 +32162,6 @@ function createFlowController(start, deps) {
       deps.log({ update: sanitizeForLog(patch) });
     } catch {
     }
-    if (patch.step !== void 0 && patch.step !== state.step) {
-      try {
-        deps.beforeStepChange?.();
-      } catch {
-      }
-    }
     state = { ...state, ...patch };
     for (const listener of listeners) listener();
   };
@@ -31972,6 +32208,13 @@ function createFlowController(start, deps) {
   };
   const proceedToWrite = async (path5) => {
     update({ outDir: path5 });
+    await deps.debug?.setOutDir(path5);
+    deps.debug?.start({
+      flow: "import",
+      step: "10-flow",
+      menuOption: "Save",
+      inputs: { outDir: path5, extractSessionId: state.extractSessionId, andPush: !!pendingSave.andPush }
+    });
     const { skipGate, andPush } = pendingSave;
     const written = await runPrintFiles(
       {
@@ -31986,6 +32229,9 @@ function createFlowController(start, deps) {
       update
     );
     update(written.patch);
+    await deps.debug?.finish(
+      written.ok ? { outputs: { componentsPath: join26(path5, "components.json") }, status: "success", exitMethod: "saved" } : { outputs: { error: written.patch.errorMessage ?? "unknown" }, status: "error", exitMethod: "discarded" }
+    );
     if (!written.ok) return;
     const runId = await recordRun({ state, savePath: path5 }, deps.save);
     if (runId) update({ lastRunId: runId });
@@ -32069,35 +32315,32 @@ var init_controller = __esm({
     init_slot_graph();
     init_cycle_detection();
     init_wizard_state_transitions();
+    init_debug_hooks();
     init_preview2();
     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 useEffect20, useRef as useRef12, useSyncExternalStore } from "react";
-function useFlow(start, options = {}) {
-  const controller = useRef12();
+import { useEffect as useEffect21, useRef as useRef13, useSyncExternalStore } from "react";
+function useFlow(start, deps = realFlowDeps) {
+  const controller = useRef13();
   if (start && !controller.current) {
     try {
       startWizardLog();
     } catch {
     }
-    const flowDeps = (options.deps ?? realFlowDeps)();
-    controller.current = createFlowController(start, {
-      ...flowDeps,
-      ...options.beforeStepChange ? { beforeStepChange: options.beforeStepChange } : {}
-    });
+    controller.current = createFlowController(start, deps());
   }
   const current = controller.current;
   const state = useSyncExternalStore(
     (listener) => current?.subscribe(listener) ?? (() => void 0),
     () => current?.getState()
   );
-  useEffect20(() => {
+  useEffect21(() => {
     if (!start) controller.current = void 0;
   }, [start]);
   return current && state ? { controller: current, state } : void 0;
@@ -32109,175 +32352,6 @@ var init_use_flow = __esm({
   }
 });
 
-// packages/experience-design-system-cli/src/tui/settings/debug-mode/debug-mode-store.ts
-async function readDebugModeSetting() {
-  const { debugMode } = await readSettings2();
-  return { ...DEFAULT_DEBUG_MODE_SETTING, ...debugMode };
-}
-async function writeDebugModeSetting(setting) {
-  await updateSettings2({ debugMode: setting });
-}
-var DEFAULT_DEBUG_MODE_SETTING;
-var init_debug_mode_store = __esm({
-  "packages/experience-design-system-cli/src/tui/settings/debug-mode/debug-mode-store.ts"() {
-    "use strict";
-    init_config();
-    DEFAULT_DEBUG_MODE_SETTING = {
-      enabled: true
-    };
-  }
-});
-
-// packages/experience-design-system-cli/src/tui/debug-store.ts
-import { mkdir as mkdir9, writeFile as writeFile8 } from "node:fs/promises";
-import { existsSync as existsSync11, readdirSync as readdirSync4 } from "node:fs";
-import { join as join26 } from "node:path";
-function generateRunId() {
-  const now = /* @__PURE__ */ new Date();
-  const pad = (n) => String(n).padStart(2, "0");
-  return `${now.getFullYear()}${pad(now.getMonth() + 1)}${pad(now.getDate())}-${pad(now.getHours())}${pad(now.getMinutes())}${pad(now.getSeconds())}`;
-}
-function datePrefix(now = /* @__PURE__ */ new Date()) {
-  const pad = (n) => String(n).padStart(2, "0");
-  return `${pad(now.getMonth() + 1)}-${pad(now.getDate())}-${now.getFullYear()}`;
-}
-function slugify(value) {
-  return value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
-}
-function generateSessionId3() {
-  const today = datePrefix();
-  const root = debugSessionsDir2();
-  const existing = existsSync11(root) ? readdirSync4(root) : [];
-  const seqPattern = new RegExp(`^${today}-session-(\\d+)$`);
-  const maxSeq = existing.reduce((max, entry) => {
-    const match2 = seqPattern.exec(entry);
-    return match2 ? Math.max(max, Number(match2[1])) : max;
-  }, 0);
-  return `${today}-session-${maxSeq + 1}`;
-}
-function sessionDebugDir() {
-  return join26(debugSessionsDir2(), SESSION_ID);
-}
-function currentDebugSessionDir() {
-  return sessionDebugDir();
-}
-async function isDebugModeEnabled() {
-  try {
-    return (await readDebugModeSetting()).enabled;
-  } catch {
-    return true;
-  }
-}
-function redact(value) {
-  const clone = { ...value };
-  if ("cma_token" in clone) {
-    const raw = clone.cma_token;
-    clone.cma_token = typeof raw === "string" && raw.length > 0 ? `[present, ${raw.length} chars]` : "[not set]";
-  }
-  return clone;
-}
-function startDebugRun({
-  flow,
-  step,
-  menuOption,
-  inputs
-}) {
-  const runId = generateRunId();
-  const startedAt = Date.now();
-  const redactedInputs = redact(inputs);
-  isDebugModeEnabled().then((enabled) => {
-    if (!enabled) return;
-    pendingRun = { flow, step, runId, menuOption, inputs: redactedInputs, startedAt };
-  });
-}
-async function finishDebugRun({
-  outputs,
-  status,
-  exitMethod
-}) {
-  const run = pendingRun;
-  if (!run) return;
-  pendingRun = void 0;
-  const durationMs = Date.now() - run.startedAt;
-  const content = renderMarkdown(run, { outputs: redact(outputs), status, exitMethod, durationMs });
-  const flowSegments = run.flow.split("/");
-  const dir = join26(sessionDebugDir(), ...flowSegments);
-  await mkdir9(dir, { recursive: true });
-  const filename = nextAttemptFilename(dir, run.menuOption);
-  await writeFile8(join26(dir, filename), content, { mode: 384 });
-}
-function nextAttemptFilename(dir, menuOption) {
-  const today = datePrefix();
-  const optionSlug = slugify(menuOption);
-  const existing = existsSync11(dir) ? readdirSync4(dir) : [];
-  const attemptPattern = new RegExp(`^${today}-${optionSlug}-attempt-(\\d+)\\.md$`);
-  const maxAttempt = existing.reduce((max, entry) => {
-    const match2 = attemptPattern.exec(entry);
-    return match2 ? Math.max(max, Number(match2[1])) : max;
-  }, 0);
-  return `${today}-${optionSlug}-attempt-${maxAttempt + 1}.md`;
-}
-function renderMarkdown(run, finish) {
-  const stepMatch = /^(\d+)-(.+)$/.exec(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: ${stepLabel2}
-- Menu option: ${run.menuOption}
-- Date: ${(/* @__PURE__ */ new Date()).toISOString()}
-- CLI version: ${readPackageVersion()}
-- Platform: ${process.platform} / Node ${process.version}
-- Duration on screen: ${finish.durationMs}ms
-- Status: ${finish.status}
-- Exit method: ${finish.exitMethod}
-
-## Inputs
-\`\`\`json
-${JSON.stringify(run.inputs, null, 2)}
-\`\`\`
-
-## Outputs
-\`\`\`json
-${JSON.stringify(finish.outputs, null, 2)}
-\`\`\`
-`;
-}
-function handleCrash() {
-  return finishDebugRun({ outputs: {}, status: "error", exitMethod: "crashed" });
-}
-var pendingRun, SESSION_ID;
-var init_debug_store = __esm({
-  "packages/experience-design-system-cli/src/tui/debug-store.ts"() {
-    "use strict";
-    init_config();
-    init_version();
-    init_debug_mode_store();
-    SESSION_ID = generateSessionId3();
-    void isDebugModeEnabled().then((enabled) => {
-      if (!enabled) return void 0;
-      return mkdir9(sessionDebugDir(), { recursive: true });
-    });
-    process.once("uncaughtException", (err) => {
-      void handleCrash().finally(() => {
-        throw err;
-      });
-    });
-    process.once("unhandledRejection", (reason) => {
-      void handleCrash().finally(() => {
-        throw reason;
-      });
-    });
-    process.once("SIGINT", () => {
-      void handleCrash().finally(() => {
-        process.exit(130);
-      });
-    });
-  }
-});
-
 // packages/experience-design-system-cli/src/tui/help/help-info.ts
 async function readHelpInfo() {
   const debugMode = await readDebugModeSetting();
@@ -32285,7 +32359,8 @@ async function readHelpInfo() {
     storage: [
       { label: "Config folder", value: configRoot2() },
       { label: "Settings file", value: configFilePath2() },
-      { label: "Debug logs", value: debugSessionsDir2() }
+      { label: "Debug logs", value: "<project>/.contentful/debug/sessions, next to components.json" },
+      { label: "No project", value: `${debugSessionsDir2()} (sessions that never pick a project)` }
     ],
     troubleshooting: [
       { label: "CLI version", value: readPackageVersion() },
@@ -32310,7 +32385,7 @@ var init_help_info = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
-import { useEffect as useEffect21, useState as useState27 } from "react";
+import { useEffect as useEffect22, useState as useState27 } from "react";
 import { Box as Box42, Text as Text44, useInput as useInput9 } from "ink";
 import { Fragment as Fragment16, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
 function Section({ title, rows }) {
@@ -32324,7 +32399,7 @@ function Section({ title, rows }) {
 }
 function HelpScreen({ onDone }) {
   const [info, setInfo] = useState27();
-  useEffect21(() => {
+  useEffect22(() => {
     startDebugRun({ flow: "help", step: "01-help", menuOption: "Help", inputs: {} });
     void readHelpInfo().then(setInfo);
   }, []);
@@ -32473,7 +32548,7 @@ var init_config_store = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
-import { useEffect as useEffect22, useState as useState29 } from "react";
+import { useEffect as useEffect23, useState as useState29 } from "react";
 import { Box as Box44, Text as Text46, useInput as useInput11 } from "ink";
 import TextInput4 from "ink-text-input";
 import { Fragment as Fragment17, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
@@ -32495,7 +32570,7 @@ function ConfigurationScreen({ onDone }) {
   const [lastSaved, setLastSaved] = useState29(null);
   const [editing, setEditing] = useState29(false);
   const [valueBeforeEdit, setValueBeforeEdit] = useState29("");
-  useEffect22(() => {
+  useEffect23(() => {
     readCredentials().then((cfg) => {
       setConfig(cfg);
       setStage("form");
@@ -32679,13 +32754,13 @@ var init_analytics_store = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
-import { useEffect as useEffect23, useState as useState30 } from "react";
+import { useEffect as useEffect24, useState as useState30 } from "react";
 import { Box as Box45, Text as Text47, useInput as useInput12 } from "ink";
 import { Fragment as Fragment18, jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
   const [loading, setLoading] = useState30(true);
   const [enabled, setEnabled] = useState30(true);
-  useEffect23(() => {
+  useEffect24(() => {
     readAnalyticsSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -32748,12 +32823,12 @@ var init_screen11 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/upgrade/PageContainer.tsx
-import { useEffect as useEffect24, useState as useState31 } from "react";
+import { useEffect as useEffect25, useState as useState31 } from "react";
 import { Box as Box46, Text as Text48, useInput as useInput13 } from "ink";
 import { jsx as jsx57, jsxs as jsxs47 } from "react/jsx-runtime";
 function UpgradeScreen({ onDone }) {
   const [upgradeCheck, setUpgradeCheck] = useState31();
-  useEffect24(() => {
+  useEffect25(() => {
     startDebugRun({
       flow: "upgrade",
       step: "01-upgrade",
@@ -32828,13 +32903,13 @@ var init_PageContainer4 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
-import { useEffect as useEffect25, useState as useState32 } from "react";
+import { useEffect as useEffect26, useState as useState32 } from "react";
 import { Box as Box47, Text as Text49, useInput as useInput14 } from "ink";
 import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
 function DebugModeScreen({ onDone }) {
   const [loading, setLoading] = useState32(true);
   const [enabled, setEnabled] = useState32(true);
-  useEffect25(() => {
+  useEffect26(() => {
     readDebugModeSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -32897,7 +32972,7 @@ __export(app_exports, {
   runApp: () => runApp
 });
 import { join as join27 } from "node:path";
-import { useEffect as useEffect26, useState as useState33 } from "react";
+import { useEffect as useEffect27, useState as useState33 } from "react";
 import { Fragment as Fragment19, jsx as jsx59 } from "react/jsx-runtime";
 function App({ importOptions, inkClear }) {
   const [screen, setScreen] = useState33("start");
@@ -32927,9 +33002,9 @@ function App({ importOptions, inkClear }) {
   const [generationInput, setGenerationInput] = useState33();
   const generation = useGeneration(generationInput);
   const [flowStart, setFlowStart] = useState33();
-  const flow = useFlow(flowStart, { beforeStepChange: inkClear });
+  const flow = useFlow(flowStart);
   const [importDefaults, setImportDefaults] = useState33();
-  useEffect26(() => {
+  useEffect27(() => {
     if (screen !== "import") {
       setImportDefaults(void 0);
       return;
@@ -32987,12 +33062,12 @@ function App({ importOptions, inkClear }) {
       }
     });
   };
-  useEffect26(() => {
+  useEffect27(() => {
     if (!extractionRun || extraction?.status !== "done" || !extraction.result.ok) return;
     setExtractionRun(void 0);
     setScopeRun({ ...extractionRun, extraction: extraction.result.extraction });
   }, [extraction, extractionRun]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!scopeRun || scopeFlow?.status !== "confirmed" || generationInput) return;
     const { extraction: produced, input, generatePromptPath } = scopeRun;
     setGenerationInput({
@@ -33010,7 +33085,7 @@ function App({ importOptions, inkClear }) {
       ...generatePromptPath ? { generatePromptPath } : {}
     });
   }, [scopeFlow, scopeRun, generationInput]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!scopeRun || generation?.status !== "done" || !generation.result.ok) return;
     const { credentialsSkipped, tokenStrategy, extraction: produced, input, generatePromptPath } = scopeRun;
     inkClear();
@@ -33061,7 +33136,8 @@ function App({ importOptions, inkClear }) {
             state: flow.state,
             controller: flow.controller,
             generatePromptPath: flowStart.generatePromptPath,
-            onExit: setImportExitCode
+            onExit: setImportExitCode,
+            onStepChange: inkClear
           }
         );
       }
@@ -33322,14 +33398,14 @@ function runDevWatch(args) {
     process.stderr.write("--watch only works from a checkout of the repo (scripts/dev.mjs is not in the package).\n");
     return Promise.resolve(1);
   }
-  return new Promise((resolve25) => {
+  return new Promise((resolve26) => {
     const child = spawn2(process.execPath, [script, ...args], { stdio: "inherit" });
     process.on("SIGINT", () => void 0);
-    child.on("exit", (code) => resolve25(code ?? 0));
+    child.on("exit", (code) => resolve26(code ?? 0));
     child.on("error", (err) => {
       process.stderr.write(`${err.message}
 `);
-      resolve25(1);
+      resolve26(1);
     });
   });
 }
@@ -33373,7 +33449,7 @@ function createProgram() {
 init_config();
 init_package_root();
 import { existsSync as existsSync12 } from "node:fs";
-import { mkdir as mkdir10, readFile as readFile19, rename as rename3, rmdir, unlink } from "node:fs/promises";
+import { mkdir as mkdir10, readFile as readFile19, rename as rename4, rmdir, unlink } from "node:fs/promises";
 import { dirname as dirname16, join as join29 } from "node:path";
 var PACKAGE_NAME4 = "@contentful/experience-design-system-cli";
 async function readJson(path5) {
@@ -33401,7 +33477,7 @@ async function migrateOldConfig() {
     if (existsSync12(oldRuns)) {
       if (!existsSync12(runsFilePath2())) {
         await mkdir10(dirname16(runsFilePath2()), { recursive: true });
-        await rename3(oldRuns, runsFilePath2());
+        await rename4(oldRuns, runsFilePath2());
       } else {
         await unlink(oldRuns);
       }