@contentful/experience-design-system-cli 2.37.1-dev-build-c299dd61.0 → 2.37.1-dev-build-2aacedbd.0

package/dist/index.js

@@ -19981,109 +19981,441 @@ var init_ClearableTextInput = __esm({
   }
 });
 
-// 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
+  ] });
 }
-var init_logic5 = __esm({
-  "packages/experience-design-system-cli/src/tui/import/steps/01-welcome/logic.ts"() {
+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 }
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+var init_FieldForm = __esm({
+  "packages/experience-design-system-cli/src/tui/shared/components/FieldForm.tsx"() {
     "use strict";
+    init_theme();
+    init_ControlHints();
+    init_ClearableTextInput();
   }
 });
 
-// packages/experience-design-system-cli/src/tui/import/steps/01-welcome/controls.ts
-import { useInput as useInput7 } from "ink";
-function useWelcomeControls(onQuit) {
-  useInput7((_input, key) => {
-    if (shouldQuit(key)) onQuit();
+// 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";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function MenuScreen({
+  title,
+  subtitle,
+  menu,
+  rows = [],
+  onChoose,
+  onEscape,
+  dataTitle = "Details",
+  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, color: PALETTE.text, children: title }),
+      /* @__PURE__ */ jsx12(Text11, { children: " " }),
+      subtitle && /* @__PURE__ */ jsxs11(Fragment2, { children: [
+        /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: subtitle }),
+        /* @__PURE__ */ jsx12(Text11, { children: " " })
+      ] }),
+      /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.accent, children: "ACTIONS" }),
+      menu.map((item, index) => {
+        const focused = index === focus;
+        return /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+          /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.accent, children: focused ? "\u276F" : " " }),
+          /* @__PURE__ */ jsx12(Box11, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text11, { bold: focused, color: focused ? PALETTE.accent : PALETTE.text, children: item.label }) }),
+          /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: item.description })
+        ] }, item.choice);
+      }),
+      (rows.length > 0 || children) && /* @__PURE__ */ jsxs11(
+        Box11,
+        {
+          flexDirection: "column",
+          marginTop: 1,
+          borderStyle: "single",
+          borderColor: PALETTE.border,
+          borderBottom: false,
+          borderLeft: false,
+          borderRight: false,
+          children: [
+            /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.muted, children: dataTitle.toUpperCase() }),
+            rows.map((row) => /* @__PURE__ */ jsx12(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx12(Text11, { color: row.value ? PALETTE.text : PALETTE.muted, children: row.value || "(empty)" }) }, row.label)),
+            children
+          ]
+        }
+      )
+    ] })
+  ] });
 }
-var WELCOME_CONTROLS;
-var init_controls4 = __esm({
-  "packages/experience-design-system-cli/src/tui/import/steps/01-welcome/controls.ts"() {
+var init_MenuScreen = __esm({
+  "packages/experience-design-system-cli/src/tui/shared/components/MenuScreen.tsx"() {
     "use strict";
-    init_logic5();
-    WELCOME_CONTROLS = [
-      { keys: "Enter", label: "Continue" },
-      { keys: "Ctrl+D", label: "Clear" },
-      { keys: "Esc", label: "Back" }
-    ];
+    init_theme();
+    init_FieldForm();
+    init_StepHeader();
   }
 });
 
-// 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";
-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 { useState as useState7 } from "react";
+import { Box as Box12, Text as Text12, useInput as useInput9 } from "ink";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+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" }
+          ]
+        }
+      )
     ] })
   ] });
 }
