@contentful/experience-design-system-cli 2.37.1-dev-build-c8306cfd.0 → 2.37.1-dev-build-a0a57522.0

package/dist/index.js

@@ -18515,6 +18515,40 @@ var init_PageContainer = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/tui/ClearableTextInput.tsx
+import { useRef } from "react";
+import { useInput as useInput3 } from "ink";
+import TextInput from "ink-text-input";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function isClearKey(input, key) {
+  return key.ctrl && input === "d";
+}
+function ClearableTextInput({ onChange, ...props }) {
+  const justCleared = useRef(false);
+  useInput3((input, key) => {
+    if (!isClearKey(input, key)) return;
+    justCleared.current = true;
+    setTimeout(() => {
+      justCleared.current = false;
+    }, 0);
+    onChange("");
+  });
+  return /* @__PURE__ */ jsx4(
+    TextInput,
+    {
+      ...props,
+      onChange: (value) => {
+        if (!justCleared.current) onChange(value);
+      }
+    }
+  );
+}
+var init_ClearableTextInput = __esm({
+  "packages/experience-design-system-cli/src/tui/ClearableTextInput.tsx"() {
+    "use strict";
+  }
+});
+
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/logic.ts
 function shouldQuit(key) {
   return key.escape;
@@ -18530,9 +18564,9 @@ var init_logic = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/controls.ts
-import { useInput as useInput3 } from "ink";
+import { useInput as useInput4 } from "ink";
 function useWelcomeControls(onQuit) {
-  useInput3((_input, key) => {
+  useInput4((_input, key) => {
     if (shouldQuit(key)) onQuit();
   });
 }
@@ -18543,6 +18577,7 @@ var init_controls = __esm({
     init_logic();
     WELCOME_CONTROLS = [
       { keys: "Enter", label: "Continue" },
+      { keys: "Ctrl+D", label: "Clear" },
       { keys: "Esc", label: "Back to menu" }
     ];
   }
@@ -18551,8 +18586,7 @@ var init_controls = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx
 import { useState as useState3 } from "react";
 import { Box as Box3, Text as Text4 } from "ink";
-import TextInput from "ink-text-input";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
   const [projectPath, setProjectPath] = useState3(initialPath);
   useWelcomeControls(onQuit);
@@ -18561,8 +18595,8 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
     if (path5) onContinue(path5);
   };
   return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.accent, children: "Let's import your design system into Contentful." }),
-    /* @__PURE__ */ jsx4(Box3, { flexDirection: "row", children: /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsx5(Text4, { bold: true, color: PALETTE.accent, children: "Let's import your design system into Contentful." }),
+    /* @__PURE__ */ jsx5(Box3, { flexDirection: "row", children: /* @__PURE__ */ jsxs3(
       Box3,
       {
         flexDirection: "column",
@@ -18574,29 +18608,29 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
         flexShrink: 1,
         children: [
           OVERVIEW.map((item) => /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
-            /* @__PURE__ */ jsx4(Box3, { flexShrink: 0, children: /* @__PURE__ */ jsx4(Text4, { bold: true, children: item.label }) }),
-            /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, wrap: "truncate-end", children: item.description }),
-            item.ai && /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.accent, children: AI_MARKER })
+            /* @__PURE__ */ jsx5(Box3, { flexShrink: 0, children: /* @__PURE__ */ jsx5(Text4, { bold: true, children: item.label }) }),
+            /* @__PURE__ */ jsx5(Text4, { color: PALETTE.muted, wrap: "truncate-end", children: item.description }),
+            item.ai && /* @__PURE__ */ jsx5(Text4, { bold: true, color: PALETTE.accent, children: AI_MARKER })
           ] }, item.label)),
           /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
             /* @__PURE__ */ jsxs3(Text4, { bold: true, children: [
-              /* @__PURE__ */ jsx4(Text4, { color: PALETTE.accent, children: AI_MARKER }),
+              /* @__PURE__ */ jsx5(Text4, { color: PALETTE.accent, children: AI_MARKER }),
               " AI disclosure"
             ] }),
-            AI_DISCLOSURE.map((paragraph) => /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: paragraph }, paragraph))
+            AI_DISCLOSURE.map((paragraph) => /* @__PURE__ */ jsx5(Text4, { color: PALETTE.muted, children: paragraph }, paragraph))
           ] })
         ]
       }
     ) }),
     /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx4(Text4, { children: "Where is your component library?" }),
+      /* @__PURE__ */ jsx5(Text4, { children: "Where is your component library?" }),
       /* @__PURE__ */ jsxs3(Box3, { children: [
-        /* @__PURE__ */ jsx4(Text4, { color: PALETTE.accent, children: "? " }),
-        /* @__PURE__ */ jsx4(Text4, { children: "Project path: " }),
-        /* @__PURE__ */ jsx4(TextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
+        /* @__PURE__ */ jsx5(Text4, { color: PALETTE.accent, children: "? " }),
+        /* @__PURE__ */ jsx5(Text4, { children: "Project path: " }),
+        /* @__PURE__ */ jsx5(ClearableTextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
       ] })
     ] }),
