@contentful/experience-design-system-cli 2.37.1-dev-build-8f86e838.0 → 2.37.1-dev-build-7e007460.0

package/dist/app.js

@@ -2623,6 +2623,11 @@ var IMPORT_TARGET_OPTIONS = [
   { target: "tokens", label: "Tokens only" },
   { target: "components", label: "Components only" }
 ];
+var TOKENS_ONLY_OVERVIEW = [
+  { description: "Generate design tokens from your token file", ai: true },
+  { description: "Push to Contentful", ai: false }
+];
+var TOKENS_ONLY_STEP_COUNT = TOKENS_ONLY_OVERVIEW.length;
 var STEPS = {
   both: [
     "project",
@@ -2729,8 +2734,8 @@ function PreflightScreen({ onChoose, onQuit }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx
-import { useState as useState4 } from "react";
-import { Box as Box4, Text as Text5 } from "ink";
+import { useState as useState5 } from "react";
+import { Box as Box8, Text as Text9 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/ClearableTextInput.tsx
 import { useRef } from "react";
@@ -2761,9 +2766,264 @@ function ClearableTextInput({ onChange, ...props }) {
   );
 }
 
-// packages/experience-design-system-cli/src/tui/import/steps/01-welcome/controls.ts
+// packages/experience-design-system-cli/src/tui/import/shared/error-step/error-step.tsx
+import { Box as Box4, Text as Text5 } from "ink";
+
+// packages/experience-design-system-cli/src/tui/import/shared/error-step/controls.ts
 import { useInput as useInput5 } from "ink";
 
+// packages/experience-design-system-cli/src/tui/import/shared/error-step/logic.ts
+function errorAction(input, key, available) {
+  if (key.return && available.canAcknowledge) return "acknowledge";
+  if (input === "r" && available.canRetry) return "retry";
+  if (key.return || key.escape) return "exit";
+  return null;
+}
+function errorControls(available) {
+  return [
+    available.canAcknowledge ? { keys: "Enter", label: "Acknowledge and apply" } : { keys: "Enter", label: "Exit" },
+    ...available.canAcknowledge ? [{ keys: "Esc", label: "Exit" }] : [],
+    ...available.canRetry ? [{ keys: "r", label: "Re-enter credentials" }] : []
+  ];
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/error-step/controls.ts
+function useErrorControls(handlers) {
+  useInput5((input, key) => {
+    const action = errorAction(input, key, {
+      canRetry: handlers.onRetry !== void 0,
+      canAcknowledge: handlers.onAcknowledge !== void 0
+    });
+    if (action === "acknowledge") handlers.onAcknowledge?.();
+    else if (action === "retry") handlers.onRetry?.();
+    else if (action === "exit") handlers.onExit();
+  });
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/error-step/error-step.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function ErrorStep({
+  stepName,
+  message,
+  onExit,
+  onRetryCredentials,
+  onAcknowledgeBreakingChanges
+}) {
+  useErrorControls({ onExit, onRetry: onRetryCredentials, onAcknowledge: onAcknowledgeBreakingChanges });
+  const controls = errorControls({
+    canRetry: onRetryCredentials !== void 0,
+    canAcknowledge: onAcknowledgeBreakingChanges !== void 0
+  });
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs4(Text5, { bold: true, color: PALETTE.error, children: [
+      "\u2717 ",
+      stepName,
+      " failed"
+    ] }),
+    /* @__PURE__ */ jsx6(Text5, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx6(Box4, { marginTop: 1, gap: 3, children: controls.map((control) => /* @__PURE__ */ jsxs4(Text5, { color: PALETTE.muted, children: [
+      "[",
+      control.keys,
+      "] ",
+      control.label
+    ] }, control.keys)) })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/gate-step/gate-step.tsx
+import { Box as Box5, Text as Text6 } from "ink";
+
+// packages/experience-design-system-cli/src/tui/import/shared/gate-step/controls.ts
+import { useInput as useInput6 } from "ink";
+
+// packages/experience-design-system-cli/src/tui/import/shared/gate-step/logic.ts
+function gateAction(input, key, canSkip) {
+  if (key.return) return "continue";
+  if (input === "a" && canSkip) return "skip";
+  if (key.escape) return "quit";
+  return null;
+}
+function gateControls(continueLabel, skipLabel2, canSkip) {
+  return [
+    { keys: "Enter", label: continueLabel },
+    ...canSkip ? [{ keys: "a", label: skipLabel2 }] : [],
+    { keys: "Esc", label: "Quit" }
+  ];
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/gate-step/controls.ts
+function useGateControls(handlers) {
+  useInput6((input, key) => {
+    const action = gateAction(input, key, handlers.canSkip);
+    if (action === "continue") handlers.onContinue();
+    else if (action === "skip") handlers.onSkip();
+    else if (action === "quit") handlers.onQuit();
+  });
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/gate-step/gate-step.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function GateStep({
+  message,
+  onContinue,
+  onQuit,
+  summary,
+  context,
+  continueLabel = "Continue",
+  skipLabel: skipLabel2 = "Approve all and skip",
+  onSkip,
+  intent = "success"
+}) {
+  useGateControls({ canSkip: onSkip !== void 0, onContinue, onSkip: onSkip ?? (() => {
+  }), onQuit });
+  const color = intent === "error" ? PALETTE.error : PALETTE.success;
+  const icon = intent === "error" ? "\u2717" : "\u2713";
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs5(Text6, { color, children: [
+      icon,
+      " ",
+      message
+    ] }),
+    summary && /* @__PURE__ */ jsx7(Text6, { color: PALETTE.muted, children: summary }),
+    context && /* @__PURE__ */ jsx7(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text6, { children: context }) }),
+    /* @__PURE__ */ jsx7(Box5, { marginTop: 1, gap: 3, children: gateControls(continueLabel, skipLabel2, onSkip !== void 0).map((control) => /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.muted, children: [
+      "[",
+      control.keys,
+      "] ",
+      control.label
+    ] }, control.keys)) })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/overview-box/overview-box.tsx
+import { Box as Box6, Text as Text7 } from "ink";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var OVERVIEW_BOX_MAX_WIDTH = 90;
+var AI_MARKER = "\u273B";
+var AI_DISCLOSURE = [
+  "Steps marked \u273B use your local AI agent, which may send relevant code to your AI provider under your agreement with them. Contentful does not receive that code, or the prompts and responses. AI suggestions can be wrong or incomplete, so review and edit them before importing."
+];
+function OverviewBox({ steps }) {
+  return /* @__PURE__ */ jsx8(Box6, { flexDirection: "row", children: /* @__PURE__ */ jsxs6(
+    Box6,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: PALETTE.border,
+      paddingX: 2,
+      paddingY: 1,
+      width: OVERVIEW_BOX_MAX_WIDTH,
+      flexShrink: 1,
+      children: [
+        steps.map((step, index) => /* @__PURE__ */ jsxs6(Box6, { gap: 1, children: [
+          /* @__PURE__ */ jsx8(Box6, { flexShrink: 0, children: /* @__PURE__ */ jsxs6(Text7, { bold: true, children: [
+            "Step ",
+            index + 1
+          ] }) }),
+          /* @__PURE__ */ jsx8(Text7, { color: PALETTE.muted, wrap: "truncate-end", children: step.description }),
+          step.ai && /* @__PURE__ */ jsx8(Text7, { bold: true, color: PALETTE.accent, children: AI_MARKER })
+        ] }, step.description)),
+        /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsxs6(Text7, { bold: true, children: [
+            /* @__PURE__ */ jsx8(Text7, { color: PALETTE.accent, children: AI_MARKER }),
+            " AI disclosure"
+          ] }),
+          AI_DISCLOSURE.map((paragraph) => /* @__PURE__ */ jsx8(Text7, { color: PALETTE.muted, children: paragraph }, paragraph))
+        ] })
+      ]
+    }
+  ) });
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
+import { Box as Box7, Text as Text8 } from "ink";
+import { ProgressBar, Spinner, ThemeProvider } from "@inkjs/ui";
+
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/logic.ts
+function progressPercent(progress) {
+  if (progress.total <= 0) return 0;
+  return Math.min(100, Math.max(0, Math.round(progress.done / progress.total * 100)));
+}
+function formatElapsed(totalSeconds) {
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return minutes > 0 ? `${minutes}m ${seconds}s` : `${seconds}s`;
+}
+function stepLabel(stepNumber, totalSteps, title) {
+  return `Step ${stepNumber} of ${totalSteps} \u2014 ${title}`;
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/theme.ts
+import { defaultTheme, extendTheme } from "@inkjs/ui";
+var PROGRESS_THEME = extendTheme(defaultTheme, {
+  components: {
+    ProgressBar: {
+      styles: {
+        completed: () => ({ color: PALETTE.accent })
+      }
+    }
+  }
+});
+
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/use-elapsed.ts
+import { useEffect as useEffect3, useState as useState4 } from "react";
+function useElapsed() {
+  const [seconds, setSeconds] = useState4(0);
+  useEffect3(() => {
+    const timer = setInterval(() => setSeconds((current) => current + 1), 1e3);
+    return () => clearInterval(timer);
+  }, []);
+  return formatElapsed(seconds);
+}
+
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var RULE = "\u2500".repeat(40);
+function Line({ line }) {
+  if (line.progress) {
+    return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", gap: 1, children: [
+      /* @__PURE__ */ jsxs7(Box7, { gap: 2, children: [
+        /* @__PURE__ */ jsx9(Box7, { width: 40, children: /* @__PURE__ */ jsx9(ThemeProvider, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx9(ProgressBar, { value: progressPercent(line.progress) }) }) }),
+        /* @__PURE__ */ jsxs7(Text8, { color: PALETTE.muted, children: [
+          line.progress.done,
+          "/",
+          line.progress.total
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx9(Text8, { color: PALETTE.muted, children: line.text })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs7(Box7, { gap: 1, children: [
+    line.complete ? /* @__PURE__ */ jsx9(Text8, { color: PALETTE.success, children: "\u2713" }) : /* @__PURE__ */ jsx9(Spinner, {}),
+    /* @__PURE__ */ jsx9(Text8, { color: PALETTE.muted, children: line.text })
+  ] });
+}
+function RunningStep({
+  stepNumber,
+  totalSteps,
+  title,
+  description,
+  lines = [{ text: "Running..." }]
+}) {
+  const elapsed = useElapsed();
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Text8, { color: PALETTE.muted, children: RULE }),
+      /* @__PURE__ */ jsx9(Text8, { bold: true, children: stepLabel(stepNumber, totalSteps, title) }),
+      /* @__PURE__ */ jsx9(Text8, { color: PALETTE.muted, children: RULE })
+    ] }),
+    /* @__PURE__ */ jsx9(Text8, { children: description }),
+    /* @__PURE__ */ jsx9(Box7, { marginTop: 1, flexDirection: "column", gap: 1, children: lines.map((line, index) => /* @__PURE__ */ jsx9(Line, { line }, index)) }),
+    /* @__PURE__ */ jsx9(Box7, { marginTop: 1, children: /* @__PURE__ */ jsxs7(Text8, { color: PALETTE.muted, children: [
+      "Elapsed: ",
+      elapsed
+    ] }) })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/import/steps/01-welcome/controls.ts
+import { useInput as useInput7 } from "ink";
+
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/logic.ts
 function shouldQuit(key) {
   return key.escape;
@@ -2780,77 +3040,39 @@ var WELCOME_CONTROLS = [
   { keys: "Esc", label: "Back" }
 ];
 function useWelcomeControls(onQuit) {
-  useInput5((_input, key) => {
+  useInput7((_input, key) => {
     if (shouldQuit(key)) onQuit();
   });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var OVERVIEW_BOX_MAX_WIDTH = 90;
-var AI_MARKER = "\u273B";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var OVERVIEW = [
-  {
-    label: "Step 1",
-    description: "Extract components from your codebase",
-    ai: true
-  },
-  { label: "Step 2", description: "Review what was extracted", ai: false },
-  {
-    label: "Step 3",
-    description: "Generate component definitions",
-    ai: true
-  },
-  { label: "Step 4", description: "Review generated definitions", ai: false },
-  { label: "Step 5", description: "Push to Contentful", ai: false }
-];
-var AI_DISCLOSURE = [
-  "Steps marked \u273B use your local AI agent, which may send relevant code to your AI provider under your agreement with them. Contentful does not receive that code, or the prompts and responses. AI suggestions can be wrong or incomplete, so review and edit them before importing."
+  { description: "Extract components from your codebase", ai: true },
+  { description: "Review what was extracted", ai: false },
+  { description: "Generate component definitions", ai: true },
+  { description: "Review generated definitions", ai: false },
+  { description: "Push to Contentful", ai: false }
 ];
 function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
-  const [projectPath, setProjectPath] = useState4(initialPath);
+  const [projectPath, setProjectPath] = useState5(initialPath);
   useWelcomeControls(onQuit);
   const submit = (value) => {
     const path5 = toProjectPath(value);
     if (path5) onContinue(path5);
   };
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx6(Text5, { bold: true, color: PALETTE.accent, children: "Let's import your design system into Contentful." }),
-    /* @__PURE__ */ jsx6(Box4, { flexDirection: "row", children: /* @__PURE__ */ jsxs4(
-      Box4,
-      {
-        flexDirection: "column",
-        borderStyle: "round",
-        borderColor: PALETTE.border,
-        paddingX: 2,
-        paddingY: 1,
-        width: OVERVIEW_BOX_MAX_WIDTH,
-        flexShrink: 1,
-        children: [
-          OVERVIEW.map((item) => /* @__PURE__ */ jsxs4(Box4, { gap: 1, children: [
-            /* @__PURE__ */ jsx6(Box4, { flexShrink: 0, children: /* @__PURE__ */ jsx6(Text5, { bold: true, children: item.label }) }),
-            /* @__PURE__ */ jsx6(Text5, { color: PALETTE.muted, wrap: "truncate-end", children: item.description }),
-            item.ai && /* @__PURE__ */ jsx6(Text5, { bold: true, color: PALETTE.accent, children: AI_MARKER })
-          ] }, item.label)),
-          /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: 1, children: [
-            /* @__PURE__ */ jsxs4(Text5, { bold: true, children: [
-              /* @__PURE__ */ jsx6(Text5, { color: PALETTE.accent, children: AI_MARKER }),
-              " AI disclosure"
-            ] }),
-            AI_DISCLOSURE.map((paragraph) => /* @__PURE__ */ jsx6(Text5, { color: PALETTE.muted, children: paragraph }, paragraph))
-          ] })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx6(Text5, { children: "Where is your component library?" }),
-      /* @__PURE__ */ jsxs4(Box4, { children: [
-        /* @__PURE__ */ jsx6(Text5, { color: PALETTE.accent, children: "? " }),
-        /* @__PURE__ */ jsx6(Text5, { children: "Project path: " }),
-        /* @__PURE__ */ jsx6(ClearableTextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx10(Text9, { bold: true, color: PALETTE.accent, children: "Let's import your design system into Contentful." }),
+    /* @__PURE__ */ jsx10(OverviewBox, { steps: OVERVIEW }),
+    /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, children: [
+      /* @__PURE__ */ jsx10(Text9, { children: "Where is your component library?" }),
+      /* @__PURE__ */ jsxs8(Box8, { children: [
+        /* @__PURE__ */ jsx10(Text9, { color: PALETTE.accent, children: "? " }),
+        /* @__PURE__ */ jsx10(Text9, { children: "Project path: " }),
+        /* @__PURE__ */ jsx10(ClearableTextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
       ] })
     ] }),
-    /* @__PURE__ */ jsx6(Box4, { gap: 3, children: WELCOME_CONTROLS.map((control) => /* @__PURE__ */ jsxs4(Text5, { children: [
+    /* @__PURE__ */ jsx10(Box8, { gap: 3, children: WELCOME_CONTROLS.map((control) => /* @__PURE__ */ jsxs8(Text9, { children: [
       "[",
       control.keys,
       "] ",
@@ -2860,11 +3082,11 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx
-import { useState as useState5 } from "react";
-import { Box as Box5, Text as Text6 } from "ink";
+import { useState as useState6 } from "react";
+import { Box as Box9, Text as Text10 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/controls.ts
-import { useInput as useInput6 } from "ink";
+import { useInput as useInput8 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/logic.ts
 function shouldGoBack(key) {
@@ -2882,7 +3104,7 @@ var TOKEN_INPUT_CONTROLS = [
   { keys: "Esc", label: "Back" }
 ];
 function useTokenInputControls(onBack) {
-  useInput6((_input, key) => {
+  useInput8((_input, key) => {
     if (shouldGoBack(key)) onBack();
   });
 }
@@ -2927,10 +3149,15 @@ function validateTokenPath(rawPath) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
-  const [tokenPath, setTokenPath] = useState5(initialPath);
-  const [failure, setFailure] = useState5(null);
+import { Fragment, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function TokenInputScreen({
+  onConfirm,
+  onBack,
+  initialPath = "",
+  overview
+}) {
+  const [tokenPath, setTokenPath] = useState6(initialPath);
+  const [failure, setFailure] = useState6(null);
   useTokenInputControls(onBack);
   const change = (value) => {
     setTokenPath(value);
@@ -2946,27 +3173,31 @@ function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
     if (check.ok) onConfirm(check.path);
     else setFailure({ error: check.error, resolvedPath: check.resolvedPath });
   };
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx7(Text6, { bold: true, children: "Design tokens" }),
-    /* @__PURE__ */ jsx7(Text6, { color: PALETTE.muted, children: "Point me to your raw token file (e.g. ~/design-tokens/tokens.json). You can use ~, relative, or absolute paths. Claude will map it to Design Token Group Format (DTCG)." }),
-    /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs5(Box5, { gap: 1, children: [
-        /* @__PURE__ */ jsx7(Text6, { color: PALETTE.accent, children: "?" }),
-        /* @__PURE__ */ jsx7(Text6, { children: "Token path:" }),
-        /* @__PURE__ */ jsx7(ClearableTextInput, { value: tokenPath, onChange: change, onSubmit: submit })
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    overview && /* @__PURE__ */ jsxs9(Fragment, { children: [
+      /* @__PURE__ */ jsx11(Text10, { bold: true, color: PALETTE.accent, children: "Let's import your design tokens into Contentful." }),
+      /* @__PURE__ */ jsx11(OverviewBox, { steps: overview })
+    ] }),
+    /* @__PURE__ */ jsx11(Text10, { bold: true, children: "Design tokens" }),
+    /* @__PURE__ */ jsx11(Text10, { color: PALETTE.muted, children: "Point me to your raw token file (e.g. ~/design-tokens/tokens.json). You can use ~, relative, or absolute paths. Claude will map it to Design Token Group Format (DTCG)." }),
+    /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
+        /* @__PURE__ */ jsx11(Text10, { color: PALETTE.accent, children: "?" }),
+        /* @__PURE__ */ jsx11(Text10, { children: "Token path:" }),
+        /* @__PURE__ */ jsx11(ClearableTextInput, { value: tokenPath, onChange: change, onSubmit: submit })
       ] }),
-      failure && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.error, children: [
+      failure && /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs9(Text10, { color: PALETTE.error, children: [
           "\u2717 ",
           failure.error
         ] }),
-        failure.resolvedPath && /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.muted, children: [
+        failure.resolvedPath && /* @__PURE__ */ jsxs9(Text10, { color: PALETTE.muted, children: [
           " Resolved to: ",
           failure.resolvedPath
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx7(Box5, { marginTop: 1, gap: 3, children: TOKEN_INPUT_CONTROLS.map((control) => /* @__PURE__ */ jsxs5(Text6, { children: [
+    /* @__PURE__ */ jsx11(Box9, { marginTop: 1, gap: 3, children: TOKEN_INPUT_CONTROLS.map((control) => /* @__PURE__ */ jsxs9(Text10, { children: [
       "[",
       control.keys,
       "] ",
@@ -2976,11 +3207,11 @@ function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/screen.tsx
-import { useEffect as useEffect3, useMemo, useState as useState6 } from "react";
-import { Box as Box6, Text as Text7 } from "ink";
+import { useEffect as useEffect4, useMemo, useState as useState7 } from "react";
+import { Box as Box10, Text as Text11 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/controls.ts
-import { useInput as useInput7 } from "ink";
+import { useInput as useInput9 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/logic.ts
 var COMPONENT_CATEGORIES = ["tsx", "ts", "vue", "astro", "jsx", "js"];
@@ -3068,7 +3299,7 @@ function controlsFor(phase) {
   return CONTROLS[phase];
 }
 function usePathValidationControls(phase, handlers) {
-  useInput7((input, key) => {
+  useInput9((input, key) => {
     const action = keyAction(phase, input, key);
     if (action === "confirm") handlers.onConfirm();
     else if (action === "change-path") handlers.onChangePath();
@@ -16854,9 +17085,9 @@ function foldSvelteAndMdIntoOther(counts) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/screen.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function Row({ row }) {
-  return /* @__PURE__ */ jsxs6(Text7, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : void 0, children: [
+  return /* @__PURE__ */ jsxs10(Text11, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : void 0, children: [
     "  \u2022 ",
     String(row.count).padStart(3),
     " ",
@@ -16865,34 +17096,34 @@ function Row({ row }) {
 }
 function Failure({ scan, path: path5 }) {
   const { headline, hints } = describeFailure(scan.failure, path5);
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs6(Text7, { color: PALETTE.error, children: [
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs10(Text11, { color: PALETTE.error, children: [
       "\u2717 ",
       headline
     ] }),
-    hints.map((hint) => /* @__PURE__ */ jsx8(Text7, { color: PALETTE.muted, children: hint }, hint))
+    hints.map((hint) => /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: hint }, hint))
   ] });
 }
 function Summary({ scan, path: path5 }) {
   const { total, rows, warning } = summarize(scan.counts);
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsxs6(Text7, { children: [
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsxs10(Text11, { children: [
       "Scanned ",
-      /* @__PURE__ */ jsx8(Text7, { bold: true, children: path5 })
+      /* @__PURE__ */ jsx12(Text11, { bold: true, children: path5 })
     ] }),
-    /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs6(Text7, { color: PALETTE.success, children: [
+    /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs10(Text11, { color: PALETTE.success, children: [
         "\u2713 Found ",
         total,
         " files:"
       ] }),
-      rows.map((row) => /* @__PURE__ */ jsx8(Row, { row }, row.label))
+      rows.map((row) => /* @__PURE__ */ jsx12(Row, { row }, row.label))
     ] }),
-    warning && /* @__PURE__ */ jsxs6(Text7, { color: PALETTE.warning, children: [
+    warning && /* @__PURE__ */ jsxs10(Text11, { color: PALETTE.warning, children: [
       "\u26A0 ",
       warning
     ] }),
-    /* @__PURE__ */ jsx8(Text7, { children: "Does this look right?" })
+    /* @__PURE__ */ jsx12(Text11, { children: "Does this look right?" })
   ] });
 }
 function PathValidationScreen({
@@ -16902,8 +17133,8 @@ function PathValidationScreen({
   onBack
 }) {
   const resolvedPath = useMemo(() => resolveUserPath(projectPath), [projectPath]);
-  const [scan, setScan] = useState6();
-  useEffect3(() => {
+  const [scan, setScan] = useState7();
+  useEffect4(() => {
     setScan(scanFiles(resolvedPath));
   }, [resolvedPath]);
   const phase = phaseOf(scan);
@@ -16914,15 +17145,15 @@ function PathValidationScreen({
     onChangePath,
     onBack
   });
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    scan === void 0 && /* @__PURE__ */ jsxs6(Text7, { color: PALETTE.muted, children: [
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    scan === void 0 && /* @__PURE__ */ jsxs10(Text11, { color: PALETTE.muted, children: [
       "Scanning ",
-      /* @__PURE__ */ jsx8(Text7, { bold: true, children: resolvedPath }),
+      /* @__PURE__ */ jsx12(Text11, { bold: true, children: resolvedPath }),
       "..."
     ] }),
-    scan?.ok === false && /* @__PURE__ */ jsx8(Failure, { scan, path: resolvedPath }),
-    scan?.ok === true && /* @__PURE__ */ jsx8(Summary, { scan, path: resolvedPath }),
-    /* @__PURE__ */ jsx8(Box6, { marginTop: 1, gap: 3, children: controlsFor(phase).map((control) => /* @__PURE__ */ jsxs6(Text7, { color: PALETTE.muted, children: [
+    scan?.ok === false && /* @__PURE__ */ jsx12(Failure, { scan, path: resolvedPath }),
+    scan?.ok === true && /* @__PURE__ */ jsx12(Summary, { scan, path: resolvedPath }),
+    /* @__PURE__ */ jsx12(Box10, { marginTop: 1, gap: 3, children: controlsFor(phase).map((control) => /* @__PURE__ */ jsxs10(Text11, { color: PALETTE.muted, children: [
       "[",
       control.keys,
       "] ",
@@ -16932,12 +17163,12 @@ function PathValidationScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
-import { useRef as useRef2, useState as useState7 } from "react";
-import { Box as Box7, Text as Text8 } from "ink";
+import { useRef as useRef2, useState as useState8 } from "react";
+import { Box as Box11, Text as Text12 } from "ink";
 import TextInput2 from "ink-text-input";
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/controls.ts
-import { useInput as useInput8 } from "ink";
+import { useInput as useInput10 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/logic.ts
 var FIELDS = ["spaceId", "environmentId", "cmaToken", "host"];
@@ -16973,7 +17204,7 @@ var CREDENTIALS_CONTROLS = [
   { keys: "Esc", label: "Back" }
 ];
 function useCredentialsControls(handlers) {
-  useInput8((input, key) => {
+  useInput10((input, key) => {
     if (handlers.disabled) return;
     const action = keyAction2(input, key);
     if (action === "back") handlers.onBack();
@@ -17017,7 +17248,7 @@ function toUserError(error, host) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
-import { Fragment, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var LABELS = {
   spaceId: "Space ID",
   environmentId: "Environment",
@@ -17038,10 +17269,10 @@ function CredentialsScreen({
       host: initial.host ?? ""
     })
   ).current;
-  const [values, setValues] = useState7(initialValues);
-  const [active, setActive] = useState7("spaceId");
-  const [error, setError] = useState7(null);
-  const [validating, setValidating] = useState7(false);
+  const [values, setValues] = useState8(initialValues);
+  const [active, setActive] = useState8("spaceId");
+  const [error, setError] = useState8(null);
+  const [validating, setValidating] = useState8(false);
   const prefilled = initialValues.spaceId !== "" && initialValues.cmaToken !== "";
   useCredentialsControls({
     disabled: validating,
@@ -17069,22 +17300,22 @@ function CredentialsScreen({
     if (result.ok) onDone({ skipped: false, credentials });
     else setError(result.error);
   };
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx9(Text8, { bold: true, children: "Contentful credentials" }),
-      /* @__PURE__ */ jsx9(Text8, { children: prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into." }),
-      !prefilled && /* @__PURE__ */ jsxs7(Fragment, { children: [
-        /* @__PURE__ */ jsx9(Text8, { color: PALETTE.muted, children: "We use it to check what components already exist and to push your import. If you skip, files are saved locally and nothing is pushed." }),
-        /* @__PURE__ */ jsx9(Text8, { color: PALETTE.muted, children: "Tip: save these under Settings \u2192 Configuration so they pre-fill here." })
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx13(Text12, { bold: true, children: "Contentful credentials" }),
+      /* @__PURE__ */ jsx13(Text12, { children: prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into." }),
+      !prefilled && /* @__PURE__ */ jsxs11(Fragment2, { children: [
+        /* @__PURE__ */ jsx13(Text12, { color: PALETTE.muted, children: "We use it to check what components already exist and to push your import. If you skip, files are saved locally and nothing is pushed." }),
+        /* @__PURE__ */ jsx13(Text12, { color: PALETTE.muted, children: "Tip: save these under Settings \u2192 Configuration so they pre-fill here." })
       ] })
     ] }),
-    /* @__PURE__ */ jsx9(Box7, { flexDirection: "column", children: FIELDS.map((field) => /* @__PURE__ */ jsxs7(Box7, { gap: 1, children: [
-      /* @__PURE__ */ jsx9(Text8, { color: active === field ? PALETTE.accent : void 0, children: "?" }),
-      /* @__PURE__ */ jsxs7(Text8, { bold: active === field, children: [
+    /* @__PURE__ */ jsx13(Box11, { flexDirection: "column", children: FIELDS.map((field) => /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+      /* @__PURE__ */ jsx13(Text12, { color: active === field ? PALETTE.accent : void 0, children: "?" }),
+      /* @__PURE__ */ jsxs11(Text12, { bold: active === field, children: [
         LABELS[field],
         ":"
       ] }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx13(
         TextInput2,
         {
           value: values[field],
@@ -17096,143 +17327,14 @@ function CredentialsScreen({
         }
       )
     ] }, field)) }),
-    active === "host" && /* @__PURE__ */ jsx9(Text8, { color: PALETTE.muted, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
-    error && /* @__PURE__ */ jsxs7(Text8, { color: PALETTE.error, children: [
+    active === "host" && /* @__PURE__ */ jsx13(Text12, { color: PALETTE.muted, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
+    error && /* @__PURE__ */ jsxs11(Text12, { color: PALETTE.error, children: [
       "\u2717 ",
       error
     ] }),
-    validating && /* @__PURE__ */ jsx9(Text8, { color: PALETTE.accent, children: "Validating credentials..." }),
-    !validating && !error && !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsx9(Text8, { color: PALETTE.muted, children: "Changed values are saved after they validate." }),
-    /* @__PURE__ */ jsx9(Box7, { marginTop: 1, gap: 3, children: CREDENTIALS_CONTROLS.map((control) => /* @__PURE__ */ jsxs7(Text8, { color: PALETTE.muted, children: [
-      "[",
-      control.keys,
-      "] ",
-      control.label
-    ] }, control.keys)) })
-  ] });
-}
-
-// packages/experience-design-system-cli/src/tui/import/shared/error-step/error-step.tsx
-import { Box as Box8, Text as Text9 } from "ink";
-
-// packages/experience-design-system-cli/src/tui/import/shared/error-step/controls.ts
-import { useInput as useInput9 } from "ink";
-
-// packages/experience-design-system-cli/src/tui/import/shared/error-step/logic.ts
-function errorAction(input, key, available) {
-  if (key.return && available.canAcknowledge) return "acknowledge";
-  if (input === "r" && available.canRetry) return "retry";
-  if (key.return || key.escape) return "exit";
-  return null;
-}
-function errorControls(available) {
-  return [
-    available.canAcknowledge ? { keys: "Enter", label: "Acknowledge and apply" } : { keys: "Enter", label: "Exit" },
-    ...available.canAcknowledge ? [{ keys: "Esc", label: "Exit" }] : [],
-    ...available.canRetry ? [{ keys: "r", label: "Re-enter credentials" }] : []
-  ];
-}
-
-// packages/experience-design-system-cli/src/tui/import/shared/error-step/controls.ts
-function useErrorControls(handlers) {
-  useInput9((input, key) => {
-    const action = errorAction(input, key, {
-      canRetry: handlers.onRetry !== void 0,
-      canAcknowledge: handlers.onAcknowledge !== void 0
-    });
-    if (action === "acknowledge") handlers.onAcknowledge?.();
-    else if (action === "retry") handlers.onRetry?.();
-    else if (action === "exit") handlers.onExit();
-  });
-}
-
-// packages/experience-design-system-cli/src/tui/import/shared/error-step/error-step.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-function ErrorStep({
-  stepName,
-  message,
-  onExit,
-  onRetryCredentials,
-  onAcknowledgeBreakingChanges
-}) {
-  useErrorControls({ onExit, onRetry: onRetryCredentials, onAcknowledge: onAcknowledgeBreakingChanges });
-  const controls = errorControls({
-    canRetry: onRetryCredentials !== void 0,
-    canAcknowledge: onAcknowledgeBreakingChanges !== void 0
-  });
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsxs8(Text9, { bold: true, color: PALETTE.error, children: [
-      "\u2717 ",
-      stepName,
-      " failed"
-    ] }),
-    /* @__PURE__ */ jsx10(Text9, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx10(Box8, { marginTop: 1, gap: 3, children: controls.map((control) => /* @__PURE__ */ jsxs8(Text9, { color: PALETTE.muted, children: [
-      "[",
-      control.keys,
-      "] ",
-      control.label
-    ] }, control.keys)) })
-  ] });
-}
-
-// packages/experience-design-system-cli/src/tui/import/shared/gate-step/gate-step.tsx
-import { Box as Box9, Text as Text10 } from "ink";
-
-// packages/experience-design-system-cli/src/tui/import/shared/gate-step/controls.ts
-import { useInput as useInput10 } from "ink";
-
-// packages/experience-design-system-cli/src/tui/import/shared/gate-step/logic.ts
-function gateAction(input, key, canSkip) {
-  if (key.return) return "continue";
-  if (input === "a" && canSkip) return "skip";
-  if (key.escape) return "quit";
-  return null;
-}
-function gateControls(continueLabel, skipLabel2, canSkip) {
-  return [
-    { keys: "Enter", label: continueLabel },
-    ...canSkip ? [{ keys: "a", label: skipLabel2 }] : [],
-    { keys: "Esc", label: "Quit" }
-  ];
-}
-
-// packages/experience-design-system-cli/src/tui/import/shared/gate-step/controls.ts
-function useGateControls(handlers) {
-  useInput10((input, key) => {
-    const action = gateAction(input, key, handlers.canSkip);
-    if (action === "continue") handlers.onContinue();
-    else if (action === "skip") handlers.onSkip();
-    else if (action === "quit") handlers.onQuit();
-  });
-}
-
-// packages/experience-design-system-cli/src/tui/import/shared/gate-step/gate-step.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-function GateStep({
-  message,
-  onContinue,
-  onQuit,
-  summary,
-  context,
-  continueLabel = "Continue",
-  skipLabel: skipLabel2 = "Approve all and skip",
-  onSkip,
-  intent = "success"
-}) {
-  useGateControls({ canSkip: onSkip !== void 0, onContinue, onSkip: onSkip ?? (() => {
-  }), onQuit });
-  const color = intent === "error" ? PALETTE.error : PALETTE.success;
-  const icon = intent === "error" ? "\u2717" : "\u2713";
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsxs9(Text10, { color, children: [
-      icon,
-      " ",
-      message
-    ] }),
-    summary && /* @__PURE__ */ jsx11(Text10, { color: PALETTE.muted, children: summary }),
-    context && /* @__PURE__ */ jsx11(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text10, { children: context }) }),
-    /* @__PURE__ */ jsx11(Box9, { marginTop: 1, gap: 3, children: gateControls(continueLabel, skipLabel2, onSkip !== void 0).map((control) => /* @__PURE__ */ jsxs9(Text10, { color: PALETTE.muted, children: [
+    validating && /* @__PURE__ */ jsx13(Text12, { color: PALETTE.accent, children: "Validating credentials..." }),
+    !validating && !error && !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsx13(Text12, { color: PALETTE.muted, children: "Changed values are saved after they validate." }),
+    /* @__PURE__ */ jsx13(Box11, { marginTop: 1, gap: 3, children: CREDENTIALS_CONTROLS.map((control) => /* @__PURE__ */ jsxs11(Text12, { color: PALETTE.muted, children: [
       "[",
       control.keys,
       "] ",
@@ -17241,92 +17343,6 @@ function GateStep({
   ] });
 }
 
-// packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
-import { Box as Box10, Text as Text11 } from "ink";
-import { ProgressBar, Spinner, ThemeProvider } from "@inkjs/ui";
-
-// packages/experience-design-system-cli/src/tui/import/shared/running-step/logic.ts
-function progressPercent(progress) {
-  if (progress.total <= 0) return 0;
-  return Math.min(100, Math.max(0, Math.round(progress.done / progress.total * 100)));
-}
-function formatElapsed(totalSeconds) {
-  const minutes = Math.floor(totalSeconds / 60);
-  const seconds = totalSeconds % 60;
-  return minutes > 0 ? `${minutes}m ${seconds}s` : `${seconds}s`;
-}
-function stepLabel(stepNumber, totalSteps, title) {
-  return `Step ${stepNumber} of ${totalSteps} \u2014 ${title}`;
-}
-
-// packages/experience-design-system-cli/src/tui/import/shared/running-step/theme.ts
-import { defaultTheme, extendTheme } from "@inkjs/ui";
-var PROGRESS_THEME = extendTheme(defaultTheme, {
-  components: {
-    ProgressBar: {
-      styles: {
-        completed: () => ({ color: PALETTE.accent })
-      }
-    }
-  }
-});
-
-// packages/experience-design-system-cli/src/tui/import/shared/running-step/use-elapsed.ts
-import { useEffect as useEffect4, useState as useState8 } from "react";
-function useElapsed() {
-  const [seconds, setSeconds] = useState8(0);
-  useEffect4(() => {
-    const timer = setInterval(() => setSeconds((current) => current + 1), 1e3);
-    return () => clearInterval(timer);
-  }, []);
-  return formatElapsed(seconds);
-}
-
-// packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-var RULE = "\u2500".repeat(40);
-function Line({ line }) {
-  if (line.progress) {
-    return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsxs10(Box10, { gap: 2, children: [
-        /* @__PURE__ */ jsx12(Box10, { width: 40, children: /* @__PURE__ */ jsx12(ThemeProvider, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx12(ProgressBar, { value: progressPercent(line.progress) }) }) }),
-        /* @__PURE__ */ jsxs10(Text11, { color: PALETTE.muted, children: [
-          line.progress.done,
-          "/",
-          line.progress.total
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: line.text })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs10(Box10, { gap: 1, children: [
-    line.complete ? /* @__PURE__ */ jsx12(Text11, { color: PALETTE.success, children: "\u2713" }) : /* @__PURE__ */ jsx12(Spinner, {}),
-    /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: line.text })
-  ] });
-}
-function RunningStep({
-  stepNumber,
-  totalSteps,
-  title,
-  description,
-  lines = [{ text: "Running..." }]
-}) {
-  const elapsed = useElapsed();
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: RULE }),
-      /* @__PURE__ */ jsx12(Text11, { bold: true, children: stepLabel(stepNumber, totalSteps, title) }),
-      /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: RULE })
-    ] }),
-    /* @__PURE__ */ jsx12(Text11, { children: description }),
-    /* @__PURE__ */ jsx12(Box10, { marginTop: 1, flexDirection: "column", gap: 1, children: lines.map((line, index) => /* @__PURE__ */ jsx12(Line, { line }, index)) }),
-    /* @__PURE__ */ jsx12(Box10, { marginTop: 1, children: /* @__PURE__ */ jsxs10(Text11, { color: PALETTE.muted, children: [
-      "Elapsed: ",
-      elapsed
-    ] }) })
-  ] });
-}
-
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/logic.ts
 function initialProgress(input) {
   return {
@@ -17416,14 +17432,14 @@ function resolveAgentChoice(flag, stored) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/screen.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function ExtractionScreen({
   progress,
   agent,
   stepNumber,
   totalSteps
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     RunningStep,
     {
       stepNumber,
@@ -17778,11 +17794,11 @@ function useTokensOnly(input) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx
-import { Box as Box21, Text as Text23 } from "ink";
+import { Box as Box22, Text as Text24 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/added-column.tsx
 import React8 from "react";
-import { Box as Box12, Text as Text13 } from "ink";
+import { Box as Box13, Text as Text14 } from "ink";
 import figures from "figures";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/theme.ts
@@ -17899,8 +17915,8 @@ function computeColumnWindow(total, cursor, visibleCount) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/windowed-panel.tsx
-import { Box as Box11, Text as Text12 } from "ink";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box12, Text as Text13 } from "ink";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var MIN_TERMINAL_PANEL_HEIGHT = 5;
 function terminalPanelHeight(rows, reservedRows = 4) {
   return Math.max(MIN_TERMINAL_PANEL_HEIGHT, rows - reservedRows);
@@ -17916,8 +17932,8 @@ function FixedPanel({
   clipOverflow = true,
   children
 }) {
-  return /* @__PURE__ */ jsx14(
-    Box11,
+  return /* @__PURE__ */ jsx15(
+    Box12,
     {
       flexDirection: "column",
       width,
@@ -17933,7 +17949,7 @@ function FixedPanel({
   );
 }
 function WindowedPanel({ width, height, title, focused, children }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     FixedPanel,
     {
       width,
@@ -17942,7 +17958,7 @@ function WindowedPanel({ width, height, title, focused, children }) {
       ...height === void 0 ? {} : { height },
       focused,
       children: [
-        title && /* @__PURE__ */ jsx14(WindowedPanelHeader, { title, width, focused }),
+        title && /* @__PURE__ */ jsx15(WindowedPanelHeader, { title, width, focused }),
         children
       ]
     }
@@ -17953,9 +17969,9 @@ function WindowedPanelHeader({
   width,
   focused
 }) {
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx14(Text12, { bold: true, color: PALETTE2.info, inverse: focused, children: title }),
-    /* @__PURE__ */ jsx14(Text12, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) })
+  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx15(Text13, { bold: true, color: PALETTE2.info, inverse: focused, children: title }),
+    /* @__PURE__ */ jsx15(Text13, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) })
   ] });
 }
 function formatWindowIndicator(direction, count) {
@@ -17963,33 +17979,33 @@ function formatWindowIndicator(direction, count) {
   return `${direction === "up" ? "\u2191" : "\u2193"} ${count} more`;
 }
 function WindowIndicator({ direction, count }) {
-  return /* @__PURE__ */ jsx14(Text12, { color: PALETTE2.muted, children: formatWindowIndicator(direction, count) });
+  return /* @__PURE__ */ jsx15(Text13, { color: PALETTE2.muted, children: formatWindowIndicator(direction, count) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/added-column.tsx
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function AddedColumn(props) {
   const { title, width, height, entries, cursor, focused, aiFlaggedByKey, visibleCount } = props;
   const reserveAiBadge = entries.some((e) => aiFlaggedByKey?.get(e.name) === true);
   const firstNonCycleIdx = entries.findIndex((e) => !e.isCycle);
   const window = computeColumnWindow(entries.length, cursor, Math.max(1, visibleCount));
-  return /* @__PURE__ */ jsxs12(WindowedPanel, { width, height, title, focused, children: [
-    /* @__PURE__ */ jsx15(WindowIndicator, { direction: "up", count: window.above }),
-    entries.length === 0 ? /* @__PURE__ */ jsx15(Text13, { color: PALETTE2.muted, children: "(none)" }) : entries.slice(window.start, window.end).map((entry, vi) => {
+  return /* @__PURE__ */ jsxs13(WindowedPanel, { width, height, title, focused, children: [
+    /* @__PURE__ */ jsx16(WindowIndicator, { direction: "up", count: window.above }),
+    entries.length === 0 ? /* @__PURE__ */ jsx16(Text14, { color: PALETTE2.muted, children: "(none)" }) : entries.slice(window.start, window.end).map((entry, vi) => {
       const i = window.start + vi;
       const isSelected = i === cursor;
       const isCursor = focused && isSelected;
       const aiFlagged = aiFlaggedByKey?.get(entry.name) === true;
       const showSeparator = firstNonCycleIdx > 0 && i === firstNonCycleIdx;
       const style = sideColumnLabelStyle({ isCycle: entry.isCycle, isSelected, focused });
-      return /* @__PURE__ */ jsxs12(React8.Fragment, { children: [
-        showSeparator && /* @__PURE__ */ jsx15(Text13, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) }),
-        /* @__PURE__ */ jsxs12(Box12, { children: [
-          isCursor ? /* @__PURE__ */ jsx15(Text13, { color: PALETTE2.info, bold: true, children: figures.pointer }) : /* @__PURE__ */ jsx15(Text13, { children: " " }),
-          reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx15(Text13, { color: PALETTE2.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx15(Text13, { children: "    " })),
-          entry.isCycle && /* @__PURE__ */ jsx15(Text13, { color: isCursor ? PALETTE2.info : PALETTE2.warning, bold: true, underline: style.nameUnderline, children: " \u26A0" }),
-          /* @__PURE__ */ jsx15(
-            Text13,
+      return /* @__PURE__ */ jsxs13(React8.Fragment, { children: [
+        showSeparator && /* @__PURE__ */ jsx16(Text14, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) }),
+        /* @__PURE__ */ jsxs13(Box13, { children: [
+          isCursor ? /* @__PURE__ */ jsx16(Text14, { color: PALETTE2.info, bold: true, children: figures.pointer }) : /* @__PURE__ */ jsx16(Text14, { children: " " }),
+          reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx16(Text14, { color: PALETTE2.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx16(Text14, { children: "    " })),
+          entry.isCycle && /* @__PURE__ */ jsx16(Text14, { color: isCursor ? PALETTE2.info : PALETTE2.warning, bold: true, underline: style.nameUnderline, children: " \u26A0" }),
+          /* @__PURE__ */ jsx16(
+            Text14,
             {
               color: style.nameColor,
               bold: style.nameBold,
@@ -18002,14 +18018,14 @@ function AddedColumn(props) {
         ] })
       ] }, entry.name);
     }),
-    /* @__PURE__ */ jsx15(WindowIndicator, { direction: "down", count: window.below })
+    /* @__PURE__ */ jsx16(WindowIndicator, { direction: "down", count: window.below })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/cycles-panel.tsx
-import { Box as Box13, Text as Text14 } from "ink";
+import { Box as Box14, Text as Text15 } from "ink";
 import figures2 from "figures";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function cycleLabel(cycle, index) {
   const parts = [];
   for (let i = 0; i < cycle.edges.length; i++) {
@@ -18020,49 +18036,49 @@ function cycleLabel(cycle, index) {
   return `Cycle ${index + 1}: ${parts.join(" \u2192 ")}`;
 }
 function CyclesPanel({ cycles, cursor }) {
-  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE2.warning, paddingX: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx16(Text14, { bold: true, color: PALETTE2.warning, children: `Cycles detected (${cycles.length}):` }),
-    /* @__PURE__ */ jsx16(Text14, { children: " " }),
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE2.warning, paddingX: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx17(Text15, { bold: true, color: PALETTE2.warning, children: `Cycles detected (${cycles.length}):` }),
+    /* @__PURE__ */ jsx17(Text15, { children: " " }),
     cycles.map((cycle, i) => {
       const isCursor = i === cursor;
-      return /* @__PURE__ */ jsxs13(Text14, { children: [
-        isCursor ? /* @__PURE__ */ jsx16(Text14, { color: PALETTE2.info, bold: true, children: figures2.pointer }) : /* @__PURE__ */ jsx16(Text14, { children: " " }),
-        /* @__PURE__ */ jsx16(Text14, { color: PALETTE2.warning, inverse: isCursor, children: " " + cycleLabel(cycle, i) })
+      return /* @__PURE__ */ jsxs14(Text15, { children: [
+        isCursor ? /* @__PURE__ */ jsx17(Text15, { color: PALETTE2.info, bold: true, children: figures2.pointer }) : /* @__PURE__ */ jsx17(Text15, { children: " " }),
+        /* @__PURE__ */ jsx17(Text15, { color: PALETTE2.warning, inverse: isCursor, children: " " + cycleLabel(cycle, i) })
       ] }, i);
     }),
-    /* @__PURE__ */ jsx16(Text14, { children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
+    /* @__PURE__ */ jsx17(Text15, { children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/reject-prompt.tsx
-import { Box as Box14, Text as Text15 } from "ink";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Box as Box15, Text as Text16 } from "ink";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function RejectPrompt({ pending }) {
-  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE2.warning, paddingX: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx17(Text15, { bold: true, color: PALETTE2.warning, children: `Rejecting ${pending.target} will:` }),
-    pending.ancestors.length > 0 && /* @__PURE__ */ jsx17(Text15, { children: `- Reject ancestors: ${pending.ancestors.join(", ")}` }),
-    pending.descendants.length > 0 && /* @__PURE__ */ jsx17(Text15, { children: `- Deselect descendants: ${pending.descendants.join(", ")}` }),
-    /* @__PURE__ */ jsx17(Text15, { children: "[y] confirm \xB7 [n]/[Esc] cancel" })
+  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE2.warning, paddingX: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx18(Text16, { bold: true, color: PALETTE2.warning, children: `Rejecting ${pending.target} will:` }),
+    pending.ancestors.length > 0 && /* @__PURE__ */ jsx18(Text16, { children: `- Reject ancestors: ${pending.ancestors.join(", ")}` }),
+    pending.descendants.length > 0 && /* @__PURE__ */ jsx18(Text16, { children: `- Deselect descendants: ${pending.descendants.join(", ")}` }),
+    /* @__PURE__ */ jsx18(Text16, { children: "[y] confirm \xB7 [n]/[Esc] cancel" })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/CompactControlBar.tsx
-import { Box as Box15 } from "ink";
+import { Box as Box16 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/LegendEntry.tsx
-import { Text as Text16 } from "ink";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Text as Text17 } from "ink";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function legendEntry(keyBracket, label, active = false) {
-  return /* @__PURE__ */ jsxs15(Text16, { children: [
-    /* @__PURE__ */ jsx18(Text16, { color: active ? PALETTE2.warning : PALETTE2.info, inverse: active, children: keyBracket }),
-    /* @__PURE__ */ jsx18(Text16, { color: active ? PALETTE2.warning : void 0, inverse: active, children: " " + label })
+  return /* @__PURE__ */ jsxs16(Text17, { children: [
+    /* @__PURE__ */ jsx19(Text17, { color: active ? PALETTE2.warning : PALETTE2.info, inverse: active, children: keyBracket }),
+    /* @__PURE__ */ jsx19(Text17, { color: active ? PALETTE2.warning : void 0, inverse: active, children: " " + label })
   ] }, keyBracket + label);
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/CompactControlBar.tsx
-import { jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsxs as jsxs17 } from "react/jsx-runtime";
 function CompactControlBar({ hasGroupRoots, searchActive }) {
-  return /* @__PURE__ */ jsxs16(Box15, { borderStyle: "single", borderColor: PALETTE2.border, paddingX: 1, flexWrap: "wrap", columnGap: 2, children: [
+  return /* @__PURE__ */ jsxs17(Box16, { borderStyle: "single", borderColor: PALETTE2.border, paddingX: 1, flexWrap: "wrap", columnGap: 2, children: [
     legendEntry("[\u2191/\u2193]", "move"),
     legendEntry("[a/r]", "accept/reject"),
     legendEntry("[f]", "continue/finalize"),
@@ -18074,8 +18090,8 @@ function CompactControlBar({ hasGroupRoots, searchActive }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/CounterStrip.tsx
-import { Box as Box16, Text as Text17 } from "ink";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Box as Box17, Text as Text18 } from "ink";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function CounterStrip(props) {
   const { counters, totalWidth } = props;
   const condensed = totalWidth < 60;
@@ -18083,32 +18099,32 @@ function CounterStrip(props) {
   const labelRej = condensed ? "Rej" : "Rejected";
   const labelUnd = condensed ? "Und" : "Undecided";
   const sep = condensed ? " | " : "    ";
-  return /* @__PURE__ */ jsx19(Box16, { children: /* @__PURE__ */ jsxs17(Text17, { children: [
-    /* @__PURE__ */ jsxs17(Text17, { color: PALETTE2.muted, children: [
+  return /* @__PURE__ */ jsx20(Box17, { children: /* @__PURE__ */ jsxs18(Text18, { children: [
+    /* @__PURE__ */ jsxs18(Text18, { color: PALETTE2.muted, children: [
       labelGrp,
       " "
     ] }),
-    /* @__PURE__ */ jsx19(Text17, { bold: true, children: counters.groups }),
-    /* @__PURE__ */ jsx19(Text17, { color: PALETTE2.muted, children: sep }),
-    /* @__PURE__ */ jsxs17(Text17, { color: PALETTE2.muted, children: [
+    /* @__PURE__ */ jsx20(Text18, { bold: true, children: counters.groups }),
+    /* @__PURE__ */ jsx20(Text18, { color: PALETTE2.muted, children: sep }),
+    /* @__PURE__ */ jsxs18(Text18, { color: PALETTE2.muted, children: [
       labelRej,
       " "
     ] }),
-    /* @__PURE__ */ jsx19(Text17, { bold: true, children: counters.rejected }),
-    /* @__PURE__ */ jsx19(Text17, { color: PALETTE2.muted, children: sep }),
-    /* @__PURE__ */ jsxs17(Text17, { color: PALETTE2.muted, children: [
+    /* @__PURE__ */ jsx20(Text18, { bold: true, children: counters.rejected }),
+    /* @__PURE__ */ jsx20(Text18, { color: PALETTE2.muted, children: sep }),
+    /* @__PURE__ */ jsxs18(Text18, { color: PALETTE2.muted, children: [
       labelUnd,
       " "
     ] }),
-    /* @__PURE__ */ jsx19(Text17, { bold: true, children: counters.undecided }),
-    /* @__PURE__ */ jsx19(Text17, { color: PALETTE2.muted, children: sep })
+    /* @__PURE__ */ jsx20(Text18, { bold: true, children: counters.undecided }),
+    /* @__PURE__ */ jsx20(Text18, { color: PALETTE2.muted, children: sep })
   ] }) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GotoBanner.tsx
 import figures3 from "figures";
-import { Box as Box17, Text as Text18 } from "ink";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Box as Box18, Text as Text19 } from "ink";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_MAX_ROWS = 15;
 function windowStart(rowCount, highlightIndex, maxRows) {
   if (rowCount <= maxRows) return 0;
@@ -18119,9 +18135,9 @@ function windowStart(rowCount, highlightIndex, maxRows) {
   return start;
 }
 function defaultRenderRow(row, index, isCursor) {
-  return /* @__PURE__ */ jsxs18(Text18, { children: [
-    isCursor ? /* @__PURE__ */ jsx20(Text18, { color: PALETTE2.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx20(Text18, { children: " " }),
-    /* @__PURE__ */ jsx20(Text18, { inverse: isCursor, children: " " + row.label })
+  return /* @__PURE__ */ jsxs19(Text19, { children: [
+    isCursor ? /* @__PURE__ */ jsx21(Text19, { color: PALETTE2.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx21(Text19, { children: " " }),
+    /* @__PURE__ */ jsx21(Text19, { inverse: isCursor, children: " " + row.label })
   ] }, index);
 }
 function GotoBanner({
@@ -18140,8 +18156,8 @@ function GotoBanner({
   const visible = rows.slice(start, end);
   const moreAbove = start;
   const moreBelow = rows.length - end;
-  return /* @__PURE__ */ jsxs18(
-    Box17,
+  return /* @__PURE__ */ jsxs19(
+    Box18,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -18151,14 +18167,14 @@ function GotoBanner({
       width,
       flexShrink: 0,
       children: [
-        /* @__PURE__ */ jsx20(Text18, { bold: true, children: title }),
-        moreAbove > 0 && /* @__PURE__ */ jsx20(Text18, { color: PALETTE2.muted, children: `  \u25B2 ${moreAbove} more` }),
+        /* @__PURE__ */ jsx21(Text19, { bold: true, children: title }),
+        moreAbove > 0 && /* @__PURE__ */ jsx21(Text19, { color: PALETTE2.muted, children: `  \u25B2 ${moreAbove} more` }),
         visible.map((row, vi) => {
           const i = start + vi;
           return renderRow(row, i, i === highlightIndex);
         }),
-        moreBelow > 0 && /* @__PURE__ */ jsx20(Text18, { color: PALETTE2.muted, children: `  \u25BC ${moreBelow} more` }),
-        footerHint !== void 0 && /* @__PURE__ */ jsx20(Text18, { color: PALETTE2.muted, children: footerHint })
+        moreBelow > 0 && /* @__PURE__ */ jsx21(Text19, { color: PALETTE2.muted, children: `  \u25BC ${moreBelow} more` }),
+        footerHint !== void 0 && /* @__PURE__ */ jsx21(Text19, { color: PALETTE2.muted, children: footerHint })
       ]
     }
   );
@@ -18166,7 +18182,7 @@ function GotoBanner({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GroupedSidebar.tsx
 import figures4 from "figures";
-import { Box as Box18, Text as Text20 } from "ink";
+import { Box as Box19, Text as Text21 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/graph/cycle-detection.ts
 function buildGraph(components) {
@@ -18506,8 +18522,8 @@ function findSharedDeps(closures) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/badge.tsx
-import { Text as Text19 } from "ink";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { Text as Text20 } from "ink";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function previewBadge(annotation) {
   switch (annotation) {
     case "new":
@@ -18526,11 +18542,11 @@ function PreviewBadge({
   badge,
   highlighted = false
 }) {
-  return badge ? /* @__PURE__ */ jsx21(Text19, { color: !highlighted && badge.dim ? PALETTE2.muted : badge.color, bold: badge.bold, children: badge.char }) : /* @__PURE__ */ jsx21(Text19, { children: " " });
+  return badge ? /* @__PURE__ */ jsx22(Text20, { color: !highlighted && badge.dim ? PALETTE2.muted : badge.color, bold: badge.bold, children: badge.char }) : /* @__PURE__ */ jsx22(Text20, { children: " " });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GroupedSidebar.tsx
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var GLYPH_EXPAND_COLLAPSED = "\u25B8";
 var GLYPH_EXPAND_EXPANDED = "\u25BE";
 var GLYPH_TREE_MID = "\u251C\u2500";
@@ -18955,12 +18971,12 @@ function GroupedSidebar(props) {
   const start = windowed ? Math.max(0, scrollOffset ?? 0) : 0;
   const end = windowed ? start + (visibleCount ?? allRows.length) : allRows.length;
   const rows = windowed ? allRows.slice(start, end) : allRows;
-  return /* @__PURE__ */ jsxs19(WindowedPanel, { width, height: props.height, title, focused, children: [
-    allRows.length === 0 && emptyMessage !== void 0 && /* @__PURE__ */ jsxs19(Text20, { color: PALETTE2.warning, children: [
+  return /* @__PURE__ */ jsxs20(WindowedPanel, { width, height: props.height, title, focused, children: [
+    allRows.length === 0 && emptyMessage !== void 0 && /* @__PURE__ */ jsxs20(Text21, { color: PALETTE2.warning, children: [
       " ",
       emptyMessage
     ] }),
-    windowed && /* @__PURE__ */ jsx22(WindowIndicator, { direction: "up", count: start }),
+    windowed && /* @__PURE__ */ jsx23(WindowIndicator, { direction: "up", count: start }),
     rows.map((row, i) => {
       const absoluteRowIdx = start + i;
       const isSelected = selectedRowIdx !== void 0 ? absoluteRowIdx === selectedRowIdx && row.itemIdx >= 0 : row.itemIdx >= 0 && row.itemIdx === selectedIdx;
@@ -18987,13 +19003,13 @@ function GroupedSidebar(props) {
         isOwn: rs?.isOwn ?? false,
         isCursor
       });
-      return /* @__PURE__ */ jsxs19(Box18, { children: [
-        isCursor ? /* @__PURE__ */ jsx22(Text20, { color: PALETTE2.info, bold: true, children: figures4.pointer }) : /* @__PURE__ */ jsx22(Text20, { children: " " }),
-        /* @__PURE__ */ jsx22(PreviewBadge, { badge, highlighted: isSelected }),
-        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx22(Text20, { color: !isSelected && selDim ? PALETTE2.muted : selColor, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx22(Text20, { children: "    " })),
-        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx22(Text20, { color: PALETTE2.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx22(Text20, { children: "    " })),
-        /* @__PURE__ */ jsxs19(
-          Text20,
+      return /* @__PURE__ */ jsxs20(Box19, { children: [
+        isCursor ? /* @__PURE__ */ jsx23(Text21, { color: PALETTE2.info, bold: true, children: figures4.pointer }) : /* @__PURE__ */ jsx23(Text21, { children: " " }),
+        /* @__PURE__ */ jsx23(PreviewBadge, { badge, highlighted: isSelected }),
+        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx23(Text21, { color: !isSelected && selDim ? PALETTE2.muted : selColor, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx23(Text21, { children: "    " })),
+        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx23(Text21, { color: PALETTE2.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx23(Text21, { children: "    " })),
+        /* @__PURE__ */ jsxs20(
+          Text21,
           {
             color: isSelected ? PALETTE2.info : labelStyle.dim ? PALETTE2.muted : labelStyle.color,
             bold: isSelected || labelStyle.bold,
@@ -19006,16 +19022,16 @@ function GroupedSidebar(props) {
             ]
           }
         ),
-        inheritanceStyle.glyph && /* @__PURE__ */ jsx22(Text20, { color: inheritanceStyle.dim ? PALETTE2.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
+        inheritanceStyle.glyph && /* @__PURE__ */ jsx23(Text21, { color: inheritanceStyle.dim ? PALETTE2.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
       ] }, row.key);
     }),
-    windowed && /* @__PURE__ */ jsx22(WindowIndicator, { direction: "down", count: allRows.length - end })
+    windowed && /* @__PURE__ */ jsx23(WindowIndicator, { direction: "down", count: allRows.length - end })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/HelpOverlay.tsx
 import React9 from "react";
-import { Box as Box19, Text as Text21 } from "ink";
+import { Box as Box20, Text as Text22 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/hooks/useImmediateInput.ts
 import { useLayoutEffect, useRef as useRef5 } from "react";
@@ -19114,7 +19130,7 @@ function useTerminalSize() {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/HelpOverlay.tsx
-import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function HelpOverlay(props) {
   const { onClose } = props;
   const { columns: terminalColumns, rows: terminalRows } = useTerminalSize();
@@ -19125,8 +19141,8 @@ function HelpOverlay(props) {
     if (input === "h" || key.escape) onClose();
   }, props.handleInput !== false);
   if (props.sections) {
-    return /* @__PURE__ */ jsxs20(
-      Box19,
+    return /* @__PURE__ */ jsxs21(
+      Box20,
       {
         flexDirection: "column",
         borderStyle: "round",
@@ -19135,19 +19151,19 @@ function HelpOverlay(props) {
         height: panelHeight,
         overflowY: "hidden",
         children: [
-          /* @__PURE__ */ jsx23(Text21, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
-          props.sections.map((section) => /* @__PURE__ */ jsxs20(React9.Fragment, { children: [
-            /* @__PURE__ */ jsx23(Text21, { children: " " }),
-            /* @__PURE__ */ jsx23(Text21, { bold: true, children: section.title }),
-            section.entries.map((entry) => /* @__PURE__ */ jsx23(Text21, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
+          /* @__PURE__ */ jsx24(Text22, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+          props.sections.map((section) => /* @__PURE__ */ jsxs21(React9.Fragment, { children: [
+            /* @__PURE__ */ jsx24(Text22, { children: " " }),
+            /* @__PURE__ */ jsx24(Text22, { bold: true, children: section.title }),
+            section.entries.map((entry) => /* @__PURE__ */ jsx24(Text22, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
           ] }, section.title))
         ]
       }
     );
   }
   const mode = props.mode;
-  return /* @__PURE__ */ jsxs20(
-    Box19,
+  return /* @__PURE__ */ jsxs21(
+    Box20,
     {
       flexDirection: "column",
       borderStyle: "round",
@@ -19156,38 +19172,38 @@ function HelpOverlay(props) {
       height: panelHeight,
       overflowY: "hidden",
       children: [
-        /* @__PURE__ */ jsx23(Text21, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
-        /* @__PURE__ */ jsx23(Text21, { children: " " }),
-        /* @__PURE__ */ jsx23(Text21, { bold: true, children: "Navigation" }),
-        /* @__PURE__ */ jsx23(Text21, { children: "  \u2191 / k / PgUp     Scroll up" }),
-        /* @__PURE__ */ jsx23(Text21, { children: "  \u2193 / j / PgDn     Scroll down" }),
-        /* @__PURE__ */ jsx23(Text21, { children: "  g / Home         Jump to top" }),
-        /* @__PURE__ */ jsx23(Text21, { children: "  G / End          Jump to bottom" }),
-        mode === "review" && /* @__PURE__ */ jsxs20(Fragment2, { children: [
-          /* @__PURE__ */ jsx23(Text21, { children: " " }),
-          /* @__PURE__ */ jsx23(Text21, { bold: true, children: "[Review mode only]" }),
-          /* @__PURE__ */ jsx23(Text21, { children: "  Tab              Toggle sidebar/detail" }),
-          /* @__PURE__ */ jsx23(Text21, { children: "  a                Accept component" }),
-          /* @__PURE__ */ jsx23(Text21, { children: "  r                Reject component" }),
-          /* @__PURE__ */ jsx23(Text21, { children: "  e                Edit proposal" }),
-          /* @__PURE__ */ jsx23(Text21, { children: "  s                Toggle source code" }),
-          /* @__PURE__ */ jsx23(Text21, { children: "  A                Approve all" }),
-          /* @__PURE__ */ jsx23(Text21, { children: "  F                Open finalize dialog" }),
-          /* @__PURE__ */ jsx23(Text21, { children: "  Ctrl+S           Save draft" }),
-          /* @__PURE__ */ jsx23(Text21, { children: "  Ctrl+Z           Undo" }),
-          /* @__PURE__ */ jsx23(Text21, { children: "  Ctrl+Y           Redo" }),
-          /* @__PURE__ */ jsx23(Text21, { children: "  Esc              Exit edit / close" })
+        /* @__PURE__ */ jsx24(Text22, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+        /* @__PURE__ */ jsx24(Text22, { children: " " }),
+        /* @__PURE__ */ jsx24(Text22, { bold: true, children: "Navigation" }),
+        /* @__PURE__ */ jsx24(Text22, { children: "  \u2191 / k / PgUp     Scroll up" }),
+        /* @__PURE__ */ jsx24(Text22, { children: "  \u2193 / j / PgDn     Scroll down" }),
+        /* @__PURE__ */ jsx24(Text22, { children: "  g / Home         Jump to top" }),
+        /* @__PURE__ */ jsx24(Text22, { children: "  G / End          Jump to bottom" }),
+        mode === "review" && /* @__PURE__ */ jsxs21(Fragment3, { children: [
+          /* @__PURE__ */ jsx24(Text22, { children: " " }),
+          /* @__PURE__ */ jsx24(Text22, { bold: true, children: "[Review mode only]" }),
+          /* @__PURE__ */ jsx24(Text22, { children: "  Tab              Toggle sidebar/detail" }),
+          /* @__PURE__ */ jsx24(Text22, { children: "  a                Accept component" }),
+          /* @__PURE__ */ jsx24(Text22, { children: "  r                Reject component" }),
+          /* @__PURE__ */ jsx24(Text22, { children: "  e                Edit proposal" }),
+          /* @__PURE__ */ jsx24(Text22, { children: "  s                Toggle source code" }),
+          /* @__PURE__ */ jsx24(Text22, { children: "  A                Approve all" }),
+          /* @__PURE__ */ jsx24(Text22, { children: "  F                Open finalize dialog" }),
+          /* @__PURE__ */ jsx24(Text22, { children: "  Ctrl+S           Save draft" }),
+          /* @__PURE__ */ jsx24(Text22, { children: "  Ctrl+Z           Undo" }),
+          /* @__PURE__ */ jsx24(Text22, { children: "  Ctrl+Y           Redo" }),
+          /* @__PURE__ */ jsx24(Text22, { children: "  Esc              Exit edit / close" })
         ] }),
-        /* @__PURE__ */ jsx23(Text21, { children: " " }),
-        /* @__PURE__ */ jsx23(Text21, { children: "  h                Close help" }),
-        /* @__PURE__ */ jsx23(Text21, { children: "  q                Quit" })
+        /* @__PURE__ */ jsx24(Text22, { children: " " }),
+        /* @__PURE__ */ jsx24(Text22, { children: "  h                Close help" }),
+        /* @__PURE__ */ jsx24(Text22, { children: "  q                Quit" })
       ]
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/SearchMatchSummary.tsx
-import { Box as Box20, Text as Text22 } from "ink";
+import { Box as Box21, Text as Text23 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/autocomplete.ts
 function longestCommonPrefix(names) {
@@ -19244,7 +19260,7 @@ function formatSearchMatchSummary(matches, total) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/SearchMatchSummary.tsx
-import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function SearchMatchSummary({
   open,
   query,
@@ -19255,17 +19271,17 @@ function SearchMatchSummary({
   marginTop
 }) {
   if (hidden) return null;
-  return /* @__PURE__ */ jsxs21(Fragment3, { children: [
-    open && /* @__PURE__ */ jsxs21(Box20, { marginTop, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs21(Text22, { children: [
+  return /* @__PURE__ */ jsxs22(Fragment4, { children: [
+    open && /* @__PURE__ */ jsxs22(Box21, { marginTop, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs22(Text23, { children: [
         `/${query}`,
-        /* @__PURE__ */ jsx24(Text22, { color: PALETTE2.info, children: "\u258E" }),
-        query && /* @__PURE__ */ jsx24(Text22, { color: PALETTE2.muted, children: formatSearchMatchSummary(matches, total) }),
-        /* @__PURE__ */ jsx24(Text22, { children: "  \xB7 [Esc] leave" })
+        /* @__PURE__ */ jsx25(Text23, { color: PALETTE2.info, children: "\u258E" }),
+        query && /* @__PURE__ */ jsx25(Text23, { color: PALETTE2.muted, children: formatSearchMatchSummary(matches, total) }),
+        /* @__PURE__ */ jsx25(Text23, { children: "  \xB7 [Esc] leave" })
       ] }),
-      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx24(Text22, { color: PALETTE2.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
+      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx25(Text23, { color: PALETTE2.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
     ] }),
-    !open && query && /* @__PURE__ */ jsx24(Box20, { marginTop, children: /* @__PURE__ */ jsx24(Text22, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
+    !open && query && /* @__PURE__ */ jsx25(Box21, { marginTop, children: /* @__PURE__ */ jsx25(Text23, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
   ] });
 }
 
@@ -20402,7 +20418,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 var HELP_SECTIONS = [
   {
     title: "Navigation",
@@ -20442,27 +20458,27 @@ var HELP_SECTIONS = [
 ];
 function ScopeGateScreen(props) {
   if (props.components.length === 0) {
-    return /* @__PURE__ */ jsx25(Box21, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx25(Text23, { color: PALETTE2.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
+    return /* @__PURE__ */ jsx26(Box22, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx26(Text24, { color: PALETTE2.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
   }
-  return /* @__PURE__ */ jsx25(ScopeGateView, { ...props });
+  return /* @__PURE__ */ jsx26(ScopeGateView, { ...props });
 }
 function ScopeGateView({ components, onConfirm, onQuit }) {
   const gate = useScopeGate({ components, onConfirm, onQuit });
   const { search, graph, columnPlan, panelLayout, counters } = gate;
   if (gate.showHelp) {
-    return /* @__PURE__ */ jsx25(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: gate.closeHelp });
+    return /* @__PURE__ */ jsx26(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: gate.closeHelp });
   }
-  return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", paddingX: 2, children: [
-    /* @__PURE__ */ jsxs22(Box21, { flexDirection: "row", flexWrap: "wrap", children: [
-      /* @__PURE__ */ jsx25(CounterStrip, { counters, totalWidth: gate.totalWidth }),
-      gate.aiExcludedCount > 0 && /* @__PURE__ */ jsxs22(Text23, { color: PALETTE2.muted, children: [
+  return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", paddingX: 2, children: [
+    /* @__PURE__ */ jsxs23(Box22, { flexDirection: "row", flexWrap: "wrap", children: [
+      /* @__PURE__ */ jsx26(CounterStrip, { counters, totalWidth: gate.totalWidth }),
+      gate.aiExcludedCount > 0 && /* @__PURE__ */ jsxs23(Text24, { color: PALETTE2.muted, children: [
         `${gate.aiExcludedCount} component${gate.aiExcludedCount === 1 ? "" : "s"} flagged by AI`,
-        gate.aiRows.length > 0 && /* @__PURE__ */ jsx25(Text23, { color: PALETTE2.info, children: " \u2014 press [x] to see why" })
+        gate.aiRows.length > 0 && /* @__PURE__ */ jsx26(Text24, { color: PALETTE2.info, children: " \u2014 press [x] to see why" })
       ] })
     ] }),
-    graph.cycles.length > 0 && /* @__PURE__ */ jsx25(Box21, { marginTop: 1, children: /* @__PURE__ */ jsx25(Text23, { color: PALETTE2.muted, children: "If you must have components with cycles, select them together into the generate step and then use the editor to fix them." }) }),
-    /* @__PURE__ */ jsxs22(Box21, { flexDirection: "row", alignItems: "stretch", children: [
-      gate.aiRationalePanelOpen ? /* @__PURE__ */ jsx25(
+    graph.cycles.length > 0 && /* @__PURE__ */ jsx26(Box22, { marginTop: 1, children: /* @__PURE__ */ jsx26(Text24, { color: PALETTE2.muted, children: "If you must have components with cycles, select them together into the generate step and then use the editor to fix them." }) }),
+    /* @__PURE__ */ jsxs23(Box22, { flexDirection: "row", alignItems: "stretch", children: [
+      gate.aiRationalePanelOpen ? /* @__PURE__ */ jsx26(
         GotoBanner,
         {
           title: `Review flags (${gate.aiExcludedCount})`,
@@ -20472,7 +20488,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
           width: columnPlan.main,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [x/Esc] close"
         }
-      ) : /* @__PURE__ */ jsx25(
+      ) : /* @__PURE__ */ jsx26(
         GroupedSidebar,
         {
           items: gate.groupedItems,
@@ -20500,9 +20516,9 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
           graph: graph.nodes
         }
       ),
-      columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs22(Fragment4, { children: [
-        /* @__PURE__ */ jsx25(Box21, { width: 2, flexShrink: 0 }),
-        /* @__PURE__ */ jsx25(
+      columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs23(Fragment5, { children: [
+        /* @__PURE__ */ jsx26(Box22, { width: 2, flexShrink: 0 }),
+        /* @__PURE__ */ jsx26(
           AddedColumn,
           {
             width: columnPlan.added,
@@ -20517,9 +20533,9 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
         )
       ] })
     ] }),
-    gate.cyclesPanelOpen && /* @__PURE__ */ jsx25(CyclesPanel, { cycles: gate.slotCycles, cursor: gate.cyclesCursor }),
-    gate.pendingRejectCascade && /* @__PURE__ */ jsx25(RejectPrompt, { pending: gate.pendingRejectCascade }),
-    /* @__PURE__ */ jsx25(
+    gate.cyclesPanelOpen && /* @__PURE__ */ jsx26(CyclesPanel, { cycles: gate.slotCycles, cursor: gate.cyclesCursor }),
+    gate.pendingRejectCascade && /* @__PURE__ */ jsx26(RejectPrompt, { pending: gate.pendingRejectCascade }),
+    /* @__PURE__ */ jsx26(
       SearchMatchSummary,
       {
         open: search.searchOpen,
@@ -20530,7 +20546,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
         marginTop: 1
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       CompactControlBar,
       {
         hasGroupRoots: gate.hasGroupRoots,
@@ -20639,7 +20655,7 @@ function progressRows2(progress, agent) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/screen.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function GenerationScreen({
   progress,
   agent,
@@ -20648,7 +20664,7 @@ function GenerationScreen({
   stepNumber,
   totalSteps
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     RunningStep,
     {
       stepNumber,
@@ -20874,7 +20890,7 @@ function buildFlowStart(input) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
-import { Box as Box42 } from "ink";
+import { Box as Box43 } from "ink";
 
 // packages/experience-design-system-types/dist/src/cdf/validate.js
 import { Ajv as Ajv2 } from "ajv";
@@ -21194,7 +21210,7 @@ function skipLabel(matchedNames) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/preview-validation-error/screen.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function PreviewValidationErrorScreen({
   errors,
   missingNames,
@@ -21203,7 +21219,7 @@ function PreviewValidationErrorScreen({
   onQuit
 }) {
   const matchedNames = matchedComponentNames(errors, missingNames);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     GateStep,
     {
       intent: "error",
@@ -21239,7 +21255,7 @@ function getReviewJsonPanelValue(selected, showHiddenProps) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/generate-review-step.tsx
-import { Box as Box34, Text as Text37 } from "ink";
+import { Box as Box35, Text as Text38 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/graph/cycle-view.ts
 function computeCycleView(components) {
@@ -21478,12 +21494,12 @@ function enumerateCycleBreaks(cycle, components) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewComponentPanel.tsx
-import { Box as Box28, Text as Text31 } from "ink";
+import { Box as Box29, Text as Text32 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx
 import React10, { useEffect as useEffect11, useLayoutEffect as useLayoutEffect2, useState as useState17 } from "react";
 import figures5 from "figures";
-import { Box as Box22, measureElement, Text as Text24 } from "ink";
+import { Box as Box23, measureElement, Text as Text25 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/scroll-offset.ts
 function computeNextScrollOffset(current, input, key, totalLines, panelHeight) {
@@ -21514,7 +21530,7 @@ function computeNextScrollOffset(current, input, key, totalLines, panelHeight) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx
-import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 function createCommonRowProps(selected, focusLevel, editingField, textCursor, valueCursor, cursorVisible, editingValue, valueText, width) {
   return {
     selected,
@@ -21652,14 +21668,14 @@ function serializeState(state2, originalJson) {
   return JSON.stringify(entry, null, 2);
 }
 function Picker({ value, active }) {
-  return /* @__PURE__ */ jsxs23(Box22, { children: [
-    active && /* @__PURE__ */ jsx28(Text24, { color: PALETTE.warning, children: "\u2039" }),
-    /* @__PURE__ */ jsx28(Text24, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
-    active && /* @__PURE__ */ jsx28(Text24, { color: PALETTE.warning, children: "\u203A" })
+  return /* @__PURE__ */ jsxs24(Box23, { children: [
+    active && /* @__PURE__ */ jsx29(Text25, { color: PALETTE.warning, children: "\u2039" }),
+    /* @__PURE__ */ jsx29(Text25, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
+    active && /* @__PURE__ */ jsx29(Text25, { color: PALETTE.warning, children: "\u203A" })
   ] });
 }
 function Toggle({ value, active }) {
-  return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
+  return /* @__PURE__ */ jsx29(Box23, { children: /* @__PURE__ */ jsx29(Text25, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
 }
 function InlinePropField({
   label,
@@ -21668,8 +21684,8 @@ function InlinePropField({
   flexible = false,
   width
 }) {
-  return /* @__PURE__ */ jsxs23(Box22, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
-    /* @__PURE__ */ jsxs23(Text24, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, wrap: "truncate-end", children: [
+  return /* @__PURE__ */ jsxs24(Box23, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
+    /* @__PURE__ */ jsxs24(Text25, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, wrap: "truncate-end", children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
@@ -21682,19 +21698,19 @@ function RequiredField({
   editingField,
   activeField
 }) {
-  return /* @__PURE__ */ jsx28(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx28(Toggle, { value, active: editingField && activeField === "required" }) });
+  return /* @__PURE__ */ jsx29(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx29(Toggle, { value, active: editingField && activeField === "required" }) });
 }
 function DefaultValueRow({
   display,
   active,
   focused
 }) {
-  return /* @__PURE__ */ jsxs23(Box22, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs23(Text24, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+  return /* @__PURE__ */ jsxs24(Box23, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs24(Text25, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    active ? /* @__PURE__ */ jsx28(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx28(Text24, { wrap: "wrap", children: display })
+    active ? /* @__PURE__ */ jsx29(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx29(Text25, { wrap: "wrap", children: display })
   ] });
 }
 function RowLabel({
@@ -21702,8 +21718,8 @@ function RowLabel({
   selected,
   trailing = true
 }) {
-  return /* @__PURE__ */ jsxs23(
-    Text24,
+  return /* @__PURE__ */ jsxs24(
+    Text25,
     {
       color: selected ? "#FFFFFF" : PALETTE.accent,
       bold: selected,
@@ -21722,10 +21738,10 @@ function ValueInputRow({
   valueText,
   cursorVisible
 }) {
-  return /* @__PURE__ */ jsxs23(Box22, { paddingLeft: 2, children: [
-    /* @__PURE__ */ jsx28(Text24, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
-    /* @__PURE__ */ jsx28(Text24, { children: valueText }),
-    /* @__PURE__ */ jsx28(Text24, { inverse: cursorVisible, children: " " })
+  return /* @__PURE__ */ jsxs24(Box23, { paddingLeft: 2, children: [
+    /* @__PURE__ */ jsx29(Text25, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
+    /* @__PURE__ */ jsx29(Text25, { children: valueText }),
+    /* @__PURE__ */ jsx29(Text25, { inverse: cursorVisible, children: " " })
   ] });
 }
 function EditableListItem({
@@ -21738,9 +21754,9 @@ function EditableListItem({
 }) {
   const isBeingEdited = editingValue?.mode === "edit" && editingValue.index === index;
   if (isBeingEdited) {
-    return /* @__PURE__ */ jsx28(ValueInputRow, { mode: "edit", valueText, cursorVisible });
+    return /* @__PURE__ */ jsx29(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx28(Box22, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx28(Text24, { color: active ? PALETTE.accent : void 0, children: active ? `${figures5.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx29(Box23, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx29(Text25, { color: active ? PALETTE.accent : void 0, children: active ? `${figures5.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -21753,9 +21769,9 @@ function EditableValueList({
   emptyPaddingLeft,
   showAddInput
 }) {
-  return /* @__PURE__ */ jsxs23(Fragment5, { children: [
-    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx28(Box22, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: emptyMessage }) })),
-    values.map((value, index) => /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs24(Fragment6, { children: [
+    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx29(Box23, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: emptyMessage }) })),
+    values.map((value, index) => /* @__PURE__ */ jsx29(
       EditableListItem,
       {
         value,
@@ -21767,7 +21783,7 @@ function EditableValueList({
       },
       index
     )),
-    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx28(ValueInputRow, { mode: "add", valueText, cursorVisible })
+    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx29(ValueInputRow, { mode: "add", valueText, cursorVisible })
   ] });
 }
 function DefaultSubRow({
@@ -21779,51 +21795,51 @@ function DefaultSubRow({
 }) {
   const cursor = cursorVisible ? "\u2588" : " ";
   if (prop.type === "richtext" || prop.type === "media" || prop.type === "link") {
-    return /* @__PURE__ */ jsxs23(Box22, { gap: 1, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs23(Text24, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+    return /* @__PURE__ */ jsxs24(Box23, { gap: 1, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs24(Text25, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsx28(Text24, { color: focused ? void 0 : PALETTE.muted, children: "(not applicable)" })
+      /* @__PURE__ */ jsx29(Text25, { color: focused ? void 0 : PALETTE.muted, children: "(not applicable)" })
     ] });
   }
   if (prop.type === "boolean") {
     const display = prop.default === true ? "true" : prop.default === false ? "false" : "(unset)";
-    return /* @__PURE__ */ jsx28(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx29(DefaultValueRow, { display, active, focused });
   }
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
-      return /* @__PURE__ */ jsxs23(Box22, { gap: 1, flexShrink: 0, children: [
-        /* @__PURE__ */ jsxs23(Text24, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+      return /* @__PURE__ */ jsxs24(Box23, { gap: 1, flexShrink: 0, children: [
+        /* @__PURE__ */ jsxs24(Text25, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
           focused ? "\u203A " : "  ",
           "default:"
         ] }),
-        /* @__PURE__ */ jsx28(Text24, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
+        /* @__PURE__ */ jsx29(Text25, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
       ] });
     }
     const display = typeof prop.default === "string" && prop.default !== "" ? prop.default : "(unset)";
-    return /* @__PURE__ */ jsx28(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx29(DefaultValueRow, { display, active, focused });
   }
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
-    return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "row", flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs23(Text24, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+    return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "row", flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs24(Text25, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsxs23(Box22, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx28(Text24, { children: value.slice(0, textCursor) }),
-        /* @__PURE__ */ jsx28(Text24, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
-        /* @__PURE__ */ jsx28(Text24, { children: value.slice(textCursor + 1) })
+      /* @__PURE__ */ jsxs24(Box23, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+        /* @__PURE__ */ jsx29(Text25, { children: value.slice(0, textCursor) }),
+        /* @__PURE__ */ jsx29(Text25, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
+        /* @__PURE__ */ jsx29(Text25, { children: value.slice(textCursor + 1) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs23(Box22, { gap: 1, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs23(Text24, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+  return /* @__PURE__ */ jsxs24(Box23, { gap: 1, flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs24(Text25, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    /* @__PURE__ */ jsx28(Text24, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
+    /* @__PURE__ */ jsx29(Text25, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
   ] });
 }
 function DescriptionField({
@@ -21838,20 +21854,20 @@ function DescriptionField({
   paddingLeft = 2
 }) {
   if (compact) {
-    return /* @__PURE__ */ jsxs23(Box22, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs23(Text24, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+    return /* @__PURE__ */ jsxs24(Box23, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs24(Text25, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         label
       ] }),
-      /* @__PURE__ */ jsx28(Text24, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
+      /* @__PURE__ */ jsx29(Text25, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
     ] });
   }
-  return /* @__PURE__ */ jsxs23(Box22, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs23(Text24, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+  return /* @__PURE__ */ jsxs24(Box23, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs24(Text25, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
-    editing ? /* @__PURE__ */ jsx28(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx28(Text24, { wrap: "wrap", children: value || "\u2014" })
+    editing ? /* @__PURE__ */ jsx29(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx29(Text25, { wrap: "wrap", children: value || "\u2014" })
   ] });
 }
 function EditableDescription({
@@ -21859,9 +21875,9 @@ function EditableDescription({
   value,
   textCursor
 }) {
-  return /* @__PURE__ */ jsxs23(Text24, { wrap: "wrap", children: [
+  return /* @__PURE__ */ jsxs24(Text25, { wrap: "wrap", children: [
     value.slice(0, textCursor),
-    /* @__PURE__ */ jsx28(Text24, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
+    /* @__PURE__ */ jsx29(Text25, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
     value.slice(textCursor + 1)
   ] });
 }
@@ -21882,9 +21898,9 @@ function PropRow({
 }) {
   const descFocused = activeField === "description";
   const descActive = editingField && descFocused;
-  return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx28(Box22, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx28(RowLabel, { name: prop.name, selected }) }),
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx29(Box23, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx29(RowLabel, { name: prop.name, selected }) }),
+    /* @__PURE__ */ jsx29(
       DescriptionField,
       {
         value: prop.description,
@@ -21897,8 +21913,8 @@ function PropRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsx29(
         RequiredField,
         {
           value: prop.required,
@@ -21907,21 +21923,21 @@ function PropRow({
           activeField
         }
       ),
-      /* @__PURE__ */ jsx28(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx28(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx28(Text24, { children: prop.type }) })
+      /* @__PURE__ */ jsx29(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx29(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx29(Text25, { children: prop.type }) })
     ] }),
-    prop.type === "token" && /* @__PURE__ */ jsx28(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx28(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx28(Text24, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
-    prop.type === "enum" && /* @__PURE__ */ jsxs23(Box22, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs23(Text24, { color: activeField === "values" ? PALETTE.warning : PALETTE.muted, bold: activeField === "values", children: [
+    prop.type === "token" && /* @__PURE__ */ jsx29(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx29(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx29(Text25, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
+    prop.type === "enum" && /* @__PURE__ */ jsxs24(Box23, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs24(Text25, { color: activeField === "values" ? PALETTE.warning : PALETTE.muted, bold: activeField === "values", children: [
         activeField === "values" ? "\u203A " : "  ",
         "values:"
       ] }),
-      /* @__PURE__ */ jsxs23(Text24, { wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs24(Text25, { wrap: "wrap", children: [
         "[",
         prop.values.join(", "),
         "]"
       ] })
     ] }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       DefaultSubRow,
       {
         prop,
@@ -21931,13 +21947,13 @@ function PropRow({
         cursorVisible
       }
     ),
-    prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs23(Box22, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs23(Text24, { color: activeField === "allowed" ? PALETTE.warning : PALETTE.muted, bold: activeField === "allowed", children: [
+    prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs24(Box23, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs24(Text25, { color: activeField === "allowed" ? PALETTE.warning : PALETTE.muted, bold: activeField === "allowed", children: [
         activeField === "allowed" ? "\u203A " : "  ",
         "allowed:"
       ] }),
-      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx28(Box22, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx28(Text24, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx28(
-        Text24,
+      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx29(Box23, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx29(Text25, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx29(
+        Text25,
         {
           color: activeField !== "allowed" && prop.allowed.length === 0 ? PALETTE.muted : void 0,
           wrap: "wrap",
@@ -21945,17 +21961,17 @@ function PropRow({
         }
       )
     ] }),
-    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx28(Box22, { paddingLeft: 2, children: /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: (() => {
+    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx29(Box23, { paddingLeft: 2, children: /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: (() => {
       const max = Math.max(8, width - 8);
       const text = `~ ${rationale}`;
       return text.length > max ? text.slice(0, max - 1) + "\u2026" : text;
     })() }) }, rowKey ? `rationale-${rowKey}` : void 0),
-    selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs23(Box22, { paddingLeft: 2, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs23(Box22, { children: [
-        /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "values:" }),
-        activeField === "values" && /* @__PURE__ */ jsx28(Text24, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
+    selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs24(Box23, { paddingLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs24(Box23, { children: [
+        /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: "values:" }),
+        activeField === "values" && /* @__PURE__ */ jsx29(Text25, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx29(
         EditableValueList,
         {
           values: prop.values,
@@ -21985,9 +22001,9 @@ function SlotRow({
   pickerCandidates,
   pickerCursor
 }) {
-  return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx28(Box22, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx28(RowLabel, { name: slot.name, selected, trailing: false }) }),
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx29(Box23, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx29(RowLabel, { name: slot.name, selected, trailing: false }) }),
+    /* @__PURE__ */ jsx29(
       DescriptionField,
       {
         value: slot.description,
@@ -22000,7 +22016,7 @@ function SlotRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsx28(Box22, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(Box23, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx29(
       RequiredField,
       {
         value: slot.required,
@@ -22009,9 +22025,9 @@ function SlotRow({
         activeField
       }
     ) }),
-    !(selected && editingField && activeField === "allowedComponents") && /* @__PURE__ */ jsxs23(Box22, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs23(
-        Text24,
+    !(selected && editingField && activeField === "allowedComponents") && /* @__PURE__ */ jsxs24(Box23, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs24(
+        Text25,
         {
           color: activeField === "allowedComponents" ? PALETTE.warning : PALETTE.muted,
           bold: activeField === "allowedComponents",
@@ -22021,12 +22037,12 @@ function SlotRow({
           ]
         }
       ),
-      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx28(Text24, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
+      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx29(Text25, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
     ] }),
-    selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs23(Box22, { children: [
-        /* @__PURE__ */ jsxs23(
-          Text24,
+    selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs24(Box23, { children: [
+        /* @__PURE__ */ jsxs24(
+          Text25,
           {
             color: activeField === "allowedComponents" ? PALETTE.warning : PALETTE.muted,
             bold: activeField === "allowedComponents",
@@ -22036,9 +22052,9 @@ function SlotRow({
             ]
           }
         ),
-        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: slot.allowedComponents.length > 0 ? "  [a] add  [e] edit  [r] remove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
+        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: slot.allowedComponents.length > 0 ? "  [a] add  [e] edit  [r] remove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx29(
         EditableValueList,
         {
           values: slot.allowedComponents,
@@ -22052,21 +22068,21 @@ function SlotRow({
           showAddInput: editingField && activeField === "allowedComponents"
         }
       ),
-      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx28(Box22, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
+      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx29(Box23, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
         const filtered = valueText.length === 0 ? pickerCandidates : pickerCandidates.filter((n) => n.toLowerCase().includes(valueText.toLowerCase()));
         if (filtered.length === 0) {
-          return /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "(no candidates match \u2014 Enter to add as free text)" });
+          return /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: "(no candidates match \u2014 Enter to add as free text)" });
         }
         const cursor = pickerCursor % filtered.length;
         const MAX_VISIBLE = 5;
         const start = Math.max(0, Math.min(filtered.length - MAX_VISIBLE, cursor - 2));
         const slice = filtered.slice(start, start + MAX_VISIBLE);
-        return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
+        return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
           slice.map((name, i) => {
             const absIdx = start + i;
             const isCursor = absIdx === cursor;
-            return /* @__PURE__ */ jsx28(Text24, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures5.pointer} ${name}` : `    ${name}` }, name);
+            return /* @__PURE__ */ jsx29(Text25, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures5.pointer} ${name}` : `    ${name}` }, name);
           })
         ] });
       })() })
@@ -22895,18 +22911,18 @@ function FieldEditor({
   });
   const innerWidth = Math.max(1, width - 2);
   if (parseErr) {
-    return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
-      /* @__PURE__ */ jsx28(Text24, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
-      /* @__PURE__ */ jsx28(Text24, { color: PALETTE.error, children: parseErr }),
-      /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
+    return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
+      /* @__PURE__ */ jsx29(Text25, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
+      /* @__PURE__ */ jsx29(Text25, { color: PALETTE.error, children: parseErr }),
+      /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
-    return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
-      /* @__PURE__ */ jsx28(Text24, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
-      /* @__PURE__ */ jsx28(Text24, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
+    return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
+      /* @__PURE__ */ jsx29(Text25, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
+      /* @__PURE__ */ jsx29(Text25, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
+      /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
+      /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -23035,12 +23051,12 @@ function FieldEditor({
   const renderRow = (row, index) => {
     const key = rowKey(row, index);
     if (row.kind === "header") {
-      return /* @__PURE__ */ jsx28(Box22, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx28(Text24, { bold: true, color: PALETTE.success, children: row.label }) }, key);
+      return /* @__PURE__ */ jsx29(Box23, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx29(Text25, { bold: true, color: PALETTE.success, children: row.label }) }, key);
     }
     if (row.kind === "component-description") {
       const isSelected2 = inComponentDesc && active;
       const isEditing = isSelected2 && focusLevel === "field" && editingField && activeField === "description";
-      return /* @__PURE__ */ jsx28(
+      return /* @__PURE__ */ jsx29(
         DescriptionField,
         {
           value: editorState.componentDescription,
@@ -23071,7 +23087,7 @@ function FieldEditor({
         valueText,
         innerWidth
       );
-      return /* @__PURE__ */ jsx28(
+      return /* @__PURE__ */ jsx29(
         PropRow,
         {
           prop: p,
@@ -23098,7 +23114,7 @@ function FieldEditor({
       valueText,
       innerWidth
     );
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       SlotRow,
       {
         slot: s,
@@ -23110,7 +23126,7 @@ function FieldEditor({
       key
     );
   };
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     FixedPanel,
     {
       width,
@@ -23119,9 +23135,9 @@ function FieldEditor({
       borderStyle: "single",
       borderColor: hasEmptyProperties ? PALETTE.warning : active ? PALETTE.accent : PALETTE.border,
       children: [
-        hasEmptyProperties && /* @__PURE__ */ jsx28(Text24, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
+        hasEmptyProperties && /* @__PURE__ */ jsx29(Text25, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
         header,
-        /* @__PURE__ */ jsx28(Box22, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(Box23, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx29(
           PropRow,
           {
             prop: currentProp,
@@ -23137,7 +23153,7 @@ function FieldEditor({
             rationale: metadata?.props?.[currentProp.name]?.rationale ?? null,
             showRationale: showInlineRationales
           }
-        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx28(
+        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx29(
           SlotRow,
           {
             slot: currentSlot,
@@ -23156,8 +23172,8 @@ function FieldEditor({
         ) : visibleRowSlice.map((row, index) => {
           const absoluteIndex = scrollStart + index;
           const key = rowKey(row, absoluteIndex);
-          return /* @__PURE__ */ jsx28(
-            Box22,
+          return /* @__PURE__ */ jsx29(
+            Box23,
             {
               ref: (node) => {
                 if (node) rowMeasureRefs.current.set(key, node);
@@ -23170,7 +23186,7 @@ function FieldEditor({
             `visible-${key}`
           );
         }) }),
-        categoryBelow && /* @__PURE__ */ jsx28(Text24, { color: PALETTE.success, bold: true, children: `(${categoryBelow} below)` }),
+        categoryBelow && /* @__PURE__ */ jsx29(Text25, { color: PALETTE.success, bold: true, children: `(${categoryBelow} below)` }),
         sourceOpen && !onToggleSourceExternal && (() => {
           const propMeta = !inSlots && !inComponentDesc && currentProp ? metadata?.props?.[currentProp.name] : void 0;
           const start = propMeta?.sourceStartLine ?? null;
@@ -23179,59 +23195,59 @@ function FieldEditor({
           const src = metadata?.componentSource ?? null;
           const headerPath = path5 ?? "<unknown source path>";
           if (!start || !end2 || !src) {
-            return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-              /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
-              /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
-              /* @__PURE__ */ jsx28(Text24, { children: "[s] close" })
+            return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+              /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
+              /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
+              /* @__PURE__ */ jsx29(Text25, { children: "[s] close" })
             ] });
           }
           const lines = src.split("\n").slice(Math.max(0, start - 1), end2);
-          return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-            /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
-            lines.map((ln, i) => /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
-            /* @__PURE__ */ jsx28(Text24, { children: "[s] close \xB7 [Esc] close" })
+          return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+            /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
+            lines.map((ln, i) => /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
+            /* @__PURE__ */ jsx29(Text25, { children: "[s] close \xB7 [Esc] close" })
           ] });
         })(),
-        showHelp && /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
-          /* @__PURE__ */ jsx28(Text24, { bold: true, color: PALETTE.accent, children: "Keybindings" }),
-          /* @__PURE__ */ jsx28(Text24, { children: " " }),
-          /* @__PURE__ */ jsx28(Text24, { bold: true, children: "Row navigation" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  \u2191/\u2193               move between rows" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  Enter            edit fields on the current row" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  Esc              exit the panel" }),
-          /* @__PURE__ */ jsx28(Text24, { children: " " }),
-          /* @__PURE__ */ jsx28(Text24, { bold: true, children: "Field editing" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  Space/Enter      toggle required" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  Type             edit description / string default" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  Esc              exit field-edit back to the row" }),
-          /* @__PURE__ */ jsx28(Text24, { children: " " }),
-          /* @__PURE__ */ jsx28(Text24, { bold: true, children: "Values / allowedComponents" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  \u2191\u2193               navigate the list" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  K / J            reorder up \xB7 down" }),
-          /* @__PURE__ */ jsx28(Text24, { children: " " }),
-          /* @__PURE__ */ jsx28(Text24, { bold: true, children: "Panels" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  s                toggle source-view for the current prop" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
-          /* @__PURE__ */ jsx28(Text24, { children: "  ?                toggle this overlay" }),
-          /* @__PURE__ */ jsx28(Text24, { children: " " }),
-          /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "press ? or Esc to close" })
+        showHelp && /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
+          /* @__PURE__ */ jsx29(Text25, { bold: true, color: PALETTE.accent, children: "Keybindings" }),
+          /* @__PURE__ */ jsx29(Text25, { children: " " }),
+          /* @__PURE__ */ jsx29(Text25, { bold: true, children: "Row navigation" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  \u2191/\u2193               move between rows" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  Enter            edit fields on the current row" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  Esc              exit the panel" }),
+          /* @__PURE__ */ jsx29(Text25, { children: " " }),
+          /* @__PURE__ */ jsx29(Text25, { bold: true, children: "Field editing" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  Space/Enter      toggle required" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  Type             edit description / string default" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  Esc              exit field-edit back to the row" }),
+          /* @__PURE__ */ jsx29(Text25, { children: " " }),
+          /* @__PURE__ */ jsx29(Text25, { bold: true, children: "Values / allowedComponents" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  \u2191\u2193               navigate the list" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  K / J            reorder up \xB7 down" }),
+          /* @__PURE__ */ jsx29(Text25, { children: " " }),
+          /* @__PURE__ */ jsx29(Text25, { bold: true, children: "Panels" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  s                toggle source-view for the current prop" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
+          /* @__PURE__ */ jsx29(Text25, { children: "  ?                toggle this overlay" }),
+          /* @__PURE__ */ jsx29(Text25, { children: " " }),
+          /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: "press ? or Esc to close" })
         ] }),
-        validationError && /* @__PURE__ */ jsx28(Text24, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx28(Box22, { paddingTop: 1, children: /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: modeLabel }) })
+        validationError && /* @__PURE__ */ jsx29(Text25, { color: PALETTE.error, children: "\u2717 " + validationError }),
+        /* @__PURE__ */ jsx29(Box23, { paddingTop: 1, children: /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: modeLabel }) })
       ]
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/review-details-panel.tsx
-import { Text as Text30 } from "ink";
+import { Text as Text31 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ComponentRationalePanel.tsx
-import { Box as Box24, Text as Text26 } from "ink";
+import { Box as Box25, Text as Text27 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/wrap-text.ts
 function appendLongWordChunks(word, width, lines) {
@@ -23266,27 +23282,27 @@ function wrapText(text, innerWidth) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationaleLine.tsx
-import { Box as Box23, Text as Text25 } from "ink";
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Box as Box24, Text as Text26 } from "ink";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function RationaleLine({ line, active }) {
   if (line.kind === "blank") {
-    return /* @__PURE__ */ jsx29(Box23, { children: /* @__PURE__ */ jsx29(Text25, { children: " " }) });
+    return /* @__PURE__ */ jsx30(Box24, { children: /* @__PURE__ */ jsx30(Text26, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx29(Box23, { children: /* @__PURE__ */ jsx29(Text25, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
+    return /* @__PURE__ */ jsx30(Box24, { children: /* @__PURE__ */ jsx30(Text26, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
   }
   if (line.kind === "label") {
-    return /* @__PURE__ */ jsxs24(Box23, { children: [
-      line.prefix && /* @__PURE__ */ jsx29(Text25, { children: line.prefix }),
-      /* @__PURE__ */ jsx29(Text25, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
-      line.suffix && /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: line.suffix })
+    return /* @__PURE__ */ jsxs25(Box24, { children: [
+      line.prefix && /* @__PURE__ */ jsx30(Text26, { children: line.prefix }),
+      /* @__PURE__ */ jsx30(Text26, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
+      line.suffix && /* @__PURE__ */ jsx30(Text26, { color: PALETTE.muted, children: line.suffix })
     ] });
   }
-  return /* @__PURE__ */ jsx29(Box23, { children: /* @__PURE__ */ jsx29(Text25, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
+  return /* @__PURE__ */ jsx30(Box24, { children: /* @__PURE__ */ jsx30(Text26, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ComponentRationalePanel.tsx
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 var PLACEHOLDER = "(no rationale captured)";
 function renderComponentRationaleLines(data, innerWidth) {
   const out = [];
@@ -23354,8 +23370,8 @@ function ComponentRationalePanel({
   const overflowed = totalLines > contentHeight;
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + contentHeight);
-  return /* @__PURE__ */ jsxs25(
-    Box24,
+  return /* @__PURE__ */ jsxs26(
+    Box25,
     {
       flexDirection: "column",
       width,
@@ -23363,27 +23379,27 @@ function ComponentRationalePanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__PURE__ */ jsx30(Box24, { children: /* @__PURE__ */ jsx30(Text26, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
-        visible.map((line, i) => /* @__PURE__ */ jsx30(RationaleLine, { line, active }, i)),
-        /* @__PURE__ */ jsx30(Box24, { children: overflowed ? /* @__PURE__ */ jsx30(Text26, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx30(Text26, { children: "[I/Esc] close" }) })
+        /* @__PURE__ */ jsx31(Box25, { children: /* @__PURE__ */ jsx31(Text27, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
+        visible.map((line, i) => /* @__PURE__ */ jsx31(RationaleLine, { line, active }, i)),
+        /* @__PURE__ */ jsx31(Box25, { children: overflowed ? /* @__PURE__ */ jsx31(Text27, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx31(Text27, { children: "[I/Esc] close" }) })
       ]
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/JsonPanel.tsx
-import { Box as Box26 } from "ink";
+import { Box as Box27 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/HighlightedLine.tsx
-import { Text as Text27 } from "ink";
-import { Fragment as Fragment6, jsx as jsx31 } from "react/jsx-runtime";
+import { Text as Text28 } from "ink";
+import { Fragment as Fragment7, jsx as jsx32 } from "react/jsx-runtime";
 function HighlightedLine({ parts }) {
-  return /* @__PURE__ */ jsx31(Fragment6, { children: parts.map((part, i) => /* @__PURE__ */ jsx31(Text27, { color: part.dim ? PALETTE.muted : part.color, children: part.text }, i)) });
+  return /* @__PURE__ */ jsx32(Fragment7, { children: parts.map((part, i) => /* @__PURE__ */ jsx32(Text28, { color: part.dim ? PALETTE.muted : part.color, children: part.text }, i)) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ScrollablePanel.tsx
-import { Box as Box25, Text as Text28 } from "ink";
-import { Fragment as Fragment7, jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Box as Box26, Text as Text29 } from "ink";
+import { Fragment as Fragment8, jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 function ScrollablePanel({
   title,
   width,
@@ -23396,12 +23412,12 @@ function ScrollablePanel({
   children
 }) {
   const overflowed = totalLines > height;
-  return /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
-    /* @__PURE__ */ jsxs26(Box25, { children: [
-      /* @__PURE__ */ jsx32(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
-      overflowed && /* @__PURE__ */ jsxs26(Fragment7, { children: [
-        /* @__PURE__ */ jsx32(Box25, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx32(Text28, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
+  return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
+    /* @__PURE__ */ jsxs27(Box26, { children: [
+      /* @__PURE__ */ jsx33(Text29, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
+      overflowed && /* @__PURE__ */ jsxs27(Fragment8, { children: [
+        /* @__PURE__ */ jsx33(Box26, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx33(Text29, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
     children
@@ -23409,7 +23425,7 @@ function ScrollablePanel({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/JsonPanel.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function highlightJson(line) {
   const parts = [];
   let remaining = line;
@@ -23447,7 +23463,7 @@ function highlightJson(line) {
     parts.push({ text: remaining[0] });
     remaining = remaining.slice(1);
   }
-  return /* @__PURE__ */ jsx33(HighlightedLine, { parts });
+  return /* @__PURE__ */ jsx34(HighlightedLine, { parts });
 }
 function truncateLine(line, maxWidth) {
   if (line.length <= maxWidth) return line;
@@ -23460,7 +23476,7 @@ function JsonPanel({ label, value, scrollOffset, width, height, active }) {
   const totalLines = allLines.length;
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + height);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     ScrollablePanel,
     {
       title: label,
@@ -23473,14 +23489,14 @@ function JsonPanel({ label, value, scrollOffset, width, height, active }) {
       borderColor: active ? "white" : void 0,
       children: visibleLines.map((line, i) => {
         const truncated = truncateLine(line, innerWidth);
-        return /* @__PURE__ */ jsx33(Box26, { children: highlightJson(truncated) }, i);
+        return /* @__PURE__ */ jsx34(Box27, { children: highlightJson(truncated) }, i);
       })
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationalePanel.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function renderRationaleLines(rows, innerWidth) {
   const out = [];
   rows.forEach((row, idx) => {
@@ -23513,7 +23529,7 @@ function RationalePanel({
   const visible = allLines.slice(scrollOffset, scrollOffset + height);
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + height);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     ScrollablePanel,
     {
       title: `RATIONALE \u2014 ${componentName}`,
@@ -23524,15 +23540,15 @@ function RationalePanel({
       visibleStart,
       visibleEnd,
       borderColor: active ? PALETTE.text : void 0,
-      children: visible.map((line, i) => /* @__PURE__ */ jsx34(RationaleLine, { line, active }, i))
+      children: visible.map((line, i) => /* @__PURE__ */ jsx35(RationaleLine, { line, active }, i))
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/TokenReviewPanel.tsx
 import figures6 from "figures";
-import { Box as Box27, Text as Text29 } from "ink";
-import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Box as Box28, Text as Text30 } from "ink";
+import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
 function TokenReviewPanel({
   componentName,
   suggestions,
@@ -23551,8 +23567,8 @@ function TokenReviewPanel({
     const scrollStart = Math.max(0, Math.min(editCursor - Math.floor(visibleCount / 2), maxStart));
     const visiblePaths = current.paths.slice(scrollStart, scrollStart + visibleCount);
     const rangeLabel = current.paths.length === 0 ? "no compatible tokens" : `${scrollStart + 1}-${scrollStart + visiblePaths.length} of ${current.paths.length}`;
-    return /* @__PURE__ */ jsxs27(
-      Box27,
+    return /* @__PURE__ */ jsxs28(
+      Box28,
       {
         flexDirection: "column",
         width,
@@ -23560,16 +23576,16 @@ function TokenReviewPanel({
         borderStyle: "single",
         borderColor: active ? PALETTE.text : void 0,
         children: [
-          /* @__PURE__ */ jsx35(Text29, { bold: true, color: active ? void 0 : PALETTE.muted, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
-          /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
-          /* @__PURE__ */ jsx35(Text29, { children: " " }),
-          current.paths.length === 0 && /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, children: "(no compatible tokens found for this token kind)" }),
+          /* @__PURE__ */ jsx36(Text30, { bold: true, color: active ? void 0 : PALETTE.muted, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
+          /* @__PURE__ */ jsx36(Text30, { color: PALETTE.muted, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
+          /* @__PURE__ */ jsx36(Text30, { children: " " }),
+          current.paths.length === 0 && /* @__PURE__ */ jsx36(Text30, { color: PALETTE.muted, children: "(no compatible tokens found for this token kind)" }),
           visiblePaths.map((path5, i) => {
             const pathIndex = scrollStart + i;
             const checked = editSelection.has(path5);
             const focused = pathIndex === editCursor;
-            return /* @__PURE__ */ jsx35(Box27, { children: /* @__PURE__ */ jsx35(
-              Text29,
+            return /* @__PURE__ */ jsx36(Box28, { children: /* @__PURE__ */ jsx36(
+              Text30,
               {
                 color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted,
                 bold: focused,
@@ -23578,15 +23594,15 @@ function TokenReviewPanel({
               }
             ) }, path5);
           }),
-          /* @__PURE__ */ jsx35(Text29, { children: " " }),
-          /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
-          /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
+          /* @__PURE__ */ jsx36(Text30, { children: " " }),
+          /* @__PURE__ */ jsx36(Text30, { color: PALETTE.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
+          /* @__PURE__ */ jsx36(Text30, { color: PALETTE.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs27(
-    Box27,
+  return /* @__PURE__ */ jsxs28(
+    Box28,
     {
       flexDirection: "column",
       width,
@@ -23594,25 +23610,25 @@ function TokenReviewPanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__PURE__ */ jsx35(Text29, { bold: true, color: active ? void 0 : PALETTE.muted, children: `TOKEN REVIEW \u2014 ${componentName}` }),
-        suggestions.length === 0 && /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
+        /* @__PURE__ */ jsx36(Text30, { bold: true, color: active ? void 0 : PALETTE.muted, children: `TOKEN REVIEW \u2014 ${componentName}` }),
+        suggestions.length === 0 && /* @__PURE__ */ jsx36(Text30, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
-          return /* @__PURE__ */ jsxs27(Box27, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx35(Box27, { children: /* @__PURE__ */ jsx35(Text29, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures6.pointer : " "} ${s.propName}` }) }),
-            /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
-            /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, children: `  allowed: ${s.allowed.join(", ")}` })
+          return /* @__PURE__ */ jsxs28(Box28, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx36(Box28, { children: /* @__PURE__ */ jsx36(Text30, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures6.pointer : " "} ${s.propName}` }) }),
+            /* @__PURE__ */ jsx36(Text30, { color: PALETTE.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
+            /* @__PURE__ */ jsx36(Text30, { color: PALETTE.muted, children: `  allowed: ${s.allowed.join(", ")}` })
           ] }, s.propName);
         }),
-        /* @__PURE__ */ jsx35(Text29, { children: " " }),
-        /* @__PURE__ */ jsx35(Text29, { children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
+        /* @__PURE__ */ jsx36(Text30, { children: " " }),
+        /* @__PURE__ */ jsx36(Text30, { children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
       ]
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/review-details-panel.tsx
-import { Fragment as Fragment8, jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
 function ReviewDetailsPanel({
   selectedKey,
   panelOpen,
@@ -23647,7 +23663,7 @@ function ReviewDetailsPanel({
         rationale: s.rationale ?? ""
       }))
     ];
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       RationalePanel,
       {
         componentName: componentRationale?.name ?? selectedKey,
@@ -23660,7 +23676,7 @@ function ReviewDetailsPanel({
     );
   }
   if (panelOpen === "component-rationale") {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       ComponentRationalePanel,
       {
         data: componentRationale ?? {
@@ -23685,14 +23701,14 @@ function ReviewDetailsPanel({
     const headerPath = path5 ?? "<unknown source path>";
     const sourceLineCount = Math.max(1, height - 4);
     const lines = source ? source.split("\n").slice(panelScrollOffset, panelScrollOffset + sourceLineCount) : [];
-    return /* @__PURE__ */ jsxs28(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx36(Text30, { color: PALETTE.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
-      source ? lines.map((line, index) => /* @__PURE__ */ jsx36(Text30, { color: PALETTE.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx36(Text30, { color: PALETTE.muted, children: "(no source captured)" }),
-      /* @__PURE__ */ jsx36(Text30, { color: PALETTE.muted, wrap: "truncate-end", children: "[s/Esc] close" })
+    return /* @__PURE__ */ jsxs29(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
+      /* @__PURE__ */ jsx37(Text31, { color: PALETTE.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
+      source ? lines.map((line, index) => /* @__PURE__ */ jsx37(Text31, { color: PALETTE.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx37(Text31, { color: PALETTE.muted, children: "(no source captured)" }),
+      /* @__PURE__ */ jsx37(Text31, { color: PALETTE.muted, wrap: "truncate-end", children: "[s/Esc] close" })
     ] });
   }
   if (panelOpen === "token-review") {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       TokenReviewPanel,
       {
         componentName: selectedKey,
@@ -23708,7 +23724,7 @@ function ReviewDetailsPanel({
     );
   }
   if (showJson) {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       JsonPanel,
       {
         label: "GENERATED DEFINITION (read-only)",
@@ -23720,11 +23736,11 @@ function ReviewDetailsPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsx36(Fragment8, { children: editor });
+  return /* @__PURE__ */ jsx37(Fragment9, { children: editor });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDetailsEditor.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 import { createElement } from "react";
 function toFieldEditorMetadata(reviewMetadata) {
   if (!reviewMetadata) return void 0;
@@ -23758,7 +23774,7 @@ function ReviewDetailsEditor({
     jsonScrollOffset,
     currentTokenSuggestions
   } = reviewEditor;
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     ReviewDetailsPanel,
     {
       selectedKey,
@@ -23798,7 +23814,7 @@ function ReviewDetailsEditor({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewComponentPanel.tsx
-import { Fragment as Fragment9, jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
 function buildReviewFieldEditor(reviewEditor, selectedJson, onExit, overrides = {}) {
   return {
     value: reviewEditor.draftValue || selectedJson,
@@ -23838,17 +23854,17 @@ function ReviewEmptyComponentsWarning({
   hidden
 }) {
   if (hidden || count === 0) return null;
-  return /* @__PURE__ */ jsx38(Text31, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
+  return /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx38(Box28, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx39(Box29, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
   hidden
 }) {
   if (hidden || !message) return null;
-  return /* @__PURE__ */ jsx38(Text31, { color: PALETTE.error, children: `\u26A0 ${message}` });
+  return /* @__PURE__ */ jsx39(Text32, { color: PALETTE.error, children: `\u26A0 ${message}` });
 }
 function ReviewPanelFooter({
   reviewEditor,
@@ -23857,10 +23873,10 @@ function ReviewPanelFooter({
   livePreview,
   livePreviewSpinner
 }) {
-  return /* @__PURE__ */ jsxs29(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs30(Fragment10, { children: [
     reviewEditor.panelOpen === "token-review" ? "  [\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" : sidebarFocused ? sidebarFooter : reviewEditor.showJson ? "  [\u2191\u2193] scroll  [Ctrl+u/d] half-page  [gg/G] top/bottom  [Tab] focus list" : "  [Tab] focus list  (edit fields)" + (reviewEditor.currentTokenSuggestions().length > 0 ? "  [t] token review" : ""),
-    livePreview.status === "running" && /* @__PURE__ */ jsx38(Text31, { children: `  ${livePreviewSpinner} live preview` }),
-    livePreview.disabled && /* @__PURE__ */ jsx38(Text31, { children: "  \xB7 live preview disabled" })
+    livePreview.status === "running" && /* @__PURE__ */ jsx39(Text32, { children: `  ${livePreviewSpinner} live preview` }),
+    livePreview.disabled && /* @__PURE__ */ jsx39(Text32, { children: "  \xB7 live preview disabled" })
   ] });
 }
 function ReviewComponentTitle({
@@ -23869,10 +23885,10 @@ function ReviewComponentTitle({
   slotCount,
   sidebarFocused
 }) {
-  return /* @__PURE__ */ jsxs29(Box28, { paddingLeft: 2, paddingBottom: 1, children: [
-    /* @__PURE__ */ jsx38(Text31, { bold: true, wrap: "truncate-end", children: selectedKey }),
-    /* @__PURE__ */ jsx38(Box28, { flexGrow: 1 }),
-    /* @__PURE__ */ jsxs29(Text31, { color: PALETTE.muted, wrap: "truncate-end", children: [
+  return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, paddingBottom: 1, children: [
+    /* @__PURE__ */ jsx39(Text32, { bold: true, wrap: "truncate-end", children: selectedKey }),
+    /* @__PURE__ */ jsx39(Box29, { flexGrow: 1 }),
+    /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.muted, wrap: "truncate-end", children: [
       propCount,
       " prop",
       propCount !== 1 ? "s" : "",
@@ -23903,8 +23919,8 @@ function ReviewComponentPanel({
   const slotCount = selectedEntry.$slots ? Object.keys(selectedEntry.$slots).length : 0;
   const contentHeight = Math.max(1, height - 2);
   const contentWidth = Math.max(1, width - 1);
-  return /* @__PURE__ */ jsx38(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
-    /* @__PURE__ */ jsx38(Box28, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
+    /* @__PURE__ */ jsx39(Box29, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx39(
       ReviewDetailsEditor,
       {
         selectedKey,
@@ -23917,7 +23933,7 @@ function ReviewComponentPanel({
         jsonValue,
         sidebarFocused,
         fieldEditor,
-        header: /* @__PURE__ */ jsx38(
+        header: /* @__PURE__ */ jsx39(
           ReviewComponentTitle,
           {
             selectedKey,
@@ -23928,8 +23944,8 @@ function ReviewComponentPanel({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx38(Box28, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx38(Text31, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
-    /* @__PURE__ */ jsx38(Box28, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(Box29, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx39(Text32, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
+    /* @__PURE__ */ jsx39(Box29, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx39(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -23943,8 +23959,8 @@ function ReviewComponentPanel({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewStatus.tsx
-import { Box as Box29, Text as Text32 } from "ink";
-import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Box as Box30, Text as Text33 } from "ink";
+import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
 function countReviewStatuses(entries) {
   return entries.reduce(
     (counts, entry) => {
@@ -23957,13 +23973,13 @@ function countReviewStatuses(entries) {
   );
 }
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx39(Box29, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx40(Box30, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
-  return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx39(Text32, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx39(Text32, { children: " " }),
-    /* @__PURE__ */ jsx39(Text32, { children: "[q / Enter / Esc] Quit" })
+  return /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx40(Text33, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx40(Text33, { children: " " }),
+    /* @__PURE__ */ jsx40(Text33, { children: "[q / Enter / Esc] Quit" })
   ] });
 }
 
@@ -24163,8 +24179,8 @@ async function runLivePreview(opts) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FinalizeDialog.tsx
-import { Box as Box30, Text as Text33 } from "ink";
-import { Fragment as Fragment10, jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Box as Box31, Text as Text34 } from "ink";
+import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
 var FINALIZE_REMOVED_WINDOW = 6;
 function FinalizeDialog({
   accepted,
@@ -24193,51 +24209,51 @@ function FinalizeDialog({
   const windowed = removed.slice(offset, offset + FINALIZE_REMOVED_WINDOW);
   const hasMoreBelow = offset + FINALIZE_REMOVED_WINDOW < removed.length;
   const hasMoreAbove = offset > 0;
-  return /* @__PURE__ */ jsx40(Box30, { width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", alignItems: "center", borderStyle: "round", padding: 1, width: 58, children: [
-    /* @__PURE__ */ jsx40(Text33, { bold: true, children: "\u2500".repeat(22) + " Finalize " + "\u2500".repeat(22) }),
-    /* @__PURE__ */ jsx40(Text33, { children: " " }),
-    /* @__PURE__ */ jsxs31(Text33, { children: [
-      /* @__PURE__ */ jsxs31(Text33, { color: PALETTE.success, children: [
+  return /* @__PURE__ */ jsx41(Box31, { width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", alignItems: "center", borderStyle: "round", padding: 1, width: 58, children: [
+    /* @__PURE__ */ jsx41(Text34, { bold: true, children: "\u2500".repeat(22) + " Finalize " + "\u2500".repeat(22) }),
+    /* @__PURE__ */ jsx41(Text34, { children: " " }),
+    /* @__PURE__ */ jsxs32(Text34, { children: [
+      /* @__PURE__ */ jsxs32(Text34, { color: PALETTE.success, children: [
         accepted,
         " accepted"
       ] }),
-      /* @__PURE__ */ jsx40(Text33, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs31(Text33, { color: PALETTE.error, children: [
+      /* @__PURE__ */ jsx41(Text34, { children: " \xB7 " }),
+      /* @__PURE__ */ jsxs32(Text34, { color: PALETTE.error, children: [
         rejected,
         " rejected"
       ] }),
-      /* @__PURE__ */ jsx40(Text33, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs31(Text33, { color: PALETTE.muted, children: [
+      /* @__PURE__ */ jsx41(Text34, { children: " \xB7 " }),
+      /* @__PURE__ */ jsxs32(Text34, { color: PALETTE.muted, children: [
         needsReview,
         " unresolved"
       ] })
     ] }),
-    /* @__PURE__ */ jsx40(Text33, { children: " " }),
-    noneAccepted && /* @__PURE__ */ jsxs31(Fragment10, { children: [
-      /* @__PURE__ */ jsx40(Text33, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
-      /* @__PURE__ */ jsx40(Text33, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
-      /* @__PURE__ */ jsx40(Text33, { children: " " })
+    /* @__PURE__ */ jsx41(Text34, { children: " " }),
+    noneAccepted && /* @__PURE__ */ jsxs32(Fragment11, { children: [
+      /* @__PURE__ */ jsx41(Text34, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
+      /* @__PURE__ */ jsx41(Text34, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
+      /* @__PURE__ */ jsx41(Text34, { children: " " })
     ] }),
-    !allResolved && /* @__PURE__ */ jsxs31(Fragment10, { children: [
-      /* @__PURE__ */ jsx40(Text33, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
-      /* @__PURE__ */ jsx40(Text33, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
-      /* @__PURE__ */ jsx40(Text33, { children: " " })
+    !allResolved && /* @__PURE__ */ jsxs32(Fragment11, { children: [
+      /* @__PURE__ */ jsx41(Text34, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
+      /* @__PURE__ */ jsx41(Text34, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
+      /* @__PURE__ */ jsx41(Text34, { children: " " })
     ] }),
-    /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", height: 2, children: [
-      previewStatus === "running" ? /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx40(Text33, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx40(Text33, { children: " " }),
-      /* @__PURE__ */ jsx40(Text33, { children: " " })
+    /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", height: 2, children: [
+      previewStatus === "running" ? /* @__PURE__ */ jsx41(Text34, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx41(Text34, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx41(Text34, { children: " " }),
+      /* @__PURE__ */ jsx41(Text34, { children: " " })
     ] }),
-    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs31(Fragment10, { children: [
-      /* @__PURE__ */ jsx40(Text33, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
-      hasMoreAbove && /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, children: "\u2191 more above" }),
-      windowed.map((rc) => /* @__PURE__ */ jsx40(Text33, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
-      hasMoreBelow && /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, children: "\u2193 more below" }),
-      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx40(Text33, { children: "[\u2191\u2193] scroll deletions" }),
-      /* @__PURE__ */ jsx40(Text33, { children: " " })
+    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs32(Fragment11, { children: [
+      /* @__PURE__ */ jsx41(Text34, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
+      hasMoreAbove && /* @__PURE__ */ jsx41(Text34, { color: PALETTE.muted, children: "\u2191 more above" }),
+      windowed.map((rc) => /* @__PURE__ */ jsx41(Text34, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
+      hasMoreBelow && /* @__PURE__ */ jsx41(Text34, { color: PALETTE.muted, children: "\u2193 more below" }),
+      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx41(Text34, { children: "[\u2191\u2193] scroll deletions" }),
+      /* @__PURE__ */ jsx41(Text34, { children: " " })
     ] }),
-    /* @__PURE__ */ jsx40(Text33, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
-    /* @__PURE__ */ jsx40(Text33, { children: " " }),
-    /* @__PURE__ */ jsx40(Text33, { children: "[y / Enter]  Confirm    [n / Esc]  Cancel" })
+    /* @__PURE__ */ jsx41(Text34, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
+    /* @__PURE__ */ jsx41(Text34, { children: " " }),
+    /* @__PURE__ */ jsx41(Text34, { children: "[y / Enter]  Confirm    [n / Esc]  Cancel" })
   ] }) });
 }
 
@@ -24642,11 +24658,11 @@ function useReviewSurfaceState(initialFinalizeError = null) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDialogs.tsx
-import { Box as Box32, Text as Text35 } from "ink";
+import { Box as Box33, Text as Text36 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/QuitDialog.tsx
-import { Box as Box31, Text as Text34 } from "ink";
-import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Box as Box32, Text as Text35 } from "ink";
+import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
 function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
   useImmediateInput((input, key) => {
     if (input === "y" || key.return) {
@@ -24655,21 +24671,21 @@ function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
       onCancel();
     }
   });
-  return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
-    /* @__PURE__ */ jsx41(Text34, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
-    /* @__PURE__ */ jsx41(Text34, { children: " " }),
-    hasUnsavedDrafts ? /* @__PURE__ */ jsxs32(Fragment11, { children: [
-      /* @__PURE__ */ jsx41(Text34, { children: "You have unsaved draft edits." }),
-      /* @__PURE__ */ jsx41(Text34, { children: "Session state is preserved \u2014 you can resume" }),
-      /* @__PURE__ */ jsx41(Text34, { children: "by running the same review command again." })
-    ] }) : /* @__PURE__ */ jsx41(Text34, { children: "Session is saved. Quit without finalizing?" }),
-    /* @__PURE__ */ jsx41(Text34, { children: " " }),
-    /* @__PURE__ */ jsx41(Text34, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
+  return /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
+    /* @__PURE__ */ jsx42(Text35, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
+    /* @__PURE__ */ jsx42(Text35, { children: " " }),
+    hasUnsavedDrafts ? /* @__PURE__ */ jsxs33(Fragment12, { children: [
+      /* @__PURE__ */ jsx42(Text35, { children: "You have unsaved draft edits." }),
+      /* @__PURE__ */ jsx42(Text35, { children: "Session state is preserved \u2014 you can resume" }),
+      /* @__PURE__ */ jsx42(Text35, { children: "by running the same review command again." })
+    ] }) : /* @__PURE__ */ jsx42(Text35, { children: "Session is saved. Quit without finalizing?" }),
+    /* @__PURE__ */ jsx42(Text35, { children: " " }),
+    /* @__PURE__ */ jsx42(Text35, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDialogs.tsx
-import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
 function ReviewFinalizeDialogs({
   showFinalize,
   showQuit,
@@ -24683,8 +24699,8 @@ function ReviewFinalizeDialogs({
   onQuitCancel
 }) {
   const { accepted, rejected, needsReview } = countReviewStatuses(components);
-  return /* @__PURE__ */ jsxs33(Fragment12, { children: [
-    showFinalize && /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs34(Fragment13, { children: [
+    showFinalize && /* @__PURE__ */ jsx43(
       FinalizeDialog,
       {
         accepted,
@@ -24697,7 +24713,7 @@ function ReviewFinalizeDialogs({
         onCancel: onFinalizeCancel
       }
     ),
-    showQuit && /* @__PURE__ */ jsx42(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
+    showQuit && /* @__PURE__ */ jsx43(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
   ] });
 }
 function ReviewStepDialogs({
@@ -24707,7 +24723,7 @@ function ReviewStepDialogs({
   onFinalize,
   onQuit
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     ReviewFinalizeDialogs,
     {
       showFinalize: surfaceState.showFinalize,
@@ -24725,12 +24741,12 @@ function ReviewStepDialogs({
 }
 function ReviewReloadDialog({ open }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx42(Text35, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
-    /* @__PURE__ */ jsx42(Text35, { children: "Unsaved in-memory changes will be lost." }),
-    /* @__PURE__ */ jsx42(Text35, { children: " " }),
-    /* @__PURE__ */ jsx42(Text35, { children: "  [Enter]  Confirm" }),
-    /* @__PURE__ */ jsx42(Text35, { children: "  [Esc]    Cancel" })
+  return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
+    /* @__PURE__ */ jsx43(Text36, { children: "Unsaved in-memory changes will be lost." }),
+    /* @__PURE__ */ jsx43(Text36, { children: " " }),
+    /* @__PURE__ */ jsx43(Text36, { children: "  [Enter]  Confirm" }),
+    /* @__PURE__ */ jsx43(Text36, { children: "  [Esc]    Cancel" })
   ] });
 }
 
@@ -25097,8 +25113,8 @@ function useReviewPreview({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/LivePreviewSummary.tsx
-import { Box as Box33, Text as Text36 } from "ink";
-import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Box as Box34, Text as Text37 } from "ink";
+import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
 function LivePreviewSummary({
   enabled,
   previewAnnotations,
@@ -25112,24 +25128,24 @@ function LivePreviewSummary({
   const counts = { new: 0, changed: 0, removed: 0, breaking: 0 };
   for (const annotation of previewAnnotations.values()) counts[annotation] += 1;
   const hasCounts = counts.new + counts.changed + counts.removed + counts.breaking > 0;
-  if (disabled) return /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
-  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
+  if (disabled) return /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
+  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
   if (!hasCounts) return null;
-  return /* @__PURE__ */ jsxs34(Box33, { children: [
-    /* @__PURE__ */ jsx43(Text36, { children: "Preview: " }),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.success, children: `${counts.new} new` }),
-    /* @__PURE__ */ jsx43(Text36, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.warning, children: `${counts.changed} changed` }),
-    /* @__PURE__ */ jsx43(Text36, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: `${counts.removed} removed` }),
-    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx43(Text36, { children: " ([d] removed list)" }),
-    /* @__PURE__ */ jsx43(Text36, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
+  return /* @__PURE__ */ jsxs35(Box34, { children: [
+    /* @__PURE__ */ jsx44(Text37, { children: "Preview: " }),
+    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.success, children: `${counts.new} new` }),
+    /* @__PURE__ */ jsx44(Text37, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.warning, children: `${counts.changed} changed` }),
+    /* @__PURE__ */ jsx44(Text37, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: `${counts.removed} removed` }),
+    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx44(Text37, { children: " ([d] removed list)" }),
+    /* @__PURE__ */ jsx44(Text37, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/generate-review-step.tsx
-import { Fragment as Fragment13, jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
 function sortComponentsForSidebar(components, cycleParticipants) {
   const isEmpty2 = (entry) => Object.keys(entry.$properties ?? {}).length === 0 && Object.keys(entry.$slots ?? {}).length === 0;
   const tier = (c2) => {
@@ -25170,10 +25186,10 @@ function CyclePathLine({
   highlightComponents = false,
   highlightLine = false
 }) {
-  return /* @__PURE__ */ jsxs35(Text37, { color: highlightLine ? PALETTE.warning : void 0, children: [
+  return /* @__PURE__ */ jsxs36(Text38, { color: highlightLine ? PALETTE.warning : void 0, children: [
     prefix,
     segments.map(
-      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx44(Text37, { color: PALETTE.accent, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: segment.text }, index) : /* @__PURE__ */ jsx44(Text37, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
+      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx45(Text38, { color: PALETTE.accent, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: segment.text }, index) : /* @__PURE__ */ jsx45(Text38, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
     )
   ] });
 }
@@ -25185,31 +25201,31 @@ function CycleDetailPanel({
   height
 }) {
   const lines = [
-    /* @__PURE__ */ jsx44(Text37, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
-    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
-    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
-    /* @__PURE__ */ jsx44(Text37, { children: " " }, "cyc-space")
+    /* @__PURE__ */ jsx45(Text38, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
+    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
+    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
+    /* @__PURE__ */ jsx45(Text38, { children: " " }, "cyc-space")
   ];
   cycles.forEach((cycle, index) => {
     const nodeCount = new Set(cycle.path).size;
     const isCursor = index === cursor;
     lines.push(
-      /* @__PURE__ */ jsx44(Text37, { bold: true, inverse: isCursor, children: `${isCursor ? figures7.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
-      /* @__PURE__ */ jsx44(CyclePathLine, { segments: formatCyclePathSegments2(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
+      /* @__PURE__ */ jsx45(Text38, { bold: true, inverse: isCursor, children: `${isCursor ? figures7.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
+      /* @__PURE__ */ jsx45(CyclePathLine, { segments: formatCyclePathSegments2(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
     );
     if (cycle.suggestedBreak) {
       lines.push(
-        /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
+        /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
       );
     }
-    lines.push(/* @__PURE__ */ jsx44(Text37, { children: " " }, `cyc-s-${index}`));
+    lines.push(/* @__PURE__ */ jsx45(Text38, { children: " " }, `cyc-s-${index}`));
   });
   const footer = "[\u2191\u2193] move  [Enter] fix cycle  [c/q/Esc] close";
   const viewportHeight = Math.max(1, height - 3);
   const visible = lines.slice(scrollOffset, scrollOffset + viewportHeight - 1);
-  return /* @__PURE__ */ jsxs35(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
+  return /* @__PURE__ */ jsxs36(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
     visible,
-    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: footer })
+    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: footer })
   ] });
 }
 function BreakCyclePanel({
@@ -25220,14 +25236,14 @@ function BreakCyclePanel({
   width,
   height
 }) {
-  return /* @__PURE__ */ jsxs35(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
-    /* @__PURE__ */ jsx44(Text37, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
-    cycle && /* @__PURE__ */ jsx44(CyclePathLine, { segments: formatCyclePathSegments2(cycle), prefix: "  ", highlightComponents: true }),
-    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
-    /* @__PURE__ */ jsx44(Text37, { children: " " }),
-    edges.length > 0 && /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: "remove slot edge:" }),
-    edges.map((edge, index) => /* @__PURE__ */ jsx44(Text37, { inverse: index === cursor, children: `${index === cursor ? figures7.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
-    confirming ? /* @__PURE__ */ jsx44(Text37, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx44(Text37, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
+  return /* @__PURE__ */ jsxs36(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
+    /* @__PURE__ */ jsx45(Text38, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
+    cycle && /* @__PURE__ */ jsx45(CyclePathLine, { segments: formatCyclePathSegments2(cycle), prefix: "  ", highlightComponents: true }),
+    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
+    /* @__PURE__ */ jsx45(Text38, { children: " " }),
+    edges.length > 0 && /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: "remove slot edge:" }),
+    edges.map((edge, index) => /* @__PURE__ */ jsx45(Text38, { inverse: index === cursor, children: `${index === cursor ? figures7.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
+    confirming ? /* @__PURE__ */ jsx45(Text38, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx45(Text38, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
   ] });
 }
 var HELP_SECTIONS2 = [
@@ -25333,9 +25349,9 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    return /* @__PURE__ */ jsx44(Box34, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx44(Text37, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
+    return /* @__PURE__ */ jsx45(Box35, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx45(Text38, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
   }
-  return /* @__PURE__ */ jsx44(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
+  return /* @__PURE__ */ jsx45(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
 function GenerateReviewStepView({
   extractSessionId,
@@ -26192,13 +26208,13 @@ function GenerateReviewStepView({
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx44(ReviewLoadingState, {});
+    return /* @__PURE__ */ jsx45(ReviewLoadingState, {});
   }
   if (loadError) {
-    return /* @__PURE__ */ jsx44(ReviewLoadError, { message: loadError });
+    return /* @__PURE__ */ jsx45(ReviewLoadError, { message: loadError });
   }
   if (showHelp) {
-    return /* @__PURE__ */ jsx44(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
+    return /* @__PURE__ */ jsx45(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
   }
   const { selected, selectedJson, visibleJsonPanelValue } = getReviewSelectionState(
     components,
@@ -26238,8 +26254,8 @@ function GenerateReviewStepView({
     for (const c2 of closures.values()) if (c2.nodes.length > 1) return true;
     return false;
   })();
-  return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx45(
       ReviewStepDialogs,
       {
         surfaceState: reviewSurface,
@@ -26249,16 +26265,16 @@ function GenerateReviewStepView({
         onQuit
       }
     ),
-    /* @__PURE__ */ jsx44(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
-    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
-      /* @__PURE__ */ jsx44(Text37, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
-      !removedBannerCollapsed && /* @__PURE__ */ jsxs35(Fragment13, { children: [
-        /* @__PURE__ */ jsx44(Text37, { children: " " }),
-        removedComponents.map((rc) => /* @__PURE__ */ jsx44(Text37, { children: removedComponentLine(rc) }, rc.id))
+    /* @__PURE__ */ jsx45(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
+    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
+      /* @__PURE__ */ jsx45(Text38, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
+      !removedBannerCollapsed && /* @__PURE__ */ jsxs36(Fragment14, { children: [
+        /* @__PURE__ */ jsx45(Text38, { children: " " }),
+        removedComponents.map((rc) => /* @__PURE__ */ jsx45(Text38, { children: removedComponentLine(rc) }, rc.id))
       ] })
     ] }),
-    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx44(Box34, { paddingX: 1, children: /* @__PURE__ */ jsx44(
-      Text37,
+    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx45(Box35, { paddingX: 1, children: /* @__PURE__ */ jsx45(
+      Text38,
       {
         color: PALETTE.warning,
         children: `[b] ${breakingChanges.length} breaking change${breakingChanges.length === 1 ? "" : "s"}`
@@ -26268,14 +26284,14 @@ function GenerateReviewStepView({
       const row = breakingRows[breakingCursor];
       const comp = row ? breakingChanges.find((b) => b.componentName === row.componentName) : void 0;
       if (!comp) return null;
-      return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx44(Text37, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
-        comp.impact && /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
-        comp.changes.length === 0 ? /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx44(Text37, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
-        /* @__PURE__ */ jsx44(Text37, { children: "[D/Esc] close detail" })
+      return /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+        /* @__PURE__ */ jsx45(Text38, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
+        comp.impact && /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
+        comp.changes.length === 0 ? /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx45(Text38, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
+        /* @__PURE__ */ jsx45(Text38, { children: "[D/Esc] close detail" })
       ] });
     })(),
-    !dialogOpen && /* @__PURE__ */ jsx44(
+    !dialogOpen && /* @__PURE__ */ jsx45(
       LivePreviewSummary,
       {
         enabled: livePreview,
@@ -26294,16 +26310,16 @@ function GenerateReviewStepView({
       const participantSet = cycleView.structural;
       const members = stillRejected.filter((n) => participantSet.has(n)).sort();
       const ancestors = stillRejected.filter((n) => !participantSet.has(n)).sort();
-      return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
-        /* @__PURE__ */ jsx44(Text37, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
-        members.length > 0 && /* @__PURE__ */ jsx44(Text37, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
-        ancestors.length > 0 && /* @__PURE__ */ jsx44(Text37, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
-        /* @__PURE__ */ jsx44(Text37, { color: PALETTE.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
+      return /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
+        /* @__PURE__ */ jsx45(Text38, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
+        members.length > 0 && /* @__PURE__ */ jsx45(Text38, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
+        ancestors.length > 0 && /* @__PURE__ */ jsx45(Text38, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
+        /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
       ] });
     })(),
-    /* @__PURE__ */ jsx44(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
-    /* @__PURE__ */ jsx44(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
-    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
+    /* @__PURE__ */ jsx45(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
+    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx45(
       BreakCyclePanel,
       {
         cycle: cycleRows[cyclesCursor],
@@ -26314,7 +26330,7 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx44(
+    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx45(
       CycleDetailPanel,
       {
         cycles: cycleRows,
@@ -26324,8 +26340,8 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs35(Box34, { children: [
-      breakingPanel.isOpen ? /* @__PURE__ */ jsx44(
+    !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs36(Box35, { children: [
+      breakingPanel.isOpen ? /* @__PURE__ */ jsx45(
         GotoBanner,
         {
           title: `Breaking changes \u2014 ${breakingRows[breakingCursor]?.componentName ?? "unknown component"}`,
@@ -26338,7 +26354,7 @@ function GenerateReviewStepView({
           width: sidebarWidth,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [D] detail \xB7 [Esc] close"
         }
-      ) : /* @__PURE__ */ jsx44(
+      ) : /* @__PURE__ */ jsx45(
         GroupedSidebar,
         {
           items: groupedItems,
@@ -26379,7 +26395,7 @@ function GenerateReviewStepView({
           graph: sidebarGraph
         }
       ),
-      selected ? /* @__PURE__ */ jsx44(
+      selected ? /* @__PURE__ */ jsx45(
         ReviewComponentPanel,
         {
           selectedKey: selected.key,
@@ -26411,12 +26427,12 @@ function GenerateReviewStepView({
           livePreview: livePreviewHook,
           livePreviewSpinner
         }
-      ) : /* @__PURE__ */ jsx44(ReviewNoSelection, {})
+      ) : /* @__PURE__ */ jsx45(ReviewNoSelection, {})
     ] }),
-    !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx44(Text37, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
+    !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx45(Text38, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
       cycleRows.slice(0, 3).map((cycle, idx) => {
-        return /* @__PURE__ */ jsx44(
+        return /* @__PURE__ */ jsx45(
           CyclePathLine,
           {
             segments: formatCyclePathSegments2(cycle),
@@ -26427,10 +26443,10 @@ function GenerateReviewStepView({
           `cyc-banner-${idx}`
         );
       }),
-      cycleRows.length > 3 && /* @__PURE__ */ jsx44(Text37, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
-      /* @__PURE__ */ jsx44(Text37, { children: "  press [c] for detail" })
+      cycleRows.length > 3 && /* @__PURE__ */ jsx45(Text38, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
+      /* @__PURE__ */ jsx45(Text38, { children: "  press [c] for detail" })
     ] }),
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45(
       SearchMatchSummary,
       {
         open: searchOpen,
@@ -26441,27 +26457,27 @@ function GenerateReviewStepView({
         hidden: dialogOpen
       }
     ),
-    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx44(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
+    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx45(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/CustomPromptBanner.tsx
-import { Box as Box35, Text as Text38 } from "ink";
-import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Box as Box36, Text as Text39 } from "ink";
+import { jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
 function CustomPromptBanner({ generatePromptPath }) {
   if (!generatePromptPath) return null;
-  return /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
-    generatePromptPath ? /* @__PURE__ */ jsxs36(Text38, { color: PALETTE.warning, children: [
+  return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
+    generatePromptPath ? /* @__PURE__ */ jsxs37(Text39, { color: PALETTE.warning, children: [
       "components: ",
       generatePromptPath
     ] }) : null,
-    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/DoneStep.tsx
-import { Box as Box37, Text as Text40 } from "ink";
+import { Box as Box38, Text as Text41 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/contentful-urls.ts
 function normalizeHost(host) {
@@ -26477,32 +26493,32 @@ function buildPostPushUrl2({ host, spaceId, environmentId, view = "components" }
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/SpaceEnvironment.tsx
-import { Box as Box36, Text as Text39 } from "ink";
-import { jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Box as Box37, Text as Text40 } from "ink";
+import { jsx as jsx47, jsxs as jsxs38 } from "react/jsx-runtime";
 function SpaceEnvironment({ spaceId, environmentId }) {
-  return /* @__PURE__ */ jsxs37(Box36, { gap: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.muted, children: "Space:" }),
-    /* @__PURE__ */ jsx46(Text39, { children: spaceId }),
-    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.muted, children: "/" }),
-    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.muted, children: "Environment:" }),
-    /* @__PURE__ */ jsx46(Text39, { children: environmentId })
+  return /* @__PURE__ */ jsxs38(Box37, { gap: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: "Space:" }),
+    /* @__PURE__ */ jsx47(Text40, { children: spaceId }),
+    /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: "/" }),
+    /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: "Environment:" }),
+    /* @__PURE__ */ jsx47(Text40, { children: environmentId })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/DoneStep.tsx
-import { Fragment as Fragment14, jsx as jsx47, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
 var ACTIONS = ["created", "updated", "removed"];
 function EntityRows({ entity, label }) {
   const plural3 = (n) => `${n} ${label}${n !== 1 ? "s" : ""}`;
-  return /* @__PURE__ */ jsxs38(Fragment14, { children: [
-    ACTIONS.filter((action) => entity[action] > 0).map((action) => /* @__PURE__ */ jsxs38(Text40, { children: [
-      /* @__PURE__ */ jsx47(Text40, { color: PALETTE.success, children: "\u2713" }),
+  return /* @__PURE__ */ jsxs39(Fragment15, { children: [
+    ACTIONS.filter((action) => entity[action] > 0).map((action) => /* @__PURE__ */ jsxs39(Text41, { children: [
+      /* @__PURE__ */ jsx48(Text41, { color: PALETTE.success, children: "\u2713" }),
       " ",
       plural3(entity[action]),
       " ",
       action
     ] }, action)),
-    entity.failed > 0 && /* @__PURE__ */ jsxs38(Text40, { color: PALETTE.error, children: [
+    entity.failed > 0 && /* @__PURE__ */ jsxs39(Text41, { color: PALETTE.error, children: [
       "\u2717 ",
       plural3(entity.failed),
       " failed \u2014 check logs above"
@@ -26510,9 +26526,9 @@ function EntityRows({ entity, label }) {
   ] });
 }
 function LinkRow({ title, url }) {
-  return /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: title }),
-    /* @__PURE__ */ jsx47(Text40, { color: PALETTE.accent, children: url })
+  return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx48(Text41, { color: PALETTE.muted, children: title }),
+    /* @__PURE__ */ jsx48(Text41, { color: PALETTE.accent, children: url })
   ] });
 }
 function DoneStep({
@@ -26534,27 +26550,27 @@ function DoneStep({
   const totalPushed = componentTypes.created + componentTypes.updated + componentTypes.removed + designTokens.created + designTokens.updated + designTokens.removed;
   const success = totalFailed === 0;
   const urlArgs = { host: host ?? "api.contentful.com", spaceId, environmentId };
-  return /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    success ? /* @__PURE__ */ jsx47(Text40, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx47(Text40, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
-    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx47(EntityRows, { entity: componentTypes, label: "Component Type" }),
-      /* @__PURE__ */ jsx47(EntityRows, { entity: designTokens, label: "Design Token" }),
-      summary && /* @__PURE__ */ jsx47(Box37, { marginTop: 1, children: /* @__PURE__ */ jsxs38(Text40, { color: PALETTE.muted, children: [
+  return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    success ? /* @__PURE__ */ jsx48(Text41, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx48(Text41, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
+    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx48(Text41, { color: PALETTE.muted, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx48(EntityRows, { entity: componentTypes, label: "Component Type" }),
+      /* @__PURE__ */ jsx48(EntityRows, { entity: designTokens, label: "Design Token" }),
+      summary && /* @__PURE__ */ jsx48(Box38, { marginTop: 1, children: /* @__PURE__ */ jsxs39(Text41, { color: PALETTE.muted, children: [
         "Push result: ",
         summary.succeeded,
         "/",
         summary.total,
         " succeeded",
-        summary.failed > 0 && /* @__PURE__ */ jsxs38(Text40, { color: PALETTE.error, children: [
+        summary.failed > 0 && /* @__PURE__ */ jsxs39(Text41, { color: PALETTE.error, children: [
           ", ",
           summary.failed,
           " failed"
         ] })
       ] }) })
     ] }),
-    failures.length > 0 && /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx47(Text40, { bold: true, color: PALETTE.error, children: "Failure details" }),
-      failures.map((failure) => /* @__PURE__ */ jsxs38(Text40, { color: PALETTE.error, children: [
+    failures.length > 0 && /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx48(Text41, { bold: true, color: PALETTE.error, children: "Failure details" }),
+      failures.map((failure) => /* @__PURE__ */ jsxs39(Text41, { color: PALETTE.error, children: [
         failure.entityType,
         " ",
         failure.entityId,
@@ -26562,11 +26578,11 @@ function DoneStep({
         failure.message
       ] }, `${failure.entityType}:${failure.entityId}`))
     ] }),
-    /* @__PURE__ */ jsx47(SpaceEnvironment, { spaceId, environmentId }),
-    success && totalPushed > 0 && /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx47(Text40, { color: PALETTE.success, children: "Your design system is now in Contentful Experiences." }),
-      /* @__PURE__ */ jsx47(LinkRow, { title: "View your components here:", url: buildPostPushUrl2(urlArgs) }),
-      /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx48(SpaceEnvironment, { spaceId, environmentId }),
+    success && totalPushed > 0 && /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", gap: 1, children: [
+      /* @__PURE__ */ jsx48(Text41, { color: PALETTE.success, children: "Your design system is now in Contentful Experiences." }),
+      /* @__PURE__ */ jsx48(LinkRow, { title: "View your components here:", url: buildPostPushUrl2(urlArgs) }),
+      /* @__PURE__ */ jsx48(
         LinkRow,
         {
           title: "View your design tokens here:",
@@ -26574,13 +26590,13 @@ function DoneStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx47(Text40, { children: "[Enter / q] Exit" })
+    /* @__PURE__ */ jsx48(Text41, { children: "[Enter / q] Exit" })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PathPrompt.tsx
 import { useState as useState26 } from "react";
-import { Box as Box38, Text as Text41 } from "ink";
+import { Box as Box39, Text as Text42 } from "ink";
 import { readdirSync as readdirSync3 } from "node:fs";
 import { dirname as dirname15, basename as basename6, join as join20 } from "node:path";
 
@@ -26614,7 +26630,7 @@ function useBlinkingCursor() {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PathPrompt.tsx
-import { jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
 function autocomplete(partial) {
   if (!partial) return null;
   const normalized = normalizePath(partial);
@@ -26671,52 +26687,52 @@ function PathPrompt({
   const shown = input || defaultPath;
   const isPlaceholder = input === "";
   const cursor = cursorVisible ? "\u2588" : " ";
-  return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsxs39(Box38, { gap: 1, children: [
-      /* @__PURE__ */ jsx48(Text41, { color: PALETTE.accent, children: "?" }),
-      /* @__PURE__ */ jsxs39(Text41, { bold: true, children: [
+  return /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs40(Box39, { gap: 1, children: [
+      /* @__PURE__ */ jsx49(Text42, { color: PALETTE.accent, children: "?" }),
+      /* @__PURE__ */ jsxs40(Text42, { bold: true, children: [
         label,
         ":"
       ] }),
-      /* @__PURE__ */ jsx48(Text41, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
-      /* @__PURE__ */ jsx48(Text41, { children: cursor })
+      /* @__PURE__ */ jsx49(Text42, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
+      /* @__PURE__ */ jsx49(Text42, { children: cursor })
     ] }),
-    /* @__PURE__ */ jsxs39(Box38, { gap: 3, children: [
-      /* @__PURE__ */ jsx48(Text41, { children: "[Enter] Confirm" }),
-      /* @__PURE__ */ jsx48(Text41, { children: "[Tab] Autocomplete" }),
-      /* @__PURE__ */ jsx48(Text41, { children: "[Esc] Cancel" })
+    /* @__PURE__ */ jsxs40(Box39, { gap: 3, children: [
+      /* @__PURE__ */ jsx49(Text42, { children: "[Enter] Confirm" }),
+      /* @__PURE__ */ jsx49(Text42, { children: "[Tab] Autocomplete" }),
+      /* @__PURE__ */ jsx49(Text42, { children: "[Esc] Cancel" })
     ] })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PushingStep.tsx
-import { Box as Box40, Text as Text43 } from "ink";
+import { Box as Box41, Text as Text44 } from "ink";
 import { ProgressBar as ProgressBar2, ThemeProvider as ThemeProvider2 } from "@inkjs/ui";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/StepHeader.tsx
-import { Box as Box39, Text as Text42 } from "ink";
-import { jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Box as Box40, Text as Text43 } from "ink";
+import { jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
 function StepHeader({ stepNumber, totalSteps, title }) {
-  return /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsx49(Text42, { color: PALETTE.muted, children: "\u2500".repeat(40) }),
-    /* @__PURE__ */ jsxs40(Box39, { gap: 1, children: [
-      /* @__PURE__ */ jsxs40(Text42, { bold: true, children: [
+  return /* @__PURE__ */ jsxs41(Box40, { flexDirection: "column", gap: 0, children: [
+    /* @__PURE__ */ jsx50(Text43, { color: PALETTE.muted, children: "\u2500".repeat(40) }),
+    /* @__PURE__ */ jsxs41(Box40, { gap: 1, children: [
+      /* @__PURE__ */ jsxs41(Text43, { bold: true, children: [
         "Step ",
         stepNumber,
         " of ",
         totalSteps
       ] }),
-      /* @__PURE__ */ jsx49(Text42, { bold: true, children: "\u2014" }),
-      /* @__PURE__ */ jsx49(Text42, { bold: true, children: title })
+      /* @__PURE__ */ jsx50(Text43, { bold: true, children: "\u2014" }),
+      /* @__PURE__ */ jsx50(Text43, { bold: true, children: title })
     ] }),
-    /* @__PURE__ */ jsx49(Text42, { color: PALETTE.muted, children: "\u2500".repeat(40) })
+    /* @__PURE__ */ jsx50(Text43, { color: PALETTE.muted, children: "\u2500".repeat(40) })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-timed-spinner.tsx
 import { useEffect as useEffect19, useState as useState27 } from "react";
 import { Spinner as Spinner2 } from "@inkjs/ui";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function useTimedSpinner() {
   const [elapsedSeconds, setElapsedSeconds] = useState27(0);
   useEffect19(() => {
@@ -26728,39 +26744,39 @@ function useTimedSpinner() {
   const mins = Math.floor(elapsedSeconds / 60);
   const secs = elapsedSeconds % 60;
   return {
-    spinner: /* @__PURE__ */ jsx50(Spinner2, {}),
+    spinner: /* @__PURE__ */ jsx51(Spinner2, {}),
     elapsed: mins > 0 ? `${mins}m ${secs}s` : `${secs}s`
   };
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PushingStep.tsx
-import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
 function PushingStep({ stepNumber, totalSteps, progress }) {
   const { elapsed } = useTimedSpinner();
   const operationId = progress && progress.kind === "queued" ? progress.operationId : null;
   const showGlobal = progress && progress.kind === "progress";
   const showCurrent = progress && progress.kind === "progress" && progress.current ? progress.current : null;
-  return /* @__PURE__ */ jsxs41(Box40, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx51(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
-    /* @__PURE__ */ jsx51(Text43, { children: "Writing component types and design tokens to your Contentful space..." }),
-    operationId && /* @__PURE__ */ jsxs41(Box40, { gap: 1, children: [
-      /* @__PURE__ */ jsx51(Text43, { color: PALETTE.muted, children: "Operation:" }),
-      /* @__PURE__ */ jsx51(Text43, { children: operationId })
+  return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx52(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
+    /* @__PURE__ */ jsx52(Text44, { children: "Writing component types and design tokens to your Contentful space..." }),
+    operationId && /* @__PURE__ */ jsxs42(Box41, { gap: 1, children: [
+      /* @__PURE__ */ jsx52(Text44, { color: PALETTE.muted, children: "Operation:" }),
+      /* @__PURE__ */ jsx52(Text44, { children: operationId })
     ] }),
-    showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx51(Box40, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs41(Box40, { gap: 2, children: [
-      /* @__PURE__ */ jsx51(Box40, { width: 40, children: /* @__PURE__ */ jsx51(ThemeProvider2, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx51(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
-      /* @__PURE__ */ jsxs41(Text43, { color: PALETTE.muted, children: [
+    showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx52(Box41, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs42(Box41, { gap: 2, children: [
+      /* @__PURE__ */ jsx52(Box41, { width: 40, children: /* @__PURE__ */ jsx52(ThemeProvider2, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx52(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
+      /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.muted, children: [
         progress.processed,
         "/",
         progress.total,
         " entities"
       ] })
     ] }) }),
-    showCurrent && /* @__PURE__ */ jsxs41(Box40, { gap: 1, children: [
-      /* @__PURE__ */ jsx51(Text43, { color: PALETTE.muted, children: "Now processing:" }),
-      /* @__PURE__ */ jsx51(Text43, { children: showCurrent })
+    showCurrent && /* @__PURE__ */ jsxs42(Box41, { gap: 1, children: [
+      /* @__PURE__ */ jsx52(Text44, { color: PALETTE.muted, children: "Now processing:" }),
+      /* @__PURE__ */ jsx52(Text44, { children: showCurrent })
     ] }),
-    /* @__PURE__ */ jsx51(Box40, { marginTop: 1, children: /* @__PURE__ */ jsxs41(Text43, { color: PALETTE.muted, children: [
+    /* @__PURE__ */ jsx52(Box41, { marginTop: 1, children: /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.muted, children: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -26769,7 +26785,7 @@ function PushingStep({ stepNumber, totalSteps, progress }) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx
 import { useEffect as useEffect20, useState as useState28, useMemo as useMemo5 } from "react";
-import { Box as Box41, Text as Text44 } from "ink";
+import { Box as Box42, Text as Text45 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/preview-diff.ts
 function computeComponentDiffLines(current, proposed, changeClassification) {
@@ -26943,7 +26959,7 @@ function usePreviewConfirmationInput(breakingWithImpact, onConfirm) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx
-import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
 function buildPreviewSummaryLines(preview) {
   const lines = [];
   const { components, tokens } = preview;
@@ -27197,11 +27213,11 @@ function WizardPreviewStep({
       return;
     }
   });
-  return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 2, children: [
-    /* @__PURE__ */ jsx52(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
-    hasAnything ? /* @__PURE__ */ jsxs42(Fragment15, { children: [
-      /* @__PURE__ */ jsx52(Text44, { children: "Here's what will happen in your space:" }),
-      /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 2, children: [
+    /* @__PURE__ */ jsx53(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
+    hasAnything ? /* @__PURE__ */ jsxs43(Fragment16, { children: [
+      /* @__PURE__ */ jsx53(Text45, { children: "Here's what will happen in your space:" }),
+      /* @__PURE__ */ jsxs43(
         WindowedPanel,
         {
           width: Math.max(20, terminalColumns - 4),
@@ -27209,24 +27225,24 @@ function WizardPreviewStep({
           title: diffExpanded ? `Diff (${diffLines.length} lines)` : "",
           focused: false,
           children: [
-            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx52(Text44, { color: line.color === "gray" ? PALETTE.muted : line.color, wrap: "truncate-end", children: line.text }, line.key)),
-            /* @__PURE__ */ jsx52(Text44, { color: PALETTE.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
+            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx53(Text45, { color: line.color === "gray" ? PALETTE.muted : line.color, wrap: "truncate-end", children: line.text }, line.key)),
+            /* @__PURE__ */ jsx53(Text45, { color: PALETTE.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
           ]
         }
       )
-    ] }) : /* @__PURE__ */ jsx52(Text44, { color: PALETTE.muted, children: "Nothing to push \u2014 everything is already up to date." }),
-    breakingWithImpact && /* @__PURE__ */ jsx52(Box41, { marginTop: 1, children: /* @__PURE__ */ jsx52(Text44, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
-    /* @__PURE__ */ jsx52(SpaceEnvironment, { spaceId, environmentId }),
-    /* @__PURE__ */ jsxs42(Box41, { gap: 3, marginTop: 1, children: [
-      /* @__PURE__ */ jsx52(Text44, { children: "[Enter] Push to Contentful" }),
-      /* @__PURE__ */ jsxs42(Text44, { children: [
+    ] }) : /* @__PURE__ */ jsx53(Text45, { color: PALETTE.muted, children: "Nothing to push \u2014 everything is already up to date." }),
+    breakingWithImpact && /* @__PURE__ */ jsx53(Box42, { marginTop: 1, children: /* @__PURE__ */ jsx53(Text45, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
+    /* @__PURE__ */ jsx53(SpaceEnvironment, { spaceId, environmentId }),
+    /* @__PURE__ */ jsxs43(Box42, { gap: 3, marginTop: 1, children: [
+      /* @__PURE__ */ jsx53(Text45, { children: "[Enter] Push to Contentful" }),
+      /* @__PURE__ */ jsxs43(Text45, { children: [
         "[d] ",
         diffExpanded ? "Hide" : "Show",
         " diff"
       ] }),
-      diffExpanded && /* @__PURE__ */ jsx52(Text44, { children: "[\u2191\u2193] Scroll [f/b] Page" }),
-      onEdit && /* @__PURE__ */ jsx52(Text44, { children: "[e] Edit definitions" }),
-      /* @__PURE__ */ jsx52(Text44, { children: "[q] Cancel" })
+      diffExpanded && /* @__PURE__ */ jsx53(Text45, { children: "[\u2191\u2193] Scroll [f/b] Page" }),
+      onEdit && /* @__PURE__ */ jsx53(Text45, { children: "[e] Edit definitions" }),
+      /* @__PURE__ */ jsx53(Text45, { children: "[q] Cancel" })
     ] })
   ] });
 }
@@ -27238,9 +27254,9 @@ function buildRunTeaserLine(runId) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
-import { jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
 function totalStepsFor(state2) {
-  if (!state2.extractSessionId) return 2;
+  if (!state2.extractSessionId) return TOKENS_ONLY_STEP_COUNT;
   const hasTokenStage = !!state2.tokensPath || !!state2.rawTokensPath;
   return 3 + (hasTokenStage ? 1 : 0) + 2 + (state2.mapTokensEligible === true ? 1 : 0);
 }
@@ -27260,7 +27276,7 @@ function FlowScreen({
   const content = (() => {
     switch (state2.step) {
       case "final-review":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx54(
           GenerateReviewStep,
           {
             extractSessionId: state2.extractSessionId,
@@ -27277,7 +27293,7 @@ function FlowScreen({
           }
         );
       case "previewing":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx54(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -27288,7 +27304,7 @@ function FlowScreen({
         );
       case "preview-gate":
         if (!state2.serverPreview) return null;
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx54(
           WizardPreviewStep,
           {
             preview: state2.serverPreview,
@@ -27302,9 +27318,9 @@ function FlowScreen({
           }
         );
       case "pushing":
-        return /* @__PURE__ */ jsx53(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state2.pushProgress });
+        return /* @__PURE__ */ jsx54(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state2.pushProgress });
       case "path-prompt":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx54(
           PathPrompt,
           {
             defaultPath: state2.outDir,
@@ -27313,7 +27329,7 @@ function FlowScreen({
           }
         );
       case "printing":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx54(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -27324,7 +27340,7 @@ function FlowScreen({
         );
       case "print-gate": {
         const teaser = buildRunTeaserLine(state2.lastRunId);
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx54(
           GateStep,
           {
             message: "Files saved",
@@ -27338,7 +27354,7 @@ function FlowScreen({
       }
       case "done": {
         const totalFailed = state2.pushResult.componentTypes.failed + state2.pushResult.designTokens.failed;
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx54(
           DoneStep,
           {
             componentTypes: state2.pushResult.componentTypes,
@@ -27353,7 +27369,7 @@ function FlowScreen({
         );
       }
       case "preview-validation-error":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx54(
           PreviewValidationErrorScreen,
           {
             errors: state2.previewValidationErrors,
@@ -27364,7 +27380,7 @@ function FlowScreen({
           }
         );
       case "error":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx54(
           ErrorStep,
           {
             stepName: state2.errorStep,
@@ -27375,8 +27391,8 @@ function FlowScreen({
         );
     }
   })();
-  return /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx53(CustomPromptBanner, { generatePromptPath }),
+  return /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx54(CustomPromptBanner, { generatePromptPath }),
     content
   ] });
 }
@@ -28149,7 +28165,7 @@ function useFlow(start, options = {}) {
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
 import { useEffect as useEffect22, useState as useState29 } from "react";
-import { Box as Box43, Text as Text45, useInput as useInput11 } from "ink";
+import { Box as Box44, Text as Text46, useInput as useInput11 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/help/help-info.ts
@@ -28210,13 +28226,13 @@ async function readHelpInfo() {
 }
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
-import { Fragment as Fragment16, jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
 function Section({ title, rows }) {
-  return /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx54(Text45, { bold: true, color: PALETTE.accent, children: title }),
-    rows.map((row) => /* @__PURE__ */ jsxs44(Box43, { gap: 1, children: [
-      /* @__PURE__ */ jsx54(Box43, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx54(Text45, { color: PALETTE.muted, children: row.label }) }),
-      /* @__PURE__ */ jsx54(Text45, { children: row.value })
+  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx55(Text46, { bold: true, color: PALETTE.accent, children: title }),
+    rows.map((row) => /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
+      /* @__PURE__ */ jsx55(Box44, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: row.label }) }),
+      /* @__PURE__ */ jsx55(Text46, { children: row.value })
     ] }, row.label))
   ] });
 }
@@ -28240,14 +28256,14 @@ function HelpScreen({ onDone }) {
       return;
     }
   });
-  return /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
-    /* @__PURE__ */ jsx54(Text45, { bold: true, children: "Help" }),
-    info ? /* @__PURE__ */ jsxs44(Fragment16, { children: [
-      /* @__PURE__ */ jsx54(Section, { title: "Where things are stored", rows: info.storage }),
-      /* @__PURE__ */ jsx54(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
-      /* @__PURE__ */ jsx54(Text45, { color: PALETTE.muted, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
-    ] }) : /* @__PURE__ */ jsx54(Text45, { color: PALETTE.accent, children: "Loading..." }),
-    /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx55(Text46, { bold: true, children: "Help" }),
+    info ? /* @__PURE__ */ jsxs45(Fragment17, { children: [
+      /* @__PURE__ */ jsx55(Section, { title: "Where things are stored", rows: info.storage }),
+      /* @__PURE__ */ jsx55(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
+      /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
+    ] }) : /* @__PURE__ */ jsx55(Text46, { color: PALETTE.accent, children: "Loading..." }),
+    /* @__PURE__ */ jsx55(
       ControlHints,
       {
         hints: [
@@ -28261,8 +28277,8 @@ function HelpScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/PageContainer.tsx
 import { useState as useState30 } from "react";
-import { Box as Box44, Text as Text46, useInput as useInput12 } from "ink";
-import { jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Box as Box45, Text as Text47, useInput as useInput12 } from "ink";
+import { jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
 function SettingsScreen({
   onNavigate,
   onBack
@@ -28293,15 +28309,15 @@ function SettingsScreen({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx55(Text46, { bold: true, children: "Settings" }),
-    /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: " " }),
-    items.map((item, i) => /* @__PURE__ */ jsxs45(Text46, { color: i === focusIdx ? PALETTE.accent : void 0, children: [
+  return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx56(Text47, { bold: true, children: "Settings" }),
+    /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: " " }),
+    items.map((item, i) => /* @__PURE__ */ jsxs46(Text47, { color: i === focusIdx ? PALETTE.accent : void 0, children: [
       i === focusIdx ? "> " : "  ",
       item.label
     ] }, item.label)),
-    /* @__PURE__ */ jsx55(Text46, { children: " " }),
-    /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx56(Text47, { children: " " }),
+    /* @__PURE__ */ jsx56(
       ControlHints,
       {
         hints: [
@@ -28316,11 +28332,11 @@ function SettingsScreen({
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/ConfigurationScreen.tsx
 import { useState as useState35 } from "react";
-import { Box as Box49, Text as Text52, useInput as useInput16 } from "ink";
+import { Box as Box50, Text as Text53, useInput as useInput16 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentsScreen.tsx
 import { useEffect as useEffect24, useRef as useRef15, useState as useState33 } from "react";
-import { Box as Box47, Text as Text50, useInput as useInput14 } from "ink";
+import { Box as Box48, Text as Text51, useInput as useInput14 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/settings/shared/debug-trail.ts
@@ -28649,12 +28665,12 @@ async function writeAgentConfig(config) {
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx
 import { useEffect as useEffect23, useState as useState32 } from "react";
-import { Box as Box46, Text as Text49 } from "ink";
+import { Box as Box47, Text as Text50 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/shared/FieldForm.tsx
 import { useState as useState31 } from "react";
-import { Box as Box45, Text as Text47, useInput as useInput13 } from "ink";
-import { Fragment as Fragment17, jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Box as Box46, Text as Text48, useInput as useInput13 } from "ink";
+import { Fragment as Fragment18, jsx as jsx57, jsxs as jsxs47 } from "react/jsx-runtime";
 function formLabelWidth(rows) {
   return Math.max(...rows.map((row) => row.label.length));
 }
@@ -28663,9 +28679,9 @@ function FormReadOnlyRow({
   labelWidth,
   children
 }) {
-  return /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
-    /* @__PURE__ */ jsx56(Text47, { children: " " }),
-    /* @__PURE__ */ jsx56(Box45, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: label }) }),
+  return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
+    /* @__PURE__ */ jsx57(Text48, { children: " " }),
+    /* @__PURE__ */ jsx57(Box46, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: label }) }),
     children
   ] });
 }
@@ -28727,20 +28743,20 @@ function FieldForm({
       }
     }
   });
-  const pointer = (isActive) => /* @__PURE__ */ jsx56(Text47, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " });
-  return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx56(Text47, { bold: true, children: title }),
-    subtitle && /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: subtitle }),
-    /* @__PURE__ */ jsx56(Text47, { children: " " }),
-    /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", children: [
+  const pointer = (isActive) => /* @__PURE__ */ jsx57(Text48, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " });
+  return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx57(Text48, { bold: true, children: title }),
+    subtitle && /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: subtitle }),
+    /* @__PURE__ */ jsx57(Text48, { children: " " }),
+    /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", children: [
       fields2.map((field, index) => {
         const isActive = index === active;
         const value = values[field.key];
         const display = field.masked ? "\u2022".repeat(value.length) : value;
-        return /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
+        return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
           pointer(isActive),
-          /* @__PURE__ */ jsx56(Box45, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text47, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
-          isActive && editing ? /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(Box46, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
+          isActive && editing ? /* @__PURE__ */ jsx57(
             ClearableTextInput,
             {
               value,
@@ -28748,34 +28764,34 @@ function FieldForm({
               onSubmit: () => setEditing(false),
               mask: field.masked ? "\u2022" : void 0
             }
-          ) : display ? /* @__PURE__ */ jsx56(Text47, { bold: true, children: display }) : (
+          ) : display ? /* @__PURE__ */ jsx57(Text48, { bold: true, children: display }) : (
             // An empty value shows its hint (or "(empty)") in the value's place, not after an empty element, so the
             // text starts in the same column as every other row's.
-            /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
+            /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
           ),
-          display && field.hint && /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: field.hint })
+          display && field.hint && /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: field.hint })
         ] }, field.key);
       }),
       actions.map((action, index) => {
         const isActive = fields2.length + index === active;
-        return /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
+        return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
           pointer(isActive),
-          /* @__PURE__ */ jsx56(Box45, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text47, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: action.label }) }),
-          /* @__PURE__ */ jsx56(Text47, { color: action.running ? PALETTE.accent : PALETTE.muted, children: action.running ? action.runningText ?? "running..." : action.description })
+          /* @__PURE__ */ jsx57(Box46, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: action.label }) }),
+          /* @__PURE__ */ jsx57(Text48, { color: action.running ? PALETTE.accent : PALETTE.muted, children: action.running ? action.runningText ?? "running..." : action.description })
         ] }, action.label);
       })
     ] }),
-    notice && /* @__PURE__ */ jsxs46(Fragment17, { children: [
-      /* @__PURE__ */ jsx56(Text47, { children: " " }),
-      /* @__PURE__ */ jsxs46(Text47, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+    notice && /* @__PURE__ */ jsxs47(Fragment18, { children: [
+      /* @__PURE__ */ jsx57(Text48, { children: " " }),
+      /* @__PURE__ */ jsxs47(Text48, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
       ] })
     ] }),
     children,
-    /* @__PURE__ */ jsx56(Text47, { children: " " }),
-    /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx57(Text48, { children: " " }),
+    /* @__PURE__ */ jsx57(
       ControlHints,
       {
         hints: editing ? [
@@ -28797,8 +28813,8 @@ function FieldForm({
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentStatusBadge.tsx
-import { Text as Text48 } from "ink";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { Text as Text49 } from "ink";
+import { jsx as jsx58 } from "react/jsx-runtime";
 var TONE_COLOR = {
   ok: PALETTE.success,
   bad: PALETTE.error,
@@ -28810,7 +28826,7 @@ function AgentStatusBadge({
   binary
 }) {
   const { symbol, text, tone } = LIST_STATUS[checks ? statusFromChecks(name, checks, binary) : "checking"];
-  return /* @__PURE__ */ jsx57(Text48, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
+  return /* @__PURE__ */ jsx58(Text49, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/apply-binary-overrides.ts
@@ -28832,16 +28848,16 @@ function applyBinaryOverrides(config) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx
-import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
 var fields = (name) => [
   { key: "binary", label: "Command path", hint: `(empty: \`${AGENT_BINARIES[name]}\` from the PATH)` },
   { key: "model", label: "Model", hint: `(empty: ${defaultModelLabel(name)})` }
 ];
 var INSPECT_DELAY_MS = 400;
 function StatusHeading() {
-  return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
-    /* @__PURE__ */ jsx58(Text49, { bold: true, color: PALETTE.muted, children: "STATUS" }),
-    /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: "\xB7 read only" })
+  return /* @__PURE__ */ jsxs48(Box47, { gap: 1, children: [
+    /* @__PURE__ */ jsx59(Text50, { bold: true, color: PALETTE.muted, children: "STATUS" }),
+    /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: "\xB7 read only" })
   ] });
 }
 function AgentDetail({
@@ -28904,7 +28920,7 @@ function AgentDetail({
   };
   const formFields = fields(name);
   const labelWidth = formLabelWidth([...formFields, action]);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     FieldForm,
     {
       title: AGENT_LABELS[name],
@@ -28921,16 +28937,16 @@ function AgentDetail({
       actions: [action],
       notice: testing ? null : notice,
       busy: saving || testing,
-      children: /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx58(StatusHeading, {}),
-        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx58(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx58(Text49, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
+      children: /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsx59(StatusHeading, {}),
+        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx59(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx59(Text50, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
       ] })
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentsScreen.tsx
-import { Fragment as Fragment18, jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
 var NAME_WIDTH = 16;
 var PANEL_LABEL_WIDTH = "Command".length;
 function AgentsScreen({ onDone }) {
@@ -29040,21 +29056,21 @@ function AgentsScreen({ onDone }) {
     }
   });
   if (!config) {
-    return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx59(Text50, { bold: true, children: "Agents" }),
-      /* @__PURE__ */ jsx59(Text50, { children: " " }),
-      loadError ? /* @__PURE__ */ jsxs48(Fragment18, { children: [
-        /* @__PURE__ */ jsxs48(Text50, { color: PALETTE.error, children: [
+    return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx60(Text51, { bold: true, children: "Agents" }),
+      /* @__PURE__ */ jsx60(Text51, { children: " " }),
+      loadError ? /* @__PURE__ */ jsxs49(Fragment19, { children: [
+        /* @__PURE__ */ jsxs49(Text51, { color: PALETTE.error, children: [
           "\u2717 Could not read the settings: ",
           loadError
         ] }),
-        /* @__PURE__ */ jsx59(Text50, { children: " " }),
-        /* @__PURE__ */ jsx59(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
-      ] }) : /* @__PURE__ */ jsx59(Text50, { color: PALETTE.accent, children: "Loading..." })
+        /* @__PURE__ */ jsx60(Text51, { children: " " }),
+        /* @__PURE__ */ jsx60(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
+      ] }) : /* @__PURE__ */ jsx60(Text51, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
   if (open) {
-    return /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx60(
       AgentDetail,
       {
         name: open,
@@ -29075,47 +29091,47 @@ function AgentsScreen({ onDone }) {
     );
   }
   const focusedAgent = AGENT_NAMES[focus];
-  return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx59(Text50, { bold: true, children: "Agents" }),
-    /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
-    /* @__PURE__ */ jsx59(Text50, { children: " " }),
-    /* @__PURE__ */ jsxs48(Box47, { gap: 1, children: [
-      /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: "Default agent" }),
-      /* @__PURE__ */ jsx59(Text50, { bold: true, children: AGENT_LABELS[config.defaultAgent] }),
-      saving && /* @__PURE__ */ jsx59(Text50, { color: PALETTE.accent, children: "\u2026 saving" })
+  return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx60(Text51, { bold: true, children: "Agents" }),
+    /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
+    /* @__PURE__ */ jsx60(Text51, { children: " " }),
+    /* @__PURE__ */ jsxs49(Box48, { gap: 1, children: [
+      /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: "Default agent" }),
+      /* @__PURE__ */ jsx60(Text51, { bold: true, children: AGENT_LABELS[config.defaultAgent] }),
+      saving && /* @__PURE__ */ jsx60(Text51, { color: PALETTE.accent, children: "\u2026 saving" })
     ] }),
-    /* @__PURE__ */ jsxs48(Box47, { marginTop: 1, gap: 1, children: [
-      /* @__PURE__ */ jsx59(Text50, { children: " " }),
-      /* @__PURE__ */ jsx59(Text50, { children: " " }),
-      /* @__PURE__ */ jsx59(Box47, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: "AGENT" }) }),
-      /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: "STATUS" })
+    /* @__PURE__ */ jsxs49(Box48, { marginTop: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx60(Text51, { children: " " }),
+      /* @__PURE__ */ jsx60(Text51, { children: " " }),
+      /* @__PURE__ */ jsx60(Box48, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: "AGENT" }) }),
+      /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: "STATUS" })
     ] }),
     AGENT_NAMES.map((name) => {
       const isFocused = focusedAgent === name;
-      return /* @__PURE__ */ jsxs48(Box47, { gap: 1, children: [
-        /* @__PURE__ */ jsx59(Text50, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " }),
-        /* @__PURE__ */ jsx59(Text50, { color: PALETTE.success, children: name === config.defaultAgent ? "\u2605" : " " }),
-        /* @__PURE__ */ jsx59(Box47, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx59(Text50, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
-        /* @__PURE__ */ jsx59(AgentStatusBadge, { name, checks: checks[name], binary: config.agents[name].binary })
+      return /* @__PURE__ */ jsxs49(Box48, { gap: 1, children: [
+        /* @__PURE__ */ jsx60(Text51, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " }),
+        /* @__PURE__ */ jsx60(Text51, { color: PALETTE.success, children: name === config.defaultAgent ? "\u2605" : " " }),
+        /* @__PURE__ */ jsx60(Box48, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text51, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
+        /* @__PURE__ */ jsx60(AgentStatusBadge, { name, checks: checks[name], binary: config.agents[name].binary })
       ] }, name);
     }),
-    /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
-      panelRows(focusedAgent, checks[focusedAgent], config.agents[focusedAgent]).map((row) => /* @__PURE__ */ jsxs48(Box47, { gap: 1, paddingLeft: 1, children: [
-        /* @__PURE__ */ jsx59(Box47, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: row.label }) }),
-        /* @__PURE__ */ jsx59(Text50, { color: TONE_COLOR[row.tone], children: row.value })
+    /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
+      panelRows(focusedAgent, checks[focusedAgent], config.agents[focusedAgent]).map((row) => /* @__PURE__ */ jsxs49(Box48, { gap: 1, paddingLeft: 1, children: [
+        /* @__PURE__ */ jsx60(Box48, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: row.label }) }),
+        /* @__PURE__ */ jsx60(Text51, { color: TONE_COLOR[row.tone], children: row.value })
       ] }, row.label))
     ] }),
-    notice && /* @__PURE__ */ jsxs48(Fragment18, { children: [
-      /* @__PURE__ */ jsx59(Text50, { children: " " }),
-      /* @__PURE__ */ jsxs48(Text50, { bold: true, color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+    notice && /* @__PURE__ */ jsxs49(Fragment19, { children: [
+      /* @__PURE__ */ jsx60(Text51, { children: " " }),
+      /* @__PURE__ */ jsxs49(Text51, { bold: true, color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
       ] })
     ] }),
-    /* @__PURE__ */ jsx59(Text50, { children: " " }),
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60(Text51, { children: " " }),
+    /* @__PURE__ */ jsx60(
       ControlHints,
       {
         hints: [
@@ -29131,7 +29147,7 @@ function AgentsScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
 import { useEffect as useEffect25, useRef as useRef16, useState as useState34 } from "react";
-import { Box as Box48, Text as Text51, useInput as useInput15 } from "ink";
+import { Box as Box49, Text as Text52, useInput as useInput15 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/project-store.ts
@@ -29160,7 +29176,7 @@ async function writeCredentials(config) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
-import { Fragment as Fragment19, jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx61, jsxs as jsxs50 } from "react/jsx-runtime";
 var FIELDS2 = [
   { key: "spaceId", label: "Space ID" },
   { key: "environmentId", label: "Environment ID" },
@@ -29240,17 +29256,17 @@ function ProjectScreen({ onDone }) {
     }
   });
   if (!config) {
-    return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx60(Text51, { bold: true, children: "Project" }),
-      /* @__PURE__ */ jsx60(Text51, { children: " " }),
-      loadError ? /* @__PURE__ */ jsxs49(Fragment19, { children: [
-        /* @__PURE__ */ jsxs49(Text51, { color: PALETTE.error, children: [
+    return /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx61(Text52, { bold: true, children: "Project" }),
+      /* @__PURE__ */ jsx61(Text52, { children: " " }),
+      loadError ? /* @__PURE__ */ jsxs50(Fragment20, { children: [
+        /* @__PURE__ */ jsxs50(Text52, { color: PALETTE.error, children: [
           "\u2717 Could not read the settings: ",
           loadError
         ] }),
-        /* @__PURE__ */ jsx60(Text51, { children: " " }),
-        /* @__PURE__ */ jsx60(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
-      ] }) : /* @__PURE__ */ jsx60(Text51, { color: PALETTE.accent, children: "Loading..." })
+        /* @__PURE__ */ jsx61(Text52, { children: " " }),
+        /* @__PURE__ */ jsx61(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
+      ] }) : /* @__PURE__ */ jsx61(Text52, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
   const save = () => {
@@ -29271,7 +29287,7 @@ function ProjectScreen({ onDone }) {
     endVisit(config);
     onDone();
   };
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     FieldForm,
     {
       title: "Project",
@@ -29292,7 +29308,7 @@ function ProjectScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/ConfigurationScreen.tsx
-import { jsx as jsx61, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
 var SECTIONS = [
   {
     id: "project",
@@ -29321,18 +29337,18 @@ function ConfigurationScreen({ onDone }) {
     }
     if (key.escape || input === "q") onDone();
   });
-  if (open === "project") return /* @__PURE__ */ jsx61(ProjectScreen, { onDone: close });
-  if (open === "agents") return /* @__PURE__ */ jsx61(AgentsScreen, { onDone: close });
-  return /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx61(Text52, { bold: true, children: "Configuration" }),
-    /* @__PURE__ */ jsx61(Text52, { children: " " }),
-    SECTIONS.map((section, index) => /* @__PURE__ */ jsxs50(Box49, { gap: 1, children: [
-      /* @__PURE__ */ jsx61(Text52, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
-      /* @__PURE__ */ jsx61(Box49, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx61(Text52, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
-      /* @__PURE__ */ jsx61(Text52, { color: PALETTE.muted, children: section.description })
+  if (open === "project") return /* @__PURE__ */ jsx62(ProjectScreen, { onDone: close });
+  if (open === "agents") return /* @__PURE__ */ jsx62(AgentsScreen, { onDone: close });
+  return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx62(Text53, { bold: true, children: "Configuration" }),
+    /* @__PURE__ */ jsx62(Text53, { children: " " }),
+    SECTIONS.map((section, index) => /* @__PURE__ */ jsxs51(Box50, { gap: 1, children: [
+      /* @__PURE__ */ jsx62(Text53, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
+      /* @__PURE__ */ jsx62(Box50, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx62(Text53, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
+      /* @__PURE__ */ jsx62(Text53, { color: PALETTE.muted, children: section.description })
     ] }, section.id)),
-    /* @__PURE__ */ jsx61(Text52, { children: " " }),
-    /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx62(Text53, { children: " " }),
+    /* @__PURE__ */ jsx62(
       ControlHints,
       {
         hints: [
@@ -29347,7 +29363,7 @@ function ConfigurationScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
 import { useEffect as useEffect26, useState as useState36 } from "react";
-import { Box as Box50, Text as Text53, useInput as useInput17 } from "ink";
+import { Box as Box51, Text as Text54, useInput as useInput17 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/analytics-store.ts
 async function readAnalyticsSetting() {
@@ -29366,7 +29382,7 @@ async function writeAnalyticsSetting(setting) {
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
 init_debug_store();
-import { Fragment as Fragment20, jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx63, jsxs as jsxs52 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
   const [loading, setLoading] = useState36(true);
   const [enabled, setEnabled] = useState36(true);
@@ -29397,21 +29413,21 @@ function OptInAnalyticsScreen({ onDone }) {
       onDone();
     }
   });
-  return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx62(Text53, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
-    /* @__PURE__ */ jsx62(Text53, { children: " " }),
-    loading ? /* @__PURE__ */ jsx62(Text53, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs51(Fragment20, { children: [
-      /* @__PURE__ */ jsxs51(Text53, { children: [
+  return /* @__PURE__ */ jsxs52(Box51, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx63(Text54, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
+    /* @__PURE__ */ jsx63(Text54, { children: " " }),
+    loading ? /* @__PURE__ */ jsx63(Text54, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs52(Fragment21, { children: [
+      /* @__PURE__ */ jsxs52(Text54, { children: [
         "Share anonymous usage data:",
         " ",
-        /* @__PURE__ */ jsx62(Text53, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx63(Text54, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsx62(Text53, { children: " " }),
-      /* @__PURE__ */ jsx62(Text53, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
-      /* @__PURE__ */ jsx62(Text53, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
+      /* @__PURE__ */ jsx63(Text54, { children: " " }),
+      /* @__PURE__ */ jsx63(Text54, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
+      /* @__PURE__ */ jsx63(Text54, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
     ] }),
-    /* @__PURE__ */ jsx62(Text53, { children: " " }),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx63(Text54, { children: " " }),
+    /* @__PURE__ */ jsx63(
       ControlHints,
       {
         hints: [
@@ -29425,10 +29441,10 @@ function OptInAnalyticsScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
 import { useEffect as useEffect27, useRef as useRef17, useState as useState37 } from "react";
-import { Box as Box51, Text as Text54, useInput as useInput18 } from "ink";
+import { Box as Box52, Text as Text55, useInput as useInput18 } from "ink";
 init_debug_mode_store();
 init_debug_store();
-import { Fragment as Fragment21, jsx as jsx63, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx64, jsxs as jsxs53 } from "react/jsx-runtime";
 var ROWS = ["enabled", "retentionDays"];
 var snapshotOf2 = (setting) => ({
   enabled: String(setting.enabled),
@@ -29509,25 +29525,25 @@ function DebugModeScreen({ onDone }) {
       onDone();
     }
   });
-  const marker = (row) => /* @__PURE__ */ jsx63(Text54, { color: focus === row ? PALETTE.accent : void 0, children: focus === row ? "\u276F" : " " });
-  const label = (row, text) => /* @__PURE__ */ jsx63(Text54, { bold: focus === row, color: focus === row ? PALETTE.accent : PALETTE.muted, children: text });
-  return /* @__PURE__ */ jsxs52(Box51, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx63(Text54, { bold: true, children: "Settings \u203A Debug Mode" }),
-    /* @__PURE__ */ jsx63(Text54, { children: " " }),
-    setting ? /* @__PURE__ */ jsxs52(Fragment21, { children: [
-      /* @__PURE__ */ jsxs52(Box51, { gap: 1, children: [
+  const marker = (row) => /* @__PURE__ */ jsx64(Text55, { color: focus === row ? PALETTE.accent : void 0, children: focus === row ? "\u276F" : " " });
+  const label = (row, text) => /* @__PURE__ */ jsx64(Text55, { bold: focus === row, color: focus === row ? PALETTE.accent : PALETTE.muted, children: text });
+  return /* @__PURE__ */ jsxs53(Box52, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx64(Text55, { bold: true, children: "Settings \u203A Debug Mode" }),
+    /* @__PURE__ */ jsx64(Text55, { children: " " }),
+    setting ? /* @__PURE__ */ jsxs53(Fragment22, { children: [
+      /* @__PURE__ */ jsxs53(Box52, { gap: 1, children: [
         marker("enabled"),
         label("enabled", "Debug logging:"),
-        /* @__PURE__ */ jsx63(Text54, { bold: true, color: setting.enabled ? PALETTE.success : PALETTE.muted, children: setting.enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx64(Text55, { bold: true, color: setting.enabled ? PALETTE.success : PALETTE.muted, children: setting.enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsxs52(Box51, { gap: 1, children: [
+      /* @__PURE__ */ jsxs53(Box52, { gap: 1, children: [
         marker("retentionDays"),
         label("retentionDays", "Delete logs after:"),
         RETENTION_CHOICES.map((days) => {
           const highlighted = focus === "retentionDays" && days === pending;
           const saved = days === setting.retentionDays;
-          return /* @__PURE__ */ jsx63(
-            Text54,
+          return /* @__PURE__ */ jsx64(
+            Text55,
             {
               bold: highlighted || saved,
               underline: highlighted,
@@ -29538,15 +29554,15 @@ function DebugModeScreen({ onDone }) {
           );
         })
       ] }),
-      /* @__PURE__ */ jsx63(Text54, { children: " " }),
-      notice ? /* @__PURE__ */ jsxs52(Text54, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+      /* @__PURE__ */ jsx64(Text55, { children: " " }),
+      notice ? /* @__PURE__ */ jsxs53(Text55, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
-      ] }) : /* @__PURE__ */ jsx63(Text54, { color: PALETTE.muted, children: "\u2713 marks what is saved. Older logs are deleted the next time the CLI starts." })
-    ] }) : /* @__PURE__ */ jsx63(Text54, { color: PALETTE.muted, children: "Loading\u2026" }),
-    /* @__PURE__ */ jsx63(Text54, { children: " " }),
-    /* @__PURE__ */ jsx63(
+      ] }) : /* @__PURE__ */ jsx64(Text55, { color: PALETTE.muted, children: "\u2713 marks what is saved. Older logs are deleted the next time the CLI starts." })
+    ] }) : /* @__PURE__ */ jsx64(Text55, { color: PALETTE.muted, children: "Loading\u2026" }),
+    /* @__PURE__ */ jsx64(Text55, { children: " " }),
+    /* @__PURE__ */ jsx64(
       ControlHints,
       {
         hints: [
@@ -29563,7 +29579,7 @@ function DebugModeScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/app.tsx
-import { Fragment as Fragment22, jsx as jsx64 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx65 } from "react/jsx-runtime";
 function App({ importOptions, inkClear }) {
   const [screen, setScreen] = useState38("start");
   const [importExitCode, setImportExitCode] = useState38();
@@ -29755,9 +29771,9 @@ function App({ importOptions, inkClear }) {
   };
   switch (screen) {
     case "import":
-      if (showImportResult) return /* @__PURE__ */ jsx64(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
+      if (showImportResult) return /* @__PURE__ */ jsx65(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
       if (flow && flowStart) {
-        return /* @__PURE__ */ jsx64(
+        return /* @__PURE__ */ jsx65(
           FlowScreen,
           {
             state: flow.state,
@@ -29767,15 +29783,15 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      if (importDefaults === void 0) return /* @__PURE__ */ jsx64(Fragment22, {});
+      if (importDefaults === void 0) return /* @__PURE__ */ jsx65(Fragment23, {});
       if (target === void 0) {
-        return /* @__PURE__ */ jsx64(PreflightScreen, { onChoose: setTarget, onQuit: leaveImport });
+        return /* @__PURE__ */ jsx65(PreflightScreen, { onChoose: setTarget, onQuit: leaveImport });
       }
       const inputStep = currentInputStep(target, answers);
       if (!extractionRun && !tokensOnlyRun && inputStep !== "credentials") {
         switch (inputStep) {
           case "project":
-            return /* @__PURE__ */ jsx64(
+            return /* @__PURE__ */ jsx65(
               WelcomeScreen,
               {
                 onContinue: (projectPath) => answer({ projectPath }),
@@ -29784,16 +29800,17 @@ function App({ importOptions, inkClear }) {
               }
             );
           case "token-file":
-            return /* @__PURE__ */ jsx64(
+            return /* @__PURE__ */ jsx65(
               TokenInputScreen,
               {
+                ...target === "tokens" ? { overview: TOKENS_ONLY_OVERVIEW } : {},
                 initialPath: importDefaults.tokenFile,
                 onConfirm: (tokensPath) => answer({ tokensPath }),
                 onBack: () => goBackFrom("token-file")
               }
             );
           case "path-validation":
-            return /* @__PURE__ */ jsx64(
+            return /* @__PURE__ */ jsx65(
               PathValidationScreen,
               {
                 projectPath: answers.projectPath ?? "",
@@ -29806,13 +29823,13 @@ function App({ importOptions, inkClear }) {
       }
       if (tokensOnlyRun) {
         if (tokensOnly?.status === "done" && !tokensOnly.result.ok) {
-          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: tokensOnly.result.step, message: tokensOnly.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx65(ErrorStep, { stepName: tokensOnly.result.step, message: tokensOnly.result.message, onExit: leaveImport });
         }
-        return /* @__PURE__ */ jsx64(
+        return /* @__PURE__ */ jsx65(
           RunningStep,
           {
             stepNumber: 1,
-            totalSteps: 2,
+            totalSteps: TOKENS_ONLY_STEP_COUNT,
             title: "Generating design tokens",
             description: "Generating design tokens from your token file.",
             lines: [{ text: `Generating token definitions via ${tokensOnlyRun.input.agent}...`, complete: false }]
@@ -29821,10 +29838,10 @@ function App({ importOptions, inkClear }) {
       }
       if (extractionRun) {
         if (extraction?.status === "done" && !extraction.result.ok) {
-          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx65(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
         }
         if (extraction?.status === "running") {
-          return /* @__PURE__ */ jsx64(
+          return /* @__PURE__ */ jsx65(
             ExtractionScreen,
             {
               progress: extraction.progress,
@@ -29833,14 +29850,14 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx64(Fragment22, {});
+        return /* @__PURE__ */ jsx65(Fragment23, {});
       }
       if (scopeRun && scopeFlow) {
         if (scopeFlow.status === "failed") {
-          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx65(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
         }
         if (scopeFlow.status === "deciding") {
-          return /* @__PURE__ */ jsx64(
+          return /* @__PURE__ */ jsx65(
             ScopeGateScreen,
             {
               components: scopeFlow.load.components,
@@ -29850,7 +29867,7 @@ function App({ importOptions, inkClear }) {
           );
         }
         if (generation?.status === "done" && !generation.result.ok) {
-          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx65(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
         }
         if (generation?.status === "running") {
           const hasRawTokens = scopeRun.input.rawTokensPath !== "";
@@ -29858,7 +29875,7 @@ function App({ importOptions, inkClear }) {
             hasRawTokens,
             mapTokensEligible: generation.progress.mapTokensEligible
           });
-          return /* @__PURE__ */ jsx64(
+          return /* @__PURE__ */ jsx65(
             GenerationScreen,
             {
               progress: generation.progress,
@@ -29870,9 +29887,9 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx64(Fragment22, {});
+        return /* @__PURE__ */ jsx65(Fragment23, {});
       }
-      return /* @__PURE__ */ jsx64(
+      return /* @__PURE__ */ jsx65(
         CredentialsScreen,
         {
           initial: importDefaults.credentials,
@@ -29881,17 +29898,17 @@ function App({ importOptions, inkClear }) {
         }
       );
     case "help":
-      return /* @__PURE__ */ jsx64(HelpScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx65(HelpScreen, { onDone: goToStart });
     case "settings":
-      return /* @__PURE__ */ jsx64(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
+      return /* @__PURE__ */ jsx65(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
     case "settings-configuration":
-      return /* @__PURE__ */ jsx64(ConfigurationScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx65(ConfigurationScreen, { onDone: goToSettings });
     case "settings-opt-in-analytics":
-      return /* @__PURE__ */ jsx64(OptInAnalyticsScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx65(OptInAnalyticsScreen, { onDone: goToSettings });
     case "settings-debug-mode":
-      return /* @__PURE__ */ jsx64(DebugModeScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx65(DebugModeScreen, { onDone: goToSettings });
     case "start":
-      return /* @__PURE__ */ jsx64(HomeScreen, { onNavigate: setScreen });
+      return /* @__PURE__ */ jsx65(HomeScreen, { onNavigate: setScreen });
   }
 }
 async function runApp(renderApp, importOptions) {
@@ -29899,7 +29916,7 @@ async function runApp(renderApp, importOptions) {
     instance.clear?.();
     process.stdout.write("\x1B[H\x1B[0J");
   };
-  const instance = renderApp(/* @__PURE__ */ jsx64(App, { importOptions, inkClear }));
+  const instance = renderApp(/* @__PURE__ */ jsx65(App, { importOptions, inkClear }));
   await instance.waitUntilExit();
 }
 export {