-var init_screen2 = __esm({
-  "packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx"() {
+var MENU;
+var init_PathStepScreen = __esm({
+  "packages/experience-design-system-cli/src/tui/shared/components/PathStepScreen.tsx"() {
     "use strict";
     init_theme();
     init_ClearableTextInput();
-    init_controls4();
-    init_logic5();
     init_ControlHints();
+    init_MenuScreen();
     init_StepHeader();
+    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" }
+    ];
   }
 });
 
-// packages/experience-design-system-cli/src/tui/import/steps/02-token-input/logic.ts
-function shouldGoBack(key) {
-  return key.escape;
+// packages/experience-design-system-cli/src/tui/import/steps/01-welcome/logic.ts
+function toProjectPath(value) {
+  const projectPath = value.trim();
+  return projectPath === "" ? null : projectPath;
 }
-function toTokenPath(value) {
-  const tokenPath = value.trim();
-  return tokenPath === "" ? null : tokenPath;
+var init_logic5 = __esm({
+  "packages/experience-design-system-cli/src/tui/import/steps/01-welcome/logic.ts"() {
+    "use strict";
+  }
+});
+
+// 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
+    }
+  );
 }
-var init_logic6 = __esm({
-  "packages/experience-design-system-cli/src/tui/import/steps/02-token-input/logic.ts"() {
+var init_screen2 = __esm({
+  "packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx"() {
     "use strict";
+    init_PathStepScreen();
+    init_logic5();
   }
 });
 
-// packages/experience-design-system-cli/src/tui/import/steps/02-token-input/controls.ts
-import { useInput as useInput8 } from "ink";
-function useTokenInputControls(onBack) {
-  useInput8((_input, key) => {
-    if (shouldGoBack(key)) onBack();
-  });
+// packages/experience-design-system-cli/src/tui/import/steps/02-token-input/logic.ts
+function toTokenPath(value) {
+  const tokenPath = value.trim();
+  return tokenPath === "" ? null : tokenPath;
 }
-var TOKEN_INPUT_CONTROLS;
-var init_controls5 = __esm({
-  "packages/experience-design-system-cli/src/tui/import/steps/02-token-input/controls.ts"() {
+var init_logic6 = __esm({
+  "packages/experience-design-system-cli/src/tui/import/steps/02-token-input/logic.ts"() {
     "use strict";
-    init_logic6();
-    TOKEN_INPUT_CONTROLS = [
-      { keys: "Enter", label: "Continue" },
-      { keys: "Ctrl+D", label: "Clear" },
-      { keys: "Esc", label: "Back" }
-    ];
   }
 });
 
@@ -20136,63 +20468,52 @@ var init_validate_path = __esm({
 });
 
 // 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";
-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 }) })
-    ] })
-  ] });
+  );
 }
 var init_screen3 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx"() {
     "use strict";
-    init_theme();
-    init_ClearableTextInput();
-    init_controls5();
+    init_PathStepScreen();
     init_logic6();
     init_validate_path();
-    init_ControlHints();
-    init_StepHeader();
+  }
+});
+
+// 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 };
+}
+var init_scan_files = __esm({
+  "packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/helpers/scan-files.ts"() {
+    "use strict";
+    init_src3();
   }
 });
 
@@ -20238,103 +20559,37 @@ function summarize(counts, { hasTokens = true } = {}) {
     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;
-}
-var COMPONENT_CATEGORIES, ROW_LABELS, ROW_ORDER;
-var init_logic7 = __esm({
-  "packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/logic.ts"() {
-    "use strict";
-    COMPONENT_CATEGORIES = ["tsx", "ts", "vue", "astro", "jsx", "js"];
-    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)"
-    };
-    ROW_ORDER = ["tsx", "ts", "vue", "astro", "jsx", "js", "json", "other"];
-  }
-});
-
-// packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/controls.ts
-import { useInput as useInput9 } from "ink";
-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();
-  });
-}
-var CONTROLS;
-var init_controls6 = __esm({
-  "packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/controls.ts"() {
-    "use strict";
-    init_logic7();
-    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" }
-      ]
-    };
-  }
-});
-
-// 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 };
+  };
 }
-var init_scan_files = __esm({
-  "packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/helpers/scan-files.ts"() {
+function phaseOf(scan) {
+  if (scan === void 0) return "scanning";
+  return scan.ok ? "ready" : "failed";
+}
+var COMPONENT_CATEGORIES, ROW_LABELS, ROW_ORDER;
+var init_logic7 = __esm({
+  "packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/logic.ts"() {
     "use strict";
-    init_src3();
+    COMPONENT_CATEGORIES = ["tsx", "ts", "vue", "astro", "jsx", "js"];
+    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)"
+    };
+    ROW_ORDER = ["tsx", "ts", "vue", "astro", "jsx", "js", "json", "other"];
   }
 });
 
 // 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";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect as useEffect4, useMemo, useState as useState8 } from "react";
+import { Box as Box13, Text as Text13 } from "ink";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 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 : PALETTE.text, children: [
     "  \u2022 ",
     String(row.count).padStart(3),
     " ",
@@ -20343,12 +20598,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({
@@ -20357,24 +20612,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: [
-      "Scanned ",
-      /* @__PURE__ */ jsx13(Text12, { bold: true, children: path5 })
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsxs13(Text13, { children: [
+      /* @__PURE__ */ jsx16(Text13, { color: PALETTE.muted, children: "Scanned " }),
+      /* @__PURE__ */ jsx16(Text13, { color: PALETTE.text, 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({
@@ -20385,225 +20639,56 @@ 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: [
-        "Scanning ",
-        /* @__PURE__ */ jsx13(Text12, { 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) }) })
-    ] })
-  ] });
+    } 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",
+        dataTitle: "Scan result",
+        menu: MENUS[phase],
+        onChoose: choose,
+        onEscape: onBack,
+        children: [
+          scan === void 0 && /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.muted, children: [
+            "Scanning ",
+            /* @__PURE__ */ jsx16(Text13, { bold: true, children: resolvedPath }),
+            "..."
+          ] }),
+          scan?.ok === false && /* @__PURE__ */ jsx16(Failure, { scan, path: resolvedPath }),
+          scan?.ok === true && /* @__PURE__ */ jsx16(Summary, { scan, path: resolvedPath, hasTokens })
+        ]
+      },
+      phase
+    )
+  );
 }
