@contentful/experience-design-system-cli 2.37.1-dev-build-c299dd61.0 → 2.37.1-dev-build-283166e5.0

package/dist/app.js

@@ -3104,9 +3104,9 @@ function PreflightScreen({ onChoose, onQuit }) {
   ] });
 }
 
-// packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx
-import { useState as useState5 } from "react";
-import { Box as Box10, Text as Text10 } from "ink";
+// packages/experience-design-system-cli/src/tui/shared/components/PathStepScreen.tsx
+import { useState as useState7 } from "react";
+import { Box as Box12, Text as Text12, useInput as useInput9 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/shared/components/ClearableTextInput.tsx
 import { useRef } from "react";
@@ -3137,83 +3137,396 @@ function ClearableTextInput({ onChange, ...props }) {
   );
 }
 
-// packages/experience-design-system-cli/src/tui/import/steps/01-welcome/controls.ts
-import { useInput as useInput7 } from "ink";
+// packages/experience-design-system-cli/src/tui/shared/components/MenuScreen.tsx
+import { useState as useState6 } from "react";
+import { Box as Box11, Text as Text11, useInput as useInput8 } from "ink";
 
-// packages/experience-design-system-cli/src/tui/import/steps/01-welcome/logic.ts
-function shouldQuit(key) {
-  return key.escape;
+// packages/experience-design-system-cli/src/tui/shared/components/FieldForm.tsx
+import { useState as useState5 } from "react";
+import { Box as Box10, Text as Text10, useInput as useInput7 } from "ink";
+import { Fragment, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function formLabelWidth(rows) {
+  return Math.max(...rows.map((row) => row.label.length));
 }
-function toProjectPath(value) {
-  const projectPath = value.trim();
-  return projectPath === "" ? null : projectPath;
+function FormReadOnlyRow({
+  label,
+  labelWidth,
+  children
+}) {
+  return /* @__PURE__ */ jsxs10(Box10, { gap: 1, children: [
+    /* @__PURE__ */ jsx11(Text10, { children: " " }),
+    /* @__PURE__ */ jsx11(Box10, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx11(Text10, { color: PALETTE.muted, children: label }) }),
+    children
+  ] });
+}
+function FieldForm({
+  header,
+  title,
+  subtitle,
+  fields: fields2,
+  values,
+  onChange,
+  onSave,
+  saveLabel = "save",
+  enterAdvances = false,
+  onSkip,
+  skipLabel: skipLabel2 = "skip",
+  onQuit,
+  quitLabel = "back without saving",
+  actions = [],
+  notice,
+  busy = false,
+  children
+}) {
+  const [active, setActive] = useState5(0);
+  const [editing, setEditing] = useState5(false);
+  const [valueBeforeEdit, setValueBeforeEdit] = useState5("");
+  const rowCount = fields2.length + actions.length;
+  const labelWidth = formLabelWidth([...fields2, ...actions]);
+  const currentField = active < fields2.length ? fields2[active] : void 0;
+  const currentAction = currentField ? void 0 : actions[active - fields2.length];
+  useInput7((input, key) => {
+    if (busy) return;
+    if (editing) {
+      if (key.escape && currentField) {
+        onChange(currentField.key, valueBeforeEdit);
+        setEditing(false);
+      }
+      return;
+    }
+    if (key.escape || input === "q") {
+      onQuit();
+      return;
+    }
+    if (input === "s") {
+      onSave();
+      return;
+    }
+    if (input === "k" && onSkip) {
+      onSkip();
+      return;
+    }
+    if (isClearKey(input, key) && currentField) {
+      onChange(currentField.key, "");
+      return;
+    }
+    if (key.tab || key.downArrow) {
+      setActive((i) => (i + 1) % rowCount);
+      return;
+    }
+    if (key.upArrow) {
+      setActive((i) => (i - 1 + rowCount) % rowCount);
+      return;
+    }
+    if (key.return) {
+      if (currentField) {
+        setValueBeforeEdit(values[currentField.key]);
+        setEditing(true);
+      } else {
+        currentAction?.onRun();
+      }
+    }
+  });
+  const isLastField = active === fields2.length - 1;
+  const submitField = () => {
+    if (!enterAdvances) {
+      setEditing(false);
+      return;
+    }
+    if (isLastField) {
+      setEditing(false);
+      onSave();
+      return;
+    }
+    const next = fields2[active + 1];
+    setValueBeforeEdit(values[next.key]);
+    setActive(active + 1);
+  };
+  const pointer = (isActive) => /* @__PURE__ */ jsx11(Text10, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " });
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+    header,
+    /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", paddingX: 2, paddingTop: header ? 0 : 1, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsx11(Text10, { bold: true, children: title }),
+      /* @__PURE__ */ jsx11(Text10, { children: " " }),
+      subtitle && /* @__PURE__ */ jsx11(Text10, { color: PALETTE.muted, children: subtitle }),
+      /* @__PURE__ */ jsx11(Text10, { children: " " }),
+      /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+        fields2.map((field, index) => {
+          const isActive = index === active;
+          const value = values[field.key];
+          const display = field.masked ? "\u2022".repeat(value.length) : value;
+          return /* @__PURE__ */ jsxs10(Box10, { gap: 1, children: [
+            pointer(isActive),
+            /* @__PURE__ */ jsx11(Box10, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx11(Text10, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
+            isActive && editing ? /* @__PURE__ */ jsx11(
+              ClearableTextInput,
+              {
+                value,
+                onChange: (next) => onChange(field.key, next),
+                onSubmit: submitField,
+                mask: field.masked ? "\u2022" : void 0
+              }
+            ) : display ? /* @__PURE__ */ jsx11(Text10, { 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__ */ jsx11(Text10, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
+            ),
+            display && field.hint && /* @__PURE__ */ jsx11(Text10, { color: PALETTE.muted, children: field.hint })
+          ] }, field.key);
+        }),
+        actions.map((action, index) => {
+          const isActive = fields2.length + index === active;
+          return /* @__PURE__ */ jsxs10(Box10, { gap: 1, children: [
+            pointer(isActive),
+            /* @__PURE__ */ jsx11(Box10, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx11(Text10, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: action.label }) }),
+            /* @__PURE__ */ jsx11(Text10, { color: action.running ? PALETTE.accent : PALETTE.muted, children: action.running ? action.runningText ?? "running..." : action.description })
+          ] }, action.label);
+        })
+      ] }),
+      notice && /* @__PURE__ */ jsxs10(Fragment, { children: [
+        /* @__PURE__ */ jsx11(Text10, { children: " " }),
+        /* @__PURE__ */ jsxs10(Text10, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+          notice.kind === "success" ? "\u2713" : "\u2717",
+          " ",
+          notice.text
+        ] })
+      ] }),
+      children,
+      /* @__PURE__ */ jsx11(Text10, { children: " " }),
+      /* @__PURE__ */ jsx11(
+        ControlHints,
+        {
+          hints: editing ? [
+            { keys: "type", label: "edit" },
+            { keys: "\u2190/\u2192", label: "move cursor" },
+            { keys: "\u23CE", label: enterAdvances ? isLastField ? saveLabel : "next" : "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" }] : [],
+            { keys: "s", label: saveLabel },
+            ...onSkip ? [{ keys: "k", label: skipLabel2 }] : [],
+            { keys: "Esc/q", label: quitLabel }
+          ]
+        }
+      )
+    ] })
+  ] });
 }
 
-// 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" }
-];
-function useWelcomeControls(onQuit) {
-  useInput7((_input, key) => {
-    if (shouldQuit(key)) onQuit();
+// packages/experience-design-system-cli/src/tui/shared/components/MenuScreen.tsx
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function MenuScreen({
+  title,
+  subtitle,
+  menu,
+  rows = [],
+  onChoose,
+  onEscape,
+  escapeLabel = "back",
+  busy = false,
+  children
+}) {
+  const [focus, setFocus] = useState6(0);
+  useInput8((_input, key) => {
+    if (busy) return;
+    if (key.escape) onEscape();
+    else if (key.return) onChoose(menu[focus].choice);
+    else if (key.upArrow) setFocus((current) => (current - 1 + menu.length) % menu.length);
+    else if (key.downArrow || key.tab) setFocus((current) => (current + 1) % menu.length);
   });
+  const labelWidth = formLabelWidth([...menu, ...rows]);
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx12(StepHeader, { step: "setup" }),
+    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsx12(Text11, { bold: true, children: title }),
+      /* @__PURE__ */ jsx12(Text11, { children: " " }),
+      subtitle && /* @__PURE__ */ jsxs11(Fragment2, { children: [
+        /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: subtitle }),
+        /* @__PURE__ */ jsx12(Text11, { children: " " })
+      ] }),
+      menu.map((item, index) => {
+        const focused = index === focus;
+        return /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+          /* @__PURE__ */ jsx12(Text11, { color: focused ? PALETTE.accent : void 0, children: focused ? "\u276F" : " " }),
+          /* @__PURE__ */ jsx12(Box11, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text11, { bold: focused, color: focused ? PALETTE.accent : PALETTE.muted, children: item.label }) }),
+          /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: item.description })
+        ] }, item.choice);
+      }),
+      rows.length > 0 && /* @__PURE__ */ jsx12(Text11, { children: " " }),
+      rows.map((row) => /* @__PURE__ */ jsx12(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx12(Text11, { bold: row.value !== "", children: row.value || "(empty)" }) }, row.label)),
+      children,
+      /* @__PURE__ */ jsx12(Text11, { children: " " }),
+      /* @__PURE__ */ jsx12(
+        ControlHints,
+        {
+          hints: [
+            { keys: "\u2191/\u2193", label: "move" },
+            { keys: "\u23CE", label: menu[focus].label.toLowerCase() },
+            { keys: "Esc", label: escapeLabel }
+          ]
+        }
+      )
+    ] })
+  ] });
 }
 
-// packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
-  const [projectPath, setProjectPath] = useState5(initialPath);
-  useWelcomeControls(onQuit);
-  const submit = (value) => {
-    const path5 = toProjectPath(value);
-    if (path5) onContinue(path5);
+// packages/experience-design-system-cli/src/tui/shared/components/PathStepScreen.tsx
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+var MENU = [
+  { choice: "continue", label: "Continue", description: "Use this path and go on" },
+  { choice: "edit", label: "Edit", description: "Change the path" },
+  { choice: "back", label: "Back", description: "Go back" }
+];
+function PathStepScreen({
+  title,
+  subtitle,
+  label,
+  initialPath = "",
+  toPath,
+  check,
+  onContinue,
+  onBack
+}) {
+  const [value, setValue] = useState7(initialPath);
+  const [savedValue, setSavedValue] = useState7(toPath(initialPath) === null ? "" : initialPath);
+  const [editing, setEditing] = useState7(toPath(initialPath) === null);
+  const [failure, setFailure] = useState7(null);
+  useInput9(
+    (_input, key) => {
+      if (!key.escape) return;
+      if (savedValue === "") {
+        onBack();
+        return;
+      }
+      setValue(savedValue);
+      setFailure(null);
+      setEditing(false);
+    },
+    { isActive: editing }
+  );
+  const choose = (choice) => {
+    if (choice === "edit") {
+      setFailure(null);
+      setEditing(true);
+      return;
+    }
+    if (choice === "back") {
+      onBack();
+      return;
+    }
+    const path5 = toPath(value);
+    if (path5 === null) return;
+    const result = check(path5);
+    if (result.ok) onContinue(result.path);
+    else setFailure({ error: result.error, resolvedPath: result.resolvedPath });
   };
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx11(StepHeader, { step: "setup" }),
-    /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, children: [
-        /* @__PURE__ */ jsx11(Text10, { color: PALETTE.text, children: "Where is your component library?" }),
-        /* @__PURE__ */ jsxs10(Box10, { children: [
-          /* @__PURE__ */ jsx11(Text10, { color: PALETTE.accent, children: "? " }),
-          /* @__PURE__ */ jsx11(Text10, { children: "Project path: " }),
-          /* @__PURE__ */ jsx11(ClearableTextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
-        ] })
+  const submit = (typed) => {
+    if (toPath(typed) === null) {
+      setFailure({ error: `Enter the ${label.toLowerCase()}.` });
+      return;
+    }
+    setSavedValue(typed);
+    setEditing(false);
+  };
+  const failureLines = failure && /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    /* @__PURE__ */ jsx13(Text12, { children: " " }),
+    /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.error, children: [
+      "\u2717 ",
+      failure.error
+    ] }),
+    failure.resolvedPath && /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.muted, children: [
+      " Resolved to: ",
+      failure.resolvedPath
+    ] })
+  ] });
+  if (!editing) {
+    return /* @__PURE__ */ jsx13(
+      MenuScreen,
+      {
+        title,
+        subtitle,
+        menu: MENU,
+        rows: [{ label, value: savedValue }],
+        onChoose: choose,
+        onEscape: onBack,
+        children: failureLines
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx13(StepHeader, { step: "setup" }),
+    /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsx13(Text12, { bold: true, children: title }),
+      /* @__PURE__ */ jsx13(Text12, { children: " " }),
+      /* @__PURE__ */ jsx13(Text12, { color: PALETTE.muted, children: subtitle }),
+      /* @__PURE__ */ jsx13(Text12, { children: " " }),
+      /* @__PURE__ */ jsxs12(Box12, { gap: 1, children: [
+        /* @__PURE__ */ jsx13(Text12, { color: PALETTE.accent, children: "?" }),
+        /* @__PURE__ */ jsxs12(Text12, { children: [
+          label,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx13(
+          ClearableTextInput,
+          {
+            value,
+            onChange: (next) => {
+              setValue(next);
+              setFailure(null);
+            },
+            onSubmit: submit
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsx11(Box10, { children: /* @__PURE__ */ jsx11(ControlHints, { hints: WELCOME_CONTROLS }) })
+      failureLines,
+      /* @__PURE__ */ jsx13(Text12, { children: " " }),
+      /* @__PURE__ */ jsx13(
+        ControlHints,
+        {
+          hints: [
+            { keys: "\u23CE", label: "done" },
+            { keys: "Ctrl+D", label: "clear" },
+            { keys: "Esc", label: savedValue === "" ? "back" : "cancel edit" }
+          ]
+        }
+      )
     ] })
   ] });
 }
 
-// packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx
-import { useState as useState6 } from "react";
-import { Box as Box11, Text as Text11 } from "ink";
+// packages/experience-design-system-cli/src/tui/import/steps/01-welcome/logic.ts
+function toProjectPath(value) {
+  const projectPath = value.trim();
+  return projectPath === "" ? null : projectPath;
+}
 
-// packages/experience-design-system-cli/src/tui/import/steps/02-token-input/controls.ts
-import { useInput as useInput8 } from "ink";
+// packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
+  return /* @__PURE__ */ jsx14(
+    PathStepScreen,
+    {
+      title: "Where is your component library?",
+      subtitle: "The folder with your components. You can use ~, relative, or absolute paths.",
+      label: "Project path",
+      initialPath,
+      toPath: toProjectPath,
+      check: (path5) => ({ ok: true, path: path5 }),
+      onContinue,
+      onBack: onQuit
+    }
+  );
+}
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/logic.ts
-function shouldGoBack(key) {
-  return key.escape;
-}
 function toTokenPath(value) {
   const tokenPath = value.trim();
   return tokenPath === "" ? null : tokenPath;
 }
 
-// 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) {
-  useInput8((_input, key) => {
-    if (shouldGoBack(key)) onBack();
-  });
-}
-
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/validate-path.ts
 import { statSync } from "node:fs";
 
@@ -3254,153 +3567,26 @@ function validateTokenPath(rawPath) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
-  const [tokenPath, setTokenPath] = useState6(initialPath);
-  const [failure, setFailure] = useState6(null);
-  useTokenInputControls(onBack);
-  const change = (value) => {
-    setTokenPath(value);
-    setFailure(null);
-  };
-  const submit = (value) => {
-    const rawPath = toTokenPath(value);
-    if (!rawPath) {
-      setFailure({ error: "Enter the path to your token file." });
-      return;
+  return /* @__PURE__ */ jsx15(
+    PathStepScreen,
+    {
+      title: "Design tokens",
+      subtitle: "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).",
+      label: "Token path",
+      initialPath,
+      toPath: toTokenPath,
+      check: validateTokenPath,
+      onContinue: onConfirm,
+      onBack
     }
-    const check = validateTokenPath(rawPath);
-    if (check.ok) onConfirm(check.path);
-    else setFailure({ error: check.error, resolvedPath: check.resolvedPath });
-  };
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx12(StepHeader, { step: "setup" }),
-    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsx12(Text11, { bold: true, children: "Design tokens" }),
-      /* @__PURE__ */ jsx12(Text11, { 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__ */ jsxs11(Box11, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
-          /* @__PURE__ */ jsx12(Text11, { color: PALETTE.accent, children: "?" }),
-          /* @__PURE__ */ jsx12(Text11, { children: "Token path:" }),
-          /* @__PURE__ */ jsx12(ClearableTextInput, { value: tokenPath, onChange: change, onSubmit: submit })
-        ] }),
-        failure && /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsxs11(Text11, { color: PALETTE.error, children: [
-            "\u2717 ",
-            failure.error
-          ] }),
-          failure.resolvedPath && /* @__PURE__ */ jsxs11(Text11, { color: PALETTE.muted, children: [
-            " Resolved to: ",
-            failure.resolvedPath
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx12(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx12(ControlHints, { hints: TOKEN_INPUT_CONTROLS }) })
-    ] })
-  ] });
+  );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/screen.tsx
-import { useEffect as useEffect4, useMemo, useState as useState7 } from "react";
-import { Box as Box12, Text as Text12 } from "ink";
-
-// packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/controls.ts
-import { useInput as useInput9 } from "ink";
-
-// packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/logic.ts
-var COMPONENT_CATEGORIES = ["tsx", "ts", "vue", "astro", "jsx", "js"];
-var ROW_LABELS = {
-  tsx: ".tsx files",
-  ts: ".ts files",
-  vue: ".vue files",
-  astro: ".astro files",
-  jsx: ".jsx files",
-  js: ".js files",
-  json: ".json files (design tokens)",
-  other: "other (ignored)"
-};
-var ROW_ORDER = ["tsx", "ts", "vue", "astro", "jsx", "js", "json", "other"];
-function describeFailure(failure, path5) {
-  switch (failure) {
-    case "is-file":
-      return {
-        headline: "That's a file, not a directory.",
-        hints: [
-          "Provide the path to your component library's root folder, not a specific file.",
-          "Example: ~/projects/my-design-system"
-        ]
-      };
-    case "not-found":
-      return {
-        headline: `Directory not found: ${path5}`,
-        hints: ["Double-check the path and try again. Tip: you can use ~, relative, or absolute paths."]
-      };
-    case "permission-denied":
-      return {
-        headline: `Permission denied: ${path5}`,
-        hints: ["You don't have read access to this directory."]
-      };
-    case "not-directory":
-      return { headline: `Not a directory: ${path5}`, hints: [] };
-    case "unreadable":
-      return { headline: `Cannot access: ${path5}`, hints: [] };
-  }
-}
-function summarize(counts, { hasTokens = true } = {}) {
-  const rows = ROW_ORDER.filter((category) => counts[category] > 0).map((category) => {
-    if (category === "json" && !hasTokens) return { label: ".json files (ignored)", count: counts.json, tone: "muted" };
-    const tone = category === "json" ? "accent" : category === "other" ? "muted" : "default";
-    return { label: ROW_LABELS[category], count: counts[category], tone };
-  });
-  const componentFiles = COMPONENT_CATEGORIES.reduce((sum, category) => sum + counts[category], 0);
-  if (componentFiles > 0) return { total: counts.total, rows };
-  if (hasTokens && counts.json > 0) {
-    return { total: counts.total, rows, warning: "No component files found \u2014 only token files detected." };
-  }
-  return {
-    total: counts.total,
-    rows,
-    warning: hasTokens ? "No component or token files found. Try a different path." : "No component files found. Try a different path."
-  };
-}
-function phaseOf(scan) {
-  if (scan === void 0) return "scanning";
-  return scan.ok ? "ready" : "failed";
-}
-function keyAction(phase, input, key) {
-  if (key.escape) return "back";
-  if (phase === "ready") {
-    if (key.return) return "confirm";
-    if (input === "e") return "change-path";
-  }
-  if (phase === "failed" && (key.return || input === "e")) return "change-path";
-  return void 0;
-}
-
-// packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/controls.ts
-var CONTROLS = {
-  scanning: [{ keys: "Esc", label: "Back" }],
-  ready: [
-    { keys: "Enter", label: "Yes, continue" },
-    { keys: "e", label: "Change path" },
-    { keys: "Esc", label: "Back" }
-  ],
-  failed: [
-    { keys: "Enter/e", label: "Try a different path" },
-    { keys: "Esc", label: "Back" }
-  ]
-};
-function controlsFor(phase) {
-  return CONTROLS[phase];
-}
-function usePathValidationControls(phase, handlers) {
-  useInput9((input, key) => {
-    const action = keyAction(phase, input, key);
-    if (action === "confirm") handlers.onConfirm();
-    else if (action === "change-path") handlers.onChangePath();
-    else if (action === "back") handlers.onBack();
-  });
-}
+import { useEffect as useEffect4, useMemo, useState as useState8 } from "react";
+import { Box as Box13, Text as Text13 } from "ink";
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/session/repositories/db.js
 import { DatabaseSync } from "node:sqlite";
@@ -17884,29 +18070,100 @@ async function runGenerateComponentsSession(request) {
     db.close();
   }
 }