-    /* @__PURE__ */ jsx4(Box3, { gap: 3, children: WELCOME_CONTROLS.map((control) => /* @__PURE__ */ jsxs3(Text4, { children: [
+    /* @__PURE__ */ jsx5(Box3, { gap: 3, children: WELCOME_CONTROLS.map((control) => /* @__PURE__ */ jsxs3(Text4, { children: [
       "[",
       control.keys,
       "] ",
@@ -18609,6 +18643,7 @@ var init_screen = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx"() {
     "use strict";
     init_theme();
+    init_ClearableTextInput();
     init_controls();
     init_logic();
     OVERVIEW_BOX_MAX_WIDTH = 90;
@@ -18649,9 +18684,9 @@ var init_logic2 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/controls.ts
-import { useInput as useInput4 } from "ink";
+import { useInput as useInput5 } from "ink";
 function useTokenInputControls(onBack) {
-  useInput4((_input, key) => {
+  useInput5((_input, key) => {
     if (shouldGoBack(key)) onBack();
   });
 }
@@ -18662,6 +18697,7 @@ var init_controls2 = __esm({
     init_logic2();
     TOKEN_INPUT_CONTROLS = [
       { keys: "Enter", label: "Continue" },
+      { keys: "Ctrl+D", label: "Clear" },
       { keys: "Esc", label: "Back" }
     ];
   }
@@ -18718,8 +18754,7 @@ var init_validate_path = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx
 import { useState as useState4 } from "react";
 import { Box as Box4, Text as Text5 } from "ink";
-import TextInput2 from "ink-text-input";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
   const [tokenPath, setTokenPath] = useState4(initialPath);
   const [failure, setFailure] = useState4(null);
@@ -18739,13 +18774,13 @@ function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
     else setFailure({ error: check.error, resolvedPath: check.resolvedPath });
   };
   return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Design tokens" }),
-    /* @__PURE__ */ jsx5(Text5, { 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__ */ jsx6(Text5, { bold: true, children: "Design tokens" }),
+    /* @__PURE__ */ jsx6(Text5, { 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__ */ jsxs4(Box4, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs4(Box4, { gap: 1, children: [
-        /* @__PURE__ */ jsx5(Text5, { color: PALETTE.accent, children: "?" }),
-        /* @__PURE__ */ jsx5(Text5, { children: "Token path:" }),
-        /* @__PURE__ */ jsx5(TextInput2, { value: tokenPath, onChange: change, onSubmit: submit })
+        /* @__PURE__ */ jsx6(Text5, { color: PALETTE.accent, children: "?" }),
+        /* @__PURE__ */ jsx6(Text5, { children: "Token path:" }),
+        /* @__PURE__ */ jsx6(ClearableTextInput, { value: tokenPath, onChange: change, onSubmit: submit })
       ] }),
       failure && /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
         /* @__PURE__ */ jsxs4(Text5, { color: PALETTE.error, children: [
@@ -18758,7 +18793,7 @@ function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx5(Box4, { marginTop: 1, gap: 3, children: TOKEN_INPUT_CONTROLS.map((control) => /* @__PURE__ */ jsxs4(Text5, { children: [
+    /* @__PURE__ */ jsx6(Box4, { marginTop: 1, gap: 3, children: TOKEN_INPUT_CONTROLS.map((control) => /* @__PURE__ */ jsxs4(Text5, { children: [
       "[",
       control.keys,
       "] ",
@@ -18770,6 +18805,7 @@ var init_screen2 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx"() {
     "use strict";
     init_theme();
+    init_ClearableTextInput();
     init_controls2();
     init_logic2();
     init_validate_path();
@@ -18852,12 +18888,12 @@ var init_logic3 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/controls.ts
-import { useInput as useInput5 } from "ink";
+import { useInput as useInput6 } from "ink";
 function controlsFor(phase) {
   return CONTROLS[phase];
 }
 function usePathValidationControls(phase, handlers) {
-  useInput5((input, key) => {
+  useInput6((input, key) => {
     const action = keyAction(phase, input, key);
     if (action === "confirm") handlers.onConfirm();
     else if (action === "change-path") handlers.onChangePath();
@@ -18911,7 +18947,7 @@ var init_scan_files = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/screen.tsx
 import { useEffect as useEffect3, useMemo, useState as useState5 } from "react";
 import { Box as Box5, Text as Text6 } from "ink";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function Row({ row }) {
   return /* @__PURE__ */ jsxs5(Text6, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : void 0, children: [
     "  \u2022 ",
@@ -18927,7 +18963,7 @@ function Failure({ scan, path: path5 }) {
       "\u2717 ",
       headline
     ] }),
-    hints.map((hint) => /* @__PURE__ */ jsx6(Text6, { color: PALETTE.muted, children: hint }, hint))
+    hints.map((hint) => /* @__PURE__ */ jsx7(Text6, { color: PALETTE.muted, children: hint }, hint))
   ] });
 }
 function Summary({ scan, path: path5 }) {
@@ -18935,7 +18971,7 @@ function Summary({ scan, path: path5 }) {
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, children: [
     /* @__PURE__ */ jsxs5(Text6, { children: [
       "Scanned ",
-      /* @__PURE__ */ jsx6(Text6, { bold: true, children: path5 })
+      /* @__PURE__ */ jsx7(Text6, { bold: true, children: path5 })
     ] }),
     /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.success, children: [
@@ -18943,13 +18979,13 @@ function Summary({ scan, path: path5 }) {
         total,
         " files:"
       ] }),
-      rows.map((row) => /* @__PURE__ */ jsx6(Row, { row }, row.label))
+      rows.map((row) => /* @__PURE__ */ jsx7(Row, { row }, row.label))
     ] }),
     warning && /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.warning, children: [
       "\u26A0 ",
       warning
     ] }),
-    /* @__PURE__ */ jsx6(Text6, { children: "Does this look right?" })
+    /* @__PURE__ */ jsx7(Text6, { children: "Does this look right?" })
   ] });
 }
 function PathValidationScreen({
@@ -18974,12 +19010,12 @@ function PathValidationScreen({
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
     scan === void 0 && /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.muted, children: [
       "Scanning ",
-      /* @__PURE__ */ jsx6(Text6, { bold: true, children: resolvedPath }),
+      /* @__PURE__ */ jsx7(Text6, { bold: true, children: resolvedPath }),
       "..."
     ] }),
-    scan?.ok === false && /* @__PURE__ */ jsx6(Failure, { scan, path: resolvedPath }),
-    scan?.ok === true && /* @__PURE__ */ jsx6(Summary, { scan, path: resolvedPath }),
-    /* @__PURE__ */ jsx6(Box5, { marginTop: 1, gap: 3, children: controlsFor(phase).map((control) => /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.muted, children: [
+    scan?.ok === false && /* @__PURE__ */ jsx7(Failure, { scan, path: resolvedPath }),
+    scan?.ok === true && /* @__PURE__ */ jsx7(Summary, { scan, path: resolvedPath }),
+    /* @__PURE__ */ jsx7(Box5, { marginTop: 1, gap: 3, children: controlsFor(phase).map((control) => /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.muted, children: [
       "[",
       control.keys,
       "] ",
@@ -19032,9 +19068,9 @@ var init_logic4 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/controls.ts
-import { useInput as useInput6 } from "ink";
+import { useInput as useInput7 } from "ink";
 function useCredentialsControls(handlers) {
-  useInput6((input, key) => {
+  useInput7((input, key) => {
     if (handlers.disabled) return;
     const action = keyAction2(input, key);
     if (action === "back") handlers.onBack();
@@ -19104,17 +19140,17 @@ var init_validate4 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
-import { useRef, useState as useState6 } from "react";
+import { useRef as useRef2, useState as useState6 } from "react";
 import { Box as Box6, Text as Text7 } from "ink";
-import TextInput3 from "ink-text-input";
-import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import TextInput2 from "ink-text-input";
+import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function CredentialsScreen({
   onDone,
   onBack,
   initial = {},
   validate: validate3 = validateCredentials
 }) {
-  const initialValues = useRef(
+  const initialValues = useRef2(
     normalize({
       spaceId: initial.spaceId ?? "",
       environmentId: initial.environmentId || "master",
@@ -19155,21 +19191,21 @@ function CredentialsScreen({
   };
   return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx7(Text7, { bold: true, children: "Contentful credentials" }),
-      /* @__PURE__ */ jsx7(Text7, { children: prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into." }),
+      /* @__PURE__ */ jsx8(Text7, { bold: true, children: "Contentful credentials" }),
+      /* @__PURE__ */ jsx8(Text7, { children: prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into." }),
       !prefilled && /* @__PURE__ */ jsxs6(Fragment, { children: [
-        /* @__PURE__ */ jsx7(Text7, { 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__ */ jsx7(Text7, { color: PALETTE.muted, children: "Tip: save these under Settings \u2192 Configuration so they pre-fill here." })
+        /* @__PURE__ */ jsx8(Text7, { 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__ */ jsx8(Text7, { color: PALETTE.muted, children: "Tip: save these under Settings \u2192 Configuration so they pre-fill here." })
       ] })
     ] }),
-    /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", children: FIELDS.map((field) => /* @__PURE__ */ jsxs6(Box6, { gap: 1, children: [
-      /* @__PURE__ */ jsx7(Text7, { color: active === field ? PALETTE.accent : void 0, children: "?" }),
+    /* @__PURE__ */ jsx8(Box6, { flexDirection: "column", children: FIELDS.map((field) => /* @__PURE__ */ jsxs6(Box6, { gap: 1, children: [
+      /* @__PURE__ */ jsx8(Text7, { color: active === field ? PALETTE.accent : void 0, children: "?" }),
       /* @__PURE__ */ jsxs6(Text7, { bold: active === field, children: [
         LABELS[field],
         ":"
       ] }),
-      /* @__PURE__ */ jsx7(
-        TextInput3,
+      /* @__PURE__ */ jsx8(
+        TextInput2,
         {
           value: values[field],
           focus: active === field && !validating,
@@ -19180,14 +19216,14 @@ function CredentialsScreen({
         }
       )
     ] }, field)) }),
-    active === "host" && /* @__PURE__ */ jsx7(Text7, { color: PALETTE.muted, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
+    active === "host" && /* @__PURE__ */ jsx8(Text7, { color: PALETTE.muted, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
     error && /* @__PURE__ */ jsxs6(Text7, { color: PALETTE.error, children: [
       "\u2717 ",
       error
     ] }),
-    validating && /* @__PURE__ */ jsx7(Text7, { color: PALETTE.accent, children: "Validating credentials..." }),
-    !validating && !error && !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsx7(Text7, { color: PALETTE.muted, children: "Changed values are saved after they validate." }),
-    /* @__PURE__ */ jsx7(Box6, { marginTop: 1, gap: 3, children: CREDENTIALS_CONTROLS.map((control) => /* @__PURE__ */ jsxs6(Text7, { color: PALETTE.muted, children: [
+    validating && /* @__PURE__ */ jsx8(Text7, { color: PALETTE.accent, children: "Validating credentials..." }),
+    !validating && !error && !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsx8(Text7, { color: PALETTE.muted, children: "Changed values are saved after they validate." }),
+    /* @__PURE__ */ jsx8(Box6, { marginTop: 1, gap: 3, children: CREDENTIALS_CONTROLS.map((control) => /* @__PURE__ */ jsxs6(Text7, { color: PALETTE.muted, children: [
       "[",
       control.keys,
       "] ",
@@ -19234,9 +19270,9 @@ var init_logic5 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/shared/error-step/controls.ts
-import { useInput as useInput7 } from "ink";
+import { useInput as useInput8 } from "ink";
 function useErrorControls(handlers) {
-  useInput7((input, key) => {
+  useInput8((input, key) => {
     const action = errorAction(input, key, {
       canRetry: handlers.onRetry !== void 0,
       canAcknowledge: handlers.onAcknowledge !== void 0
@@ -19255,7 +19291,7 @@ var init_controls5 = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/shared/error-step/error-step.tsx
 import { Box as Box7, Text as Text8 } from "ink";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function ErrorStep({
   stepName,
   message,
@@ -19274,8 +19310,8 @@ function ErrorStep({
       stepName,
       " failed"
     ] }),
-    /* @__PURE__ */ jsx8(Text8, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx8(Box7, { marginTop: 1, gap: 3, children: controls.map((control) => /* @__PURE__ */ jsxs7(Text8, { color: PALETTE.muted, children: [
+    /* @__PURE__ */ jsx9(Text8, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx9(Box7, { marginTop: 1, gap: 3, children: controls.map((control) => /* @__PURE__ */ jsxs7(Text8, { color: PALETTE.muted, children: [
       "[",
       control.keys,
       "] ",
@@ -19313,9 +19349,9 @@ var init_logic6 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/shared/gate-step/controls.ts
-import { useInput as useInput8 } from "ink";
+import { useInput as useInput9 } from "ink";
 function useGateControls(handlers) {
-  useInput8((input, key) => {
+  useInput9((input, key) => {
     const action = gateAction(input, key, handlers.canSkip);
     if (action === "continue") handlers.onContinue();
     else if (action === "skip") handlers.onSkip();
@@ -19331,7 +19367,7 @@ var init_controls6 = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/shared/gate-step/gate-step.tsx
 import { Box as Box8, Text as Text9 } from "ink";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function GateStep({
   message,
   onContinue,
@@ -19353,9 +19389,9 @@ function GateStep({
       " ",
       message
     ] }),
-    summary && /* @__PURE__ */ jsx9(Text9, { color: PALETTE.muted, children: summary }),
-    context && /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { children: context }) }),
-    /* @__PURE__ */ jsx9(Box8, { marginTop: 1, gap: 3, children: gateControls(continueLabel, skipLabel2, onSkip !== void 0).map((control) => /* @__PURE__ */ jsxs8(Text9, { color: PALETTE.muted, children: [
+    summary && /* @__PURE__ */ jsx10(Text9, { color: PALETTE.muted, children: summary }),
+    context && /* @__PURE__ */ jsx10(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text9, { children: context }) }),
+    /* @__PURE__ */ jsx10(Box8, { marginTop: 1, gap: 3, children: gateControls(continueLabel, skipLabel2, onSkip !== void 0).map((control) => /* @__PURE__ */ jsxs8(Text9, { color: PALETTE.muted, children: [
       "[",
       control.keys,
       "] ",
@@ -19430,24 +19466,24 @@ var init_use_elapsed = __esm({
 // packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
 import { Box as Box9, Text as Text10 } from "ink";
 import { ProgressBar, Spinner, ThemeProvider } from "@inkjs/ui";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function Line({ line }) {
   if (line.progress) {
     return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, children: [
       /* @__PURE__ */ jsxs9(Box9, { gap: 2, children: [
-        /* @__PURE__ */ jsx10(Box9, { width: 40, children: /* @__PURE__ */ jsx10(ThemeProvider, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx10(ProgressBar, { value: progressPercent(line.progress) }) }) }),
+        /* @__PURE__ */ jsx11(Box9, { width: 40, children: /* @__PURE__ */ jsx11(ThemeProvider, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx11(ProgressBar, { value: progressPercent(line.progress) }) }) }),
         /* @__PURE__ */ jsxs9(Text10, { color: PALETTE.muted, children: [
           line.progress.done,
           "/",
           line.progress.total
         ] })
       ] }),
-      /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: line.text })
+      /* @__PURE__ */ jsx11(Text10, { color: PALETTE.muted, children: line.text })
     ] });
   }
   return /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
-    line.complete ? /* @__PURE__ */ jsx10(Text10, { color: PALETTE.success, children: "\u2713" }) : /* @__PURE__ */ jsx10(Spinner, {}),
-    /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: line.text })
+    line.complete ? /* @__PURE__ */ jsx11(Text10, { color: PALETTE.success, children: "\u2713" }) : /* @__PURE__ */ jsx11(Spinner, {}),
+    /* @__PURE__ */ jsx11(Text10, { color: PALETTE.muted, children: line.text })
   ] });
 }
 function RunningStep({
@@ -19460,13 +19496,13 @@ function RunningStep({
   const elapsed = useElapsed();
   return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE }),
-      /* @__PURE__ */ jsx10(Text10, { bold: true, children: stepLabel(stepNumber, totalSteps, title) }),
-      /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE })
+      /* @__PURE__ */ jsx11(Text10, { color: PALETTE.muted, children: RULE }),
+      /* @__PURE__ */ jsx11(Text10, { bold: true, children: stepLabel(stepNumber, totalSteps, title) }),
+      /* @__PURE__ */ jsx11(Text10, { color: PALETTE.muted, children: RULE })
     ] }),
-    /* @__PURE__ */ jsx10(Text10, { children: description }),
-    /* @__PURE__ */ jsx10(Box9, { marginTop: 1, flexDirection: "column", gap: 1, children: lines.map((line, index) => /* @__PURE__ */ jsx10(Line, { line }, index)) }),
-    /* @__PURE__ */ jsx10(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs9(Text10, { color: PALETTE.muted, children: [
+    /* @__PURE__ */ jsx11(Text10, { children: description }),
+    /* @__PURE__ */ jsx11(Box9, { marginTop: 1, flexDirection: "column", gap: 1, children: lines.map((line, index) => /* @__PURE__ */ jsx11(Line, { line }, index)) }),
+    /* @__PURE__ */ jsx11(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs9(Text10, { color: PALETTE.muted, children: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -19546,7 +19582,7 @@ var init_logic8 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/05-token-reuse/screen.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function TokenReuseScreen({
   tokensPath,
   sourceChanged,
@@ -19555,7 +19591,7 @@ function TokenReuseScreen({
   onQuit
 }) {
   const { summary, context } = gateText({ tokensPath, sourceChanged });
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     GateStep,
     {
       message: "Existing tokens.json found",
@@ -19672,14 +19708,14 @@ var init_logic9 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/screen.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function ExtractionScreen({
   progress,
   agent,
   stepNumber,
   totalSteps
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     RunningStep,
     {
       stepNumber,
@@ -19986,10 +20022,10 @@ var init_run = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-extraction.ts
-import { useEffect as useEffect5, useRef as useRef2, useState as useState8 } from "react";
+import { useEffect as useEffect5, useRef as useRef3, useState as useState8 } from "react";
 function useExtraction(input) {
   const [state2, setState] = useState8();
-  const current = useRef2();
+  const current = useRef3();
   useEffect5(() => {
     current.current = input;
     if (!input) {
@@ -20152,7 +20188,7 @@ var init_columns = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/windowed-panel.tsx
 import { Box as Box10, Text as Text11 } from "ink";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function terminalPanelHeight(rows, reservedRows = 4) {
   return Math.max(MIN_TERMINAL_PANEL_HEIGHT, rows - reservedRows);
 }
@@ -20167,7 +20203,7 @@ function FixedPanel({
   clipOverflow = true,
   children
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Box10,
     {
       flexDirection: "column",
@@ -20193,7 +20229,7 @@ function WindowedPanel({ width, height, title, focused, children }) {
       ...height === void 0 ? {} : { height },
       focused,
       children: [
-        title && /* @__PURE__ */ jsx13(WindowedPanelHeader, { title, width, focused }),
+        title && /* @__PURE__ */ jsx14(WindowedPanelHeader, { title, width, focused }),
         children
       ]
     }
@@ -20205,8 +20241,8 @@ function WindowedPanelHeader({
   focused
 }) {
   return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx13(Text11, { bold: true, color: PALETTE2.info, inverse: focused, children: title }),
-    /* @__PURE__ */ jsx13(Text11, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) })
+    /* @__PURE__ */ jsx14(Text11, { bold: true, color: PALETTE2.info, inverse: focused, children: title }),
+    /* @__PURE__ */ jsx14(Text11, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) })
   ] });
 }
 function formatWindowIndicator(direction, count) {
@@ -20214,7 +20250,7 @@ function formatWindowIndicator(direction, count) {
   return `${direction === "up" ? "\u2191" : "\u2193"} ${count} more`;
 }
 function WindowIndicator({ direction, count }) {
-  return /* @__PURE__ */ jsx13(Text11, { color: PALETTE2.muted, children: formatWindowIndicator(direction, count) });
+  return /* @__PURE__ */ jsx14(Text11, { color: PALETTE2.muted, children: formatWindowIndicator(direction, count) });
 }
 var MIN_TERMINAL_PANEL_HEIGHT;
 var init_windowed_panel = __esm({
@@ -20226,31 +20262,31 @@ var init_windowed_panel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/added-column.tsx
-import React6 from "react";
+import React7 from "react";
 import { Box as Box11, Text as Text12 } from "ink";
 import figures from "figures";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } 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__ */ jsxs11(WindowedPanel, { width, height, title, focused, children: [
-    /* @__PURE__ */ jsx14(WindowIndicator, { direction: "up", count: window.above }),
-    entries.length === 0 ? /* @__PURE__ */ jsx14(Text12, { color: PALETTE2.muted, children: "(none)" }) : entries.slice(window.start, window.end).map((entry, vi) => {
+    /* @__PURE__ */ jsx15(WindowIndicator, { direction: "up", count: window.above }),
+    entries.length === 0 ? /* @__PURE__ */ jsx15(Text12, { 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__ */ jsxs11(React6.Fragment, { children: [
-        showSeparator && /* @__PURE__ */ jsx14(Text12, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) }),
+      return /* @__PURE__ */ jsxs11(React7.Fragment, { children: [
+        showSeparator && /* @__PURE__ */ jsx15(Text12, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) }),
         /* @__PURE__ */ jsxs11(Box11, { children: [
-          isCursor ? /* @__PURE__ */ jsx14(Text12, { color: PALETTE2.info, bold: true, children: figures.pointer }) : /* @__PURE__ */ jsx14(Text12, { children: " " }),
-          reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx14(Text12, { color: PALETTE2.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx14(Text12, { children: "    " })),
-          entry.isCycle && /* @__PURE__ */ jsx14(Text12, { color: isCursor ? PALETTE2.info : PALETTE2.warning, bold: true, underline: style.nameUnderline, children: " \u26A0" }),
-          /* @__PURE__ */ jsx14(
+          isCursor ? /* @__PURE__ */ jsx15(Text12, { color: PALETTE2.info, bold: true, children: figures.pointer }) : /* @__PURE__ */ jsx15(Text12, { children: " " }),
+          reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx15(Text12, { color: PALETTE2.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx15(Text12, { children: "    " })),
+          entry.isCycle && /* @__PURE__ */ jsx15(Text12, { color: isCursor ? PALETTE2.info : PALETTE2.warning, bold: true, underline: style.nameUnderline, children: " \u26A0" }),
+          /* @__PURE__ */ jsx15(
             Text12,
             {
               color: style.nameColor,
@@ -20264,7 +20300,7 @@ function AddedColumn(props) {
         ] })
       ] }, entry.name);
     }),
-    /* @__PURE__ */ jsx14(WindowIndicator, { direction: "down", count: window.below })
+    /* @__PURE__ */ jsx15(WindowIndicator, { direction: "down", count: window.below })
   ] });
 }
 var init_added_column = __esm({
@@ -20279,7 +20315,7 @@ var init_added_column = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/cycles-panel.tsx
 import { Box as Box12, Text as Text13 } from "ink";
 import figures2 from "figures";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function cycleLabel(cycle, index) {
   const parts = [];
   for (let i = 0; i < cycle.edges.length; i++) {
@@ -20291,16 +20327,16 @@ function cycleLabel(cycle, index) {
 }
 function CyclesPanel({ cycles, cursor }) {
   return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE2.warning, paddingX: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx15(Text13, { bold: true, color: PALETTE2.warning, children: `Cycles detected (${cycles.length}):` }),
-    /* @__PURE__ */ jsx15(Text13, { children: " " }),
+    /* @__PURE__ */ jsx16(Text13, { bold: true, color: PALETTE2.warning, children: `Cycles detected (${cycles.length}):` }),
+    /* @__PURE__ */ jsx16(Text13, { children: " " }),
     cycles.map((cycle, i) => {
       const isCursor = i === cursor;
       return /* @__PURE__ */ jsxs12(Text13, { children: [
-        isCursor ? /* @__PURE__ */ jsx15(Text13, { color: PALETTE2.info, bold: true, children: figures2.pointer }) : /* @__PURE__ */ jsx15(Text13, { children: " " }),
-        /* @__PURE__ */ jsx15(Text13, { color: PALETTE2.warning, inverse: isCursor, children: " " + cycleLabel(cycle, i) })
+        isCursor ? /* @__PURE__ */ jsx16(Text13, { color: PALETTE2.info, bold: true, children: figures2.pointer }) : /* @__PURE__ */ jsx16(Text13, { children: " " }),
+        /* @__PURE__ */ jsx16(Text13, { color: PALETTE2.warning, inverse: isCursor, children: " " + cycleLabel(cycle, i) })
       ] }, i);
     }),
-    /* @__PURE__ */ jsx15(Text13, { children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
+    /* @__PURE__ */ jsx16(Text13, { children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
   ] });
 }
 var init_cycles_panel = __esm({
@@ -20312,13 +20348,13 @@ var init_cycles_panel = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/reject-prompt.tsx
 import { Box as Box13, Text as Text14 } from "ink";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function RejectPrompt({ pending }) {
   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: `Rejecting ${pending.target} will:` }),
-    pending.ancestors.length > 0 && /* @__PURE__ */ jsx16(Text14, { children: `- Reject ancestors: ${pending.ancestors.join(", ")}` }),
-    pending.descendants.length > 0 && /* @__PURE__ */ jsx16(Text14, { children: `- Deselect descendants: ${pending.descendants.join(", ")}` }),
-    /* @__PURE__ */ jsx16(Text14, { children: "[y] confirm \xB7 [n]/[Esc] cancel" })
+    /* @__PURE__ */ jsx17(Text14, { bold: true, color: PALETTE2.warning, children: `Rejecting ${pending.target} will:` }),
+    pending.ancestors.length > 0 && /* @__PURE__ */ jsx17(Text14, { children: `- Reject ancestors: ${pending.ancestors.join(", ")}` }),
+    pending.descendants.length > 0 && /* @__PURE__ */ jsx17(Text14, { children: `- Deselect descendants: ${pending.descendants.join(", ")}` }),
+    /* @__PURE__ */ jsx17(Text14, { children: "[y] confirm \xB7 [n]/[Esc] cancel" })
   ] });
 }
 var init_reject_prompt = __esm({
@@ -20330,11 +20366,11 @@ var init_reject_prompt = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/LegendEntry.tsx
 import { Text as Text15 } from "ink";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function legendEntry(keyBracket, label, active = false) {
   return /* @__PURE__ */ jsxs14(Text15, { children: [
-    /* @__PURE__ */ jsx17(Text15, { color: active ? PALETTE2.warning : PALETTE2.info, inverse: active, children: keyBracket }),
-    /* @__PURE__ */ jsx17(Text15, { color: active ? PALETTE2.warning : void 0, inverse: active, children: " " + label })
+    /* @__PURE__ */ jsx18(Text15, { color: active ? PALETTE2.warning : PALETTE2.info, inverse: active, children: keyBracket }),
+    /* @__PURE__ */ jsx18(Text15, { color: active ? PALETTE2.warning : void 0, inverse: active, children: " " + label })
   ] }, keyBracket + label);
 }
 var init_LegendEntry = __esm({
@@ -20368,7 +20404,7 @@ var init_CompactControlBar = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/CounterStrip.tsx
 import { Box as Box15, Text as Text16 } from "ink";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function CounterStrip(props) {
   const { counters, totalWidth } = props;
   const condensed = totalWidth < 60;
@@ -20376,25 +20412,25 @@ function CounterStrip(props) {
   const labelRej = condensed ? "Rej" : "Rejected";
   const labelUnd = condensed ? "Und" : "Undecided";
   const sep = condensed ? " | " : "    ";
-  return /* @__PURE__ */ jsx18(Box15, { children: /* @__PURE__ */ jsxs16(Text16, { children: [
+  return /* @__PURE__ */ jsx19(Box15, { children: /* @__PURE__ */ jsxs16(Text16, { children: [
     /* @__PURE__ */ jsxs16(Text16, { color: PALETTE2.muted, children: [
       labelGrp,
       " "
     ] }),
-    /* @__PURE__ */ jsx18(Text16, { bold: true, children: counters.groups }),
-    /* @__PURE__ */ jsx18(Text16, { color: PALETTE2.muted, children: sep }),
+    /* @__PURE__ */ jsx19(Text16, { bold: true, children: counters.groups }),
+    /* @__PURE__ */ jsx19(Text16, { color: PALETTE2.muted, children: sep }),
     /* @__PURE__ */ jsxs16(Text16, { color: PALETTE2.muted, children: [
       labelRej,
       " "
     ] }),
-    /* @__PURE__ */ jsx18(Text16, { bold: true, children: counters.rejected }),
-    /* @__PURE__ */ jsx18(Text16, { color: PALETTE2.muted, children: sep }),
+    /* @__PURE__ */ jsx19(Text16, { bold: true, children: counters.rejected }),
+    /* @__PURE__ */ jsx19(Text16, { color: PALETTE2.muted, children: sep }),
     /* @__PURE__ */ jsxs16(Text16, { color: PALETTE2.muted, children: [
       labelUnd,
       " "
     ] }),
-    /* @__PURE__ */ jsx18(Text16, { bold: true, children: counters.undecided }),
-    /* @__PURE__ */ jsx18(Text16, { color: PALETTE2.muted, children: sep })
+    /* @__PURE__ */ jsx19(Text16, { bold: true, children: counters.undecided }),
+    /* @__PURE__ */ jsx19(Text16, { color: PALETTE2.muted, children: sep })
   ] }) });
 }
 var init_CounterStrip = __esm({
@@ -20407,7 +20443,7 @@ var init_CounterStrip = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GotoBanner.tsx
 import figures3 from "figures";
 import { Box as Box16, Text as Text17 } from "ink";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function windowStart(rowCount, highlightIndex, maxRows) {
   if (rowCount <= maxRows) return 0;
   const maxStart = rowCount - maxRows;
@@ -20418,8 +20454,8 @@ function windowStart(rowCount, highlightIndex, maxRows) {
 }
 function defaultRenderRow(row, index, isCursor) {
   return /* @__PURE__ */ jsxs17(Text17, { children: [
-    isCursor ? /* @__PURE__ */ jsx19(Text17, { color: PALETTE2.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx19(Text17, { children: " " }),
-    /* @__PURE__ */ jsx19(Text17, { inverse: isCursor, children: " " + row.label })
+    isCursor ? /* @__PURE__ */ jsx20(Text17, { color: PALETTE2.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx20(Text17, { children: " " }),
+    /* @__PURE__ */ jsx20(Text17, { inverse: isCursor, children: " " + row.label })
   ] }, index);
 }
 function GotoBanner({
@@ -20449,14 +20485,14 @@ function GotoBanner({
       width,
       flexShrink: 0,
       children: [
-        /* @__PURE__ */ jsx19(Text17, { bold: true, children: title }),
-        moreAbove > 0 && /* @__PURE__ */ jsx19(Text17, { color: PALETTE2.muted, children: `  \u25B2 ${moreAbove} more` }),
+        /* @__PURE__ */ jsx20(Text17, { bold: true, children: title }),
+        moreAbove > 0 && /* @__PURE__ */ jsx20(Text17, { color: PALETTE2.muted, children: `  \u25B2 ${moreAbove} more` }),
         visible.map((row, vi) => {
           const i = start + vi;
           return renderRow(row, i, i === highlightIndex);
         }),
-        moreBelow > 0 && /* @__PURE__ */ jsx19(Text17, { color: PALETTE2.muted, children: `  \u25BC ${moreBelow} more` }),
-        footerHint !== void 0 && /* @__PURE__ */ jsx19(Text17, { color: PALETTE2.muted, children: footerHint })
+        moreBelow > 0 && /* @__PURE__ */ jsx20(Text17, { color: PALETTE2.muted, children: `  \u25BC ${moreBelow} more` }),
+        footerHint !== void 0 && /* @__PURE__ */ jsx20(Text17, { color: PALETTE2.muted, children: footerHint })
       ]
     }
   );
@@ -20820,7 +20856,7 @@ var init_composite_closure = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/badge.tsx
 import { Text as Text18 } from "ink";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function previewBadge(annotation) {
   switch (annotation) {
     case "new":
@@ -20839,7 +20875,7 @@ function PreviewBadge({
   badge,
   highlighted = false
 }) {
-  return badge ? /* @__PURE__ */ jsx20(Text18, { color: !highlighted && badge.dim ? PALETTE2.muted : badge.color, bold: badge.bold, children: badge.char }) : /* @__PURE__ */ jsx20(Text18, { children: " " });
+  return badge ? /* @__PURE__ */ jsx21(Text18, { color: !highlighted && badge.dim ? PALETTE2.muted : badge.color, bold: badge.bold, children: badge.char }) : /* @__PURE__ */ jsx21(Text18, { children: " " });
 }
 var init_badge = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/badge.tsx"() {
@@ -20851,7 +20887,7 @@ var init_badge = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GroupedSidebar.tsx
 import figures4 from "figures";
 import { Box as Box17, Text as Text19 } from "ink";
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function hasDirectChild(node) {
   return node.slots.some((slot) => (slot.allowedComponents ?? []).some((target) => target !== node.name));
 }
@@ -21275,7 +21311,7 @@ function GroupedSidebar(props) {
       " ",
       emptyMessage
     ] }),
-    windowed && /* @__PURE__ */ jsx21(WindowIndicator, { direction: "up", count: start }),
+    windowed && /* @__PURE__ */ jsx22(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;
@@ -21303,10 +21339,10 @@ function GroupedSidebar(props) {
         isCursor
       });
       return /* @__PURE__ */ jsxs18(Box17, { children: [
-        isCursor ? /* @__PURE__ */ jsx21(Text19, { color: PALETTE2.info, bold: true, children: figures4.pointer }) : /* @__PURE__ */ jsx21(Text19, { children: " " }),
-        /* @__PURE__ */ jsx21(PreviewBadge, { badge, highlighted: isSelected }),
-        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx21(Text19, { color: !isSelected && selDim ? PALETTE2.muted : selColor, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx21(Text19, { children: "    " })),
-        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx21(Text19, { color: PALETTE2.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx21(Text19, { children: "    " })),
+        isCursor ? /* @__PURE__ */ jsx22(Text19, { color: PALETTE2.info, bold: true, children: figures4.pointer }) : /* @__PURE__ */ jsx22(Text19, { children: " " }),
+        /* @__PURE__ */ jsx22(PreviewBadge, { badge, highlighted: isSelected }),
+        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx22(Text19, { color: !isSelected && selDim ? PALETTE2.muted : selColor, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx22(Text19, { children: "    " })),
+        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx22(Text19, { color: PALETTE2.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx22(Text19, { children: "    " })),
         /* @__PURE__ */ jsxs18(
           Text19,
           {
@@ -21321,10 +21357,10 @@ function GroupedSidebar(props) {
             ]
           }
         ),
-        inheritanceStyle.glyph && /* @__PURE__ */ jsx21(Text19, { color: inheritanceStyle.dim ? PALETTE2.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
+        inheritanceStyle.glyph && /* @__PURE__ */ jsx22(Text19, { color: inheritanceStyle.dim ? PALETTE2.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
       ] }, row.key);
     }),
-    windowed && /* @__PURE__ */ jsx21(WindowIndicator, { direction: "down", count: allRows.length - end })
+    windowed && /* @__PURE__ */ jsx22(WindowIndicator, { direction: "down", count: allRows.length - end })
   ] });
 }
 var GLYPH_EXPAND_COLLAPSED, GLYPH_EXPAND_EXPANDED, GLYPH_TREE_MID, GLYPH_TREE_LAST, GLYPH_WARN, GLYPH_ERROR;
@@ -21345,7 +21381,7 @@ var init_GroupedSidebar = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/hooks/useImmediateInput.ts
-import { useLayoutEffect, useRef as useRef3 } from "react";
+import { useLayoutEffect, useRef as useRef4 } from "react";
 import { useStdin } from "ink";
 function parseInput(data) {
   const isShiftTab = data === "\x1B[Z";
@@ -21407,7 +21443,7 @@ function registerInputHandler(stdin, setRawMode, handler) {
 }
 function useImmediateInput(handler, enabled = true) {
   const { stdin, setRawMode } = useStdin();
-  const handlerRef = useRef3(handler);
+  const handlerRef = useRef4(handler);
   handlerRef.current = handler;
   useLayoutEffect(() => {
     if (!enabled) return;
@@ -21452,9 +21488,9 @@ var init_use_terminal_size = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/HelpOverlay.tsx
-import React7 from "react";
+import React8 from "react";
 import { Box as Box18, Text as Text20 } from "ink";
-import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function HelpOverlay(props) {
   const { onClose } = props;
   const { columns: terminalColumns, rows: terminalRows } = useTerminalSize();
@@ -21475,11 +21511,11 @@ function HelpOverlay(props) {
         height: panelHeight,
         overflowY: "hidden",
         children: [
-          /* @__PURE__ */ jsx22(Text20, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
-          props.sections.map((section) => /* @__PURE__ */ jsxs19(React7.Fragment, { children: [
-            /* @__PURE__ */ jsx22(Text20, { children: " " }),
-            /* @__PURE__ */ jsx22(Text20, { bold: true, children: section.title }),
-            section.entries.map((entry) => /* @__PURE__ */ jsx22(Text20, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
+          /* @__PURE__ */ jsx23(Text20, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+          props.sections.map((section) => /* @__PURE__ */ jsxs19(React8.Fragment, { children: [
+            /* @__PURE__ */ jsx23(Text20, { children: " " }),
+            /* @__PURE__ */ jsx23(Text20, { bold: true, children: section.title }),
+            section.entries.map((entry) => /* @__PURE__ */ jsx23(Text20, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
           ] }, section.title))
         ]
       }
@@ -21496,31 +21532,31 @@ function HelpOverlay(props) {
       height: panelHeight,
       overflowY: "hidden",
       children: [
-        /* @__PURE__ */ jsx22(Text20, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
-        /* @__PURE__ */ jsx22(Text20, { children: " " }),
-        /* @__PURE__ */ jsx22(Text20, { bold: true, children: "Navigation" }),
-        /* @__PURE__ */ jsx22(Text20, { children: "  \u2191 / k / PgUp     Scroll up" }),
-        /* @__PURE__ */ jsx22(Text20, { children: "  \u2193 / j / PgDn     Scroll down" }),
-        /* @__PURE__ */ jsx22(Text20, { children: "  g / Home         Jump to top" }),
-        /* @__PURE__ */ jsx22(Text20, { children: "  G / End          Jump to bottom" }),
+        /* @__PURE__ */ jsx23(Text20, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+        /* @__PURE__ */ jsx23(Text20, { children: " " }),
+        /* @__PURE__ */ jsx23(Text20, { bold: true, children: "Navigation" }),
+        /* @__PURE__ */ jsx23(Text20, { children: "  \u2191 / k / PgUp     Scroll up" }),
+        /* @__PURE__ */ jsx23(Text20, { children: "  \u2193 / j / PgDn     Scroll down" }),
+        /* @__PURE__ */ jsx23(Text20, { children: "  g / Home         Jump to top" }),
+        /* @__PURE__ */ jsx23(Text20, { children: "  G / End          Jump to bottom" }),
         mode === "review" && /* @__PURE__ */ jsxs19(Fragment2, { children: [
-          /* @__PURE__ */ jsx22(Text20, { children: " " }),
-          /* @__PURE__ */ jsx22(Text20, { bold: true, children: "[Review mode only]" }),
-          /* @__PURE__ */ jsx22(Text20, { children: "  Tab              Toggle sidebar/detail" }),
-          /* @__PURE__ */ jsx22(Text20, { children: "  a                Accept component" }),
-          /* @__PURE__ */ jsx22(Text20, { children: "  r                Reject component" }),
-          /* @__PURE__ */ jsx22(Text20, { children: "  e                Edit proposal" }),
-          /* @__PURE__ */ jsx22(Text20, { children: "  s                Toggle source code" }),
-          /* @__PURE__ */ jsx22(Text20, { children: "  A                Approve all" }),
-          /* @__PURE__ */ jsx22(Text20, { children: "  F                Open finalize dialog" }),
-          /* @__PURE__ */ jsx22(Text20, { children: "  Ctrl+S           Save draft" }),
-          /* @__PURE__ */ jsx22(Text20, { children: "  Ctrl+Z           Undo" }),
-          /* @__PURE__ */ jsx22(Text20, { children: "  Ctrl+Y           Redo" }),
-          /* @__PURE__ */ jsx22(Text20, { children: "  Esc              Exit edit / close" })
+          /* @__PURE__ */ jsx23(Text20, { children: " " }),
+          /* @__PURE__ */ jsx23(Text20, { bold: true, children: "[Review mode only]" }),
+          /* @__PURE__ */ jsx23(Text20, { children: "  Tab              Toggle sidebar/detail" }),
+          /* @__PURE__ */ jsx23(Text20, { children: "  a                Accept component" }),
+          /* @__PURE__ */ jsx23(Text20, { children: "  r                Reject component" }),
+          /* @__PURE__ */ jsx23(Text20, { children: "  e                Edit proposal" }),
+          /* @__PURE__ */ jsx23(Text20, { children: "  s                Toggle source code" }),
+          /* @__PURE__ */ jsx23(Text20, { children: "  A                Approve all" }),
+          /* @__PURE__ */ jsx23(Text20, { children: "  F                Open finalize dialog" }),
+          /* @__PURE__ */ jsx23(Text20, { children: "  Ctrl+S           Save draft" }),
+          /* @__PURE__ */ jsx23(Text20, { children: "  Ctrl+Z           Undo" }),
+          /* @__PURE__ */ jsx23(Text20, { children: "  Ctrl+Y           Redo" }),
+          /* @__PURE__ */ jsx23(Text20, { children: "  Esc              Exit edit / close" })
         ] }),
-        /* @__PURE__ */ jsx22(Text20, { children: " " }),
-        /* @__PURE__ */ jsx22(Text20, { children: "  h                Close help" }),
-        /* @__PURE__ */ jsx22(Text20, { children: "  q                Quit" })
+        /* @__PURE__ */ jsx23(Text20, { children: " " }),
+        /* @__PURE__ */ jsx23(Text20, { children: "  h                Close help" }),
+        /* @__PURE__ */ jsx23(Text20, { children: "  q                Quit" })
       ]
     }
   );
@@ -21601,7 +21637,7 @@ var init_sidebar_input = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/SearchMatchSummary.tsx
 import { Box as Box19, Text as Text21 } from "ink";
-import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function SearchMatchSummary({
   open,
   query,
@@ -21616,13 +21652,13 @@ function SearchMatchSummary({
     open && /* @__PURE__ */ jsxs20(Box19, { marginTop, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs20(Text21, { children: [
         `/${query}`,
-        /* @__PURE__ */ jsx23(Text21, { color: PALETTE2.info, children: "\u258E" }),
-        query && /* @__PURE__ */ jsx23(Text21, { color: PALETTE2.muted, children: formatSearchMatchSummary(matches, total) }),
-        /* @__PURE__ */ jsx23(Text21, { children: "  \xB7 [Esc] leave" })
+        /* @__PURE__ */ jsx24(Text21, { color: PALETTE2.info, children: "\u258E" }),
+        query && /* @__PURE__ */ jsx24(Text21, { color: PALETTE2.muted, children: formatSearchMatchSummary(matches, total) }),
+        /* @__PURE__ */ jsx24(Text21, { children: "  \xB7 [Esc] leave" })
       ] }),
-      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx23(Text21, { color: PALETTE2.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
+      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx24(Text21, { color: PALETTE2.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
     ] }),
-    !open && query && /* @__PURE__ */ jsx23(Box19, { marginTop, children: /* @__PURE__ */ jsx23(Text21, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
+    !open && query && /* @__PURE__ */ jsx24(Box19, { marginTop, children: /* @__PURE__ */ jsx24(Text21, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
   ] });
 }
 var init_SearchMatchSummary = __esm({
@@ -22392,7 +22428,7 @@ var init_state = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate.ts
-import { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef4, useState as useState12 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef5, useState as useState12 } from "react";
 function useScopeGate({ components, onConfirm, onQuit }) {
   const { columns: totalWidth, rows: terminalRows } = useTerminalSize();
   const columnPlan = useMemo2(() => computeColumnWidths(totalWidth), [totalWidth]);
@@ -22435,7 +22471,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
     for (const p of cycleParticipants) seed.add(p);
     return seed;
   });
-  const seededGroupsRef = useRef4(closures.size > 0 || cycleParticipants.size > 0);
+  const seededGroupsRef = useRef5(closures.size > 0 || cycleParticipants.size > 0);
   useEffect7(() => {
     if (seededGroupsRef.current) return;
     if (closures.size === 0 && cycleParticipants.size === 0) return;
@@ -22882,30 +22918,30 @@ var init_use_scope_gate = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx
 import { Box as Box20, Text as Text22 } from "ink";
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function ScopeGateScreen(props) {
   if (props.components.length === 0) {
-    return /* @__PURE__ */ jsx24(Box20, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx24(Text22, { color: PALETTE2.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
+    return /* @__PURE__ */ jsx25(Box20, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx25(Text22, { color: PALETTE2.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
   }
-  return /* @__PURE__ */ jsx24(ScopeGateView, { ...props });
+  return /* @__PURE__ */ jsx25(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__ */ jsx24(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: gate.closeHelp });
+    return /* @__PURE__ */ jsx25(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: gate.closeHelp });
   }
   return /* @__PURE__ */ jsxs21(Box20, { flexDirection: "column", paddingX: 2, children: [
     /* @__PURE__ */ jsxs21(Box20, { flexDirection: "row", flexWrap: "wrap", children: [
-      /* @__PURE__ */ jsx24(CounterStrip, { counters, totalWidth: gate.totalWidth }),
+      /* @__PURE__ */ jsx25(CounterStrip, { counters, totalWidth: gate.totalWidth }),
       gate.aiExcludedCount > 0 && /* @__PURE__ */ jsxs21(Text22, { color: PALETTE2.muted, children: [
         `${gate.aiExcludedCount} component${gate.aiExcludedCount === 1 ? "" : "s"} flagged by AI`,
-        gate.aiRows.length > 0 && /* @__PURE__ */ jsx24(Text22, { color: PALETTE2.info, children: " \u2014 press [x] to see why" })
+        gate.aiRows.length > 0 && /* @__PURE__ */ jsx25(Text22, { color: PALETTE2.info, children: " \u2014 press [x] to see why" })
       ] })
     ] }),
-    graph.cycles.length > 0 && /* @__PURE__ */ jsx24(Box20, { marginTop: 1, children: /* @__PURE__ */ jsx24(Text22, { 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." }) }),
+    graph.cycles.length > 0 && /* @__PURE__ */ jsx25(Box20, { marginTop: 1, children: /* @__PURE__ */ jsx25(Text22, { 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__ */ jsxs21(Box20, { flexDirection: "row", alignItems: "stretch", children: [
-      gate.aiRationalePanelOpen ? /* @__PURE__ */ jsx24(
+      gate.aiRationalePanelOpen ? /* @__PURE__ */ jsx25(
         GotoBanner,
         {
           title: `Review flags (${gate.aiExcludedCount})`,
@@ -22915,7 +22951,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
           width: columnPlan.main,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [x/Esc] close"
         }
-      ) : /* @__PURE__ */ jsx24(
+      ) : /* @__PURE__ */ jsx25(
         GroupedSidebar,
         {
           items: gate.groupedItems,
@@ -22944,8 +22980,8 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
         }
       ),
       columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs21(Fragment4, { children: [
-        /* @__PURE__ */ jsx24(Box20, { width: 2, flexShrink: 0 }),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(Box20, { width: 2, flexShrink: 0 }),
+        /* @__PURE__ */ jsx25(
           AddedColumn,
           {
             width: columnPlan.added,
@@ -22960,9 +22996,9 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
         )
       ] })
     ] }),
-    gate.cyclesPanelOpen && /* @__PURE__ */ jsx24(CyclesPanel, { cycles: gate.slotCycles, cursor: gate.cyclesCursor }),
-    gate.pendingRejectCascade && /* @__PURE__ */ jsx24(RejectPrompt, { pending: gate.pendingRejectCascade }),
-    /* @__PURE__ */ jsx24(
+    gate.cyclesPanelOpen && /* @__PURE__ */ jsx25(CyclesPanel, { cycles: gate.slotCycles, cursor: gate.cyclesCursor }),
+    gate.pendingRejectCascade && /* @__PURE__ */ jsx25(RejectPrompt, { pending: gate.pendingRejectCascade }),
+    /* @__PURE__ */ jsx25(
       SearchMatchSummary,
       {
         open: search.searchOpen,
@@ -22973,7 +23009,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
         marginTop: 1
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       CompactControlBar,
       {
         hasGroupRoots: gate.hasGroupRoots,
@@ -23091,11 +23127,11 @@ var init_load = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate-flow.ts
-import { useEffect as useEffect8, useMemo as useMemo3, useRef as useRef5, useState as useState13 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo3, useRef as useRef6, useState as useState13 } from "react";
 function useScopeGateFlow(input, deps = realDeps2) {
   const sessionId = input?.sessionId;
   const loaded = useMemo3(() => sessionId ? deps.load(sessionId) : void 0, [sessionId]);
-  const cacheCheck = useRef5(void 0);
+  const cacheCheck = useRef6(void 0);
   const [confirmed, setConfirmed] = useState13();
   useEffect8(() => {
     if (!input || !loaded?.ok || cacheCheck.current) return;
@@ -23161,7 +23197,7 @@ var init_logic10 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/screen.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function GenerationScreen({
   progress,
   agent,
@@ -23170,7 +23206,7 @@ function GenerationScreen({
   stepNumber,
   totalSteps
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     RunningStep,
     {
       stepNumber,
@@ -23372,10 +23408,10 @@ var init_run2 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/use-generation.ts
-import { useEffect as useEffect9, useRef as useRef6, useState as useState14 } from "react";
+import { useEffect as useEffect9, useRef as useRef7, useState as useState14 } from "react";
 function useGeneration(input) {
   const [state2, setState] = useState14();
-  const current = useRef6();
+  const current = useRef7();
   useEffect9(() => {
     current.current = input;
     if (!input) {
@@ -23852,7 +23888,7 @@ var init_logic11 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/preview-validation-error/screen.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function PreviewValidationErrorScreen({
   errors,
   missingNames,
@@ -23861,7 +23897,7 @@ function PreviewValidationErrorScreen({
   onQuit
 }) {
   const matchedNames = matchedComponentNames(errors, missingNames);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     GateStep,
     {
       intent: "error",
@@ -24233,10 +24269,10 @@ var init_scroll_offset = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx
-import React8, { useEffect as useEffect10, useLayoutEffect as useLayoutEffect2, useState as useState15 } from "react";
+import React9, { useEffect as useEffect10, useLayoutEffect as useLayoutEffect2, useState as useState15 } from "react";
 import figures5 from "figures";
 import { Box as Box21, measureElement, Text as Text23 } from "ink";
-import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 function createCommonRowProps(selected, focusLevel, editingField, textCursor, valueCursor, cursorVisible, editingValue, valueText, width) {
   return {
     selected,
@@ -24375,13 +24411,13 @@ function serializeState(state2, originalJson) {
 }
 function Picker({ value, active }) {
   return /* @__PURE__ */ jsxs22(Box21, { children: [
-    active && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u2039" }),
-    /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
-    active && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u203A" })
+    active && /* @__PURE__ */ jsx28(Text23, { color: PALETTE.warning, children: "\u2039" }),
+    /* @__PURE__ */ jsx28(Text23, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
+    active && /* @__PURE__ */ jsx28(Text23, { color: PALETTE.warning, children: "\u203A" })
   ] });
 }
 function Toggle({ value, active }) {
-  return /* @__PURE__ */ jsx27(Box21, { children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
+  return /* @__PURE__ */ jsx28(Box21, { children: /* @__PURE__ */ jsx28(Text23, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
 }
 function InlinePropField({
   label,
@@ -24404,7 +24440,7 @@ function RequiredField({
   editingField,
   activeField
 }) {
-  return /* @__PURE__ */ jsx27(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx27(Toggle, { value, active: editingField && activeField === "required" }) });
+  return /* @__PURE__ */ jsx28(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx28(Toggle, { value, active: editingField && activeField === "required" }) });
 }
 function DefaultValueRow({
   display,
@@ -24416,7 +24452,7 @@ function DefaultValueRow({
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    active ? /* @__PURE__ */ jsx27(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: display })
+    active ? /* @__PURE__ */ jsx28(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx28(Text23, { wrap: "wrap", children: display })
   ] });
 }
 function RowLabel({
@@ -24445,9 +24481,9 @@ function ValueInputRow({
   cursorVisible
 }) {
   return /* @__PURE__ */ jsxs22(Box21, { paddingLeft: 2, children: [
-    /* @__PURE__ */ jsx27(Text23, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
-    /* @__PURE__ */ jsx27(Text23, { children: valueText }),
-    /* @__PURE__ */ jsx27(Text23, { inverse: cursorVisible, children: " " })
+    /* @__PURE__ */ jsx28(Text23, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
+    /* @__PURE__ */ jsx28(Text23, { children: valueText }),
+    /* @__PURE__ */ jsx28(Text23, { inverse: cursorVisible, children: " " })
   ] });
 }
 function EditableListItem({
@@ -24460,9 +24496,9 @@ function EditableListItem({
 }) {
   const isBeingEdited = editingValue?.mode === "edit" && editingValue.index === index;
   if (isBeingEdited) {
-    return /* @__PURE__ */ jsx27(ValueInputRow, { mode: "edit", valueText, cursorVisible });
+    return /* @__PURE__ */ jsx28(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx27(Box21, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.accent : void 0, children: active ? `${figures5.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx28(Box21, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx28(Text23, { color: active ? PALETTE.accent : void 0, children: active ? `${figures5.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -24476,8 +24512,8 @@ function EditableValueList({
   showAddInput
 }) {
   return /* @__PURE__ */ jsxs22(Fragment5, { children: [
-    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx27(Box21, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: emptyMessage }) })),
-    values.map((value, index) => /* @__PURE__ */ jsx27(
+    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx28(Box21, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: emptyMessage }) })),
+    values.map((value, index) => /* @__PURE__ */ jsx28(
       EditableListItem,
       {
         value,
@@ -24489,7 +24525,7 @@ function EditableValueList({
       },
       index
     )),
-    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx27(ValueInputRow, { mode: "add", valueText, cursorVisible })
+    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx28(ValueInputRow, { mode: "add", valueText, cursorVisible })
   ] });
 }
 function DefaultSubRow({
@@ -24506,12 +24542,12 @@ function DefaultSubRow({
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsx27(Text23, { color: focused ? void 0 : PALETTE.muted, children: "(not applicable)" })
+      /* @__PURE__ */ jsx28(Text23, { 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__ */ jsx27(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx28(DefaultValueRow, { display, active, focused });
   }
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
@@ -24520,11 +24556,11 @@ function DefaultSubRow({
           focused ? "\u203A " : "  ",
           "default:"
         ] }),
-        /* @__PURE__ */ jsx27(Text23, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
+        /* @__PURE__ */ jsx28(Text23, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
       ] });
     }
     const display = typeof prop.default === "string" && prop.default !== "" ? prop.default : "(unset)";
-    return /* @__PURE__ */ jsx27(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx28(DefaultValueRow, { display, active, focused });
   }
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
@@ -24534,9 +24570,9 @@ function DefaultSubRow({
         "default:"
       ] }),
       /* @__PURE__ */ jsxs22(Box21, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx27(Text23, { children: value.slice(0, textCursor) }),
-        /* @__PURE__ */ jsx27(Text23, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
-        /* @__PURE__ */ jsx27(Text23, { children: value.slice(textCursor + 1) })
+        /* @__PURE__ */ jsx28(Text23, { children: value.slice(0, textCursor) }),
+        /* @__PURE__ */ jsx28(Text23, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
+        /* @__PURE__ */ jsx28(Text23, { children: value.slice(textCursor + 1) })
       ] })
     ] });
   }
@@ -24545,7 +24581,7 @@ function DefaultSubRow({
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    /* @__PURE__ */ jsx27(Text23, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
+    /* @__PURE__ */ jsx28(Text23, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
   ] });
 }
 function DescriptionField({
@@ -24565,7 +24601,7 @@ function DescriptionField({
         focused ? "\u203A " : "  ",
         label
       ] }),
-      /* @__PURE__ */ jsx27(Text23, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
+      /* @__PURE__ */ jsx28(Text23, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
     ] });
   }
   return /* @__PURE__ */ jsxs22(Box21, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
@@ -24573,7 +24609,7 @@ function DescriptionField({
       focused ? "\u203A " : "  ",
       label
     ] }),
-    editing ? /* @__PURE__ */ jsx27(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: value || "\u2014" })
+    editing ? /* @__PURE__ */ jsx28(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx28(Text23, { wrap: "wrap", children: value || "\u2014" })
   ] });
 }
 function EditableDescription({
@@ -24583,7 +24619,7 @@ function EditableDescription({
 }) {
   return /* @__PURE__ */ jsxs22(Text23, { wrap: "wrap", children: [
     value.slice(0, textCursor),
-    /* @__PURE__ */ jsx27(Text23, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
+    /* @__PURE__ */ jsx28(Text23, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
     value.slice(textCursor + 1)
   ] });
 }
@@ -24605,8 +24641,8 @@ function PropRow({
   const descFocused = activeField === "description";
   const descActive = editingField && descFocused;
   return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx27(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx27(RowLabel, { name: prop.name, selected }) }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx28(RowLabel, { name: prop.name, selected }) }),
+    /* @__PURE__ */ jsx28(
       DescriptionField,
       {
         value: prop.description,
@@ -24620,7 +24656,7 @@ function PropRow({
       }
     ),
     /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         RequiredField,
         {
           value: prop.required,
@@ -24629,9 +24665,9 @@ function PropRow({
           activeField
         }
       ),
-      /* @__PURE__ */ jsx27(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx27(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx27(Text23, { children: prop.type }) })
+      /* @__PURE__ */ jsx28(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx28(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx28(Text23, { children: prop.type }) })
     ] }),
-    prop.type === "token" && /* @__PURE__ */ jsx27(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx27(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
+    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(Text23, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
     prop.type === "enum" && /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs22(Text23, { color: activeField === "values" ? PALETTE.warning : PALETTE.muted, bold: activeField === "values", children: [
         activeField === "values" ? "\u203A " : "  ",
@@ -24643,7 +24679,7 @@ function PropRow({
         "]"
       ] })
     ] }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       DefaultSubRow,
       {
         prop,
@@ -24658,7 +24694,7 @@ function PropRow({
         activeField === "allowed" ? "\u203A " : "  ",
         "allowed:"
       ] }),
-      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx27(Box21, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx27(Text23, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx27(
+      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx28(Box21, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx28(Text23, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx28(
         Text23,
         {
           color: activeField !== "allowed" && prop.allowed.length === 0 ? PALETTE.muted : void 0,
@@ -24667,17 +24703,17 @@ function PropRow({
         }
       )
     ] }),
-    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx27(Box21, { paddingLeft: 2, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: (() => {
+    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx28(Box21, { paddingLeft: 2, children: /* @__PURE__ */ jsx28(Text23, { 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__ */ jsxs22(Box21, { paddingLeft: 2, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs22(Box21, { children: [
-        /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "values:" }),
-        activeField === "values" && /* @__PURE__ */ jsx27(Text23, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
+        /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: "values:" }),
+        activeField === "values" && /* @__PURE__ */ jsx28(Text23, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         EditableValueList,
         {
           values: prop.values,
@@ -24708,8 +24744,8 @@ function SlotRow({
   pickerCursor
 }) {
   return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx27(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx27(RowLabel, { name: slot.name, selected, trailing: false }) }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx28(RowLabel, { name: slot.name, selected, trailing: false }) }),
+    /* @__PURE__ */ jsx28(
       DescriptionField,
       {
         value: slot.description,
@@ -24722,7 +24758,7 @@ function SlotRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsx27(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx28(
       RequiredField,
       {
         value: slot.required,
@@ -24743,7 +24779,7 @@ function SlotRow({
           ]
         }
       ),
-      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
+      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx28(Text23, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
     ] }),
     selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs22(Box21, { children: [
@@ -24758,9 +24794,9 @@ function SlotRow({
             ]
           }
         ),
-        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx27(Text23, { 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__ */ jsx28(Text23, { 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__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         EditableValueList,
         {
           values: slot.allowedComponents,
@@ -24774,21 +24810,21 @@ function SlotRow({
           showAddInput: editingField && activeField === "allowedComponents"
         }
       ),
-      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx27(Box21, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx27(Text23, { 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__ */ jsx28(Box21, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx28(Text23, { 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__ */ jsx27(Text23, { color: PALETTE.muted, children: "(no candidates match \u2014 Enter to add as free text)" });
+          return /* @__PURE__ */ jsx28(Text23, { 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__ */ jsxs22(Box21, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
+          /* @__PURE__ */ jsx28(Text23, { 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__ */ jsx27(Text23, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures5.pointer} ${name}` : `    ${name}` }, name);
+            return /* @__PURE__ */ jsx28(Text23, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures5.pointer} ${name}` : `    ${name}` }, name);
           })
         ] });
       })() })
@@ -24913,9 +24949,9 @@ function FieldEditor({
   const [editorState, setEditorState] = useState15(initialState);
   const [parseErr] = useState15(parseError);
   const [listScrollStart, setListScrollStart] = useState15(0);
-  const initialFocusScrollApplied = React8.useRef(false);
+  const initialFocusScrollApplied = React9.useRef(false);
   const [rowHeights, setRowHeights] = useState15({});
-  const rowMeasureRefs = React8.useRef(/* @__PURE__ */ new Map());
+  const rowMeasureRefs = React9.useRef(/* @__PURE__ */ new Map());
   const initialFocus = (() => {
     if (initialFocusTarget?.kind === "description") {
       return {
@@ -25002,23 +25038,23 @@ function FieldEditor({
   const [showHelp, setShowHelp] = useState15(false);
   const props = editorState.props;
   const slots = editorState.slots;
-  const contentPropIndexes = React8.useMemo(
+  const contentPropIndexes = React9.useMemo(
     () => props.flatMap((prop, index) => prop.category === "content" ? [index] : []),
     [props]
   );
-  const designPropIndexes = React8.useMemo(
+  const designPropIndexes = React9.useMemo(
     () => props.flatMap((prop, index) => prop.category === "design" ? [index] : []),
     [props]
   );
-  const hiddenPropIndexes = React8.useMemo(
+  const hiddenPropIndexes = React9.useMemo(
     () => showHiddenProps ? props.flatMap((prop, index) => prop.category === "state" || prop.category === "unattached" ? [index] : []) : [],
     [props, showHiddenProps]
   );
-  const visiblePropIndexes = React8.useMemo(
+  const visiblePropIndexes = React9.useMemo(
     () => [...contentPropIndexes, ...designPropIndexes, ...hiddenPropIndexes],
     [contentPropIndexes, designPropIndexes, hiddenPropIndexes]
   );
-  const propGroups = React8.useMemo(
+  const propGroups = React9.useMemo(
     () => [
       {
         kind: "content",
@@ -25038,7 +25074,7 @@ function FieldEditor({
     ],
     [contentPropIndexes, designPropIndexes, hiddenPropIndexes]
   );
-  const selectableRows = React8.useMemo(
+  const selectableRows = React9.useMemo(
     () => [
       ...contentPropIndexes.map((idx) => ({ kind: "prop", idx })),
       ...designPropIndexes.map((idx) => ({ kind: "prop", idx })),
@@ -25048,7 +25084,7 @@ function FieldEditor({
     [contentPropIndexes, designPropIndexes, hiddenPropIndexes, slots]
   );
   const visiblePropPosition = visiblePropIndexes.indexOf(propIdx);
-  const selectedSelectableIndex = React8.useMemo(
+  const selectedSelectableIndex = React9.useMemo(
     () => selectableRows.findIndex(
       (row) => inSlots ? row.kind === "slot" && row.idx === slotIdx : row.kind === "prop" && row.idx === propIdx
     ),
@@ -25067,12 +25103,12 @@ function FieldEditor({
     }
   };
   const textEntryActive = focusLevel === "field" && editingField && activeField === "description" || focusLevel === "field" && editingField && activeField === "default" && (editorState.props[propIdx]?.type === "string" || editorState.props[propIdx]?.type === "token") || editingValue != null;
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     onTextEntryActiveChange?.(textEntryActive);
   }, [textEntryActive, onTextEntryActiveChange]);
   const currentProp = props[propIdx] ?? null;
   const currentSlot = slots[slotIdx] ?? null;
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     if (showHiddenProps || inSlots || inComponentDesc || visiblePropPosition >= 0) return;
     if (visiblePropIndexes.length > 0) {
       setPropIdx(visiblePropIndexes[0]);
@@ -25091,22 +25127,22 @@ function FieldEditor({
     setEditorState(next);
     onChange(serializeState(next, value));
   };
-  const canonicalize = React8.useCallback((json) => {
+  const canonicalize = React9.useCallback((json) => {
     try {
       return JSON.stringify(JSON.parse(json));
     } catch {
       return `__unparseable__:${json}`;
     }
   }, []);
-  const initialStateRef = React8.useRef(initialState);
+  const initialStateRef = React9.useRef(initialState);
   const baselineCanonical = canonicalize(serializeState(initialStateRef.current, value));
   const currentCanonical = canonicalize(serializeState(editorState, value));
   const isDirty = currentCanonical !== baselineCanonical;
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     onDirtyChange?.(isDirty);
   }, [isDirty, onDirtyChange]);
-  const lastDiscardTriggerRef = React8.useRef(discardTrigger);
-  React8.useEffect(() => {
+  const lastDiscardTriggerRef = React9.useRef(discardTrigger);
+  React9.useEffect(() => {
     if (discardTrigger === void 0) return;
     if (discardTrigger === lastDiscardTriggerRef.current) return;
     lastDiscardTriggerRef.current = discardTrigger;
@@ -25617,17 +25653,17 @@ function FieldEditor({
   const innerWidth = Math.max(1, width - 2);
   if (parseErr) {
     return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
-      /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.error, children: parseErr }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
+      /* @__PURE__ */ jsx28(Text23, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
+      /* @__PURE__ */ jsx28(Text23, { color: PALETTE.error, children: parseErr }),
+      /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
     return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
-      /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
+      /* @__PURE__ */ jsx28(Text23, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
+      /* @__PURE__ */ jsx28(Text23, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
+      /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
+      /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -25756,12 +25792,12 @@ function FieldEditor({
   const renderRow = (row, index) => {
     const key = rowKey(row, index);
     if (row.kind === "header") {
-      return /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.success, children: row.label }) }, key);
+      return /* @__PURE__ */ jsx28(Box21, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx28(Text23, { 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__ */ jsx27(
+      return /* @__PURE__ */ jsx28(
         DescriptionField,
         {
           value: editorState.componentDescription,
@@ -25792,7 +25828,7 @@ function FieldEditor({
         valueText,
         innerWidth
       );
-      return /* @__PURE__ */ jsx27(
+      return /* @__PURE__ */ jsx28(
         PropRow,
         {
           prop: p,
@@ -25819,7 +25855,7 @@ function FieldEditor({
       valueText,
       innerWidth
     );
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(
       SlotRow,
       {
         slot: s,
@@ -25840,9 +25876,9 @@ function FieldEditor({
       borderStyle: "single",
       borderColor: hasEmptyProperties ? PALETTE.warning : active ? PALETTE.accent : PALETTE.border,
       children: [
-        hasEmptyProperties && /* @__PURE__ */ jsx27(Text23, { 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__ */ jsx28(Text23, { 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__ */ jsx27(Box21, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(Box21, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx28(
           PropRow,
           {
             prop: currentProp,
@@ -25858,7 +25894,7 @@ function FieldEditor({
             rationale: metadata?.props?.[currentProp.name]?.rationale ?? null,
             showRationale: showInlineRationales
           }
-        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx27(
+        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx28(
           SlotRow,
           {
             slot: currentSlot,
@@ -25877,7 +25913,7 @@ function FieldEditor({
         ) : visibleRowSlice.map((row, index) => {
           const absoluteIndex = scrollStart + index;
           const key = rowKey(row, absoluteIndex);
-          return /* @__PURE__ */ jsx27(
+          return /* @__PURE__ */ jsx28(
             Box21,
             {
               ref: (node) => {
@@ -25891,7 +25927,7 @@ function FieldEditor({
             `visible-${key}`
           );
         }) }),
-        categoryBelow && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.success, bold: true, children: `(${categoryBelow} below)` }),
+        categoryBelow && /* @__PURE__ */ jsx28(Text23, { 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;
@@ -25901,48 +25937,48 @@ function FieldEditor({
           const headerPath = path5 ?? "<unknown source path>";
           if (!start || !end2 || !src) {
             return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-              /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
-              /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
-              /* @__PURE__ */ jsx27(Text23, { children: "[s] close" })
+              /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
+              /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
+              /* @__PURE__ */ jsx28(Text23, { children: "[s] close" })
             ] });
           }
           const lines = src.split("\n").slice(Math.max(0, start - 1), end2);
           return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-            /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
-            lines.map((ln, i) => /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
-            /* @__PURE__ */ jsx27(Text23, { children: "[s] close \xB7 [Esc] close" })
+            /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
+            lines.map((ln, i) => /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
+            /* @__PURE__ */ jsx28(Text23, { children: "[s] close \xB7 [Esc] close" })
           ] });
         })(),
         showHelp && /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
-          /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.accent, children: "Keybindings" }),
-          /* @__PURE__ */ jsx27(Text23, { children: " " }),
-          /* @__PURE__ */ jsx27(Text23, { bold: true, children: "Row navigation" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  \u2191/\u2193               move between rows" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  Enter            edit fields on the current row" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  Esc              exit the panel" }),
-          /* @__PURE__ */ jsx27(Text23, { children: " " }),
-          /* @__PURE__ */ jsx27(Text23, { bold: true, children: "Field editing" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  Space/Enter      toggle required" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  Type             edit description / string default" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  Esc              exit field-edit back to the row" }),
-          /* @__PURE__ */ jsx27(Text23, { children: " " }),
-          /* @__PURE__ */ jsx27(Text23, { bold: true, children: "Values / allowedComponents" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  \u2191\u2193               navigate the list" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  K / J            reorder up \xB7 down" }),
-          /* @__PURE__ */ jsx27(Text23, { children: " " }),
-          /* @__PURE__ */ jsx27(Text23, { bold: true, children: "Panels" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  s                toggle source-view for the current prop" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
-          /* @__PURE__ */ jsx27(Text23, { children: "  ?                toggle this overlay" }),
-          /* @__PURE__ */ jsx27(Text23, { children: " " }),
-          /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "press ? or Esc to close" })
+          /* @__PURE__ */ jsx28(Text23, { bold: true, color: PALETTE.accent, children: "Keybindings" }),
+          /* @__PURE__ */ jsx28(Text23, { children: " " }),
+          /* @__PURE__ */ jsx28(Text23, { bold: true, children: "Row navigation" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  \u2191/\u2193               move between rows" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  Enter            edit fields on the current row" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  Esc              exit the panel" }),
+          /* @__PURE__ */ jsx28(Text23, { children: " " }),
+          /* @__PURE__ */ jsx28(Text23, { bold: true, children: "Field editing" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  Space/Enter      toggle required" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  Type             edit description / string default" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  Esc              exit field-edit back to the row" }),
+          /* @__PURE__ */ jsx28(Text23, { children: " " }),
+          /* @__PURE__ */ jsx28(Text23, { bold: true, children: "Values / allowedComponents" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  \u2191\u2193               navigate the list" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  K / J            reorder up \xB7 down" }),
+          /* @__PURE__ */ jsx28(Text23, { children: " " }),
+          /* @__PURE__ */ jsx28(Text23, { bold: true, children: "Panels" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  s                toggle source-view for the current prop" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  ?                toggle this overlay" }),
+          /* @__PURE__ */ jsx28(Text23, { children: " " }),
+          /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: "press ? or Esc to close" })
         ] }),
-        validationError && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx27(Box21, { paddingTop: 1, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: modeLabel }) })
+        validationError && /* @__PURE__ */ jsx28(Text23, { color: PALETTE.error, children: "\u2717 " + validationError }),
+        /* @__PURE__ */ jsx28(Box21, { paddingTop: 1, children: /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: modeLabel }) })
       ]
     }
   );
@@ -26000,22 +26036,22 @@ var init_wrap_text = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationaleLine.tsx
 import { Box as Box22, Text as Text24 } from "ink";
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 function RationaleLine({ line, active }) {
   if (line.kind === "blank") {
-    return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { children: " " }) });
+    return /* @__PURE__ */ jsx29(Box22, { children: /* @__PURE__ */ jsx29(Text24, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
+    return /* @__PURE__ */ jsx29(Box22, { children: /* @__PURE__ */ jsx29(Text24, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
   }
   if (line.kind === "label") {
     return /* @__PURE__ */ jsxs23(Box22, { children: [
-      line.prefix && /* @__PURE__ */ jsx28(Text24, { children: line.prefix }),
-      /* @__PURE__ */ jsx28(Text24, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
-      line.suffix && /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: line.suffix })
+      line.prefix && /* @__PURE__ */ jsx29(Text24, { children: line.prefix }),
+      /* @__PURE__ */ jsx29(Text24, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
+      line.suffix && /* @__PURE__ */ jsx29(Text24, { color: PALETTE.muted, children: line.suffix })
     ] });
   }
-  return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
+  return /* @__PURE__ */ jsx29(Box22, { children: /* @__PURE__ */ jsx29(Text24, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
 }
 var init_RationaleLine = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationaleLine.tsx"() {
@@ -26026,7 +26062,7 @@ var init_RationaleLine = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ComponentRationalePanel.tsx
 import { Box as Box23, Text as Text25 } from "ink";
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 function renderComponentRationaleLines(data, innerWidth) {
   const out = [];
   const pushSection = (heading, body) => {
@@ -26102,9 +26138,9 @@ function ComponentRationalePanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__PURE__ */ jsx29(Box23, { children: /* @__PURE__ */ jsx29(Text25, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
-        visible.map((line, i) => /* @__PURE__ */ jsx29(RationaleLine, { line, active }, i)),
-        /* @__PURE__ */ jsx29(Box23, { children: overflowed ? /* @__PURE__ */ jsx29(Text25, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx29(Text25, { children: "[I/Esc] close" }) })
+        /* @__PURE__ */ jsx30(Box23, { children: /* @__PURE__ */ jsx30(Text25, { 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(Box23, { children: overflowed ? /* @__PURE__ */ jsx30(Text25, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx30(Text25, { children: "[I/Esc] close" }) })
       ]
     }
   );
@@ -26122,9 +26158,9 @@ var init_ComponentRationalePanel = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/HighlightedLine.tsx
 import { Text as Text26 } from "ink";
-import { Fragment as Fragment6, jsx as jsx30 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx31 } from "react/jsx-runtime";
 function HighlightedLine({ parts }) {
-  return /* @__PURE__ */ jsx30(Fragment6, { children: parts.map((part, i) => /* @__PURE__ */ jsx30(Text26, { color: part.dim ? PALETTE.muted : part.color, children: part.text }, i)) });
+  return /* @__PURE__ */ jsx31(Fragment6, { children: parts.map((part, i) => /* @__PURE__ */ jsx31(Text26, { color: part.dim ? PALETTE.muted : part.color, children: part.text }, i)) });
 }
 var init_HighlightedLine = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/HighlightedLine.tsx"() {
@@ -26135,7 +26171,7 @@ var init_HighlightedLine = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ScrollablePanel.tsx
 import { Box as Box24, Text as Text27 } from "ink";
-import { Fragment as Fragment7, jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 function ScrollablePanel({
   title,
   width,
@@ -26150,10 +26186,10 @@ function ScrollablePanel({
   const overflowed = totalLines > height;
   return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
     /* @__PURE__ */ jsxs25(Box24, { children: [
-      /* @__PURE__ */ jsx31(Text27, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
+      /* @__PURE__ */ jsx32(Text27, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
       overflowed && /* @__PURE__ */ jsxs25(Fragment7, { children: [
-        /* @__PURE__ */ jsx31(Box24, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx31(Text27, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
+        /* @__PURE__ */ jsx32(Box24, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx32(Text27, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
     children
@@ -26168,7 +26204,7 @@ var init_ScrollablePanel = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/JsonPanel.tsx
 import { Box as Box25 } from "ink";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function highlightJson(line) {
   const parts = [];
   let remaining = line;
@@ -26206,7 +26242,7 @@ function highlightJson(line) {
     parts.push({ text: remaining[0] });
     remaining = remaining.slice(1);
   }
-  return /* @__PURE__ */ jsx32(HighlightedLine, { parts });
+  return /* @__PURE__ */ jsx33(HighlightedLine, { parts });
 }
 function truncateLine(line, maxWidth) {
   if (line.length <= maxWidth) return line;
@@ -26219,7 +26255,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__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     ScrollablePanel,
     {
       title: label,
@@ -26232,7 +26268,7 @@ 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__ */ jsx32(Box25, { children: highlightJson(truncated) }, i);
+        return /* @__PURE__ */ jsx33(Box25, { children: highlightJson(truncated) }, i);
       })
     }
   );
@@ -26246,7 +26282,7 @@ var init_JsonPanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationalePanel.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function renderRationaleLines(rows, innerWidth) {
   const out = [];
   rows.forEach((row, idx) => {
@@ -26279,7 +26315,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__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     ScrollablePanel,
     {
       title: `RATIONALE \u2014 ${componentName}`,
@@ -26290,7 +26326,7 @@ function RationalePanel({
       visibleStart,
       visibleEnd,
       borderColor: active ? PALETTE.text : void 0,
-      children: visible.map((line, i) => /* @__PURE__ */ jsx33(RationaleLine, { line, active }, i))
+      children: visible.map((line, i) => /* @__PURE__ */ jsx34(RationaleLine, { line, active }, i))
     }
   );
 }
@@ -26307,7 +26343,7 @@ var init_RationalePanel = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/TokenReviewPanel.tsx
 import figures6 from "figures";
 import { Box as Box26, Text as Text28 } from "ink";
-import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
 function TokenReviewPanel({
   componentName,
   suggestions,
@@ -26335,15 +26371,15 @@ function TokenReviewPanel({
         borderStyle: "single",
         borderColor: active ? PALETTE.text : void 0,
         children: [
-          /* @__PURE__ */ jsx34(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
-          /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
-          /* @__PURE__ */ jsx34(Text28, { children: " " }),
-          current.paths.length === 0 && /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: "(no compatible tokens found for this token kind)" }),
+          /* @__PURE__ */ jsx35(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
+          /* @__PURE__ */ jsx35(Text28, { color: PALETTE.muted, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
+          /* @__PURE__ */ jsx35(Text28, { children: " " }),
+          current.paths.length === 0 && /* @__PURE__ */ jsx35(Text28, { 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__ */ jsx34(Box26, { children: /* @__PURE__ */ jsx34(
+            return /* @__PURE__ */ jsx35(Box26, { children: /* @__PURE__ */ jsx35(
               Text28,
               {
                 color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted,
@@ -26353,9 +26389,9 @@ function TokenReviewPanel({
               }
             ) }, path5);
           }),
-          /* @__PURE__ */ jsx34(Text28, { children: " " }),
-          /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
-          /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
+          /* @__PURE__ */ jsx35(Text28, { children: " " }),
+          /* @__PURE__ */ jsx35(Text28, { color: PALETTE.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
+          /* @__PURE__ */ jsx35(Text28, { color: PALETTE.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
         ]
       }
     );
@@ -26369,18 +26405,18 @@ function TokenReviewPanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__PURE__ */ jsx34(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, children: `TOKEN REVIEW \u2014 ${componentName}` }),
-        suggestions.length === 0 && /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
+        /* @__PURE__ */ jsx35(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, children: `TOKEN REVIEW \u2014 ${componentName}` }),
+        suggestions.length === 0 && /* @__PURE__ */ jsx35(Text28, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
           return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx34(Box26, { children: /* @__PURE__ */ jsx34(Text28, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures6.pointer : " "} ${s.propName}` }) }),
-            /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
-            /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: `  allowed: ${s.allowed.join(", ")}` })
+            /* @__PURE__ */ jsx35(Box26, { children: /* @__PURE__ */ jsx35(Text28, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures6.pointer : " "} ${s.propName}` }) }),
+            /* @__PURE__ */ jsx35(Text28, { color: PALETTE.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
+            /* @__PURE__ */ jsx35(Text28, { color: PALETTE.muted, children: `  allowed: ${s.allowed.join(", ")}` })
           ] }, s.propName);
         }),
-        /* @__PURE__ */ jsx34(Text28, { children: " " }),
-        /* @__PURE__ */ jsx34(Text28, { children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
+        /* @__PURE__ */ jsx35(Text28, { children: " " }),
+        /* @__PURE__ */ jsx35(Text28, { children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
       ]
     }
   );
@@ -26394,7 +26430,7 @@ var init_TokenReviewPanel = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/review-details-panel.tsx
 import { Text as Text29 } from "ink";
-import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
 function ReviewDetailsPanel({
   selectedKey,
   panelOpen,
@@ -26429,7 +26465,7 @@ function ReviewDetailsPanel({
         rationale: s.rationale ?? ""
       }))
     ];
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       RationalePanel,
       {
         componentName: componentRationale?.name ?? selectedKey,
@@ -26442,7 +26478,7 @@ function ReviewDetailsPanel({
     );
   }
   if (panelOpen === "component-rationale") {
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       ComponentRationalePanel,
       {
         data: componentRationale ?? {
@@ -26468,13 +26504,13 @@ function ReviewDetailsPanel({
     const sourceLineCount = Math.max(1, height - 4);
     const lines = source ? source.split("\n").slice(panelScrollOffset, panelScrollOffset + sourceLineCount) : [];
     return /* @__PURE__ */ jsxs27(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
-      source ? lines.map((line, index) => /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, children: "(no source captured)" }),
-      /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, wrap: "truncate-end", children: "[s/Esc] close" })
+      /* @__PURE__ */ jsx36(Text29, { color: PALETTE.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
+      source ? lines.map((line, index) => /* @__PURE__ */ jsx36(Text29, { color: PALETTE.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx36(Text29, { color: PALETTE.muted, children: "(no source captured)" }),
+      /* @__PURE__ */ jsx36(Text29, { color: PALETTE.muted, wrap: "truncate-end", children: "[s/Esc] close" })
     ] });
   }
   if (panelOpen === "token-review") {
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       TokenReviewPanel,
       {
         componentName: selectedKey,
@@ -26490,7 +26526,7 @@ function ReviewDetailsPanel({
     );
   }
   if (showJson) {
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       JsonPanel,
       {
         label: "GENERATED DEFINITION (read-only)",
@@ -26502,7 +26538,7 @@ function ReviewDetailsPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsx35(Fragment8, { children: editor });
+  return /* @__PURE__ */ jsx36(Fragment8, { children: editor });
 }
 var init_review_details_panel = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/review-details-panel.tsx"() {
@@ -26517,7 +26553,7 @@ var init_review_details_panel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDetailsEditor.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 import { createElement } from "react";
 function toFieldEditorMetadata(reviewMetadata) {
   if (!reviewMetadata) return void 0;
@@ -26551,7 +26587,7 @@ function ReviewDetailsEditor({
     jsonScrollOffset,
     currentTokenSuggestions
   } = reviewEditor;
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     ReviewDetailsPanel,
     {
       selectedKey,
@@ -26599,7 +26635,7 @@ var init_ReviewDetailsEditor = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewComponentPanel.tsx
 import { Box as Box27, Text as Text30 } from "ink";
-import { Fragment as Fragment9, jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 function buildReviewFieldEditor(reviewEditor, selectedJson, onExit, overrides = {}) {
   return {
     value: reviewEditor.draftValue || selectedJson,
@@ -26639,17 +26675,17 @@ function ReviewEmptyComponentsWarning({
   hidden
 }) {
   if (hidden || count === 0) return null;
-  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
+  return /* @__PURE__ */ jsx38(Text30, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx37(Box27, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx37(Text30, { color: PALETTE.muted, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx38(Box27, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx38(Text30, { color: PALETTE.muted, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
   hidden
 }) {
   if (hidden || !message) return null;
-  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE.error, children: `\u26A0 ${message}` });
+  return /* @__PURE__ */ jsx38(Text30, { color: PALETTE.error, children: `\u26A0 ${message}` });
 }
 function ReviewPanelFooter({
   reviewEditor,
@@ -26660,8 +26696,8 @@ function ReviewPanelFooter({
 }) {
   return /* @__PURE__ */ jsxs28(Fragment9, { 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__ */ jsx37(Text30, { children: `  ${livePreviewSpinner} live preview` }),
-    livePreview.disabled && /* @__PURE__ */ jsx37(Text30, { children: "  \xB7 live preview disabled" })
+    livePreview.status === "running" && /* @__PURE__ */ jsx38(Text30, { children: `  ${livePreviewSpinner} live preview` }),
+    livePreview.disabled && /* @__PURE__ */ jsx38(Text30, { children: "  \xB7 live preview disabled" })
   ] });
 }
 function ReviewComponentTitle({
@@ -26671,8 +26707,8 @@ function ReviewComponentTitle({
   sidebarFocused
 }) {
   return /* @__PURE__ */ jsxs28(Box27, { paddingLeft: 2, paddingBottom: 1, children: [
-    /* @__PURE__ */ jsx37(Text30, { bold: true, wrap: "truncate-end", children: selectedKey }),
-    /* @__PURE__ */ jsx37(Box27, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx38(Text30, { bold: true, wrap: "truncate-end", children: selectedKey }),
+    /* @__PURE__ */ jsx38(Box27, { flexGrow: 1 }),
     /* @__PURE__ */ jsxs28(Text30, { color: PALETTE.muted, wrap: "truncate-end", children: [
       propCount,
       " prop",
@@ -26704,8 +26740,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__ */ jsx37(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs28(Box27, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
-    /* @__PURE__ */ jsx37(Box27, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs28(Box27, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
+    /* @__PURE__ */ jsx38(Box27, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx38(
       ReviewDetailsEditor,
       {
         selectedKey,
@@ -26718,7 +26754,7 @@ function ReviewComponentPanel({
         jsonValue,
         sidebarFocused,
         fieldEditor,
-        header: /* @__PURE__ */ jsx37(
+        header: /* @__PURE__ */ jsx38(
           ReviewComponentTitle,
           {
             selectedKey,
@@ -26729,8 +26765,8 @@ function ReviewComponentPanel({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx37(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx37(Text30, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
-    /* @__PURE__ */ jsx37(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx37(Text30, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx38(Text30, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
+    /* @__PURE__ */ jsx38(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx38(Text30, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx38(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -26754,7 +26790,7 @@ var init_ReviewComponentPanel = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewStatus.tsx
 import { Box as Box28, Text as Text31 } from "ink";
-import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
 function countReviewStatuses(entries) {
   return entries.reduce(
     (counts, entry) => {
@@ -26767,13 +26803,13 @@ function countReviewStatuses(entries) {
   );
 }
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx38(Box28, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx39(Box28, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx39(Text31, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
   return /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx38(Text31, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx38(Text31, { children: " " }),
-    /* @__PURE__ */ jsx38(Text31, { children: "[q / Enter / Esc] Quit" })
+    /* @__PURE__ */ jsx39(Text31, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx39(Text31, { children: " " }),
+    /* @__PURE__ */ jsx39(Text31, { children: "[q / Enter / Esc] Quit" })
   ] });
 }
 var init_ReviewStatus = __esm({
@@ -26997,7 +27033,7 @@ var init_run_live_preview = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FinalizeDialog.tsx
 import { Box as Box29, Text as Text32 } from "ink";
-import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
 function FinalizeDialog({
   accepted,
   rejected,
@@ -27025,51 +27061,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__ */ jsx39(Box29, { width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", alignItems: "center", borderStyle: "round", padding: 1, width: 58, children: [
-    /* @__PURE__ */ jsx39(Text32, { bold: true, children: "\u2500".repeat(22) + " Finalize " + "\u2500".repeat(22) }),
-    /* @__PURE__ */ jsx39(Text32, { children: " " }),
+  return /* @__PURE__ */ jsx40(Box29, { width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", alignItems: "center", borderStyle: "round", padding: 1, width: 58, children: [
+    /* @__PURE__ */ jsx40(Text32, { bold: true, children: "\u2500".repeat(22) + " Finalize " + "\u2500".repeat(22) }),
+    /* @__PURE__ */ jsx40(Text32, { children: " " }),
     /* @__PURE__ */ jsxs30(Text32, { children: [
       /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.success, children: [
         accepted,
         " accepted"
       ] }),
-      /* @__PURE__ */ jsx39(Text32, { children: " \xB7 " }),
+      /* @__PURE__ */ jsx40(Text32, { children: " \xB7 " }),
       /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.error, children: [
         rejected,
         " rejected"
       ] }),
-      /* @__PURE__ */ jsx39(Text32, { children: " \xB7 " }),
+      /* @__PURE__ */ jsx40(Text32, { children: " \xB7 " }),
       /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.muted, children: [
         needsReview,
         " unresolved"
       ] })
     ] }),
-    /* @__PURE__ */ jsx39(Text32, { children: " " }),
+    /* @__PURE__ */ jsx40(Text32, { children: " " }),
     noneAccepted && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-      /* @__PURE__ */ jsx39(Text32, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
-      /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
-      /* @__PURE__ */ jsx39(Text32, { children: " " })
+      /* @__PURE__ */ jsx40(Text32, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
+      /* @__PURE__ */ jsx40(Text32, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
+      /* @__PURE__ */ jsx40(Text32, { children: " " })
     ] }),
     !allResolved && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-      /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
-      /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
-      /* @__PURE__ */ jsx39(Text32, { children: " " })
+      /* @__PURE__ */ jsx40(Text32, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
+      /* @__PURE__ */ jsx40(Text32, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
+      /* @__PURE__ */ jsx40(Text32, { children: " " })
     ] }),
     /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", height: 2, children: [
-      previewStatus === "running" ? /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx39(Text32, { children: " " }),
-      /* @__PURE__ */ jsx39(Text32, { children: " " })
+      previewStatus === "running" ? /* @__PURE__ */ jsx40(Text32, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx40(Text32, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx40(Text32, { children: " " }),
+      /* @__PURE__ */ jsx40(Text32, { children: " " })
     ] }),
     previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-      /* @__PURE__ */ jsx39(Text32, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
-      hasMoreAbove && /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "\u2191 more above" }),
-      windowed.map((rc) => /* @__PURE__ */ jsx39(Text32, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
-      hasMoreBelow && /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "\u2193 more below" }),
-      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx39(Text32, { children: "[\u2191\u2193] scroll deletions" }),
-      /* @__PURE__ */ jsx39(Text32, { children: " " })
+      /* @__PURE__ */ jsx40(Text32, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
+      hasMoreAbove && /* @__PURE__ */ jsx40(Text32, { color: PALETTE.muted, children: "\u2191 more above" }),
+      windowed.map((rc) => /* @__PURE__ */ jsx40(Text32, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
+      hasMoreBelow && /* @__PURE__ */ jsx40(Text32, { color: PALETTE.muted, children: "\u2193 more below" }),
+      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx40(Text32, { children: "[\u2191\u2193] scroll deletions" }),
+      /* @__PURE__ */ jsx40(Text32, { children: " " })
     ] }),
-    /* @__PURE__ */ jsx39(Text32, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
-    /* @__PURE__ */ jsx39(Text32, { children: " " }),
-    /* @__PURE__ */ jsx39(Text32, { children: "[y / Enter]  Confirm    [n / Esc]  Cancel" })
+    /* @__PURE__ */ jsx40(Text32, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
+    /* @__PURE__ */ jsx40(Text32, { children: " " }),
+    /* @__PURE__ */ jsx40(Text32, { children: "[y / Enter]  Confirm    [n / Esc]  Cancel" })
   ] }) });
 }
 var FINALIZE_REMOVED_WINDOW;
@@ -27084,7 +27120,7 @@ var init_FinalizeDialog = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-finalize-preview.ts
-import { useEffect as useEffect11, useRef as useRef7, useState as useState16 } from "react";
+import { useEffect as useEffect11, useRef as useRef8, useState as useState16 } from "react";
 function useReviewFinalizePreview({
   components,
   ...options
@@ -27099,7 +27135,7 @@ function useFinalizePreview(opts) {
   const [status, setStatus] = useState16("idle");
   const [removed, setRemoved] = useState16([]);
   const [scrollOffset, setScrollOffset] = useState16(0);
-  const generationRef = useRef7(0);
+  const generationRef = useRef8(0);
   const acceptedKey = [...acceptedKeys].sort().join("\0");
   useEffect11(() => {
     if (!open) {
@@ -27153,7 +27189,7 @@ var init_use_finalize_preview = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-session.ts
-import { useCallback as useCallback2, useEffect as useEffect12, useRef as useRef8, useState as useState17 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect12, useRef as useRef9, useState as useState17 } from "react";
 function useReviewSession({
   loadSession,
   tokensPath,
@@ -27255,8 +27291,8 @@ function useReviewMetadata({ components, selectedIdx, extractSessionId }) {
   return { reviewMetadata, componentRationale };
 }
 function useReviewHistory({ loading, components, createSnapshot, applySnapshot }) {
-  const historyRef = useRef8(null);
-  const historySeededRef = useRef8(false);
+  const historyRef = useRef9(null);
+  const historySeededRef = useRef9(false);
   useEffect12(() => {
     if (loading || historySeededRef.current) return;
     historySeededRef.current = true;
@@ -27339,7 +27375,7 @@ var init_token_suggestions = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-editor.ts
-import { useEffect as useEffect13, useRef as useRef9, useState as useState18 } from "react";
+import { useEffect as useEffect13, useRef as useRef10, useState as useState18 } from "react";
 function parseReviewEntry(draftValue) {
   const parsed = JSON.parse(draftValue);
   const keys = Object.keys(parsed);
@@ -27371,8 +27407,8 @@ function useReviewEditor({
   const [tokenReviewEditing, setTokenReviewEditing] = useState18(false);
   const [tokenReviewEditCursor, setTokenReviewEditCursor] = useState18(0);
   const [tokenReviewEditSelection, setTokenReviewEditSelection] = useState18(/* @__PURE__ */ new Set());
-  const tokenReviewSuggestedRef = useRef9(/* @__PURE__ */ new Map());
-  const pendingGRef = useRef9(false);
+  const tokenReviewSuggestedRef = useRef10(/* @__PURE__ */ new Map());
+  const pendingGRef = useRef10(false);
   useEffect13(() => {
     setTokenReviewRow(0);
     setTokenReviewEditing(false);
@@ -27518,7 +27554,7 @@ var init_use_review_surface_state = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/QuitDialog.tsx
 import { Box as Box30, Text as Text33 } from "ink";
-import { Fragment as Fragment11, jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
 function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
   useImmediateInput((input, key) => {
     if (input === "y" || key.return) {
@@ -27528,15 +27564,15 @@ function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
     }
   });
   return /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
-    /* @__PURE__ */ jsx40(Text33, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
-    /* @__PURE__ */ jsx40(Text33, { children: " " }),
+    /* @__PURE__ */ jsx41(Text33, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
+    /* @__PURE__ */ jsx41(Text33, { children: " " }),
     hasUnsavedDrafts ? /* @__PURE__ */ jsxs31(Fragment11, { children: [
-      /* @__PURE__ */ jsx40(Text33, { children: "You have unsaved draft edits." }),
-      /* @__PURE__ */ jsx40(Text33, { children: "Session state is preserved \u2014 you can resume" }),
-      /* @__PURE__ */ jsx40(Text33, { children: "by running the same review command again." })
-    ] }) : /* @__PURE__ */ jsx40(Text33, { children: "Session is saved. Quit without finalizing?" }),
-    /* @__PURE__ */ jsx40(Text33, { children: " " }),
-    /* @__PURE__ */ jsx40(Text33, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
+      /* @__PURE__ */ jsx41(Text33, { children: "You have unsaved draft edits." }),
+      /* @__PURE__ */ jsx41(Text33, { children: "Session state is preserved \u2014 you can resume" }),
+      /* @__PURE__ */ jsx41(Text33, { children: "by running the same review command again." })
+    ] }) : /* @__PURE__ */ jsx41(Text33, { children: "Session is saved. Quit without finalizing?" }),
+    /* @__PURE__ */ jsx41(Text33, { children: " " }),
+    /* @__PURE__ */ jsx41(Text33, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
   ] });
 }
 var init_QuitDialog = __esm({
@@ -27548,7 +27584,7 @@ var init_QuitDialog = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDialogs.tsx
 import { Box as Box31, Text as Text34 } from "ink";
-import { Fragment as Fragment12, jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
 function ReviewFinalizeDialogs({
   showFinalize,
   showQuit,
@@ -27563,7 +27599,7 @@ function ReviewFinalizeDialogs({
 }) {
   const { accepted, rejected, needsReview } = countReviewStatuses(components);
   return /* @__PURE__ */ jsxs32(Fragment12, { children: [
-    showFinalize && /* @__PURE__ */ jsx41(
+    showFinalize && /* @__PURE__ */ jsx42(
       FinalizeDialog,
       {
         accepted,
@@ -27576,7 +27612,7 @@ function ReviewFinalizeDialogs({
         onCancel: onFinalizeCancel
       }
     ),
-    showQuit && /* @__PURE__ */ jsx41(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
+    showQuit && /* @__PURE__ */ jsx42(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
   ] });
 }
 function ReviewStepDialogs({
@@ -27586,7 +27622,7 @@ function ReviewStepDialogs({
   onFinalize,
   onQuit
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     ReviewFinalizeDialogs,
     {
       showFinalize: surfaceState.showFinalize,
@@ -27605,11 +27641,11 @@ function ReviewStepDialogs({
 function ReviewReloadDialog({ open }) {
   if (!open) return null;
   return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx41(Text34, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
-    /* @__PURE__ */ jsx41(Text34, { children: "Unsaved in-memory changes will be lost." }),
-    /* @__PURE__ */ jsx41(Text34, { children: " " }),
-    /* @__PURE__ */ jsx41(Text34, { children: "  [Enter]  Confirm" }),
-    /* @__PURE__ */ jsx41(Text34, { children: "  [Esc]    Cancel" })
+    /* @__PURE__ */ jsx42(Text34, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
+    /* @__PURE__ */ jsx42(Text34, { children: "Unsaved in-memory changes will be lost." }),
+    /* @__PURE__ */ jsx42(Text34, { children: " " }),
+    /* @__PURE__ */ jsx42(Text34, { children: "  [Enter]  Confirm" }),
+    /* @__PURE__ */ jsx42(Text34, { children: "  [Esc]    Cancel" })
   ] });
 }
 var init_ReviewDialogs = __esm({
@@ -27846,20 +27882,20 @@ var init_preview_annotations = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-live-preview.ts
-import { useCallback as useCallback3, useEffect as useEffect14, useRef as useRef10, useState as useState20 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect14, useRef as useRef11, useState as useState20 } from "react";
 function useLivePreview(opts) {
   const debounceMs = opts.debounceMs ?? DEFAULT_DEBOUNCE_MS;
   const [status, setStatus] = useState20("idle");
   const [disabled, setDisabled] = useState20(false);
-  const timerRef = useRef10(null);
-  const generationRef = useRef10(0);
-  const latestRef = useRef10(0);
-  const inflightRef = useRef10(0);
-  const optsRef = useRef10(opts);
+  const timerRef = useRef11(null);
+  const generationRef = useRef11(0);
+  const latestRef = useRef11(0);
+  const inflightRef = useRef11(0);
+  const optsRef = useRef11(opts);
   useEffect14(() => {
     optsRef.current = opts;
   });
-  const disabledRef = useRef10(disabled);
+  const disabledRef = useRef11(disabled);
   useEffect14(() => {
     disabledRef.current = disabled;
   }, [disabled]);
@@ -28012,7 +28048,7 @@ var init_use_review_preview = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/LivePreviewSummary.tsx
 import { Box as Box32, Text as Text35 } from "ink";
-import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
 function LivePreviewSummary({
   enabled,
   previewAnnotations,
@@ -28026,19 +28062,19 @@ 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__ */ jsx42(Text35, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
-  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx42(Text35, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
+  if (disabled) return /* @__PURE__ */ jsx43(Text35, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
+  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx43(Text35, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
   if (!hasCounts) return null;
   return /* @__PURE__ */ jsxs33(Box32, { children: [
-    /* @__PURE__ */ jsx42(Text35, { children: "Preview: " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.success, children: `${counts.new} new` }),
-    /* @__PURE__ */ jsx42(Text35, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.warning, children: `${counts.changed} changed` }),
-    /* @__PURE__ */ jsx42(Text35, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.muted, children: `${counts.removed} removed` }),
-    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx42(Text35, { children: " ([d] removed list)" }),
-    /* @__PURE__ */ jsx42(Text35, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
+    /* @__PURE__ */ jsx43(Text35, { children: "Preview: " }),
+    /* @__PURE__ */ jsx43(Text35, { color: PALETTE.success, children: `${counts.new} new` }),
+    /* @__PURE__ */ jsx43(Text35, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx43(Text35, { color: PALETTE.warning, children: `${counts.changed} changed` }),
+    /* @__PURE__ */ jsx43(Text35, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx43(Text35, { color: PALETTE.muted, children: `${counts.removed} removed` }),
+    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx43(Text35, { children: " ([d] removed list)" }),
+    /* @__PURE__ */ jsx43(Text35, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx43(Text35, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
   ] });
 }
 var init_LivePreviewSummary = __esm({
@@ -28049,10 +28085,10 @@ var init_LivePreviewSummary = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/generate-review-step.tsx
-import { useCallback as useCallback5, useEffect as useEffect16, useMemo as useMemo4, useRef as useRef11, useState as useState22 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect16, useMemo as useMemo4, useRef as useRef12, useState as useState22 } from "react";
 import figures7 from "figures";
 import { Box as Box33, Text as Text36 } from "ink";
-import { Fragment as Fragment13, jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx44, jsxs as jsxs34 } 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) => {
@@ -28096,7 +28132,7 @@ function CyclePathLine({
   return /* @__PURE__ */ jsxs34(Text36, { color: highlightLine ? PALETTE.warning : void 0, children: [
     prefix,
     segments.map(
-      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE.accent, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: segment.text }, index) : /* @__PURE__ */ jsx43(Text36, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
+      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx44(Text36, { color: PALETTE.accent, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: segment.text }, index) : /* @__PURE__ */ jsx44(Text36, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
     )
   ] });
 }
@@ -28108,31 +28144,31 @@ function CycleDetailPanel({
   height
 }) {
   const lines = [
-    /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
-    /* @__PURE__ */ jsx43(Text36, { children: " " }, "cyc-space")
+    /* @__PURE__ */ jsx44(Text36, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
+    /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
+    /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
+    /* @__PURE__ */ jsx44(Text36, { children: " " }, "cyc-space")
   ];
   cycles.forEach((cycle, index) => {
     const nodeCount = new Set(cycle.path).size;
     const isCursor = index === cursor;
     lines.push(
-      /* @__PURE__ */ jsx43(Text36, { bold: true, inverse: isCursor, children: `${isCursor ? figures7.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
-      /* @__PURE__ */ jsx43(CyclePathLine, { segments: formatCyclePathSegments2(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
+      /* @__PURE__ */ jsx44(Text36, { 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}`)
     );
     if (cycle.suggestedBreak) {
       lines.push(
-        /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
+        /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
       );
     }
-    lines.push(/* @__PURE__ */ jsx43(Text36, { children: " " }, `cyc-s-${index}`));
+    lines.push(/* @__PURE__ */ jsx44(Text36, { 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__ */ jsxs34(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
     visible,
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: footer })
+    /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: footer })
   ] });
 }
 function BreakCyclePanel({
@@ -28144,13 +28180,13 @@ function BreakCyclePanel({
   height
 }) {
   return /* @__PURE__ */ jsxs34(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
-    /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
-    cycle && /* @__PURE__ */ jsx43(CyclePathLine, { segments: formatCyclePathSegments2(cycle), prefix: "  ", highlightComponents: true }),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
-    /* @__PURE__ */ jsx43(Text36, { children: " " }),
-    edges.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "remove slot edge:" }),
-    edges.map((edge, index) => /* @__PURE__ */ jsx43(Text36, { 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__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx43(Text36, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
+    /* @__PURE__ */ jsx44(Text36, { 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(Text36, { color: PALETTE.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
+    /* @__PURE__ */ jsx44(Text36, { children: " " }),
+    edges.length > 0 && /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: "remove slot edge:" }),
+    edges.map((edge, index) => /* @__PURE__ */ jsx44(Text36, { 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(Text36, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx44(Text36, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
   ] });
 }
 function buildBreakingRows(breakingChanges) {
@@ -28196,9 +28232,9 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    return /* @__PURE__ */ jsx43(Box33, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
+    return /* @__PURE__ */ jsx44(Box33, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx44(Text36, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
   }
-  return /* @__PURE__ */ jsx43(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
+  return /* @__PURE__ */ jsx44(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
 function GenerateReviewStepView({
   extractSessionId,
@@ -28263,7 +28299,7 @@ function GenerateReviewStepView({
     setFinalizeError
   } = reviewSurface;
   const [removedBannerCollapsed, setRemovedBannerCollapsed] = useState22(false);
-  const removedBannerDefaultedRef = useRef11(false);
+  const removedBannerDefaultedRef = useRef12(false);
   const [cyclePanelScroll, setCyclePanelScroll] = useState22(0);
   const [cyclesCursor, setCyclesCursor] = useState22(0);
   const cyclePanel = useOverlayPanel({
@@ -28283,7 +28319,7 @@ function GenerateReviewStepView({
   const [breakCursor, setBreakCursor] = useState22(0);
   const [breakConfirm, setBreakConfirm] = useState22(false);
   const [expandedGroups, setExpandedGroups] = useState22(/* @__PURE__ */ new Set());
-  const seededGroupsRef = useRef11(false);
+  const seededGroupsRef = useRef12(false);
   const {
     searchOpen,
     setSearchOpen,
@@ -28307,7 +28343,7 @@ function GenerateReviewStepView({
   const [pendingEditorFocus, setPendingEditorFocus] = useState22(null);
   const [autoRejected, setAutoRejected] = useState22([]);
   const [undoSnapshot, setUndoSnapshot] = useState22(null);
-  const autoRejectFiredRef = useRef11(false);
+  const autoRejectFiredRef = useRef12(false);
   const [showReloadDialog, setShowReloadDialog] = useState22(false);
   const acceptedCountForPreview = components.filter((c2) => c2.status === "accepted").length;
   const { previewAnnotations, removedComponents, livePreviewHook, livePreviewSpinner } = useReviewPreview({
@@ -28440,7 +28476,7 @@ function GenerateReviewStepView({
     }),
     applySnapshot: applyHistorySnapshot
   });
-  const autoRejectPushedRef = useRef11(false);
+  const autoRejectPushedRef = useRef12(false);
   useEffect16(() => {
     if (loading) return;
     if (!historySeededRef.current) return;
@@ -29055,13 +29091,13 @@ function GenerateReviewStepView({
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx43(ReviewLoadingState, {});
+    return /* @__PURE__ */ jsx44(ReviewLoadingState, {});
   }
   if (loadError) {
-    return /* @__PURE__ */ jsx43(ReviewLoadError, { message: loadError });
+    return /* @__PURE__ */ jsx44(ReviewLoadError, { message: loadError });
   }
   if (showHelp) {
-    return /* @__PURE__ */ jsx43(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
+    return /* @__PURE__ */ jsx44(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
   }
   const { selected, selectedJson, visibleJsonPanelValue } = getReviewSelectionState(
     components,
@@ -29102,7 +29138,7 @@ function GenerateReviewStepView({
     return false;
   })();
   return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       ReviewStepDialogs,
       {
         surfaceState: reviewSurface,
@@ -29112,15 +29148,15 @@ function GenerateReviewStepView({
         onQuit
       }
     ),
-    /* @__PURE__ */ jsx43(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
+    /* @__PURE__ */ jsx44(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
     removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
-      /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
+      /* @__PURE__ */ jsx44(Text36, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
       !removedBannerCollapsed && /* @__PURE__ */ jsxs34(Fragment13, { children: [
-        /* @__PURE__ */ jsx43(Text36, { children: " " }),
-        removedComponents.map((rc) => /* @__PURE__ */ jsx43(Text36, { children: removedComponentLine(rc) }, rc.id))
+        /* @__PURE__ */ jsx44(Text36, { children: " " }),
+        removedComponents.map((rc) => /* @__PURE__ */ jsx44(Text36, { children: removedComponentLine(rc) }, rc.id))
       ] })
     ] }),
-    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx43(Box33, { paddingX: 1, children: /* @__PURE__ */ jsx43(
+    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx44(Box33, { paddingX: 1, children: /* @__PURE__ */ jsx44(
       Text36,
       {
         color: PALETTE.warning,
@@ -29132,13 +29168,13 @@ function GenerateReviewStepView({
       const comp = row ? breakingChanges.find((b) => b.componentName === row.componentName) : void 0;
       if (!comp) return null;
       return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
-        comp.impact && /* @__PURE__ */ jsx43(Text36, { 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__ */ jsx43(Text36, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx43(Text36, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
-        /* @__PURE__ */ jsx43(Text36, { children: "[D/Esc] close detail" })
+        /* @__PURE__ */ jsx44(Text36, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
+        comp.impact && /* @__PURE__ */ jsx44(Text36, { 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(Text36, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx44(Text36, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
+        /* @__PURE__ */ jsx44(Text36, { children: "[D/Esc] close detail" })
       ] });
     })(),
-    !dialogOpen && /* @__PURE__ */ jsx43(
+    !dialogOpen && /* @__PURE__ */ jsx44(
       LivePreviewSummary,
       {
         enabled: livePreview,
@@ -29158,15 +29194,15 @@ function GenerateReviewStepView({
       const members = stillRejected.filter((n) => participantSet.has(n)).sort();
       const ancestors = stillRejected.filter((n) => !participantSet.has(n)).sort();
       return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
-        /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
-        members.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
-        ancestors.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
-        /* @__PURE__ */ jsx43(Text36, { 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(Text36, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
+        members.length > 0 && /* @__PURE__ */ jsx44(Text36, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
+        ancestors.length > 0 && /* @__PURE__ */ jsx44(Text36, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
+        /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
       ] });
     })(),
-    /* @__PURE__ */ jsx43(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
-    /* @__PURE__ */ jsx43(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
-    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
+    /* @__PURE__ */ jsx44(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
+    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx44(
       BreakCyclePanel,
       {
         cycle: cycleRows[cyclesCursor],
@@ -29177,7 +29213,7 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx43(
+    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx44(
       CycleDetailPanel,
       {
         cycles: cycleRows,
@@ -29188,7 +29224,7 @@ function GenerateReviewStepView({
       }
     ),
     !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs34(Box33, { children: [
-      breakingPanel.isOpen ? /* @__PURE__ */ jsx43(
+      breakingPanel.isOpen ? /* @__PURE__ */ jsx44(
         GotoBanner,
         {
           title: `Breaking changes \u2014 ${breakingRows[breakingCursor]?.componentName ?? "unknown component"}`,
@@ -29201,7 +29237,7 @@ function GenerateReviewStepView({
           width: sidebarWidth,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [D] detail \xB7 [Esc] close"
         }
-      ) : /* @__PURE__ */ jsx43(
+      ) : /* @__PURE__ */ jsx44(
         GroupedSidebar,
         {
           items: groupedItems,
@@ -29242,7 +29278,7 @@ function GenerateReviewStepView({
           graph: sidebarGraph
         }
       ),
-      selected ? /* @__PURE__ */ jsx43(
+      selected ? /* @__PURE__ */ jsx44(
         ReviewComponentPanel,
         {
           selectedKey: selected.key,
@@ -29274,12 +29310,12 @@ function GenerateReviewStepView({
           livePreview: livePreviewHook,
           livePreviewSpinner
         }
-      ) : /* @__PURE__ */ jsx43(ReviewNoSelection, {})
+      ) : /* @__PURE__ */ jsx44(ReviewNoSelection, {})
     ] }),
     !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx43(Text36, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
+      /* @__PURE__ */ jsx44(Text36, { 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__ */ jsx43(
+        return /* @__PURE__ */ jsx44(
           CyclePathLine,
           {
             segments: formatCyclePathSegments2(cycle),
@@ -29290,10 +29326,10 @@ function GenerateReviewStepView({
           `cyc-banner-${idx}`
         );
       }),
-      cycleRows.length > 3 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
-      /* @__PURE__ */ jsx43(Text36, { children: "  press [c] for detail" })
+      cycleRows.length > 3 && /* @__PURE__ */ jsx44(Text36, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
+      /* @__PURE__ */ jsx44(Text36, { children: "  press [c] for detail" })
     ] }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       SearchMatchSummary,
       {
         open: searchOpen,
@@ -29304,7 +29340,7 @@ function GenerateReviewStepView({
         hidden: dialogOpen
       }
     ),
-    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx43(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
+    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx44(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
   ] });
 }
 var HELP_SECTIONS2;
@@ -29420,16 +29456,16 @@ var init_generate_review_step = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/CustomPromptBanner.tsx
 import { Box as Box34, Text as Text37 } from "ink";
-import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
 function CustomPromptBanner({ generatePromptPath }) {
   if (!generatePromptPath) return null;
   return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
+    /* @__PURE__ */ jsx45(Text37, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
     generatePromptPath ? /* @__PURE__ */ jsxs35(Text37, { color: PALETTE.warning, children: [
       "components: ",
       generatePromptPath
     ] }) : null,
-    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
+    /* @__PURE__ */ jsx45(Text37, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
   ] });
 }
 var init_CustomPromptBanner = __esm({
@@ -29459,14 +29495,14 @@ var init_contentful_urls2 = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/SpaceEnvironment.tsx
 import { Box as Box35, Text as Text38 } from "ink";
-import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
 function SpaceEnvironment({ spaceId, environmentId }) {
   return /* @__PURE__ */ jsxs36(Box35, { gap: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: "Space:" }),
-    /* @__PURE__ */ jsx45(Text38, { children: spaceId }),
-    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: "/" }),
-    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: "Environment:" }),
-    /* @__PURE__ */ jsx45(Text38, { children: environmentId })
+    /* @__PURE__ */ jsx46(Text38, { color: PALETTE.muted, children: "Space:" }),
+    /* @__PURE__ */ jsx46(Text38, { children: spaceId }),
+    /* @__PURE__ */ jsx46(Text38, { color: PALETTE.muted, children: "/" }),
+    /* @__PURE__ */ jsx46(Text38, { color: PALETTE.muted, children: "Environment:" }),
+    /* @__PURE__ */ jsx46(Text38, { children: environmentId })
   ] });
 }
 var init_SpaceEnvironment = __esm({
@@ -29478,12 +29514,12 @@ var init_SpaceEnvironment = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/DoneStep.tsx
 import { Box as Box36, Text as Text39 } from "ink";
-import { Fragment as Fragment14, jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
 function EntityRows({ entity, label }) {
   const plural3 = (n) => `${n} ${label}${n !== 1 ? "s" : ""}`;
   return /* @__PURE__ */ jsxs37(Fragment14, { children: [
     ACTIONS.filter((action) => entity[action] > 0).map((action) => /* @__PURE__ */ jsxs37(Text39, { children: [
-      /* @__PURE__ */ jsx46(Text39, { color: PALETTE.success, children: "\u2713" }),
+      /* @__PURE__ */ jsx47(Text39, { color: PALETTE.success, children: "\u2713" }),
       " ",
       plural3(entity[action]),
       " ",
@@ -29498,8 +29534,8 @@ function EntityRows({ entity, label }) {
 }
 function LinkRow({ title, url }) {
   return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.muted, children: title }),
-    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.accent, children: url })
+    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: title }),
+    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.accent, children: url })
   ] });
 }
 function DoneStep({
@@ -29522,11 +29558,11 @@ function DoneStep({
   const success = totalFailed === 0;
   const urlArgs = { host: host ?? "api.contentful.com", spaceId, environmentId };
   return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    success ? /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
-    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx46(Text39, { color: PALETTE.muted, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx46(EntityRows, { entity: componentTypes, label: "Component Type" }),
-      /* @__PURE__ */ jsx46(EntityRows, { entity: designTokens, label: "Design Token" }),
-      summary && /* @__PURE__ */ jsx46(Box36, { marginTop: 1, children: /* @__PURE__ */ jsxs37(Text39, { color: PALETTE.muted, children: [
+    success ? /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
+    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx47(EntityRows, { entity: componentTypes, label: "Component Type" }),
+      /* @__PURE__ */ jsx47(EntityRows, { entity: designTokens, label: "Design Token" }),
+      summary && /* @__PURE__ */ jsx47(Box36, { marginTop: 1, children: /* @__PURE__ */ jsxs37(Text39, { color: PALETTE.muted, children: [
         "Push result: ",
         summary.succeeded,
         "/",
@@ -29540,7 +29576,7 @@ function DoneStep({
       ] }) })
     ] }),
     failures.length > 0 && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE.error, children: "Failure details" }),
+      /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.error, children: "Failure details" }),
       failures.map((failure) => /* @__PURE__ */ jsxs37(Text39, { color: PALETTE.error, children: [
         failure.entityType,
         " ",
@@ -29549,11 +29585,11 @@ function DoneStep({
         failure.message
       ] }, `${failure.entityType}:${failure.entityId}`))
     ] }),
-    /* @__PURE__ */ jsx46(SpaceEnvironment, { spaceId, environmentId }),
+    /* @__PURE__ */ jsx47(SpaceEnvironment, { spaceId, environmentId }),
     success && totalPushed > 0 && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx46(Text39, { color: PALETTE.success, children: "Your design system is now in Contentful Experiences." }),
-      /* @__PURE__ */ jsx46(LinkRow, { title: "View your components here:", url: buildPostPushUrl2(urlArgs) }),
-      /* @__PURE__ */ jsx46(
+      /* @__PURE__ */ jsx47(Text39, { 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(
         LinkRow,
         {
           title: "View your design tokens here:",
@@ -29561,7 +29597,7 @@ function DoneStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx46(Text39, { children: "[Enter / q] Exit" })
+    /* @__PURE__ */ jsx47(Text39, { children: "[Enter / q] Exit" })
   ] });
 }
 var ACTIONS;
@@ -29620,7 +29656,7 @@ import { useState as useState24 } from "react";
 import { Box as Box37, Text as Text40 } from "ink";
 import { readdirSync as readdirSync3 } from "node:fs";
 import { dirname as dirname15, basename as basename6, join as join22 } from "node:path";
-import { jsx as jsx47, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
 function autocomplete(partial) {
   if (!partial) return null;
   const normalized = normalizePath(partial);
@@ -29679,18 +29715,18 @@ function PathPrompt({
   const cursor = cursorVisible ? "\u2588" : " ";
   return /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsxs38(Box37, { gap: 1, children: [
-      /* @__PURE__ */ jsx47(Text40, { color: PALETTE.accent, children: "?" }),
+      /* @__PURE__ */ jsx48(Text40, { color: PALETTE.accent, children: "?" }),
       /* @__PURE__ */ jsxs38(Text40, { bold: true, children: [
         label,
         ":"
       ] }),
-      /* @__PURE__ */ jsx47(Text40, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
-      /* @__PURE__ */ jsx47(Text40, { children: cursor })
+      /* @__PURE__ */ jsx48(Text40, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
+      /* @__PURE__ */ jsx48(Text40, { children: cursor })
     ] }),
     /* @__PURE__ */ jsxs38(Box37, { gap: 3, children: [
-      /* @__PURE__ */ jsx47(Text40, { children: "[Enter] Confirm" }),
-      /* @__PURE__ */ jsx47(Text40, { children: "[Tab] Autocomplete" }),
-      /* @__PURE__ */ jsx47(Text40, { children: "[Esc] Cancel" })
+      /* @__PURE__ */ jsx48(Text40, { children: "[Enter] Confirm" }),
+      /* @__PURE__ */ jsx48(Text40, { children: "[Tab] Autocomplete" }),
+      /* @__PURE__ */ jsx48(Text40, { children: "[Esc] Cancel" })
     ] })
   ] });
 }
@@ -29706,10 +29742,10 @@ var init_PathPrompt = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/StepHeader.tsx
 import { Box as Box38, Text as Text41 } from "ink";
-import { jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
 function StepHeader({ stepNumber, totalSteps, title }) {
   return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsx48(Text41, { color: PALETTE.muted, children: "\u2500".repeat(40) }),
+    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "\u2500".repeat(40) }),
     /* @__PURE__ */ jsxs39(Box38, { gap: 1, children: [
       /* @__PURE__ */ jsxs39(Text41, { bold: true, children: [
         "Step ",
@@ -29717,10 +29753,10 @@ function StepHeader({ stepNumber, totalSteps, title }) {
         " of ",
         totalSteps
       ] }),
-      /* @__PURE__ */ jsx48(Text41, { bold: true, children: "\u2014" }),
-      /* @__PURE__ */ jsx48(Text41, { bold: true, children: title })
+      /* @__PURE__ */ jsx49(Text41, { bold: true, children: "\u2014" }),
+      /* @__PURE__ */ jsx49(Text41, { bold: true, children: title })
     ] }),
-    /* @__PURE__ */ jsx48(Text41, { color: PALETTE.muted, children: "\u2500".repeat(40) })
+    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "\u2500".repeat(40) })
   ] });
 }
 var init_StepHeader = __esm({
@@ -29733,7 +29769,7 @@ var init_StepHeader = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-timed-spinner.tsx
 import { useEffect as useEffect18, useState as useState25 } from "react";
 import { Spinner as Spinner2 } from "@inkjs/ui";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function useTimedSpinner() {
   const [elapsedSeconds, setElapsedSeconds] = useState25(0);
   useEffect18(() => {
@@ -29745,7 +29781,7 @@ function useTimedSpinner() {
   const mins = Math.floor(elapsedSeconds / 60);
   const secs = elapsedSeconds % 60;
   return {
-    spinner: /* @__PURE__ */ jsx49(Spinner2, {}),
+    spinner: /* @__PURE__ */ jsx50(Spinner2, {}),
     elapsed: mins > 0 ? `${mins}m ${secs}s` : `${secs}s`
   };
 }
@@ -29758,21 +29794,21 @@ var init_use_timed_spinner = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PushingStep.tsx
 import { Box as Box39, Text as Text42 } from "ink";
 import { ProgressBar as ProgressBar2, ThemeProvider as ThemeProvider2 } from "@inkjs/ui";
-import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs40 } 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__ */ jsxs40(Box39, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx50(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
-    /* @__PURE__ */ jsx50(Text42, { children: "Writing component types and design tokens to your Contentful space..." }),
+    /* @__PURE__ */ jsx51(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
+    /* @__PURE__ */ jsx51(Text42, { children: "Writing component types and design tokens to your Contentful space..." }),
     operationId && /* @__PURE__ */ jsxs40(Box39, { gap: 1, children: [
-      /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: "Operation:" }),
-      /* @__PURE__ */ jsx50(Text42, { children: operationId })
+      /* @__PURE__ */ jsx51(Text42, { color: PALETTE.muted, children: "Operation:" }),
+      /* @__PURE__ */ jsx51(Text42, { children: operationId })
     ] }),
-    showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx50(Box39, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs40(Box39, { gap: 2, children: [
-      /* @__PURE__ */ jsx50(Box39, { width: 40, children: /* @__PURE__ */ jsx50(ThemeProvider2, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx50(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
+    showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx51(Box39, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs40(Box39, { gap: 2, children: [
+      /* @__PURE__ */ jsx51(Box39, { width: 40, children: /* @__PURE__ */ jsx51(ThemeProvider2, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx51(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
       /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
         progress.processed,
         "/",
@@ -29781,10 +29817,10 @@ function PushingStep({ stepNumber, totalSteps, progress }) {
       ] })
     ] }) }),
     showCurrent && /* @__PURE__ */ jsxs40(Box39, { gap: 1, children: [
-      /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: "Now processing:" }),
-      /* @__PURE__ */ jsx50(Text42, { children: showCurrent })
+      /* @__PURE__ */ jsx51(Text42, { color: PALETTE.muted, children: "Now processing:" }),
+      /* @__PURE__ */ jsx51(Text42, { children: showCurrent })
     ] }),
-    /* @__PURE__ */ jsx50(Box39, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
+    /* @__PURE__ */ jsx51(Box39, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -29984,7 +30020,7 @@ var init_preview_confirmation_input = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx
 import { useEffect as useEffect19, useState as useState26, useMemo as useMemo5 } from "react";
 import { Box as Box40, Text as Text43 } from "ink";
-import { Fragment as Fragment15, jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
 function buildPreviewSummaryLines(preview) {
   const lines = [];
   const { components, tokens } = preview;
@@ -30239,9 +30275,9 @@ function WizardPreviewStep({
     }
   });
   return /* @__PURE__ */ jsxs41(Box40, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 2, children: [
-    /* @__PURE__ */ jsx51(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
+    /* @__PURE__ */ jsx52(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
     hasAnything ? /* @__PURE__ */ jsxs41(Fragment15, { children: [
-      /* @__PURE__ */ jsx51(Text43, { children: "Here's what will happen in your space:" }),
+      /* @__PURE__ */ jsx52(Text43, { children: "Here's what will happen in your space:" }),
       /* @__PURE__ */ jsxs41(
         WindowedPanel,
         {
@@ -30250,24 +30286,24 @@ function WizardPreviewStep({
           title: diffExpanded ? `Diff (${diffLines.length} lines)` : "",
           focused: false,
           children: [
-            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx51(Text43, { color: line.color === "gray" ? PALETTE.muted : line.color, wrap: "truncate-end", children: line.text }, line.key)),
-            /* @__PURE__ */ jsx51(Text43, { color: PALETTE.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
+            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx52(Text43, { color: line.color === "gray" ? PALETTE.muted : line.color, wrap: "truncate-end", children: line.text }, line.key)),
+            /* @__PURE__ */ jsx52(Text43, { color: PALETTE.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
           ]
         }
       )
-    ] }) : /* @__PURE__ */ jsx51(Text43, { color: PALETTE.muted, children: "Nothing to push \u2014 everything is already up to date." }),
-    breakingWithImpact && /* @__PURE__ */ jsx51(Box40, { marginTop: 1, children: /* @__PURE__ */ jsx51(Text43, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
-    /* @__PURE__ */ jsx51(SpaceEnvironment, { spaceId, environmentId }),
+    ] }) : /* @__PURE__ */ jsx52(Text43, { color: PALETTE.muted, children: "Nothing to push \u2014 everything is already up to date." }),
+    breakingWithImpact && /* @__PURE__ */ jsx52(Box40, { marginTop: 1, children: /* @__PURE__ */ jsx52(Text43, { 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__ */ jsxs41(Box40, { gap: 3, marginTop: 1, children: [
-      /* @__PURE__ */ jsx51(Text43, { children: "[Enter] Push to Contentful" }),
+      /* @__PURE__ */ jsx52(Text43, { children: "[Enter] Push to Contentful" }),
       /* @__PURE__ */ jsxs41(Text43, { children: [
         "[d] ",
         diffExpanded ? "Hide" : "Show",
         " diff"
       ] }),
-      diffExpanded && /* @__PURE__ */ jsx51(Text43, { children: "[\u2191\u2193] Scroll [f/b] Page" }),
-      onEdit && /* @__PURE__ */ jsx51(Text43, { children: "[e] Edit definitions" }),
-      /* @__PURE__ */ jsx51(Text43, { children: "[q] Cancel" })
+      diffExpanded && /* @__PURE__ */ jsx52(Text43, { children: "[\u2191\u2193] Scroll [f/b] Page" }),
+      onEdit && /* @__PURE__ */ jsx52(Text43, { children: "[e] Edit definitions" }),
+      /* @__PURE__ */ jsx52(Text43, { children: "[q] Cancel" })
     ] })
   ] });
 }
@@ -30299,7 +30335,7 @@ var init_run_teaser = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
 import { Box as Box41 } from "ink";
-import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
 function totalStepsFor(state2) {
   const hasTokenStage = !!state2.tokensPath || !!state2.rawTokensPath;
   return 3 + (hasTokenStage ? 1 : 0) + 2 + (state2.mapTokensEligible === true ? 1 : 0);
@@ -30320,7 +30356,7 @@ function FlowScreen({
   const content = (() => {
     switch (state2.step) {
       case "final-review":
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx53(
           GenerateReviewStep,
           {
             extractSessionId: state2.extractSessionId,
@@ -30337,7 +30373,7 @@ function FlowScreen({
           }
         );
       case "previewing":
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx53(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -30348,7 +30384,7 @@ function FlowScreen({
         );
       case "preview-gate":
         if (!state2.serverPreview) return null;
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx53(
           WizardPreviewStep,
           {
             preview: state2.serverPreview,
@@ -30362,9 +30398,9 @@ function FlowScreen({
           }
         );
       case "pushing":
-        return /* @__PURE__ */ jsx52(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state2.pushProgress });
+        return /* @__PURE__ */ jsx53(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state2.pushProgress });
       case "path-prompt":
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx53(
           PathPrompt,
           {
             defaultPath: state2.outDir,
@@ -30373,7 +30409,7 @@ function FlowScreen({
           }
         );
       case "printing":
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx53(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -30384,7 +30420,7 @@ function FlowScreen({
         );
       case "print-gate": {
         const teaser = buildRunTeaserLine(state2.lastRunId);
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx53(
           GateStep,
           {
             message: "Files saved",
@@ -30398,7 +30434,7 @@ function FlowScreen({
       }
       case "done": {
         const totalFailed = state2.pushResult.componentTypes.failed + state2.pushResult.designTokens.failed;
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx53(
           DoneStep,
           {
             componentTypes: state2.pushResult.componentTypes,
@@ -30413,7 +30449,7 @@ function FlowScreen({
         );
       }
       case "preview-validation-error":
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx53(
           PreviewValidationErrorScreen,
           {
             errors: state2.previewValidationErrors,
@@ -30424,7 +30460,7 @@ function FlowScreen({
           }
         );
       case "error":
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx53(
           ErrorStep,
           {
             stepName: state2.errorStep,
@@ -30436,7 +30472,7 @@ function FlowScreen({
     }
   })();
   return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx52(CustomPromptBanner, { generatePromptPath }),
+    /* @__PURE__ */ jsx53(CustomPromptBanner, { generatePromptPath }),
     content
   ] });
 }
@@ -31245,9 +31281,9 @@ var init_controller = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow.ts
-import { useEffect as useEffect20, useRef as useRef12, useSyncExternalStore } from "react";
+import { useEffect as useEffect20, useRef as useRef13, useSyncExternalStore } from "react";
 function useFlow(start, options = {}) {
-  const controller = useRef12();
+  const controller = useRef13();
   if (start && !controller.current) {
     try {
       startWizardLog();
@@ -31640,14 +31676,14 @@ var init_help_info = __esm({
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
 import { useEffect as useEffect21, useState as useState27 } from "react";
-import { Box as Box42, Text as Text44, useInput as useInput9 } from "ink";
-import { Fragment as Fragment16, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Box as Box42, Text as Text44, useInput as useInput10 } from "ink";
+import { Fragment as Fragment16, jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
 function Section({ title, rows }) {
   return /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx53(Text44, { bold: true, color: PALETTE.accent, children: title }),
+    /* @__PURE__ */ jsx54(Text44, { bold: true, color: PALETTE.accent, children: title }),
     rows.map((row) => /* @__PURE__ */ jsxs43(Box42, { gap: 1, children: [
-      /* @__PURE__ */ jsx53(Box42, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx53(Text44, { color: PALETTE.muted, children: row.label }) }),
-      /* @__PURE__ */ jsx53(Text44, { children: row.value })
+      /* @__PURE__ */ jsx54(Box42, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx54(Text44, { color: PALETTE.muted, children: row.label }) }),
+      /* @__PURE__ */ jsx54(Text44, { children: row.value })
     ] }, row.label))
   ] });
 }
@@ -31661,7 +31697,7 @@ function HelpScreen({ onDone }) {
     void finishDebugRun({ outputs: {}, status: "success", exitMethod });
     onDone();
   };
-  useInput9((input, key) => {
+  useInput10((input, key) => {
     if (key.return) {
       leave("saved");
       return;
@@ -31672,13 +31708,13 @@ function HelpScreen({ onDone }) {
     }
   });
   return /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
-    /* @__PURE__ */ jsx53(Text44, { bold: true, children: "Help" }),
+    /* @__PURE__ */ jsx54(Text44, { bold: true, children: "Help" }),
     info ? /* @__PURE__ */ jsxs43(Fragment16, { children: [
-      /* @__PURE__ */ jsx53(Section, { title: "Where things are stored", rows: info.storage }),
-      /* @__PURE__ */ jsx53(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
-      /* @__PURE__ */ jsx53(Text44, { 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__ */ jsx53(Text44, { color: PALETTE.accent, children: "Loading..." }),
-    /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx54(Section, { title: "Where things are stored", rows: info.storage }),
+      /* @__PURE__ */ jsx54(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
+      /* @__PURE__ */ jsx54(Text44, { 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(Text44, { color: PALETTE.accent, children: "Loading..." }),
+    /* @__PURE__ */ jsx54(
       ControlHints,
       {
         hints: [
@@ -31701,8 +31737,8 @@ var init_PageContainer2 = __esm({
 
 // packages/experience-design-system-cli/src/tui/settings/PageContainer.tsx
 import { useState as useState28 } from "react";
-import { Box as Box43, Text as Text45, useInput as useInput10 } from "ink";
-import { jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Box as Box43, Text as Text45, useInput as useInput11 } from "ink";
+import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 function SettingsScreen({
   onNavigate,
   onBack
@@ -31713,7 +31749,7 @@ function SettingsScreen({
     { label: "Opt-in Analytics", screen: "settings-opt-in-analytics" },
     { label: "Debug Mode", screen: "settings-debug-mode" }
   ];
-  useInput10((input, key) => {
+  useInput11((input, key) => {
     if (key.upArrow) {
       setFocusIdx((i) => (i - 1 + items.length) % items.length);
       return;
@@ -31734,14 +31770,14 @@ function SettingsScreen({
     }
   });
   return /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx54(Text45, { bold: true, children: "Settings" }),
-    /* @__PURE__ */ jsx54(Text45, { color: PALETTE.muted, children: " " }),
+    /* @__PURE__ */ jsx55(Text45, { bold: true, children: "Settings" }),
+    /* @__PURE__ */ jsx55(Text45, { color: PALETTE.muted, children: " " }),
     items.map((item, i) => /* @__PURE__ */ jsxs44(Text45, { color: i === focusIdx ? PALETTE.accent : void 0, children: [
       i === focusIdx ? "> " : "  ",
       item.label
     ] }, item.label)),
-    /* @__PURE__ */ jsx54(Text45, { children: " " }),
-    /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx55(Text45, { children: " " }),
+    /* @__PURE__ */ jsx55(
       ControlHints,
       {
         hints: [
@@ -32050,9 +32086,8 @@ var init_agent_debug = __esm({
 
 // packages/experience-design-system-cli/src/tui/settings/shared/FieldForm.tsx
 import { useState as useState29 } from "react";
-import { Box as Box44, Text as Text46, useInput as useInput11 } from "ink";
-import TextInput4 from "ink-text-input";
-import { Fragment as Fragment17, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Box as Box44, Text as Text46, useInput as useInput12 } from "ink";
+import { Fragment as Fragment17, jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
 function formLabelWidth(rows) {
   return Math.max(...rows.map((row) => row.label.length));
 }
@@ -32062,8 +32097,8 @@ function FormReadOnlyRow({
   children
 }) {
   return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
-    /* @__PURE__ */ jsx55(Text46, { children: " " }),
-    /* @__PURE__ */ jsx55(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: label }) }),
+    /* @__PURE__ */ jsx56(Text46, { children: " " }),
+    /* @__PURE__ */ jsx56(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text46, { color: PALETTE.muted, children: label }) }),
     children
   ] });
 }
@@ -32087,7 +32122,7 @@ function FieldForm({
   const labelWidth = formLabelWidth([...fields2, ...actions]);
   const currentField = active < fields2.length ? fields2[active] : void 0;
   const currentAction = currentField ? void 0 : actions[active - fields2.length];
-  useInput11((input, key) => {
+  useInput12((input, key) => {
     if (busy) return;
     if (editing) {
       if (key.escape && currentField) {
@@ -32104,7 +32139,7 @@ function FieldForm({
       onSave();
       return;
     }
-    if (input === "c" && currentField) {
+    if (isClearKey(input, key) && currentField) {
       onChange(currentField.key, "");
       return;
     }
@@ -32125,11 +32160,11 @@ function FieldForm({
       }
     }
   });
-  const pointer = (isActive) => /* @__PURE__ */ jsx55(Text46, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " });
+  const pointer = (isActive) => /* @__PURE__ */ jsx56(Text46, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " });
   return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx55(Text46, { bold: true, children: title }),
-    subtitle && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: subtitle }),
-    /* @__PURE__ */ jsx55(Text46, { children: " " }),
+    /* @__PURE__ */ jsx56(Text46, { bold: true, children: title }),
+    subtitle && /* @__PURE__ */ jsx56(Text46, { color: PALETTE.muted, children: subtitle }),
+    /* @__PURE__ */ jsx56(Text46, { children: " " }),
     /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", children: [
       fields2.map((field, index) => {
         const isActive = index === active;
@@ -32137,34 +32172,34 @@ function FieldForm({
         const display = field.masked ? "\u2022".repeat(value.length) : value;
         return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
           pointer(isActive),
-          /* @__PURE__ */ jsx55(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
-          isActive && editing ? /* @__PURE__ */ jsx55(
-            TextInput4,
+          /* @__PURE__ */ jsx56(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text46, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
+          isActive && editing ? /* @__PURE__ */ jsx56(
+            ClearableTextInput,
             {
               value,
               onChange: (next) => onChange(field.key, next),
               onSubmit: () => setEditing(false),
               mask: field.masked ? "\u2022" : void 0
             }
-          ) : display ? /* @__PURE__ */ jsx55(Text46, { bold: true, children: display }) : (
+          ) : display ? /* @__PURE__ */ jsx56(Text46, { 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__ */ jsx55(Text46, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
+            /* @__PURE__ */ jsx56(Text46, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
           ),
-          display && field.hint && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: field.hint })
+          display && field.hint && /* @__PURE__ */ jsx56(Text46, { color: PALETTE.muted, children: field.hint })
         ] }, field.key);
       }),
       actions.map((action, index) => {
         const isActive = fields2.length + index === active;
         return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
           pointer(isActive),
-          /* @__PURE__ */ jsx55(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: action.label }) }),
-          /* @__PURE__ */ jsx55(Text46, { color: action.running ? PALETTE.accent : PALETTE.muted, children: action.running ? action.runningText ?? "running..." : action.description })
+          /* @__PURE__ */ jsx56(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text46, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: action.label }) }),
+          /* @__PURE__ */ jsx56(Text46, { color: action.running ? PALETTE.accent : PALETTE.muted, children: action.running ? action.runningText ?? "running..." : action.description })
         ] }, action.label);
       })
     ] }),
     notice && /* @__PURE__ */ jsxs45(Fragment17, { children: [
-      /* @__PURE__ */ jsx55(Text46, { children: " " }),
+      /* @__PURE__ */ jsx56(Text46, { children: " " }),
       /* @__PURE__ */ jsxs45(Text46, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
@@ -32172,19 +32207,20 @@ function FieldForm({
       ] })
     ] }),
     children,
-    /* @__PURE__ */ jsx55(Text46, { children: " " }),
-    /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx56(Text46, { children: " " }),
+    /* @__PURE__ */ jsx56(
       ControlHints,
       {
         hints: editing ? [
           { keys: "type", label: "edit" },
           { keys: "\u2190/\u2192", label: "move cursor" },
           { keys: "\u23CE", label: "done" },
+          { keys: "Ctrl+D", label: "clear" },
           { keys: "Esc", label: "cancel edit" }
         ] : [
           { keys: "\u2191/\u2193", label: "move" },
           { keys: "\u23CE", label: currentAction ? currentAction.hint : "edit" },
-          ...currentField ? [{ keys: "c", label: "clear" }] : [],
+          ...currentField ? [{ keys: "Ctrl+D", label: "clear" }] : [],
           { keys: "s", label: "save" },
           { keys: "Esc/q", label: "back without saving" }
         ]
@@ -32197,19 +32233,20 @@ var init_FieldForm = __esm({
     "use strict";
     init_theme();
     init_control_hints();
+    init_ClearableTextInput();
   }
 });
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentStatusBadge.tsx
 import { Text as Text47 } from "ink";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function AgentStatusBadge({
   name,
   checks,
   binary
 }) {
   const { symbol, text, tone } = LIST_STATUS[checks ? statusFromChecks(name, checks, binary) : "checking"];
-  return /* @__PURE__ */ jsx56(Text47, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
+  return /* @__PURE__ */ jsx57(Text47, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
 }
 var TONE_COLOR;
 var init_AgentStatusBadge = __esm({
@@ -32228,11 +32265,11 @@ var init_AgentStatusBadge = __esm({
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx
 import { useEffect as useEffect22, useState as useState30 } from "react";
 import { Box as Box45, Text as Text48 } from "ink";
-import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 function StatusHeading() {
   return /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
-    /* @__PURE__ */ jsx57(Text48, { bold: true, color: PALETTE.muted, children: "STATUS" }),
-    /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "\xB7 read only" })
+    /* @__PURE__ */ jsx58(Text48, { bold: true, color: PALETTE.muted, children: "STATUS" }),
+    /* @__PURE__ */ jsx58(Text48, { color: PALETTE.muted, children: "\xB7 read only" })
   ] });
 }
 function AgentDetail({
@@ -32295,7 +32332,7 @@ function AgentDetail({
   };
   const formFields = fields(name);
   const labelWidth = formLabelWidth([...formFields, action]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     FieldForm,
     {
       title: AGENT_LABELS[name],
@@ -32313,8 +32350,8 @@ function AgentDetail({
       notice: testing ? null : notice,
       busy: saving || testing,
       children: /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx57(StatusHeading, {}),
-        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx57(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx57(Text48, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
+        /* @__PURE__ */ jsx58(StatusHeading, {}),
+        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx58(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx58(Text48, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
       ] })
     }
   );
@@ -32339,9 +32376,9 @@ var init_AgentDetail = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentsScreen.tsx
-import { useEffect as useEffect23, useRef as useRef13, useState as useState31 } from "react";
-import { Box as Box46, Text as Text49, useInput as useInput12 } from "ink";
-import { Fragment as Fragment18, jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
+import { useEffect as useEffect23, useRef as useRef14, useState as useState31 } from "react";
+import { Box as Box46, Text as Text49, useInput as useInput13 } from "ink";
+import { Fragment as Fragment18, jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 function AgentsScreen({ onDone }) {
   const [config, setConfig] = useState31(null);
   const [focus, setFocus] = useState31(0);
@@ -32350,7 +32387,7 @@ function AgentsScreen({ onDone }) {
   const [saving, setSaving] = useState31(false);
   const [loadError, setLoadError] = useState31(null);
   const [checks, setChecks] = useState31({});
-  const visit = useRef13({
+  const visit = useRef14({
     trail: createTrail(),
     before: void 0,
     environment: void 0,
@@ -32417,7 +32454,7 @@ function AgentsScreen({ onDone }) {
       setNotice({ kind: "error", text: `Default agent not changed: ${visit.error}` });
     }).finally(() => setSaving(false));
   };
-  useInput12((input, key) => {
+  useInput13((input, key) => {
     if (loadError && (key.escape || input === "q")) {
       endVisit(null);
       onDone();
@@ -32450,20 +32487,20 @@ function AgentsScreen({ onDone }) {
   });
   if (!config) {
     return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx58(Text49, { bold: true, children: "Agents" }),
-      /* @__PURE__ */ jsx58(Text49, { children: " " }),
+      /* @__PURE__ */ jsx59(Text49, { bold: true, children: "Agents" }),
+      /* @__PURE__ */ jsx59(Text49, { children: " " }),
       loadError ? /* @__PURE__ */ jsxs47(Fragment18, { children: [
         /* @__PURE__ */ jsxs47(Text49, { color: PALETTE.error, children: [
           "\u2717 Could not read the settings: ",
           loadError
         ] }),
-        /* @__PURE__ */ jsx58(Text49, { children: " " }),
-        /* @__PURE__ */ jsx58(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
-      ] }) : /* @__PURE__ */ jsx58(Text49, { color: PALETTE.accent, children: "Loading..." })
+        /* @__PURE__ */ jsx59(Text49, { children: " " }),
+        /* @__PURE__ */ jsx59(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
+      ] }) : /* @__PURE__ */ jsx59(Text49, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
   if (open) {
-    return /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx59(
       AgentDetail,
       {
         name: open,
@@ -32485,46 +32522,46 @@ function AgentsScreen({ onDone }) {
   }
   const focusedAgent = AGENT_NAMES[focus];
   return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx58(Text49, { bold: true, children: "Agents" }),
-    /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
-    /* @__PURE__ */ jsx58(Text49, { children: " " }),
+    /* @__PURE__ */ jsx59(Text49, { bold: true, children: "Agents" }),
+    /* @__PURE__ */ jsx59(Text49, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
+    /* @__PURE__ */ jsx59(Text49, { children: " " }),
     /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
-      /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: "Default agent" }),
-      /* @__PURE__ */ jsx58(Text49, { bold: true, children: AGENT_LABELS[config.defaultAgent] }),
-      saving && /* @__PURE__ */ jsx58(Text49, { color: PALETTE.accent, children: "\u2026 saving" })
+      /* @__PURE__ */ jsx59(Text49, { color: PALETTE.muted, children: "Default agent" }),
+      /* @__PURE__ */ jsx59(Text49, { bold: true, children: AGENT_LABELS[config.defaultAgent] }),
+      saving && /* @__PURE__ */ jsx59(Text49, { color: PALETTE.accent, children: "\u2026 saving" })
     ] }),
     /* @__PURE__ */ jsxs47(Box46, { marginTop: 1, gap: 1, children: [
-      /* @__PURE__ */ jsx58(Text49, { children: " " }),
-      /* @__PURE__ */ jsx58(Text49, { children: " " }),
-      /* @__PURE__ */ jsx58(Box46, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: "AGENT" }) }),
-      /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: "STATUS" })
+      /* @__PURE__ */ jsx59(Text49, { children: " " }),
+      /* @__PURE__ */ jsx59(Text49, { children: " " }),
+      /* @__PURE__ */ jsx59(Box46, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx59(Text49, { color: PALETTE.muted, children: "AGENT" }) }),
+      /* @__PURE__ */ jsx59(Text49, { color: PALETTE.muted, children: "STATUS" })
     ] }),
     AGENT_NAMES.map((name) => {
       const isFocused = focusedAgent === name;
       return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
-        /* @__PURE__ */ jsx58(Text49, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " }),
-        /* @__PURE__ */ jsx58(Text49, { color: PALETTE.success, children: name === config.defaultAgent ? "\u2605" : " " }),
-        /* @__PURE__ */ jsx58(Box46, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx58(Text49, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
-        /* @__PURE__ */ jsx58(AgentStatusBadge, { name, checks: checks[name], binary: config.agents[name].binary })
+        /* @__PURE__ */ jsx59(Text49, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " }),
+        /* @__PURE__ */ jsx59(Text49, { color: PALETTE.success, children: name === config.defaultAgent ? "\u2605" : " " }),
+        /* @__PURE__ */ jsx59(Box46, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx59(Text49, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
+        /* @__PURE__ */ jsx59(AgentStatusBadge, { name, checks: checks[name], binary: config.agents[name].binary })
       ] }, name);
     }),
     /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
+      /* @__PURE__ */ jsx59(Text49, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
       panelRows(focusedAgent, checks[focusedAgent], config.agents[focusedAgent]).map((row) => /* @__PURE__ */ jsxs47(Box46, { gap: 1, paddingLeft: 1, children: [
-        /* @__PURE__ */ jsx58(Box46, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: row.label }) }),
-        /* @__PURE__ */ jsx58(Text49, { color: TONE_COLOR[row.tone], children: row.value })
+        /* @__PURE__ */ jsx59(Box46, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx59(Text49, { color: PALETTE.muted, children: row.label }) }),
+        /* @__PURE__ */ jsx59(Text49, { color: TONE_COLOR[row.tone], children: row.value })
       ] }, row.label))
     ] }),
     notice && /* @__PURE__ */ jsxs47(Fragment18, { children: [
-      /* @__PURE__ */ jsx58(Text49, { children: " " }),
+      /* @__PURE__ */ jsx59(Text49, { children: " " }),
       /* @__PURE__ */ jsxs47(Text49, { bold: true, color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
       ] })
     ] }),
-    /* @__PURE__ */ jsx58(Text49, { children: " " }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(Text49, { children: " " }),
+    /* @__PURE__ */ jsx59(
       ControlHints,
       {
         hints: [
@@ -32588,9 +32625,9 @@ var init_project_store = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
-import { useEffect as useEffect24, useRef as useRef14, useState as useState32 } from "react";
-import { Box as Box47, Text as Text50, useInput as useInput13 } from "ink";
-import { Fragment as Fragment19, jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
+import { useEffect as useEffect24, useRef as useRef15, useState as useState32 } from "react";
+import { Box as Box47, Text as Text50, useInput as useInput14 } from "ink";
+import { Fragment as Fragment19, jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 function debugFields(config) {
   return {
     space_id: config?.spaceId ?? "",
@@ -32607,7 +32644,7 @@ function ProjectScreen({ onDone }) {
   const [saving, setSaving] = useState32(false);
   const [notice, setNotice] = useState32(null);
   const [loadError, setLoadError] = useState32(null);
-  const visit = useRef14({
+  const visit = useRef15({
     trail: createTrail(),
     before: void 0,
     persisted: void 0,
@@ -32652,7 +32689,7 @@ function ProjectScreen({ onDone }) {
       exitMethod: change.changed ? "saved" : "discarded"
     });
   };
-  useInput13((input, key) => {
+  useInput14((input, key) => {
     if (!config && loadError && (key.escape || input === "q")) {
       endVisit(null);
       onDone();
@@ -32660,16 +32697,16 @@ function ProjectScreen({ onDone }) {
   });
   if (!config) {
     return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx59(Text50, { bold: true, children: "Project" }),
-      /* @__PURE__ */ jsx59(Text50, { children: " " }),
+      /* @__PURE__ */ jsx60(Text50, { bold: true, children: "Project" }),
+      /* @__PURE__ */ jsx60(Text50, { children: " " }),
       loadError ? /* @__PURE__ */ jsxs48(Fragment19, { children: [
         /* @__PURE__ */ jsxs48(Text50, { 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(Text50, { children: " " }),
+        /* @__PURE__ */ jsx60(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
+      ] }) : /* @__PURE__ */ jsx60(Text50, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
   const save = () => {
@@ -32690,7 +32727,7 @@ function ProjectScreen({ onDone }) {
     endVisit(config);
     onDone();
   };
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     FieldForm,
     {
       title: "Project",
@@ -32735,13 +32772,13 @@ var init_ProjectScreen = __esm({
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/ConfigurationScreen.tsx
 import { useState as useState33 } from "react";
-import { Box as Box48, Text as Text51, useInput as useInput14 } from "ink";
-import { jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Box as Box48, Text as Text51, useInput as useInput15 } from "ink";
+import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
 function ConfigurationScreen({ onDone }) {
   const [focus, setFocus] = useState33(0);
   const [open, setOpen] = useState33(null);
   const close = () => setOpen(null);
-  useInput14((input, key) => {
+  useInput15((input, key) => {
     if (open) return;
     if (key.upArrow) {
       setFocus((i) => (i - 1 + SECTIONS.length) % SECTIONS.length);
@@ -32757,18 +32794,18 @@ function ConfigurationScreen({ onDone }) {
     }
     if (key.escape || input === "q") onDone();
   });
-  if (open === "project") return /* @__PURE__ */ jsx60(ProjectScreen, { onDone: close });
-  if (open === "agents") return /* @__PURE__ */ jsx60(AgentsScreen, { onDone: close });
+  if (open === "project") return /* @__PURE__ */ jsx61(ProjectScreen, { onDone: close });
+  if (open === "agents") return /* @__PURE__ */ jsx61(AgentsScreen, { onDone: close });
   return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx60(Text51, { bold: true, children: "Configuration" }),
-    /* @__PURE__ */ jsx60(Text51, { children: " " }),
+    /* @__PURE__ */ jsx61(Text51, { bold: true, children: "Configuration" }),
+    /* @__PURE__ */ jsx61(Text51, { children: " " }),
     SECTIONS.map((section, index) => /* @__PURE__ */ jsxs49(Box48, { gap: 1, children: [
-      /* @__PURE__ */ jsx60(Text51, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
-      /* @__PURE__ */ jsx60(Box48, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text51, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
-      /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: section.description })
+      /* @__PURE__ */ jsx61(Text51, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
+      /* @__PURE__ */ jsx61(Box48, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx61(Text51, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
+      /* @__PURE__ */ jsx61(Text51, { color: PALETTE.muted, children: section.description })
     ] }, section.id)),
-    /* @__PURE__ */ jsx60(Text51, { children: " " }),
-    /* @__PURE__ */ jsx60(
+    /* @__PURE__ */ jsx61(Text51, { children: " " }),
+    /* @__PURE__ */ jsx61(
       ControlHints,
       {
         hints: [
@@ -32801,8 +32838,8 @@ var init_ConfigurationScreen = __esm({
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
 import { useEffect as useEffect25, useState as useState34 } from "react";
-import { Box as Box49, Text as Text52, useInput as useInput15 } from "ink";
-import { Fragment as Fragment20, jsx as jsx61, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Box as Box49, Text as Text52, useInput as useInput16 } from "ink";
+import { Fragment as Fragment20, jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
   const [loading, setLoading] = useState34(true);
   const [enabled, setEnabled] = useState34(true);
@@ -32818,7 +32855,7 @@ function OptInAnalyticsScreen({ onDone }) {
       });
     });
   }, []);
-  useInput15((input, key) => {
+  useInput16((input, key) => {
     if (loading) return;
     if (key.return || input === " ") {
       setEnabled((current) => {
@@ -32834,20 +32871,20 @@ function OptInAnalyticsScreen({ onDone }) {
     }
   });
   return /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx61(Text52, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
-    /* @__PURE__ */ jsx61(Text52, { children: " " }),
-    loading ? /* @__PURE__ */ jsx61(Text52, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs50(Fragment20, { children: [
+    /* @__PURE__ */ jsx62(Text52, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
+    /* @__PURE__ */ jsx62(Text52, { children: " " }),
+    loading ? /* @__PURE__ */ jsx62(Text52, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs50(Fragment20, { children: [
       /* @__PURE__ */ jsxs50(Text52, { children: [
         "Share anonymous usage data:",
         " ",
-        /* @__PURE__ */ jsx61(Text52, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx62(Text52, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsx61(Text52, { children: " " }),
-      /* @__PURE__ */ jsx61(Text52, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
-      /* @__PURE__ */ jsx61(Text52, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
+      /* @__PURE__ */ jsx62(Text52, { children: " " }),
+      /* @__PURE__ */ jsx62(Text52, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
+      /* @__PURE__ */ jsx62(Text52, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
     ] }),
-    /* @__PURE__ */ jsx61(Text52, { children: " " }),
-    /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx62(Text52, { children: " " }),
+    /* @__PURE__ */ jsx62(
       ControlHints,
       {
         hints: [
@@ -32869,9 +32906,9 @@ var init_screen11 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
-import { useEffect as useEffect26, useRef as useRef15, useState as useState35 } from "react";
-import { Box as Box50, Text as Text53, useInput as useInput16 } from "ink";
-import { Fragment as Fragment21, jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
+import { useEffect as useEffect26, useRef as useRef16, useState as useState35 } from "react";
+import { Box as Box50, Text as Text53, useInput as useInput17 } from "ink";
+import { Fragment as Fragment21, jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
 function DebugModeScreen({ onDone }) {
   const [setting, setSetting] = useState35(null);
   const [focus, setFocus] = useState35("enabled");
@@ -32879,7 +32916,7 @@ function DebugModeScreen({ onDone }) {
     RETENTION_CHOICES[RETENTION_CHOICES.length - 1]
   );
   const [notice, setNotice] = useState35(null);
-  const visit = useRef15({ trail: createTrail(), before: void 0, error: "" }).current;
+  const visit = useRef16({ trail: createTrail(), before: void 0, error: "" }).current;
   useEffect26(() => {
     readDebugModeSetting().then((loaded) => {
       setSetting(loaded);
@@ -32920,7 +32957,7 @@ function DebugModeScreen({ onDone }) {
       exitMethod: change.changed ? "saved" : "discarded"
     });
   };
-  useInput16((input, key) => {
+  useInput17((input, key) => {
     if (!setting) return;
     if (key.upArrow || key.downArrow) {
       setFocus((current) => ROWS[(ROWS.indexOf(current) + (key.downArrow ? 1 : ROWS.length - 1)) % ROWS.length]);
@@ -32947,16 +32984,16 @@ function DebugModeScreen({ onDone }) {
       onDone();
     }
   });
-  const marker = (row) => /* @__PURE__ */ jsx62(Text53, { color: focus === row ? PALETTE.accent : void 0, children: focus === row ? "\u276F" : " " });
-  const label = (row, text) => /* @__PURE__ */ jsx62(Text53, { bold: focus === row, color: focus === row ? PALETTE.accent : PALETTE.muted, children: text });
+  const marker = (row) => /* @__PURE__ */ jsx63(Text53, { color: focus === row ? PALETTE.accent : void 0, children: focus === row ? "\u276F" : " " });
+  const label = (row, text) => /* @__PURE__ */ jsx63(Text53, { bold: focus === row, color: focus === row ? PALETTE.accent : PALETTE.muted, children: text });
   return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx62(Text53, { bold: true, children: "Settings \u203A Debug Mode" }),
-    /* @__PURE__ */ jsx62(Text53, { children: " " }),
+    /* @__PURE__ */ jsx63(Text53, { bold: true, children: "Settings \u203A Debug Mode" }),
+    /* @__PURE__ */ jsx63(Text53, { children: " " }),
     setting ? /* @__PURE__ */ jsxs51(Fragment21, { children: [
       /* @__PURE__ */ jsxs51(Box50, { gap: 1, children: [
         marker("enabled"),
         label("enabled", "Debug logging:"),
-        /* @__PURE__ */ jsx62(Text53, { bold: true, color: setting.enabled ? PALETTE.success : PALETTE.muted, children: setting.enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx63(Text53, { bold: true, color: setting.enabled ? PALETTE.success : PALETTE.muted, children: setting.enabled ? "On" : "Off" })
       ] }),
       /* @__PURE__ */ jsxs51(Box50, { gap: 1, children: [
         marker("retentionDays"),
@@ -32964,7 +33001,7 @@ function DebugModeScreen({ onDone }) {
         RETENTION_CHOICES.map((days) => {
           const highlighted = focus === "retentionDays" && days === pending;
           const saved = days === setting.retentionDays;
-          return /* @__PURE__ */ jsx62(
+          return /* @__PURE__ */ jsx63(
             Text53,
             {
               bold: highlighted || saved,
@@ -32976,15 +33013,15 @@ function DebugModeScreen({ onDone }) {
           );
         })
       ] }),
-      /* @__PURE__ */ jsx62(Text53, { children: " " }),
+      /* @__PURE__ */ jsx63(Text53, { children: " " }),
       notice ? /* @__PURE__ */ jsxs51(Text53, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
-      ] }) : /* @__PURE__ */ jsx62(Text53, { color: PALETTE.muted, children: "\u2713 marks what is saved. Older logs are deleted the next time the CLI starts." })
-    ] }) : /* @__PURE__ */ jsx62(Text53, { color: PALETTE.muted, children: "Loading\u2026" }),
-    /* @__PURE__ */ jsx62(Text53, { children: " " }),
-    /* @__PURE__ */ jsx62(
+      ] }) : /* @__PURE__ */ jsx63(Text53, { color: PALETTE.muted, children: "\u2713 marks what is saved. Older logs are deleted the next time the CLI starts." })
+    ] }) : /* @__PURE__ */ jsx63(Text53, { color: PALETTE.muted, children: "Loading\u2026" }),
+    /* @__PURE__ */ jsx63(Text53, { children: " " }),
+    /* @__PURE__ */ jsx63(
       ControlHints,
       {
         hints: [
@@ -33023,7 +33060,7 @@ __export(app_exports, {
 });
 import { join as join28 } from "node:path";
 import { useEffect as useEffect27, useState as useState36 } from "react";
-import { Fragment as Fragment22, jsx as jsx63 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx64 } from "react/jsx-runtime";
 function App({ importOptions, inkClear }) {
   const [screen, setScreen] = useState36("start");
   const [importExitCode, setImportExitCode] = useState36();
@@ -33180,9 +33217,9 @@ function App({ importOptions, inkClear }) {
   };
   switch (screen) {
     case "import":
-      if (showImportResult) return /* @__PURE__ */ jsx63(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
+      if (showImportResult) return /* @__PURE__ */ jsx64(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
       if (flow && flowStart) {
-        return /* @__PURE__ */ jsx63(
+        return /* @__PURE__ */ jsx64(
           FlowScreen,
           {
             state: flow.state,
@@ -33192,12 +33229,12 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      if (importDefaults === void 0) return /* @__PURE__ */ jsx63(Fragment22, {});
+      if (importDefaults === void 0) return /* @__PURE__ */ jsx64(Fragment22, {});
       if (projectPath === void 0) {
-        return /* @__PURE__ */ jsx63(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
+        return /* @__PURE__ */ jsx64(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
       }
       if (tokensPath === void 0) {
-        return /* @__PURE__ */ jsx63(
+        return /* @__PURE__ */ jsx64(
           TokenInputScreen,
           {
             initialPath: importDefaults.tokenFile,
@@ -33207,7 +33244,7 @@ function App({ importOptions, inkClear }) {
         );
       }
       if (scannedFiles === void 0) {
-        return /* @__PURE__ */ jsx63(
+        return /* @__PURE__ */ jsx64(
           PathValidationScreen,
           {
             projectPath,
@@ -33219,10 +33256,10 @@ function App({ importOptions, inkClear }) {
       }
       if (extractionRun) {
         if (extraction?.status === "done" && !extraction.result.ok) {
-          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
         }
         if (extraction?.status === "running") {
-          return /* @__PURE__ */ jsx63(
+          return /* @__PURE__ */ jsx64(
             ExtractionScreen,
             {
               progress: extraction.progress,
@@ -33231,14 +33268,14 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx63(Fragment22, {});
+        return /* @__PURE__ */ jsx64(Fragment22, {});
       }
       if (scopeRun && scopeFlow) {
         if (scopeFlow.status === "failed") {
-          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
         }
         if (scopeFlow.status === "deciding") {
-          return /* @__PURE__ */ jsx63(
+          return /* @__PURE__ */ jsx64(
             ScopeGateScreen,
             {
               components: scopeFlow.load.components,
@@ -33248,7 +33285,7 @@ function App({ importOptions, inkClear }) {
           );
         }
         if (generation?.status === "done" && !generation.result.ok) {
-          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
         }
         if (generation?.status === "running") {
           const hasRawTokens = scopeRun.input.rawTokensPath !== "";
@@ -33256,7 +33293,7 @@ function App({ importOptions, inkClear }) {
             hasRawTokens,
             mapTokensEligible: generation.progress.mapTokensEligible
           });
-          return /* @__PURE__ */ jsx63(
+          return /* @__PURE__ */ jsx64(
             GenerationScreen,
             {
               progress: generation.progress,
@@ -33268,10 +33305,10 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx63(Fragment22, {});
+        return /* @__PURE__ */ jsx64(Fragment22, {});
       }
       if (pendingLaunch?.cached) {
-        return /* @__PURE__ */ jsx63(
+        return /* @__PURE__ */ jsx64(
           TokenReuseScreen,
           {
             tokensPath: pendingLaunch.cached.tokensPath,
@@ -33282,7 +33319,7 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      return /* @__PURE__ */ jsx63(
+      return /* @__PURE__ */ jsx64(
         CredentialsScreen,
         {
           initial: importDefaults.credentials,
@@ -33291,17 +33328,17 @@ function App({ importOptions, inkClear }) {
         }
       );
     case "help":
-      return /* @__PURE__ */ jsx63(HelpScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx64(HelpScreen, { onDone: goToStart });
     case "settings":
-      return /* @__PURE__ */ jsx63(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
+      return /* @__PURE__ */ jsx64(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
     case "settings-configuration":
-      return /* @__PURE__ */ jsx63(ConfigurationScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx64(ConfigurationScreen, { onDone: goToSettings });
     case "settings-opt-in-analytics":
-      return /* @__PURE__ */ jsx63(OptInAnalyticsScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx64(OptInAnalyticsScreen, { onDone: goToSettings });
     case "settings-debug-mode":
-      return /* @__PURE__ */ jsx63(DebugModeScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx64(DebugModeScreen, { onDone: goToSettings });
     case "start":
-      return /* @__PURE__ */ jsx63(HomeScreen, { onNavigate: setScreen });
+      return /* @__PURE__ */ jsx64(HomeScreen, { onNavigate: setScreen });
   }
 }
 async function runApp(renderApp, importOptions) {
@@ -33309,7 +33346,7 @@ async function runApp(renderApp, importOptions) {
     instance.clear?.();
     process.stdout.write("\x1B[H\x1B[0J");
   };
-  const instance = renderApp(/* @__PURE__ */ jsx63(App, { importOptions, inkClear }));
+  const instance = renderApp(/* @__PURE__ */ jsx64(App, { importOptions, inkClear }));
   await instance.waitUntilExit();
 }
 var init_app = __esm({