+var BACK, MENUS;
 var init_screen4 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/screen.tsx"() {
     "use strict";
     init_theme();
     init_resolve_user_path();
-    init_controls6();
     init_scan_files();
     init_logic7();
-    init_ControlHints();
-    init_StepHeader();
-  }
-});
-
-// 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 }
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-var init_FieldForm = __esm({
-  "packages/experience-design-system-cli/src/tui/shared/components/FieldForm.tsx"() {
-    "use strict";
-    init_theme();
-    init_ControlHints();
-    init_ClearableTextInput();
+    init_MenuScreen();
+    BACK = { choice: "back", label: "Back", description: "Go back" };
+    MENUS = {
+      scanning: [BACK],
+      ready: [{ choice: "continue", label: "Continue", description: "Use these files and go on" }, BACK],
+      failed: [{ choice: "change-path", label: "Try a different path", description: "Pick a different folder" }, BACK]
+    };
   }
 });
 
@@ -20684,71 +20769,8 @@ var init_validate4 = __esm({
 
 // 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";
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-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" }
-          ]
-        }
-      )
-    ] })
-  ] });
-}
+import { Text as Text14 } from "ink";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function CredentialsScreen({
   onDone,
   onBack,
@@ -20791,15 +20813,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,
@@ -20816,30 +20866,30 @@ 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." })
         ] })
       ]
     }
   );
 }
-var FIELDS2, MENU;
+var FIELDS2, MENU2;
 var init_screen5 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx"() {
     "use strict";
     init_theme();
     init_FieldForm();
-    init_ControlHints();
+    init_MenuScreen();
     init_StepHeader();
     init_logic8();
     init_validate4();
@@ -20849,7 +20899,7 @@ var init_screen5 = __esm({
       { key: "cmaToken", label: "CMA Token", masked: true },
       { key: "host", label: "API Host", hint: "(default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com)" }
     ];
-    MENU = [
+    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" },
@@ -20946,9 +20996,9 @@ var init_logic9 = __esm({
 });
 
 // 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",
@@ -21464,8 +21514,8 @@ var init_columns = __esm({
 });
 
 // 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";
 function terminalPanelHeight(rows, reservedRows = 4) {
   return Math.max(MIN_TERMINAL_PANEL_HEIGHT, rows - reservedRows);
 }
@@ -21480,8 +21530,8 @@ function FixedPanel({
   clipOverflow = true,
   children
 }) {
-  return /* @__PURE__ */ jsx17(
-    Box15,
+  return /* @__PURE__ */ jsx19(
+    Box14,
     {
       flexDirection: "column",
       width,
@@ -21506,7 +21556,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
       ]
     }
@@ -21517,9 +21567,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) {
@@ -21528,10 +21578,10 @@ 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) });
 }
 var MIN_TERMINAL_PANEL_HEIGHT;
 var init_windowed_panel = __esm({
@@ -21544,17 +21594,17 @@ var init_windowed_panel = __esm({
 
 // 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";
-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;
@@ -21562,12 +21612,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,
@@ -21581,7 +21631,7 @@ function AddedColumn(props) {
         ] })
       ] }, entry.name);
     }),