-
-// packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/helpers/scan-files.ts
-function scanFiles(directory) {
-  return toScanResult(collectFiles(directory));
-}
-function toScanResult(outcome) {
-  if (!outcome.ok) return { ok: false, failure: outcome.failure };
+
+// packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/helpers/scan-files.ts
+function scanFiles(directory) {
+  return toScanResult(collectFiles(directory));
+}
+function toScanResult(outcome) {
+  if (!outcome.ok) return { ok: false, failure: outcome.failure };
+  return {
+    ok: true,
+    counts: foldSvelteAndMdIntoOther(outcome.result.counts),
+    filePaths: outcome.result.filePaths,
+    warnings: outcome.result.warnings
+  };
+}
+function foldSvelteAndMdIntoOther(counts) {
+  const { svelte, md, ...rest } = counts;
+  return { ...rest, other: rest.other + svelte + md };
+}
+
+// packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/logic.ts
+var COMPONENT_CATEGORIES = ["tsx", "ts", "vue", "astro", "jsx", "js"];
+var ROW_LABELS = {
+  tsx: ".tsx files",
+  ts: ".ts files",
+  vue: ".vue files",
+  astro: ".astro files",
+  jsx: ".jsx files",
+  js: ".js files",
+  json: ".json files (design tokens)",
+  other: "other (ignored)"
+};
+var ROW_ORDER = ["tsx", "ts", "vue", "astro", "jsx", "js", "json", "other"];
+function describeFailure(failure, path5) {
+  switch (failure) {
+    case "is-file":
+      return {
+        headline: "That's a file, not a directory.",
+        hints: [
+          "Provide the path to your component library's root folder, not a specific file.",
+          "Example: ~/projects/my-design-system"
+        ]
+      };
+    case "not-found":
+      return {
+        headline: `Directory not found: ${path5}`,
+        hints: ["Double-check the path and try again. Tip: you can use ~, relative, or absolute paths."]
+      };
+    case "permission-denied":
+      return {
+        headline: `Permission denied: ${path5}`,
+        hints: ["You don't have read access to this directory."]
+      };
+    case "not-directory":
+      return { headline: `Not a directory: ${path5}`, hints: [] };
+    case "unreadable":
+      return { headline: `Cannot access: ${path5}`, hints: [] };
+  }
+}
+function summarize(counts, { hasTokens = true } = {}) {
+  const rows = ROW_ORDER.filter((category) => counts[category] > 0).map((category) => {
+    if (category === "json" && !hasTokens) return { label: ".json files (ignored)", count: counts.json, tone: "muted" };
+    const tone = category === "json" ? "accent" : category === "other" ? "muted" : "default";
+    return { label: ROW_LABELS[category], count: counts[category], tone };
+  });
+  const componentFiles = COMPONENT_CATEGORIES.reduce((sum, category) => sum + counts[category], 0);
+  if (componentFiles > 0) return { total: counts.total, rows };
+  if (hasTokens && counts.json > 0) {
+    return { total: counts.total, rows, warning: "No component files found \u2014 only token files detected." };
+  }
   return {
-    ok: true,
-    counts: foldSvelteAndMdIntoOther(outcome.result.counts),
-    filePaths: outcome.result.filePaths,
-    warnings: outcome.result.warnings
+    total: counts.total,
+    rows,
+    warning: hasTokens ? "No component or token files found. Try a different path." : "No component files found. Try a different path."
   };
 }
-function foldSvelteAndMdIntoOther(counts) {
-  const { svelte, md, ...rest } = counts;
-  return { ...rest, other: rest.other + svelte + md };
+function phaseOf(scan) {
+  if (scan === void 0) return "scanning";
+  return scan.ok ? "ready" : "failed";
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/screen.tsx
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var BACK = { choice: "back", label: "Back", description: "Go back" };
+var MENUS = {
+  scanning: [BACK],
+  ready: [
+    { choice: "continue", label: "Continue", description: "Use these files and go on" },
+    { choice: "change-path", label: "Change path", description: "Pick a different folder" },
+    BACK
+  ],
+  failed: [{ choice: "change-path", label: "Try a different path", description: "Pick a different folder" }, BACK]
+};
 function Row({ row }) {
-  return /* @__PURE__ */ jsxs12(Text12, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : void 0, children: [
+  return /* @__PURE__ */ jsxs13(Text13, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : void 0, children: [
     "  \u2022 ",
     String(row.count).padStart(3),
     " ",
@@ -17915,12 +18172,12 @@ function Row({ row }) {
 }
 function Failure({ scan, path: path5 }) {
   const { headline, hints } = describeFailure(scan.failure, path5);
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.error, children: [
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.error, children: [
       "\u2717 ",
       headline
     ] }),
-    hints.map((hint) => /* @__PURE__ */ jsx13(Text12, { color: PALETTE.muted, children: hint }, hint))
+    hints.map((hint) => /* @__PURE__ */ jsx16(Text13, { color: PALETTE.muted, children: hint }, hint))
   ] });
 }
 function Summary({
@@ -17929,24 +18186,23 @@ function Summary({
   hasTokens
 }) {
   const { total, rows, warning } = summarize(scan.counts, { hasTokens });
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsxs12(Text12, { children: [
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsxs13(Text13, { children: [
       "Scanned ",
-      /* @__PURE__ */ jsx13(Text12, { bold: true, children: path5 })
+      /* @__PURE__ */ jsx16(Text13, { bold: true, children: path5 })
     ] }),
-    /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.success, children: [
+    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.success, children: [
         "\u2713 Found ",
         total,
         " files:"
       ] }),
-      rows.map((row) => /* @__PURE__ */ jsx13(Row, { row }, row.label))
+      rows.map((row) => /* @__PURE__ */ jsx16(Row, { row }, row.label))
     ] }),
-    warning && /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.warning, children: [
+    warning && /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.warning, children: [
       "\u26A0 ",
       warning
-    ] }),
-    /* @__PURE__ */ jsx13(Text12, { children: "Does this look right?" })
+    ] })
   ] });
 }
 function PathValidationScreen({
@@ -17957,211 +18213,35 @@ function PathValidationScreen({
   hasTokens = true
 }) {
   const resolvedPath = useMemo(() => resolveUserPath(projectPath), [projectPath]);
-  const [scan, setScan] = useState7();
+  const [scan, setScan] = useState8();
   useEffect4(() => {
     setScan(scanFiles(resolvedPath));
   }, [resolvedPath]);
   const phase = phaseOf(scan);
-  usePathValidationControls(phase, {
-    onConfirm: () => {
+  const choose = (choice) => {
+    if (choice === "continue") {
       if (scan?.ok) onConfirm({ projectPath: resolvedPath, filePaths: scan.filePaths });
-    },
-    onChangePath,
-    onBack
-  });
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx13(StepHeader, { step: "setup" }),
-    /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      scan === void 0 && /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.muted, children: [
+    } else if (choice === "change-path") onChangePath();
+    else onBack();
+  };
+  return (
+    // keyed by phase: the menu changes length, so its focus starts over
+    /* @__PURE__ */ jsxs13(MenuScreen, { title: "Scan", menu: MENUS[phase], onChoose: choose, onEscape: onBack, children: [
+      /* @__PURE__ */ jsx16(Text13, { children: " " }),
+      scan === void 0 && /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.muted, children: [
         "Scanning ",
-        /* @__PURE__ */ jsx13(Text12, { bold: true, children: resolvedPath }),
+        /* @__PURE__ */ jsx16(Text13, { bold: true, children: resolvedPath }),
         "..."
       ] }),
-      scan?.ok === false && /* @__PURE__ */ jsx13(Failure, { scan, path: resolvedPath }),
-      scan?.ok === true && /* @__PURE__ */ jsx13(Summary, { scan, path: resolvedPath, hasTokens }),
-      /* @__PURE__ */ jsx13(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx13(ControlHints, { hints: controlsFor(phase) }) })
-    ] })
-  ] });
+      scan?.ok === false && /* @__PURE__ */ jsx16(Failure, { scan, path: resolvedPath }),
+      scan?.ok === true && /* @__PURE__ */ jsx16(Summary, { scan, path: resolvedPath, hasTokens })
+    ] }, phase)
+  );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
 import { useRef as useRef2, useState as useState9 } from "react";
