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

package/dist/app.js

@@ -2614,38 +2614,10 @@ function ImportScreen({ exitCode, onDone }) {
 // 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";
-
-// 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);
-      }
-    }
-  );
-}
 
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/controls.ts
-import { useInput as useInput4 } from "ink";
+import { useInput as useInput3 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/logic.ts
 function shouldQuit(key) {
@@ -2659,17 +2631,16 @@ function toProjectPath(value) {
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/controls.ts
 var WELCOME_CONTROLS = [
   { keys: "Enter", label: "Continue" },
-  { keys: "Ctrl+D", label: "Clear" },
   { keys: "Esc", label: "Back to menu" }
 ];
 function useWelcomeControls(onQuit) {
-  useInput4((_input, key) => {
+  useInput3((_input, key) => {
     if (shouldQuit(key)) onQuit();
   });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var OVERVIEW_BOX_MAX_WIDTH = 90;
 var AI_MARKER = "\u273B";
 var OVERVIEW = [
@@ -2698,8 +2669,8 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
     if (path5) onContinue(path5);
   };
   return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__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(
+    /* @__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(
       Box3,
       {
         flexDirection: "column",
@@ -2711,29 +2682,29 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
         flexShrink: 1,
         children: [
           OVERVIEW.map((item) => /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
-            /* @__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 })
+            /* @__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 })
           ] }, item.label)),
           /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
             /* @__PURE__ */ jsxs3(Text4, { bold: true, children: [
-              /* @__PURE__ */ jsx5(Text4, { color: PALETTE.accent, children: AI_MARKER }),
+              /* @__PURE__ */ jsx4(Text4, { color: PALETTE.accent, children: AI_MARKER }),
               " AI disclosure"
             ] }),
-            AI_DISCLOSURE.map((paragraph) => /* @__PURE__ */ jsx5(Text4, { color: PALETTE.muted, children: paragraph }, paragraph))
+            AI_DISCLOSURE.map((paragraph) => /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: paragraph }, paragraph))
           ] })
         ]
       }
     ) }),
     /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx5(Text4, { children: "Where is your component library?" }),
+      /* @__PURE__ */ jsx4(Text4, { children: "Where is your component library?" }),
       /* @__PURE__ */ jsxs3(Box3, { children: [
-        /* @__PURE__ */ jsx5(Text4, { color: PALETTE.accent, children: "? " }),
-        /* @__PURE__ */ jsx5(Text4, { children: "Project path: " }),
-        /* @__PURE__ */ jsx5(ClearableTextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
+        /* @__PURE__ */ jsx4(Text4, { color: PALETTE.accent, children: "? " }),
+        /* @__PURE__ */ jsx4(Text4, { children: "Project path: " }),
+        /* @__PURE__ */ jsx4(TextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
       ] })
     ] }),
