@contentful/experience-design-system-cli 2.40.1-dev-build-0aff4b7e.0 → 2.40.1-dev-build-d17741e4.0

package/dist/index.js

@@ -40,14 +40,14 @@ function excerptAroundNames(text, names, maxChars, contextLines = 6) {
     if (mentioned.length === 0)
       return;
     const start = Math.max(0, index - contextLines);
-    const end = Math.min(lines.length - 1, index + contextLines);
+    const end2 = Math.min(lines.length - 1, index + contextLines);
     const last = windows[windows.length - 1];
     if (last && start <= last.end + 1) {
-      last.end = Math.max(last.end, end);
+      last.end = Math.max(last.end, end2);
       for (const name of mentioned)
         last.names.add(name);
     } else {
-      windows.push({ start, end, names: new Set(mentioned) });
+      windows.push({ start, end: end2, names: new Set(mentioned) });
     }
   });
   if (windows.length === 0) {
@@ -1232,19 +1232,19 @@ function readToolCallObjects(stdout) {
     const line = raw.trim();
     if (!line.startsWith("{"))
       continue;
-    const end = findJsonObjectEnd(line);
-    if (end === -1) {
+    const end2 = findJsonObjectEnd(line);
+    if (end2 === -1) {
       warnings.push(`unparseable line: ${line.slice(0, 120)}`);
       continue;
     }
     let parsed;
     try {
-      parsed = JSON.parse(line.slice(0, end + 1));
+      parsed = JSON.parse(line.slice(0, end2 + 1));
     } catch {
       warnings.push(`unparseable line: ${line.slice(0, 120)}`);
       continue;
     }
-    const trailing = line.slice(end + 1);
+    const trailing = line.slice(end2 + 1);
     if (trailing.trim()) {
       warnings.push(`ignored trailing content after JSON: ${trailing.trim().slice(0, 120)}`);
     }
@@ -10444,10 +10444,10 @@ async function resolveViaTypeChecker(annotation, instance, moduleScript, filePat
 }
 function sliceSource(source, node) {
   const start = node["start"] ?? null;
-  const end = node["end"] ?? null;
-  if (start == null || end == null)
+  const end2 = node["end"] ?? null;
+  if (start == null || end2 == null)
     return null;
-  return source.slice(start, end);
+  return source.slice(start, end2);
 }
 function sliceScriptContent(source, script) {
   if (!script)
@@ -18053,10 +18053,10 @@ var init_read_candidate_files = __esm({
 async function selectCompositionPromptFiles(components, sourceFiles) {
   const allFiles = await readCandidateFiles(components, sourceFiles);
   const selectedCandidates = selectCandidateFiles(allFiles).map((c2) => ({ path: c2.path, content: c2.content }));
-  const capped = capCandidatesToPromptBudget(selectedCandidates);
-  const promptFiles = capped.kept;
+  const capped2 = capCandidatesToPromptBudget(selectedCandidates);
+  const promptFiles = capped2.kept;
   const runtimeFiles = allFiles.map((c2) => ({ path: c2.path, content: c2.content }));
-  const droppedWarning = capped.dropped.length > 0 ? `composition \u2014 ${capped.dropped.length} candidate file(s) omitted from the agent prompt to fit the context budget; resolution runs on the ${promptFiles.length} highest-value files.` : void 0;
+  const droppedWarning = capped2.dropped.length > 0 ? `composition \u2014 ${capped2.dropped.length} candidate file(s) omitted from the agent prompt to fit the context budget; resolution runs on the ${promptFiles.length} highest-value files.` : void 0;
   return { promptFiles, runtimeFiles, droppedWarning };
 }
 var init_select_composition_prompt_files = __esm({
@@ -19592,9 +19592,10 @@ function startDebugRun({
   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 };
+  const run = { flow, step, runId, menuOption, inputs: redactedInputs, startedAt };
+  pendingRun = run;
+  void isDebugModeEnabled().then((enabled) => {
+    if (!enabled && pendingRun === run) pendingRun = void 0;
   });
 }
 async function finishDebugRun({
@@ -19605,9 +19606,10 @@ async function finishDebugRun({
   const run = pendingRun;
   if (!run) return;
   pendingRun = void 0;
+  if (!await isDebugModeEnabled()) return;
   const durationMs = Date.now() - run.startedAt;
   const log = {
-    flow: run.flow,
+    flow: logFolder(run.flow, run.step),
     menuOption: run.menuOption,
     content: renderMarkdown(run, { outputs: redact(outputs), status, exitMethod, durationMs })
   };
@@ -19618,6 +19620,9 @@ async function finishDebugRun({
   }
   await writeLog(root, log);
 }
+function logFolder(flow, step) {
+  return flow.startsWith("import/") && /^\d+-/.test(step) ? `import/${step}` : flow;
+}
 async function writeLog(root, log) {
   const dir = join19(root, ...log.flow.split("/"));
   await mkdir7(dir, { recursive: true });
@@ -21077,6 +21082,45 @@ var init_FieldForm = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/tui/shared/debug-trail.ts
+import { existsSync as existsSync10 } from "node:fs";
+function diffSnapshots(before, after) {
+  const names = [.../* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after)])];
+  const changed_fields = names.filter((name) => before[name] !== after[name]);
+  return { changed: changed_fields.length > 0, changed_fields };
+}
+function createTrail(limit = DEFAULT_TRAIL_LIMIT) {
+  const actions = [];
+  return {
+    record(action) {
+      actions.push(action);
+      if (actions.length > limit) actions.shift();
+    },
+    entries: () => [...actions]
+  };
+}
+function scrubError(error, secrets) {
+  let message = error instanceof Error ? error.message : String(error);
+  for (const secret of secrets) {
+    if (secret.length < MIN_SECRET_LENGTH) continue;
+    for (const form of /* @__PURE__ */ new Set([secret, encodeURIComponent(secret)])) message = message.split(form).join("[redacted]");
+  }
+  return message;
+}
+function describeSettingsFile() {
+  const path5 = configFilePath2();
+  return { path: path5, eds_home_set: Boolean(process.env["EDS_HOME"]), exists: existsSync10(path5) };
+}
+var DEFAULT_TRAIL_LIMIT, MIN_SECRET_LENGTH;
+var init_debug_trail = __esm({
+  "packages/experience-design-system-cli/src/tui/shared/debug-trail.ts"() {
+    "use strict";
+    init_config();
+    DEFAULT_TRAIL_LIMIT = 30;
+    MIN_SECRET_LENGTH = 6;
+  }
+});
+
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/logic.ts
 function credentialsPurpose(tokensOnly) {
   const use = tokensOnly ? "We use it to push your design tokens" : "We use it to check what components already exist and to push your import";
@@ -21090,17 +21134,42 @@ function normalize(values) {
     host: toConfiguredHost2(values.host) ?? DEFAULT_CONFIGURED_HOST
   };
 }
-function missingField(values) {
-  return values.spaceId === "" || values.environmentId === "" || values.cmaToken === "";
+function missingFields(values) {
+  return ["spaceId", "environmentId", "cmaToken"].filter((field) => values[field] === "");
 }
 function isUnchanged(current, initial) {
   return FIELDS.every((field) => current[field] === initial[field]);
 }
+function rejectedAttempt(reason, credentials) {
+  return { host: credentials.host, reason: scrubError(reason, [credentials.cmaToken]) };
+}
+function credentialsLog(credentials) {
+  return {
+    space_id: credentials.spaceId,
+    environment_id: credentials.environmentId,
+    host: credentials.host,
+    cma_token: credentials.cmaToken
+  };
+}
+function credentialsOutputs({
+  outcome,
+  credentials,
+  initial,
+  attempts
+}) {
+  return {
+    outcome,
+    ...credentialsLog(credentials),
+    changed_fields: diffSnapshots(initial, credentials).changed_fields,
+    rejected_attempts: attempts
+  };
+}
 var FIELDS;
 var init_logic8 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/04-credentials/logic.ts"() {
     "use strict";
     init_src3();
+    init_debug_trail();
     FIELDS = ["spaceId", "environmentId", "cmaToken", "host"];
   }
 });
@@ -21153,10 +21222,11 @@ var init_validate4 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
-import { useRef as useRef5, useState as useState9 } from "react";
+import { useEffect as useEffect8, useRef as useRef5, useState as useState9 } 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({
+  mode,
   onDone,
   onBack,
   initial = {},
@@ -21179,17 +21249,64 @@ function CredentialsScreen({
   const [focus, setFocus] = useState9(0);
   const [active, setActive] = useState9(0);
   const [beforeEdit, setBeforeEdit] = useState9(initialValues);
+  const visit = useRef5({ attempts: [], lastReason: "" }).current;
+  useEffect8(() => {
+    startDebugRun({
+      flow: "import/credentials",
+      step: "04-credentials",
+      menuOption: "Credentials",
+      inputs: { import_mode: mode, prefilled, ...credentialsLog(initialValues) }
+    });
+  }, []);
+  const reject = (attempt, text) => {
+    if (visit.attempts.length < MAX_LOGGED_ATTEMPTS2) visit.attempts.push(attempt);
+    visit.lastReason = attempt.reason;
+    setNotice({ kind: "error", text });
+  };
+  const leave = () => {
+    void finishDebugRun({
+      outputs: {
+        ...credentialsOutputs({
+          outcome: "back",
+          credentials: normalize(values),
+          initial: initialValues,
+          attempts: visit.attempts
+        }),
+        ...notice ? { error: visit.lastReason } : {}
+      },
+      status: notice ? "error" : "success",
+      exitMethod: "discarded"
+    });
+    onBack();
+  };
   const submit = async () => {
     const credentials = normalize(values);
-    if (missingField(credentials)) {
-      setNotice({ kind: "error", text: "Space ID, environment and CMA token are all required." });
+    const missing = missingFields(credentials);
+    if (missing.length > 0) {
+      reject(
+        rejectedAttempt(`Missing required fields: ${missing.join(", ")}`, credentials),
+        "Space ID, environment and CMA token are all required."
+      );
       return;
     }
     setValidating(true);
     const result = await validate3(credentials);
     setValidating(false);
-    if (result.ok) onDone({ skipped: false, credentials });
-    else setNotice({ kind: "error", text: result.error });
+    if (!result.ok) {
+      reject(rejectedAttempt(result.error, credentials), result.error);
+      return;
+    }
+    void finishDebugRun({
+      outputs: credentialsOutputs({
+        outcome: "validated",
+        credentials,
+        initial: initialValues,
+        attempts: visit.attempts
+      }),
+      status: "success",
+      exitMethod: "saved"
+    });
+    onDone({ skipped: false, credentials });
   };
   const choose = (choice) => {
     if (choice === "continue") void submit();
@@ -21198,7 +21315,7 @@ function CredentialsScreen({
       setBeforeEdit(values);
       setActive(0);
       setEditing(true);
-    } else onBack();
+    } else leave();
   };
   const stopEditing = () => {
     setEditing(false);
@@ -21208,7 +21325,7 @@ function CredentialsScreen({
     if (validating) return;
     if (editing) {
       if (key.escape) {
-        if (!prefilled) onBack();
+        if (!prefilled) leave();
         else {
           setValues(beforeEdit);
           setNotice(null);
@@ -21314,11 +21431,12 @@ function CredentialsScreen({
     ] })
   ] });
 }
-var FIELDS2, MENU;
+var FIELDS2, MENU, MAX_LOGGED_ATTEMPTS2;
 var init_screen5 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx"() {
     "use strict";
     init_theme();
+    init_debug_store();
     init_FieldForm();
     init_ClearableTextInput();
     init_ControlHints();
@@ -21335,10 +21453,52 @@ var init_screen5 = __esm({
       { choice: "continue", label: "Continue", description: "Check the credentials and go on" },
       { choice: "edit", label: "Edit", description: "Change the credentials" }
     ];
+    MAX_LOGGED_ATTEMPTS2 = 10;
   }
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/logic.ts
+function extractionLogInputs(input) {
+  const { credentials } = input;
+  return {
+    project_path: input.projectPath,
+    out_dir: input.outDir ?? "",
+    files_to_scan: input.filePaths.length,
+    raw_tokens_path: input.rawTokensPath,
+    agent: input.agent,
+    agent_model: input.agentModel ?? "",
+    prompt_overrides: input.promptOverrides,
+    cache: !input.noCache,
+    has_credentials: credentials !== null,
+    space_id: credentials?.spaceId ?? "",
+    environment_id: credentials?.environmentId ?? "",
+    host: credentials?.host ?? "",
+    cma_token: credentials?.cmaToken ?? ""
+  };
+}
+function extractionLogOutputs(result, progress, cmaToken) {
+  const last = progress ? { final_progress: progress } : {};
+  if (!result.ok) {
+    return {
+      outputs: { result: "failed", failed_step: result.step, error: scrubError(result.message, [cmaToken]), ...last },
+      status: "error"
+    };
+  }
+  const { extraction } = result;
+  return {
+    outputs: {
+      result: "done",
+      session_id: extraction.sessionId,
+      out_dir: extraction.outDir,
+      tokens_path: extraction.tokensPath,
+      token_count: extraction.tokenCount,
+      existing_entities_status: extraction.existingEntitiesStatus,
+      composition_phase: extraction.compositionPhase,
+      ...last
+    },
+    status: "success"
+  };
+}
 function initialProgress(input) {
   return {
     scan: null,
@@ -21422,6 +21582,7 @@ var init_logic9 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/06-extraction/logic.ts"() {
     "use strict";
     init_src3();
+    init_debug_trail();
   }
 });
 
@@ -21477,8 +21638,8 @@ function computeColumnWindow(total, cursor, visibleCount) {
   if (total <= visibleCount) return { start: 0, end: total, above: 0, below: 0 };
   let start = Math.max(0, cursor - Math.floor(visibleCount / 2));
   start = Math.min(start, total - visibleCount);
-  const end = start + visibleCount;
-  return { start, end, above: start, below: total - end };
+  const end2 = start + visibleCount;
+  return { start, end: end2, above: start, below: total - end2 };
 }
 var TOKEN_REVIEW_CONTROLS;
 var init_logic10 = __esm({
@@ -21509,7 +21670,7 @@ var init_load = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/05-token-review/screen.tsx
-import { useMemo as useMemo2, useState as useState10 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo2, useState as useState10 } 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 }) {
@@ -21517,12 +21678,31 @@ function TokenReviewScreen({ tokensPath, onContinue, onQuit }) {
   const rows = loaded.ok ? loaded.rows : [];
   const columns = useTerminalWidth();
   const [selected, setSelected] = useState10(0);
+  useEffect9(() => {
+    startDebugRun({
+      flow: "import/token-review",
+      step: "05-token-review",
+      menuOption: "Token review",
+      inputs: { import_mode: "tokens", tokens_path: tokensPath }
+    });
+  }, []);
+  const finish = (outcome) => {
+    void finishDebugRun({
+      outputs: { outcome, ...loaded.ok ? { tokens: rows.length } : { load_error: loaded.message } },
+      status: loaded.ok ? "success" : "error",
+      exitMethod: outcome === "continued" ? "saved" : "discarded"
+    });
+  };
   const move = (to) => setSelected(Math.max(0, Math.min(to, rows.length - 1)));
-  const { start, end } = computeColumnWindow(rows.length, selected, VISIBLE_ROWS);
+  const { start, end: end2 } = computeColumnWindow(rows.length, selected, VISIBLE_ROWS);
   useInput12((_input, key) => {
-    if (key.return) onContinue();
-    else if (key.escape) onQuit();
-    else if (key.upArrow) move(selected - 1);
+    if (key.return) {
+      finish("continued");
+      onContinue();
+    } else if (key.escape) {
+      finish("back");
+      onQuit();
+    } else if (key.upArrow) move(selected - 1);
     else if (key.downArrow) move(selected + 1);
     else if (key.pageUp) move(selected - VISIBLE_ROWS);
     else if (key.pageDown) move(selected + VISIBLE_ROWS);
@@ -21558,7 +21738,7 @@ function TokenReviewScreen({ tokensPath, onContinue, onQuit }) {
           " ",
           clip("Value", valueWidth)
         ] }),
-        rows.slice(start, end).map((row, offset) => {
+        rows.slice(start, end2).map((row, offset) => {
           const active = start + offset === selected;
           return /* @__PURE__ */ jsxs15(Text15, { color: active ? PALETTE.accent : void 0, bold: active, wrap: "truncate-end", children: [
             active ? "\u203A " : "  ",
@@ -21573,7 +21753,7 @@ function TokenReviewScreen({ tokensPath, onContinue, onQuit }) {
       rows.length > VISIBLE_ROWS && /* @__PURE__ */ jsx17(Box15, { marginTop: 1, children: /* @__PURE__ */ jsxs15(Text15, { color: PALETTE.muted, children: [
         start + 1,
         "-",
-        end,
+        end2,
         " of ",
         rows.length
       ] }) }),
@@ -21586,6 +21766,7 @@ var init_screen7 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/05-token-review/screen.tsx"() {
     "use strict";
     init_theme();
+    init_debug_store();
     init_ControlHints();
     init_StepHeader();
     init_use_terminal_width();
@@ -21611,7 +21792,7 @@ var init_steps = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/find-skill-path.ts
-import { existsSync as existsSync10 } from "node:fs";
+import { existsSync as existsSync11 } from "node:fs";
 import { dirname as dirname16, join as join20, resolve as resolve22 } from "node:path";
 import { fileURLToPath as fileURLToPath4 } from "node:url";
 function findSkillPath(fileName) {
@@ -21619,7 +21800,7 @@ function findSkillPath(fileName) {
   let dir = thisDir;
   for (; ; ) {
     const candidate = join20(dir, "skills", fileName);
-    if (existsSync10(candidate)) return candidate;
+    if (existsSync11(candidate)) return candidate;
     const parent = resolve22(dir, "..");
     if (parent === dir) {
       throw new Error(`skill file not found (looked for skills/${fileName} from ${thisDir})`);
@@ -21883,11 +22064,11 @@ var init_run = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-extraction.ts
-import { useEffect as useEffect8, useRef as useRef6, useState as useState11 } from "react";
+import { useEffect as useEffect10, useRef as useRef6, useState as useState11 } from "react";
 function useExtraction(input) {
   const [state2, setState] = useState11();
   const current = useRef6();
-  useEffect8(() => {
+  useEffect10(() => {
     current.current = input;
     if (!input) {
       setState(void 0);
@@ -21900,10 +22081,23 @@ function useExtraction(input) {
         hasRawTokens: input.rawTokensPath !== ""
       })
     });
+    let lastProgress;
+    startDebugRun({
+      flow: "import/extraction",
+      step: "06-extraction",
+      menuOption: "Extraction",
+      inputs: extractionLogInputs(input)
+    });
     void runExtraction(input, (progress) => {
+      lastProgress = progress;
       if (current.current === input) setState({ status: "running", progress });
     }).then((result) => {
-      if (current.current === input) setState({ status: "done", result });
+      if (current.current !== input) return;
+      void finishDebugRun({
+        ...extractionLogOutputs(result, lastProgress, input.credentials?.cmaToken ?? ""),
+        exitMethod: result.ok ? "saved" : "discarded"
+      });
+      setState({ status: "done", result });
     });
     return () => {
       if (current.current === input) current.current = void 0;
@@ -21914,6 +22108,7 @@ function useExtraction(input) {
 var init_use_extraction = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-extraction.ts"() {
     "use strict";
+    init_debug_store();
     init_logic9();
     init_run();
   }
@@ -21958,11 +22153,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 useEffect9, useRef as useRef7, useState as useState12 } from "react";
+import { useEffect as useEffect11, useRef as useRef7, useState as useState12 } from "react";
 function useTokensOnly(input) {
   const [state2, setState] = useState12();
   const current = useRef7();
-  useEffect9(() => {
+  useEffect11(() => {
     current.current = input;
     if (!input) {
       setState(void 0);
@@ -21985,6 +22180,39 @@ var init_use_tokens_only = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/log.ts
+function scopeGateLogInputs(components, tokenCount) {
+  const ai = { accepted: 0, rejected: 0, failed: 0, none: 0 };
+  for (const component of components) ai[component.aiDecision ?? "none"] += 1;
+  return {
+    components_found: components.length,
+    ai_suggestions: ai,
+    needs_review: components.filter((component) => component.needsReview === true).length,
+    tokens: tokenCount
+  };
+}
+function scopeGateLogOutputs(components, decisions) {
+  const suggested = new Map(components.map((component) => [component.name, component.aiDecision]));
+  return {
+    outcome: "continued",
+    accepted: new Set(decisions.accepted).size,
+    rejected: new Set(decisions.rejected).size,
+    accepted_although_ai_rejected: capped(decisions.accepted.filter((name) => suggested.get(name) === "rejected")),
+    not_accepted_although_ai_accepted: capped(decisions.rejected.filter((name) => suggested.get(name) === "accepted"))
+  };
+}
+var MAX_NAMES, capped;
+var init_log = __esm({
+  "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/log.ts"() {
+    "use strict";
+    MAX_NAMES = 20;
+    capped = (names) => {
+      const unique = [...new Set(names)];
+      return { count: unique.length, names: unique.slice(0, MAX_NAMES) };
+    };
+  }
+});
+
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/windowed-panel.tsx
 import { Box as Box16, Text as Text16 } from "ink";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -22248,10 +22476,10 @@ function GotoBanner({
 }) {
   const highlightIndex = cursorRowIndex ?? cursor;
   const start = windowStart(rows.length, highlightIndex, maxRows);
-  const end = Math.min(rows.length, start + maxRows);
-  const visible = rows.slice(start, end);
+  const end2 = Math.min(rows.length, start + maxRows);
+  const visible = rows.slice(start, end2);
   const moreAbove = start;
-  const moreBelow = rows.length - end;
+  const moreBelow = rows.length - end2;
   return /* @__PURE__ */ jsxs21(
     Box21,
     {
@@ -23083,8 +23311,8 @@ function GroupedSidebar(props) {
   });
   const windowed = scrollOffset !== void 0 && visibleCount !== void 0;
   const start = windowed ? Math.max(0, scrollOffset ?? 0) : 0;
-  const end = windowed ? start + (visibleCount ?? allRows.length) + 1 : allRows.length;
-  const rows = windowed ? allRows.slice(start, end) : allRows;
+  const end2 = windowed ? start + (visibleCount ?? allRows.length) + 1 : allRows.length;
+  const rows = windowed ? allRows.slice(start, end2) : allRows;
   return /* @__PURE__ */ jsxs22(WindowedPanel, { width, height: props.height, title, focused, children: [
     allRows.length === 0 && emptyMessage !== void 0 && /* @__PURE__ */ jsxs22(Text23, { color: PALETTE.warning, children: [
       " ",
@@ -23138,7 +23366,7 @@ function GroupedSidebar(props) {
         inheritanceStyle.glyph && /* @__PURE__ */ jsx26(Text23, { color: inheritanceStyle.dim ? PALETTE.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
       ] }, row.key);
     }),
-    windowed && /* @__PURE__ */ jsx26(WindowFooter, { above: start, below: Math.max(0, allRows.length - end) })
+    windowed && /* @__PURE__ */ jsx26(WindowFooter, { above: start, below: Math.max(0, allRows.length - end2) })
   ] });
 }
 var GLYPH_EXPAND_COLLAPSED, GLYPH_EXPAND_EXPANDED, GLYPH_TREE_MID, GLYPH_TREE_LAST, GLYPH_WARN, GLYPH_ERROR;
@@ -23239,7 +23467,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 useEffect10, useState as useState13 } from "react";
+import { useEffect as useEffect12, useState as useState13 } from "react";
 function readTerminalSize(stdout) {
   return {
     columns: stdout?.columns ?? 80,
@@ -23249,7 +23477,7 @@ function readTerminalSize(stdout) {
 function useTerminalSize() {
   const { stdout } = useStdout2();
   const [size, setSize] = useState13(() => readTerminalSize(stdout));
-  useEffect10(() => {
+  useEffect12(() => {
     const updateSize = () => setSize(readTerminalSize(stdout));
     stdout?.on("resize", updateSize);
     updateSize();
@@ -24251,7 +24479,7 @@ var init_state = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate.ts
-import { useEffect as useEffect11, useMemo as useMemo3, useRef as useRef9, useState as useState16 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo3, useRef as useRef9, useState as useState16 } from "react";
 function useScopeGate({ components, tokenCount, tokensWidth, onConfirm, onQuit }) {
   const { columns: totalWidth, rows: terminalRows } = useTerminalSize();
   const columnPlan = useMemo3(
@@ -24298,7 +24526,7 @@ function useScopeGate({ components, tokenCount, tokensWidth, onConfirm, onQuit }
     return seed;
   });
   const seededGroupsRef = useRef9(closures.size > 0 || cycleParticipants.size > 0);
-  useEffect11(() => {
+  useEffect13(() => {
     if (seededGroupsRef.current) return;
     if (closures.size === 0 && cycleParticipants.size === 0) return;
     seededGroupsRef.current = true;
@@ -24389,7 +24617,7 @@ function useScopeGate({ components, tokenCount, tokensWidth, onConfirm, onQuit }
     entryCount: 0
   });
   const panelLayout = useMemo3(() => computePanelLayout(visibleCount), [visibleCount]);
-  useEffect11(() => {
+  useEffect13(() => {
     setNav((prev) => {
       const maxIdx = Math.max(0, visibleRows.length - 1);
       const nextCursor = Math.min(prev.cursor, maxIdx);
@@ -24734,27 +24962,59 @@ var init_use_scope_gate = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx
-import { useMemo as useMemo4 } from "react";
+import { useEffect as useEffect14, 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(props) {
-  if (props.components.length === 0) {
-    return /* @__PURE__ */ jsx29(Box25, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx29(Text26, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
-  }
+  if (props.components.length === 0) return /* @__PURE__ */ jsx29(NoComponents, {});
   return /* @__PURE__ */ jsx29(ScopeGateView, { ...props });
 }
+function NoComponents() {
+  useEffect14(() => {
+    startDebugRun({
+      flow: "import/scope-gate",
+      step: "07-scope-gate",
+      menuOption: "Scope gate",
+      inputs: scopeGateLogInputs([], 0)
+    });
+    void finishDebugRun({
+      outputs: { outcome: "nothing to decide", error: "No components were found for this session." },
+      status: "error",
+      exitMethod: "discarded"
+    });
+  }, []);
+  return /* @__PURE__ */ jsx29(Box25, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx29(Text26, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
+}
 function ScopeGateView({ components, tokensPath, onConfirm, onQuit }) {
   const tokens = useMemo4(() => {
     const loaded = tokensPath ? loadTokenRows(tokensPath) : void 0;
     return loaded?.ok ? loaded.rows : [];
   }, [tokensPath]);
   const longest = useMemo4(() => longestEntries(tokens), [tokens]);
+  useEffect14(() => {
+    startDebugRun({
+      flow: "import/scope-gate",
+      step: "07-scope-gate",
+      menuOption: "Scope gate",
+      inputs: scopeGateLogInputs(components, tokens.length)
+    });
+  }, []);
   const gate = useScopeGate({
     components,
     tokenCount: tokens.length,
     tokensWidth: longest.path + longest.value + 10,
-    onConfirm,
-    onQuit
+    onConfirm: (decisions) => {
+      void finishDebugRun({
+        outputs: scopeGateLogOutputs(components, decisions),
+        status: "success",
+        exitMethod: "saved"
+      });
+      onConfirm(decisions);
+    },
+    onQuit: () => {
+      void finishDebugRun({ outputs: { outcome: "quit" }, status: "success", exitMethod: "discarded" });
+      onQuit();
+    }
   });
   const { search, graph, columnPlan, panelLayout, counters } = gate;
   if (gate.showHelp) {
@@ -24854,7 +25114,9 @@ var HELP_SECTIONS;
 var init_screen8 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx"() {
     "use strict";
+    init_debug_store();
     init_StepHeader();
+    init_log();
     init_tokens_column();
     init_load();
     init_logic10();
@@ -24962,13 +25224,27 @@ var init_load2 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate-flow.ts
-import { useEffect as useEffect12, useMemo as useMemo5, useRef as useRef10, useState as useState17 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo5, useRef as useRef10, useState as useState17 } 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();
-  useEffect12(() => {
+  useEffect15(() => {
+    if (!sessionId || !loaded || loaded.ok) return;
+    startDebugRun({
+      flow: "import/scope-gate",
+      step: "07-scope-gate",
+      menuOption: "Scope gate",
+      inputs: { session_id: sessionId }
+    });
+    void finishDebugRun({
+      outputs: { outcome: "could not load the components", error: loaded.message },
+      status: "error",
+      exitMethod: "discarded"
+    });
+  }, [sessionId, loaded]);
+  useEffect15(() => {
     if (!input || !loaded?.ok || cacheCheck.current) return;
     cacheCheck.current = deps.checkCache(input.cache);
   }, [input, loaded]);
@@ -24982,6 +25258,7 @@ var realDeps3;
 var init_use_scope_gate_flow = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate-flow.ts"() {
     "use strict";
+    init_debug_store();
     init_cache_check();
     init_load2();
     realDeps3 = { load: loadScopeGate, checkCache: checkGenerationCache };
@@ -24989,6 +25266,41 @@ var init_use_scope_gate_flow = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/logic.ts
+function generationLogInputs(input) {
+  return {
+    session_id: input.sessionId,
+    accepted: input.decisions.accepted.length,
+    rejected: input.decisions.rejected.length,
+    tokens_path: input.tokensPath,
+    token_session_id: input.tokenSessionId,
+    existing_entities_path: input.existingEntitiesPath,
+    agent: input.agent,
+    agent_model: input.agentModel ?? "",
+    prompt_overrides: input.promptOverrides,
+    generate_prompt_path: input.generatePromptPath ?? "",
+    cache: !input.noCache,
+    has_tokens: input.hasTokens
+  };
+}
+function generationLogOutputs(result, progress) {
+  const last = progress ? { final_progress: progress } : {};
+  if (!result.ok) {
+    return { outputs: { result: "failed", failed_step: result.step, error: result.message, ...last }, status: "error" };
+  }
+  const { generation } = result;
+  return {
+    outputs: generation.route === "review" ? {
+      result: "done",
+      route: generation.route,
+      session_id: generation.sessionId,
+      accepted: generation.acceptedCount,
+      generated: generation.generatedCount,
+      map_tokens_eligible: generation.mapTokensEligible,
+      ...last
+    } : { result: "done", route: generation.route, accepted: generation.acceptedCount, ...last },
+    status: "success"
+  };
+}
 function initialProgress2() {
   return { components: null, mapTokens: "idle", mapTokensEligible: null };
 }
@@ -25239,21 +25551,34 @@ var init_run2 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/use-generation.ts
-import { useEffect as useEffect13, useRef as useRef11, useState as useState18 } from "react";
+import { useEffect as useEffect16, useRef as useRef11, useState as useState18 } from "react";
 function useGeneration(input) {
   const [state2, setState] = useState18();
   const current = useRef11();
-  useEffect13(() => {
+  useEffect16(() => {
     current.current = input;
     if (!input) {
       setState(void 0);
       return;
     }
     setState({ status: "running", progress: initialProgress2() });
+    let lastProgress;
+    startDebugRun({
+      flow: "import/generation",
+      step: "08-generation",
+      menuOption: "Generation",
+      inputs: generationLogInputs(input)
+    });
     void runGeneration(input, (progress) => {
+      lastProgress = progress;
       if (current.current === input) setState({ status: "running", progress });
     }).then((result) => {
-      if (current.current === input) setState({ status: "done", result });
+      if (current.current !== input) return;
+      void finishDebugRun({
+        ...generationLogOutputs(result, lastProgress),
+        exitMethod: result.ok ? "saved" : "discarded"
+      });
+      setState({ status: "done", result });
     });
     return () => {
       if (current.current === input) current.current = void 0;
@@ -25264,6 +25589,7 @@ function useGeneration(input) {
 var init_use_generation = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/08-generation/use-generation.ts"() {
     "use strict";
+    init_debug_store();
     init_logic11();
     init_run2();
   }
@@ -26230,7 +26556,7 @@ var init_scroll_offset = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx
-import React13, { useEffect as useEffect14, useLayoutEffect as useLayoutEffect2, useState as useState19 } from "react";
+import React13, { useEffect as useEffect17, useLayoutEffect as useLayoutEffect2, useState as useState19 } 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";
@@ -27748,16 +28074,16 @@ function FieldEditor({
   const visibleEnd = (start) => {
     if (focusLevel === "field") return Math.min(rows.length, start + 1);
     let used = 0;
-    let end2 = start;
-    while (end2 < rows.length) {
-      const nextHeight = rowHeight(rows[end2], end2);
-      if (end2 > start && used + nextHeight > contentHeight) break;
+    let end3 = start;
+    while (end3 < rows.length) {
+      const nextHeight = rowHeight(rows[end3], end3);
+      if (end3 > start && used + nextHeight > contentHeight) break;
       used += nextHeight;
-      end2 += 1;
+      end3 += 1;
     }
-    return Math.max(start + 1, end2);
+    return Math.max(start + 1, end3);
   };
-  useEffect14(() => {
+  useEffect17(() => {
     if (focusLevel === "field" || selectedRowIdx < 0) return;
     setListScrollStart((previous) => {
       if (initialFocusTarget && !initialFocusScrollApplied.current) {
@@ -27765,9 +28091,9 @@ function FieldEditor({
         return Math.min(selectedRowIdx, Math.max(0, rows.length - 1));
       }
       const clamped = Math.min(previous, Math.max(0, rows.length - 1));
-      const end2 = visibleEnd(clamped);
+      const end3 = visibleEnd(clamped);
       if (selectedRowIdx < clamped) return selectedRowIdx;
-      if (selectedRowIdx >= end2) {
+      if (selectedRowIdx >= end3) {
         let start = selectedRowIdx;
         let used = rowHeight(rows[selectedRowIdx], selectedRowIdx);
         while (start > 0) {
@@ -27782,10 +28108,10 @@ function FieldEditor({
     });
   }, [contentHeight, focusLevel, rowHeights, rows, selectedRowIdx]);
   const scrollStart = Math.min(listScrollStart, Math.max(0, rows.length - 1));
-  const end = visibleEnd(scrollStart);
-  const nextHeader = rows.slice(end).find((row) => row.kind === "header");
+  const end2 = visibleEnd(scrollStart);
+  const nextHeader = rows.slice(end2).find((row) => row.kind === "header");
   const categoryBelow = focusLevel !== "field" && nextHeader?.kind === "header" ? nextHeader.label.replace(/^──\s*/, "").trim() : null;
-  const visibleRowSlice = rows.slice(scrollStart, end);
+  const visibleRowSlice = rows.slice(scrollStart, end2);
   useLayoutEffect2(() => {
     const nextHeights = {};
     for (const [key, node] of rowMeasureRefs.current) {
@@ -27947,20 +28273,20 @@ function FieldEditor({
         sourceOpen && !onToggleSourceExternal && (() => {
           const propMeta = !inSlots && !inComponentDesc && currentProp ? metadata?.props?.[currentProp.name] : void 0;
           const start = propMeta?.sourceStartLine ?? null;
-          const end2 = propMeta?.sourceEndLine ?? null;
+          const end3 = propMeta?.sourceEndLine ?? null;
           const path5 = metadata?.sourcePath ?? null;
           const src = metadata?.componentSource ?? null;
           const headerPath = path5 ?? "<unknown source path>";
-          if (!start || !end2 || !src) {
+          if (!start || !end3 || !src) {
             return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
               /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
               /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
               /* @__PURE__ */ jsx32(Text27, { children: "[s] close" })
             ] });
           }
-          const lines = src.split("\n").slice(Math.max(0, start - 1), end2);
+          const lines = src.split("\n").slice(Math.max(0, start - 1), end3);
           return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-            /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
+            /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end3}` }),
             lines.map((ln, i) => /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
             /* @__PURE__ */ jsx32(Text27, { children: "[s] close \xB7 [Esc] close" })
           ] });
@@ -29152,7 +29478,7 @@ var init_FinalizeDialog = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-finalize-preview.ts
-import { useEffect as useEffect15, useRef as useRef12, useState as useState20 } from "react";
+import { useEffect as useEffect18, useRef as useRef12, useState as useState20 } from "react";
 function useReviewFinalizePreview({
   components,
   ...options
@@ -29169,7 +29495,7 @@ function useFinalizePreview(opts) {
   const [scrollOffset, setScrollOffset] = useState20(0);
   const generationRef = useRef12(0);
   const acceptedKey = [...acceptedKeys].sort().join("\0");
-  useEffect15(() => {
+  useEffect18(() => {
     if (!open) {
       setStatus("idle");
       setRemoved([]);
@@ -29221,7 +29547,7 @@ 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 useEffect16, useRef as useRef13, useState as useState21 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect19, useRef as useRef13, useState as useState21 } from "react";
 function useReviewSession({
   loadSession,
   tokensPath,
@@ -29240,7 +29566,7 @@ function useReviewSession({
     }));
     return { result, catalog };
   }, [loadSession, tokensPath]);
-  useEffect16(() => {
+  useEffect19(() => {
     let disposed = false;
     void (async () => {
       try {
@@ -29293,7 +29619,7 @@ function useReviewSession({
 function useReviewMetadata({ components, selectedIdx, extractSessionId }) {
   const [reviewMetadata, setReviewMetadata] = useState21(null);
   const [componentRationale, setComponentRationale] = useState21(null);
-  useEffect16(() => {
+  useEffect19(() => {
     const current = components[selectedIdx];
     if (!current) {
       setReviewMetadata(null);
@@ -29325,7 +29651,7 @@ function useReviewMetadata({ components, selectedIdx, extractSessionId }) {
 function useReviewHistory({ loading, components, createSnapshot, applySnapshot }) {
   const historyRef = useRef13(null);
   const historySeededRef = useRef13(false);
-  useEffect16(() => {
+  useEffect19(() => {
     if (loading || historySeededRef.current) return;
     historySeededRef.current = true;
     historyRef.current = createHistoryStack(createSnapshot(components));
@@ -29407,7 +29733,7 @@ var init_token_suggestions = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-editor.ts
-import { useEffect as useEffect17, useRef as useRef14, useState as useState22 } from "react";
+import { useEffect as useEffect20, useRef as useRef14, useState as useState22 } from "react";
 function parseReviewEntry(draftValue) {
   const parsed = JSON.parse(draftValue);
   const keys = Object.keys(parsed);
@@ -29441,7 +29767,7 @@ function useReviewEditor({
   const [tokenReviewEditSelection, setTokenReviewEditSelection] = useState22(/* @__PURE__ */ new Set());
   const tokenReviewSuggestedRef = useRef14(/* @__PURE__ */ new Map());
   const pendingGRef = useRef14(false);
-  useEffect17(() => {
+  useEffect20(() => {
     setTokenReviewRow(0);
     setTokenReviewEditing(false);
     setTokenReviewEditCursor(0);
@@ -29923,7 +30249,7 @@ 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 useEffect18, useRef as useRef15, useState as useState24 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect21, useRef as useRef15, useState as useState24 } from "react";
 function useLivePreview(opts) {
   const debounceMs = opts.debounceMs ?? DEFAULT_DEBOUNCE_MS;
   const [status, setStatus] = useState24("idle");
@@ -29933,14 +30259,14 @@ function useLivePreview(opts) {
   const latestRef = useRef15(0);
   const inflightRef = useRef15(0);
   const optsRef = useRef15(opts);
-  useEffect18(() => {
+  useEffect21(() => {
     optsRef.current = opts;
   });
   const disabledRef = useRef15(disabled);
-  useEffect18(() => {
+  useEffect21(() => {
     disabledRef.current = disabled;
   }, [disabled]);
-  useEffect18(() => {
+  useEffect21(() => {
     return () => {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
@@ -30021,7 +30347,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 useEffect19, useState as useState25 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect22, useState as useState25 } from "react";
 function useReviewPreview({
   components,
   loading,
@@ -30063,13 +30389,13 @@ function useReviewPreview({
     deleteAllComponents
   });
   const [spinnerTick, setSpinnerTick] = useState25(0);
-  useEffect19(() => {
+  useEffect22(() => {
     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];
-  useEffect19(() => {
+  useEffect22(() => {
     if (loading) return;
     if (!livePreview) return;
     if (components.length === 0) return;
@@ -30126,7 +30452,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 useEffect20, useMemo as useMemo6, useRef as useRef16, useState as useState26 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect23, useMemo as useMemo6, useRef as useRef16, useState as useState26 } 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";
@@ -30447,7 +30773,7 @@ function GenerateReviewStepView({
     [components]
   );
   const closures = useMemo6(() => computeAllClosures(componentGraph), [componentGraph]);
-  useEffect20(() => {
+  useEffect23(() => {
     if (seededGroupsRef.current) return;
     if (closures.size === 0 && slotCycles.length === 0) return;
     seededGroupsRef.current = true;
@@ -30474,7 +30800,7 @@ function GenerateReviewStepView({
       suggestedBreak: cycle.edges.length > 0 ? suggestCycleBreakEdge2(cycle, cycleView.pushBlocking) : null
     }));
   }, [slotCycles, cycleView]);
-  useEffect20(() => {
+  useEffect23(() => {
     const decision = computeAutoRejectDecision({
       loading,
       autoRejectFired: autoRejectFiredRef.current,
@@ -30518,7 +30844,7 @@ function GenerateReviewStepView({
     applySnapshot: applyHistorySnapshot
   });
   const autoRejectPushedRef = useRef16(false);
-  useEffect20(() => {
+  useEffect23(() => {
     if (loading) return;
     if (!historySeededRef.current) return;
     if (!autoRejectFiredRef.current) return;
@@ -30602,7 +30928,7 @@ function GenerateReviewStepView({
   const panelHeight = leftPanelHeight + 2;
   const panelContentHeight = Math.max(1, panelHeight - 3);
   const cycleViewportHeight = Math.max(1, panelHeight - 4);
-  useEffect20(() => {
+  useEffect23(() => {
     if (selectableRowPositions.length === 0) return;
     const cursorInRange = selectableRowPositions.includes(cursorRowIdx);
     const maxScroll = Math.max(0, visibleRowsMemo.length - visibleCount);
@@ -31684,10 +32010,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 useEffect21, useState as useState27 } from "react";
+import { useEffect as useEffect24, useState as useState27 } from "react";
 function useBlinkingCursor() {
   const [visible, setVisible] = useState27(true);
-  useEffect21(() => {
+  useEffect24(() => {
     const interval = setInterval(() => setVisible((current) => !current), 500);
     return () => clearInterval(interval);
   }, []);
@@ -31824,12 +32150,12 @@ var init_produced = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-timed-spinner.tsx
-import { useEffect as useEffect22, useState as useState29 } from "react";
+import { useEffect as useEffect25, useState as useState29 } from "react";
 import { Spinner as Spinner2 } from "@inkjs/ui";
 import { jsx as jsx53 } from "react/jsx-runtime";
 function useTimedSpinner() {
   const [elapsedSeconds, setElapsedSeconds] = useState29(0);
-  useEffect22(() => {
+  useEffect25(() => {
     const timer = setInterval(() => setElapsedSeconds((current) => current + 1), 1e3);
     return () => {
       clearInterval(timer);
@@ -32098,7 +32424,7 @@ var init_preview_confirmation_input = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx
-import { useEffect as useEffect23, useState as useState30, useMemo as useMemo7 } from "react";
+import { useEffect as useEffect26, useState as useState30, 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) {
@@ -32308,7 +32634,7 @@ function WizardPreviewStep({
   const activeLines = diffExpanded ? diffLines : summaryLines;
   const maxScroll = Math.max(0, activeLines.length - viewportHeight);
   const boundedScrollOffset = Math.min(scrollOffset, maxScroll);
-  useEffect23(() => {
+  useEffect26(() => {
     setScrollOffset((previous) => Math.min(previous, maxScroll));
   }, [maxScroll]);
   useImmediateInput((input, key) => {
@@ -32418,6 +32744,154 @@ var init_run_teaser = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/flow-log.ts
+function flowStepRun(step) {
+  const { number, label } = STEPS2[step];
+  return { flow: `import/${step}`, step: `${number}-${step}`, menuOption: label };
+}
+function pushSummary(result, state2) {
+  const failures = result.failures ?? [];
+  return {
+    component_types: result.componentTypes,
+    design_tokens: result.designTokens,
+    ...result.summary ? { summary: result.summary } : {},
+    ...failures.length > 0 ? {
+      failure_count: failures.length,
+      failures: failures.slice(0, MAX_LOGGED).map((failure) => ({
+        entity_type: failure.entityType,
+        entity_id: failure.entityId,
+        message: scrub(failure.message, state2)
+      }))
+    } : {}
+  };
+}
+function flowStepInputs(state2) {
+  const inputs = {
+    agent: state2.agent,
+    space_id: state2.spaceId,
+    environment_id: state2.environmentId,
+    host: state2.host,
+    credentials_skipped: state2.credentialsSkipped,
+    components_generated: state2.generatedCount,
+    components_accepted: state2.generatedAcceptedCount,
+    tokens: state2.tokenCount,
+    cma_token: state2.cmaToken
+  };
+  switch (state2.step) {
+    case "final-review":
+      if (state2.finalizeErrorBanner) inputs["finalize_error"] = scrub(state2.finalizeErrorBanner, state2);
+      break;
+    case "path-prompt":
+      inputs["default_path"] = state2.outDir;
+      break;
+    case "error":
+      inputs["error_step"] = state2.errorStep;
+      inputs["error"] = scrub(state2.errorMessage, state2);
+      inputs["can_retry_credentials"] = state2.errorAllowCredentialRetry;
+      inputs["can_acknowledge_breaking_changes"] = state2.errorAllowBreakingChangeAcknowledgment;
+      break;
+    case "preview-validation-error":
+      inputs["validation_error_count"] = state2.previewValidationErrors.length;
+      inputs["validation_errors"] = state2.previewValidationErrors.slice(0, MAX_LOGGED).map((error) => ({
+        component: error.componentName,
+        path: error.path,
+        message: scrub(error.message, state2)
+      }));
+      inputs["missing_names"] = state2.previewValidationMissingNames.slice(0, MAX_LOGGED * 2);
+      break;
+    case "done":
+      Object.assign(inputs, { push_result: pushSummary(state2.pushResult, state2) });
+      break;
+    default:
+      break;
+  }
+  return inputs;
+}
+function flowStepOutputs(from, to) {
+  const outputs = { next_step: to?.step ?? "exited" };
+  let failed = from.step === "error" || from.step === "preview-validation-error";
+  if (to?.step === "error") {
+    failed = true;
+    outputs["error_step"] = to.errorStep;
+    outputs["error"] = scrub(to.errorMessage, to);
+  }
+  if (from.step === "final-review" && to?.finalizeErrorBanner) {
+    outputs["finalize_error"] = scrub(to.finalizeErrorBanner, to);
+  }
+  if (from.step === "pushing" && to) {
+    outputs["push_result"] = pushSummary(to.pushResult, to);
+    if (to.pushResult.componentTypes.failed + to.pushResult.designTokens.failed > 0) failed = true;
+  }
+  if (from.step === "path-prompt" && to?.componentsPath) outputs["saved_to"] = to.componentsPath;
+  if (from.step === "printing" && to) {
+    outputs["saved_to"] = to.componentsPath;
+    outputs["run_id"] = to.lastRunId;
+  }
+  const forward = to ? FORWARD.indexOf(to.step) > FORWARD.indexOf(from.step) && FORWARD.includes(from.step) : false;
+  const finished = to === void 0 && (from.step === "done" || from.step === "print-gate");
+  return { outputs, status: failed ? "error" : "success", exitMethod: forward || finished ? "saved" : "discarded" };
+}
+var STEPS2, FORWARD, MAX_LOGGED, scrub;
+var init_flow_log = __esm({
+  "packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/flow-log.ts"() {
+    "use strict";
+    init_debug_trail();
+    STEPS2 = {
+      "final-review": { number: "09", label: "Final review" },
+      previewing: { number: "10", label: "Previewing" },
+      "preview-gate": { number: "10", label: "Preview gate" },
+      pushing: { number: "10", label: "Pushing" },
+      "path-prompt": { number: "10", label: "Save path" },
+      printing: { number: "10", label: "Writing files" },
+      "print-gate": { number: "10", label: "Files saved" },
+      done: { number: "10", label: "Done" },
+      error: { number: "10", label: "Error" },
+      "preview-validation-error": { number: "10", label: "Preview validation error" }
+    };
+    FORWARD = [
+      "final-review",
+      "previewing",
+      "preview-gate",
+      "pushing",
+      "path-prompt",
+      "printing",
+      "print-gate",
+      "done"
+    ];
+    MAX_LOGGED = 10;
+    scrub = (text, state2) => scrubError(text, [state2.cmaToken]);
+  }
+});
+
+// packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow-log.ts
+import { useEffect as useEffect27, useRef as useRef17 } from "react";
+function end(from, to) {
+  void finishDebugRun(flowStepOutputs(from, to));
+}
+function useFlowLog(state2) {
+  const open = useRef17(void 0);
+  useEffect27(() => {
+    if (open.current?.step === state2.step) return;
+    if (open.current) end(open.current, state2);
+    startDebugRun({ ...flowStepRun(state2.step), inputs: flowStepInputs(state2) });
+    open.current = state2;
+  }, [state2]);
+  useEffect27(
+    () => () => {
+      if (open.current) end(open.current, void 0);
+      open.current = void 0;
+    },
+    []
+  );
+}
+var init_use_flow_log = __esm({
+  "packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow-log.ts"() {
+    "use strict";
+    init_debug_store();
+    init_flow_log();
+  }
+});
+
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
 import { Box as Box45 } from "ink";
 import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
@@ -32432,6 +32906,7 @@ function FlowScreen({
   generatePromptPath,
   onExit
 }) {
+  useFlowLog(state2);
   const produced = producedOf(state2);
   const counts = { components: state2.generatedAcceptedCount, tokens: state2.tokenCount };
   const things = countedThings(produced, counts);
@@ -32559,6 +33034,7 @@ var init_screen11 = __esm({
     init_WizardPreviewStep();
     init_produced();
     init_run_teaser();
+    init_use_flow_log();
   }
 });
 
@@ -33356,9 +33832,9 @@ var init_controller = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow.ts
-import { useEffect as useEffect24, useRef as useRef17, useSyncExternalStore } from "react";
+import { useEffect as useEffect28, useRef as useRef18, useSyncExternalStore } from "react";
 function useFlow(start, options = {}) {
-  const controller = useRef17();
+  const controller = useRef18();
   if (start && !controller.current) {
     try {
       startWizardLog();
@@ -33375,7 +33851,7 @@ function useFlow(start, options = {}) {
     (listener) => current?.subscribe(listener) ?? (() => void 0),
     () => current?.getState()
   );
-  useEffect24(() => {
+  useEffect28(() => {
     if (!start) controller.current = void 0;
   }, [start]);
   return current && state2 ? { controller: current, state: state2 } : void 0;
@@ -33454,7 +33930,7 @@ var init_help_info = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
-import { useEffect as useEffect25, useState as useState31 } from "react";
+import { useEffect as useEffect29, useState as useState31 } 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 }) {
@@ -33468,7 +33944,7 @@ function Section({ title, rows }) {
 }
 function HelpScreen({ onDone }) {
   const [info, setInfo] = useState31();
-  useEffect25(() => {
+  useEffect29(() => {
     startDebugRun({ flow: "help", step: "01-help", menuOption: "Help", inputs: {} });
     void readHelpInfo().then(setInfo);
   }, []);
@@ -33576,45 +34052,6 @@ var init_PageContainer3 = __esm({
   }
 });
 
-// packages/experience-design-system-cli/src/tui/settings/shared/debug-trail.ts
-import { existsSync as existsSync11 } from "node:fs";
-function diffSnapshots(before, after) {
-  const names = [.../* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after)])];
-  const changed_fields = names.filter((name) => before[name] !== after[name]);
-  return { changed: changed_fields.length > 0, changed_fields };
-}
-function createTrail(limit = DEFAULT_TRAIL_LIMIT) {
-  const actions = [];
-  return {
-    record(action) {
-      actions.push(action);
-      if (actions.length > limit) actions.shift();
-    },
-    entries: () => [...actions]
-  };
-}
-function scrubError(error, secrets) {
-  let message = error instanceof Error ? error.message : String(error);
-  for (const secret of secrets) {
-    if (secret.length < MIN_SECRET_LENGTH) continue;
-    for (const form of /* @__PURE__ */ new Set([secret, encodeURIComponent(secret)])) message = message.split(form).join("[redacted]");
-  }
-  return message;
-}
-function describeSettingsFile() {
-  const path5 = configFilePath2();
-  return { path: path5, eds_home_set: Boolean(process.env["EDS_HOME"]), exists: existsSync11(path5) };
-}
-var DEFAULT_TRAIL_LIMIT, MIN_SECRET_LENGTH;
-var init_debug_trail = __esm({
-  "packages/experience-design-system-cli/src/tui/settings/shared/debug-trail.ts"() {
-    "use strict";
-    init_config();
-    DEFAULT_TRAIL_LIMIT = 30;
-    MIN_SECRET_LENGTH = 6;
-  }
-});
-
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/agent-status.ts
 import { execFile as execFile2 } from "node:child_process";
 import { access as access5, constants } from "node:fs/promises";
@@ -33889,7 +34326,7 @@ var init_AgentStatusBadge = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx
-import { useEffect as useEffect26, useState as useState33 } from "react";
+import { useEffect as useEffect30, useState as useState33 } from "react";
 import { Box as Box48, Text as Text50 } from "ink";
 import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 function StatusHeading() {
@@ -33910,7 +34347,7 @@ function AgentDetail({
   const [testing, setTesting] = useState33(false);
   const [notice, setNotice] = useState33(null);
   const [checks, setChecks] = useState33(void 0);
-  useEffect26(() => {
+  useEffect30(() => {
     let active = true;
     setChecks(void 0);
     const timer = setTimeout(() => {
@@ -34002,7 +34439,7 @@ var init_AgentDetail = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentsScreen.tsx
-import { useEffect as useEffect27, useRef as useRef18, useState as useState34 } from "react";
+import { useEffect as useEffect31, useRef as useRef19, useState as useState34 } 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 }) {
@@ -34013,7 +34450,7 @@ function AgentsScreen({ onDone }) {
   const [saving, setSaving] = useState34(false);
   const [loadError, setLoadError] = useState34(null);
   const [checks, setChecks] = useState34({});
-  const visit = useRef18({
+  const visit = useRef19({
     trail: createTrail(),
     before: void 0,
     environment: void 0,
@@ -34026,7 +34463,7 @@ function AgentsScreen({ onDone }) {
       );
     }
   };
-  useEffect27(() => {
+  useEffect31(() => {
     readAgentConfig().then((loaded) => {
       setConfig(loaded);
       inspectAll(loaded);
@@ -34252,7 +34689,7 @@ var init_project_store = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
-import { useEffect as useEffect28, useRef as useRef19, useState as useState35 } from "react";
+import { useEffect as useEffect32, useRef as useRef20, useState as useState35 } 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) {
@@ -34271,14 +34708,14 @@ function ProjectScreen({ onDone }) {
   const [saving, setSaving] = useState35(false);
   const [notice, setNotice] = useState35(null);
   const [loadError, setLoadError] = useState35(null);
-  const visit = useRef19({
+  const visit = useRef20({
     trail: createTrail(),
     before: void 0,
     persisted: void 0,
     error: ""
   }).current;
-  const scrub = (err) => scrubError(err, [config?.cmaToken ?? ""]);
-  useEffect28(() => {
+  const scrub2 = (err) => scrubError(err, [config?.cmaToken ?? ""]);
+  useEffect32(() => {
     readCredentials().then((cfg) => {
       setConfig(cfg);
       visit.before = snapshotOf(cfg);
@@ -34345,7 +34782,7 @@ function ProjectScreen({ onDone }) {
       if (config.contentfulBaseDir) void startDebugSessionIn(config.contentfulBaseDir, { replace: true });
       setNotice({ kind: "success", text: "Project settings saved" });
     }).catch((err) => {
-      visit.error = scrub(err);
+      visit.error = scrub2(err);
       visit.trail.record("save failed");
       setNotice({ kind: "error", text: err instanceof Error ? err.message : "Failed to save" });
     }).finally(() => setSaving(false));
@@ -34465,13 +34902,13 @@ var init_ConfigurationScreen = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
-import { useEffect as useEffect29, useState as useState37 } from "react";
+import { useEffect as useEffect33, useState as useState37 } 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);
-  useEffect29(() => {
+  useEffect33(() => {
     readAnalyticsSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -34534,7 +34971,7 @@ var init_screen12 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
-import { useEffect as useEffect30, useRef as useRef20, useState as useState38 } from "react";
+import { useEffect as useEffect34, useRef as useRef21, useState as useState38 } 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 }) {
@@ -34544,8 +34981,8 @@ function DebugModeScreen({ onDone }) {
     RETENTION_CHOICES[RETENTION_CHOICES.length - 1]
   );
   const [notice, setNotice] = useState38(null);
-  const visit = useRef20({ trail: createTrail(), before: void 0, error: "" }).current;
-  useEffect30(() => {
+  const visit = useRef21({ trail: createTrail(), before: void 0, error: "" }).current;
+  useEffect34(() => {
     readDebugModeSetting().then((loaded) => {
       setSetting(loaded);
       setPending(loaded.retentionDays);
@@ -34686,7 +35123,7 @@ var app_exports = {};
 __export(app_exports, {
   runApp: () => runApp
 });
-import { useEffect as useEffect31, useState as useState39 } from "react";
+import { useEffect as useEffect35, useState as useState39 } from "react";
 import { Fragment as Fragment22, jsx as jsx66 } from "react/jsx-runtime";
 function App({ importOptions, inkClear }) {
   const [screen, setScreen] = useState39("start");
@@ -34720,7 +35157,7 @@ function App({ importOptions, inkClear }) {
   const [flowStart, setFlowStart] = useState39();
   const flow = useFlow(flowStart, { beforeStepChange: inkClear });
   const [importDefaults, setImportDefaults] = useState39();
-  useEffect31(() => {
+  useEffect35(() => {
     if (screen !== "import") {
       setImportDefaults(void 0);
       return;
@@ -34793,7 +35230,7 @@ function App({ importOptions, inkClear }) {
       }
     });
   };
-  useEffect31(() => {
+  useEffect35(() => {
     if (!tokensOnlyRun || tokensOnly?.status !== "done" || !tokensOnly.result.ok) return;
     const { credentialsSkipped, input, tokens } = tokensOnlyRun;
     const { tokensPath, tokenSessionId, tokenCount } = tokensOnly.result;
@@ -34815,12 +35252,12 @@ function App({ importOptions, inkClear }) {
       }
     });
   }, [tokensOnly, tokensOnlyRun]);
-  useEffect31(() => {
+  useEffect35(() => {
     if (!extractionRun || extraction?.status !== "done" || !extraction.result.ok) return;
     setExtractionRun(void 0);
     setScopeRun({ ...extractionRun, extraction: extraction.result.extraction });
   }, [extraction, extractionRun]);
-  useEffect31(() => {
+  useEffect35(() => {
     if (!scopeRun || scopeFlow?.status !== "confirmed" || generationInput) return;
     const { extraction: produced, input, generatePromptPath } = scopeRun;
     setGenerationInput({
@@ -34838,7 +35275,7 @@ function App({ importOptions, inkClear }) {
       ...generatePromptPath ? { generatePromptPath } : {}
     });
   }, [scopeFlow, scopeRun, generationInput]);
-  useEffect31(() => {
+  useEffect35(() => {
     if (!scopeRun || generation?.status !== "done" || !generation.result.ok) return;
     const { credentialsSkipped, extraction: produced, input, generatePromptPath } = scopeRun;
     inkClear();
@@ -35007,6 +35444,7 @@ function App({ importOptions, inkClear }) {
         return /* @__PURE__ */ jsx66(
           CredentialsScreen,
           {
+            mode: target,
             initial: importDefaults.credentials,
             tokensOnly: target === "tokens",
             onBack: () => goBackFrom("credentials"),