-import { Box as Box14, Text as Text14, useInput as useInput11 } from "ink";
-
-// packages/experience-design-system-cli/src/tui/shared/components/FieldForm.tsx
-import { useState as useState8 } from "react";
-import { Box as Box13, Text as Text13, useInput as useInput10 } from "ink";
-import { Fragment, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-function formLabelWidth(rows) {
-  return Math.max(...rows.map((row) => row.label.length));
-}
-function FormReadOnlyRow({
-  label,
-  labelWidth,
-  children
-}) {
-  return /* @__PURE__ */ jsxs13(Box13, { gap: 1, children: [
-    /* @__PURE__ */ jsx14(Text13, { children: " " }),
-    /* @__PURE__ */ jsx14(Box13, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx14(Text13, { color: PALETTE.muted, children: label }) }),
-    children
-  ] });
-}
-function FieldForm({
-  header,
-  title,
-  subtitle,
-  fields: fields2,
-  values,
-  onChange,
-  onSave,
-  saveLabel = "save",
-  enterAdvances = false,
-  onSkip,
-  skipLabel: skipLabel2 = "skip",
-  onQuit,
-  quitLabel = "back without saving",
-  actions = [],
-  notice,
-  busy = false,
-  children
-}) {
-  const [active, setActive] = useState8(0);
-  const [editing, setEditing] = useState8(false);
-  const [valueBeforeEdit, setValueBeforeEdit] = useState8("");
-  const rowCount = fields2.length + actions.length;
-  const labelWidth = formLabelWidth([...fields2, ...actions]);
-  const currentField = active < fields2.length ? fields2[active] : void 0;
-  const currentAction = currentField ? void 0 : actions[active - fields2.length];
-  useInput10((input, key) => {
-    if (busy) return;
-    if (editing) {
-      if (key.escape && currentField) {
-        onChange(currentField.key, valueBeforeEdit);
-        setEditing(false);
-      }
-      return;
-    }
-    if (key.escape || input === "q") {
-      onQuit();
-      return;
-    }
-    if (input === "s") {
-      onSave();
-      return;
-    }
-    if (input === "k" && onSkip) {
-      onSkip();
-      return;
-    }
-    if (isClearKey(input, key) && currentField) {
-      onChange(currentField.key, "");
-      return;
-    }
-    if (key.tab || key.downArrow) {
-      setActive((i) => (i + 1) % rowCount);
-      return;
-    }
-    if (key.upArrow) {
-      setActive((i) => (i - 1 + rowCount) % rowCount);
-      return;
-    }
-    if (key.return) {
-      if (currentField) {
-        setValueBeforeEdit(values[currentField.key]);
-        setEditing(true);
-      } else {
-        currentAction?.onRun();
-      }
-    }
-  });
-  const isLastField = active === fields2.length - 1;
-  const submitField = () => {
-    if (!enterAdvances) {
-      setEditing(false);
-      return;
-    }
-    if (isLastField) {
-      setEditing(false);
-      onSave();
-      return;
-    }
-    const next = fields2[active + 1];
-    setValueBeforeEdit(values[next.key]);
-    setActive(active + 1);
-  };
-  const pointer = (isActive) => /* @__PURE__ */ jsx14(Text13, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " });
-  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
-    header,
-    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", paddingX: 2, paddingTop: header ? 0 : 1, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsx14(Text13, { bold: true, children: title }),
-      /* @__PURE__ */ jsx14(Text13, { children: " " }),
-      subtitle && /* @__PURE__ */ jsx14(Text13, { color: PALETTE.muted, children: subtitle }),
-      /* @__PURE__ */ jsx14(Text13, { children: " " }),
-      /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
-        fields2.map((field, index) => {
-          const isActive = index === active;
-          const value = values[field.key];
-          const display = field.masked ? "\u2022".repeat(value.length) : value;
-          return /* @__PURE__ */ jsxs13(Box13, { gap: 1, children: [
-            pointer(isActive),
-            /* @__PURE__ */ jsx14(Box13, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx14(Text13, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
-            isActive && editing ? /* @__PURE__ */ jsx14(
-              ClearableTextInput,
-              {
-                value,
-                onChange: (next) => onChange(field.key, next),
-                onSubmit: submitField,
-                mask: field.masked ? "\u2022" : void 0
-              }
-            ) : display ? /* @__PURE__ */ jsx14(Text13, { 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__ */ jsx14(Text13, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
-            ),
-            display && field.hint && /* @__PURE__ */ jsx14(Text13, { color: PALETTE.muted, children: field.hint })
-          ] }, field.key);
-        }),
-        actions.map((action, index) => {
-          const isActive = fields2.length + index === active;
-          return /* @__PURE__ */ jsxs13(Box13, { gap: 1, children: [
-            pointer(isActive),
-            /* @__PURE__ */ jsx14(Box13, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx14(Text13, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: action.label }) }),
-            /* @__PURE__ */ jsx14(Text13, { color: action.running ? PALETTE.accent : PALETTE.muted, children: action.running ? action.runningText ?? "running..." : action.description })
-          ] }, action.label);
-        })
-      ] }),
-      notice && /* @__PURE__ */ jsxs13(Fragment, { children: [
-        /* @__PURE__ */ jsx14(Text13, { children: " " }),
-        /* @__PURE__ */ jsxs13(Text13, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
-          notice.kind === "success" ? "\u2713" : "\u2717",
-          " ",
-          notice.text
-        ] })
-      ] }),
-      children,
-      /* @__PURE__ */ jsx14(Text13, { children: " " }),
-      /* @__PURE__ */ jsx14(
-        ControlHints,
-        {
-          hints: editing ? [
-            { keys: "type", label: "edit" },
-            { keys: "\u2190/\u2192", label: "move cursor" },
-            { keys: "\u23CE", label: enterAdvances ? isLastField ? saveLabel : "next" : "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" }] : [],
-            { keys: "s", label: saveLabel },
-            ...onSkip ? [{ keys: "k", label: skipLabel2 }] : [],
-            { keys: "Esc/q", label: quitLabel }
-          ]
-        }
-      )
-    ] })
-  ] });
-}
+import { Text as Text14 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/logic.ts
 var FIELDS = ["spaceId", "environmentId", "cmaToken", "host"];
@@ -18219,82 +18299,19 @@ function toUserError(error, host) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var FIELDS2 = [
   { key: "spaceId", label: "Space ID" },
   { key: "environmentId", label: "Environment ID" },
   { key: "cmaToken", label: "CMA Token", masked: true },
   { key: "host", label: "API Host", hint: "(default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com)" }
 ];
-var MENU = [
+var MENU2 = [
   { choice: "continue", label: "Continue", description: "Check the credentials and go on" },
   { choice: "edit", label: "Edit", description: "Change the credentials" },
   { choice: "skip", label: "Skip", description: "Save files only, nothing is pushed" },
   { choice: "quit", label: "Quit", description: "Go back" }
 ];
-function CredentialsReview({
-  values,
-  subtitle,
-  notice,
-  validating,
-  onChoose,
-  children
-}) {
-  const [focus, setFocus] = useState9(0);
-  useInput11((_input, key) => {
-    if (validating) return;
-    if (key.escape) onChoose("quit");
-    else if (key.return) onChoose(MENU[focus].choice);
-    else if (key.upArrow) setFocus((current) => (current - 1 + MENU.length) % MENU.length);
-    else if (key.downArrow || key.tab) setFocus((current) => (current + 1) % MENU.length);
-  });
-  const labelWidth = formLabelWidth([...FIELDS2, ...MENU]);
-  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx15(StepHeader, { step: "setup" }),
-    /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsx15(Text14, { bold: true, children: "Contentful Credentials" }),
-      /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: subtitle }),
-      /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      MENU.map((item, index) => {
-        const focused = index === focus;
-        return /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
-          /* @__PURE__ */ jsx15(Text14, { color: focused ? PALETTE.accent : void 0, children: focused ? "\u276F" : " " }),
-          /* @__PURE__ */ jsx15(Box14, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text14, { bold: focused, color: focused ? PALETTE.accent : PALETTE.muted, children: item.label }) }),
-          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: item.description })
-        ] }, item.choice);
-      }),
-      /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      FIELDS2.map((field) => {
-        const value = values[field.key];
-        return /* @__PURE__ */ jsx15(FormReadOnlyRow, { label: field.label, labelWidth, children: /* @__PURE__ */ jsx15(Text14, { bold: value !== "", children: field.masked ? "\u2022".repeat(value.length) : value || "(empty)" }) }, field.key);
-      }),
-      notice && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-        /* @__PURE__ */ jsx15(Text14, { children: " " }),
-        /* @__PURE__ */ jsxs14(Text14, { color: PALETTE.error, children: [
-          "\u2717 ",
-          notice.text
-        ] })
-      ] }),
-      validating && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-        /* @__PURE__ */ jsx15(Text14, { children: " " }),
-        /* @__PURE__ */ jsx15(Text14, { color: PALETTE.accent, children: "Validating credentials..." })
-      ] }),
-      children,
-      /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      /* @__PURE__ */ jsx15(
-        ControlHints,
-        {
-          hints: [
-            { keys: "\u2191/\u2193", label: "move" },
-            { keys: "\u23CE", label: MENU[focus].label.toLowerCase() },
-            { keys: "Esc", label: "back" }
-          ]
-        }
-      )
-    ] })
-  ] });
-}
 function CredentialsScreen({
   onDone,
   onBack,
@@ -18337,15 +18354,43 @@ function CredentialsScreen({
     else onBack();
   };
   if (!editing) {
-    return /* @__PURE__ */ jsx15(CredentialsReview, { values, subtitle, notice, validating, onChoose: choose, children: !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-      /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
-    ] }) });
+    return /* @__PURE__ */ jsxs14(
+      MenuScreen,
+      {
+        title: "Contentful Credentials",
+        subtitle,
+        menu: MENU2,
+        rows: FIELDS2.map((field) => ({
+          label: field.label,
+          value: field.masked ? "\u2022".repeat(values[field.key].length) : values[field.key]
+        })),
+        onChoose: choose,
+        onEscape: onBack,
+        busy: validating,
+        children: [
+          notice && /* @__PURE__ */ jsxs14(Fragment4, { children: [
+            /* @__PURE__ */ jsx17(Text14, { children: " " }),
+            /* @__PURE__ */ jsxs14(Text14, { color: PALETTE.error, children: [
+              "\u2717 ",
+              notice.text
+            ] })
+          ] }),
+          validating && /* @__PURE__ */ jsxs14(Fragment4, { children: [
+            /* @__PURE__ */ jsx17(Text14, { children: " " }),
+            /* @__PURE__ */ jsx17(Text14, { color: PALETTE.accent, children: "Validating credentials..." })
+          ] }),
+          !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsxs14(Fragment4, { children: [
+            /* @__PURE__ */ jsx17(Text14, { children: " " }),
+            /* @__PURE__ */ jsx17(Text14, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
+          ] })
+        ]
+      }
+    );
   }
   return /* @__PURE__ */ jsxs14(
     FieldForm,
     {
-      header: /* @__PURE__ */ jsx15(StepHeader, { step: "setup" }),
+      header: /* @__PURE__ */ jsx17(StepHeader, { step: "setup" }),
       title: "Contentful Credentials",
       subtitle,
       fields: FIELDS2,
@@ -18362,18 +18407,18 @@ function CredentialsScreen({
       notice,
       busy: validating,
       children: [
-        !prefilled && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-          /* @__PURE__ */ jsx15(Text14, { children: " " }),
-          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: credentialsPurpose(tokensOnly) }),
-          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Tip: save these under Settings \u2192 Configuration so they pre-fill here." })
+        !prefilled && /* @__PURE__ */ jsxs14(Fragment4, { children: [
+          /* @__PURE__ */ jsx17(Text14, { children: " " }),
+          /* @__PURE__ */ jsx17(Text14, { color: PALETTE.muted, children: credentialsPurpose(tokensOnly) }),
+          /* @__PURE__ */ jsx17(Text14, { color: PALETTE.muted, children: "Tip: save these under Settings \u2192 Configuration so they pre-fill here." })
         ] }),
-        validating && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-          /* @__PURE__ */ jsx15(Text14, { children: " " }),
-          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.accent, children: "Validating credentials..." })
+        validating && /* @__PURE__ */ jsxs14(Fragment4, { children: [
+          /* @__PURE__ */ jsx17(Text14, { children: " " }),
+          /* @__PURE__ */ jsx17(Text14, { color: PALETTE.accent, children: "Validating credentials..." })
         ] }),
-        !validating && !notice && !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-          /* @__PURE__ */ jsx15(Text14, { children: " " }),
-          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
+        !validating && !notice && !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsxs14(Fragment4, { children: [
+          /* @__PURE__ */ jsx17(Text14, { children: " " }),
+          /* @__PURE__ */ jsx17(Text14, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
         ] })
       ]
     }
@@ -18462,9 +18507,9 @@ function resolveAgentChoice(flag, stored) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/screen.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function ExtractionScreen({ progress, agent }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     RunningStep,
     {
       step: "extraction",
@@ -18814,11 +18859,11 @@ function useTokensOnly(input) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx
-import { Box as Box24, Text as Text25 } from "ink";
+import { Box as Box23, Text as Text25 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/added-column.tsx
 import React10 from "react";
-import { Box as Box16, Text as Text16 } from "ink";
+import { Box as Box15, Text as Text16 } from "ink";
 import figures2 from "figures";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/columns.ts
@@ -18925,8 +18970,8 @@ function computeColumnWindow(total, cursor, visibleCount) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/windowed-panel.tsx
-import { Box as Box15, Text as Text15 } from "ink";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Box as Box14, Text as Text15 } from "ink";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var MIN_TERMINAL_PANEL_HEIGHT = 5;
 function terminalPanelHeight(rows, reservedRows = 4) {
   return Math.max(MIN_TERMINAL_PANEL_HEIGHT, rows - reservedRows);
@@ -18942,8 +18987,8 @@ function FixedPanel({
   clipOverflow = true,
   children
 }) {
-  return /* @__PURE__ */ jsx17(
-    Box15,
+  return /* @__PURE__ */ jsx19(
+    Box14,
     {
       flexDirection: "column",
       width,
@@ -18968,7 +19013,7 @@ function WindowedPanel({ width, height, title, focused, children }) {
       ...height === void 0 ? {} : { height },
       focused,
       children: [
-        title && /* @__PURE__ */ jsx17(WindowedPanelHeader, { title, width, focused }),
+        title && /* @__PURE__ */ jsx19(WindowedPanelHeader, { title, width, focused }),
         children
       ]
     }
@@ -18979,9 +19024,9 @@ function WindowedPanelHeader({
   width,
   focused
 }) {
-  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx17(Text15, { bold: true, color: PALETTE.accent, inverse: focused, children: title }),
-    /* @__PURE__ */ jsx17(Text15, { color: PALETTE.muted, children: "\u2500".repeat(Math.max(0, width - 2)) })
+  return /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx19(Text15, { bold: true, color: PALETTE.accent, inverse: focused, children: title }),
+    /* @__PURE__ */ jsx19(Text15, { color: PALETTE.muted, children: "\u2500".repeat(Math.max(0, width - 2)) })
   ] });
 }
 function formatWindowIndicator(direction, count) {
@@ -18990,22 +19035,22 @@ function formatWindowIndicator(direction, count) {
 }
 function WindowFooter({ above, below }) {
   const parts = [above > 0 ? `\u2191 ${above}` : "", below > 0 ? `\u2193 ${below}` : ""].filter(Boolean);
-  return /* @__PURE__ */ jsx17(Text15, { color: PALETTE.muted, children: parts.length === 0 ? " " : `${parts.join(" \xB7 ")} more` });
+  return /* @__PURE__ */ jsx19(Text15, { color: PALETTE.muted, children: parts.length === 0 ? " " : `${parts.join(" \xB7 ")} more` });
 }
 function WindowIndicator({ direction, count }) {
-  return /* @__PURE__ */ jsx17(Text15, { color: PALETTE.muted, children: formatWindowIndicator(direction, count) });
+  return /* @__PURE__ */ jsx19(Text15, { color: PALETTE.muted, children: formatWindowIndicator(direction, count) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/added-column.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } 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__ */ jsxs16(WindowedPanel, { width, height, title, focused, children: [
-    /* @__PURE__ */ jsx18(WindowIndicator, { direction: "up", count: window.above }),
-    entries.length === 0 ? /* @__PURE__ */ jsx18(Text16, { color: PALETTE.muted, children: "(none)" }) : entries.slice(window.start, window.end).map((entry, vi) => {
+    /* @__PURE__ */ jsx20(WindowIndicator, { direction: "up", count: window.above }),
+    entries.length === 0 ? /* @__PURE__ */ jsx20(Text16, { color: PALETTE.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;
@@ -19013,12 +19058,12 @@ function AddedColumn(props) {
       const showSeparator = firstNonCycleIdx > 0 && i === firstNonCycleIdx;
       const style = sideColumnLabelStyle({ isCycle: entry.isCycle, isSelected, focused });
       return /* @__PURE__ */ jsxs16(React10.Fragment, { children: [
-        showSeparator && /* @__PURE__ */ jsx18(Text16, { color: PALETTE.muted, children: "\u2500".repeat(Math.max(0, width - 2)) }),
-        /* @__PURE__ */ jsxs16(Box16, { children: [
-          isCursor ? /* @__PURE__ */ jsx18(Text16, { color: PALETTE.accent, bold: true, children: figures2.pointer }) : /* @__PURE__ */ jsx18(Text16, { children: " " }),
-          reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx18(Text16, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx18(Text16, { children: "    " })),
-          entry.isCycle && /* @__PURE__ */ jsx18(Text16, { color: isCursor ? PALETTE.accent : PALETTE.warning, bold: true, underline: style.nameUnderline, children: " \u26A0" }),
-          /* @__PURE__ */ jsx18(
+        showSeparator && /* @__PURE__ */ jsx20(Text16, { color: PALETTE.muted, children: "\u2500".repeat(Math.max(0, width - 2)) }),
+        /* @__PURE__ */ jsxs16(Box15, { children: [
+          isCursor ? /* @__PURE__ */ jsx20(Text16, { color: PALETTE.accent, bold: true, children: figures2.pointer }) : /* @__PURE__ */ jsx20(Text16, { children: " " }),
+          reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx20(Text16, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx20(Text16, { children: "    " })),
+          entry.isCycle && /* @__PURE__ */ jsx20(Text16, { color: isCursor ? PALETTE.accent : PALETTE.warning, bold: true, underline: style.nameUnderline, children: " \u26A0" }),
+          /* @__PURE__ */ jsx20(
             Text16,
             {
               color: style.nameColor,
@@ -19032,14 +19077,14 @@ function AddedColumn(props) {
         ] })
       ] }, entry.name);
     }),
-    /* @__PURE__ */ jsx18(WindowIndicator, { direction: "down", count: window.below })
+    /* @__PURE__ */ jsx20(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 Box17, Text as Text17 } from "ink";
+import { Box as Box16, Text as Text17 } from "ink";
 import figures3 from "figures";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function cycleLabel(cycle, index) {
   const parts = [];
   for (let i = 0; i < cycle.edges.length; i++) {
@@ -19050,36 +19095,36 @@ function cycleLabel(cycle, index) {
   return `Cycle ${index + 1}: ${parts.join(" \u2192 ")}`;
 }
 function CyclesPanel({ cycles, cursor }) {
-  return /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx19(Text17, { bold: true, color: PALETTE.warning, children: `Cycles detected (${cycles.length}):` }),
-    /* @__PURE__ */ jsx19(Text17, { children: " " }),
+  return /* @__PURE__ */ jsxs17(Box16, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx21(Text17, { bold: true, color: PALETTE.warning, children: `Cycles detected (${cycles.length}):` }),
+    /* @__PURE__ */ jsx21(Text17, { children: " " }),
     cycles.map((cycle, i) => {
       const isCursor = i === cursor;
       return /* @__PURE__ */ jsxs17(Text17, { children: [
-        isCursor ? /* @__PURE__ */ jsx19(Text17, { color: PALETTE.accent, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx19(Text17, { children: " " }),
-        /* @__PURE__ */ jsx19(Text17, { color: PALETTE.warning, inverse: isCursor, children: " " + cycleLabel(cycle, i) })
+        isCursor ? /* @__PURE__ */ jsx21(Text17, { color: PALETTE.accent, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx21(Text17, { children: " " }),
+        /* @__PURE__ */ jsx21(Text17, { color: PALETTE.warning, inverse: isCursor, children: " " + cycleLabel(cycle, i) })
       ] }, i);
     }),
-    /* @__PURE__ */ jsx19(Text17, { children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
+    /* @__PURE__ */ jsx21(Text17, { 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 Box18, Text as Text18 } from "ink";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Box as Box17, Text as Text18 } from "ink";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function RejectPrompt({ pending }) {
-  return /* @__PURE__ */ jsxs18(Box18, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx20(Text18, { bold: true, color: PALETTE.warning, children: `Rejecting ${pending.target} will:` }),
-    pending.ancestors.length > 0 && /* @__PURE__ */ jsx20(Text18, { children: `- Reject ancestors: ${pending.ancestors.join(", ")}` }),
-    pending.descendants.length > 0 && /* @__PURE__ */ jsx20(Text18, { children: `- Deselect descendants: ${pending.descendants.join(", ")}` }),
-    /* @__PURE__ */ jsx20(Text18, { children: "[y] confirm \xB7 [n]/[Esc] cancel" })
+  return /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx22(Text18, { bold: true, color: PALETTE.warning, children: `Rejecting ${pending.target} will:` }),
+    pending.ancestors.length > 0 && /* @__PURE__ */ jsx22(Text18, { children: `- Reject ancestors: ${pending.ancestors.join(", ")}` }),
+    pending.descendants.length > 0 && /* @__PURE__ */ jsx22(Text18, { children: `- Deselect descendants: ${pending.descendants.join(", ")}` }),
+    /* @__PURE__ */ jsx22(Text18, { children: "[y] confirm \xB7 [n]/[Esc] cancel" })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/CompactControlBar.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function CompactControlBar({ hasGroupRoots, searchActive }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     ControlHints,
     {
       hints: [
@@ -19096,8 +19141,8 @@ function CompactControlBar({ hasGroupRoots, searchActive }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/CounterStrip.tsx
-import { Box as Box19, Text as Text19 } from "ink";
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Box as Box18, Text as Text19 } from "ink";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function CounterStrip(props) {
   const { counters, totalWidth } = props;
   const condensed = totalWidth < 60;
@@ -19105,32 +19150,32 @@ function CounterStrip(props) {
   const labelRej = condensed ? "Rej" : "Rejected";
   const labelUnd = condensed ? "Und" : "Undecided";
   const sep = condensed ? " | " : "    ";
-  return /* @__PURE__ */ jsx22(Box19, { children: /* @__PURE__ */ jsxs19(Text19, { children: [
+  return /* @__PURE__ */ jsx24(Box18, { children: /* @__PURE__ */ jsxs19(Text19, { children: [
     /* @__PURE__ */ jsxs19(Text19, { color: PALETTE.muted, children: [
       labelGrp,
       " "
     ] }),
-    /* @__PURE__ */ jsx22(Text19, { bold: true, children: counters.groups }),
-    /* @__PURE__ */ jsx22(Text19, { color: PALETTE.muted, children: sep }),
+    /* @__PURE__ */ jsx24(Text19, { bold: true, children: counters.groups }),
+    /* @__PURE__ */ jsx24(Text19, { color: PALETTE.muted, children: sep }),
     /* @__PURE__ */ jsxs19(Text19, { color: PALETTE.muted, children: [
       labelRej,
       " "
     ] }),
-    /* @__PURE__ */ jsx22(Text19, { bold: true, children: counters.rejected }),
-    /* @__PURE__ */ jsx22(Text19, { color: PALETTE.muted, children: sep }),
+    /* @__PURE__ */ jsx24(Text19, { bold: true, children: counters.rejected }),
+    /* @__PURE__ */ jsx24(Text19, { color: PALETTE.muted, children: sep }),
     /* @__PURE__ */ jsxs19(Text19, { color: PALETTE.muted, children: [
       labelUnd,
       " "
     ] }),
-    /* @__PURE__ */ jsx22(Text19, { bold: true, children: counters.undecided }),
-    /* @__PURE__ */ jsx22(Text19, { color: PALETTE.muted, children: sep })
+    /* @__PURE__ */ jsx24(Text19, { bold: true, children: counters.undecided }),
+    /* @__PURE__ */ jsx24(Text19, { color: PALETTE.muted, children: sep })
   ] }) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GotoBanner.tsx
 import figures4 from "figures";
-import { Box as Box20, Text as Text20 } from "ink";
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Box as Box19, Text as Text20 } from "ink";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 var DEFAULT_MAX_ROWS = 15;
 function windowStart(rowCount, highlightIndex, maxRows) {
   if (rowCount <= maxRows) return 0;
@@ -19142,8 +19187,8 @@ function windowStart(rowCount, highlightIndex, maxRows) {
 }
 function defaultRenderRow(row, index, isCursor) {
   return /* @__PURE__ */ jsxs20(Text20, { children: [
-    isCursor ? /* @__PURE__ */ jsx23(Text20, { color: PALETTE.accent, bold: true, children: figures4.pointer }) : /* @__PURE__ */ jsx23(Text20, { children: " " }),
-    /* @__PURE__ */ jsx23(Text20, { inverse: isCursor, children: " " + row.label })
+    isCursor ? /* @__PURE__ */ jsx25(Text20, { color: PALETTE.accent, bold: true, children: figures4.pointer }) : /* @__PURE__ */ jsx25(Text20, { children: " " }),
+    /* @__PURE__ */ jsx25(Text20, { inverse: isCursor, children: " " + row.label })
   ] }, index);
 }
 function GotoBanner({
@@ -19163,7 +19208,7 @@ function GotoBanner({
   const moreAbove = start;
   const moreBelow = rows.length - end;
   return /* @__PURE__ */ jsxs20(
-    Box20,
+    Box19,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -19173,14 +19218,14 @@ function GotoBanner({
       width,
       flexShrink: 0,
       children: [
-        /* @__PURE__ */ jsx23(Text20, { bold: true, children: title }),
-        moreAbove > 0 && /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: `  \u25B2 ${moreAbove} more` }),
+        /* @__PURE__ */ jsx25(Text20, { bold: true, children: title }),
+        moreAbove > 0 && /* @__PURE__ */ jsx25(Text20, { color: PALETTE.muted, children: `  \u25B2 ${moreAbove} more` }),
         visible.map((row, vi) => {
           const i = start + vi;
           return renderRow(row, i, i === highlightIndex);
         }),
-        moreBelow > 0 && /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: `  \u25BC ${moreBelow} more` }),
-        footerHint !== void 0 && /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: footerHint })
+        moreBelow > 0 && /* @__PURE__ */ jsx25(Text20, { color: PALETTE.muted, children: `  \u25BC ${moreBelow} more` }),
+        footerHint !== void 0 && /* @__PURE__ */ jsx25(Text20, { color: PALETTE.muted, children: footerHint })
       ]
     }
   );
@@ -19188,7 +19233,7 @@ function GotoBanner({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GroupedSidebar.tsx
 import figures5 from "figures";
-import { Box as Box21, Text as Text22 } from "ink";
+import { Box as Box20, Text as Text22 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/graph/cycle-detection.ts
 function buildGraph(components) {
@@ -19529,7 +19574,7 @@ function findSharedDeps(closures) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/badge.tsx
 import { Text as Text21 } from "ink";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function previewBadge(annotation) {
   switch (annotation) {
     case "new":
@@ -19548,11 +19593,11 @@ function PreviewBadge({
   badge,
   highlighted = false
 }) {
-  return badge ? /* @__PURE__ */ jsx24(Text21, { color: !highlighted && badge.dim ? PALETTE.muted : badge.color, bold: badge.bold, children: badge.char }) : /* @__PURE__ */ jsx24(Text21, { children: " " });
+  return badge ? /* @__PURE__ */ jsx26(Text21, { color: !highlighted && badge.dim ? PALETTE.muted : badge.color, bold: badge.bold, children: badge.char }) : /* @__PURE__ */ jsx26(Text21, { children: " " });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GroupedSidebar.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 var GLYPH_EXPAND_COLLAPSED = "\u25B8";
 var GLYPH_EXPAND_EXPANDED = "\u25BE";
 var GLYPH_TREE_MID = "\u251C\u2500";
@@ -20008,11 +20053,11 @@ function GroupedSidebar(props) {
         isOwn: rs?.isOwn ?? false,
         isCursor
       });
-      return /* @__PURE__ */ jsxs21(Box21, { children: [
-        isCursor ? /* @__PURE__ */ jsx25(Text22, { color: PALETTE.accent, bold: true, children: figures5.pointer }) : /* @__PURE__ */ jsx25(Text22, { children: " " }),
-        /* @__PURE__ */ jsx25(PreviewBadge, { badge, highlighted: isSelected }),
-        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx25(Text22, { color: !isSelected && selDim ? PALETTE.muted : selColor, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx25(Text22, { children: "    " })),
-        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx25(Text22, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx25(Text22, { children: "    " })),
+      return /* @__PURE__ */ jsxs21(Box20, { children: [
+        isCursor ? /* @__PURE__ */ jsx27(Text22, { color: PALETTE.accent, bold: true, children: figures5.pointer }) : /* @__PURE__ */ jsx27(Text22, { children: " " }),
+        /* @__PURE__ */ jsx27(PreviewBadge, { badge, highlighted: isSelected }),
+        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx27(Text22, { color: !isSelected && selDim ? PALETTE.muted : selColor, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx27(Text22, { children: "    " })),
+        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx27(Text22, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx27(Text22, { children: "    " })),
         /* @__PURE__ */ jsxs21(
           Text22,
           {
@@ -20027,16 +20072,16 @@ function GroupedSidebar(props) {
             ]
           }
         ),
-        inheritanceStyle.glyph && /* @__PURE__ */ jsx25(Text22, { color: inheritanceStyle.dim ? PALETTE.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
+        inheritanceStyle.glyph && /* @__PURE__ */ jsx27(Text22, { color: inheritanceStyle.dim ? PALETTE.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
       ] }, row.key);
     }),
-    windowed && /* @__PURE__ */ jsx25(WindowFooter, { above: start, below: Math.max(0, allRows.length - end) })
+    windowed && /* @__PURE__ */ jsx27(WindowFooter, { above: start, below: Math.max(0, allRows.length - end) })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/HelpOverlay.tsx
 import React11 from "react";
-import { Box as Box22, Text as Text23 } from "ink";
+import { Box as Box21, Text as Text23 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/hooks/useImmediateInput.ts
 import { useLayoutEffect, useRef as useRef5 } from "react";
@@ -20135,7 +20180,7 @@ function useTerminalSize() {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/HelpOverlay.tsx
-import { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 function HelpOverlay(props) {
   const { onClose } = props;
   const { columns: terminalColumns, rows: terminalRows } = useTerminalSize();
@@ -20147,7 +20192,7 @@ function HelpOverlay(props) {
   }, props.handleInput !== false);
   if (props.sections) {
     return /* @__PURE__ */ jsxs22(
-      Box22,
+      Box21,
       {
         flexDirection: "column",
         borderStyle: "round",
@@ -20156,11 +20201,11 @@ function HelpOverlay(props) {
         height: panelHeight,
         overflowY: "hidden",
         children: [
-          /* @__PURE__ */ jsx26(Text23, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+          /* @__PURE__ */ jsx28(Text23, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
           props.sections.map((section) => /* @__PURE__ */ jsxs22(React11.Fragment, { children: [
-            /* @__PURE__ */ jsx26(Text23, { children: " " }),
-            /* @__PURE__ */ jsx26(Text23, { bold: true, children: section.title }),
-            section.entries.map((entry) => /* @__PURE__ */ jsx26(Text23, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
+            /* @__PURE__ */ jsx28(Text23, { children: " " }),
+            /* @__PURE__ */ jsx28(Text23, { bold: true, children: section.title }),
+            section.entries.map((entry) => /* @__PURE__ */ jsx28(Text23, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
           ] }, section.title))
         ]
       }
@@ -20168,7 +20213,7 @@ function HelpOverlay(props) {
   }
   const mode = props.mode;
   return /* @__PURE__ */ jsxs22(
-    Box22,
+    Box21,
     {
       flexDirection: "column",
       borderStyle: "round",
@@ -20177,38 +20222,38 @@ function HelpOverlay(props) {
       height: panelHeight,
       overflowY: "hidden",
       children: [
-        /* @__PURE__ */ jsx26(Text23, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
-        /* @__PURE__ */ jsx26(Text23, { children: " " }),
-        /* @__PURE__ */ jsx26(Text23, { bold: true, children: "Navigation" }),
-        /* @__PURE__ */ jsx26(Text23, { children: "  \u2191 / k / PgUp     Scroll up" }),
-        /* @__PURE__ */ jsx26(Text23, { children: "  \u2193 / j / PgDn     Scroll down" }),
-        /* @__PURE__ */ jsx26(Text23, { children: "  g / Home         Jump to top" }),
-        /* @__PURE__ */ jsx26(Text23, { children: "  G / End          Jump to bottom" }),
-        mode === "review" && /* @__PURE__ */ jsxs22(Fragment3, { children: [
-          /* @__PURE__ */ jsx26(Text23, { children: " " }),
-          /* @__PURE__ */ jsx26(Text23, { bold: true, children: "[Review mode only]" }),
-          /* @__PURE__ */ jsx26(Text23, { children: "  Tab              Toggle sidebar/detail" }),
-          /* @__PURE__ */ jsx26(Text23, { children: "  a                Accept component" }),
-          /* @__PURE__ */ jsx26(Text23, { children: "  r                Reject component" }),
-          /* @__PURE__ */ jsx26(Text23, { children: "  e                Edit proposal" }),
-          /* @__PURE__ */ jsx26(Text23, { children: "  s                Toggle source code" }),
-          /* @__PURE__ */ jsx26(Text23, { children: "  A                Approve all" }),
-          /* @__PURE__ */ jsx26(Text23, { children: "  F                Open finalize dialog" }),
-          /* @__PURE__ */ jsx26(Text23, { children: "  Ctrl+S           Save draft" }),
-          /* @__PURE__ */ jsx26(Text23, { children: "  Ctrl+Z           Undo" }),
-          /* @__PURE__ */ jsx26(Text23, { children: "  Ctrl+Y           Redo" }),
-          /* @__PURE__ */ jsx26(Text23, { children: "  Esc              Exit edit / close" })
+        /* @__PURE__ */ jsx28(Text23, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+        /* @__PURE__ */ jsx28(Text23, { children: " " }),
+        /* @__PURE__ */ jsx28(Text23, { bold: true, children: "Navigation" }),
+        /* @__PURE__ */ jsx28(Text23, { children: "  \u2191 / k / PgUp     Scroll up" }),
+        /* @__PURE__ */ jsx28(Text23, { children: "  \u2193 / j / PgDn     Scroll down" }),
+        /* @__PURE__ */ jsx28(Text23, { children: "  g / Home         Jump to top" }),
+        /* @__PURE__ */ jsx28(Text23, { children: "  G / End          Jump to bottom" }),
+        mode === "review" && /* @__PURE__ */ jsxs22(Fragment5, { children: [
+          /* @__PURE__ */ jsx28(Text23, { children: " " }),
+          /* @__PURE__ */ jsx28(Text23, { bold: true, children: "[Review mode only]" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  Tab              Toggle sidebar/detail" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  a                Accept component" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  r                Reject component" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  e                Edit proposal" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  s                Toggle source code" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  A                Approve all" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  F                Open finalize dialog" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  Ctrl+S           Save draft" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  Ctrl+Z           Undo" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  Ctrl+Y           Redo" }),
+          /* @__PURE__ */ jsx28(Text23, { children: "  Esc              Exit edit / close" })
         ] }),
-        /* @__PURE__ */ jsx26(Text23, { children: " " }),
-        /* @__PURE__ */ jsx26(Text23, { children: "  h                Close help" }),
-        /* @__PURE__ */ jsx26(Text23, { children: "  q                Quit" })
+        /* @__PURE__ */ jsx28(Text23, { children: " " }),
+        /* @__PURE__ */ jsx28(Text23, { children: "  h                Close help" }),
+        /* @__PURE__ */ jsx28(Text23, { children: "  q                Quit" })
       ]
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/SearchMatchSummary.tsx
-import { Box as Box23, Text as Text24 } from "ink";
+import { Box as Box22, Text as Text24 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/autocomplete.ts
 function longestCommonPrefix(names) {
@@ -20265,7 +20310,7 @@ function formatSearchMatchSummary(matches, total) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/SearchMatchSummary.tsx
-import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 function SearchMatchSummary({
   open,
   query,
@@ -20276,17 +20321,17 @@ function SearchMatchSummary({
   marginTop
 }) {
   if (hidden) return null;
-  return /* @__PURE__ */ jsxs23(Fragment4, { children: [
-    open && /* @__PURE__ */ jsxs23(Box23, { marginTop, flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs23(Fragment6, { children: [
+    open && /* @__PURE__ */ jsxs23(Box22, { marginTop, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs23(Text24, { children: [
         `/${query}`,
-        /* @__PURE__ */ jsx27(Text24, { color: PALETTE.accent, children: "\u258E" }),
-        query && /* @__PURE__ */ jsx27(Text24, { color: PALETTE.muted, children: formatSearchMatchSummary(matches, total) }),
-        /* @__PURE__ */ jsx27(Text24, { children: "  \xB7 [Esc] leave" })
+        /* @__PURE__ */ jsx29(Text24, { color: PALETTE.accent, children: "\u258E" }),
+        query && /* @__PURE__ */ jsx29(Text24, { color: PALETTE.muted, children: formatSearchMatchSummary(matches, total) }),
+        /* @__PURE__ */ jsx29(Text24, { children: "  \xB7 [Esc] leave" })
       ] }),
-      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx27(Text24, { color: PALETTE.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
+      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx29(Text24, { color: PALETTE.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
     ] }),
-    !open && query && /* @__PURE__ */ jsx27(Box23, { marginTop, children: /* @__PURE__ */ jsx27(Text24, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
+    !open && query && /* @__PURE__ */ jsx29(Box22, { marginTop, children: /* @__PURE__ */ jsx29(Text24, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
   ] });
 }
 
@@ -21424,7 +21469,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx
-import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 var HELP_SECTIONS = [
   {
     title: "Navigation",
@@ -21464,29 +21509,29 @@ var HELP_SECTIONS = [
 ];
 function ScopeGateScreen(props) {
   if (props.components.length === 0) {
-    return /* @__PURE__ */ jsx28(Box24, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx28(Text25, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
+    return /* @__PURE__ */ jsx30(Box23, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx30(Text25, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
   }
-  return /* @__PURE__ */ jsx28(ScopeGateView, { ...props });
+  return /* @__PURE__ */ jsx30(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__ */ jsx28(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: gate.closeHelp });
+    return /* @__PURE__ */ jsx30(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: gate.closeHelp });
   }
-  return /* @__PURE__ */ jsxs24(Box24, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx28(StepHeader, { step: "scope-gate" }),
-    /* @__PURE__ */ jsxs24(Box24, { flexDirection: "column", paddingX: 2, children: [
-      /* @__PURE__ */ jsxs24(Box24, { flexDirection: "row", flexWrap: "wrap", children: [
-        /* @__PURE__ */ jsx28(CounterStrip, { counters, totalWidth: gate.totalWidth }),
+  return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx30(StepHeader, { step: "scope-gate" }),
+    /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", paddingX: 2, children: [
+      /* @__PURE__ */ jsxs24(Box23, { flexDirection: "row", flexWrap: "wrap", children: [
+        /* @__PURE__ */ jsx30(CounterStrip, { counters, totalWidth: gate.totalWidth }),
         gate.aiExcludedCount > 0 && /* @__PURE__ */ jsxs24(Text25, { color: PALETTE.muted, children: [
           `${gate.aiExcludedCount} component${gate.aiExcludedCount === 1 ? "" : "s"} flagged by AI`,
-          gate.aiRows.length > 0 && /* @__PURE__ */ jsx28(Text25, { color: PALETTE.accent, children: " \u2014 press [x] to see why" })
+          gate.aiRows.length > 0 && /* @__PURE__ */ jsx30(Text25, { color: PALETTE.accent, children: " \u2014 press [x] to see why" })
         ] })
       ] }),
-      graph.cycles.length > 0 && /* @__PURE__ */ jsx28(Box24, { marginTop: 1, children: /* @__PURE__ */ jsx28(Text25, { color: PALETTE.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__ */ jsxs24(Box24, { flexDirection: "row", alignItems: "stretch", children: [
-        gate.aiRationalePanelOpen ? /* @__PURE__ */ jsx28(
+      graph.cycles.length > 0 && /* @__PURE__ */ jsx30(Box23, { marginTop: 1, children: /* @__PURE__ */ jsx30(Text25, { color: PALETTE.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__ */ jsxs24(Box23, { flexDirection: "row", alignItems: "stretch", children: [
+        gate.aiRationalePanelOpen ? /* @__PURE__ */ jsx30(
           GotoBanner,
           {
             title: `Review flags (${gate.aiExcludedCount})`,
@@ -21496,7 +21541,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
             width: columnPlan.main,
             footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [x/Esc] close"
           }
-        ) : /* @__PURE__ */ jsx28(
+        ) : /* @__PURE__ */ jsx30(
           GroupedSidebar,
           {
             items: gate.groupedItems,
@@ -21524,9 +21569,9 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
             graph: graph.nodes
           }
         ),
-        columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs24(Fragment5, { children: [
-          /* @__PURE__ */ jsx28(Box24, { width: 2, flexShrink: 0 }),
-          /* @__PURE__ */ jsx28(
+        columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs24(Fragment7, { children: [
+          /* @__PURE__ */ jsx30(Box23, { width: 2, flexShrink: 0 }),
+          /* @__PURE__ */ jsx30(
             AddedColumn,
             {
               width: columnPlan.added,
@@ -21541,9 +21586,9 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
           )
         ] })
       ] }),
-      gate.cyclesPanelOpen && /* @__PURE__ */ jsx28(CyclesPanel, { cycles: gate.slotCycles, cursor: gate.cyclesCursor }),
-      gate.pendingRejectCascade && /* @__PURE__ */ jsx28(RejectPrompt, { pending: gate.pendingRejectCascade }),
-      /* @__PURE__ */ jsx28(
+      gate.cyclesPanelOpen && /* @__PURE__ */ jsx30(CyclesPanel, { cycles: gate.slotCycles, cursor: gate.cyclesCursor }),
+      gate.pendingRejectCascade && /* @__PURE__ */ jsx30(RejectPrompt, { pending: gate.pendingRejectCascade }),
+      /* @__PURE__ */ jsx30(
         SearchMatchSummary,
         {
           open: search.searchOpen,
@@ -21554,7 +21599,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
           marginTop: 1
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx30(
         CompactControlBar,
         {
           hasGroupRoots: gate.hasGroupRoots,
@@ -21664,14 +21709,14 @@ function progressRows2(progress, agent) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/screen.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function GenerationScreen({
   progress,
   agent,
   acceptedCount,
   hasTokens
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     RunningStep,
     {
       step: "generation",
@@ -21895,7 +21940,7 @@ function buildFlowStart(input) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
-import { Box as Box44 } from "ink";
+import { Box as Box43 } from "ink";
 
 // packages/experience-design-system-types/dist/src/cdf/validate.js
 import { Ajv as Ajv2 } from "ajv";
@@ -22215,7 +22260,7 @@ function skipLabel(matchedNames) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/preview-validation-error/screen.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function PreviewValidationErrorScreen({
   errors,
   missingNames,
@@ -22224,7 +22269,7 @@ function PreviewValidationErrorScreen({
   onQuit
 }) {
   const matchedNames = matchedComponentNames(errors, missingNames);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     GateStep,
     {
       intent: "error",
@@ -22260,7 +22305,7 @@ function getReviewJsonPanelValue(selected, showHiddenProps) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/generate-review-step.tsx
-import { Box as Box37, Text as Text39 } from "ink";
+import { Box as Box36, Text as Text39 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/graph/cycle-view.ts
 function computeCycleView(components) {
@@ -22499,12 +22544,12 @@ function enumerateCycleBreaks(cycle, components) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewComponentPanel.tsx
-import { Box as Box31, Text as Text33 } from "ink";
+import { Box as Box30, Text as Text33 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx
 import React12, { useEffect as useEffect11, useLayoutEffect as useLayoutEffect2, useState as useState18 } from "react";
 import figures6 from "figures";
-import { Box as Box25, measureElement, Text as Text26 } from "ink";
+import { Box as Box24, measureElement, Text as Text26 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/scroll-offset.ts
 function computeNextScrollOffset(current, input, key, totalLines, panelHeight) {
@@ -22535,7 +22580,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 Fragment6, jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 function createCommonRowProps(selected, focusLevel, editingField, textCursor, valueCursor, cursorVisible, editingValue, valueText, width) {
   return {
     selected,
@@ -22673,14 +22718,14 @@ function serializeState(state2, originalJson) {
   return JSON.stringify(entry, null, 2);
 }
 function Picker({ value, active }) {
-  return /* @__PURE__ */ jsxs25(Box25, { children: [
-    active && /* @__PURE__ */ jsx31(Text26, { color: PALETTE.warning, children: "\u2039" }),
-    /* @__PURE__ */ jsx31(Text26, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
-    active && /* @__PURE__ */ jsx31(Text26, { color: PALETTE.warning, children: "\u203A" })
+  return /* @__PURE__ */ jsxs25(Box24, { children: [
+    active && /* @__PURE__ */ jsx33(Text26, { color: PALETTE.warning, children: "\u2039" }),
+    /* @__PURE__ */ jsx33(Text26, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
+    active && /* @__PURE__ */ jsx33(Text26, { color: PALETTE.warning, children: "\u203A" })
   ] });
 }
 function Toggle({ value, active }) {
-  return /* @__PURE__ */ jsx31(Box25, { children: /* @__PURE__ */ jsx31(Text26, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
+  return /* @__PURE__ */ jsx33(Box24, { children: /* @__PURE__ */ jsx33(Text26, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
 }
 function InlinePropField({
   label,
@@ -22689,7 +22734,7 @@ function InlinePropField({
   flexible = false,
   width
 }) {
-  return /* @__PURE__ */ jsxs25(Box25, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
+  return /* @__PURE__ */ jsxs25(Box24, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
     /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, wrap: "truncate-end", children: [
       focused ? "\u203A " : "  ",
       label
@@ -22703,19 +22748,19 @@ function RequiredField({
   editingField,
   activeField
 }) {
-  return /* @__PURE__ */ jsx31(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx31(Toggle, { value, active: editingField && activeField === "required" }) });
+  return /* @__PURE__ */ jsx33(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx33(Toggle, { value, active: editingField && activeField === "required" }) });
 }
 function DefaultValueRow({
   display,
   active,
   focused
 }) {
-  return /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
+  return /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
     /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    active ? /* @__PURE__ */ jsx31(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx31(Text26, { wrap: "wrap", children: display })
+    active ? /* @__PURE__ */ jsx33(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx33(Text26, { wrap: "wrap", children: display })
   ] });
 }
 function RowLabel({
@@ -22743,10 +22788,10 @@ function ValueInputRow({
   valueText,
   cursorVisible
 }) {
-  return /* @__PURE__ */ jsxs25(Box25, { paddingLeft: 2, children: [
-    /* @__PURE__ */ jsx31(Text26, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
-    /* @__PURE__ */ jsx31(Text26, { children: valueText }),
-    /* @__PURE__ */ jsx31(Text26, { inverse: cursorVisible, children: " " })
+  return /* @__PURE__ */ jsxs25(Box24, { paddingLeft: 2, children: [
+    /* @__PURE__ */ jsx33(Text26, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
+    /* @__PURE__ */ jsx33(Text26, { children: valueText }),
+    /* @__PURE__ */ jsx33(Text26, { inverse: cursorVisible, children: " " })
   ] });
 }
 function EditableListItem({
@@ -22759,9 +22804,9 @@ function EditableListItem({
 }) {
   const isBeingEdited = editingValue?.mode === "edit" && editingValue.index === index;
   if (isBeingEdited) {
-    return /* @__PURE__ */ jsx31(ValueInputRow, { mode: "edit", valueText, cursorVisible });
+    return /* @__PURE__ */ jsx33(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx31(Box25, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text26, { color: active ? PALETTE.accent : void 0, children: active ? `${figures6.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx33(Box24, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx33(Text26, { color: active ? PALETTE.accent : void 0, children: active ? `${figures6.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -22774,9 +22819,9 @@ function EditableValueList({
   emptyPaddingLeft,
   showAddInput
 }) {
-  return /* @__PURE__ */ jsxs25(Fragment6, { children: [
-    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx31(Box25, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: emptyMessage }) })),
-    values.map((value, index) => /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs25(Fragment8, { children: [
+    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx33(Box24, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, children: emptyMessage }) })),
+    values.map((value, index) => /* @__PURE__ */ jsx33(
       EditableListItem,
       {
         value,
@@ -22788,7 +22833,7 @@ function EditableValueList({
       },
       index
     )),
-    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx31(ValueInputRow, { mode: "add", valueText, cursorVisible })
+    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx33(ValueInputRow, { mode: "add", valueText, cursorVisible })
   ] });
 }
 function DefaultSubRow({
@@ -22800,51 +22845,51 @@ function DefaultSubRow({
 }) {
   const cursor = cursorVisible ? "\u2588" : " ";
   if (prop.type === "richtext" || prop.type === "media" || prop.type === "link") {
-    return /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexShrink: 0, children: [
+    return /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsx31(Text26, { color: focused ? void 0 : PALETTE.muted, children: "(not applicable)" })
+      /* @__PURE__ */ jsx33(Text26, { 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__ */ jsx31(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx33(DefaultValueRow, { display, active, focused });
   }
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
-      return /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexShrink: 0, children: [
+      return /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexShrink: 0, children: [
         /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
           focused ? "\u203A " : "  ",
           "default:"
         ] }),
-        /* @__PURE__ */ jsx31(Text26, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
+        /* @__PURE__ */ jsx33(Text26, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
       ] });
     }
     const display = typeof prop.default === "string" && prop.default !== "" ? prop.default : "(unset)";
-    return /* @__PURE__ */ jsx31(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx33(DefaultValueRow, { display, active, focused });
   }
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
-    return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "row", flexShrink: 0, children: [
+    return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "row", flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsxs25(Box25, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx31(Text26, { children: value.slice(0, textCursor) }),
-        /* @__PURE__ */ jsx31(Text26, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
-        /* @__PURE__ */ jsx31(Text26, { children: value.slice(textCursor + 1) })
+      /* @__PURE__ */ jsxs25(Box24, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+        /* @__PURE__ */ jsx33(Text26, { children: value.slice(0, textCursor) }),
+        /* @__PURE__ */ jsx33(Text26, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
+        /* @__PURE__ */ jsx33(Text26, { children: value.slice(textCursor + 1) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexShrink: 0, children: [
+  return /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexShrink: 0, children: [
     /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    /* @__PURE__ */ jsx31(Text26, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
+    /* @__PURE__ */ jsx33(Text26, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
   ] });
 }
 function DescriptionField({
@@ -22859,20 +22904,20 @@ function DescriptionField({
   paddingLeft = 2
 }) {
   if (compact) {
-    return /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+    return /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         label
       ] }),
-      /* @__PURE__ */ jsx31(Text26, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
+      /* @__PURE__ */ jsx33(Text26, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
     ] });
   }
-  return /* @__PURE__ */ jsxs25(Box25, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
+  return /* @__PURE__ */ jsxs25(Box24, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
     /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
-    editing ? /* @__PURE__ */ jsx31(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx31(Text26, { wrap: "wrap", children: value || "\u2014" })
+    editing ? /* @__PURE__ */ jsx33(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx33(Text26, { wrap: "wrap", children: value || "\u2014" })
   ] });
 }
 function EditableDescription({
@@ -22882,7 +22927,7 @@ function EditableDescription({
 }) {
   return /* @__PURE__ */ jsxs25(Text26, { wrap: "wrap", children: [
     value.slice(0, textCursor),
-    /* @__PURE__ */ jsx31(Text26, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
+    /* @__PURE__ */ jsx33(Text26, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
     value.slice(textCursor + 1)
   ] });
 }
@@ -22903,9 +22948,9 @@ function PropRow({
 }) {
   const descFocused = activeField === "description";
   const descActive = editingField && descFocused;
-  return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx31(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(RowLabel, { name: prop.name, selected }) }),
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx33(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx33(RowLabel, { name: prop.name, selected }) }),
+    /* @__PURE__ */ jsx33(
       DescriptionField,
       {
         value: prop.description,
@@ -22918,8 +22963,8 @@ function PropRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsx33(
         RequiredField,
         {
           value: prop.required,
@@ -22928,10 +22973,10 @@ function PropRow({
           activeField
         }
       ),
-      /* @__PURE__ */ jsx31(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx31(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx31(Text26, { children: prop.type }) })
+      /* @__PURE__ */ jsx33(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx33(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx33(Text26, { children: prop.type }) })
     ] }),
-    prop.type === "token" && /* @__PURE__ */ jsx31(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx31(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx31(Text26, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
-    prop.type === "enum" && /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+    prop.type === "token" && /* @__PURE__ */ jsx33(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx33(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx33(Text26, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
+    prop.type === "enum" && /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(Text26, { color: activeField === "values" ? PALETTE.warning : PALETTE.muted, bold: activeField === "values", children: [
         activeField === "values" ? "\u203A " : "  ",
         "values:"
@@ -22942,7 +22987,7 @@ function PropRow({
         "]"
       ] })
     ] }),
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx33(
       DefaultSubRow,
       {
         prop,
@@ -22952,12 +22997,12 @@ function PropRow({
         cursorVisible
       }
     ),
-    prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+    prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(Text26, { color: activeField === "allowed" ? PALETTE.warning : PALETTE.muted, bold: activeField === "allowed", children: [
         activeField === "allowed" ? "\u203A " : "  ",
         "allowed:"
       ] }),
-      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx31(Box25, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx31(Text26, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx31(
+      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx33(Box24, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx33(Text26, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx33(
         Text26,
         {
           color: activeField !== "allowed" && prop.allowed.length === 0 ? PALETTE.muted : void 0,
@@ -22966,17 +23011,17 @@ function PropRow({
         }
       )
     ] }),
-    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx31(Box25, { paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: (() => {
+    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx33(Box24, { paddingLeft: 2, children: /* @__PURE__ */ jsx33(Text26, { 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__ */ jsxs25(Box25, { paddingLeft: 2, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs25(Box25, { children: [
-        /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "values:" }),
-        activeField === "values" && /* @__PURE__ */ jsx31(Text26, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
+    selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs25(Box24, { paddingLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs25(Box24, { children: [
+        /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, children: "values:" }),
+        activeField === "values" && /* @__PURE__ */ jsx33(Text26, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
-      /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx33(
         EditableValueList,
         {
           values: prop.values,
@@ -23006,9 +23051,9 @@ function SlotRow({
   pickerCandidates,
   pickerCursor
 }) {
-  return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx31(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(RowLabel, { name: slot.name, selected, trailing: false }) }),
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx33(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx33(RowLabel, { name: slot.name, selected, trailing: false }) }),
+    /* @__PURE__ */ jsx33(
       DescriptionField,
       {
         value: slot.description,
@@ -23021,7 +23066,7 @@ function SlotRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsx31(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx33(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx33(
       RequiredField,
       {
         value: slot.required,
@@ -23030,7 +23075,7 @@ function SlotRow({
         activeField
       }
     ) }),
-    !(selected && editingField && activeField === "allowedComponents") && /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+    !(selected && editingField && activeField === "allowedComponents") && /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(
         Text26,
         {
@@ -23042,10 +23087,10 @@ function SlotRow({
           ]
         }
       ),
-      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx31(Text26, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
+      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx33(Text26, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
     ] }),
-    selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs25(Box25, { children: [
+    selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs25(Box24, { children: [
         /* @__PURE__ */ jsxs25(
           Text26,
           {
@@ -23057,9 +23102,9 @@ function SlotRow({
             ]
           }
         ),
-        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx31(Text26, { 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__ */ jsx33(Text26, { 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__ */ jsx31(
+      /* @__PURE__ */ jsx33(
         EditableValueList,
         {
           values: slot.allowedComponents,
@@ -23073,21 +23118,21 @@ function SlotRow({
           showAddInput: editingField && activeField === "allowedComponents"
         }
       ),
-      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx31(Box25, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx31(Text26, { 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__ */ jsx33(Box24, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx33(Text26, { 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__ */ jsx31(Text26, { color: PALETTE.muted, children: "(no candidates match \u2014 Enter to add as free text)" });
+          return /* @__PURE__ */ jsx33(Text26, { 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__ */ jsxs25(Box25, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
+        return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx33(Text26, { 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__ */ jsx31(Text26, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures6.pointer} ${name}` : `    ${name}` }, name);
+            return /* @__PURE__ */ jsx33(Text26, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures6.pointer} ${name}` : `    ${name}` }, name);
           })
         ] });
       })() })
@@ -23916,18 +23961,18 @@ function FieldEditor({
   });
   const innerWidth = Math.max(1, width - 2);
   if (parseErr) {
-    return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
-      /* @__PURE__ */ jsx31(Text26, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
-      /* @__PURE__ */ jsx31(Text26, { color: PALETTE.error, children: parseErr }),
-      /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
+    return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
+      /* @__PURE__ */ jsx33(Text26, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
+      /* @__PURE__ */ jsx33(Text26, { color: PALETTE.error, children: parseErr }),
+      /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
-    return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
-      /* @__PURE__ */ jsx31(Text26, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
-      /* @__PURE__ */ jsx31(Text26, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
+    return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
+      /* @__PURE__ */ jsx33(Text26, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
+      /* @__PURE__ */ jsx33(Text26, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
+      /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
+      /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -24056,12 +24101,12 @@ function FieldEditor({
   const renderRow = (row, index) => {
     const key = rowKey(row, index);
     if (row.kind === "header") {
-      return /* @__PURE__ */ jsx31(Box25, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx31(Text26, { bold: true, color: PALETTE.success, children: row.label }) }, key);
+      return /* @__PURE__ */ jsx33(Box24, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx33(Text26, { 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__ */ jsx31(
+      return /* @__PURE__ */ jsx33(
         DescriptionField,
         {
           value: editorState.componentDescription,
@@ -24092,7 +24137,7 @@ function FieldEditor({
         valueText,
         innerWidth
       );
-      return /* @__PURE__ */ jsx31(
+      return /* @__PURE__ */ jsx33(
         PropRow,
         {
           prop: p,
@@ -24119,7 +24164,7 @@ function FieldEditor({
       valueText,
       innerWidth
     );
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx33(
       SlotRow,
       {
         slot: s,
@@ -24140,9 +24185,9 @@ function FieldEditor({
       borderStyle: "single",
       borderColor: hasEmptyProperties ? PALETTE.warning : active ? PALETTE.accent : PALETTE.border,
       children: [
-        hasEmptyProperties && /* @__PURE__ */ jsx31(Text26, { 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__ */ jsx33(Text26, { 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__ */ jsx31(Box25, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33(Box24, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx33(
           PropRow,
           {
             prop: currentProp,
@@ -24158,7 +24203,7 @@ function FieldEditor({
             rationale: metadata?.props?.[currentProp.name]?.rationale ?? null,
             showRationale: showInlineRationales
           }
-        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx31(
+        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx33(
           SlotRow,
           {
             slot: currentSlot,
@@ -24177,8 +24222,8 @@ function FieldEditor({
         ) : visibleRowSlice.map((row, index) => {
           const absoluteIndex = scrollStart + index;
           const key = rowKey(row, absoluteIndex);
-          return /* @__PURE__ */ jsx31(
-            Box25,
+          return /* @__PURE__ */ jsx33(
+            Box24,
             {
               ref: (node) => {
                 if (node) rowMeasureRefs.current.set(key, node);
@@ -24191,7 +24236,7 @@ function FieldEditor({
             `visible-${key}`
           );
         }) }),
-        categoryBelow && /* @__PURE__ */ jsx31(Text26, { color: PALETTE.success, bold: true, children: `(${categoryBelow} below)` }),
+        categoryBelow && /* @__PURE__ */ jsx33(Text26, { 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;
@@ -24200,49 +24245,49 @@ function FieldEditor({
           const src = metadata?.componentSource ?? null;
           const headerPath = path5 ?? "<unknown source path>";
           if (!start || !end2 || !src) {
-            return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-              /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
-              /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
-              /* @__PURE__ */ jsx31(Text26, { children: "[s] close" })
+            return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+              /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
+              /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
+              /* @__PURE__ */ jsx33(Text26, { children: "[s] close" })
             ] });
           }
           const lines = src.split("\n").slice(Math.max(0, start - 1), end2);
-          return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-            /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
-            lines.map((ln, i) => /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
-            /* @__PURE__ */ jsx31(Text26, { children: "[s] close \xB7 [Esc] close" })
+          return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+            /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
+            lines.map((ln, i) => /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
+            /* @__PURE__ */ jsx33(Text26, { children: "[s] close \xB7 [Esc] close" })
           ] });
         })(),
-        showHelp && /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
-          /* @__PURE__ */ jsx31(Text26, { bold: true, color: PALETTE.accent, children: "Keybindings" }),
-          /* @__PURE__ */ jsx31(Text26, { children: " " }),
-          /* @__PURE__ */ jsx31(Text26, { bold: true, children: "Row navigation" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  \u2191/\u2193               move between rows" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  Enter            edit fields on the current row" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  Esc              exit the panel" }),
-          /* @__PURE__ */ jsx31(Text26, { children: " " }),
-          /* @__PURE__ */ jsx31(Text26, { bold: true, children: "Field editing" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  Space/Enter      toggle required" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  Type             edit description / string default" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  Esc              exit field-edit back to the row" }),
-          /* @__PURE__ */ jsx31(Text26, { children: " " }),
-          /* @__PURE__ */ jsx31(Text26, { bold: true, children: "Values / allowedComponents" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  \u2191\u2193               navigate the list" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  K / J            reorder up \xB7 down" }),
-          /* @__PURE__ */ jsx31(Text26, { children: " " }),
-          /* @__PURE__ */ jsx31(Text26, { bold: true, children: "Panels" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  s                toggle source-view for the current prop" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
-          /* @__PURE__ */ jsx31(Text26, { children: "  ?                toggle this overlay" }),
-          /* @__PURE__ */ jsx31(Text26, { children: " " }),
-          /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "press ? or Esc to close" })
+        showHelp && /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
+          /* @__PURE__ */ jsx33(Text26, { bold: true, color: PALETTE.accent, children: "Keybindings" }),
+          /* @__PURE__ */ jsx33(Text26, { children: " " }),
+          /* @__PURE__ */ jsx33(Text26, { bold: true, children: "Row navigation" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  \u2191/\u2193               move between rows" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  Enter            edit fields on the current row" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  Esc              exit the panel" }),
+          /* @__PURE__ */ jsx33(Text26, { children: " " }),
+          /* @__PURE__ */ jsx33(Text26, { bold: true, children: "Field editing" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  Space/Enter      toggle required" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  Type             edit description / string default" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  Esc              exit field-edit back to the row" }),
+          /* @__PURE__ */ jsx33(Text26, { children: " " }),
+          /* @__PURE__ */ jsx33(Text26, { bold: true, children: "Values / allowedComponents" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  \u2191\u2193               navigate the list" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  K / J            reorder up \xB7 down" }),
+          /* @__PURE__ */ jsx33(Text26, { children: " " }),
+          /* @__PURE__ */ jsx33(Text26, { bold: true, children: "Panels" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  s                toggle source-view for the current prop" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
+          /* @__PURE__ */ jsx33(Text26, { children: "  ?                toggle this overlay" }),
+          /* @__PURE__ */ jsx33(Text26, { children: " " }),
+          /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, children: "press ? or Esc to close" })
         ] }),
-        validationError && /* @__PURE__ */ jsx31(Text26, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx31(Box25, { paddingTop: 1, children: /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: modeLabel }) })
+        validationError && /* @__PURE__ */ jsx33(Text26, { color: PALETTE.error, children: "\u2717 " + validationError }),
+        /* @__PURE__ */ jsx33(Box24, { paddingTop: 1, children: /* @__PURE__ */ jsx33(Text26, { color: PALETTE.muted, children: modeLabel }) })
       ]
     }
   );
@@ -24252,7 +24297,7 @@ function FieldEditor({
 import { Text as Text32 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ComponentRationalePanel.tsx
-import { Box as Box27, Text as Text28 } from "ink";
+import { Box as Box26, Text as Text28 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/wrap-text.ts
 function appendLongWordChunks(word, width, lines) {
@@ -24287,27 +24332,27 @@ function wrapText(text, innerWidth) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationaleLine.tsx
-import { Box as Box26, Text as Text27 } from "ink";
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Box as Box25, Text as Text27 } from "ink";
+import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 function RationaleLine({ line, active }) {
   if (line.kind === "blank") {
-    return /* @__PURE__ */ jsx32(Box26, { children: /* @__PURE__ */ jsx32(Text27, { children: " " }) });
+    return /* @__PURE__ */ jsx34(Box25, { children: /* @__PURE__ */ jsx34(Text27, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx32(Box26, { children: /* @__PURE__ */ jsx32(Text27, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
+    return /* @__PURE__ */ jsx34(Box25, { children: /* @__PURE__ */ jsx34(Text27, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
   }
   if (line.kind === "label") {
-    return /* @__PURE__ */ jsxs26(Box26, { children: [
-      line.prefix && /* @__PURE__ */ jsx32(Text27, { children: line.prefix }),
-      /* @__PURE__ */ jsx32(Text27, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
-      line.suffix && /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: line.suffix })
+    return /* @__PURE__ */ jsxs26(Box25, { children: [
+      line.prefix && /* @__PURE__ */ jsx34(Text27, { children: line.prefix }),
+      /* @__PURE__ */ jsx34(Text27, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
+      line.suffix && /* @__PURE__ */ jsx34(Text27, { color: PALETTE.muted, children: line.suffix })
     ] });
   }
-  return /* @__PURE__ */ jsx32(Box26, { children: /* @__PURE__ */ jsx32(Text27, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
+  return /* @__PURE__ */ jsx34(Box25, { children: /* @__PURE__ */ jsx34(Text27, { 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 jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 var PLACEHOLDER = "(no rationale captured)";
 function renderComponentRationaleLines(data, innerWidth) {
   const out = [];
@@ -24376,7 +24421,7 @@ function ComponentRationalePanel({
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + contentHeight);
   return /* @__PURE__ */ jsxs27(
-    Box27,
+    Box26,
     {
       flexDirection: "column",
       width,
@@ -24384,27 +24429,27 @@ function ComponentRationalePanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__PURE__ */ jsx33(Box27, { children: /* @__PURE__ */ jsx33(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
-        visible.map((line, i) => /* @__PURE__ */ jsx33(RationaleLine, { line, active }, i)),
-        /* @__PURE__ */ jsx33(Box27, { children: overflowed ? /* @__PURE__ */ jsx33(Text28, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx33(Text28, { children: "[I/Esc] close" }) })
+        /* @__PURE__ */ jsx35(Box26, { children: /* @__PURE__ */ jsx35(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
+        visible.map((line, i) => /* @__PURE__ */ jsx35(RationaleLine, { line, active }, i)),
+        /* @__PURE__ */ jsx35(Box26, { children: overflowed ? /* @__PURE__ */ jsx35(Text28, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx35(Text28, { children: "[I/Esc] close" }) })
       ]
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/JsonPanel.tsx
-import { Box as Box29 } from "ink";
+import { Box as Box28 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/HighlightedLine.tsx
 import { Text as Text29 } from "ink";
-import { Fragment as Fragment7, jsx as jsx34 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx36 } from "react/jsx-runtime";
 function HighlightedLine({ parts }) {
-  return /* @__PURE__ */ jsx34(Fragment7, { children: parts.map((part, i) => /* @__PURE__ */ jsx34(Text29, { color: part.dim ? PALETTE.muted : part.color, children: part.text }, i)) });
+  return /* @__PURE__ */ jsx36(Fragment9, { children: parts.map((part, i) => /* @__PURE__ */ jsx36(Text29, { 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 Box28, Text as Text30 } from "ink";
-import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Box as Box27, Text as Text30 } from "ink";
+import { Fragment as Fragment10, jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
 function ScrollablePanel({
   title,
   width,
@@ -24417,12 +24462,12 @@ function ScrollablePanel({
   children
 }) {
   const overflowed = totalLines > height;
-  return /* @__PURE__ */ jsxs28(Box28, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
-    /* @__PURE__ */ jsxs28(Box28, { children: [
-      /* @__PURE__ */ jsx35(Text30, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
-      overflowed && /* @__PURE__ */ jsxs28(Fragment8, { children: [
-        /* @__PURE__ */ jsx35(Box28, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx35(Text30, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
+  return /* @__PURE__ */ jsxs28(Box27, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
+    /* @__PURE__ */ jsxs28(Box27, { children: [
+      /* @__PURE__ */ jsx37(Text30, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
+      overflowed && /* @__PURE__ */ jsxs28(Fragment10, { children: [
+        /* @__PURE__ */ jsx37(Box27, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx37(Text30, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
     children
@@ -24430,7 +24475,7 @@ function ScrollablePanel({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/JsonPanel.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function highlightJson(line) {
   const parts = [];
   let remaining = line;
@@ -24468,7 +24513,7 @@ function highlightJson(line) {
     parts.push({ text: remaining[0] });
     remaining = remaining.slice(1);
   }
-  return /* @__PURE__ */ jsx36(HighlightedLine, { parts });
+  return /* @__PURE__ */ jsx38(HighlightedLine, { parts });
 }
 function truncateLine(line, maxWidth) {
   if (line.length <= maxWidth) return line;
@@ -24481,7 +24526,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__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     ScrollablePanel,
     {
       title: label,
@@ -24494,14 +24539,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__ */ jsx36(Box29, { children: highlightJson(truncated) }, i);
+        return /* @__PURE__ */ jsx38(Box28, { children: highlightJson(truncated) }, i);
       })
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationalePanel.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function renderRationaleLines(rows, innerWidth) {
   const out = [];
   rows.forEach((row, idx) => {
@@ -24534,7 +24579,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__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     ScrollablePanel,
     {
       title: `RATIONALE \u2014 ${componentName}`,
@@ -24545,15 +24590,15 @@ function RationalePanel({
       visibleStart,
       visibleEnd,
       borderColor: active ? PALETTE.text : void 0,
-      children: visible.map((line, i) => /* @__PURE__ */ jsx37(RationaleLine, { line, active }, i))
+      children: visible.map((line, i) => /* @__PURE__ */ jsx39(RationaleLine, { line, active }, i))
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/TokenReviewPanel.tsx
 import figures7 from "figures";
-import { Box as Box30, Text as Text31 } from "ink";
-import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Box as Box29, Text as Text31 } from "ink";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function TokenReviewPanel({
   componentName,
   suggestions,
@@ -24573,7 +24618,7 @@ function TokenReviewPanel({
     const visiblePaths = current.paths.slice(scrollStart, scrollStart + visibleCount);
     const rangeLabel = current.paths.length === 0 ? "no compatible tokens" : `${scrollStart + 1}-${scrollStart + visiblePaths.length} of ${current.paths.length}`;
     return /* @__PURE__ */ jsxs29(
-      Box30,
+      Box29,
       {
         flexDirection: "column",
         width,
@@ -24581,15 +24626,15 @@ function TokenReviewPanel({
         borderStyle: "single",
         borderColor: active ? PALETTE.text : void 0,
         children: [
-          /* @__PURE__ */ jsx38(Text31, { bold: true, color: active ? void 0 : PALETTE.muted, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
-          /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
-          /* @__PURE__ */ jsx38(Text31, { children: " " }),
-          current.paths.length === 0 && /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: "(no compatible tokens found for this token kind)" }),
+          /* @__PURE__ */ jsx40(Text31, { bold: true, color: active ? void 0 : PALETTE.muted, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
+          /* @__PURE__ */ jsx40(Text31, { color: PALETTE.muted, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
+          /* @__PURE__ */ jsx40(Text31, { children: " " }),
+          current.paths.length === 0 && /* @__PURE__ */ jsx40(Text31, { 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__ */ jsx38(Box30, { children: /* @__PURE__ */ jsx38(
+            return /* @__PURE__ */ jsx40(Box29, { children: /* @__PURE__ */ jsx40(
               Text31,
               {
                 color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted,
@@ -24599,15 +24644,15 @@ function TokenReviewPanel({
               }
             ) }, path5);
           }),
-          /* @__PURE__ */ jsx38(Text31, { children: " " }),
-          /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
-          /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
+          /* @__PURE__ */ jsx40(Text31, { children: " " }),
+          /* @__PURE__ */ jsx40(Text31, { color: PALETTE.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
+          /* @__PURE__ */ jsx40(Text31, { color: PALETTE.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
         ]
       }
     );
   }
   return /* @__PURE__ */ jsxs29(
-    Box30,
+    Box29,
     {
       flexDirection: "column",
       width,
@@ -24615,25 +24660,25 @@ function TokenReviewPanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__PURE__ */ jsx38(Text31, { bold: true, color: active ? void 0 : PALETTE.muted, children: `TOKEN REVIEW \u2014 ${componentName}` }),
-        suggestions.length === 0 && /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
+        /* @__PURE__ */ jsx40(Text31, { bold: true, color: active ? void 0 : PALETTE.muted, children: `TOKEN REVIEW \u2014 ${componentName}` }),
+        suggestions.length === 0 && /* @__PURE__ */ jsx40(Text31, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
-          return /* @__PURE__ */ jsxs29(Box30, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx38(Box30, { children: /* @__PURE__ */ jsx38(Text31, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures7.pointer : " "} ${s.propName}` }) }),
-            /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
-            /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: `  allowed: ${s.allowed.join(", ")}` })
+          return /* @__PURE__ */ jsxs29(Box29, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx40(Box29, { children: /* @__PURE__ */ jsx40(Text31, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures7.pointer : " "} ${s.propName}` }) }),
+            /* @__PURE__ */ jsx40(Text31, { color: PALETTE.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
+            /* @__PURE__ */ jsx40(Text31, { color: PALETTE.muted, children: `  allowed: ${s.allowed.join(", ")}` })
           ] }, s.propName);
         }),
-        /* @__PURE__ */ jsx38(Text31, { children: " " }),
-        /* @__PURE__ */ jsx38(Text31, { children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
+        /* @__PURE__ */ jsx40(Text31, { children: " " }),
+        /* @__PURE__ */ jsx40(Text31, { 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 Fragment9, jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 function ReviewDetailsPanel({
   selectedKey,
   panelOpen,
@@ -24668,7 +24713,7 @@ function ReviewDetailsPanel({
         rationale: s.rationale ?? ""
       }))
     ];
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx41(
       RationalePanel,
       {
         componentName: componentRationale?.name ?? selectedKey,
@@ -24681,7 +24726,7 @@ function ReviewDetailsPanel({
     );
   }
   if (panelOpen === "component-rationale") {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx41(
       ComponentRationalePanel,
       {
         data: componentRationale ?? {
@@ -24707,13 +24752,13 @@ function ReviewDetailsPanel({
     const sourceLineCount = Math.max(1, height - 4);
     const lines = source ? source.split("\n").slice(panelScrollOffset, panelScrollOffset + sourceLineCount) : [];
     return /* @__PURE__ */ jsxs30(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
-      source ? lines.map((line, index) => /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "(no source captured)" }),
-      /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, wrap: "truncate-end", children: "[s/Esc] close" })
+      /* @__PURE__ */ jsx41(Text32, { color: PALETTE.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
+      source ? lines.map((line, index) => /* @__PURE__ */ jsx41(Text32, { color: PALETTE.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx41(Text32, { color: PALETTE.muted, children: "(no source captured)" }),
+      /* @__PURE__ */ jsx41(Text32, { color: PALETTE.muted, wrap: "truncate-end", children: "[s/Esc] close" })
     ] });
   }
   if (panelOpen === "token-review") {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx41(
       TokenReviewPanel,
       {
         componentName: selectedKey,
@@ -24729,7 +24774,7 @@ function ReviewDetailsPanel({
     );
   }
   if (showJson) {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx41(
       JsonPanel,
       {
         label: "GENERATED DEFINITION (read-only)",
@@ -24741,11 +24786,11 @@ function ReviewDetailsPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsx39(Fragment9, { children: editor });
+  return /* @__PURE__ */ jsx41(Fragment11, { children: editor });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDetailsEditor.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 import { createElement } from "react";
 function toFieldEditorMetadata(reviewMetadata) {
   if (!reviewMetadata) return void 0;
@@ -24779,7 +24824,7 @@ function ReviewDetailsEditor({
     jsonScrollOffset,
     currentTokenSuggestions
   } = reviewEditor;
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     ReviewDetailsPanel,
     {
       selectedKey,
@@ -24819,7 +24864,7 @@ function ReviewDetailsEditor({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewComponentPanel.tsx
-import { Fragment as Fragment10, jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
 function buildReviewFieldEditor(reviewEditor, selectedJson, onExit, overrides = {}) {
   return {
     value: reviewEditor.draftValue || selectedJson,
@@ -24859,17 +24904,17 @@ function ReviewEmptyComponentsWarning({
   hidden
 }) {
   if (hidden || count === 0) return null;
-  return /* @__PURE__ */ jsx41(Text33, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
+  return /* @__PURE__ */ jsx43(Text33, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx41(Box31, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx41(Text33, { color: PALETTE.muted, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx43(Box30, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx43(Text33, { color: PALETTE.muted, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
   hidden
 }) {
   if (hidden || !message) return null;
-  return /* @__PURE__ */ jsx41(Text33, { color: PALETTE.error, children: `\u26A0 ${message}` });
+  return /* @__PURE__ */ jsx43(Text33, { color: PALETTE.error, children: `\u26A0 ${message}` });
 }
 function ReviewPanelFooter({
   reviewEditor,
@@ -24878,10 +24923,10 @@ function ReviewPanelFooter({
   livePreview,
   livePreviewSpinner
 }) {
-  return /* @__PURE__ */ jsxs31(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs31(Fragment12, { 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__ */ jsx41(Text33, { children: `  ${livePreviewSpinner} live preview` }),
-    livePreview.disabled && /* @__PURE__ */ jsx41(Text33, { children: "  \xB7 live preview disabled" })
+    livePreview.status === "running" && /* @__PURE__ */ jsx43(Text33, { children: `  ${livePreviewSpinner} live preview` }),
+    livePreview.disabled && /* @__PURE__ */ jsx43(Text33, { children: "  \xB7 live preview disabled" })
   ] });
 }
 function ReviewComponentTitle({
@@ -24890,9 +24935,9 @@ function ReviewComponentTitle({
   slotCount,
   sidebarFocused
 }) {
-  return /* @__PURE__ */ jsxs31(Box31, { paddingLeft: 2, paddingBottom: 1, children: [
-    /* @__PURE__ */ jsx41(Text33, { bold: true, wrap: "truncate-end", children: selectedKey }),
-    /* @__PURE__ */ jsx41(Box31, { flexGrow: 1 }),
+  return /* @__PURE__ */ jsxs31(Box30, { paddingLeft: 2, paddingBottom: 1, children: [
+    /* @__PURE__ */ jsx43(Text33, { bold: true, wrap: "truncate-end", children: selectedKey }),
+    /* @__PURE__ */ jsx43(Box30, { flexGrow: 1 }),
     /* @__PURE__ */ jsxs31(Text33, { color: PALETTE.muted, wrap: "truncate-end", children: [
       propCount,
       " prop",
@@ -24924,8 +24969,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__ */ jsx41(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs31(Box31, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
-    /* @__PURE__ */ jsx41(Box31, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
+    /* @__PURE__ */ jsx43(Box30, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx43(
       ReviewDetailsEditor,
       {
         selectedKey,
@@ -24938,7 +24983,7 @@ function ReviewComponentPanel({
         jsonValue,
         sidebarFocused,
         fieldEditor,
-        header: /* @__PURE__ */ jsx41(
+        header: /* @__PURE__ */ jsx43(
           ReviewComponentTitle,
           {
             selectedKey,
@@ -24949,8 +24994,8 @@ function ReviewComponentPanel({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx41(Box31, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text33, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
-    /* @__PURE__ */ jsx41(Box31, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text33, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx43(Box30, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx43(Text33, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
+    /* @__PURE__ */ jsx43(Box30, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx43(Text33, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx43(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -24964,8 +25009,8 @@ function ReviewComponentPanel({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewStatus.tsx
-import { Box as Box32, Text as Text34 } from "ink";
-import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Box as Box31, Text as Text34 } from "ink";
+import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
 function countReviewStatuses(entries) {
   return entries.reduce(
     (counts, entry) => {
@@ -24978,13 +25023,13 @@ function countReviewStatuses(entries) {
   );
 }
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx42(Box32, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx42(Text34, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx44(Box31, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx44(Text34, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
-  return /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx42(Text34, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx42(Text34, { children: " " }),
-    /* @__PURE__ */ jsx42(ControlHints, { hints: [{ keys: "q / Enter / Esc", label: "Quit" }] })
+  return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx44(Text34, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx44(Text34, { children: " " }),
+    /* @__PURE__ */ jsx44(ControlHints, { hints: [{ keys: "q / Enter / Esc", label: "Quit" }] })
   ] });
 }
 
@@ -25184,8 +25229,8 @@ async function runLivePreview(opts) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FinalizeDialog.tsx
-import { Box as Box33, Text as Text35 } from "ink";
-import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Box as Box32, Text as Text35 } from "ink";
+import { Fragment as Fragment13, jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
 var FINALIZE_REMOVED_WINDOW = 6;
 function FinalizeDialog({
   accepted,
@@ -25214,51 +25259,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__ */ jsx43(Box33, { width: "100%", paddingX: 2, children: /* @__PURE__ */ jsxs33(Box33, { flexDirection: "column", alignItems: "flex-start", children: [
-    /* @__PURE__ */ jsx43(Text35, { bold: true, children: "Finalize" }),
-    /* @__PURE__ */ jsx43(Text35, { children: " " }),
+  return /* @__PURE__ */ jsx45(Box32, { width: "100%", paddingX: 2, children: /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", alignItems: "flex-start", children: [
+    /* @__PURE__ */ jsx45(Text35, { bold: true, children: "Finalize" }),
+    /* @__PURE__ */ jsx45(Text35, { children: " " }),
     /* @__PURE__ */ jsxs33(Text35, { children: [
       /* @__PURE__ */ jsxs33(Text35, { color: PALETTE.success, children: [
         accepted,
         " accepted"
       ] }),
-      /* @__PURE__ */ jsx43(Text35, { children: " \xB7 " }),
+      /* @__PURE__ */ jsx45(Text35, { children: " \xB7 " }),
       /* @__PURE__ */ jsxs33(Text35, { color: PALETTE.error, children: [
         rejected,
         " rejected"
       ] }),
-      /* @__PURE__ */ jsx43(Text35, { children: " \xB7 " }),
+      /* @__PURE__ */ jsx45(Text35, { children: " \xB7 " }),
       /* @__PURE__ */ jsxs33(Text35, { color: PALETTE.muted, children: [
         needsReview,
         " unresolved"
       ] })
     ] }),
-    /* @__PURE__ */ jsx43(Text35, { children: " " }),
-    noneAccepted && /* @__PURE__ */ jsxs33(Fragment11, { children: [
-      /* @__PURE__ */ jsx43(Text35, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
-      /* @__PURE__ */ jsx43(Text35, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
-      /* @__PURE__ */ jsx43(Text35, { children: " " })
+    /* @__PURE__ */ jsx45(Text35, { children: " " }),
+    noneAccepted && /* @__PURE__ */ jsxs33(Fragment13, { children: [
+      /* @__PURE__ */ jsx45(Text35, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
+      /* @__PURE__ */ jsx45(Text35, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
+      /* @__PURE__ */ jsx45(Text35, { children: " " })
     ] }),
-    !allResolved && /* @__PURE__ */ jsxs33(Fragment11, { children: [
-      /* @__PURE__ */ jsx43(Text35, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
-      /* @__PURE__ */ jsx43(Text35, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
-      /* @__PURE__ */ jsx43(Text35, { children: " " })
+    !allResolved && /* @__PURE__ */ jsxs33(Fragment13, { children: [
+      /* @__PURE__ */ jsx45(Text35, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
+      /* @__PURE__ */ jsx45(Text35, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
+      /* @__PURE__ */ jsx45(Text35, { children: " " })
     ] }),
-    /* @__PURE__ */ jsxs33(Box33, { flexDirection: "column", height: 2, children: [
-      previewStatus === "running" ? /* @__PURE__ */ jsx43(Text35, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx43(Text35, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx43(Text35, { children: " " }),
-      /* @__PURE__ */ jsx43(Text35, { children: " " })
+    /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", height: 2, children: [
+      previewStatus === "running" ? /* @__PURE__ */ jsx45(Text35, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx45(Text35, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx45(Text35, { children: " " }),
+      /* @__PURE__ */ jsx45(Text35, { children: " " })
     ] }),
-    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs33(Fragment11, { children: [
-      /* @__PURE__ */ jsx43(Text35, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
-      hasMoreAbove && /* @__PURE__ */ jsx43(Text35, { color: PALETTE.muted, children: "\u2191 more above" }),
-      windowed.map((rc) => /* @__PURE__ */ jsx43(Text35, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
-      hasMoreBelow && /* @__PURE__ */ jsx43(Text35, { color: PALETTE.muted, children: "\u2193 more below" }),
-      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx43(Text35, { children: "[\u2191\u2193] scroll deletions" }),
-      /* @__PURE__ */ jsx43(Text35, { children: " " })
+    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs33(Fragment13, { children: [
+      /* @__PURE__ */ jsx45(Text35, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
+      hasMoreAbove && /* @__PURE__ */ jsx45(Text35, { color: PALETTE.muted, children: "\u2191 more above" }),
+      windowed.map((rc) => /* @__PURE__ */ jsx45(Text35, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
+      hasMoreBelow && /* @__PURE__ */ jsx45(Text35, { color: PALETTE.muted, children: "\u2193 more below" }),
+      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx45(Text35, { children: "[\u2191\u2193] scroll deletions" }),
+      /* @__PURE__ */ jsx45(Text35, { children: " " })
     ] }),
-    /* @__PURE__ */ jsx43(Text35, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
-    /* @__PURE__ */ jsx43(Text35, { children: " " }),
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx45(Text35, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
+    /* @__PURE__ */ jsx45(Text35, { children: " " }),
+    /* @__PURE__ */ jsx45(
       ControlHints,
       {
         hints: [
@@ -25671,11 +25716,11 @@ function useReviewSurfaceState(initialFinalizeError = null) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDialogs.tsx
-import { Box as Box35, Text as Text37 } from "ink";
+import { Box as Box34, Text as Text37 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/QuitDialog.tsx
-import { Box as Box34, Text as Text36 } from "ink";
-import { Fragment as Fragment12, jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Box as Box33, Text as Text36 } from "ink";
+import { Fragment as Fragment14, jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
 function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
   useImmediateInput((input, key) => {
     if (input === "y" || key.return) {
@@ -25684,16 +25729,16 @@ function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
       onCancel();
     }
   });
-  return /* @__PURE__ */ jsxs34(Box34, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
-    /* @__PURE__ */ jsx44(Text36, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
-    /* @__PURE__ */ jsx44(Text36, { children: " " }),
-    hasUnsavedDrafts ? /* @__PURE__ */ jsxs34(Fragment12, { children: [
-      /* @__PURE__ */ jsx44(Text36, { children: "You have unsaved draft edits." }),
-      /* @__PURE__ */ jsx44(Text36, { children: "Session state is preserved \u2014 you can resume" }),
-      /* @__PURE__ */ jsx44(Text36, { children: "by running the same review command again." })
-    ] }) : /* @__PURE__ */ jsx44(Text36, { children: "Session is saved. Quit without finalizing?" }),
-    /* @__PURE__ */ jsx44(Text36, { children: " " }),
-    /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
+    /* @__PURE__ */ jsx46(Text36, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
+    /* @__PURE__ */ jsx46(Text36, { children: " " }),
+    hasUnsavedDrafts ? /* @__PURE__ */ jsxs34(Fragment14, { children: [
+      /* @__PURE__ */ jsx46(Text36, { children: "You have unsaved draft edits." }),
+      /* @__PURE__ */ jsx46(Text36, { children: "Session state is preserved \u2014 you can resume" }),
+      /* @__PURE__ */ jsx46(Text36, { children: "by running the same review command again." })
+    ] }) : /* @__PURE__ */ jsx46(Text36, { children: "Session is saved. Quit without finalizing?" }),
+    /* @__PURE__ */ jsx46(Text36, { children: " " }),
+    /* @__PURE__ */ jsx46(
       ControlHints,
       {
         hints: [
@@ -25706,7 +25751,7 @@ function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDialogs.tsx
-import { Fragment as Fragment13, jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
 function ReviewFinalizeDialogs({
   showFinalize,
   showQuit,
@@ -25720,8 +25765,8 @@ function ReviewFinalizeDialogs({
   onQuitCancel
 }) {
   const { accepted, rejected, needsReview } = countReviewStatuses(components);
-  return /* @__PURE__ */ jsxs35(Fragment13, { children: [
-    showFinalize && /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs35(Fragment15, { children: [
+    showFinalize && /* @__PURE__ */ jsx47(
       FinalizeDialog,
       {
         accepted,
@@ -25734,7 +25779,7 @@ function ReviewFinalizeDialogs({
         onCancel: onFinalizeCancel
       }
     ),
-    showQuit && /* @__PURE__ */ jsx45(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
+    showQuit && /* @__PURE__ */ jsx47(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
   ] });
 }
 function ReviewStepDialogs({
@@ -25744,7 +25789,7 @@ function ReviewStepDialogs({
   onFinalize,
   onQuit
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     ReviewFinalizeDialogs,
     {
       showFinalize: surfaceState.showFinalize,
@@ -25762,12 +25807,12 @@ function ReviewStepDialogs({
 }
 function ReviewReloadDialog({ open }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsxs35(Box35, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx45(Text37, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
-    /* @__PURE__ */ jsx45(Text37, { children: "Unsaved in-memory changes will be lost." }),
-    /* @__PURE__ */ jsx45(Text37, { children: " " }),
-    /* @__PURE__ */ jsx45(Text37, { children: "  [Enter]  Confirm" }),
-    /* @__PURE__ */ jsx45(Text37, { children: "  [Esc]    Cancel" })
+  return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx47(Text37, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
+    /* @__PURE__ */ jsx47(Text37, { children: "Unsaved in-memory changes will be lost." }),
+    /* @__PURE__ */ jsx47(Text37, { children: " " }),
+    /* @__PURE__ */ jsx47(Text37, { children: "  [Enter]  Confirm" }),
+    /* @__PURE__ */ jsx47(Text37, { children: "  [Esc]    Cancel" })
   ] });
 }
 
@@ -26134,8 +26179,8 @@ function useReviewPreview({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/LivePreviewSummary.tsx
-import { Box as Box36, Text as Text38 } from "ink";
-import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Box as Box35, Text as Text38 } from "ink";
+import { jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
 function LivePreviewSummary({
   enabled,
   previewAnnotations,
@@ -26149,24 +26194,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__ */ jsx46(Text38, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
-  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx46(Text38, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
+  if (disabled) return /* @__PURE__ */ jsx48(Text38, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
+  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx48(Text38, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
   if (!hasCounts) return null;
-  return /* @__PURE__ */ jsxs36(Box36, { children: [
-    /* @__PURE__ */ jsx46(Text38, { children: "Preview: " }),
-    /* @__PURE__ */ jsx46(Text38, { color: PALETTE.success, children: `${counts.new} new` }),
-    /* @__PURE__ */ jsx46(Text38, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx46(Text38, { color: PALETTE.warning, children: `${counts.changed} changed` }),
-    /* @__PURE__ */ jsx46(Text38, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx46(Text38, { color: PALETTE.muted, children: `${counts.removed} removed` }),
-    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx46(Text38, { children: " ([d] removed list)" }),
-    /* @__PURE__ */ jsx46(Text38, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx46(Text38, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
+  return /* @__PURE__ */ jsxs36(Box35, { children: [
+    /* @__PURE__ */ jsx48(Text38, { children: "Preview: " }),
+    /* @__PURE__ */ jsx48(Text38, { color: PALETTE.success, children: `${counts.new} new` }),
+    /* @__PURE__ */ jsx48(Text38, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx48(Text38, { color: PALETTE.warning, children: `${counts.changed} changed` }),
+    /* @__PURE__ */ jsx48(Text38, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx48(Text38, { color: PALETTE.muted, children: `${counts.removed} removed` }),
+    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx48(Text38, { children: " ([d] removed list)" }),
+    /* @__PURE__ */ jsx48(Text38, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx48(Text38, { 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 Fragment14, jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx49, jsxs as jsxs37 } 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) => {
@@ -26210,7 +26255,7 @@ function CyclePathLine({
   return /* @__PURE__ */ jsxs37(Text39, { color: highlightLine ? PALETTE.warning : void 0, children: [
     prefix,
     segments.map(
-      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx47(Text39, { color: PALETTE.accent, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: segment.text }, index) : /* @__PURE__ */ jsx47(Text39, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
+      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx49(Text39, { color: PALETTE.accent, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx49(Text39, { color: PALETTE.muted, children: segment.text }, index) : /* @__PURE__ */ jsx49(Text39, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
     )
   ] });
 }
@@ -26222,31 +26267,31 @@ function CycleDetailPanel({
   height
 }) {
   const lines = [
-    /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
-    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
-    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
-    /* @__PURE__ */ jsx47(Text39, { children: " " }, "cyc-space")
+    /* @__PURE__ */ jsx49(Text39, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
+    /* @__PURE__ */ jsx49(Text39, { color: PALETTE.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
+    /* @__PURE__ */ jsx49(Text39, { color: PALETTE.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
+    /* @__PURE__ */ jsx49(Text39, { children: " " }, "cyc-space")
   ];
   cycles.forEach((cycle, index) => {
     const nodeCount = new Set(cycle.path).size;
     const isCursor = index === cursor;
     lines.push(
-      /* @__PURE__ */ jsx47(Text39, { bold: true, inverse: isCursor, children: `${isCursor ? figures8.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
-      /* @__PURE__ */ jsx47(CyclePathLine, { segments: formatCyclePathSegments2(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
+      /* @__PURE__ */ jsx49(Text39, { bold: true, inverse: isCursor, children: `${isCursor ? figures8.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
+      /* @__PURE__ */ jsx49(CyclePathLine, { segments: formatCyclePathSegments2(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
     );
     if (cycle.suggestedBreak) {
       lines.push(
-        /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
+        /* @__PURE__ */ jsx49(Text39, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
       );
     }
-    lines.push(/* @__PURE__ */ jsx47(Text39, { children: " " }, `cyc-s-${index}`));
+    lines.push(/* @__PURE__ */ jsx49(Text39, { 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__ */ jsxs37(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
     visible,
-    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: footer })
+    /* @__PURE__ */ jsx49(Text39, { color: PALETTE.muted, children: footer })
   ] });
 }
 function BreakCyclePanel({
@@ -26258,13 +26303,13 @@ function BreakCyclePanel({
   height
 }) {
   return /* @__PURE__ */ jsxs37(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
-    /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
-    cycle && /* @__PURE__ */ jsx47(CyclePathLine, { segments: formatCyclePathSegments2(cycle), prefix: "  ", highlightComponents: true }),
-    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
-    /* @__PURE__ */ jsx47(Text39, { children: " " }),
-    edges.length > 0 && /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: "remove slot edge:" }),
-    edges.map((edge, index) => /* @__PURE__ */ jsx47(Text39, { inverse: index === cursor, children: `${index === cursor ? figures8.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
-    confirming ? /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx47(Text39, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
+    /* @__PURE__ */ jsx49(Text39, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
+    cycle && /* @__PURE__ */ jsx49(CyclePathLine, { segments: formatCyclePathSegments2(cycle), prefix: "  ", highlightComponents: true }),
+    /* @__PURE__ */ jsx49(Text39, { color: PALETTE.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
+    /* @__PURE__ */ jsx49(Text39, { children: " " }),
+    edges.length > 0 && /* @__PURE__ */ jsx49(Text39, { color: PALETTE.muted, children: "remove slot edge:" }),
+    edges.map((edge, index) => /* @__PURE__ */ jsx49(Text39, { inverse: index === cursor, children: `${index === cursor ? figures8.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
+    confirming ? /* @__PURE__ */ jsx49(Text39, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx49(Text39, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
   ] });
 }
 var HELP_SECTIONS2 = [
@@ -26370,9 +26415,9 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    return /* @__PURE__ */ jsx47(Box37, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx47(Text39, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
+    return /* @__PURE__ */ jsx49(Box36, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx49(Text39, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
   }
-  return /* @__PURE__ */ jsx47(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
+  return /* @__PURE__ */ jsx49(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
 function GenerateReviewStepView({
   extractSessionId,
@@ -27229,13 +27274,13 @@ function GenerateReviewStepView({
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx47(ReviewLoadingState, {});
+    return /* @__PURE__ */ jsx49(ReviewLoadingState, {});
   }
   if (loadError) {
-    return /* @__PURE__ */ jsx47(ReviewLoadError, { message: loadError });
+    return /* @__PURE__ */ jsx49(ReviewLoadError, { message: loadError });
   }
   if (showHelp) {
-    return /* @__PURE__ */ jsx47(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
+    return /* @__PURE__ */ jsx49(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
   }
   const { selected, selectedJson, visibleJsonPanelValue } = getReviewSelectionState(
     components,
@@ -27275,9 +27320,9 @@ function GenerateReviewStepView({
     for (const c2 of closures.values()) if (c2.nodes.length > 1) return true;
     return false;
   })();
-  return /* @__PURE__ */ jsxs37(Box37, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx47(StepHeader, { step: "review" }),
-    /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx49(StepHeader, { step: "review" }),
+    /* @__PURE__ */ jsx49(
       ReviewStepDialogs,
       {
         surfaceState: reviewSurface,
@@ -27287,15 +27332,15 @@ function GenerateReviewStepView({
         onQuit
       }
     ),
-    /* @__PURE__ */ jsx47(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
-    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs37(Box37, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
-      /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
-      !removedBannerCollapsed && /* @__PURE__ */ jsxs37(Fragment14, { children: [
-        /* @__PURE__ */ jsx47(Text39, { children: " " }),
-        removedComponents.map((rc) => /* @__PURE__ */ jsx47(Text39, { children: removedComponentLine(rc) }, rc.id))
+    /* @__PURE__ */ jsx49(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
+    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
+      /* @__PURE__ */ jsx49(Text39, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
+      !removedBannerCollapsed && /* @__PURE__ */ jsxs37(Fragment16, { children: [
+        /* @__PURE__ */ jsx49(Text39, { children: " " }),
+        removedComponents.map((rc) => /* @__PURE__ */ jsx49(Text39, { children: removedComponentLine(rc) }, rc.id))
       ] })
     ] }),
-    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx47(Box37, { paddingX: 1, children: /* @__PURE__ */ jsx47(
+    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx49(Box36, { paddingX: 1, children: /* @__PURE__ */ jsx49(
       Text39,
       {
         color: PALETTE.warning,
@@ -27306,14 +27351,14 @@ function GenerateReviewStepView({
       const row = breakingRows[breakingCursor];
       const comp = row ? breakingChanges.find((b) => b.componentName === row.componentName) : void 0;
       if (!comp) return null;
-      return /* @__PURE__ */ jsxs37(Box37, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
-        comp.impact && /* @__PURE__ */ jsx47(Text39, { 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__ */ jsx47(Text39, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx47(Text39, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
-        /* @__PURE__ */ jsx47(Text39, { children: "[D/Esc] close detail" })
+      return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+        /* @__PURE__ */ jsx49(Text39, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
+        comp.impact && /* @__PURE__ */ jsx49(Text39, { 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__ */ jsx49(Text39, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx49(Text39, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
+        /* @__PURE__ */ jsx49(Text39, { children: "[D/Esc] close detail" })
       ] });
     })(),
-    !dialogOpen && /* @__PURE__ */ jsx47(
+    !dialogOpen && /* @__PURE__ */ jsx49(
       LivePreviewSummary,
       {
         enabled: livePreview,
@@ -27332,16 +27377,16 @@ function GenerateReviewStepView({
       const participantSet = cycleView.structural;
       const members = stillRejected.filter((n) => participantSet.has(n)).sort();
       const ancestors = stillRejected.filter((n) => !participantSet.has(n)).sort();
-      return /* @__PURE__ */ jsxs37(Box37, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
-        /* @__PURE__ */ jsx47(Text39, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
-        members.length > 0 && /* @__PURE__ */ jsx47(Text39, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
-        ancestors.length > 0 && /* @__PURE__ */ jsx47(Text39, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
-        /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
+      return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
+        /* @__PURE__ */ jsx49(Text39, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
+        members.length > 0 && /* @__PURE__ */ jsx49(Text39, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
+        ancestors.length > 0 && /* @__PURE__ */ jsx49(Text39, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
+        /* @__PURE__ */ jsx49(Text39, { color: PALETTE.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
       ] });
     })(),
-    /* @__PURE__ */ jsx47(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
-    /* @__PURE__ */ jsx47(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
-    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx49(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
+    /* @__PURE__ */ jsx49(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
+    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx49(
       BreakCyclePanel,
       {
         cycle: cycleRows[cyclesCursor],
@@ -27352,7 +27397,7 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx47(
+    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx49(
       CycleDetailPanel,
       {
         cycles: cycleRows,
@@ -27362,8 +27407,8 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs37(Box37, { children: [
-      breakingPanel.isOpen ? /* @__PURE__ */ jsx47(
+    !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs37(Box36, { children: [
+      breakingPanel.isOpen ? /* @__PURE__ */ jsx49(
         GotoBanner,
         {
           title: `Breaking changes \u2014 ${breakingRows[breakingCursor]?.componentName ?? "unknown component"}`,
@@ -27376,7 +27421,7 @@ function GenerateReviewStepView({
           width: sidebarWidth,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [D] detail \xB7 [Esc] close"
         }
-      ) : /* @__PURE__ */ jsx47(
+      ) : /* @__PURE__ */ jsx49(
         GroupedSidebar,
         {
           items: groupedItems,
@@ -27417,7 +27462,7 @@ function GenerateReviewStepView({
           graph: sidebarGraph
         }
       ),
-      selected ? /* @__PURE__ */ jsx47(
+      selected ? /* @__PURE__ */ jsx49(
         ReviewComponentPanel,
         {
           selectedKey: selected.key,
@@ -27449,12 +27494,12 @@ function GenerateReviewStepView({
           livePreview: livePreviewHook,
           livePreviewSpinner
         }
-      ) : /* @__PURE__ */ jsx47(ReviewNoSelection, {})
+      ) : /* @__PURE__ */ jsx49(ReviewNoSelection, {})
     ] }),
-    !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs37(Box37, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx47(Text39, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
+    !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx49(Text39, { 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__ */ jsx47(
+        return /* @__PURE__ */ jsx49(
           CyclePathLine,
           {
             segments: formatCyclePathSegments2(cycle),
@@ -27465,10 +27510,10 @@ function GenerateReviewStepView({
           `cyc-banner-${idx}`
         );
       }),
-      cycleRows.length > 3 && /* @__PURE__ */ jsx47(Text39, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
-      /* @__PURE__ */ jsx47(Text39, { children: "  press [c] for detail" })
+      cycleRows.length > 3 && /* @__PURE__ */ jsx49(Text39, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
+      /* @__PURE__ */ jsx49(Text39, { children: "  press [c] for detail" })
     ] }),
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx49(
       SearchMatchSummary,
       {
         open: searchOpen,
@@ -27479,27 +27524,27 @@ function GenerateReviewStepView({
         hidden: dialogOpen
       }
     ),
-    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx47(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
+    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx49(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/CustomPromptBanner.tsx
-import { Box as Box38, Text as Text40 } from "ink";
-import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Box as Box37, Text as Text40 } from "ink";
+import { jsx as jsx50, jsxs as jsxs38 } from "react/jsx-runtime";
 function CustomPromptBanner({ generatePromptPath }) {
   if (!generatePromptPath) return null;
-  return /* @__PURE__ */ jsxs38(Box38, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx48(Text40, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
+  return /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx50(Text40, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
     generatePromptPath ? /* @__PURE__ */ jsxs38(Text40, { color: PALETTE.warning, children: [
       "components: ",
       generatePromptPath
     ] }) : null,
-    /* @__PURE__ */ jsx48(Text40, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
+    /* @__PURE__ */ jsx50(Text40, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/DoneStep.tsx
-import { Box as Box40, Text as Text42 } from "ink";
+import { Box as Box39, Text as Text42 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/contentful-urls.ts
 function normalizeHost(host) {
@@ -27515,26 +27560,26 @@ function buildPostPushUrl2({ host, spaceId, environmentId, view = "components" }
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/SpaceEnvironment.tsx
-import { Box as Box39, Text as Text41 } from "ink";
-import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Box as Box38, Text as Text41 } from "ink";
+import { jsx as jsx51, jsxs as jsxs39 } from "react/jsx-runtime";
 function SpaceEnvironment({ spaceId, environmentId }) {
-  return /* @__PURE__ */ jsxs39(Box39, { gap: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "Space:" }),
-    /* @__PURE__ */ jsx49(Text41, { children: spaceId }),
-    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "/" }),
-    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "Environment:" }),
-    /* @__PURE__ */ jsx49(Text41, { children: environmentId })
+  return /* @__PURE__ */ jsxs39(Box38, { gap: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx51(Text41, { color: PALETTE.muted, children: "Space:" }),
+    /* @__PURE__ */ jsx51(Text41, { children: spaceId }),
+    /* @__PURE__ */ jsx51(Text41, { color: PALETTE.muted, children: "/" }),
+    /* @__PURE__ */ jsx51(Text41, { color: PALETTE.muted, children: "Environment:" }),
+    /* @__PURE__ */ jsx51(Text41, { children: environmentId })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/DoneStep.tsx
-import { Fragment as Fragment15, jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx52, jsxs as jsxs40 } from "react/jsx-runtime";
 var ACTIONS = ["created", "updated", "removed"];
 function EntityRows({ entity, label }) {
   const plural3 = (n) => `${n} ${label}${n !== 1 ? "s" : ""}`;
-  return /* @__PURE__ */ jsxs40(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs40(Fragment17, { children: [
     ACTIONS.filter((action) => entity[action] > 0).map((action) => /* @__PURE__ */ jsxs40(Text42, { children: [
-      /* @__PURE__ */ jsx50(Text42, { color: PALETTE.success, children: "\u2713" }),
+      /* @__PURE__ */ jsx52(Text42, { color: PALETTE.success, children: "\u2713" }),
       " ",
       plural3(entity[action]),
       " ",
@@ -27548,9 +27593,9 @@ function EntityRows({ entity, label }) {
   ] });
 }
 function LinkRow({ title, url }) {
-  return /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: title }),
-    /* @__PURE__ */ jsx50(Text42, { color: PALETTE.accent, children: url })
+  return /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx52(Text42, { color: PALETTE.muted, children: title }),
+    /* @__PURE__ */ jsx52(Text42, { color: PALETTE.accent, children: url })
   ] });
 }
 function DoneStep({
@@ -27574,14 +27619,14 @@ function DoneStep({
   const totalPushed = componentTypes.created + componentTypes.updated + componentTypes.removed + designTokens.created + designTokens.updated + designTokens.removed;
   const success = totalFailed === 0;
   const urlArgs = { host: host ?? "api.contentful.com", spaceId, environmentId };
-  return /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx50(StepHeader, { step: "done" }),
-    /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      success ? /* @__PURE__ */ jsx50(Text42, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx50(Text42, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
-      totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: credentialsSkipped ? "Nothing was pushed \u2014 you skipped the Contentful credentials, so the files were only saved locally." : "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx50(EntityRows, { entity: componentTypes, label: "Component" }),
-        /* @__PURE__ */ jsx50(EntityRows, { entity: designTokens, label: "Design Token" }),
-        summary && /* @__PURE__ */ jsx50(Box40, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
+  return /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx52(StepHeader, { step: "done" }),
+    /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      success ? /* @__PURE__ */ jsx52(Text42, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx52(Text42, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
+      totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx52(Text42, { color: PALETTE.muted, children: credentialsSkipped ? "Nothing was pushed \u2014 you skipped the Contentful credentials, so the files were only saved locally." : "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx52(EntityRows, { entity: componentTypes, label: "Component" }),
+        /* @__PURE__ */ jsx52(EntityRows, { entity: designTokens, label: "Design Token" }),
+        summary && /* @__PURE__ */ jsx52(Box39, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
           "Push result: ",
           summary.succeeded,
           "/",
@@ -27594,8 +27639,8 @@ function DoneStep({
           ] })
         ] }) })
       ] }),
-      failures.length > 0 && /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx50(Text42, { bold: true, color: PALETTE.error, children: "Failure details" }),
+      failures.length > 0 && /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx52(Text42, { bold: true, color: PALETTE.error, children: "Failure details" }),
         failures.map((failure) => /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.error, children: [
           failure.entityType,
           " ",
@@ -27604,11 +27649,11 @@ function DoneStep({
           failure.message
         ] }, `${failure.entityType}:${failure.entityId}`))
       ] }),
-      /* @__PURE__ */ jsx50(SpaceEnvironment, { spaceId, environmentId }),
-      success && totalPushed > 0 && /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", gap: 1, children: [
-        /* @__PURE__ */ jsx50(Text42, { color: PALETTE.success, children: "Your design system is now in Contentful Experiences." }),
-        produced.components && /* @__PURE__ */ jsx50(LinkRow, { title: "View your components here:", url: buildPostPushUrl2(urlArgs) }),
-        produced.tokens && /* @__PURE__ */ jsx50(
+      /* @__PURE__ */ jsx52(SpaceEnvironment, { spaceId, environmentId }),
+      success && totalPushed > 0 && /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", gap: 1, children: [
+        /* @__PURE__ */ jsx52(Text42, { color: PALETTE.success, children: "Your design system is now in Contentful Experiences." }),
+        produced.components && /* @__PURE__ */ jsx52(LinkRow, { title: "View your components here:", url: buildPostPushUrl2(urlArgs) }),
+        produced.tokens && /* @__PURE__ */ jsx52(
           LinkRow,
           {
             title: "View your design tokens here:",
@@ -27616,14 +27661,14 @@ function DoneStep({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx50(ControlHints, { hints: [{ keys: "Enter / q", label: "Exit" }] })
+      /* @__PURE__ */ jsx52(ControlHints, { hints: [{ keys: "Enter / q", label: "Exit" }] })
     ] })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PathPrompt.tsx
 import { useState as useState27 } from "react";
-import { Box as Box41, Text as Text43 } from "ink";
+import { Box as Box40, Text as Text43 } from "ink";
 import { readdirSync as readdirSync3 } from "node:fs";
 import { dirname as dirname16, basename as basename6, join as join20 } from "node:path";
 
@@ -27657,7 +27702,7 @@ function useBlinkingCursor() {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PathPrompt.tsx
-import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs41 } from "react/jsx-runtime";
 function autocomplete(partial) {
   if (!partial) return null;
   const normalized = normalizePath(partial);
@@ -27714,19 +27759,19 @@ function PathPrompt({
   const shown = input || defaultPath;
   const isPlaceholder = input === "";
   const cursor = cursorVisible ? "\u2588" : " ";
-  return /* @__PURE__ */ jsxs41(Box41, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx51(StepHeader, { step: "push" }),
-    /* @__PURE__ */ jsxs41(Box41, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsxs41(Box41, { gap: 1, children: [
-        /* @__PURE__ */ jsx51(Text43, { color: PALETTE.accent, children: "?" }),
+  return /* @__PURE__ */ jsxs41(Box40, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx53(StepHeader, { step: "push" }),
+    /* @__PURE__ */ jsxs41(Box40, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsxs41(Box40, { gap: 1, children: [
+        /* @__PURE__ */ jsx53(Text43, { color: PALETTE.accent, children: "?" }),
         /* @__PURE__ */ jsxs41(Text43, { bold: true, children: [
           label,
           ":"
         ] }),
-        /* @__PURE__ */ jsx51(Text43, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
-        /* @__PURE__ */ jsx51(Text43, { children: cursor })
+        /* @__PURE__ */ jsx53(Text43, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
+        /* @__PURE__ */ jsx53(Text43, { children: cursor })
       ] }),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx53(
         ControlHints,
         {
           hints: [
@@ -27741,7 +27786,7 @@ function PathPrompt({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PushingStep.tsx
-import { Box as Box42, Text as Text44 } from "ink";
+import { Box as Box41, Text as Text44 } from "ink";
 import { ProgressBar as ProgressBar2, ThemeProvider as ThemeProvider2 } from "@inkjs/ui";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/produced.ts
@@ -27759,7 +27804,7 @@ function writtenThings({ components, tokens }) {
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-timed-spinner.tsx
 import { useEffect as useEffect19, useState as useState28 } from "react";
 import { Spinner as Spinner2 } from "@inkjs/ui";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function useTimedSpinner() {
   const [elapsedSeconds, setElapsedSeconds] = useState28(0);
   useEffect19(() => {
@@ -27771,32 +27816,32 @@ function useTimedSpinner() {
   const mins = Math.floor(elapsedSeconds / 60);
   const secs = elapsedSeconds % 60;
   return {
-    spinner: /* @__PURE__ */ jsx52(Spinner2, {}),
+    spinner: /* @__PURE__ */ jsx54(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 jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs42 } from "react/jsx-runtime";
 function PushingStep({ progress, produced }) {
   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__ */ jsxs42(Box42, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx53(StepHeader, { step: "push" }),
-    /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+  return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx55(StepHeader, { step: "push" }),
+    /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
       /* @__PURE__ */ jsxs42(Text44, { children: [
         "Writing ",
         writtenThings(produced),
         " to your Contentful space..."
       ] }),
-      operationId && /* @__PURE__ */ jsxs42(Box42, { gap: 1, children: [
-        /* @__PURE__ */ jsx53(Text44, { color: PALETTE.muted, children: "Operation:" }),
-        /* @__PURE__ */ jsx53(Text44, { children: operationId })
+      operationId && /* @__PURE__ */ jsxs42(Box41, { gap: 1, children: [
+        /* @__PURE__ */ jsx55(Text44, { color: PALETTE.muted, children: "Operation:" }),
+        /* @__PURE__ */ jsx55(Text44, { children: operationId })
       ] }),
-      showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx53(Box42, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs42(Box42, { gap: 2, children: [
-        /* @__PURE__ */ jsx53(Box42, { width: 40, children: /* @__PURE__ */ jsx53(ThemeProvider2, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx53(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
+      showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx55(Box41, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs42(Box41, { gap: 2, children: [
+        /* @__PURE__ */ jsx55(Box41, { width: 40, children: /* @__PURE__ */ jsx55(ThemeProvider2, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx55(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
         /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.muted, children: [
           progress.processed,
           "/",
@@ -27804,11 +27849,11 @@ function PushingStep({ progress, produced }) {
           " entities"
         ] })
       ] }) }),
-      showCurrent && /* @__PURE__ */ jsxs42(Box42, { gap: 1, children: [
-        /* @__PURE__ */ jsx53(Text44, { color: PALETTE.muted, children: "Now processing:" }),
-        /* @__PURE__ */ jsx53(Text44, { children: showCurrent })
+      showCurrent && /* @__PURE__ */ jsxs42(Box41, { gap: 1, children: [
+        /* @__PURE__ */ jsx55(Text44, { color: PALETTE.muted, children: "Now processing:" }),
+        /* @__PURE__ */ jsx55(Text44, { children: showCurrent })
       ] }),
-      /* @__PURE__ */ jsx53(Box42, { marginTop: 1, children: /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.muted, children: [
+      /* @__PURE__ */ jsx55(Box41, { marginTop: 1, children: /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.muted, children: [
         "Elapsed: ",
         elapsed
       ] }) })
@@ -27818,7 +27863,7 @@ function PushingStep({ progress, produced }) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx
 import { useEffect as useEffect20, useState as useState29, useMemo as useMemo5 } from "react";
-import { Box as Box43, Text as Text45 } from "ink";
+import { Box as Box42, Text as Text45 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/preview-diff.ts
 function computeComponentDiffLines(current, proposed, changeClassification) {
@@ -27996,7 +28041,7 @@ function usePreviewConfirmationInput(breakingWithImpact, onConfirm) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx
-import { Fragment as Fragment16, jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx56, jsxs as jsxs43 } from "react/jsx-runtime";
 function buildPreviewSummaryLines(preview) {
   const lines = [];
   const { components, tokens } = preview;
@@ -28248,11 +28293,11 @@ function WizardPreviewStep({
       return;
     }
   });
-  return /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx54(StepHeader, { step: "push" }),
-    /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 2, children: [
-      hasAnything ? /* @__PURE__ */ jsxs43(Fragment16, { children: [
-        /* @__PURE__ */ jsx54(Text45, { children: "Here's what will happen in your space:" }),
+  return /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx56(StepHeader, { step: "push" }),
+    /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 2, children: [
+      hasAnything ? /* @__PURE__ */ jsxs43(Fragment18, { children: [
+        /* @__PURE__ */ jsx56(Text45, { children: "Here's what will happen in your space:" }),
         /* @__PURE__ */ jsxs43(
           WindowedPanel,
           {
@@ -28261,15 +28306,15 @@ function WizardPreviewStep({
             title: diffExpanded ? `Diff (${diffLines.length} lines)` : "",
             focused: false,
             children: [
-              activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx54(Text45, { color: line.color, wrap: "truncate-end", children: line.text }, line.key)),
-              /* @__PURE__ */ jsx54(Text45, { color: PALETTE.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
+              activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx56(Text45, { color: line.color, wrap: "truncate-end", children: line.text }, line.key)),
+              /* @__PURE__ */ jsx56(Text45, { color: PALETTE.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsx54(Text45, { color: PALETTE.muted, children: "Nothing to push \u2014 everything is already up to date." }),
-      breakingWithImpact && /* @__PURE__ */ jsx54(Box43, { marginTop: 1, children: /* @__PURE__ */ jsx54(Text45, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
-      /* @__PURE__ */ jsx54(SpaceEnvironment, { spaceId, environmentId }),
-      /* @__PURE__ */ jsx54(Box43, { marginTop: 1, children: /* @__PURE__ */ jsx54(
+      ] }) : /* @__PURE__ */ jsx56(Text45, { color: PALETTE.muted, children: "Nothing to push \u2014 everything is already up to date." }),
+      breakingWithImpact && /* @__PURE__ */ jsx56(Box42, { marginTop: 1, children: /* @__PURE__ */ jsx56(Text45, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
+      /* @__PURE__ */ jsx56(SpaceEnvironment, { spaceId, environmentId }),
+      /* @__PURE__ */ jsx56(Box42, { marginTop: 1, children: /* @__PURE__ */ jsx56(
         ControlHints,
         {
           hints: [
@@ -28295,7 +28340,7 @@ function buildRunTeaserLine(runId) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs44 } from "react/jsx-runtime";
 function canEditFromPreview(cdf) {
   if (!cdf) return false;
   return parseCDFComponents(cdf).components.length > 0;
@@ -28312,7 +28357,7 @@ function FlowScreen({
   const content = (() => {
     switch (state2.step) {
       case "final-review":
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           GenerateReviewStep,
           {
             extractSessionId: state2.extractSessionId,
@@ -28329,10 +28374,10 @@ function FlowScreen({
           }
         );
       case "previewing":
-        return /* @__PURE__ */ jsx55(RunningStep, { step: "push", description: "Computing diff against your Contentful space..." });
+        return /* @__PURE__ */ jsx57(RunningStep, { step: "push", description: "Computing diff against your Contentful space..." });
       case "preview-gate":
         if (!state2.serverPreview) return null;
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           WizardPreviewStep,
           {
             preview: state2.serverPreview,
@@ -28344,9 +28389,9 @@ function FlowScreen({
           }
         );
       case "pushing":
-        return /* @__PURE__ */ jsx55(PushingStep, { progress: state2.pushProgress, produced });
+        return /* @__PURE__ */ jsx57(PushingStep, { progress: state2.pushProgress, produced });
       case "path-prompt":
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           PathPrompt,
           {
             defaultPath: state2.outDir,
@@ -28355,10 +28400,10 @@ function FlowScreen({
           }
         );
       case "printing":
-        return /* @__PURE__ */ jsx55(RunningStep, { step: "push", description: "Writing output files to disk..." });
+        return /* @__PURE__ */ jsx57(RunningStep, { step: "push", description: "Writing output files to disk..." });
       case "print-gate": {
         const teaser = buildRunTeaserLine(state2.lastRunId);
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           GateStep,
           {
             step: "push",
@@ -28373,7 +28418,7 @@ function FlowScreen({
       }
       case "done": {
         const totalFailed = state2.pushResult.componentTypes.failed + state2.pushResult.designTokens.failed;
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           DoneStep,
           {
             componentTypes: state2.pushResult.componentTypes,
@@ -28390,7 +28435,7 @@ function FlowScreen({
         );
       }
       case "preview-validation-error":
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           PreviewValidationErrorScreen,
           {
             errors: state2.previewValidationErrors,
@@ -28401,7 +28446,7 @@ function FlowScreen({
           }
         );
       case "error":
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           ErrorStep,
           {
             stepName: state2.errorStep,
@@ -28412,8 +28457,8 @@ function FlowScreen({
         );
     }
   })();
-  return /* @__PURE__ */ jsxs44(Box44, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx55(CustomPromptBanner, { generatePromptPath }),
+  return /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx57(CustomPromptBanner, { generatePromptPath }),
     content
   ] });
 }
@@ -29186,7 +29231,7 @@ function useFlow(start, options = {}) {
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
 import { useEffect as useEffect22, useState as useState30 } from "react";
-import { Box as Box45, Text as Text46, useInput as useInput12 } from "ink";
+import { Box as Box44, Text as Text46, useInput as useInput10 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/help/help-info.ts
@@ -29247,13 +29292,13 @@ async function readHelpInfo() {
 }
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
-import { Fragment as Fragment17, jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx58, jsxs as jsxs45 } from "react/jsx-runtime";
 function Section({ title, rows }) {
-  return /* @__PURE__ */ jsxs45(Box45, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx56(Text46, { bold: true, color: PALETTE.accent, children: title }),
-    rows.map((row) => /* @__PURE__ */ jsxs45(Box45, { gap: 1, children: [
-      /* @__PURE__ */ jsx56(Box45, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text46, { color: PALETTE.muted, children: row.label }) }),
-      /* @__PURE__ */ jsx56(Text46, { children: row.value })
+  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx58(Text46, { bold: true, color: PALETTE.accent, children: title }),
+    rows.map((row) => /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
+      /* @__PURE__ */ jsx58(Box44, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx58(Text46, { color: PALETTE.muted, children: row.label }) }),
+      /* @__PURE__ */ jsx58(Text46, { children: row.value })
     ] }, row.label))
   ] });
 }
@@ -29267,7 +29312,7 @@ function HelpScreen({ onDone }) {
     void finishDebugRun({ outputs: {}, status: "success", exitMethod });
     onDone();
   };
-  useInput12((input, key) => {
+  useInput10((input, key) => {
     if (key.return) {
       leave("saved");
       return;
@@ -29277,14 +29322,14 @@ function HelpScreen({ onDone }) {
       return;
     }
   });
-  return /* @__PURE__ */ jsxs45(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
-    /* @__PURE__ */ jsx56(Text46, { bold: true, children: "Help" }),
-    info ? /* @__PURE__ */ jsxs45(Fragment17, { children: [
-      /* @__PURE__ */ jsx56(Section, { title: "Where things are stored", rows: info.storage }),
-      /* @__PURE__ */ jsx56(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
-      /* @__PURE__ */ jsx56(Text46, { color: PALETTE.muted, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
-    ] }) : /* @__PURE__ */ jsx56(Text46, { color: PALETTE.accent, children: "Loading..." }),
-    /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx58(Text46, { bold: true, children: "Help" }),
+    info ? /* @__PURE__ */ jsxs45(Fragment19, { children: [
+      /* @__PURE__ */ jsx58(Section, { title: "Where things are stored", rows: info.storage }),
+      /* @__PURE__ */ jsx58(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
+      /* @__PURE__ */ jsx58(Text46, { color: PALETTE.muted, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
+    ] }) : /* @__PURE__ */ jsx58(Text46, { color: PALETTE.accent, children: "Loading..." }),
+    /* @__PURE__ */ jsx58(
       ControlHints,
       {
         hints: [
@@ -29298,8 +29343,8 @@ function HelpScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/PageContainer.tsx
 import { useState as useState31 } from "react";
-import { Box as Box46, Text as Text47, useInput as useInput13 } from "ink";
-import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Box as Box45, Text as Text47, useInput as useInput11 } from "ink";
+import { jsx as jsx59, jsxs as jsxs46 } from "react/jsx-runtime";
 function SettingsScreen({
   onNavigate,
   onBack
@@ -29310,7 +29355,7 @@ function SettingsScreen({
     { label: "Opt-in Analytics", screen: "settings-opt-in-analytics" },
     { label: "Debug Mode", screen: "settings-debug-mode" }
   ];
-  useInput13((input, key) => {
+  useInput11((input, key) => {
     if (key.upArrow) {
       setFocusIdx((i) => (i - 1 + items.length) % items.length);
       return;
@@ -29330,15 +29375,15 @@ function SettingsScreen({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsxs46(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx57(Text47, { bold: true, children: "Settings" }),
-    /* @__PURE__ */ jsx57(Text47, { color: PALETTE.muted, children: " " }),
+  return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx59(Text47, { bold: true, children: "Settings" }),
+    /* @__PURE__ */ jsx59(Text47, { color: PALETTE.muted, children: " " }),
     items.map((item, i) => /* @__PURE__ */ jsxs46(Text47, { color: i === focusIdx ? PALETTE.accent : void 0, children: [
       i === focusIdx ? "> " : "  ",
       item.label
     ] }, item.label)),
-    /* @__PURE__ */ jsx57(Text47, { children: " " }),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx59(Text47, { children: " " }),
+    /* @__PURE__ */ jsx59(
       ControlHints,
       {
         hints: [
@@ -29353,11 +29398,11 @@ function SettingsScreen({
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/ConfigurationScreen.tsx
 import { useState as useState35 } from "react";
-import { Box as Box50, Text as Text52, useInput as useInput16 } from "ink";
+import { Box as Box49, Text as Text52, useInput as useInput14 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentsScreen.tsx
 import { useEffect as useEffect24, useRef as useRef15, useState as useState33 } from "react";
-import { Box as Box48, Text as Text50, useInput as useInput14 } from "ink";
+import { Box as Box47, Text as Text50, useInput as useInput12 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/settings/shared/debug-trail.ts
@@ -29686,11 +29731,11 @@ async function writeAgentConfig(config) {
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx
 import { useEffect as useEffect23, useState as useState32 } from "react";
-import { Box as Box47, Text as Text49 } from "ink";
+import { Box as Box46, Text as Text49 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentStatusBadge.tsx
 import { Text as Text48 } from "ink";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var TONE_COLOR = {
   ok: PALETTE.success,
   bad: PALETTE.error,
@@ -29702,7 +29747,7 @@ function AgentStatusBadge({
   binary
 }) {
   const { symbol, text, tone } = LIST_STATUS[checks ? statusFromChecks(name, checks, binary) : "checking"];
-  return /* @__PURE__ */ jsx58(Text48, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
+  return /* @__PURE__ */ jsx60(Text48, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/apply-binary-overrides.ts
@@ -29724,16 +29769,16 @@ function applyBinaryOverrides(config) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx
-import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
 var fields = (name) => [
   { key: "binary", label: "Command path", hint: `(empty: \`${AGENT_BINARIES[name]}\` from the PATH)` },
   { key: "model", label: "Model", hint: `(empty: ${defaultModelLabel(name)})` }
 ];
 var INSPECT_DELAY_MS = 400;
 function StatusHeading() {
-  return /* @__PURE__ */ jsxs47(Box47, { gap: 1, children: [
-    /* @__PURE__ */ jsx59(Text49, { bold: true, color: PALETTE.muted, children: "STATUS" }),
-    /* @__PURE__ */ jsx59(Text49, { color: PALETTE.muted, children: "\xB7 read only" })
+  return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
+    /* @__PURE__ */ jsx61(Text49, { bold: true, color: PALETTE.muted, children: "STATUS" }),
+    /* @__PURE__ */ jsx61(Text49, { color: PALETTE.muted, children: "\xB7 read only" })
   ] });
 }
 function AgentDetail({
@@ -29796,7 +29841,7 @@ function AgentDetail({
   };
   const formFields = fields(name);
   const labelWidth = formLabelWidth([...formFields, action]);
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     FieldForm,
     {
       title: `Settings \u203A Configuration \u203A Agents \u203A ${AGENT_LABELS[name]}`,
@@ -29813,16 +29858,16 @@ function AgentDetail({
       actions: [action],
       notice: testing ? null : notice,
       busy: saving || testing,
-      children: /* @__PURE__ */ jsxs47(Box47, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx59(StatusHeading, {}),
-        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx59(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx59(Text49, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
+      children: /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsx61(StatusHeading, {}),
+        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx61(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx61(Text49, { 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 jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
 var NAME_WIDTH = 16;
 var PANEL_LABEL_WIDTH = "Command".length;
 function AgentsScreen({ onDone }) {
@@ -29900,7 +29945,7 @@ function AgentsScreen({ onDone }) {
       setNotice({ kind: "error", text: `Default agent not changed: ${visit.error}` });
     }).finally(() => setSaving(false));
   };
-  useInput14((input, key) => {
+  useInput12((input, key) => {
     if (loadError && (key.escape || input === "q")) {
       endVisit(null);
       onDone();
@@ -29932,21 +29977,21 @@ function AgentsScreen({ onDone }) {
     }
   });
   if (!config) {
-    return /* @__PURE__ */ jsxs48(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx60(Text50, { bold: true, children: "Settings \u203A Configuration \u203A Agents" }),
-      /* @__PURE__ */ jsx60(Text50, { children: " " }),
-      loadError ? /* @__PURE__ */ jsxs48(Fragment18, { children: [
+    return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx62(Text50, { bold: true, children: "Settings \u203A Configuration \u203A Agents" }),
+      /* @__PURE__ */ jsx62(Text50, { children: " " }),
+      loadError ? /* @__PURE__ */ jsxs48(Fragment20, { 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__ */ jsx62(Text50, { children: " " }),
+        /* @__PURE__ */ jsx62(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
+      ] }) : /* @__PURE__ */ jsx62(Text50, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
   if (open) {
-    return /* @__PURE__ */ jsx60(
+    return /* @__PURE__ */ jsx62(
       AgentDetail,
       {
         name: open,
@@ -29967,48 +30012,48 @@ function AgentsScreen({ onDone }) {
     );
   }
   const focusedAgent = AGENT_NAMES[focus];
-  return /* @__PURE__ */ jsxs48(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx60(Text50, { bold: true, children: "Settings \u203A Configuration \u203A Agents" }),
-    /* @__PURE__ */ jsx60(Text50, { children: " " }),
-    /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
-    /* @__PURE__ */ jsx60(Text50, { children: " " }),
-    /* @__PURE__ */ jsxs48(Box48, { gap: 1, children: [
-      /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "Default agent" }),
-      /* @__PURE__ */ jsx60(Text50, { bold: true, children: AGENT_LABELS[config.defaultAgent] }),
-      saving && /* @__PURE__ */ jsx60(Text50, { color: PALETTE.accent, children: "\u2026 saving" })
+  return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx62(Text50, { bold: true, children: "Settings \u203A Configuration \u203A Agents" }),
+    /* @__PURE__ */ jsx62(Text50, { children: " " }),
+    /* @__PURE__ */ jsx62(Text50, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
+    /* @__PURE__ */ jsx62(Text50, { children: " " }),
+    /* @__PURE__ */ jsxs48(Box47, { gap: 1, children: [
+      /* @__PURE__ */ jsx62(Text50, { color: PALETTE.muted, children: "Default agent" }),
+      /* @__PURE__ */ jsx62(Text50, { bold: true, children: AGENT_LABELS[config.defaultAgent] }),
+      saving && /* @__PURE__ */ jsx62(Text50, { color: PALETTE.accent, children: "\u2026 saving" })
     ] }),
-    /* @__PURE__ */ jsxs48(Box48, { marginTop: 1, gap: 1, children: [
-      /* @__PURE__ */ jsx60(Text50, { children: " " }),
-      /* @__PURE__ */ jsx60(Text50, { children: " " }),
-      /* @__PURE__ */ jsx60(Box48, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "AGENT" }) }),
-      /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "STATUS" })
+    /* @__PURE__ */ jsxs48(Box47, { marginTop: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx62(Text50, { children: " " }),
+      /* @__PURE__ */ jsx62(Text50, { children: " " }),
+      /* @__PURE__ */ jsx62(Box47, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx62(Text50, { color: PALETTE.muted, children: "AGENT" }) }),
+      /* @__PURE__ */ jsx62(Text50, { color: PALETTE.muted, children: "STATUS" })
     ] }),
     AGENT_NAMES.map((name) => {
       const isFocused = focusedAgent === name;
-      return /* @__PURE__ */ jsxs48(Box48, { gap: 1, children: [
-        /* @__PURE__ */ jsx60(Text50, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " }),
-        /* @__PURE__ */ jsx60(Text50, { color: PALETTE.success, children: name === config.defaultAgent ? "\u2605" : " " }),
-        /* @__PURE__ */ jsx60(Box48, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text50, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
-        /* @__PURE__ */ jsx60(AgentStatusBadge, { name, checks: checks[name], binary: config.agents[name].binary })
+      return /* @__PURE__ */ jsxs48(Box47, { gap: 1, children: [
+        /* @__PURE__ */ jsx62(Text50, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " }),
+        /* @__PURE__ */ jsx62(Text50, { color: PALETTE.success, children: name === config.defaultAgent ? "\u2605" : " " }),
+        /* @__PURE__ */ jsx62(Box47, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx62(Text50, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
+        /* @__PURE__ */ jsx62(AgentStatusBadge, { name, checks: checks[name], binary: config.agents[name].binary })
       ] }, name);
     }),
-    /* @__PURE__ */ jsxs48(Box48, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
-      panelRows(focusedAgent, checks[focusedAgent], config.agents[focusedAgent]).map((row) => /* @__PURE__ */ jsxs48(Box48, { gap: 1, paddingLeft: 1, children: [
-        /* @__PURE__ */ jsx60(Box48, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: row.label }) }),
-        /* @__PURE__ */ jsx60(Text50, { color: TONE_COLOR[row.tone], children: row.value })
+    /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx62(Text50, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
+      panelRows(focusedAgent, checks[focusedAgent], config.agents[focusedAgent]).map((row) => /* @__PURE__ */ jsxs48(Box47, { gap: 1, paddingLeft: 1, children: [
+        /* @__PURE__ */ jsx62(Box47, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx62(Text50, { color: PALETTE.muted, children: row.label }) }),
+        /* @__PURE__ */ jsx62(Text50, { color: TONE_COLOR[row.tone], children: row.value })
       ] }, row.label))
     ] }),
-    notice && /* @__PURE__ */ jsxs48(Fragment18, { children: [
-      /* @__PURE__ */ jsx60(Text50, { children: " " }),
+    notice && /* @__PURE__ */ jsxs48(Fragment20, { children: [
+      /* @__PURE__ */ jsx62(Text50, { children: " " }),
       /* @__PURE__ */ jsxs48(Text50, { bold: true, color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
       ] })
     ] }),
-    /* @__PURE__ */ jsx60(Text50, { children: " " }),
-    /* @__PURE__ */ jsx60(
+    /* @__PURE__ */ jsx62(Text50, { children: " " }),
+    /* @__PURE__ */ jsx62(
       ControlHints,
       {
         hints: [
@@ -30024,7 +30069,7 @@ function AgentsScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
 import { useEffect as useEffect25, useRef as useRef16, useState as useState34 } from "react";
-import { Box as Box49, Text as Text51, useInput as useInput15 } from "ink";
+import { Box as Box48, Text as Text51, useInput as useInput13 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/project-store.ts
@@ -30053,7 +30098,7 @@ async function writeCredentials(config) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
-import { Fragment as Fragment19, jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
 var FIELDS3 = [
   { key: "spaceId", label: "Space ID" },
   { key: "environmentId", label: "Environment ID" },
@@ -30126,24 +30171,24 @@ function ProjectScreen({ onDone }) {
       exitMethod: change.changed ? "saved" : "discarded"
     });
   };
-  useInput15((input, key) => {
+  useInput13((input, key) => {
     if (!config && loadError && (key.escape || input === "q")) {
       endVisit(null);
       onDone();
     }
   });
   if (!config) {
-    return /* @__PURE__ */ jsxs49(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx61(Text51, { bold: true, children: "Settings \u203A Configuration \u203A Project" }),
-      /* @__PURE__ */ jsx61(Text51, { children: " " }),
-      loadError ? /* @__PURE__ */ jsxs49(Fragment19, { children: [
+    return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx63(Text51, { bold: true, children: "Settings \u203A Configuration \u203A Project" }),
+      /* @__PURE__ */ jsx63(Text51, { children: " " }),
+      loadError ? /* @__PURE__ */ jsxs49(Fragment21, { children: [
         /* @__PURE__ */ jsxs49(Text51, { color: PALETTE.error, children: [
           "\u2717 Could not read the settings: ",
           loadError
         ] }),
-        /* @__PURE__ */ jsx61(Text51, { children: " " }),
-        /* @__PURE__ */ jsx61(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
-      ] }) : /* @__PURE__ */ jsx61(Text51, { color: PALETTE.accent, children: "Loading..." })
+        /* @__PURE__ */ jsx63(Text51, { children: " " }),
+        /* @__PURE__ */ jsx63(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
+      ] }) : /* @__PURE__ */ jsx63(Text51, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
   const save = () => {
@@ -30164,7 +30209,7 @@ function ProjectScreen({ onDone }) {
     endVisit(config);
     onDone();
   };
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx63(
     FieldForm,
     {
       title: "Settings \u203A Configuration \u203A Project",
@@ -30186,7 +30231,7 @@ function ProjectScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/ConfigurationScreen.tsx
-import { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs50 } from "react/jsx-runtime";
 var SECTIONS = [
   {
     id: "project",
@@ -30199,7 +30244,7 @@ function ConfigurationScreen({ onDone }) {
   const [focus, setFocus] = useState35(0);
   const [open, setOpen] = useState35(null);
   const close = () => setOpen(null);
-  useInput16((input, key) => {
+  useInput14((input, key) => {
     if (open) return;
     if (key.upArrow) {
       setFocus((i) => (i - 1 + SECTIONS.length) % SECTIONS.length);
@@ -30215,18 +30260,18 @@ function ConfigurationScreen({ onDone }) {
     }
     if (key.escape || input === "q") onDone();
   });
-  if (open === "project") return /* @__PURE__ */ jsx62(ProjectScreen, { onDone: close });
-  if (open === "agents") return /* @__PURE__ */ jsx62(AgentsScreen, { onDone: close });
-  return /* @__PURE__ */ jsxs50(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx62(Text52, { bold: true, children: "Settings \u203A Configuration" }),
-    /* @__PURE__ */ jsx62(Text52, { children: " " }),
-    SECTIONS.map((section, index) => /* @__PURE__ */ jsxs50(Box50, { gap: 1, children: [
-      /* @__PURE__ */ jsx62(Text52, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
-      /* @__PURE__ */ jsx62(Box50, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx62(Text52, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
-      /* @__PURE__ */ jsx62(Text52, { color: PALETTE.muted, children: section.description })
+  if (open === "project") return /* @__PURE__ */ jsx64(ProjectScreen, { onDone: close });
+  if (open === "agents") return /* @__PURE__ */ jsx64(AgentsScreen, { onDone: close });
+  return /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx64(Text52, { bold: true, children: "Settings \u203A Configuration" }),
+    /* @__PURE__ */ jsx64(Text52, { children: " " }),
+    SECTIONS.map((section, index) => /* @__PURE__ */ jsxs50(Box49, { gap: 1, children: [
+      /* @__PURE__ */ jsx64(Text52, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
+      /* @__PURE__ */ jsx64(Box49, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx64(Text52, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
+      /* @__PURE__ */ jsx64(Text52, { color: PALETTE.muted, children: section.description })
     ] }, section.id)),
-    /* @__PURE__ */ jsx62(Text52, { children: " " }),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx64(Text52, { children: " " }),
+    /* @__PURE__ */ jsx64(
       ControlHints,
       {
         hints: [
@@ -30241,7 +30286,7 @@ function ConfigurationScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
 import { useEffect as useEffect26, useState as useState36 } from "react";
-import { Box as Box51, Text as Text53, useInput as useInput17 } from "ink";
+import { Box as Box50, Text as Text53, useInput as useInput15 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/analytics-store.ts
 async function readAnalyticsSetting() {
@@ -30260,7 +30305,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 jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx65, jsxs as jsxs51 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
   const [loading, setLoading] = useState36(true);
   const [enabled, setEnabled] = useState36(true);
@@ -30276,7 +30321,7 @@ function OptInAnalyticsScreen({ onDone }) {
       });
     });
   }, []);
-  useInput17((input, key) => {
+  useInput15((input, key) => {
     if (loading) return;
     if (key.return || input === " ") {
       setEnabled((current) => {
@@ -30291,21 +30336,21 @@ function OptInAnalyticsScreen({ onDone }) {
       onDone();
     }
   });
-  return /* @__PURE__ */ jsxs51(Box51, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx63(Text53, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
-    /* @__PURE__ */ jsx63(Text53, { children: " " }),
-    loading ? /* @__PURE__ */ jsx63(Text53, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs51(Fragment20, { children: [
+  return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx65(Text53, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
+    /* @__PURE__ */ jsx65(Text53, { children: " " }),
+    loading ? /* @__PURE__ */ jsx65(Text53, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs51(Fragment22, { children: [
       /* @__PURE__ */ jsxs51(Text53, { children: [
         "Share anonymous usage data:",
         " ",
-        /* @__PURE__ */ jsx63(Text53, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx65(Text53, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsx63(Text53, { children: " " }),
-      /* @__PURE__ */ jsx63(Text53, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
-      /* @__PURE__ */ jsx63(Text53, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
+      /* @__PURE__ */ jsx65(Text53, { children: " " }),
+      /* @__PURE__ */ jsx65(Text53, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
+      /* @__PURE__ */ jsx65(Text53, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
     ] }),
-    /* @__PURE__ */ jsx63(Text53, { children: " " }),
-    /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx65(Text53, { children: " " }),
+    /* @__PURE__ */ jsx65(
       ControlHints,
       {
         hints: [
@@ -30319,10 +30364,10 @@ function OptInAnalyticsScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
 import { useEffect as useEffect27, useRef as useRef17, useState as useState37 } from "react";
-import { Box as Box52, Text as Text54, useInput as useInput18 } from "ink";
+import { Box as Box51, Text as Text54, useInput as useInput16 } from "ink";
 init_debug_mode_store();
 init_debug_store();
-import { Fragment as Fragment21, jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx66, jsxs as jsxs52 } from "react/jsx-runtime";
 var ROWS = ["enabled", "retentionDays"];
 var snapshotOf2 = (setting) => ({
   enabled: String(setting.enabled),
@@ -30376,7 +30421,7 @@ function DebugModeScreen({ onDone }) {
       exitMethod: change.changed ? "saved" : "discarded"
     });
   };
-  useInput18((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]);
@@ -30403,24 +30448,24 @@ function DebugModeScreen({ onDone }) {
       onDone();
     }
   });
-  const marker = (row) => /* @__PURE__ */ jsx64(Text54, { color: focus === row ? PALETTE.accent : void 0, children: focus === row ? "\u276F" : " " });
-  const label = (row, text) => /* @__PURE__ */ jsx64(Text54, { bold: focus === row, color: focus === row ? PALETTE.accent : PALETTE.muted, children: text });
-  return /* @__PURE__ */ jsxs52(Box52, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx64(Text54, { bold: true, children: "Settings \u203A Debug Mode" }),
-    /* @__PURE__ */ jsx64(Text54, { children: " " }),
-    setting ? /* @__PURE__ */ jsxs52(Fragment21, { children: [
-      /* @__PURE__ */ jsxs52(Box52, { gap: 1, children: [
+  const marker = (row) => /* @__PURE__ */ jsx66(Text54, { color: focus === row ? PALETTE.accent : void 0, children: focus === row ? "\u276F" : " " });
+  const label = (row, text) => /* @__PURE__ */ jsx66(Text54, { bold: focus === row, color: focus === row ? PALETTE.accent : PALETTE.muted, children: text });
+  return /* @__PURE__ */ jsxs52(Box51, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx66(Text54, { bold: true, children: "Settings \u203A Debug Mode" }),
+    /* @__PURE__ */ jsx66(Text54, { children: " " }),
+    setting ? /* @__PURE__ */ jsxs52(Fragment23, { children: [
+      /* @__PURE__ */ jsxs52(Box51, { gap: 1, children: [
         marker("enabled"),
         label("enabled", "Debug logging:"),
-        /* @__PURE__ */ jsx64(Text54, { bold: true, color: setting.enabled ? PALETTE.success : PALETTE.muted, children: setting.enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx66(Text54, { bold: true, color: setting.enabled ? PALETTE.success : PALETTE.muted, children: setting.enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsxs52(Box52, { gap: 1, children: [
+      /* @__PURE__ */ jsxs52(Box51, { gap: 1, children: [
         marker("retentionDays"),
         label("retentionDays", "Delete logs after:"),
         RETENTION_CHOICES.map((days) => {
           const highlighted = focus === "retentionDays" && days === pending;
           const saved = days === setting.retentionDays;
-          return /* @__PURE__ */ jsx64(
+          return /* @__PURE__ */ jsx66(
             Text54,
             {
               bold: highlighted || saved,
@@ -30432,15 +30477,15 @@ function DebugModeScreen({ onDone }) {
           );
         })
       ] }),
-      /* @__PURE__ */ jsx64(Text54, { children: " " }),
+      /* @__PURE__ */ jsx66(Text54, { children: " " }),
       notice ? /* @__PURE__ */ jsxs52(Text54, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
-      ] }) : /* @__PURE__ */ jsx64(Text54, { color: PALETTE.muted, children: "\u2713 marks what is saved. Older logs are deleted the next time the CLI starts." })
-    ] }) : /* @__PURE__ */ jsx64(Text54, { color: PALETTE.muted, children: "Loading\u2026" }),
-    /* @__PURE__ */ jsx64(Text54, { children: " " }),
-    /* @__PURE__ */ jsx64(
+      ] }) : /* @__PURE__ */ jsx66(Text54, { color: PALETTE.muted, children: "\u2713 marks what is saved. Older logs are deleted the next time the CLI starts." })
+    ] }) : /* @__PURE__ */ jsx66(Text54, { color: PALETTE.muted, children: "Loading\u2026" }),
+    /* @__PURE__ */ jsx66(Text54, { children: " " }),
+    /* @__PURE__ */ jsx66(
       ControlHints,
       {
         hints: [
@@ -30457,7 +30502,7 @@ function DebugModeScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/app.tsx
-import { Fragment as Fragment22, jsx as jsx65 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx67 } from "react/jsx-runtime";
 function App({ importOptions, inkClear }) {
   const [screen, setScreen] = useState38("start");
   const [importExitCode, setImportExitCode] = useState38();
@@ -30648,9 +30693,9 @@ function App({ importOptions, inkClear }) {
   };
   switch (screen) {
     case "import":
-      if (showImportResult) return /* @__PURE__ */ jsx65(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
+      if (showImportResult) return /* @__PURE__ */ jsx67(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
       if (flow && flowStart) {
-        return /* @__PURE__ */ jsx65(
+        return /* @__PURE__ */ jsx67(
           FlowScreen,
           {
             state: flow.state,
@@ -30660,15 +30705,15 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      if (importDefaults === void 0) return /* @__PURE__ */ jsx65(Fragment22, {});
+      if (importDefaults === void 0) return /* @__PURE__ */ jsx67(Fragment24, {});
       if (target === void 0) {
-        return /* @__PURE__ */ jsx65(PreflightScreen, { onChoose: setTarget, onQuit: leaveImport });
+        return /* @__PURE__ */ jsx67(PreflightScreen, { onChoose: setTarget, onQuit: leaveImport });
       }
       const inputStep = currentInputStep(target, answers);
       if (!extractionRun && !tokensOnlyRun && inputStep !== "credentials") {
         switch (inputStep) {
           case "project":
-            return /* @__PURE__ */ jsx65(
+            return /* @__PURE__ */ jsx67(
               WelcomeScreen,
               {
                 onContinue: (projectPath) => answer({ projectPath }),
@@ -30677,7 +30722,7 @@ function App({ importOptions, inkClear }) {
               }
             );
           case "token-file":
-            return /* @__PURE__ */ jsx65(
+            return /* @__PURE__ */ jsx67(
               TokenInputScreen,
               {
                 initialPath: importDefaults.tokenFile,
@@ -30686,7 +30731,7 @@ function App({ importOptions, inkClear }) {
               }
             );
           case "path-validation":
-            return /* @__PURE__ */ jsx65(
+            return /* @__PURE__ */ jsx67(
               PathValidationScreen,
               {
                 projectPath: answers.projectPath ?? "",
@@ -30700,9 +30745,9 @@ function App({ importOptions, inkClear }) {
       }
       if (tokensOnlyRun) {
         if (tokensOnly?.status === "done" && !tokensOnly.result.ok) {
-          return /* @__PURE__ */ jsx65(ErrorStep, { stepName: tokensOnly.result.step, message: tokensOnly.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx67(ErrorStep, { stepName: tokensOnly.result.step, message: tokensOnly.result.message, onExit: leaveImport });
         }
-        return /* @__PURE__ */ jsx65(
+        return /* @__PURE__ */ jsx67(
           RunningStep,
           {
             step: "generation",
@@ -30713,19 +30758,19 @@ function App({ importOptions, inkClear }) {
       }
       if (extractionRun) {
         if (extraction?.status === "done" && !extraction.result.ok) {
-          return /* @__PURE__ */ jsx65(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx67(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
         }
         if (extraction?.status === "running") {
-          return /* @__PURE__ */ jsx65(ExtractionScreen, { progress: extraction.progress, agent: extractionRun.input.agent });
+          return /* @__PURE__ */ jsx67(ExtractionScreen, { progress: extraction.progress, agent: extractionRun.input.agent });
         }
-        return /* @__PURE__ */ jsx65(Fragment22, {});
+        return /* @__PURE__ */ jsx67(Fragment24, {});
       }
       if (scopeRun && scopeFlow) {
         if (scopeFlow.status === "failed") {
-          return /* @__PURE__ */ jsx65(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx67(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
         }
         if (scopeFlow.status === "deciding") {
-          return /* @__PURE__ */ jsx65(
+          return /* @__PURE__ */ jsx67(
             ScopeGateScreen,
             {
               components: scopeFlow.load.components,
@@ -30735,10 +30780,10 @@ function App({ importOptions, inkClear }) {
           );
         }
         if (generation?.status === "done" && !generation.result.ok) {
-          return /* @__PURE__ */ jsx65(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx67(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
         }
         if (generation?.status === "running") {
-          return /* @__PURE__ */ jsx65(
+          return /* @__PURE__ */ jsx67(
             GenerationScreen,
             {
               progress: generation.progress,
@@ -30748,9 +30793,9 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx65(Fragment22, {});
+        return /* @__PURE__ */ jsx67(Fragment24, {});
       }
-      return /* @__PURE__ */ jsx65(
+      return /* @__PURE__ */ jsx67(
         CredentialsScreen,
         {
           initial: importDefaults.credentials,
@@ -30760,17 +30805,17 @@ function App({ importOptions, inkClear }) {
         }
       );
     case "help":
-      return /* @__PURE__ */ jsx65(HelpScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx67(HelpScreen, { onDone: goToStart });
     case "settings":
-      return /* @__PURE__ */ jsx65(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
+      return /* @__PURE__ */ jsx67(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
     case "settings-configuration":
-      return /* @__PURE__ */ jsx65(ConfigurationScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx67(ConfigurationScreen, { onDone: goToSettings });
     case "settings-opt-in-analytics":
-      return /* @__PURE__ */ jsx65(OptInAnalyticsScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx67(OptInAnalyticsScreen, { onDone: goToSettings });
     case "settings-debug-mode":
-      return /* @__PURE__ */ jsx65(DebugModeScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx67(DebugModeScreen, { onDone: goToSettings });
     case "start":
-      return /* @__PURE__ */ jsx65(HomeScreen, { onNavigate: setScreen });
+      return /* @__PURE__ */ jsx67(HomeScreen, { onNavigate: setScreen });
   }
 }
 async function runApp(renderApp, importOptions) {
@@ -30778,7 +30823,7 @@ async function runApp(renderApp, importOptions) {
     instance.clear?.();
     process.stdout.write("\x1B[H\x1B[0J");
   };
-  const instance = renderApp(/* @__PURE__ */ jsx65(App, { importOptions, inkClear }));
+  const instance = renderApp(/* @__PURE__ */ jsx67(App, { importOptions, inkClear }));
   await instance.waitUntilExit();
 }
 export {