@contentful/experience-design-system-cli 2.40.1-dev-build-35756f2e.0 → 2.40.1-dev-build-58bdf9b8.0

package/dist/app.js

@@ -2484,7 +2484,7 @@ var init_cache_keys = __esm({
 });
 
 // packages/experience-design-system-cli/app.tsx
-import { useEffect as useEffect30, useState as useState39 } from "react";
+import { useEffect as useEffect32, useState as useState39 } from "react";
 
 // packages/experience-design-system-cli/src/tui/home/home.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
@@ -3275,8 +3275,9 @@ function WelcomeScreen({ mode, onContinue, onQuit, initialPath = "" }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx
-import { useState as useState6 } from "react";
+import { useEffect as useEffect6, useRef as useRef4, useState as useState6 } from "react";
 import { Box as Box11, Text as Text11 } from "ink";
+init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/controls.ts
 import { useInput as useInput8 } from "ink";
@@ -3343,23 +3344,68 @@ function validateTokenPath(rawPath) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx
 import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
+var MAX_LOGGED_ATTEMPTS = 10;
+function TokenInputScreen({
+  mode,
+  onConfirm,
+  onBack,
+  initialPath = ""
+}) {
   const [tokenPath, setTokenPath] = useState6(initialPath);
   const [failure, setFailure] = useState6(null);
-  useTokenInputControls(onBack);
+  const rejected = useRef4([]).current;
+  useEffect6(() => {
+    startDebugRun({
+      flow: "import/token-input",
+      step: "02-token-input",
+      menuOption: "Token input",
+      inputs: { import_mode: mode, initial_path: initialPath }
+    });
+  }, []);
+  const back = () => {
+    void finishDebugRun({
+      outputs: { token_path: null, rejected_attempts: rejected, ...failure ? { error: failure.error } : {} },
+      status: failure ? "error" : "success",
+      exitMethod: "discarded"
+    });
+    onBack();
+  };
+  useTokenInputControls(back);
   const change = (value) => {
     setTokenPath(value);
     setFailure(null);
   };
+  const reject = (entered, rejection) => {
+    if (rejected.length < MAX_LOGGED_ATTEMPTS) {
+      rejected.push({
+        entered,
+        error: rejection.error,
+        ...rejection.resolvedPath ? { resolved_path: rejection.resolvedPath } : {}
+      });
+    }
+    setFailure(rejection);
+  };
   const submit = (value) => {
     const rawPath = toTokenPath(value);
     if (!rawPath) {
-      setFailure({ error: "Enter the path to your token file." });
+      reject("", { error: "Enter the path to your token file." });
       return;
     }
     const check = validateTokenPath(rawPath);
-    if (check.ok) onConfirm(check.path);
-    else setFailure({ error: check.error, resolvedPath: check.resolvedPath });
+    if (!check.ok) {
+      reject(rawPath, { error: check.error, resolvedPath: check.resolvedPath });
+      return;
+    }
+    void finishDebugRun({
+      outputs: {
+        token_path: check.path,
+        changed_from_initial: rawPath !== initialPath.trim(),
+        rejected_attempts: rejected
+      },
+      status: "success",
+      exitMethod: "saved"
+    });
+    onConfirm(check.path);
   };
   return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx12(StepHeader, { step: "setup" }),
@@ -3389,7 +3435,7 @@ function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/screen.tsx
-import { useEffect as useEffect6, useMemo, useState as useState7 } from "react";
+import { useEffect as useEffect7, useMemo, useState as useState7 } from "react";
 import { Box as Box12, Text as Text12 } from "ink";
 init_debug_store();
 
@@ -18061,7 +18107,7 @@ function PathValidationScreen({
 }) {
   const resolvedPath = useMemo(() => resolveUserPath(projectPath), [projectPath]);
   const [scan, setScan] = useState7();
-  useEffect6(() => {
+  useEffect7(() => {
     startDebugRun({
       flow: "import/path-validation",
       step: "03-path-validation",
@@ -18069,7 +18115,7 @@ function PathValidationScreen({
       inputs: { import_mode: mode, project_path: projectPath, resolved_path: resolvedPath }
     });
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     setScan(scanFiles(resolvedPath));
   }, [resolvedPath]);
   const phase = phaseOf(scan);
@@ -18111,8 +18157,9 @@ function PathValidationScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
-import { useRef as useRef4, 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";
+init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/shared/components/FieldForm.tsx
 import { useState as useState8 } from "react";
@@ -18289,6 +18336,39 @@ function FieldForm({
   ] });
 }
 
+// packages/experience-design-system-cli/src/tui/shared/debug-trail.ts
+init_config();
+import { existsSync as existsSync9 } 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 };
+}
+var DEFAULT_TRAIL_LIMIT = 30;
+function createTrail(limit = DEFAULT_TRAIL_LIMIT) {
+  const actions = [];
+  return {
+    record(action) {
+      actions.push(action);
+      if (actions.length > limit) actions.shift();
+    },
+    entries: () => [...actions]
+  };
+}
+var MIN_SECRET_LENGTH = 6;
+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 = configFilePath();
+  return { path: path5, eds_home_set: Boolean(process.env["EDS_HOME"]), exists: existsSync9(path5) };
+}
+
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/logic.ts
 var FIELDS = ["spaceId", "environmentId", "cmaToken", "host"];
 function credentialsPurpose(tokensOnly) {
@@ -18303,12 +18383,36 @@ 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
+  };
+}
 
 // packages/experience-design-system-cli/src/tui/user-agent.ts
 init_version();
@@ -18356,14 +18460,16 @@ var MENU = [
   { choice: "continue", label: "Continue", description: "Check the credentials and go on" },
   { choice: "edit", label: "Edit", description: "Change the credentials" }
 ];
+var MAX_LOGGED_ATTEMPTS2 = 10;
 function CredentialsScreen({
+  mode,
   onDone,
   onBack,
   initial = {},
   validate: validate3 = validateCredentials,
   tokensOnly = false
 }) {
-  const initialValues = useRef4(
+  const initialValues = useRef5(
     normalize({
       spaceId: initial.spaceId ?? "",
       environmentId: initial.environmentId || "master",
@@ -18379,17 +18485,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();
@@ -18398,7 +18551,7 @@ function CredentialsScreen({
       setBeforeEdit(values);
       setActive(0);
       setEditing(true);
-    } else onBack();
+    } else leave();
   };
   const stopEditing = () => {
     setEditing(false);
@@ -18408,7 +18561,7 @@ function CredentialsScreen({
     if (validating) return;
     if (editing) {
       if (key.escape) {
-        if (!prefilled) onBack();
+        if (!prefilled) leave();
         else {
           setValues(beforeEdit);
           setNotice(null);
@@ -18744,14 +18897,14 @@ function TokenReviewScreen({ tokensPath, onContinue, onQuit }) {
 init_config();
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-extraction.ts
-import { useEffect as useEffect7, useRef as useRef5, useState as useState11 } from "react";
+import { useEffect as useEffect9, useRef as useRef6, useState as useState11 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/run.ts
 import { mkdir as mkdir8 } from "node:fs/promises";
 import { join as join20, resolve as resolve24 } from "node:path";
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/find-skill-path.ts
-import { existsSync as existsSync9 } from "node:fs";
+import { existsSync as existsSync10 } from "node:fs";
 import { dirname as dirname16, join as join19, resolve as resolve22 } from "node:path";
 import { fileURLToPath as fileURLToPath4 } from "node:url";
 function findSkillPath(fileName) {
@@ -18759,7 +18912,7 @@ function findSkillPath(fileName) {
   let dir = thisDir;
   for (; ; ) {
     const candidate = join19(dir, "skills", fileName);
-    if (existsSync9(candidate)) return candidate;
+    if (existsSync10(candidate)) return candidate;
     const parent = resolve22(dir, "..");
     if (parent === dir) {
       throw new Error(`skill file not found (looked for skills/${fileName} from ${thisDir})`);
@@ -19000,8 +19153,8 @@ async function resolveSelectionPrompt(overrides) {
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-extraction.ts
 function useExtraction(input) {
   const [state2, setState] = useState11();
-  const current = useRef5();
-  useEffect7(() => {
+  const current = useRef6();
+  useEffect9(() => {
     current.current = input;
     if (!input) {
       setState(void 0);
@@ -19027,7 +19180,7 @@ function useExtraction(input) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-tokens-only.ts
-import { useEffect as useEffect8, useRef as useRef6, useState as useState12 } from "react";
+import { useEffect as useEffect10, useRef as useRef7, useState as useState12 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/run-tokens-only.ts
 var TOKENS_SKILL_PATH2 = findSkillPath("generate-tokens.md");
@@ -19061,8 +19214,8 @@ async function runTokensOnly(input, deps = realDeps2) {
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-tokens-only.ts
 function useTokensOnly(input) {
   const [state2, setState] = useState12();
-  const current = useRef6();
-  useEffect8(() => {
+  const current = useRef7();
+  useEffect10(() => {
     current.current = input;
     if (!input) {
       setState(void 0);
@@ -20192,7 +20345,7 @@ import React11 from "react";
 import { Box as Box23, Text as Text24 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/hooks/useImmediateInput.ts
-import { useLayoutEffect, useRef as useRef7 } from "react";
+import { useLayoutEffect, useRef as useRef8 } from "react";
 import { useStdin } from "ink";
 function parseInput(data) {
   const isShiftTab = data === "\x1B[Z";
@@ -20255,7 +20408,7 @@ function registerInputHandler(stdin, setRawMode, handler) {
 }
 function useImmediateInput(handler, enabled = true) {
   const { stdin, setRawMode } = useStdin();
-  const handlerRef = useRef7(handler);
+  const handlerRef = useRef8(handler);
   handlerRef.current = handler;
   useLayoutEffect(() => {
     if (!enabled) return;
@@ -20266,7 +20419,7 @@ function useImmediateInput(handler, enabled = true) {
 
 // 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 useEffect9, useState as useState13 } from "react";
+import { useEffect as useEffect11, useState as useState13 } from "react";
 function readTerminalSize(stdout) {
   return {
     columns: stdout?.columns ?? 80,
@@ -20276,7 +20429,7 @@ function readTerminalSize(stdout) {
 function useTerminalSize() {
   const { stdout } = useStdout2();
   const [size, setSize] = useState13(() => readTerminalSize(stdout));
-  useEffect9(() => {
+  useEffect11(() => {
     const updateSize = () => setSize(readTerminalSize(stdout));
     stdout?.on("resize", updateSize);
     updateSize();
@@ -20459,7 +20612,7 @@ function createSidebarViewsHelpSection(includeBreaking) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate.ts
-import { useEffect as useEffect10, useMemo as useMemo3, useRef as useRef8, useState as useState16 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo3, useRef as useRef9, useState as useState16 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/columns.ts
 var TWO_COLUMN_MIN_WIDTH = 100;
@@ -21195,8 +21348,8 @@ function useScopeGate({ components, tokenCount, tokensWidth, onConfirm, onQuit }
     for (const p of cycleParticipants) seed.add(p);
     return seed;
   });
-  const seededGroupsRef = useRef8(closures.size > 0 || cycleParticipants.size > 0);
-  useEffect10(() => {
+  const seededGroupsRef = useRef9(closures.size > 0 || cycleParticipants.size > 0);
+  useEffect12(() => {
     if (seededGroupsRef.current) return;
     if (closures.size === 0 && cycleParticipants.size === 0) return;
     seededGroupsRef.current = true;
@@ -21287,7 +21440,7 @@ function useScopeGate({ components, tokenCount, tokensWidth, onConfirm, onQuit }
     entryCount: 0
   });
   const panelLayout = useMemo3(() => computePanelLayout(visibleCount), [visibleCount]);
-  useEffect10(() => {
+  useEffect12(() => {
     setNav((prev) => {
       const maxIdx = Math.max(0, visibleRows.length - 1);
       const nextCursor = Math.min(prev.cursor, maxIdx);
@@ -21762,7 +21915,7 @@ function ScopeGateView({ components, tokensPath, onConfirm, onQuit }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate-flow.ts
-import { useEffect as useEffect11, useMemo as useMemo5, useRef as useRef9, useState as useState17 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo5, useRef as useRef10, useState as useState17 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/cache-check.ts
 async function checkGenerationCache(input) {
@@ -21809,9 +21962,9 @@ var realDeps3 = { load: loadScopeGate, checkCache: checkGenerationCache };
 function useScopeGateFlow(input, deps = realDeps3) {
   const sessionId = input?.sessionId;
   const loaded = useMemo5(() => sessionId ? deps.load(sessionId) : void 0, [sessionId]);
-  const cacheCheck = useRef9(void 0);
+  const cacheCheck = useRef10(void 0);
   const [confirmed, setConfirmed] = useState17();
-  useEffect11(() => {
+  useEffect13(() => {
     if (!input || !loaded?.ok || cacheCheck.current) return;
     cacheCheck.current = deps.checkCache(input.cache);
   }, [input, loaded]);
@@ -21878,7 +22031,7 @@ function GenerationScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/use-generation.ts
-import { useEffect as useEffect12, useRef as useRef10, useState as useState18 } from "react";
+import { useEffect as useEffect14, useRef as useRef11, useState as useState18 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/run.ts
 import { resolve as resolve25 } from "node:path";
@@ -22043,8 +22196,8 @@ function applyProgressEvent2(event, previous, total) {
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/use-generation.ts
 function useGeneration(input) {
   const [state2, setState] = useState18();
-  const current = useRef10();
-  useEffect12(() => {
+  const current = useRef11();
+  useEffect14(() => {
     current.current = input;
     if (!input) {
       setState(void 0);
@@ -22525,7 +22678,7 @@ function PreviewValidationErrorScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/generate-review-step.tsx
-import { useCallback as useCallback5, useEffect as useEffect19, useMemo as useMemo6, useRef as useRef15, useState as useState26 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect21, useMemo as useMemo6, useRef as useRef16, useState as useState26 } from "react";
 import figures8 from "figures";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/review-json-panel.ts
@@ -22786,7 +22939,7 @@ function enumerateCycleBreaks(cycle, components) {
 import { Box as Box32, Text as Text34 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx
-import React13, { useEffect as useEffect13, useLayoutEffect as useLayoutEffect2, useState as useState19 } from "react";
+import React13, { useEffect as useEffect15, useLayoutEffect as useLayoutEffect2, useState as useState19 } from "react";
 import figures6 from "figures";
 import { Box as Box26, measureElement, Text as Text27 } from "ink";
 
@@ -24344,7 +24497,7 @@ function FieldEditor({
     }
     return Math.max(start + 1, end2);
   };
-  useEffect13(() => {
+  useEffect15(() => {
     if (focusLevel === "field" || selectedRowIdx < 0) return;
     setListScrollStart((previous) => {
       if (initialFocusTarget && !initialFocusScrollApplied.current) {
@@ -25416,7 +25569,7 @@ function finalizeReviewSession(extractSessionId, components) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-session.ts
-import { useCallback as useCallback2, useEffect as useEffect15, useRef as useRef12, useState as useState21 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect17, useRef as useRef13, useState as useState21 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/history.ts
 var DEFAULT_MAX_DEPTH = 50;
@@ -25472,7 +25625,7 @@ function createHistoryStack(seed, maxDepth = DEFAULT_MAX_DEPTH) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-finalize-preview.ts
-import { useEffect as useEffect14, useRef as useRef11, useState as useState20 } from "react";
+import { useEffect as useEffect16, useRef as useRef12, useState as useState20 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/run-live-preview.ts
 var TimeoutError = class extends Error {
@@ -25630,9 +25783,9 @@ function useFinalizePreview(opts) {
   const [status, setStatus] = useState20("idle");
   const [removed, setRemoved] = useState20([]);
   const [scrollOffset, setScrollOffset] = useState20(0);
-  const generationRef = useRef11(0);
+  const generationRef = useRef12(0);
   const acceptedKey = [...acceptedKeys].sort().join("\0");
-  useEffect14(() => {
+  useEffect16(() => {
     if (!open) {
       setStatus("idle");
       setRemoved([]);
@@ -25695,7 +25848,7 @@ function useReviewSession({
     }));
     return { result, catalog };
   }, [loadSession, tokensPath]);
-  useEffect15(() => {
+  useEffect17(() => {
     let disposed = false;
     void (async () => {
       try {
@@ -25748,7 +25901,7 @@ function useReviewSession({
 function useReviewMetadata({ components, selectedIdx, extractSessionId }) {
   const [reviewMetadata, setReviewMetadata] = useState21(null);
   const [componentRationale, setComponentRationale] = useState21(null);
-  useEffect15(() => {
+  useEffect17(() => {
     const current = components[selectedIdx];
     if (!current) {
       setReviewMetadata(null);
@@ -25778,9 +25931,9 @@ function useReviewMetadata({ components, selectedIdx, extractSessionId }) {
   return { reviewMetadata, componentRationale };
 }
 function useReviewHistory({ loading, components, createSnapshot, applySnapshot }) {
-  const historyRef = useRef12(null);
-  const historySeededRef = useRef12(false);
-  useEffect15(() => {
+  const historyRef = useRef13(null);
+  const historySeededRef = useRef13(false);
+  useEffect17(() => {
     if (loading || historySeededRef.current) return;
     historySeededRef.current = true;
     historyRef.current = createHistoryStack(createSnapshot(components));
@@ -25831,7 +25984,7 @@ function useReviewFinalize({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-editor.ts
-import { useEffect as useEffect16, useRef as useRef13, useState as useState22 } from "react";
+import { useEffect as useEffect18, useRef as useRef14, useState as useState22 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/token-suggestions.ts
 function collectTokenSuggestions(entry, availableTokens = []) {
@@ -25882,9 +26035,9 @@ function useReviewEditor({
   const [tokenReviewEditing, setTokenReviewEditing] = useState22(false);
   const [tokenReviewEditCursor, setTokenReviewEditCursor] = useState22(0);
   const [tokenReviewEditSelection, setTokenReviewEditSelection] = useState22(/* @__PURE__ */ new Set());
-  const tokenReviewSuggestedRef = useRef13(/* @__PURE__ */ new Map());
-  const pendingGRef = useRef13(false);
-  useEffect16(() => {
+  const tokenReviewSuggestedRef = useRef14(/* @__PURE__ */ new Map());
+  const pendingGRef = useRef14(false);
+  useEffect18(() => {
     setTokenReviewRow(0);
     setTokenReviewEditing(false);
     setTokenReviewEditCursor(0);
@@ -26296,7 +26449,7 @@ function handleJsonPanelInput(input, key, state2) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-preview.ts
-import { useCallback as useCallback4, useEffect as useEffect18, useState as useState25 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect20, useState as useState25 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/preview-annotations.ts
 function applyPreviewAnnotations(preview, localNames) {
@@ -26331,25 +26484,25 @@ function applyPreviewAnnotations(preview, localNames) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-live-preview.ts
-import { useCallback as useCallback3, useEffect as useEffect17, useRef as useRef14, useState as useState24 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect19, useRef as useRef15, useState as useState24 } from "react";
 var DEFAULT_DEBOUNCE_MS = 500;
 function useLivePreview(opts) {
   const debounceMs = opts.debounceMs ?? DEFAULT_DEBOUNCE_MS;
   const [status, setStatus] = useState24("idle");
   const [disabled, setDisabled] = useState24(false);
-  const timerRef = useRef14(null);
-  const generationRef = useRef14(0);
-  const latestRef = useRef14(0);
-  const inflightRef = useRef14(0);
-  const optsRef = useRef14(opts);
-  useEffect17(() => {
+  const timerRef = useRef15(null);
+  const generationRef = useRef15(0);
+  const latestRef = useRef15(0);
+  const inflightRef = useRef15(0);
+  const optsRef = useRef15(opts);
+  useEffect19(() => {
     optsRef.current = opts;
   });
-  const disabledRef = useRef14(disabled);
-  useEffect17(() => {
+  const disabledRef = useRef15(disabled);
+  useEffect19(() => {
     disabledRef.current = disabled;
   }, [disabled]);
-  useEffect17(() => {
+  useEffect19(() => {
     return () => {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
@@ -26463,13 +26616,13 @@ function useReviewPreview({
     deleteAllComponents
   });
   const [spinnerTick, setSpinnerTick] = useState25(0);
-  useEffect18(() => {
+  useEffect20(() => {
     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];
-  useEffect18(() => {
+  useEffect20(() => {
     if (loading) return;
     if (!livePreview) return;
     if (components.length === 0) return;
@@ -26782,7 +26935,7 @@ function GenerateReviewStepView({
     setFinalizeError
   } = reviewSurface;
   const [removedBannerCollapsed, setRemovedBannerCollapsed] = useState26(false);
-  const removedBannerDefaultedRef = useRef15(false);
+  const removedBannerDefaultedRef = useRef16(false);
   const [cyclePanelScroll, setCyclePanelScroll] = useState26(0);
   const [cyclesCursor, setCyclesCursor] = useState26(0);
   const cyclePanel = useOverlayPanel({
@@ -26802,7 +26955,7 @@ function GenerateReviewStepView({
   const [breakCursor, setBreakCursor] = useState26(0);
   const [breakConfirm, setBreakConfirm] = useState26(false);
   const [expandedGroups, setExpandedGroups] = useState26(/* @__PURE__ */ new Set());
-  const seededGroupsRef = useRef15(false);
+  const seededGroupsRef = useRef16(false);
   const {
     searchOpen,
     setSearchOpen,
@@ -26826,7 +26979,7 @@ function GenerateReviewStepView({
   const [pendingEditorFocus, setPendingEditorFocus] = useState26(null);
   const [autoRejected, setAutoRejected] = useState26([]);
   const [undoSnapshot, setUndoSnapshot] = useState26(null);
-  const autoRejectFiredRef = useRef15(false);
+  const autoRejectFiredRef = useRef16(false);
   const [showReloadDialog, setShowReloadDialog] = useState26(false);
   const acceptedCountForPreview = components.filter((c2) => c2.status === "accepted").length;
   const { previewAnnotations, removedComponents, livePreviewHook, livePreviewSpinner } = useReviewPreview({
@@ -26889,7 +27042,7 @@ function GenerateReviewStepView({
     [components]
   );
   const closures = useMemo6(() => computeAllClosures(componentGraph), [componentGraph]);
-  useEffect19(() => {
+  useEffect21(() => {
     if (seededGroupsRef.current) return;
     if (closures.size === 0 && slotCycles.length === 0) return;
     seededGroupsRef.current = true;
@@ -26916,7 +27069,7 @@ function GenerateReviewStepView({
       suggestedBreak: cycle.edges.length > 0 ? suggestCycleBreakEdge2(cycle, cycleView.pushBlocking) : null
     }));
   }, [slotCycles, cycleView]);
-  useEffect19(() => {
+  useEffect21(() => {
     const decision = computeAutoRejectDecision({
       loading,
       autoRejectFired: autoRejectFiredRef.current,
@@ -26959,8 +27112,8 @@ function GenerateReviewStepView({
     }),
     applySnapshot: applyHistorySnapshot
   });
-  const autoRejectPushedRef = useRef15(false);
-  useEffect19(() => {
+  const autoRejectPushedRef = useRef16(false);
+  useEffect21(() => {
     if (loading) return;
     if (!historySeededRef.current) return;
     if (!autoRejectFiredRef.current) return;
@@ -27044,7 +27197,7 @@ function GenerateReviewStepView({
   const panelHeight = leftPanelHeight + 2;
   const panelContentHeight = Math.max(1, panelHeight - 3);
   const cycleViewportHeight = Math.max(1, panelHeight - 4);
-  useEffect19(() => {
+  useEffect21(() => {
     if (selectableRowPositions.length === 0) return;
     const cursorInRange = selectableRowPositions.includes(cursorRowIdx);
     const maxScroll = Math.max(0, visibleRowsMemo.length - visibleCount);
@@ -27989,10 +28142,10 @@ function normalizePath(input) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-blinking-cursor.ts
-import { useEffect as useEffect20, useState as useState27 } from "react";
+import { useEffect as useEffect22, useState as useState27 } from "react";
 function useBlinkingCursor() {
   const [visible, setVisible] = useState27(true);
-  useEffect20(() => {
+  useEffect22(() => {
     const interval = setInterval(() => setVisible((current) => !current), 500);
     return () => clearInterval(interval);
   }, []);
@@ -28108,12 +28261,12 @@ function countedThings({ components, tokens }, counts = {}) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-timed-spinner.tsx
-import { useEffect as useEffect21, useState as useState29 } from "react";
+import { useEffect as useEffect23, 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);
-  useEffect21(() => {
+  useEffect23(() => {
     const timer = setInterval(() => setElapsedSeconds((current) => current + 1), 1e3);
     return () => {
       clearInterval(timer);
@@ -28171,7 +28324,7 @@ function PushingStep({ progress, produced, counts }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx
-import { useEffect as useEffect22, useState as useState30, useMemo as useMemo7 } from "react";
+import { useEffect as useEffect24, useState as useState30, useMemo as useMemo7 } from "react";
 import { Box as Box44, Text as Text46 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/preview-diff.ts
@@ -28566,7 +28719,7 @@ function WizardPreviewStep({
   const activeLines = diffExpanded ? diffLines : summaryLines;
   const maxScroll = Math.max(0, activeLines.length - viewportHeight);
   const boundedScrollOffset = Math.min(scrollOffset, maxScroll);
-  useEffect22(() => {
+  useEffect24(() => {
     setScrollOffset((previous) => Math.min(previous, maxScroll));
   }, [maxScroll]);
   useImmediateInput((input, key) => {
@@ -28784,7 +28937,7 @@ function FlowScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow.ts
-import { useEffect as useEffect23, useRef as useRef16, useSyncExternalStore } from "react";
+import { useEffect as useEffect25, useRef as useRef17, useSyncExternalStore } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/controller.ts
 import { appendFileSync, writeFileSync } from "node:fs";
@@ -29526,7 +29679,7 @@ function createFlowController(start, deps) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow.ts
 function useFlow(start, options = {}) {
-  const controller = useRef16();
+  const controller = useRef17();
   if (start && !controller.current) {
     try {
       startWizardLog();
@@ -29543,14 +29696,14 @@ function useFlow(start, options = {}) {
     (listener) => current?.subscribe(listener) ?? (() => void 0),
     () => current?.getState()
   );
-  useEffect23(() => {
+  useEffect25(() => {
     if (!start) controller.current = void 0;
   }, [start]);
   return current && state2 ? { controller: current, state: state2 } : void 0;
 }
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
-import { useEffect as useEffect24, useState as useState31 } from "react";
+import { useEffect as useEffect26, useState as useState31 } from "react";
 import { Box as Box46, Text as Text47, useInput as useInput13 } from "ink";
 init_debug_store();
 
@@ -29624,7 +29777,7 @@ function Section({ title, rows }) {
 }
 function HelpScreen({ onDone }) {
   const [info, setInfo] = useState31();
-  useEffect24(() => {
+  useEffect26(() => {
     startDebugRun({ flow: "help", step: "01-help", menuOption: "Help", inputs: {} });
     void readHelpInfo().then(setInfo);
   }, []);
@@ -29721,43 +29874,10 @@ import { useState as useState36 } from "react";
 import { Box as Box51, Text as Text53, useInput as useInput17 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentsScreen.tsx
-import { useEffect as useEffect26, useRef as useRef17, useState as useState34 } from "react";
+import { useEffect as useEffect28, useRef as useRef18, useState as useState34 } from "react";
 import { Box as Box49, Text as Text51, useInput as useInput15 } from "ink";
 init_debug_store();
 
-// packages/experience-design-system-cli/src/tui/settings/shared/debug-trail.ts
-init_config();
-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 };
-}
-var DEFAULT_TRAIL_LIMIT = 30;
-function createTrail(limit = DEFAULT_TRAIL_LIMIT) {
-  const actions = [];
-  return {
-    record(action) {
-      actions.push(action);
-      if (actions.length > limit) actions.shift();
-    },
-    entries: () => [...actions]
-  };
-}
-var MIN_SECRET_LENGTH = 6;
-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 = configFilePath();
-  return { path: path5, eds_home_set: Boolean(process.env["EDS_HOME"]), exists: existsSync10(path5) };
-}
-
 // 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";
@@ -30050,7 +30170,7 @@ async function writeAgentConfig(config) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx
-import { useEffect as useEffect25, useState as useState33 } from "react";
+import { useEffect as useEffect27, useState as useState33 } from "react";
 import { Box as Box48, Text as Text50 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentStatusBadge.tsx
@@ -30113,7 +30233,7 @@ function AgentDetail({
   const [testing, setTesting] = useState33(false);
   const [notice, setNotice] = useState33(null);
   const [checks, setChecks] = useState33(void 0);
-  useEffect25(() => {
+  useEffect27(() => {
     let active = true;
     setChecks(void 0);
     const timer = setTimeout(() => {
@@ -30198,7 +30318,7 @@ function AgentsScreen({ onDone }) {
   const [saving, setSaving] = useState34(false);
   const [loadError, setLoadError] = useState34(null);
   const [checks, setChecks] = useState34({});
-  const visit = useRef17({
+  const visit = useRef18({
     trail: createTrail(),
     before: void 0,
     environment: void 0,
@@ -30211,7 +30331,7 @@ function AgentsScreen({ onDone }) {
       );
     }
   };
-  useEffect26(() => {
+  useEffect28(() => {
     readAgentConfig().then((loaded) => {
       setConfig(loaded);
       inspectAll(loaded);
@@ -30388,7 +30508,7 @@ function AgentsScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
-import { useEffect as useEffect27, useRef as useRef18, useState as useState35 } from "react";
+import { useEffect as useEffect29, useRef as useRef19, useState as useState35 } from "react";
 import { Box as Box50, Text as Text52, useInput as useInput16 } from "ink";
 init_debug_store();
 
@@ -30446,14 +30566,14 @@ function ProjectScreen({ onDone }) {
   const [saving, setSaving] = useState35(false);
   const [notice, setNotice] = useState35(null);
   const [loadError, setLoadError] = useState35(null);
-  const visit = useRef18({
+  const visit = useRef19({
     trail: createTrail(),
     before: void 0,
     persisted: void 0,
     error: ""
   }).current;
   const scrub = (err) => scrubError(err, [config?.cmaToken ?? ""]);
-  useEffect27(() => {
+  useEffect29(() => {
     readCredentials().then((cfg) => {
       setConfig(cfg);
       visit.before = snapshotOf(cfg);
@@ -30605,7 +30725,7 @@ function ConfigurationScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
-import { useEffect as useEffect28, useState as useState37 } from "react";
+import { useEffect as useEffect30, useState as useState37 } from "react";
 import { Box as Box52, Text as Text54, useInput as useInput18 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/analytics-store.ts
@@ -30629,7 +30749,7 @@ import { Fragment as Fragment20, jsx as jsx64, jsxs as jsxs52 } from "react/jsx-
 function OptInAnalyticsScreen({ onDone }) {
   const [loading, setLoading] = useState37(true);
   const [enabled, setEnabled] = useState37(true);
-  useEffect28(() => {
+  useEffect30(() => {
     readAnalyticsSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -30683,7 +30803,7 @@ function OptInAnalyticsScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
-import { useEffect as useEffect29, useRef as useRef19, useState as useState38 } from "react";
+import { useEffect as useEffect31, useRef as useRef20, useState as useState38 } from "react";
 import { Box as Box53, Text as Text55, useInput as useInput19 } from "ink";
 init_debug_mode_store();
 init_debug_store();
@@ -30700,8 +30820,8 @@ function DebugModeScreen({ onDone }) {
     RETENTION_CHOICES[RETENTION_CHOICES.length - 1]
   );
   const [notice, setNotice] = useState38(null);
-  const visit = useRef19({ trail: createTrail(), before: void 0, error: "" }).current;
-  useEffect29(() => {
+  const visit = useRef20({ trail: createTrail(), before: void 0, error: "" }).current;
+  useEffect31(() => {
     readDebugModeSetting().then((loaded) => {
       setSetting(loaded);
       setPending(loaded.retentionDays);
@@ -30856,7 +30976,7 @@ function App({ importOptions, inkClear }) {
   const [flowStart, setFlowStart] = useState39();
   const flow = useFlow(flowStart, { beforeStepChange: inkClear });
   const [importDefaults, setImportDefaults] = useState39();
-  useEffect30(() => {
+  useEffect32(() => {
     if (screen !== "import") {
       setImportDefaults(void 0);
       return;
@@ -30929,7 +31049,7 @@ function App({ importOptions, inkClear }) {
       }
     });
   };
-  useEffect30(() => {
+  useEffect32(() => {
     if (!tokensOnlyRun || tokensOnly?.status !== "done" || !tokensOnly.result.ok) return;
     const { credentialsSkipped, input, tokens } = tokensOnlyRun;
     const { tokensPath, tokenSessionId, tokenCount } = tokensOnly.result;
@@ -30951,12 +31071,12 @@ function App({ importOptions, inkClear }) {
       }
     });
   }, [tokensOnly, tokensOnlyRun]);
-  useEffect30(() => {
+  useEffect32(() => {
     if (!extractionRun || extraction?.status !== "done" || !extraction.result.ok) return;
     setExtractionRun(void 0);
     setScopeRun({ ...extractionRun, extraction: extraction.result.extraction });
   }, [extraction, extractionRun]);
-  useEffect30(() => {
+  useEffect32(() => {
     if (!scopeRun || scopeFlow?.status !== "confirmed" || generationInput) return;
     const { extraction: produced, input, generatePromptPath } = scopeRun;
     setGenerationInput({
@@ -30974,7 +31094,7 @@ function App({ importOptions, inkClear }) {
       ...generatePromptPath ? { generatePromptPath } : {}
     });
   }, [scopeFlow, scopeRun, generationInput]);
-  useEffect30(() => {
+  useEffect32(() => {
     if (!scopeRun || generation?.status !== "done" || !generation.result.ok) return;
     const { credentialsSkipped, extraction: produced, input, generatePromptPath } = scopeRun;
     inkClear();
@@ -31067,6 +31187,7 @@ function App({ importOptions, inkClear }) {
               return /* @__PURE__ */ jsx66(
                 TokenInputScreen,
                 {
+                  mode: target,
                   initialPath: importDefaults.tokenFile,
                   onConfirm: (tokensPath) => answer({ tokensPath }),
                   onBack: () => goBackFrom("token-file")
@@ -31142,6 +31263,7 @@ function App({ importOptions, inkClear }) {
         return /* @__PURE__ */ jsx66(
           CredentialsScreen,
           {
+            mode: target,
             initial: importDefaults.credentials,
             tokensOnly: target === "tokens",
             onBack: () => goBackFrom("credentials"),