-    /* @__PURE__ */ jsx18(WindowIndicator, { direction: "down", count: window.below })
+    /* @__PURE__ */ jsx20(WindowIndicator, { direction: "down", count: window.below })
   ] });
 }
 var init_added_column = __esm({
@@ -21594,9 +21644,9 @@ var init_added_column = __esm({
 });
 
 // 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++) {
@@ -21607,17 +21657,17 @@ 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" })
   ] });
 }
 var init_cycles_panel = __esm({
@@ -21628,14 +21678,14 @@ var init_cycles_panel = __esm({
 });
 
 // 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" })
   ] });
 }
 var init_reject_prompt = __esm({
@@ -21646,9 +21696,9 @@ var init_reject_prompt = __esm({
 });
 
 // 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: [
@@ -21671,8 +21721,8 @@ var init_CompactControlBar = __esm({
 });
 
 // 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;
@@ -21680,25 +21730,25 @@ 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 })
   ] }) });
 }
 var init_CounterStrip = __esm({
@@ -21710,8 +21760,8 @@ var init_CounterStrip = __esm({
 
 // 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";
 function windowStart(rowCount, highlightIndex, maxRows) {
   if (rowCount <= maxRows) return 0;
   const maxStart = rowCount - maxRows;
@@ -21722,8 +21772,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({
@@ -21743,7 +21793,7 @@ function GotoBanner({
   const moreAbove = start;
   const moreBelow = rows.length - end;
   return /* @__PURE__ */ jsxs20(
-    Box20,
+    Box19,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -21753,14 +21803,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 })
       ]
     }
   );
@@ -22124,7 +22174,7 @@ var init_composite_closure = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/badge.tsx
 import { Text as 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":
@@ -22143,7 +22193,7 @@ 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: " " });
 }
 var init_badge = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/badge.tsx"() {
@@ -22154,8 +22204,8 @@ var init_badge = __esm({
 
 // 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 { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Box as Box20, Text as Text22 } from "ink";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 function hasDirectChild(node) {
   return node.slots.some((slot) => (slot.allowedComponents ?? []).some((target) => target !== node.name));
 }
@@ -22605,11 +22655,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,
           {
@@ -22624,10 +22674,10 @@ 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) })
   ] });
 }
 var GLYPH_EXPAND_COLLAPSED, GLYPH_EXPAND_EXPANDED, GLYPH_TREE_MID, GLYPH_TREE_LAST, GLYPH_WARN, GLYPH_ERROR;
@@ -22756,8 +22806,8 @@ var init_use_terminal_size = __esm({
 
 // 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 { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Box as Box21, Text as Text23 } from "ink";
+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();
@@ -22769,7 +22819,7 @@ function HelpOverlay(props) {
   }, props.handleInput !== false);
   if (props.sections) {
     return /* @__PURE__ */ jsxs22(
-      Box22,
+      Box21,
       {
         flexDirection: "column",
         borderStyle: "round",
@@ -22778,11 +22828,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))
         ]
       }
@@ -22790,7 +22840,7 @@ function HelpOverlay(props) {
   }
   const mode = props.mode;
   return /* @__PURE__ */ jsxs22(
-    Box22,
+    Box21,
     {
       flexDirection: "column",
       borderStyle: "round",
@@ -22799,31 +22849,31 @@ 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" })
       ]
     }
   );
@@ -22903,8 +22953,8 @@ var init_sidebar_input = __esm({
 });
 
 // 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 { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Box as Box22, Text as Text24 } from "ink";
+import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 function SearchMatchSummary({
   open,
   query,
@@ -22915,17 +22965,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` }) })
   ] });
 }
 var init_SearchMatchSummary = __esm({
@@ -24185,33 +24235,33 @@ var init_use_scope_gate = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx
-import { Box as Box24, Text as Text25 } from "ink";
-import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Box as Box23, Text as Text25 } from "ink";
+import { Fragment as Fragment7, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 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})`,
@@ -24221,7 +24271,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,
@@ -24249,9 +24299,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,
@@ -24266,9 +24316,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,
@@ -24279,7 +24329,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
           marginTop: 1
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx30(
         CompactControlBar,
         {
           hasGroupRoots: gate.hasGroupRoots,
@@ -24469,14 +24519,14 @@ var init_logic10 = __esm({
 });
 
 // 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",
@@ -25157,7 +25207,7 @@ var init_logic11 = __esm({
 });
 
 // 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,
@@ -25166,7 +25216,7 @@ function PreviewValidationErrorScreen({
   onQuit
 }) {
   const matchedNames = matchedComponentNames(errors, missingNames);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     GateStep,
     {
       intent: "error",
@@ -25540,8 +25590,8 @@ var init_scroll_offset = __esm({
 // 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 { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Box as Box24, measureElement, Text as Text26 } from "ink";
+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,
@@ -25679,14 +25729,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,
@@ -25695,7 +25745,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
@@ -25709,19 +25759,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({
@@ -25749,10 +25799,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({
@@ -25765,9 +25815,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,
@@ -25780,9 +25830,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,
@@ -25794,7 +25844,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({
@@ -25806,51 +25856,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({
@@ -25865,20 +25915,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({
@@ -25888,7 +25938,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)
   ] });
 }
@@ -25909,9 +25959,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,
@@ -25924,8 +25974,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,
@@ -25934,10 +25984,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:"
@@ -25948,7 +25998,7 @@ function PropRow({
         "]"
       ] })
     ] }),
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx33(
       DefaultSubRow,
       {
         prop,
@@ -25958,12 +26008,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,
@@ -25972,17 +26022,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,
@@ -26012,9 +26062,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,
@@ -26027,7 +26077,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,
@@ -26036,7 +26086,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,
         {
@@ -26048,10 +26098,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,
           {
@@ -26063,9 +26113,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,
@@ -26079,21 +26129,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);
           })
         ] });
       })() })
@@ -26921,18 +26971,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;
@@ -27061,12 +27111,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,
@@ -27097,7 +27147,7 @@ function FieldEditor({
         valueText,
         innerWidth
       );
-      return /* @__PURE__ */ jsx31(
+      return /* @__PURE__ */ jsx33(
         PropRow,
         {
           prop: p,
@@ -27124,7 +27174,7 @@ function FieldEditor({
       valueText,
       innerWidth
     );
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx33(
       SlotRow,
       {
         slot: s,
@@ -27145,9 +27195,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,
@@ -27163,7 +27213,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,
@@ -27182,8 +27232,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);
@@ -27196,7 +27246,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;
@@ -27205,49 +27255,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 }) })
       ]
     }
   );
@@ -27304,23 +27354,23 @@ var init_wrap_text = __esm({
 });
 
 // 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 }) });
 }
 var init_RationaleLine = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationaleLine.tsx"() {
@@ -27330,8 +27380,8 @@ var init_RationaleLine = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ComponentRationalePanel.tsx
-import { Box as Box27, Text as Text28 } from "ink";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Box as Box26, Text as Text28 } from "ink";
+import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 function renderComponentRationaleLines(data, innerWidth) {
   const out = [];
   const pushSection = (heading, body) => {
@@ -27399,7 +27449,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,
@@ -27407,9 +27457,9 @@ 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" }) })
       ]
     }
   );