-    /* @__PURE__ */ jsx5(Box3, { gap: 3, children: WELCOME_CONTROLS.map((control) => /* @__PURE__ */ jsxs3(Text4, { children: [
+    /* @__PURE__ */ jsx4(Box3, { gap: 3, children: WELCOME_CONTROLS.map((control) => /* @__PURE__ */ jsxs3(Text4, { children: [
       "[",
       control.keys,
       "] ",
@@ -2745,9 +2716,10 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
 // 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";
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/controls.ts
-import { useInput as useInput5 } from "ink";
+import { useInput as useInput4 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/logic.ts
 function shouldGoBack(key) {
@@ -2761,11 +2733,10 @@ function toTokenPath(value) {
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/controls.ts
 var TOKEN_INPUT_CONTROLS = [
   { keys: "Enter", label: "Continue" },
-  { keys: "Ctrl+D", label: "Clear" },
   { keys: "Esc", label: "Back" }
 ];
 function useTokenInputControls(onBack) {
-  useInput5((_input, key) => {
+  useInput4((_input, key) => {
     if (shouldGoBack(key)) onBack();
   });
 }
@@ -2810,7 +2781,7 @@ function validateTokenPath(rawPath) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
   const [tokenPath, setTokenPath] = useState4(initialPath);
   const [failure, setFailure] = useState4(null);
@@ -2830,13 +2801,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__ */ 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__ */ 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__ */ jsxs4(Box4, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs4(Box4, { gap: 1, children: [
-        /* @__PURE__ */ jsx6(Text5, { color: PALETTE.accent, children: "?" }),
-        /* @__PURE__ */ jsx6(Text5, { children: "Token path:" }),
-        /* @__PURE__ */ jsx6(ClearableTextInput, { value: tokenPath, onChange: change, onSubmit: submit })
+        /* @__PURE__ */ jsx5(Text5, { color: PALETTE.accent, children: "?" }),
+        /* @__PURE__ */ jsx5(Text5, { children: "Token path:" }),
+        /* @__PURE__ */ jsx5(TextInput2, { value: tokenPath, onChange: change, onSubmit: submit })
       ] }),
       failure && /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
         /* @__PURE__ */ jsxs4(Text5, { color: PALETTE.error, children: [
@@ -2849,7 +2820,7 @@ function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx6(Box4, { marginTop: 1, gap: 3, children: TOKEN_INPUT_CONTROLS.map((control) => /* @__PURE__ */ jsxs4(Text5, { children: [
+    /* @__PURE__ */ jsx5(Box4, { marginTop: 1, gap: 3, children: TOKEN_INPUT_CONTROLS.map((control) => /* @__PURE__ */ jsxs4(Text5, { children: [
       "[",
       control.keys,
       "] ",
@@ -2863,7 +2834,7 @@ import { useEffect as useEffect3, useMemo, useState as useState5 } from "react";
 import { Box as Box5, Text as Text6 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/controls.ts
-import { useInput as useInput6 } from "ink";
+import { useInput as useInput5 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/logic.ts
 var COMPONENT_CATEGORIES = ["tsx", "ts", "vue", "astro", "jsx", "js"];
@@ -2951,7 +2922,7 @@ function controlsFor(phase) {
   return CONTROLS[phase];
 }
 function usePathValidationControls(phase, handlers) {
-  useInput6((input, key) => {
+  useInput5((input, key) => {
     const action = keyAction(phase, input, key);
     if (action === "confirm") handlers.onConfirm();
     else if (action === "change-path") handlers.onChangePath();
@@ -16737,7 +16708,7 @@ function foldSvelteAndMdIntoOther(counts) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/screen.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, 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 ",
@@ -16753,7 +16724,7 @@ function Failure({ scan, path: path5 }) {
       "\u2717 ",
       headline
     ] }),
-    hints.map((hint) => /* @__PURE__ */ jsx7(Text6, { color: PALETTE.muted, children: hint }, hint))
+    hints.map((hint) => /* @__PURE__ */ jsx6(Text6, { color: PALETTE.muted, children: hint }, hint))
   ] });
 }
 function Summary({ scan, path: path5 }) {
@@ -16761,7 +16732,7 @@ function Summary({ scan, path: path5 }) {
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, children: [
     /* @__PURE__ */ jsxs5(Text6, { children: [
       "Scanned ",
-      /* @__PURE__ */ jsx7(Text6, { bold: true, children: path5 })
+      /* @__PURE__ */ jsx6(Text6, { bold: true, children: path5 })
     ] }),
     /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.success, children: [
@@ -16769,13 +16740,13 @@ function Summary({ scan, path: path5 }) {
         total,
         " files:"
       ] }),
-      rows.map((row) => /* @__PURE__ */ jsx7(Row, { row }, row.label))
+      rows.map((row) => /* @__PURE__ */ jsx6(Row, { row }, row.label))
     ] }),
     warning && /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.warning, children: [
       "\u26A0 ",
       warning
     ] }),
-    /* @__PURE__ */ jsx7(Text6, { children: "Does this look right?" })
+    /* @__PURE__ */ jsx6(Text6, { children: "Does this look right?" })
   ] });
 }
 function PathValidationScreen({
@@ -16800,12 +16771,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__ */ jsx7(Text6, { bold: true, children: resolvedPath }),
+      /* @__PURE__ */ jsx6(Text6, { bold: true, children: resolvedPath }),
       "..."
     ] }),
-    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: [
+    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: [
       "[",
       control.keys,
       "] ",
@@ -16815,12 +16786,12 @@ function PathValidationScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
-import { useRef as useRef2, useState as useState6 } from "react";
+import { useRef, useState as useState6 } from "react";
 import { Box as Box6, Text as Text7 } from "ink";
-import TextInput2 from "ink-text-input";
+import TextInput3 from "ink-text-input";
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/controls.ts
-import { useInput as useInput7 } from "ink";
+import { useInput as useInput6 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/logic.ts
 var FIELDS = ["spaceId", "environmentId", "cmaToken", "host"];
@@ -16856,7 +16827,7 @@ var CREDENTIALS_CONTROLS = [
   { keys: "Esc", label: "Back" }
 ];
 function useCredentialsControls(handlers) {
-  useInput7((input, key) => {
+  useInput6((input, key) => {
     if (handlers.disabled) return;
     const action = keyAction2(input, key);
     if (action === "back") handlers.onBack();
@@ -16900,7 +16871,7 @@ function toUserError(error, host) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
-import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var LABELS = {
   spaceId: "Space ID",
   environmentId: "Environment",
@@ -16913,7 +16884,7 @@ function CredentialsScreen({
   initial = {},
   validate: validate3 = validateCredentials
 }) {
-  const initialValues = useRef2(
+  const initialValues = useRef(
     normalize({
       spaceId: initial.spaceId ?? "",
       environmentId: initial.environmentId || "master",
@@ -16954,21 +16925,21 @@ function CredentialsScreen({
   };
   return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-      /* @__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." }),
+      /* @__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." }),
       !prefilled && /* @__PURE__ */ jsxs6(Fragment, { children: [
-        /* @__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(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(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__ */ 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__ */ jsxs6(Text7, { bold: active === field, children: [
         LABELS[field],
         ":"
       ] }),
-      /* @__PURE__ */ jsx8(
-        TextInput2,
+      /* @__PURE__ */ jsx7(
+        TextInput3,
         {
           value: values[field],
           focus: active === field && !validating,
@@ -16979,14 +16950,14 @@ function CredentialsScreen({
         }
       )
     ] }, field)) }),
-    active === "host" && /* @__PURE__ */ jsx8(Text7, { color: PALETTE.muted, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
+    active === "host" && /* @__PURE__ */ jsx7(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__ */ 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: [
+    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: [
       "[",
       control.keys,
       "] ",
@@ -16999,7 +16970,7 @@ function CredentialsScreen({
 import { Box as Box7, Text as Text8 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/shared/error-step/controls.ts
-import { useInput as useInput8 } from "ink";
+import { useInput as useInput7 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/shared/error-step/logic.ts
 function errorAction(input, key, available) {
@@ -17018,7 +16989,7 @@ function errorControls(available) {
 
 // packages/experience-design-system-cli/src/tui/import/shared/error-step/controls.ts
 function useErrorControls(handlers) {
-  useInput8((input, key) => {
+  useInput7((input, key) => {
     const action = errorAction(input, key, {
       canRetry: handlers.onRetry !== void 0,
       canAcknowledge: handlers.onAcknowledge !== void 0
@@ -17030,7 +17001,7 @@ function useErrorControls(handlers) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/shared/error-step/error-step.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function ErrorStep({
   stepName,
   message,
@@ -17049,8 +17020,8 @@ function ErrorStep({
       stepName,
       " failed"
     ] }),
-    /* @__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: [
+    /* @__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: [
       "[",
       control.keys,
       "] ",
@@ -17063,7 +17034,7 @@ function ErrorStep({
 import { Box as Box8, Text as Text9 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/shared/gate-step/controls.ts
-import { useInput as useInput9 } from "ink";
+import { useInput as useInput8 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/shared/gate-step/logic.ts
 function gateAction(input, key, canSkip) {
@@ -17082,7 +17053,7 @@ function gateControls(continueLabel, skipLabel2, canSkip) {
 
 // packages/experience-design-system-cli/src/tui/import/shared/gate-step/controls.ts
 function useGateControls(handlers) {
-  useInput9((input, key) => {
+  useInput8((input, key) => {
     const action = gateAction(input, key, handlers.canSkip);
     if (action === "continue") handlers.onContinue();
     else if (action === "skip") handlers.onSkip();
@@ -17091,7 +17062,7 @@ function useGateControls(handlers) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/shared/gate-step/gate-step.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function GateStep({
   message,
   onContinue,
@@ -17113,9 +17084,9 @@ function GateStep({
       " ",
       message
     ] }),
-    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: [
+    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: [
       "[",
       control.keys,
       "] ",
@@ -17166,25 +17137,25 @@ function useElapsed() {
 }
 
 // packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var RULE = "\u2500".repeat(40);
 function Line({ line }) {
   if (line.progress) {
     return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, children: [
       /* @__PURE__ */ jsxs9(Box9, { gap: 2, children: [
-        /* @__PURE__ */ jsx11(Box9, { width: 40, children: /* @__PURE__ */ jsx11(ThemeProvider, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx11(ProgressBar, { value: progressPercent(line.progress) }) }) }),
+        /* @__PURE__ */ jsx10(Box9, { width: 40, children: /* @__PURE__ */ jsx10(ThemeProvider, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx10(ProgressBar, { value: progressPercent(line.progress) }) }) }),
         /* @__PURE__ */ jsxs9(Text10, { color: PALETTE.muted, children: [
           line.progress.done,
           "/",
           line.progress.total
         ] })
       ] }),
-      /* @__PURE__ */ jsx11(Text10, { color: PALETTE.muted, children: line.text })
+      /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: line.text })
     ] });
   }
   return /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
-    line.complete ? /* @__PURE__ */ jsx11(Text10, { color: PALETTE.success, children: "\u2713" }) : /* @__PURE__ */ jsx11(Spinner, {}),
-    /* @__PURE__ */ jsx11(Text10, { color: PALETTE.muted, children: line.text })
+    line.complete ? /* @__PURE__ */ jsx10(Text10, { color: PALETTE.success, children: "\u2713" }) : /* @__PURE__ */ jsx10(Spinner, {}),
+    /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: line.text })
   ] });
 }
 function RunningStep({
@@ -17197,13 +17168,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__ */ 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, { 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, { 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: [
+    /* @__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: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -17257,7 +17228,7 @@ Tokens Path: ${tokensPath}`;
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/05-token-reuse/screen.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function TokenReuseScreen({
   tokensPath,
   sourceChanged,
@@ -17266,7 +17237,7 @@ function TokenReuseScreen({
   onQuit
 }) {
   const { summary, context } = gateText({ tokensPath, sourceChanged });
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     GateStep,
     {
       message: "Existing tokens.json found",
@@ -17370,14 +17341,14 @@ function resolveAgentChoice(flag, stored) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/screen.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function ExtractionScreen({
   progress,
   agent,
   stepNumber,
   totalSteps
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     RunningStep,
     {
       stepNumber,
@@ -17393,7 +17364,7 @@ function ExtractionScreen({
 init_config();
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-extraction.ts
-import { useEffect as useEffect5, useRef as useRef3, useState as useState8 } from "react";
+import { useEffect as useEffect5, useRef as useRef2, useState as useState8 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/run.ts
 import { mkdir as mkdir7 } from "node:fs/promises";
@@ -17651,7 +17622,7 @@ async function resolveSelectionPrompt(overrides) {
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-extraction.ts
 function useExtraction(input) {
   const [state2, setState] = useState8();
-  const current = useRef3();
+  const current = useRef2();
   useEffect5(() => {
     current.current = input;
     if (!input) {
@@ -17682,7 +17653,7 @@ function useExtraction(input) {
 import { Box as Box20, Text as Text22 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/added-column.tsx
-import React7 from "react";
+import React6 from "react";
 import { Box as Box11, Text as Text12 } from "ink";
 import figures from "figures";
 
@@ -17801,7 +17772,7 @@ function computeColumnWindow(total, cursor, visibleCount) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/windowed-panel.tsx
 import { Box as Box10, Text as Text11 } from "ink";
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var MIN_TERMINAL_PANEL_HEIGHT = 5;
 function terminalPanelHeight(rows, reservedRows = 4) {
   return Math.max(MIN_TERMINAL_PANEL_HEIGHT, rows - reservedRows);
@@ -17817,7 +17788,7 @@ function FixedPanel({
   clipOverflow = true,
   children
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     Box10,
     {
       flexDirection: "column",
@@ -17843,7 +17814,7 @@ function WindowedPanel({ width, height, title, focused, children }) {
       ...height === void 0 ? {} : { height },
       focused,
       children: [
-        title && /* @__PURE__ */ jsx14(WindowedPanelHeader, { title, width, focused }),
+        title && /* @__PURE__ */ jsx13(WindowedPanelHeader, { title, width, focused }),
         children
       ]
     }
@@ -17855,8 +17826,8 @@ function WindowedPanelHeader({
   focused
 }) {
   return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
-    /* @__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)) })
+    /* @__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)) })
   ] });
 }
 function formatWindowIndicator(direction, count) {
@@ -17864,32 +17835,32 @@ function formatWindowIndicator(direction, count) {
   return `${direction === "up" ? "\u2191" : "\u2193"} ${count} more`;
 }
 function WindowIndicator({ direction, count }) {
-  return /* @__PURE__ */ jsx14(Text11, { color: PALETTE2.muted, children: formatWindowIndicator(direction, count) });
+  return /* @__PURE__ */ jsx13(Text11, { color: PALETTE2.muted, children: formatWindowIndicator(direction, count) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/added-column.tsx
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, 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__ */ 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) => {
+    /* @__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) => {
       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(React7.Fragment, { children: [
-        showSeparator && /* @__PURE__ */ jsx15(Text12, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) }),
+      return /* @__PURE__ */ jsxs11(React6.Fragment, { children: [
+        showSeparator && /* @__PURE__ */ jsx14(Text12, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) }),
         /* @__PURE__ */ jsxs11(Box11, { children: [
-          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(
+          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(
             Text12,
             {
               color: style.nameColor,
@@ -17903,14 +17874,14 @@ function AddedColumn(props) {
         ] })
       ] }, entry.name);
     }),
-    /* @__PURE__ */ jsx15(WindowIndicator, { direction: "down", count: window.below })
+    /* @__PURE__ */ jsx14(WindowIndicator, { direction: "down", count: window.below })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/cycles-panel.tsx
 import { Box as Box12, Text as Text13 } from "ink";
 import figures2 from "figures";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function cycleLabel(cycle, index) {
   const parts = [];
   for (let i = 0; i < cycle.edges.length; i++) {
@@ -17922,28 +17893,28 @@ 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__ */ jsx16(Text13, { bold: true, color: PALETTE2.warning, children: `Cycles detected (${cycles.length}):` }),
-    /* @__PURE__ */ jsx16(Text13, { children: " " }),
+    /* @__PURE__ */ jsx15(Text13, { bold: true, color: PALETTE2.warning, children: `Cycles detected (${cycles.length}):` }),
+    /* @__PURE__ */ jsx15(Text13, { children: " " }),
     cycles.map((cycle, i) => {
       const isCursor = i === cursor;
       return /* @__PURE__ */ jsxs12(Text13, { children: [
-        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) })
+        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) })
       ] }, i);
     }),
-    /* @__PURE__ */ jsx16(Text13, { children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
+    /* @__PURE__ */ jsx15(Text13, { children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/reject-prompt.tsx
 import { Box as Box13, Text as Text14 } from "ink";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, 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__ */ 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" })
+    /* @__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" })
   ] });
 }
 
@@ -17952,11 +17923,11 @@ import { Box as Box14 } from "ink";
 
 // 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 jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function legendEntry(keyBracket, label, active = false) {
   return /* @__PURE__ */ jsxs14(Text15, { children: [
-    /* @__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 })
+    /* @__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 })
   ] }, keyBracket + label);
 }
 
@@ -17976,7 +17947,7 @@ function CompactControlBar({ hasGroupRoots, searchActive }) {
 
 // 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 jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function CounterStrip(props) {
   const { counters, totalWidth } = props;
   const condensed = totalWidth < 60;
@@ -17984,32 +17955,32 @@ function CounterStrip(props) {
   const labelRej = condensed ? "Rej" : "Rejected";
   const labelUnd = condensed ? "Und" : "Undecided";
   const sep = condensed ? " | " : "    ";
-  return /* @__PURE__ */ jsx19(Box15, { children: /* @__PURE__ */ jsxs16(Text16, { children: [
+  return /* @__PURE__ */ jsx18(Box15, { children: /* @__PURE__ */ jsxs16(Text16, { children: [
     /* @__PURE__ */ jsxs16(Text16, { color: PALETTE2.muted, children: [
       labelGrp,
       " "
     ] }),
-    /* @__PURE__ */ jsx19(Text16, { bold: true, children: counters.groups }),
-    /* @__PURE__ */ jsx19(Text16, { color: PALETTE2.muted, children: sep }),
+    /* @__PURE__ */ jsx18(Text16, { bold: true, children: counters.groups }),
+    /* @__PURE__ */ jsx18(Text16, { color: PALETTE2.muted, children: sep }),
     /* @__PURE__ */ jsxs16(Text16, { color: PALETTE2.muted, children: [
       labelRej,
       " "
     ] }),
-    /* @__PURE__ */ jsx19(Text16, { bold: true, children: counters.rejected }),
-    /* @__PURE__ */ jsx19(Text16, { color: PALETTE2.muted, children: sep }),
+    /* @__PURE__ */ jsx18(Text16, { bold: true, children: counters.rejected }),
+    /* @__PURE__ */ jsx18(Text16, { color: PALETTE2.muted, children: sep }),
     /* @__PURE__ */ jsxs16(Text16, { color: PALETTE2.muted, children: [
       labelUnd,
       " "
     ] }),
-    /* @__PURE__ */ jsx19(Text16, { bold: true, children: counters.undecided }),
-    /* @__PURE__ */ jsx19(Text16, { color: PALETTE2.muted, children: sep })
+    /* @__PURE__ */ jsx18(Text16, { bold: true, children: counters.undecided }),
+    /* @__PURE__ */ jsx18(Text16, { color: PALETTE2.muted, children: sep })
   ] }) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GotoBanner.tsx
 import figures3 from "figures";
 import { Box as Box16, Text as Text17 } from "ink";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var DEFAULT_MAX_ROWS = 15;
 function windowStart(rowCount, highlightIndex, maxRows) {
   if (rowCount <= maxRows) return 0;
@@ -18021,8 +17992,8 @@ function windowStart(rowCount, highlightIndex, maxRows) {
 }
 function defaultRenderRow(row, index, isCursor) {
   return /* @__PURE__ */ jsxs17(Text17, { children: [
-    isCursor ? /* @__PURE__ */ jsx20(Text17, { color: PALETTE2.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx20(Text17, { children: " " }),
-    /* @__PURE__ */ jsx20(Text17, { inverse: isCursor, children: " " + row.label })
+    isCursor ? /* @__PURE__ */ jsx19(Text17, { color: PALETTE2.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx19(Text17, { children: " " }),
+    /* @__PURE__ */ jsx19(Text17, { inverse: isCursor, children: " " + row.label })
   ] }, index);
 }
 function GotoBanner({
@@ -18052,14 +18023,14 @@ function GotoBanner({
       width,
       flexShrink: 0,
       children: [
-        /* @__PURE__ */ jsx20(Text17, { bold: true, children: title }),
-        moreAbove > 0 && /* @__PURE__ */ jsx20(Text17, { color: PALETTE2.muted, children: `  \u25B2 ${moreAbove} more` }),
+        /* @__PURE__ */ jsx19(Text17, { bold: true, children: title }),
+        moreAbove > 0 && /* @__PURE__ */ jsx19(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__ */ jsx20(Text17, { color: PALETTE2.muted, children: `  \u25BC ${moreBelow} more` }),
-        footerHint !== void 0 && /* @__PURE__ */ jsx20(Text17, { color: PALETTE2.muted, children: footerHint })
+        moreBelow > 0 && /* @__PURE__ */ jsx19(Text17, { color: PALETTE2.muted, children: `  \u25BC ${moreBelow} more` }),
+        footerHint !== void 0 && /* @__PURE__ */ jsx19(Text17, { color: PALETTE2.muted, children: footerHint })
       ]
     }
   );
@@ -18408,7 +18379,7 @@ function findSharedDeps(closures) {
 
 // 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 jsx21 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function previewBadge(annotation) {
   switch (annotation) {
     case "new":
@@ -18427,17 +18398,20 @@ function PreviewBadge({
   badge,
   highlighted = false
 }) {
-  return badge ? /* @__PURE__ */ jsx21(Text18, { color: !highlighted && badge.dim ? PALETTE2.muted : badge.color, bold: badge.bold, children: badge.char }) : /* @__PURE__ */ jsx21(Text18, { children: " " });
+  return badge ? /* @__PURE__ */ jsx20(Text18, { color: !highlighted && badge.dim ? PALETTE2.muted : badge.color, bold: badge.bold, children: badge.char }) : /* @__PURE__ */ jsx20(Text18, { children: " " });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GroupedSidebar.tsx
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var GLYPH_EXPAND_COLLAPSED = "\u25B8";
 var GLYPH_EXPAND_EXPANDED = "\u25BE";
 var GLYPH_TREE_MID = "\u251C\u2500";
 var GLYPH_TREE_LAST = "\u2514\u2500";
 var GLYPH_WARN = "\u26A0";
 var GLYPH_ERROR = "\u2717";
+function hasDirectChild(node) {
+  return node.slots.some((slot) => (slot.allowedComponents ?? []).some((target) => target !== node.name));
+}
 function isEmpty(entry) {
   return Object.keys(entry.$properties ?? {}).length === 0 && Object.keys(entry.$slots ?? {}).length === 0;
 }
@@ -18480,10 +18454,12 @@ function buildVisibleRows(props) {
     otherKeys2.sort();
     const otherKeySet2 = new Set(otherKeys2);
     const flatGraph = graph.filter((n) => otherKeySet2.has(n.name));
-    const closures2 = computeAllClosures(flatGraph);
     const depCountByKey = /* @__PURE__ */ new Map();
-    for (const [name, closure] of closures2) {
-      if (closure.nodes.length > 1) depCountByKey.set(name, closure.nodes.length - 1);
+    for (const node of flatGraph) {
+      const direct = new Set(
+        node.slots.flatMap((slot) => slot.allowedComponents ?? []).filter((t) => t !== node.name && otherKeySet2.has(t))
+      );
+      if (direct.size > 0) depCountByKey.set(node.name, direct.size);
     }
     for (const key of cycleKeys2) {
       const rec = itemByKey2.get(key);
@@ -18528,28 +18504,11 @@ function buildVisibleRows(props) {
   const seenCycleTierChildOccurrence = /* @__PURE__ */ new Set();
   const computeCycleMemberSubtree = (root) => {
     const out = [];
-    const visited = /* @__PURE__ */ new Set([root]);
-    const queue = [{ name: root, depth: 0 }];
-    while (queue.length > 0) {
-      const cur = queue.shift();
-      const parentItem = itemByKey.get(cur.name)?.it;
-      if (!parentItem) continue;
-      const slotTargets2 = [];
-      const seenTarget = /* @__PURE__ */ new Set();
-      for (const target of allowedComponentNames(parentItem.entry)) {
-        if (!itemByKey.has(target)) continue;
-        if (seenTarget.has(target)) continue;
-        seenTarget.add(target);
-        slotTargets2.push(target);
-      }
-      slotTargets2.sort();
-      for (const target of slotTargets2) {
-        if (visited.has(target)) continue;
-        visited.add(target);
-        const isCycleMember = cycleParticipants.has(target);
-        out.push({ name: target, depth: cur.depth + 1, isCycleMember });
-        queue.push({ name: target, depth: cur.depth + 1 });
-      }
+    const parentItem = itemByKey.get(root)?.it;
+    if (!parentItem) return out;
+    const slotTargets2 = [...new Set(allowedComponentNames(parentItem.entry))].filter((target) => target !== root && itemByKey.has(target)).sort();
+    for (const target of slotTargets2) {
+      out.push({ name: target, depth: 1, isCycleMember: cycleParticipants.has(target) });
     }
     return out;
   };
@@ -18611,7 +18570,15 @@ function buildVisibleRows(props) {
   }
   const otherKeySet = new Set(otherKeys);
   const subgraph = graph.filter((n) => otherKeySet.has(n.name));
-  const closures = computeAllClosures(subgraph);
+  const closures = /* @__PURE__ */ new Map();
+  const parentNames = /* @__PURE__ */ new Set([
+    ...findRoots(subgraph),
+    ...subgraph.filter((n) => hasDirectChild(n)).map((n) => n.name)
+  ]);
+  for (const name of [...parentNames].sort()) {
+    const full = computeClosure(name, subgraph);
+    closures.set(name, { ...full, nodes: full.nodes.filter((n) => n.depth <= 1) });
+  }
   const sharedDeps = findSharedDeps(closures);
   const hasCycleDepDirect = (name) => {
     const it = itemByKey.get(name)?.it;
@@ -18648,7 +18615,6 @@ function buildVisibleRows(props) {
       }
     };
     countInjections(root);
-    for (const n of closure.nodes) if (n.name !== root) countInjections(n.name);
     const depCount = closure.nodes.length - 1 + injectedCycleCount;
     const expanded = alwaysExpanded ? true : props.expandedGroups.has(root);
     const glyphExpand = expanded ? GLYPH_EXPAND_EXPANDED : GLYPH_EXPAND_COLLAPSED;
@@ -18684,7 +18650,6 @@ function buildVisibleRows(props) {
     emitCycleChildrenOf(root, 0);
     for (const c2 of closureChildren) {
       injectedChildren.push({ name: c2.name, depth: c2.depth, isCycleChild: false });
-      emitCycleChildrenOf(c2.name, c2.depth);
     }
     const isLastAtDepth = (idx) => {
       const own = injectedChildren[idx].depth;
@@ -18867,7 +18832,7 @@ function GroupedSidebar(props) {
       " ",
       emptyMessage
     ] }),
-    windowed && /* @__PURE__ */ jsx22(WindowIndicator, { direction: "up", count: start }),
+    windowed && /* @__PURE__ */ jsx21(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;
@@ -18895,10 +18860,10 @@ function GroupedSidebar(props) {
         isCursor
       });
       return /* @__PURE__ */ jsxs18(Box17, { 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: "    " })),
+        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: "    " })),
         /* @__PURE__ */ jsxs18(
           Text19,
           {
@@ -18913,19 +18878,19 @@ function GroupedSidebar(props) {
             ]
           }
         ),
-        inheritanceStyle.glyph && /* @__PURE__ */ jsx22(Text19, { color: inheritanceStyle.dim ? PALETTE2.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
+        inheritanceStyle.glyph && /* @__PURE__ */ jsx21(Text19, { color: inheritanceStyle.dim ? PALETTE2.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
       ] }, row.key);
     }),
-    windowed && /* @__PURE__ */ jsx22(WindowIndicator, { direction: "down", count: allRows.length - end })
+    windowed && /* @__PURE__ */ jsx21(WindowIndicator, { direction: "down", count: allRows.length - end })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/HelpOverlay.tsx
-import React8 from "react";
+import React7 from "react";
 import { Box as Box18, Text as Text20 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/hooks/useImmediateInput.ts
-import { useLayoutEffect, useRef as useRef4 } from "react";
+import { useLayoutEffect, useRef as useRef3 } from "react";
 import { useStdin } from "ink";
 function parseInput(data) {
   const isShiftTab = data === "\x1B[Z";
@@ -18988,7 +18953,7 @@ function registerInputHandler(stdin, setRawMode, handler) {
 }
 function useImmediateInput(handler, enabled = true) {
   const { stdin, setRawMode } = useStdin();
-  const handlerRef = useRef4(handler);
+  const handlerRef = useRef3(handler);
   handlerRef.current = handler;
   useLayoutEffect(() => {
     if (!enabled) return;
@@ -19021,7 +18986,7 @@ function useTerminalSize() {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/HelpOverlay.tsx
-import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function HelpOverlay(props) {
   const { onClose } = props;
   const { columns: terminalColumns, rows: terminalRows } = useTerminalSize();
@@ -19042,11 +19007,11 @@ function HelpOverlay(props) {
         height: panelHeight,
         overflowY: "hidden",
         children: [
-          /* @__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))
+          /* @__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))
           ] }, section.title))
         ]
       }
@@ -19063,31 +19028,31 @@ function HelpOverlay(props) {
       height: panelHeight,
       overflowY: "hidden",
       children: [
-        /* @__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" }),
+        /* @__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" }),
         mode === "review" && /* @__PURE__ */ jsxs19(Fragment2, { children: [
-          /* @__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, { 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, { children: "  h                Close help" }),
-        /* @__PURE__ */ jsx23(Text20, { children: "  q                Quit" })
+        /* @__PURE__ */ jsx22(Text20, { children: " " }),
+        /* @__PURE__ */ jsx22(Text20, { children: "  h                Close help" }),
+        /* @__PURE__ */ jsx22(Text20, { children: "  q                Quit" })
       ]
     }
   );
@@ -19151,7 +19116,7 @@ function formatSearchMatchSummary(matches, total) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/SearchMatchSummary.tsx
-import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function SearchMatchSummary({
   open,
   query,
@@ -19166,13 +19131,13 @@ function SearchMatchSummary({
     open && /* @__PURE__ */ jsxs20(Box19, { marginTop, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs20(Text21, { children: [
         `/${query}`,
-        /* @__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" })
+        /* @__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" })
       ] }),
-      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx24(Text21, { color: PALETTE2.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
+      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx23(Text21, { color: PALETTE2.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
     ] }),
-    !open && query && /* @__PURE__ */ jsx24(Box19, { marginTop, children: /* @__PURE__ */ jsx24(Text21, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
+    !open && query && /* @__PURE__ */ jsx23(Box19, { marginTop, children: /* @__PURE__ */ jsx23(Text21, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
   ] });
 }
 
@@ -19192,7 +19157,7 @@ function createSidebarViewsHelpSection(includeBreaking) {
 }
 
 // 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 useRef5, useState as useState12 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef4, useState as useState12 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/graph/search-neighborhood.ts
 function computeDirectNeighborhood(matches, graph) {
@@ -19886,7 +19851,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
     for (const p of cycleParticipants) seed.add(p);
     return seed;
   });
-  const seededGroupsRef = useRef5(closures.size > 0 || cycleParticipants.size > 0);
+  const seededGroupsRef = useRef4(closures.size > 0 || cycleParticipants.size > 0);
   useEffect7(() => {
     if (seededGroupsRef.current) return;
     if (closures.size === 0 && cycleParticipants.size === 0) return;
@@ -20309,7 +20274,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var HELP_SECTIONS = [
   {
     title: "Navigation",
@@ -20349,27 +20314,27 @@ var HELP_SECTIONS = [
 ];
 function ScopeGateScreen(props) {
   if (props.components.length === 0) {
-    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(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(ScopeGateView, { ...props });
+  return /* @__PURE__ */ jsx24(ScopeGateView, { ...props });
 }
 function ScopeGateView({ components, onConfirm, onQuit }) {
   const gate = useScopeGate({ components, onConfirm, onQuit });
   const { search, graph, columnPlan, panelLayout, counters } = gate;
   if (gate.showHelp) {
-    return /* @__PURE__ */ jsx25(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: gate.closeHelp });
+    return /* @__PURE__ */ jsx24(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__ */ jsx25(CounterStrip, { counters, totalWidth: gate.totalWidth }),
+      /* @__PURE__ */ jsx24(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__ */ jsx25(Text22, { color: PALETTE2.info, children: " \u2014 press [x] to see why" })
+        gate.aiRows.length > 0 && /* @__PURE__ */ jsx24(Text22, { color: PALETTE2.info, children: " \u2014 press [x] to see why" })
       ] })
     ] }),
-    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." }) }),
+    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." }) }),
     /* @__PURE__ */ jsxs21(Box20, { flexDirection: "row", alignItems: "stretch", children: [
-      gate.aiRationalePanelOpen ? /* @__PURE__ */ jsx25(
+      gate.aiRationalePanelOpen ? /* @__PURE__ */ jsx24(
         GotoBanner,
         {
           title: `Review flags (${gate.aiExcludedCount})`,
@@ -20379,7 +20344,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
           width: columnPlan.main,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [x/Esc] close"
         }
-      ) : /* @__PURE__ */ jsx25(
+      ) : /* @__PURE__ */ jsx24(
         GroupedSidebar,
         {
           items: gate.groupedItems,
@@ -20408,8 +20373,8 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
         }
       ),
       columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs21(Fragment4, { children: [
-        /* @__PURE__ */ jsx25(Box20, { width: 2, flexShrink: 0 }),
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx24(Box20, { width: 2, flexShrink: 0 }),
+        /* @__PURE__ */ jsx24(
           AddedColumn,
           {
             width: columnPlan.added,
@@ -20424,9 +20389,9 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
         )
       ] })
     ] }),
-    gate.cyclesPanelOpen && /* @__PURE__ */ jsx25(CyclesPanel, { cycles: gate.slotCycles, cursor: gate.cyclesCursor }),
-    gate.pendingRejectCascade && /* @__PURE__ */ jsx25(RejectPrompt, { pending: gate.pendingRejectCascade }),
-    /* @__PURE__ */ jsx25(
+    gate.cyclesPanelOpen && /* @__PURE__ */ jsx24(CyclesPanel, { cycles: gate.slotCycles, cursor: gate.cyclesCursor }),
+    gate.pendingRejectCascade && /* @__PURE__ */ jsx24(RejectPrompt, { pending: gate.pendingRejectCascade }),
+    /* @__PURE__ */ jsx24(
       SearchMatchSummary,
       {
         open: search.searchOpen,
@@ -20437,7 +20402,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
         marginTop: 1
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       CompactControlBar,
       {
         hasGroupRoots: gate.hasGroupRoots,
@@ -20448,7 +20413,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
 }
 
 // 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 useRef6, useState as useState13 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo3, useRef as useRef5, useState as useState13 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/cache-check.ts
 async function checkGenerationCache(input) {
@@ -20495,7 +20460,7 @@ var realDeps2 = { load: loadScopeGate, checkCache: checkGenerationCache };
 function useScopeGateFlow(input, deps = realDeps2) {
   const sessionId = input?.sessionId;
   const loaded = useMemo3(() => sessionId ? deps.load(sessionId) : void 0, [sessionId]);
-  const cacheCheck = useRef6(void 0);
+  const cacheCheck = useRef5(void 0);
   const [confirmed, setConfirmed] = useState13();
   useEffect8(() => {
     if (!input || !loaded?.ok || cacheCheck.current) return;
@@ -20546,7 +20511,7 @@ function progressRows2(progress, agent) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/screen.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function GenerationScreen({
   progress,
   agent,
@@ -20555,7 +20520,7 @@ function GenerationScreen({
   stepNumber,
   totalSteps
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     RunningStep,
     {
       stepNumber,
@@ -20568,7 +20533,7 @@ function GenerationScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/use-generation.ts
-import { useEffect as useEffect9, useRef as useRef7, useState as useState14 } from "react";
+import { useEffect as useEffect9, useRef as useRef6, useState as useState14 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/run.ts
 import { resolve as resolve23 } from "node:path";
@@ -20733,7 +20698,7 @@ function applyProgressEvent2(event, previous, total) {
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/use-generation.ts
 function useGeneration(input) {
   const [state2, setState] = useState14();
-  const current = useRef7();
+  const current = useRef6();
   useEffect9(() => {
     current.current = input;
     if (!input) {
@@ -21100,7 +21065,7 @@ function skipLabel(matchedNames) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/preview-validation-error/screen.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function PreviewValidationErrorScreen({
   errors,
   missingNames,
@@ -21109,7 +21074,7 @@ function PreviewValidationErrorScreen({
   onQuit
 }) {
   const matchedNames = matchedComponentNames(errors, missingNames);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     GateStep,
     {
       intent: "error",
@@ -21126,7 +21091,7 @@ function PreviewValidationErrorScreen({
 }
 
 // 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 useRef12, useState as useState22 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect16, useMemo as useMemo4, useRef as useRef11, useState as useState22 } from "react";
 import figures7 from "figures";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/review-json-panel.ts
@@ -21387,7 +21352,7 @@ function enumerateCycleBreaks(cycle, components) {
 import { Box as Box27, Text as Text30 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx
-import React9, { useEffect as useEffect10, useLayoutEffect as useLayoutEffect2, useState as useState15 } from "react";
+import React8, { 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";
 
@@ -21420,7 +21385,7 @@ function computeNextScrollOffset(current, input, key, totalLines, panelHeight) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx
-import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function createCommonRowProps(selected, focusLevel, editingField, textCursor, valueCursor, cursorVisible, editingValue, valueText, width) {
   return {
     selected,
@@ -21559,13 +21524,13 @@ function serializeState(state2, originalJson) {
 }
 function Picker({ value, active }) {
   return /* @__PURE__ */ jsxs22(Box21, { children: [
-    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" })
+    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" })
   ] });
 }
 function Toggle({ value, active }) {
-  return /* @__PURE__ */ jsx28(Box21, { children: /* @__PURE__ */ jsx28(Text23, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
+  return /* @__PURE__ */ jsx27(Box21, { children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
 }
 function InlinePropField({
   label,
@@ -21588,7 +21553,7 @@ function RequiredField({
   editingField,
   activeField
 }) {
-  return /* @__PURE__ */ jsx28(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx28(Toggle, { value, active: editingField && activeField === "required" }) });
+  return /* @__PURE__ */ jsx27(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx27(Toggle, { value, active: editingField && activeField === "required" }) });
 }
 function DefaultValueRow({
   display,
@@ -21600,7 +21565,7 @@ function DefaultValueRow({
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    active ? /* @__PURE__ */ jsx28(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx28(Text23, { wrap: "wrap", children: display })
+    active ? /* @__PURE__ */ jsx27(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: display })
   ] });
 }
 function RowLabel({
@@ -21629,9 +21594,9 @@ function ValueInputRow({
   cursorVisible
 }) {
   return /* @__PURE__ */ jsxs22(Box21, { paddingLeft: 2, children: [
-    /* @__PURE__ */ jsx28(Text23, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
-    /* @__PURE__ */ jsx28(Text23, { children: valueText }),
-    /* @__PURE__ */ jsx28(Text23, { inverse: cursorVisible, children: " " })
+    /* @__PURE__ */ jsx27(Text23, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
+    /* @__PURE__ */ jsx27(Text23, { children: valueText }),
+    /* @__PURE__ */ jsx27(Text23, { inverse: cursorVisible, children: " " })
   ] });
 }
 function EditableListItem({
@@ -21644,9 +21609,9 @@ function EditableListItem({
 }) {
   const isBeingEdited = editingValue?.mode === "edit" && editingValue.index === index;
   if (isBeingEdited) {
-    return /* @__PURE__ */ jsx28(ValueInputRow, { mode: "edit", valueText, cursorVisible });
+    return /* @__PURE__ */ jsx27(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx28(Box21, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx28(Text23, { color: active ? PALETTE.accent : void 0, children: active ? `${figures5.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx27(Box21, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.accent : void 0, children: active ? `${figures5.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -21660,8 +21625,8 @@ function EditableValueList({
   showAddInput
 }) {
   return /* @__PURE__ */ jsxs22(Fragment5, { children: [
-    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(
+    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(
       EditableListItem,
       {
         value,
@@ -21673,7 +21638,7 @@ function EditableValueList({
       },
       index
     )),
-    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx28(ValueInputRow, { mode: "add", valueText, cursorVisible })
+    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx27(ValueInputRow, { mode: "add", valueText, cursorVisible })
   ] });
 }
 function DefaultSubRow({
@@ -21690,12 +21655,12 @@ function DefaultSubRow({
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsx28(Text23, { color: focused ? void 0 : PALETTE.muted, children: "(not applicable)" })
+      /* @__PURE__ */ jsx27(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__ */ jsx28(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx27(DefaultValueRow, { display, active, focused });
   }
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
@@ -21704,11 +21669,11 @@ function DefaultSubRow({
           focused ? "\u203A " : "  ",
           "default:"
         ] }),
-        /* @__PURE__ */ jsx28(Text23, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
+        /* @__PURE__ */ jsx27(Text23, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
       ] });
     }
     const display = typeof prop.default === "string" && prop.default !== "" ? prop.default : "(unset)";
-    return /* @__PURE__ */ jsx28(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx27(DefaultValueRow, { display, active, focused });
   }
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
@@ -21718,9 +21683,9 @@ function DefaultSubRow({
         "default:"
       ] }),
       /* @__PURE__ */ jsxs22(Box21, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__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) })
+        /* @__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) })
       ] })
     ] });
   }
@@ -21729,7 +21694,7 @@ function DefaultSubRow({
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    /* @__PURE__ */ jsx28(Text23, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
+    /* @__PURE__ */ jsx27(Text23, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
   ] });
 }
 function DescriptionField({
@@ -21749,7 +21714,7 @@ function DescriptionField({
         focused ? "\u203A " : "  ",
         label
       ] }),
-      /* @__PURE__ */ jsx28(Text23, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
+      /* @__PURE__ */ jsx27(Text23, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
     ] });
   }
   return /* @__PURE__ */ jsxs22(Box21, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
@@ -21757,7 +21722,7 @@ function DescriptionField({
       focused ? "\u203A " : "  ",
       label
     ] }),
-    editing ? /* @__PURE__ */ jsx28(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx28(Text23, { wrap: "wrap", children: value || "\u2014" })
+    editing ? /* @__PURE__ */ jsx27(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: value || "\u2014" })
   ] });
 }
 function EditableDescription({
@@ -21767,7 +21732,7 @@ function EditableDescription({
 }) {
   return /* @__PURE__ */ jsxs22(Text23, { wrap: "wrap", children: [
     value.slice(0, textCursor),
-    /* @__PURE__ */ jsx28(Text23, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
+    /* @__PURE__ */ jsx27(Text23, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
     value.slice(textCursor + 1)
   ] });
 }
@@ -21789,8 +21754,8 @@ function PropRow({
   const descFocused = activeField === "description";
   const descActive = editingField && descFocused;
   return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx28(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx28(RowLabel, { name: prop.name, selected }) }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx27(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx27(RowLabel, { name: prop.name, selected }) }),
+    /* @__PURE__ */ jsx27(
       DescriptionField,
       {
         value: prop.description,
@@ -21804,7 +21769,7 @@ function PropRow({
       }
     ),
     /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx27(
         RequiredField,
         {
           value: prop.required,
@@ -21813,9 +21778,9 @@ function PropRow({
           activeField
         }
       ),
-      /* @__PURE__ */ jsx28(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx28(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx28(Text23, { children: prop.type }) })
+      /* @__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 }) })
     ] }),
-    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 === "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 === "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 " : "  ",
@@ -21827,7 +21792,7 @@ function PropRow({
         "]"
       ] })
     ] }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx27(
       DefaultSubRow,
       {
         prop,
@@ -21842,7 +21807,7 @@ function PropRow({
         activeField === "allowed" ? "\u203A " : "  ",
         "allowed:"
       ] }),
-      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(
+      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(
         Text23,
         {
           color: activeField !== "allowed" && prop.allowed.length === 0 ? PALETTE.muted : void 0,
@@ -21851,17 +21816,17 @@ function PropRow({
         }
       )
     ] }),
-    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx28(Box21, { paddingLeft: 2, children: /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: (() => {
+    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx27(Box21, { paddingLeft: 2, children: /* @__PURE__ */ jsx27(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__ */ 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(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(
+      /* @__PURE__ */ jsx27(
         EditableValueList,
         {
           values: prop.values,
@@ -21892,8 +21857,8 @@ function SlotRow({
   pickerCursor
 }) {
   return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx28(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx28(RowLabel, { name: slot.name, selected, trailing: false }) }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx27(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx27(RowLabel, { name: slot.name, selected, trailing: false }) }),
+    /* @__PURE__ */ jsx27(
       DescriptionField,
       {
         value: slot.description,
@@ -21906,7 +21871,7 @@ function SlotRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsx28(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx27(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx27(
       RequiredField,
       {
         value: slot.required,
@@ -21927,7 +21892,7 @@ function SlotRow({
           ]
         }
       ),
-      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx28(Text23, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
+      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
     ] }),
     selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs22(Box21, { children: [
@@ -21942,9 +21907,9 @@ function SlotRow({
             ]
           }
         ),
-        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" })
+        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" })
       ] }),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx27(
         EditableValueList,
         {
           values: slot.allowedComponents,
@@ -21958,21 +21923,21 @@ function SlotRow({
           showAddInput: editingField && activeField === "allowedComponents"
         }
       ),
-      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)" }) : (() => {
+      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)" }) : (() => {
         const filtered = valueText.length === 0 ? pickerCandidates : pickerCandidates.filter((n) => n.toLowerCase().includes(valueText.toLowerCase()));
         if (filtered.length === 0) {
-          return /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: "(no candidates match \u2014 Enter to add as free text)" });
+          return /* @__PURE__ */ jsx27(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__ */ jsx28(Text23, { color: PALETTE.muted, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
+          /* @__PURE__ */ jsx27(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__ */ jsx28(Text23, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures5.pointer} ${name}` : `    ${name}` }, name);
+            return /* @__PURE__ */ jsx27(Text23, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures5.pointer} ${name}` : `    ${name}` }, name);
           })
         ] });
       })() })
@@ -22098,9 +22063,9 @@ function FieldEditor({
   const [editorState, setEditorState] = useState15(initialState);
   const [parseErr] = useState15(parseError);
   const [listScrollStart, setListScrollStart] = useState15(0);
-  const initialFocusScrollApplied = React9.useRef(false);
+  const initialFocusScrollApplied = React8.useRef(false);
   const [rowHeights, setRowHeights] = useState15({});
-  const rowMeasureRefs = React9.useRef(/* @__PURE__ */ new Map());
+  const rowMeasureRefs = React8.useRef(/* @__PURE__ */ new Map());
   const initialFocus = (() => {
     if (initialFocusTarget?.kind === "description") {
       return {
@@ -22187,23 +22152,23 @@ function FieldEditor({
   const [showHelp, setShowHelp] = useState15(false);
   const props = editorState.props;
   const slots = editorState.slots;
-  const contentPropIndexes = React9.useMemo(
+  const contentPropIndexes = React8.useMemo(
     () => props.flatMap((prop, index) => prop.category === "content" ? [index] : []),
     [props]
   );
-  const designPropIndexes = React9.useMemo(
+  const designPropIndexes = React8.useMemo(
     () => props.flatMap((prop, index) => prop.category === "design" ? [index] : []),
     [props]
   );
-  const hiddenPropIndexes = React9.useMemo(
+  const hiddenPropIndexes = React8.useMemo(
     () => showHiddenProps ? props.flatMap((prop, index) => prop.category === "state" || prop.category === "unattached" ? [index] : []) : [],
     [props, showHiddenProps]
   );
-  const visiblePropIndexes = React9.useMemo(
+  const visiblePropIndexes = React8.useMemo(
     () => [...contentPropIndexes, ...designPropIndexes, ...hiddenPropIndexes],
     [contentPropIndexes, designPropIndexes, hiddenPropIndexes]
   );
-  const propGroups = React9.useMemo(
+  const propGroups = React8.useMemo(
     () => [
       {
         kind: "content",
@@ -22223,7 +22188,7 @@ function FieldEditor({
     ],
     [contentPropIndexes, designPropIndexes, hiddenPropIndexes]
   );
-  const selectableRows = React9.useMemo(
+  const selectableRows = React8.useMemo(
     () => [
       ...contentPropIndexes.map((idx) => ({ kind: "prop", idx })),
       ...designPropIndexes.map((idx) => ({ kind: "prop", idx })),
@@ -22233,7 +22198,7 @@ function FieldEditor({
     [contentPropIndexes, designPropIndexes, hiddenPropIndexes, slots]
   );
   const visiblePropPosition = visiblePropIndexes.indexOf(propIdx);
-  const selectedSelectableIndex = React9.useMemo(
+  const selectedSelectableIndex = React8.useMemo(
     () => selectableRows.findIndex(
       (row) => inSlots ? row.kind === "slot" && row.idx === slotIdx : row.kind === "prop" && row.idx === propIdx
     ),
@@ -22252,12 +22217,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;
-  React9.useEffect(() => {
+  React8.useEffect(() => {
     onTextEntryActiveChange?.(textEntryActive);
   }, [textEntryActive, onTextEntryActiveChange]);
   const currentProp = props[propIdx] ?? null;
   const currentSlot = slots[slotIdx] ?? null;
-  React9.useEffect(() => {
+  React8.useEffect(() => {
     if (showHiddenProps || inSlots || inComponentDesc || visiblePropPosition >= 0) return;
     if (visiblePropIndexes.length > 0) {
       setPropIdx(visiblePropIndexes[0]);
@@ -22276,22 +22241,22 @@ function FieldEditor({
     setEditorState(next);
     onChange(serializeState(next, value));
   };
-  const canonicalize = React9.useCallback((json) => {
+  const canonicalize = React8.useCallback((json) => {
     try {
       return JSON.stringify(JSON.parse(json));
     } catch {
       return `__unparseable__:${json}`;
     }
   }, []);
-  const initialStateRef = React9.useRef(initialState);
+  const initialStateRef = React8.useRef(initialState);
   const baselineCanonical = canonicalize(serializeState(initialStateRef.current, value));
   const currentCanonical = canonicalize(serializeState(editorState, value));
   const isDirty = currentCanonical !== baselineCanonical;
-  React9.useEffect(() => {
+  React8.useEffect(() => {
     onDirtyChange?.(isDirty);
   }, [isDirty, onDirtyChange]);
-  const lastDiscardTriggerRef = React9.useRef(discardTrigger);
-  React9.useEffect(() => {
+  const lastDiscardTriggerRef = React8.useRef(discardTrigger);
+  React8.useEffect(() => {
     if (discardTrigger === void 0) return;
     if (discardTrigger === lastDiscardTriggerRef.current) return;
     lastDiscardTriggerRef.current = discardTrigger;
@@ -22802,17 +22767,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__ */ 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." })
+      /* @__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." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
     return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
-      /* @__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" })
+      /* @__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" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -22941,12 +22906,12 @@ function FieldEditor({
   const renderRow = (row, index) => {
     const key = rowKey(row, index);
     if (row.kind === "header") {
-      return /* @__PURE__ */ jsx28(Box21, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx28(Text23, { bold: true, color: PALETTE.success, children: row.label }) }, key);
+      return /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx27(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__ */ jsx28(
+      return /* @__PURE__ */ jsx27(
         DescriptionField,
         {
           value: editorState.componentDescription,
@@ -22977,7 +22942,7 @@ function FieldEditor({
         valueText,
         innerWidth
       );
-      return /* @__PURE__ */ jsx28(
+      return /* @__PURE__ */ jsx27(
         PropRow,
         {
           prop: p,
@@ -23004,7 +22969,7 @@ function FieldEditor({
       valueText,
       innerWidth
     );
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx27(
       SlotRow,
       {
         slot: s,
@@ -23025,9 +22990,9 @@ function FieldEditor({
       borderStyle: "single",
       borderColor: hasEmptyProperties ? PALETTE.warning : active ? PALETTE.accent : PALETTE.border,
       children: [
-        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." }),
+        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." }),
         header,
-        /* @__PURE__ */ jsx28(Box21, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx27(
           PropRow,
           {
             prop: currentProp,
@@ -23043,7 +23008,7 @@ function FieldEditor({
             rationale: metadata?.props?.[currentProp.name]?.rationale ?? null,
             showRationale: showInlineRationales
           }
-        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx28(
+        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx27(
           SlotRow,
           {
             slot: currentSlot,
@@ -23062,7 +23027,7 @@ function FieldEditor({
         ) : visibleRowSlice.map((row, index) => {
           const absoluteIndex = scrollStart + index;
           const key = rowKey(row, absoluteIndex);
-          return /* @__PURE__ */ jsx28(
+          return /* @__PURE__ */ jsx27(
             Box21,
             {
               ref: (node) => {
@@ -23076,7 +23041,7 @@ function FieldEditor({
             `visible-${key}`
           );
         }) }),
-        categoryBelow && /* @__PURE__ */ jsx28(Text23, { color: PALETTE.success, bold: true, children: `(${categoryBelow} below)` }),
+        categoryBelow && /* @__PURE__ */ jsx27(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;
@@ -23086,48 +23051,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__ */ 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" })
+              /* @__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" })
             ] });
           }
           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__ */ 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" })
+            /* @__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" })
           ] });
         })(),
         showHelp && /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
-          /* @__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" })
+          /* @__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" })
         ] }),
-        validationError && /* @__PURE__ */ jsx28(Text23, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx28(Box21, { paddingTop: 1, children: /* @__PURE__ */ jsx28(Text23, { color: PALETTE.muted, children: modeLabel }) })
+        validationError && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.error, children: "\u2717 " + validationError }),
+        /* @__PURE__ */ jsx27(Box21, { paddingTop: 1, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: modeLabel }) })
       ]
     }
   );
@@ -23173,26 +23138,26 @@ function wrapText(text, innerWidth) {
 
 // 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 jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function RationaleLine({ line, active }) {
   if (line.kind === "blank") {
-    return /* @__PURE__ */ jsx29(Box22, { children: /* @__PURE__ */ jsx29(Text24, { children: " " }) });
+    return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx29(Box22, { children: /* @__PURE__ */ jsx29(Text24, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
+    return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
   }
   if (line.kind === "label") {
     return /* @__PURE__ */ jsxs23(Box22, { children: [
-      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 })
+      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 })
     ] });
   }
-  return /* @__PURE__ */ jsx29(Box22, { children: /* @__PURE__ */ jsx29(Text24, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
+  return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ComponentRationalePanel.tsx
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 var PLACEHOLDER = "(no rationale captured)";
 function renderComponentRationaleLines(data, innerWidth) {
   const out = [];
@@ -23269,9 +23234,9 @@ function ComponentRationalePanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__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" }) })
+        /* @__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" }) })
       ]
     }
   );
@@ -23282,14 +23247,14 @@ import { Box as Box25 } from "ink";
 
 // 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 jsx31 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx30 } from "react/jsx-runtime";
 function HighlightedLine({ parts }) {
-  return /* @__PURE__ */ jsx31(Fragment6, { children: parts.map((part, i) => /* @__PURE__ */ jsx31(Text26, { color: part.dim ? PALETTE.muted : part.color, children: part.text }, i)) });
+  return /* @__PURE__ */ jsx30(Fragment6, { children: parts.map((part, i) => /* @__PURE__ */ jsx30(Text26, { color: part.dim ? PALETTE.muted : part.color, children: part.text }, i)) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ScrollablePanel.tsx
 import { Box as Box24, Text as Text27 } from "ink";
-import { Fragment as Fragment7, jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
 function ScrollablePanel({
   title,
   width,
@@ -23304,10 +23269,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__ */ jsx32(Text27, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
+      /* @__PURE__ */ jsx31(Text27, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
       overflowed && /* @__PURE__ */ jsxs25(Fragment7, { children: [
-        /* @__PURE__ */ jsx32(Box24, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx32(Text27, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
+        /* @__PURE__ */ jsx31(Box24, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx31(Text27, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
     children
@@ -23315,7 +23280,7 @@ function ScrollablePanel({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/JsonPanel.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function highlightJson(line) {
   const parts = [];
   let remaining = line;
@@ -23353,7 +23318,7 @@ function highlightJson(line) {
     parts.push({ text: remaining[0] });
     remaining = remaining.slice(1);
   }
-  return /* @__PURE__ */ jsx33(HighlightedLine, { parts });
+  return /* @__PURE__ */ jsx32(HighlightedLine, { parts });
 }
 function truncateLine(line, maxWidth) {
   if (line.length <= maxWidth) return line;
@@ -23366,7 +23331,7 @@ function JsonPanel({ label, value, scrollOffset, width, height, active }) {
   const totalLines = allLines.length;
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + height);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(
     ScrollablePanel,
     {
       title: label,
@@ -23379,14 +23344,14 @@ function JsonPanel({ label, value, scrollOffset, width, height, active }) {
       borderColor: active ? "white" : void 0,
       children: visibleLines.map((line, i) => {
         const truncated = truncateLine(line, innerWidth);
-        return /* @__PURE__ */ jsx33(Box25, { children: highlightJson(truncated) }, i);
+        return /* @__PURE__ */ jsx32(Box25, { children: highlightJson(truncated) }, i);
       })
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationalePanel.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function renderRationaleLines(rows, innerWidth) {
   const out = [];
   rows.forEach((row, idx) => {
@@ -23419,7 +23384,7 @@ function RationalePanel({
   const visible = allLines.slice(scrollOffset, scrollOffset + height);
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + height);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     ScrollablePanel,
     {
       title: `RATIONALE \u2014 ${componentName}`,
@@ -23430,7 +23395,7 @@ function RationalePanel({
       visibleStart,
       visibleEnd,
       borderColor: active ? PALETTE.text : void 0,
-      children: visible.map((line, i) => /* @__PURE__ */ jsx34(RationaleLine, { line, active }, i))
+      children: visible.map((line, i) => /* @__PURE__ */ jsx33(RationaleLine, { line, active }, i))
     }
   );
 }
@@ -23438,7 +23403,7 @@ function RationalePanel({
 // 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 jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 function TokenReviewPanel({
   componentName,
   suggestions,
@@ -23466,15 +23431,15 @@ function TokenReviewPanel({
         borderStyle: "single",
         borderColor: active ? PALETTE.text : void 0,
         children: [
-          /* @__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)" }),
+          /* @__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)" }),
           visiblePaths.map((path5, i) => {
             const pathIndex = scrollStart + i;
             const checked = editSelection.has(path5);
             const focused = pathIndex === editCursor;
-            return /* @__PURE__ */ jsx35(Box26, { children: /* @__PURE__ */ jsx35(
+            return /* @__PURE__ */ jsx34(Box26, { children: /* @__PURE__ */ jsx34(
               Text28,
               {
                 color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted,
@@ -23484,9 +23449,9 @@ function TokenReviewPanel({
               }
             ) }, path5);
           }),
-          /* @__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" })
+          /* @__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" })
         ]
       }
     );
@@ -23500,25 +23465,25 @@ function TokenReviewPanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__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)" }),
+        /* @__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)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
           return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", children: [
-            /* @__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(", ")}` })
+            /* @__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(", ")}` })
           ] }, s.propName);
         }),
-        /* @__PURE__ */ jsx35(Text28, { children: " " }),
-        /* @__PURE__ */ jsx35(Text28, { children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
+        /* @__PURE__ */ jsx34(Text28, { children: " " }),
+        /* @__PURE__ */ jsx34(Text28, { children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
       ]
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/review-details-panel.tsx
-import { Fragment as Fragment8, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 function ReviewDetailsPanel({
   selectedKey,
   panelOpen,
@@ -23553,7 +23518,7 @@ function ReviewDetailsPanel({
         rationale: s.rationale ?? ""
       }))
     ];
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx35(
       RationalePanel,
       {
         componentName: componentRationale?.name ?? selectedKey,
@@ -23566,7 +23531,7 @@ function ReviewDetailsPanel({
     );
   }
   if (panelOpen === "component-rationale") {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx35(
       ComponentRationalePanel,
       {
         data: componentRationale ?? {
@@ -23592,13 +23557,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__ */ 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" })
+      /* @__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" })
     ] });
   }
   if (panelOpen === "token-review") {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx35(
       TokenReviewPanel,
       {
         componentName: selectedKey,
@@ -23614,7 +23579,7 @@ function ReviewDetailsPanel({
     );
   }
   if (showJson) {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx35(
       JsonPanel,
       {
         label: "GENERATED DEFINITION (read-only)",
@@ -23626,11 +23591,11 @@ function ReviewDetailsPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsx36(Fragment8, { children: editor });
+  return /* @__PURE__ */ jsx35(Fragment8, { children: editor });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDetailsEditor.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 import { createElement } from "react";
 function toFieldEditorMetadata(reviewMetadata) {
   if (!reviewMetadata) return void 0;
@@ -23664,7 +23629,7 @@ function ReviewDetailsEditor({
     jsonScrollOffset,
     currentTokenSuggestions
   } = reviewEditor;
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     ReviewDetailsPanel,
     {
       selectedKey,
@@ -23704,7 +23669,7 @@ function ReviewDetailsEditor({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewComponentPanel.tsx
-import { Fragment as Fragment9, jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
 function buildReviewFieldEditor(reviewEditor, selectedJson, onExit, overrides = {}) {
   return {
     value: reviewEditor.draftValue || selectedJson,
@@ -23744,17 +23709,17 @@ function ReviewEmptyComponentsWarning({
   hidden
 }) {
   if (hidden || count === 0) return null;
-  return /* @__PURE__ */ jsx38(Text30, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
+  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx38(Box27, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx38(Text30, { color: PALETTE.muted, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx37(Box27, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx37(Text30, { color: PALETTE.muted, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
   hidden
 }) {
   if (hidden || !message) return null;
-  return /* @__PURE__ */ jsx38(Text30, { color: PALETTE.error, children: `\u26A0 ${message}` });
+  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE.error, children: `\u26A0 ${message}` });
 }
 function ReviewPanelFooter({
   reviewEditor,
@@ -23765,8 +23730,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__ */ jsx38(Text30, { children: `  ${livePreviewSpinner} live preview` }),
-    livePreview.disabled && /* @__PURE__ */ jsx38(Text30, { children: "  \xB7 live preview disabled" })
+    livePreview.status === "running" && /* @__PURE__ */ jsx37(Text30, { children: `  ${livePreviewSpinner} live preview` }),
+    livePreview.disabled && /* @__PURE__ */ jsx37(Text30, { children: "  \xB7 live preview disabled" })
   ] });
 }
 function ReviewComponentTitle({
@@ -23776,8 +23741,8 @@ function ReviewComponentTitle({
   sidebarFocused
 }) {
   return /* @__PURE__ */ jsxs28(Box27, { paddingLeft: 2, paddingBottom: 1, children: [
-    /* @__PURE__ */ jsx38(Text30, { bold: true, wrap: "truncate-end", children: selectedKey }),
-    /* @__PURE__ */ jsx38(Box27, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx37(Text30, { bold: true, wrap: "truncate-end", children: selectedKey }),
+    /* @__PURE__ */ jsx37(Box27, { flexGrow: 1 }),
     /* @__PURE__ */ jsxs28(Text30, { color: PALETTE.muted, wrap: "truncate-end", children: [
       propCount,
       " prop",
@@ -23809,8 +23774,8 @@ function ReviewComponentPanel({
   const slotCount = selectedEntry.$slots ? Object.keys(selectedEntry.$slots).length : 0;
   const contentHeight = Math.max(1, height - 2);
   const contentWidth = Math.max(1, width - 1);
-  return /* @__PURE__ */ jsx38(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ 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(
+  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(
       ReviewDetailsEditor,
       {
         selectedKey,
@@ -23823,7 +23788,7 @@ function ReviewComponentPanel({
         jsonValue,
         sidebarFocused,
         fieldEditor,
-        header: /* @__PURE__ */ jsx38(
+        header: /* @__PURE__ */ jsx37(
           ReviewComponentTitle,
           {
             selectedKey,
@@ -23834,8 +23799,8 @@ function ReviewComponentPanel({
         )
       }
     ) }),
-    /* @__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(
+    /* @__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(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -23850,7 +23815,7 @@ function ReviewComponentPanel({
 
 // 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 jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
 function countReviewStatuses(entries) {
   return entries.reduce(
     (counts, entry) => {
@@ -23863,13 +23828,13 @@ function countReviewStatuses(entries) {
   );
 }
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx39(Box28, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx39(Text31, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx38(Box28, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
   return /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx39(Text31, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx39(Text31, { children: " " }),
-    /* @__PURE__ */ jsx39(Text31, { children: "[q / Enter / Esc] Quit" })
+    /* @__PURE__ */ jsx38(Text31, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx38(Text31, { children: " " }),
+    /* @__PURE__ */ jsx38(Text31, { children: "[q / Enter / Esc] Quit" })
   ] });
 }
 
@@ -23956,7 +23921,7 @@ function finalizeReviewSession(extractSessionId, components) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-session.ts
-import { useCallback as useCallback2, useEffect as useEffect12, useRef as useRef9, useState as useState17 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect12, useRef as useRef8, useState as useState17 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/history.ts
 var DEFAULT_MAX_DEPTH = 50;
@@ -24012,7 +23977,7 @@ function createHistoryStack(seed, maxDepth = DEFAULT_MAX_DEPTH) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-finalize-preview.ts
-import { useEffect as useEffect11, useRef as useRef8, useState as useState16 } from "react";
+import { useEffect as useEffect11, useRef as useRef7, useState as useState16 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/run-live-preview.ts
 var TimeoutError = class extends Error {
@@ -24070,7 +24035,7 @@ async function runLivePreview(opts) {
 
 // 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 jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
 var FINALIZE_REMOVED_WINDOW = 6;
 function FinalizeDialog({
   accepted,
@@ -24099,51 +24064,51 @@ function FinalizeDialog({
   const windowed = removed.slice(offset, offset + FINALIZE_REMOVED_WINDOW);
   const hasMoreBelow = offset + FINALIZE_REMOVED_WINDOW < removed.length;
   const hasMoreAbove = offset > 0;
-  return /* @__PURE__ */ jsx40(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: " " }),
+  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: " " }),
     /* @__PURE__ */ jsxs30(Text32, { children: [
       /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.success, children: [
         accepted,
         " accepted"
       ] }),
-      /* @__PURE__ */ jsx40(Text32, { children: " \xB7 " }),
+      /* @__PURE__ */ jsx39(Text32, { children: " \xB7 " }),
       /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.error, children: [
         rejected,
         " rejected"
       ] }),
-      /* @__PURE__ */ jsx40(Text32, { children: " \xB7 " }),
+      /* @__PURE__ */ jsx39(Text32, { children: " \xB7 " }),
       /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.muted, children: [
         needsReview,
         " unresolved"
       ] })
     ] }),
-    /* @__PURE__ */ jsx40(Text32, { children: " " }),
+    /* @__PURE__ */ jsx39(Text32, { children: " " }),
     noneAccepted && /* @__PURE__ */ jsxs30(Fragment10, { 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: " " })
+      /* @__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: " " })
     ] }),
     !allResolved && /* @__PURE__ */ jsxs30(Fragment10, { 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__ */ 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__ */ jsxs30(Box29, { flexDirection: "column", height: 2, 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 === "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 === "done" && removed.length > 0 && /* @__PURE__ */ jsxs30(Fragment10, { 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, { 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, { 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" })
+    /* @__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" })
   ] }) });
 }
 
@@ -24162,7 +24127,7 @@ function useFinalizePreview(opts) {
   const [status, setStatus] = useState16("idle");
   const [removed, setRemoved] = useState16([]);
   const [scrollOffset, setScrollOffset] = useState16(0);
-  const generationRef = useRef8(0);
+  const generationRef = useRef7(0);
   const acceptedKey = [...acceptedKeys].sort().join("\0");
   useEffect11(() => {
     if (!open) {
@@ -24310,8 +24275,8 @@ function useReviewMetadata({ components, selectedIdx, extractSessionId }) {
   return { reviewMetadata, componentRationale };
 }
 function useReviewHistory({ loading, components, createSnapshot, applySnapshot }) {
-  const historyRef = useRef9(null);
-  const historySeededRef = useRef9(false);
+  const historyRef = useRef8(null);
+  const historySeededRef = useRef8(false);
   useEffect12(() => {
     if (loading || historySeededRef.current) return;
     historySeededRef.current = true;
@@ -24363,7 +24328,7 @@ function useReviewFinalize({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-review-editor.ts
-import { useEffect as useEffect13, useRef as useRef10, useState as useState18 } from "react";
+import { useEffect as useEffect13, useRef as useRef9, useState as useState18 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/token-suggestions.ts
 function collectTokenSuggestions(entry, availableTokens = []) {
@@ -24414,8 +24379,8 @@ function useReviewEditor({
   const [tokenReviewEditing, setTokenReviewEditing] = useState18(false);
   const [tokenReviewEditCursor, setTokenReviewEditCursor] = useState18(0);
   const [tokenReviewEditSelection, setTokenReviewEditSelection] = useState18(/* @__PURE__ */ new Set());
-  const tokenReviewSuggestedRef = useRef10(/* @__PURE__ */ new Map());
-  const pendingGRef = useRef10(false);
+  const tokenReviewSuggestedRef = useRef9(/* @__PURE__ */ new Map());
+  const pendingGRef = useRef9(false);
   useEffect13(() => {
     setTokenReviewRow(0);
     setTokenReviewEditing(false);
@@ -24552,7 +24517,7 @@ import { Box as Box31, Text as Text34 } from "ink";
 
 // 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 jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
 function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
   useImmediateInput((input, key) => {
     if (input === "y" || key.return) {
@@ -24562,20 +24527,20 @@ function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
     }
   });
   return /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
-    /* @__PURE__ */ jsx41(Text33, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
-    /* @__PURE__ */ jsx41(Text33, { children: " " }),
+    /* @__PURE__ */ jsx40(Text33, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
+    /* @__PURE__ */ jsx40(Text33, { children: " " }),
     hasUnsavedDrafts ? /* @__PURE__ */ jsxs31(Fragment11, { children: [
-      /* @__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" })
+      /* @__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" })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDialogs.tsx
-import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
 function ReviewFinalizeDialogs({
   showFinalize,
   showQuit,
@@ -24590,7 +24555,7 @@ function ReviewFinalizeDialogs({
 }) {
   const { accepted, rejected, needsReview } = countReviewStatuses(components);
   return /* @__PURE__ */ jsxs32(Fragment12, { children: [
-    showFinalize && /* @__PURE__ */ jsx42(
+    showFinalize && /* @__PURE__ */ jsx41(
       FinalizeDialog,
       {
         accepted,
@@ -24603,7 +24568,7 @@ function ReviewFinalizeDialogs({
         onCancel: onFinalizeCancel
       }
     ),
-    showQuit && /* @__PURE__ */ jsx42(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
+    showQuit && /* @__PURE__ */ jsx41(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
   ] });
 }
 function ReviewStepDialogs({
@@ -24613,7 +24578,7 @@ function ReviewStepDialogs({
   onFinalize,
   onQuit
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx41(
     ReviewFinalizeDialogs,
     {
       showFinalize: surfaceState.showFinalize,
@@ -24632,11 +24597,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__ */ 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" })
+    /* @__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" })
   ] });
 }
 
@@ -24855,21 +24820,21 @@ function applyPreviewAnnotations(preview, localNames) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/use-live-preview.ts
-import { useCallback as useCallback3, useEffect as useEffect14, useRef as useRef11, useState as useState20 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect14, useRef as useRef10, useState as useState20 } from "react";
 var DEFAULT_DEBOUNCE_MS = 500;
 function useLivePreview(opts) {
   const debounceMs = opts.debounceMs ?? DEFAULT_DEBOUNCE_MS;
   const [status, setStatus] = useState20("idle");
   const [disabled, setDisabled] = useState20(false);
-  const timerRef = useRef11(null);
-  const generationRef = useRef11(0);
-  const latestRef = useRef11(0);
-  const inflightRef = useRef11(0);
-  const optsRef = useRef11(opts);
+  const timerRef = useRef10(null);
+  const generationRef = useRef10(0);
+  const latestRef = useRef10(0);
+  const inflightRef = useRef10(0);
+  const optsRef = useRef10(opts);
   useEffect14(() => {
     optsRef.current = opts;
   });
-  const disabledRef = useRef11(disabled);
+  const disabledRef = useRef10(disabled);
   useEffect14(() => {
     disabledRef.current = disabled;
   }, [disabled]);
@@ -25004,7 +24969,7 @@ function useReviewPreview({
 
 // 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 jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
 function LivePreviewSummary({
   enabled,
   previewAnnotations,
@@ -25018,24 +24983,24 @@ function LivePreviewSummary({
   const counts = { new: 0, changed: 0, removed: 0, breaking: 0 };
   for (const annotation of previewAnnotations.values()) counts[annotation] += 1;
   const hasCounts = counts.new + counts.changed + counts.removed + counts.breaking > 0;
-  if (disabled) return /* @__PURE__ */ jsx43(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 (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 (!hasCounts) return null;
   return /* @__PURE__ */ jsxs33(Box32, { children: [
-    /* @__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` })
+    /* @__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` })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/generate-review-step.tsx
-import { Fragment as Fragment13, jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx43, 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) => {
@@ -25079,7 +25044,7 @@ function CyclePathLine({
   return /* @__PURE__ */ jsxs34(Text36, { color: highlightLine ? PALETTE.warning : void 0, children: [
     prefix,
     segments.map(
-      (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)
+      (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)
     )
   ] });
 }
@@ -25091,31 +25056,31 @@ function CycleDetailPanel({
   height
 }) {
   const lines = [
-    /* @__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")
+    /* @__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")
   ];
   cycles.forEach((cycle, index) => {
     const nodeCount = new Set(cycle.path).size;
     const isCursor = index === cursor;
     lines.push(
-      /* @__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}`)
+      /* @__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}`)
     );
     if (cycle.suggestedBreak) {
       lines.push(
-        /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
+        /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
       );
     }
-    lines.push(/* @__PURE__ */ jsx44(Text36, { children: " " }, `cyc-s-${index}`));
+    lines.push(/* @__PURE__ */ jsx43(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__ */ jsx44(Text36, { color: PALETTE.muted, children: footer })
+    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: footer })
   ] });
 }
 function BreakCyclePanel({
@@ -25127,13 +25092,13 @@ function BreakCyclePanel({
   height
 }) {
   return /* @__PURE__ */ jsxs34(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
-    /* @__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" })
+    /* @__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" })
   ] });
 }
 var HELP_SECTIONS2 = [
@@ -25239,9 +25204,9 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    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(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(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
+  return /* @__PURE__ */ jsx43(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
 function GenerateReviewStepView({
   extractSessionId,
@@ -25306,7 +25271,7 @@ function GenerateReviewStepView({
     setFinalizeError
   } = reviewSurface;
   const [removedBannerCollapsed, setRemovedBannerCollapsed] = useState22(false);
-  const removedBannerDefaultedRef = useRef12(false);
+  const removedBannerDefaultedRef = useRef11(false);
   const [cyclePanelScroll, setCyclePanelScroll] = useState22(0);
   const [cyclesCursor, setCyclesCursor] = useState22(0);
   const cyclePanel = useOverlayPanel({
@@ -25326,7 +25291,7 @@ function GenerateReviewStepView({
   const [breakCursor, setBreakCursor] = useState22(0);
   const [breakConfirm, setBreakConfirm] = useState22(false);
   const [expandedGroups, setExpandedGroups] = useState22(/* @__PURE__ */ new Set());
-  const seededGroupsRef = useRef12(false);
+  const seededGroupsRef = useRef11(false);
   const {
     searchOpen,
     setSearchOpen,
@@ -25350,7 +25315,7 @@ function GenerateReviewStepView({
   const [pendingEditorFocus, setPendingEditorFocus] = useState22(null);
   const [autoRejected, setAutoRejected] = useState22([]);
   const [undoSnapshot, setUndoSnapshot] = useState22(null);
-  const autoRejectFiredRef = useRef12(false);
+  const autoRejectFiredRef = useRef11(false);
   const [showReloadDialog, setShowReloadDialog] = useState22(false);
   const acceptedCountForPreview = components.filter((c2) => c2.status === "accepted").length;
   const { previewAnnotations, removedComponents, livePreviewHook, livePreviewSpinner } = useReviewPreview({
@@ -25483,7 +25448,7 @@ function GenerateReviewStepView({
     }),
     applySnapshot: applyHistorySnapshot
   });
-  const autoRejectPushedRef = useRef12(false);
+  const autoRejectPushedRef = useRef11(false);
   useEffect16(() => {
     if (loading) return;
     if (!historySeededRef.current) return;
@@ -26098,13 +26063,13 @@ function GenerateReviewStepView({
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx44(ReviewLoadingState, {});
+    return /* @__PURE__ */ jsx43(ReviewLoadingState, {});
   }
   if (loadError) {
-    return /* @__PURE__ */ jsx44(ReviewLoadError, { message: loadError });
+    return /* @__PURE__ */ jsx43(ReviewLoadError, { message: loadError });
   }
   if (showHelp) {
-    return /* @__PURE__ */ jsx44(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
+    return /* @__PURE__ */ jsx43(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
   }
   const { selected, selectedJson, visibleJsonPanelValue } = getReviewSelectionState(
     components,
@@ -26145,7 +26110,7 @@ function GenerateReviewStepView({
     return false;
   })();
   return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx43(
       ReviewStepDialogs,
       {
         surfaceState: reviewSurface,
@@ -26155,15 +26120,15 @@ function GenerateReviewStepView({
         onQuit
       }
     ),
-    /* @__PURE__ */ jsx44(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
+    /* @__PURE__ */ jsx43(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
     removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
-      /* @__PURE__ */ jsx44(Text36, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
+      /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
       !removedBannerCollapsed && /* @__PURE__ */ jsxs34(Fragment13, { children: [
-        /* @__PURE__ */ jsx44(Text36, { children: " " }),
-        removedComponents.map((rc) => /* @__PURE__ */ jsx44(Text36, { children: removedComponentLine(rc) }, rc.id))
+        /* @__PURE__ */ jsx43(Text36, { children: " " }),
+        removedComponents.map((rc) => /* @__PURE__ */ jsx43(Text36, { children: removedComponentLine(rc) }, rc.id))
       ] })
     ] }),
-    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx44(Box33, { paddingX: 1, children: /* @__PURE__ */ jsx44(
+    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx43(Box33, { paddingX: 1, children: /* @__PURE__ */ jsx43(
       Text36,
       {
         color: PALETTE.warning,
@@ -26175,13 +26140,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__ */ 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" })
+        /* @__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" })
       ] });
     })(),
-    !dialogOpen && /* @__PURE__ */ jsx44(
+    !dialogOpen && /* @__PURE__ */ jsx43(
       LivePreviewSummary,
       {
         enabled: livePreview,
@@ -26201,15 +26166,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__ */ 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(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(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
-    /* @__PURE__ */ jsx44(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
-    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx43(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
+    /* @__PURE__ */ jsx43(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
+    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx43(
       BreakCyclePanel,
       {
         cycle: cycleRows[cyclesCursor],
@@ -26220,7 +26185,7 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx44(
+    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx43(
       CycleDetailPanel,
       {
         cycles: cycleRows,
@@ -26231,7 +26196,7 @@ function GenerateReviewStepView({
       }
     ),
     !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs34(Box33, { children: [
-      breakingPanel.isOpen ? /* @__PURE__ */ jsx44(
+      breakingPanel.isOpen ? /* @__PURE__ */ jsx43(
         GotoBanner,
         {
           title: `Breaking changes \u2014 ${breakingRows[breakingCursor]?.componentName ?? "unknown component"}`,
@@ -26244,7 +26209,7 @@ function GenerateReviewStepView({
           width: sidebarWidth,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [D] detail \xB7 [Esc] close"
         }
-      ) : /* @__PURE__ */ jsx44(
+      ) : /* @__PURE__ */ jsx43(
         GroupedSidebar,
         {
           items: groupedItems,
@@ -26285,7 +26250,7 @@ function GenerateReviewStepView({
           graph: sidebarGraph
         }
       ),
-      selected ? /* @__PURE__ */ jsx44(
+      selected ? /* @__PURE__ */ jsx43(
         ReviewComponentPanel,
         {
           selectedKey: selected.key,
@@ -26317,12 +26282,12 @@ function GenerateReviewStepView({
           livePreview: livePreviewHook,
           livePreviewSpinner
         }
-      ) : /* @__PURE__ */ jsx44(ReviewNoSelection, {})
+      ) : /* @__PURE__ */ jsx43(ReviewNoSelection, {})
     ] }),
     !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx44(Text36, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
+      /* @__PURE__ */ jsx43(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__ */ jsx44(
+        return /* @__PURE__ */ jsx43(
           CyclePathLine,
           {
             segments: formatCyclePathSegments2(cycle),
@@ -26333,10 +26298,10 @@ function GenerateReviewStepView({
           `cyc-banner-${idx}`
         );
       }),
-      cycleRows.length > 3 && /* @__PURE__ */ jsx44(Text36, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
-      /* @__PURE__ */ jsx44(Text36, { children: "  press [c] for detail" })
+      cycleRows.length > 3 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
+      /* @__PURE__ */ jsx43(Text36, { children: "  press [c] for detail" })
     ] }),
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx43(
       SearchMatchSummary,
       {
         open: searchOpen,
@@ -26347,22 +26312,22 @@ function GenerateReviewStepView({
         hidden: dialogOpen
       }
     ),
-    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx44(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
+    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx43(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
   ] });
 }
 
 // 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 jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx44, 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__ */ jsx45(Text37, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
+    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
     generatePromptPath ? /* @__PURE__ */ jsxs35(Text37, { color: PALETTE.warning, children: [
       "components: ",
       generatePromptPath
     ] }) : null,
-    /* @__PURE__ */ jsx45(Text37, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
+    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
   ] });
 }
 
@@ -26384,25 +26349,25 @@ function buildPostPushUrl2({ host, spaceId, environmentId, view = "components" }
 
 // 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 jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
 function SpaceEnvironment({ spaceId, environmentId }) {
   return /* @__PURE__ */ jsxs36(Box35, { gap: 1, marginTop: 1, children: [
-    /* @__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 })
+    /* @__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 })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/DoneStep.tsx
-import { Fragment as Fragment14, jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
 var ACTIONS = ["created", "updated", "removed"];
 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__ */ jsx47(Text39, { color: PALETTE.success, children: "\u2713" }),
+      /* @__PURE__ */ jsx46(Text39, { color: PALETTE.success, children: "\u2713" }),
       " ",
       plural3(entity[action]),
       " ",
@@ -26417,8 +26382,8 @@ function EntityRows({ entity, label }) {
 }
 function LinkRow({ title, url }) {
   return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: title }),
-    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.accent, children: url })
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.muted, children: title }),
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.accent, children: url })
   ] });
 }
 function DoneStep({
@@ -26441,11 +26406,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__ */ 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: [
+    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: [
         "Push result: ",
         summary.succeeded,
         "/",
@@ -26459,7 +26424,7 @@ function DoneStep({
       ] }) })
     ] }),
     failures.length > 0 && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.error, children: "Failure details" }),
+      /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE.error, children: "Failure details" }),
       failures.map((failure) => /* @__PURE__ */ jsxs37(Text39, { color: PALETTE.error, children: [
         failure.entityType,
         " ",
@@ -26468,11 +26433,11 @@ function DoneStep({
         failure.message
       ] }, `${failure.entityType}:${failure.entityId}`))
     ] }),
-    /* @__PURE__ */ jsx47(SpaceEnvironment, { spaceId, environmentId }),
+    /* @__PURE__ */ jsx46(SpaceEnvironment, { spaceId, environmentId }),
     success && totalPushed > 0 && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", gap: 1, children: [
-      /* @__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(
+      /* @__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(
         LinkRow,
         {
           title: "View your design tokens here:",
@@ -26480,7 +26445,7 @@ function DoneStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx47(Text39, { children: "[Enter / q] Exit" })
+    /* @__PURE__ */ jsx46(Text39, { children: "[Enter / q] Exit" })
   ] });
 }
 
@@ -26520,7 +26485,7 @@ function useBlinkingCursor() {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PathPrompt.tsx
-import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs38 } from "react/jsx-runtime";
 function autocomplete(partial) {
   if (!partial) return null;
   const normalized = normalizePath(partial);
@@ -26579,18 +26544,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__ */ jsx48(Text40, { color: PALETTE.accent, children: "?" }),
+      /* @__PURE__ */ jsx47(Text40, { color: PALETTE.accent, children: "?" }),
       /* @__PURE__ */ jsxs38(Text40, { bold: true, children: [
         label,
         ":"
       ] }),
-      /* @__PURE__ */ jsx48(Text40, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
-      /* @__PURE__ */ jsx48(Text40, { children: cursor })
+      /* @__PURE__ */ jsx47(Text40, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
+      /* @__PURE__ */ jsx47(Text40, { children: cursor })
     ] }),
     /* @__PURE__ */ jsxs38(Box37, { gap: 3, children: [
-      /* @__PURE__ */ jsx48(Text40, { children: "[Enter] Confirm" }),
-      /* @__PURE__ */ jsx48(Text40, { children: "[Tab] Autocomplete" }),
-      /* @__PURE__ */ jsx48(Text40, { children: "[Esc] Cancel" })
+      /* @__PURE__ */ jsx47(Text40, { children: "[Enter] Confirm" }),
+      /* @__PURE__ */ jsx47(Text40, { children: "[Tab] Autocomplete" }),
+      /* @__PURE__ */ jsx47(Text40, { children: "[Esc] Cancel" })
     ] })
   ] });
 }
@@ -26601,10 +26566,10 @@ import { ProgressBar as ProgressBar2, ThemeProvider as ThemeProvider2 } from "@i
 
 // 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 jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
 function StepHeader({ stepNumber, totalSteps, title }) {
   return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "\u2500".repeat(40) }),
+    /* @__PURE__ */ jsx48(Text41, { color: PALETTE.muted, children: "\u2500".repeat(40) }),
     /* @__PURE__ */ jsxs39(Box38, { gap: 1, children: [
       /* @__PURE__ */ jsxs39(Text41, { bold: true, children: [
         "Step ",
@@ -26612,17 +26577,17 @@ function StepHeader({ stepNumber, totalSteps, title }) {
         " of ",
         totalSteps
       ] }),
-      /* @__PURE__ */ jsx49(Text41, { bold: true, children: "\u2014" }),
-      /* @__PURE__ */ jsx49(Text41, { bold: true, children: title })
+      /* @__PURE__ */ jsx48(Text41, { bold: true, children: "\u2014" }),
+      /* @__PURE__ */ jsx48(Text41, { bold: true, children: title })
     ] }),
-    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "\u2500".repeat(40) })
+    /* @__PURE__ */ jsx48(Text41, { color: PALETTE.muted, children: "\u2500".repeat(40) })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-timed-spinner.tsx
 import { useEffect as useEffect18, useState as useState25 } from "react";
 import { Spinner as Spinner2 } from "@inkjs/ui";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function useTimedSpinner() {
   const [elapsedSeconds, setElapsedSeconds] = useState25(0);
   useEffect18(() => {
@@ -26634,27 +26599,27 @@ function useTimedSpinner() {
   const mins = Math.floor(elapsedSeconds / 60);
   const secs = elapsedSeconds % 60;
   return {
-    spinner: /* @__PURE__ */ jsx50(Spinner2, {}),
+    spinner: /* @__PURE__ */ jsx49(Spinner2, {}),
     elapsed: mins > 0 ? `${mins}m ${secs}s` : `${secs}s`
   };
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PushingStep.tsx
-import { jsx as jsx51, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx50, 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__ */ jsx51(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
-    /* @__PURE__ */ jsx51(Text42, { children: "Writing component types and design tokens to your Contentful space..." }),
+    /* @__PURE__ */ jsx50(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
+    /* @__PURE__ */ jsx50(Text42, { children: "Writing component types and design tokens to your Contentful space..." }),
     operationId && /* @__PURE__ */ jsxs40(Box39, { gap: 1, children: [
-      /* @__PURE__ */ jsx51(Text42, { color: PALETTE.muted, children: "Operation:" }),
-      /* @__PURE__ */ jsx51(Text42, { children: operationId })
+      /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: "Operation:" }),
+      /* @__PURE__ */ jsx50(Text42, { children: operationId })
     ] }),
-    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) }) }) }),
+    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) }) }) }),
       /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
         progress.processed,
         "/",
@@ -26663,10 +26628,10 @@ function PushingStep({ stepNumber, totalSteps, progress }) {
       ] })
     ] }) }),
     showCurrent && /* @__PURE__ */ jsxs40(Box39, { gap: 1, children: [
-      /* @__PURE__ */ jsx51(Text42, { color: PALETTE.muted, children: "Now processing:" }),
-      /* @__PURE__ */ jsx51(Text42, { children: showCurrent })
+      /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: "Now processing:" }),
+      /* @__PURE__ */ jsx50(Text42, { children: showCurrent })
     ] }),
-    /* @__PURE__ */ jsx51(Box39, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
+    /* @__PURE__ */ jsx50(Box39, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -26849,7 +26814,7 @@ function usePreviewConfirmationInput(breakingWithImpact, onConfirm) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx
-import { Fragment as Fragment15, jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
 function buildPreviewSummaryLines(preview) {
   const lines = [];
   const { components, tokens } = preview;
@@ -27104,9 +27069,9 @@ function WizardPreviewStep({
     }
   });
   return /* @__PURE__ */ jsxs41(Box40, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 2, children: [
-    /* @__PURE__ */ jsx52(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
+    /* @__PURE__ */ jsx51(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
     hasAnything ? /* @__PURE__ */ jsxs41(Fragment15, { children: [
-      /* @__PURE__ */ jsx52(Text43, { children: "Here's what will happen in your space:" }),
+      /* @__PURE__ */ jsx51(Text43, { children: "Here's what will happen in your space:" }),
       /* @__PURE__ */ jsxs41(
         WindowedPanel,
         {
@@ -27115,24 +27080,24 @@ function WizardPreviewStep({
           title: diffExpanded ? `Diff (${diffLines.length} lines)` : "",
           focused: false,
           children: [
-            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) })
+            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) })
           ]
         }
       )
-    ] }) : /* @__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__ */ 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__ */ jsxs41(Box40, { gap: 3, marginTop: 1, children: [
-      /* @__PURE__ */ jsx52(Text43, { children: "[Enter] Push to Contentful" }),
+      /* @__PURE__ */ jsx51(Text43, { children: "[Enter] Push to Contentful" }),
       /* @__PURE__ */ jsxs41(Text43, { children: [
         "[d] ",
         diffExpanded ? "Hide" : "Show",
         " diff"
       ] }),
-      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" })
+      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" })
     ] })
   ] });
 }
@@ -27144,7 +27109,7 @@ function buildRunTeaserLine(runId) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
-import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx52, 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);
@@ -27165,7 +27130,7 @@ function FlowScreen({
   const content = (() => {
     switch (state2.step) {
       case "final-review":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx52(
           GenerateReviewStep,
           {
             extractSessionId: state2.extractSessionId,
@@ -27182,7 +27147,7 @@ function FlowScreen({
           }
         );
       case "previewing":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx52(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -27193,7 +27158,7 @@ function FlowScreen({
         );
       case "preview-gate":
         if (!state2.serverPreview) return null;
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx52(
           WizardPreviewStep,
           {
             preview: state2.serverPreview,
@@ -27207,9 +27172,9 @@ function FlowScreen({
           }
         );
       case "pushing":
-        return /* @__PURE__ */ jsx53(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state2.pushProgress });
+        return /* @__PURE__ */ jsx52(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state2.pushProgress });
       case "path-prompt":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx52(
           PathPrompt,
           {
             defaultPath: state2.outDir,
@@ -27218,7 +27183,7 @@ function FlowScreen({
           }
         );
       case "printing":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx52(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -27229,7 +27194,7 @@ function FlowScreen({
         );
       case "print-gate": {
         const teaser = buildRunTeaserLine(state2.lastRunId);
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx52(
           GateStep,
           {
             message: "Files saved",
@@ -27243,7 +27208,7 @@ function FlowScreen({
       }
       case "done": {
         const totalFailed = state2.pushResult.componentTypes.failed + state2.pushResult.designTokens.failed;
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx52(
           DoneStep,
           {
             componentTypes: state2.pushResult.componentTypes,
@@ -27258,7 +27223,7 @@ function FlowScreen({
         );
       }
       case "preview-validation-error":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx52(
           PreviewValidationErrorScreen,
           {
             errors: state2.previewValidationErrors,
@@ -27269,7 +27234,7 @@ function FlowScreen({
           }
         );
       case "error":
-        return /* @__PURE__ */ jsx53(
+        return /* @__PURE__ */ jsx52(
           ErrorStep,
           {
             stepName: state2.errorStep,
@@ -27281,13 +27246,13 @@ function FlowScreen({
     }
   })();
   return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx53(CustomPromptBanner, { generatePromptPath }),
+    /* @__PURE__ */ jsx52(CustomPromptBanner, { generatePromptPath }),
     content
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow.ts
-import { useEffect as useEffect20, useRef as useRef13, useSyncExternalStore } from "react";
+import { useEffect as useEffect20, useRef as useRef12, useSyncExternalStore } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/controller.ts
 import { appendFileSync, writeFileSync } from "node:fs";
@@ -28024,7 +27989,7 @@ function createFlowController(start, deps) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow.ts
 function useFlow(start, options = {}) {
-  const controller = useRef13();
+  const controller = useRef12();
   if (start && !controller.current) {
     try {
       startWizardLog();
@@ -28049,7 +28014,7 @@ function useFlow(start, options = {}) {
 
 // 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 useInput10 } from "ink";
+import { Box as Box42, Text as Text44, useInput as useInput9 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/help/help-info.ts
@@ -28110,13 +28075,13 @@ async function readHelpInfo() {
 }
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
-import { Fragment as Fragment16, jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
 function Section({ title, rows }) {
   return /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx54(Text44, { bold: true, color: PALETTE.accent, children: title }),
+    /* @__PURE__ */ jsx53(Text44, { bold: true, color: PALETTE.accent, children: title }),
     rows.map((row) => /* @__PURE__ */ jsxs43(Box42, { gap: 1, children: [
-      /* @__PURE__ */ jsx54(Box42, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx54(Text44, { color: PALETTE.muted, children: row.label }) }),
-      /* @__PURE__ */ jsx54(Text44, { children: row.value })
+      /* @__PURE__ */ jsx53(Box42, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx53(Text44, { color: PALETTE.muted, children: row.label }) }),
+      /* @__PURE__ */ jsx53(Text44, { children: row.value })
     ] }, row.label))
   ] });
 }
@@ -28130,7 +28095,7 @@ function HelpScreen({ onDone }) {
     void finishDebugRun({ outputs: {}, status: "success", exitMethod });
     onDone();
   };
-  useInput10((input, key) => {
+  useInput9((input, key) => {
     if (key.return) {
       leave("saved");
       return;
@@ -28141,13 +28106,13 @@ function HelpScreen({ onDone }) {
     }
   });
   return /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
-    /* @__PURE__ */ jsx54(Text44, { bold: true, children: "Help" }),
+    /* @__PURE__ */ jsx53(Text44, { bold: true, children: "Help" }),
     info ? /* @__PURE__ */ jsxs43(Fragment16, { children: [
-      /* @__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(
+      /* @__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(
       ControlHints,
       {
         hints: [
@@ -28161,8 +28126,8 @@ function HelpScreen({ onDone }) {
 
 // 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 useInput11 } from "ink";
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Box as Box43, Text as Text45, useInput as useInput10 } from "ink";
+import { jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
 function SettingsScreen({
   onNavigate,
   onBack
@@ -28173,7 +28138,7 @@ function SettingsScreen({
     { label: "Opt-in Analytics", screen: "settings-opt-in-analytics" },
     { label: "Debug Mode", screen: "settings-debug-mode" }
   ];
-  useInput11((input, key) => {
+  useInput10((input, key) => {
     if (key.upArrow) {
       setFocusIdx((i) => (i - 1 + items.length) % items.length);
       return;
@@ -28194,14 +28159,14 @@ function SettingsScreen({
     }
   });
   return /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx55(Text45, { bold: true, children: "Settings" }),
-    /* @__PURE__ */ jsx55(Text45, { color: PALETTE.muted, children: " " }),
+    /* @__PURE__ */ jsx54(Text45, { bold: true, children: "Settings" }),
+    /* @__PURE__ */ jsx54(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__ */ jsx55(Text45, { children: " " }),
-    /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx54(Text45, { children: " " }),
+    /* @__PURE__ */ jsx54(
       ControlHints,
       {
         hints: [
@@ -28216,11 +28181,11 @@ function SettingsScreen({
 
 // 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 useInput15 } from "ink";
+import { Box as Box48, Text as Text51, useInput as useInput14 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentsScreen.tsx
-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 { useEffect as useEffect23, useRef as useRef13, useState as useState31 } from "react";
+import { Box as Box46, Text as Text49, useInput as useInput12 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/settings/shared/debug-trail.ts
@@ -28553,8 +28518,9 @@ import { Box as Box45, Text as Text48 } from "ink";
 
 // 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 useInput12 } from "ink";
-import { Fragment as Fragment17, jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
+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";
 function formLabelWidth(rows) {
   return Math.max(...rows.map((row) => row.label.length));
 }
@@ -28564,8 +28530,8 @@ function FormReadOnlyRow({
   children
 }) {
   return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
-    /* @__PURE__ */ jsx56(Text46, { children: " " }),
-    /* @__PURE__ */ jsx56(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text46, { color: PALETTE.muted, children: label }) }),
+    /* @__PURE__ */ jsx55(Text46, { children: " " }),
+    /* @__PURE__ */ jsx55(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: label }) }),
     children
   ] });
 }
@@ -28589,7 +28555,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];
-  useInput12((input, key) => {
+  useInput11((input, key) => {
     if (busy) return;
     if (editing) {
       if (key.escape && currentField) {
@@ -28606,7 +28572,7 @@ function FieldForm({
       onSave();
       return;
     }
-    if (isClearKey(input, key) && currentField) {
+    if (input === "c" && currentField) {
       onChange(currentField.key, "");
       return;
     }
@@ -28627,11 +28593,11 @@ function FieldForm({
       }
     }
   });
-  const pointer = (isActive) => /* @__PURE__ */ jsx56(Text46, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " });
+  const pointer = (isActive) => /* @__PURE__ */ jsx55(Text46, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " });
   return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx56(Text46, { bold: true, children: title }),
-    subtitle && /* @__PURE__ */ jsx56(Text46, { color: PALETTE.muted, children: subtitle }),
-    /* @__PURE__ */ jsx56(Text46, { children: " " }),
+    /* @__PURE__ */ jsx55(Text46, { bold: true, children: title }),
+    subtitle && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: subtitle }),
+    /* @__PURE__ */ jsx55(Text46, { children: " " }),
     /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", children: [
       fields2.map((field, index) => {
         const isActive = index === active;
@@ -28639,34 +28605,34 @@ function FieldForm({
         const display = field.masked ? "\u2022".repeat(value.length) : value;
         return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
           pointer(isActive),
-          /* @__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,
+          /* @__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,
             {
               value,
               onChange: (next) => onChange(field.key, next),
               onSubmit: () => setEditing(false),
               mask: field.masked ? "\u2022" : void 0
             }
-          ) : display ? /* @__PURE__ */ jsx56(Text46, { bold: true, children: display }) : (
+          ) : display ? /* @__PURE__ */ jsx55(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__ */ jsx56(Text46, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
+            /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
           ),
-          display && field.hint && /* @__PURE__ */ jsx56(Text46, { color: PALETTE.muted, children: field.hint })
+          display && field.hint && /* @__PURE__ */ jsx55(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__ */ 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 })
+          /* @__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 })
         ] }, action.label);
       })
     ] }),
     notice && /* @__PURE__ */ jsxs45(Fragment17, { children: [
-      /* @__PURE__ */ jsx56(Text46, { children: " " }),
+      /* @__PURE__ */ jsx55(Text46, { children: " " }),
       /* @__PURE__ */ jsxs45(Text46, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
@@ -28674,20 +28640,19 @@ function FieldForm({
       ] })
     ] }),
     children,
-    /* @__PURE__ */ jsx56(Text46, { children: " " }),
-    /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx55(Text46, { children: " " }),
+    /* @__PURE__ */ jsx55(
       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: "Ctrl+D", label: "clear" }] : [],
+          ...currentField ? [{ keys: "c", label: "clear" }] : [],
           { keys: "s", label: "save" },
           { keys: "Esc/q", label: "back without saving" }
         ]
@@ -28698,7 +28663,7 @@ function FieldForm({
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentStatusBadge.tsx
 import { Text as Text47 } from "ink";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var TONE_COLOR = {
   ok: PALETTE.success,
   bad: PALETTE.error,
@@ -28710,7 +28675,7 @@ function AgentStatusBadge({
   binary
 }) {
   const { symbol, text, tone } = LIST_STATUS[checks ? statusFromChecks(name, checks, binary) : "checking"];
-  return /* @__PURE__ */ jsx57(Text47, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
+  return /* @__PURE__ */ jsx56(Text47, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/apply-binary-overrides.ts
@@ -28732,7 +28697,7 @@ function applyBinaryOverrides(config) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx
-import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
 var fields = (name) => [
   { key: "binary", label: "Command path", hint: `(empty: \`${AGENT_BINARIES[name]}\` from the PATH)` },
   { key: "model", label: "Model", hint: `(empty: ${defaultModelLabel(name)})` }
@@ -28740,8 +28705,8 @@ var fields = (name) => [
 var INSPECT_DELAY_MS = 400;
 function StatusHeading() {
   return /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
-    /* @__PURE__ */ jsx58(Text48, { bold: true, color: PALETTE.muted, children: "STATUS" }),
-    /* @__PURE__ */ jsx58(Text48, { color: PALETTE.muted, children: "\xB7 read only" })
+    /* @__PURE__ */ jsx57(Text48, { bold: true, color: PALETTE.muted, children: "STATUS" }),
+    /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "\xB7 read only" })
   ] });
 }
 function AgentDetail({
@@ -28804,7 +28769,7 @@ function AgentDetail({
   };
   const formFields = fields(name);
   const labelWidth = formLabelWidth([...formFields, action]);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx57(
     FieldForm,
     {
       title: AGENT_LABELS[name],
@@ -28822,15 +28787,15 @@ function AgentDetail({
       notice: testing ? null : notice,
       busy: saving || testing,
       children: /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx58(StatusHeading, {}),
-        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx58(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx58(Text48, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
+        /* @__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))
       ] })
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentsScreen.tsx
-import { Fragment as Fragment18, jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
 var NAME_WIDTH = 16;
 var PANEL_LABEL_WIDTH = "Command".length;
 function AgentsScreen({ onDone }) {
@@ -28841,7 +28806,7 @@ function AgentsScreen({ onDone }) {
   const [saving, setSaving] = useState31(false);
   const [loadError, setLoadError] = useState31(null);
   const [checks, setChecks] = useState31({});
-  const visit = useRef14({
+  const visit = useRef13({
     trail: createTrail(),
     before: void 0,
     environment: void 0,
@@ -28908,7 +28873,7 @@ function AgentsScreen({ onDone }) {
       setNotice({ kind: "error", text: `Default agent not changed: ${visit.error}` });
     }).finally(() => setSaving(false));
   };
-  useInput13((input, key) => {
+  useInput12((input, key) => {
     if (loadError && (key.escape || input === "q")) {
       endVisit(null);
       onDone();
@@ -28941,20 +28906,20 @@ function AgentsScreen({ onDone }) {
   });
   if (!config) {
     return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx59(Text49, { bold: true, children: "Agents" }),
-      /* @__PURE__ */ jsx59(Text49, { children: " " }),
+      /* @__PURE__ */ jsx58(Text49, { bold: true, children: "Agents" }),
+      /* @__PURE__ */ jsx58(Text49, { children: " " }),
       loadError ? /* @__PURE__ */ jsxs47(Fragment18, { children: [
         /* @__PURE__ */ jsxs47(Text49, { color: PALETTE.error, children: [
           "\u2717 Could not read the settings: ",
           loadError
         ] }),
-        /* @__PURE__ */ jsx59(Text49, { children: " " }),
-        /* @__PURE__ */ jsx59(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
-      ] }) : /* @__PURE__ */ jsx59(Text49, { color: PALETTE.accent, children: "Loading..." })
+        /* @__PURE__ */ jsx58(Text49, { children: " " }),
+        /* @__PURE__ */ jsx58(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
+      ] }) : /* @__PURE__ */ jsx58(Text49, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
   if (open) {
-    return /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx58(
       AgentDetail,
       {
         name: open,
@@ -28976,46 +28941,46 @@ function AgentsScreen({ onDone }) {
   }
   const focusedAgent = AGENT_NAMES[focus];
   return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, 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__ */ 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__ */ jsxs47(Box46, { gap: 1, children: [
-      /* @__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__ */ 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__ */ jsxs47(Box46, { marginTop: 1, gap: 1, children: [
-      /* @__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" })
+      /* @__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" })
     ] }),
     AGENT_NAMES.map((name) => {
       const isFocused = focusedAgent === name;
       return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
-        /* @__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 })
+        /* @__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 })
       ] }, name);
     }),
     /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx59(Text49, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
+      /* @__PURE__ */ jsx58(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__ */ 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 })
+        /* @__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 })
       ] }, row.label))
     ] }),
     notice && /* @__PURE__ */ jsxs47(Fragment18, { children: [
-      /* @__PURE__ */ jsx59(Text49, { children: " " }),
+      /* @__PURE__ */ jsx58(Text49, { children: " " }),
       /* @__PURE__ */ jsxs47(Text49, { bold: true, color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
       ] })
     ] }),
-    /* @__PURE__ */ jsx59(Text49, { children: " " }),
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx58(Text49, { children: " " }),
+    /* @__PURE__ */ jsx58(
       ControlHints,
       {
         hints: [
@@ -29030,8 +28995,8 @@ function AgentsScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
-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 { useEffect as useEffect24, useRef as useRef14, useState as useState32 } from "react";
+import { Box as Box47, Text as Text50, useInput as useInput13 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/project-store.ts
@@ -29060,7 +29025,7 @@ async function writeCredentials(config) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
-import { Fragment as Fragment19, jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
 var FIELDS2 = [
   { key: "spaceId", label: "Space ID" },
   { key: "environmentId", label: "Environment ID" },
@@ -29088,7 +29053,7 @@ function ProjectScreen({ onDone }) {
   const [saving, setSaving] = useState32(false);
   const [notice, setNotice] = useState32(null);
   const [loadError, setLoadError] = useState32(null);
-  const visit = useRef15({
+  const visit = useRef14({
     trail: createTrail(),
     before: void 0,
     persisted: void 0,
@@ -29133,7 +29098,7 @@ function ProjectScreen({ onDone }) {
       exitMethod: change.changed ? "saved" : "discarded"
     });
   };
-  useInput14((input, key) => {
+  useInput13((input, key) => {
     if (!config && loadError && (key.escape || input === "q")) {
       endVisit(null);
       onDone();
@@ -29141,16 +29106,16 @@ function ProjectScreen({ onDone }) {
   });
   if (!config) {
     return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx60(Text50, { bold: true, children: "Project" }),
-      /* @__PURE__ */ jsx60(Text50, { children: " " }),
+      /* @__PURE__ */ jsx59(Text50, { bold: true, children: "Project" }),
+      /* @__PURE__ */ jsx59(Text50, { children: " " }),
       loadError ? /* @__PURE__ */ jsxs48(Fragment19, { children: [
         /* @__PURE__ */ jsxs48(Text50, { color: PALETTE.error, children: [
           "\u2717 Could not read the settings: ",
           loadError
         ] }),
-        /* @__PURE__ */ jsx60(Text50, { children: " " }),
-        /* @__PURE__ */ jsx60(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
-      ] }) : /* @__PURE__ */ jsx60(Text50, { color: PALETTE.accent, children: "Loading..." })
+        /* @__PURE__ */ jsx59(Text50, { children: " " }),
+        /* @__PURE__ */ jsx59(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
+      ] }) : /* @__PURE__ */ jsx59(Text50, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
   const save = () => {
@@ -29171,7 +29136,7 @@ function ProjectScreen({ onDone }) {
     endVisit(config);
     onDone();
   };
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx59(
     FieldForm,
     {
       title: "Project",
@@ -29192,7 +29157,7 @@ function ProjectScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/ConfigurationScreen.tsx
-import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
 var SECTIONS = [
   {
     id: "project",
@@ -29205,7 +29170,7 @@ function ConfigurationScreen({ onDone }) {
   const [focus, setFocus] = useState33(0);
   const [open, setOpen] = useState33(null);
   const close = () => setOpen(null);
-  useInput15((input, key) => {
+  useInput14((input, key) => {
     if (open) return;
     if (key.upArrow) {
       setFocus((i) => (i - 1 + SECTIONS.length) % SECTIONS.length);
@@ -29221,18 +29186,18 @@ function ConfigurationScreen({ onDone }) {
     }
     if (key.escape || input === "q") onDone();
   });
-  if (open === "project") return /* @__PURE__ */ jsx61(ProjectScreen, { onDone: close });
-  if (open === "agents") return /* @__PURE__ */ jsx61(AgentsScreen, { onDone: close });
+  if (open === "project") return /* @__PURE__ */ jsx60(ProjectScreen, { onDone: close });
+  if (open === "agents") return /* @__PURE__ */ jsx60(AgentsScreen, { onDone: close });
   return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx61(Text51, { bold: true, children: "Configuration" }),
-    /* @__PURE__ */ jsx61(Text51, { children: " " }),
+    /* @__PURE__ */ jsx60(Text51, { bold: true, children: "Configuration" }),
+    /* @__PURE__ */ jsx60(Text51, { children: " " }),
     SECTIONS.map((section, index) => /* @__PURE__ */ jsxs49(Box48, { gap: 1, children: [
-      /* @__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 })
+      /* @__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 })
     ] }, section.id)),
-    /* @__PURE__ */ jsx61(Text51, { children: " " }),
-    /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx60(Text51, { children: " " }),
+    /* @__PURE__ */ jsx60(
       ControlHints,
       {
         hints: [
@@ -29247,7 +29212,7 @@ function ConfigurationScreen({ onDone }) {
 
 // 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 useInput16 } from "ink";
+import { Box as Box49, Text as Text52, useInput as useInput15 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/analytics-store.ts
 async function readAnalyticsSetting() {
@@ -29266,7 +29231,7 @@ async function writeAnalyticsSetting(setting) {
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
 init_debug_store();
-import { Fragment as Fragment20, jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx61, jsxs as jsxs50 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
   const [loading, setLoading] = useState34(true);
   const [enabled, setEnabled] = useState34(true);
@@ -29282,7 +29247,7 @@ function OptInAnalyticsScreen({ onDone }) {
       });
     });
   }, []);
-  useInput16((input, key) => {
+  useInput15((input, key) => {
     if (loading) return;
     if (key.return || input === " ") {
       setEnabled((current) => {
@@ -29298,20 +29263,20 @@ function OptInAnalyticsScreen({ onDone }) {
     }
   });
   return /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, 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__ */ 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__ */ jsxs50(Text52, { children: [
         "Share anonymous usage data:",
         " ",
-        /* @__PURE__ */ jsx62(Text52, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx61(Text52, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
       ] }),
-      /* @__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(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(
+    /* @__PURE__ */ jsx61(Text52, { children: " " }),
+    /* @__PURE__ */ jsx61(
       ControlHints,
       {
         hints: [
@@ -29324,11 +29289,11 @@ function OptInAnalyticsScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
-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 { useEffect as useEffect26, useRef as useRef15, useState as useState35 } from "react";
+import { Box as Box50, Text as Text53, useInput as useInput16 } from "ink";
 init_debug_mode_store();
 init_debug_store();
-import { Fragment as Fragment21, jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
 var ROWS = ["enabled", "retentionDays"];
 var snapshotOf2 = (setting) => ({
   enabled: String(setting.enabled),
@@ -29341,7 +29306,7 @@ function DebugModeScreen({ onDone }) {
     RETENTION_CHOICES[RETENTION_CHOICES.length - 1]
   );
   const [notice, setNotice] = useState35(null);
-  const visit = useRef16({ trail: createTrail(), before: void 0, error: "" }).current;
+  const visit = useRef15({ trail: createTrail(), before: void 0, error: "" }).current;
   useEffect26(() => {
     readDebugModeSetting().then((loaded) => {
       setSetting(loaded);
@@ -29382,7 +29347,7 @@ function DebugModeScreen({ onDone }) {
       exitMethod: change.changed ? "saved" : "discarded"
     });
   };
-  useInput17((input, key) => {
+  useInput16((input, key) => {
     if (!setting) return;
     if (key.upArrow || key.downArrow) {
       setFocus((current) => ROWS[(ROWS.indexOf(current) + (key.downArrow ? 1 : ROWS.length - 1)) % ROWS.length]);
@@ -29409,16 +29374,16 @@ function DebugModeScreen({ onDone }) {
       onDone();
     }
   });
-  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 });
+  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 });
   return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx63(Text53, { bold: true, children: "Settings \u203A Debug Mode" }),
-    /* @__PURE__ */ jsx63(Text53, { children: " " }),
+    /* @__PURE__ */ jsx62(Text53, { bold: true, children: "Settings \u203A Debug Mode" }),
+    /* @__PURE__ */ jsx62(Text53, { children: " " }),
     setting ? /* @__PURE__ */ jsxs51(Fragment21, { children: [
       /* @__PURE__ */ jsxs51(Box50, { gap: 1, children: [
         marker("enabled"),
         label("enabled", "Debug logging:"),
-        /* @__PURE__ */ jsx63(Text53, { bold: true, color: setting.enabled ? PALETTE.success : PALETTE.muted, children: setting.enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx62(Text53, { bold: true, color: setting.enabled ? PALETTE.success : PALETTE.muted, children: setting.enabled ? "On" : "Off" })
       ] }),
       /* @__PURE__ */ jsxs51(Box50, { gap: 1, children: [
         marker("retentionDays"),
@@ -29426,7 +29391,7 @@ function DebugModeScreen({ onDone }) {
         RETENTION_CHOICES.map((days) => {
           const highlighted = focus === "retentionDays" && days === pending;
           const saved = days === setting.retentionDays;
-          return /* @__PURE__ */ jsx63(
+          return /* @__PURE__ */ jsx62(
             Text53,
             {
               bold: highlighted || saved,
@@ -29438,15 +29403,15 @@ function DebugModeScreen({ onDone }) {
           );
         })
       ] }),
-      /* @__PURE__ */ jsx63(Text53, { children: " " }),
+      /* @__PURE__ */ jsx62(Text53, { children: " " }),
       notice ? /* @__PURE__ */ jsxs51(Text53, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
-      ] }) : /* @__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(
+      ] }) : /* @__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(
       ControlHints,
       {
         hints: [
@@ -29463,7 +29428,7 @@ function DebugModeScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/app.tsx
-import { Fragment as Fragment22, jsx as jsx64 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx63 } from "react/jsx-runtime";
 function App({ importOptions, inkClear }) {
   const [screen, setScreen] = useState36("start");
   const [importExitCode, setImportExitCode] = useState36();
@@ -29620,9 +29585,9 @@ function App({ importOptions, inkClear }) {
   };
   switch (screen) {
     case "import":
-      if (showImportResult) return /* @__PURE__ */ jsx64(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
+      if (showImportResult) return /* @__PURE__ */ jsx63(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
       if (flow && flowStart) {
-        return /* @__PURE__ */ jsx64(
+        return /* @__PURE__ */ jsx63(
           FlowScreen,
           {
             state: flow.state,
@@ -29632,12 +29597,12 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      if (importDefaults === void 0) return /* @__PURE__ */ jsx64(Fragment22, {});
+      if (importDefaults === void 0) return /* @__PURE__ */ jsx63(Fragment22, {});
       if (projectPath === void 0) {
-        return /* @__PURE__ */ jsx64(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
+        return /* @__PURE__ */ jsx63(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
       }
       if (tokensPath === void 0) {
-        return /* @__PURE__ */ jsx64(
+        return /* @__PURE__ */ jsx63(
           TokenInputScreen,
           {
             initialPath: importDefaults.tokenFile,
@@ -29647,7 +29612,7 @@ function App({ importOptions, inkClear }) {
         );
       }
       if (scannedFiles === void 0) {
-        return /* @__PURE__ */ jsx64(
+        return /* @__PURE__ */ jsx63(
           PathValidationScreen,
           {
             projectPath,
@@ -29659,10 +29624,10 @@ function App({ importOptions, inkClear }) {
       }
       if (extractionRun) {
         if (extraction?.status === "done" && !extraction.result.ok) {
-          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
         }
         if (extraction?.status === "running") {
-          return /* @__PURE__ */ jsx64(
+          return /* @__PURE__ */ jsx63(
             ExtractionScreen,
             {
               progress: extraction.progress,
@@ -29671,14 +29636,14 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx64(Fragment22, {});
+        return /* @__PURE__ */ jsx63(Fragment22, {});
       }
       if (scopeRun && scopeFlow) {
         if (scopeFlow.status === "failed") {
-          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
         }
         if (scopeFlow.status === "deciding") {
-          return /* @__PURE__ */ jsx64(
+          return /* @__PURE__ */ jsx63(
             ScopeGateScreen,
             {
               components: scopeFlow.load.components,
@@ -29688,7 +29653,7 @@ function App({ importOptions, inkClear }) {
           );
         }
         if (generation?.status === "done" && !generation.result.ok) {
-          return /* @__PURE__ */ jsx64(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
         }
         if (generation?.status === "running") {
           const hasRawTokens = scopeRun.input.rawTokensPath !== "";
@@ -29696,7 +29661,7 @@ function App({ importOptions, inkClear }) {
             hasRawTokens,
             mapTokensEligible: generation.progress.mapTokensEligible
           });
-          return /* @__PURE__ */ jsx64(
+          return /* @__PURE__ */ jsx63(
             GenerationScreen,
             {
               progress: generation.progress,
@@ -29708,10 +29673,10 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx64(Fragment22, {});
+        return /* @__PURE__ */ jsx63(Fragment22, {});
       }
       if (pendingLaunch?.cached) {
-        return /* @__PURE__ */ jsx64(
+        return /* @__PURE__ */ jsx63(
           TokenReuseScreen,
           {
             tokensPath: pendingLaunch.cached.tokensPath,
@@ -29722,7 +29687,7 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      return /* @__PURE__ */ jsx64(
+      return /* @__PURE__ */ jsx63(
         CredentialsScreen,
         {
           initial: importDefaults.credentials,
@@ -29731,17 +29696,17 @@ function App({ importOptions, inkClear }) {
         }
       );
     case "help":
-      return /* @__PURE__ */ jsx64(HelpScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx63(HelpScreen, { onDone: goToStart });
     case "settings":
-      return /* @__PURE__ */ jsx64(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
+      return /* @__PURE__ */ jsx63(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
     case "settings-configuration":
-      return /* @__PURE__ */ jsx64(ConfigurationScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx63(ConfigurationScreen, { onDone: goToSettings });
     case "settings-opt-in-analytics":
-      return /* @__PURE__ */ jsx64(OptInAnalyticsScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx63(OptInAnalyticsScreen, { onDone: goToSettings });
     case "settings-debug-mode":
-      return /* @__PURE__ */ jsx64(DebugModeScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx63(DebugModeScreen, { onDone: goToSettings });
     case "start":
-      return /* @__PURE__ */ jsx64(HomeScreen, { onNavigate: setScreen });
+      return /* @__PURE__ */ jsx63(HomeScreen, { onNavigate: setScreen });
   }
 }
 async function runApp(renderApp, importOptions) {
@@ -29749,7 +29714,7 @@ async function runApp(renderApp, importOptions) {
     instance.clear?.();
     process.stdout.write("\x1B[H\x1B[0J");
   };
-  const instance = renderApp(/* @__PURE__ */ jsx64(App, { importOptions, inkClear }));
+  const instance = renderApp(/* @__PURE__ */ jsx63(App, { importOptions, inkClear }));
   await instance.waitUntilExit();
 }
 export {