@@ -27427,9 +27477,9 @@ var init_ComponentRationalePanel = __esm({
 
 // 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)) });
 }
 var init_HighlightedLine = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/HighlightedLine.tsx"() {
@@ -27439,8 +27489,8 @@ var init_HighlightedLine = __esm({
 });
 
 // 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,
@@ -27453,12 +27503,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
@@ -27472,8 +27522,8 @@ var init_ScrollablePanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/JsonPanel.tsx
-import { Box as Box29 } from "ink";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { Box as Box28 } from "ink";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function highlightJson(line) {
   const parts = [];
   let remaining = line;
@@ -27511,7 +27561,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;
@@ -27524,7 +27574,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,
@@ -27537,7 +27587,7 @@ function JsonPanel({ label, value, scrollOffset, width, height, active }) {
       borderColor: active ? "white" : void 0,
       children: visibleLines.map((line, i) => {
         const truncated = truncateLine(line, innerWidth);
-        return /* @__PURE__ */ jsx36(Box29, { children: highlightJson(truncated) }, i);
+        return /* @__PURE__ */ jsx38(Box28, { children: highlightJson(truncated) }, i);
       })
     }
   );
@@ -27551,7 +27601,7 @@ var init_JsonPanel = __esm({
 });
 
 // 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) => {
@@ -27584,7 +27634,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}`,
@@ -27595,7 +27645,7 @@ 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))
     }
   );
 }
@@ -27611,8 +27661,8 @@ var init_RationalePanel = __esm({
 
 // 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,
@@ -27632,7 +27682,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,
@@ -27640,15 +27690,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,
@@ -27658,15 +27708,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,
@@ -27674,18 +27724,18 @@ 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" })
       ]
     }
   );
@@ -27699,7 +27749,7 @@ var init_TokenReviewPanel = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/review-details-panel.tsx
 import { Text as Text32 } from "ink";
-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,
@@ -27734,7 +27784,7 @@ function ReviewDetailsPanel({
         rationale: s.rationale ?? ""
       }))
     ];
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx41(
       RationalePanel,
       {
         componentName: componentRationale?.name ?? selectedKey,
@@ -27747,7 +27797,7 @@ function ReviewDetailsPanel({
     );
   }
   if (panelOpen === "component-rationale") {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx41(
       ComponentRationalePanel,
       {
         data: componentRationale ?? {
@@ -27773,13 +27823,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,
@@ -27795,7 +27845,7 @@ function ReviewDetailsPanel({
     );
   }
   if (showJson) {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx41(
       JsonPanel,
       {
         label: "GENERATED DEFINITION (read-only)",
@@ -27807,7 +27857,7 @@ function ReviewDetailsPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsx39(Fragment9, { children: editor });
+  return /* @__PURE__ */ jsx41(Fragment11, { children: editor });
 }
 var init_review_details_panel = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/review-details-panel.tsx"() {
@@ -27822,7 +27872,7 @@ var init_review_details_panel = __esm({
 });
 
 // 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;
@@ -27856,7 +27906,7 @@ function ReviewDetailsEditor({
     jsonScrollOffset,
     currentTokenSuggestions
   } = reviewEditor;
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     ReviewDetailsPanel,
     {
       selectedKey,
@@ -27903,8 +27953,8 @@ var init_ReviewDetailsEditor = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewComponentPanel.tsx
-import { Box as Box31, Text as Text33 } from "ink";
-import { Fragment as Fragment10, jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Box as Box30, Text as Text33 } from "ink";
+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,
@@ -27944,17 +27994,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,
@@ -27963,10 +28013,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({
@@ -27975,9 +28025,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",
@@ -28009,8 +28059,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,
@@ -28023,7 +28073,7 @@ function ReviewComponentPanel({
         jsonValue,
         sidebarFocused,
         fieldEditor,
-        header: /* @__PURE__ */ jsx41(
+        header: /* @__PURE__ */ jsx43(
           ReviewComponentTitle,
           {
             selectedKey,
@@ -28034,8 +28084,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,
@@ -28058,8 +28108,8 @@ var init_ReviewComponentPanel = __esm({
 });
 
 // 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) => {
@@ -28072,13 +28122,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" }] })
   ] });
 }
 var init_ReviewStatus = __esm({
@@ -28302,8 +28352,8 @@ var init_run_live_preview = __esm({
 });
 
 // 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";
 function FinalizeDialog({
   accepted,
   rejected,
@@ -28331,51 +28381,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: [
@@ -28832,8 +28882,8 @@ var init_use_review_surface_state = __esm({
 });
 
 // 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) {
@@ -28842,16 +28892,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: [
@@ -28871,8 +28921,8 @@ var init_QuitDialog = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDialogs.tsx
-import { Box as Box35, Text as Text37 } from "ink";
-import { Fragment as Fragment13, jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Box as Box34, Text as Text37 } from "ink";
+import { Fragment as Fragment15, jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
 function ReviewFinalizeDialogs({
   showFinalize,
   showQuit,
@@ -28886,8 +28936,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,
@@ -28900,7 +28950,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({
@@ -28910,7 +28960,7 @@ function ReviewStepDialogs({
   onFinalize,
   onQuit
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     ReviewFinalizeDialogs,
     {
       showFinalize: surfaceState.showFinalize,
@@ -28928,12 +28978,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" })
   ] });
 }
 var init_ReviewDialogs = __esm({
@@ -29335,8 +29385,8 @@ var init_use_review_preview = __esm({
 });
 
 // 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,
@@ -29350,19 +29400,19 @@ function LivePreviewSummary({
   const counts = { new: 0, changed: 0, removed: 0, breaking: 0 };
   for (const annotation of previewAnnotations.values()) counts[annotation] += 1;
   const hasCounts = counts.new + counts.changed + counts.removed + counts.breaking > 0;
-  if (disabled) return /* @__PURE__ */ 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` })
   ] });
 }
 var init_LivePreviewSummary = __esm({
@@ -29375,8 +29425,8 @@ var init_LivePreviewSummary = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/generate-review-step.tsx
 import { useCallback as useCallback5, useEffect as useEffect17, useMemo as useMemo4, useRef as useRef13, useState as useState25 } from "react";
 import figures8 from "figures";
-import { Box as Box37, Text as Text39 } from "ink";
-import { Fragment as Fragment14, jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Box as Box36, Text as Text39 } from "ink";
+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) => {
@@ -29420,7 +29470,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)
     )
   ] });
 }
@@ -29432,31 +29482,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({
@@ -29468,13 +29518,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" })
   ] });
 }
 function buildBreakingRows(breakingChanges) {
@@ -29520,9 +29570,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,
@@ -30379,13 +30429,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,
@@ -30425,9 +30475,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,
@@ -30437,15 +30487,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,
@@ -30456,14 +30506,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,
@@ -30482,16 +30532,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],
@@ -30502,7 +30552,7 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx47(
+    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx49(
       CycleDetailPanel,
       {
         cycles: cycleRows,
@@ -30512,8 +30562,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"}`,
@@ -30526,7 +30576,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,
@@ -30567,7 +30617,7 @@ function GenerateReviewStepView({
           graph: sidebarGraph
         }
       ),
-      selected ? /* @__PURE__ */ jsx47(
+      selected ? /* @__PURE__ */ jsx49(
         ReviewComponentPanel,
         {
           selectedKey: selected.key,
@@ -30599,12 +30649,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),
@@ -30615,10 +30665,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,
@@ -30629,7 +30679,7 @@ 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 })
   ] });
 }
 var HELP_SECTIONS2;
@@ -30745,17 +30795,17 @@ var init_generate_review_step = __esm({
 });
 
 // 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." })
   ] });
 }
 var init_CustomPromptBanner = __esm({
@@ -30784,15 +30834,15 @@ var init_contentful_urls2 = __esm({
 });
 
 // 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 })
   ] });
 }
 var init_SpaceEnvironment = __esm({
@@ -30803,13 +30853,13 @@ var init_SpaceEnvironment = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/DoneStep.tsx
-import { Box as Box40, Text as Text42 } from "ink";
-import { Fragment as Fragment15, jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Box as Box39, Text as Text42 } from "ink";
+import { Fragment as Fragment17, jsx as jsx52, jsxs as jsxs40 } from "react/jsx-runtime";
 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]),
       " ",
@@ -30823,9 +30873,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({
@@ -30849,14 +30899,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,
           "/",
@@ -30869,8 +30919,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,
           " ",
@@ -30879,11 +30929,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:",
@@ -30891,7 +30941,7 @@ function DoneStep({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx50(ControlHints, { hints: [{ keys: "Enter / q", label: "Exit" }] })
+      /* @__PURE__ */ jsx52(ControlHints, { hints: [{ keys: "Enter / q", label: "Exit" }] })
     ] })
   ] });
 }
@@ -30950,10 +31000,10 @@ var init_use_blinking_cursor = __esm({
 
 // 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 join21 } from "node:path";
-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);
@@ -31010,19 +31060,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: [
@@ -31067,7 +31117,7 @@ var init_produced = __esm({
 // 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(() => {
@@ -31079,7 +31129,7 @@ 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`
   };
 }
@@ -31090,28 +31140,28 @@ var init_use_timed_spinner = __esm({
 });
 
 // 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";
-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,
           "/",
@@ -31119,11 +31169,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
       ] }) })
@@ -31329,8 +31379,8 @@ var init_preview_confirmation_input = __esm({
 
 // 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 { Fragment as Fragment16, jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Box as Box42, Text as Text45 } from "ink";
+import { Fragment as Fragment18, jsx as jsx56, jsxs as jsxs43 } from "react/jsx-runtime";
 function buildPreviewSummaryLines(preview) {
   const lines = [];
   const { components, tokens } = preview;
@@ -31582,11 +31632,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,
           {
@@ -31595,15 +31645,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: [
@@ -31649,8 +31699,8 @@ var init_run_teaser = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
-import { Box as Box44 } from "ink";
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Box as Box43 } from "ink";
+import { jsx as jsx57, jsxs as jsxs44 } from "react/jsx-runtime";
 function canEditFromPreview(cdf) {
   if (!cdf) return false;
   return parseCDFComponents(cdf).components.length > 0;
@@ -31667,7 +31717,7 @@ function FlowScreen({
   const content = (() => {
     switch (state2.step) {
       case "final-review":
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           GenerateReviewStep,
           {
             extractSessionId: state2.extractSessionId,
@@ -31684,10 +31734,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,
@@ -31699,9 +31749,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,
@@ -31710,10 +31760,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",
@@ -31728,7 +31778,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,
@@ -31745,7 +31795,7 @@ function FlowScreen({
         );
       }
       case "preview-validation-error":
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           PreviewValidationErrorScreen,
           {
             errors: state2.previewValidationErrors,
@@ -31756,7 +31806,7 @@ function FlowScreen({
           }
         );
       case "error":
-        return /* @__PURE__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           ErrorStep,
           {
             stepName: state2.errorStep,
@@ -31767,8 +31817,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
   ] });
 }
@@ -32978,14 +33028,14 @@ var init_help_info = __esm({
 
 // 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 { Fragment as Fragment17, jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Box as Box44, Text as Text46, useInput as useInput10 } from "ink";
+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))
   ] });
 }
@@ -32999,7 +33049,7 @@ function HelpScreen({ onDone }) {
     void finishDebugRun({ outputs: {}, status: "success", exitMethod });
     onDone();
   };
-  useInput12((input, key) => {
+  useInput10((input, key) => {
     if (key.return) {
       leave("saved");
       return;
@@ -33009,14 +33059,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: [
@@ -33039,8 +33089,8 @@ var init_PageContainer2 = __esm({
 
 // 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
@@ -33051,7 +33101,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;
@@ -33071,15 +33121,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: [
@@ -33388,14 +33438,14 @@ var init_agent_debug = __esm({
 
 // 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";
 function AgentStatusBadge({
   name,
   checks,
   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}` });
 }
 var TONE_COLOR;
 var init_AgentStatusBadge = __esm({
@@ -33413,12 +33463,12 @@ var init_AgentStatusBadge = __esm({
 
 // 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 { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Box as Box46, Text as Text49 } from "ink";
+import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
 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({
@@ -33481,7 +33531,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]}`,
@@ -33498,9 +33548,9 @@ 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))
       ] })
     }
   );
@@ -33526,8 +33576,8 @@ var init_AgentDetail = __esm({
 
 // 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 { Fragment as Fragment18, jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Box as Box47, Text as Text50, useInput as useInput12 } from "ink";
+import { Fragment as Fragment20, jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
 function AgentsScreen({ onDone }) {
   const [config, setConfig] = useState33(null);
   const [focus, setFocus] = useState33(0);
@@ -33603,7 +33653,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();
@@ -33635,21 +33685,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,
@@ -33670,48 +33720,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: [
@@ -33776,8 +33826,8 @@ var init_project_store = __esm({
 
 // 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 { Fragment as Fragment19, jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Box as Box48, Text as Text51, useInput as useInput13 } from "ink";
+import { Fragment as Fragment21, jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
 function debugFields(config) {
   return {
     space_id: config?.spaceId ?? "",
@@ -33839,24 +33889,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 = () => {
@@ -33877,7 +33927,7 @@ function ProjectScreen({ onDone }) {
     endVisit(config);
     onDone();
   };
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx63(
     FieldForm,
     {
       title: "Settings \u203A Configuration \u203A Project",
@@ -33923,13 +33973,13 @@ var init_ProjectScreen = __esm({
 
 // 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 { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Box as Box49, Text as Text52, useInput as useInput14 } from "ink";
+import { jsx as jsx64, jsxs as jsxs50 } from "react/jsx-runtime";
 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);
@@ -33945,18 +33995,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: [
@@ -33989,8 +34039,8 @@ var init_ConfigurationScreen = __esm({
 
 // 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 { Fragment as Fragment20, jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Box as Box50, Text as Text53, useInput as useInput15 } from "ink";
+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);
@@ -34006,7 +34056,7 @@ function OptInAnalyticsScreen({ onDone }) {
       });
     });
   }, []);
-  useInput17((input, key) => {
+  useInput15((input, key) => {
     if (loading) return;
     if (key.return || input === " ") {
       setEnabled((current) => {
@@ -34021,21 +34071,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: [
@@ -34058,8 +34108,8 @@ var init_screen11 = __esm({
 
 // 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 { Fragment as Fragment21, jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Box as Box51, Text as Text54, useInput as useInput16 } from "ink";
+import { Fragment as Fragment23, jsx as jsx66, jsxs as jsxs52 } from "react/jsx-runtime";
 function DebugModeScreen({ onDone }) {
   const [setting, setSetting] = useState37(null);
   const [focus, setFocus] = useState37("enabled");
@@ -34108,7 +34158,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]);
@@ -34135,24 +34185,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,
@@ -34164,15 +34214,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: [
@@ -34210,7 +34260,7 @@ __export(app_exports, {
   runApp: () => runApp
 });
 import { useEffect as useEffect28, useState as useState38 } from "react";
-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();
@@ -34401,9 +34451,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,
@@ -34413,15 +34463,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 }),
@@ -34430,7 +34480,7 @@ function App({ importOptions, inkClear }) {
               }
             );
           case "token-file":
-            return /* @__PURE__ */ jsx65(
+            return /* @__PURE__ */ jsx67(
               TokenInputScreen,
               {
                 initialPath: importDefaults.tokenFile,
@@ -34439,7 +34489,7 @@ function App({ importOptions, inkClear }) {
               }
             );
           case "path-validation":
-            return /* @__PURE__ */ jsx65(
+            return /* @__PURE__ */ jsx67(
               PathValidationScreen,
               {
                 projectPath: answers.projectPath ?? "",
@@ -34453,9 +34503,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",
@@ -34466,19 +34516,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,
@@ -34488,10 +34538,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,
@@ -34501,9 +34551,9 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx65(Fragment22, {});
+        return /* @__PURE__ */ jsx67(Fragment24, {});
       }
-      return /* @__PURE__ */ jsx65(
+      return /* @__PURE__ */ jsx67(
         CredentialsScreen,
         {
           initial: importDefaults.credentials,
@@ -34513,17 +34563,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) {
@@ -34531,7 +34581,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();
 }
 var init_app = __esm({