@contentful/experience-design-system-cli 2.35.1-dev-build-525507db.0 → 2.35.1-dev-build-2acd1126.0

package/legacy/dist/src/index.js

@@ -7475,30 +7475,25 @@ function ServerPreviewView({ preview, spaceId, environmentId }) {
     ] }),
     /* @__PURE__ */ jsx4(Text3, { children: " " }),
     totalComponents > 0 && /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs2(Text3, { bold: true, children: [
-        " Component Types (",
-        totalComponents,
-        " total)"
-      ] }),
       /* @__PURE__ */ jsxs2(Text3, { color: "green", children: [
         " \u2746 ",
         components.new.length,
-        " to create"
+        " components to create"
       ] }),
       /* @__PURE__ */ jsxs2(Text3, { color: "yellow", children: [
         " ~ ",
         components.changed.length,
-        " to update"
+        " components to update"
       ] }),
       /* @__PURE__ */ jsxs2(Text3, { color: "yellow", children: [
         " \u2298 ",
         components.removed.length,
-        " to skip"
+        " components to skip"
       ] }),
       /* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
         " \xB7 ",
         components.unchanged.length,
-        " unchanged"
+        " components unchanged"
       ] }),
       components.changed.map((item, i) => /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
         /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", children: [
@@ -9369,7 +9364,8 @@ var init_composition_options = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/theme.ts
-var PALETTE;
+import { extendTheme, defaultTheme } from "@inkjs/ui";
+var PALETTE, INK_UI_THEME;
 var init_theme = __esm({
   "packages/experience-design-system-cli-legacy/src/analyze/select/tui/theme.ts"() {
     "use strict";
@@ -9385,6 +9381,17 @@ var init_theme = __esm({
       subtle: "#DDE5EC",
       bg: "#EFF2F6"
     };
+    INK_UI_THEME = extendTheme(defaultTheme, {
+      components: {
+        ProgressBar: {
+          styles: {
+            completed: () => ({
+              color: "blue"
+            })
+          }
+        }
+      }
+    });
   }
 });
 
@@ -10059,38 +10066,35 @@ var init_StepHeader = __esm({
   }
 });
 
-// packages/experience-design-system-cli-legacy/src/tui/use-timed-spinner.ts
+// packages/experience-design-system-cli-legacy/src/tui/use-timed-spinner.tsx
 import { useEffect as useEffect4, useState as useState7 } from "react";
+import { Spinner } from "@inkjs/ui";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function useTimedSpinner() {
-  const [frame, setFrame] = useState7(0);
   const [elapsedSeconds, setElapsedSeconds] = useState7(0);
   useEffect4(() => {
-    const spinner = setInterval(() => setFrame((current) => (current + 1) % SPINNER_FRAMES.length), 80);
     const timer = setInterval(() => setElapsedSeconds((current) => current + 1), 1e3);
     return () => {
-      clearInterval(spinner);
       clearInterval(timer);
     };
   }, []);
   const mins = Math.floor(elapsedSeconds / 60);
   const secs = elapsedSeconds % 60;
   return {
-    spinner: SPINNER_FRAMES[frame],
-    secondarySpinner: SPINNER_FRAMES[(frame + 5) % SPINNER_FRAMES.length],
+    spinner: /* @__PURE__ */ jsx14(Spinner, {}),
     elapsed: mins > 0 ? `${mins}m ${secs}s` : `${secs}s`
   };
 }
-var SPINNER_FRAMES;
 var init_use_timed_spinner = __esm({
-  "packages/experience-design-system-cli-legacy/src/tui/use-timed-spinner.ts"() {
+  "packages/experience-design-system-cli-legacy/src/tui/use-timed-spinner.tsx"() {
     "use strict";
-    SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
   }
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/RunningStep.tsx
 import { Box as Box11, Text as Text12 } from "ink";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { ProgressBar, ThemeProvider } from "@inkjs/ui";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function RunningStep({
   stepNumber,
   totalSteps,
@@ -10098,8 +10102,10 @@ function RunningStep({
   description,
   detail,
   detailComplete = false,
+  detailProgress,
   secondaryDetail,
   secondaryComplete = false,
+  secondaryProgress,
   tertiaryDetail,
   tertiaryComplete = false,
   quaternaryDetail,
@@ -10107,31 +10113,51 @@ function RunningStep({
   quinaryDetail,
   quinaryComplete = false
 }) {
-  const { spinner, secondarySpinner, elapsed } = useTimedSpinner();
+  const { spinner, elapsed } = useTimedSpinner();
   return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx14(StepHeader, { stepNumber, totalSteps, title }),
-    /* @__PURE__ */ jsx14(Text12, { children: description }),
-    /* @__PURE__ */ jsxs11(Box11, { gap: 1, marginTop: 1, children: [
-      /* @__PURE__ */ jsx14(Text12, { color: detailComplete ? PALETTE.success : PALETTE.info, children: detailComplete ? "\u2713" : spinner }),
-      /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: detail ?? "Running..." })
-    ] }),
-    secondaryDetail !== void 0 && /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
-      /* @__PURE__ */ jsx14(Text12, { color: secondaryComplete ? PALETTE.success : PALETTE.info, children: secondaryComplete ? "\u2713" : secondarySpinner }),
-      /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: secondaryDetail })
-    ] }),
+    /* @__PURE__ */ jsx15(StepHeader, { stepNumber, totalSteps, title }),
+    /* @__PURE__ */ jsx15(Text12, { children: description }),
+    /* @__PURE__ */ jsx15(Box11, { gap: 1, marginTop: 1, flexDirection: "column", children: detailProgress ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+      /* @__PURE__ */ jsxs11(Box11, { gap: 2, children: [
+        /* @__PURE__ */ jsx15(Box11, { width: 40, children: /* @__PURE__ */ jsx15(ThemeProvider, { theme: INK_UI_THEME, children: /* @__PURE__ */ jsx15(ProgressBar, { value: Math.round(detailProgress.done / detailProgress.total * 100) }) }) }),
+        /* @__PURE__ */ jsxs11(Text12, { dimColor: true, children: [
+          detailProgress.done,
+          "/",
+          detailProgress.total
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: detail ?? "Running..." })
+    ] }) : /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+      detailComplete ? /* @__PURE__ */ jsx15(Text12, { color: PALETTE.success, children: "\u2713" }) : spinner,
+      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: detail ?? "Running..." })
+    ] }) }),
+    secondaryDetail !== void 0 && /* @__PURE__ */ jsx15(Box11, { gap: 1, flexDirection: "column", children: secondaryProgress ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+      /* @__PURE__ */ jsxs11(Box11, { gap: 2, children: [
+        /* @__PURE__ */ jsx15(Box11, { width: 40, children: /* @__PURE__ */ jsx15(ThemeProvider, { theme: INK_UI_THEME, children: /* @__PURE__ */ jsx15(ProgressBar, { value: Math.round(secondaryProgress.done / secondaryProgress.total * 100) }) }) }),
+        /* @__PURE__ */ jsxs11(Text12, { dimColor: true, children: [
+          secondaryProgress.done,
+          "/",
+          secondaryProgress.total
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: secondaryDetail })
+    ] }) : /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+      secondaryComplete ? /* @__PURE__ */ jsx15(Text12, { color: PALETTE.success, children: "\u2713" }) : spinner,
+      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: secondaryDetail })
+    ] }) }),
     tertiaryDetail !== void 0 && /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
-      /* @__PURE__ */ jsx14(Text12, { color: tertiaryComplete ? PALETTE.success : PALETTE.info, children: tertiaryComplete ? "\u2713" : secondarySpinner }),
-      /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: tertiaryDetail })
+      tertiaryComplete ? /* @__PURE__ */ jsx15(Text12, { color: PALETTE.success, children: "\u2713" }) : spinner,
+      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: tertiaryDetail })
     ] }),
     quaternaryDetail !== void 0 && /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
-      /* @__PURE__ */ jsx14(Text12, { color: quaternaryComplete ? PALETTE.success : PALETTE.info, children: quaternaryComplete ? "\u2713" : secondarySpinner }),
-      /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: quaternaryDetail })
+      quaternaryComplete ? /* @__PURE__ */ jsx15(Text12, { color: PALETTE.success, children: "\u2713" }) : spinner,
+      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: quaternaryDetail })
     ] }),
     quinaryDetail !== void 0 && /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
-      /* @__PURE__ */ jsx14(Text12, { color: quinaryComplete ? PALETTE.success : PALETTE.info, children: quinaryComplete ? "\u2713" : secondarySpinner }),
-      /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: quinaryDetail })
+      quinaryComplete ? /* @__PURE__ */ jsx15(Text12, { color: PALETTE.success, children: "\u2713" }) : spinner,
+      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: quinaryDetail })
     ] }),
-    /* @__PURE__ */ jsx14(Box11, { marginTop: 1, children: /* @__PURE__ */ jsxs11(Text12, { dimColor: true, children: [
+    /* @__PURE__ */ jsx15(Box11, { marginTop: 1, children: /* @__PURE__ */ jsxs11(Text12, { dimColor: true, children: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -10148,7 +10174,7 @@ var init_RunningStep = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/GateStep.tsx
 import { Box as Box12, Text as Text13 } from "ink";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function GateStep({
   successMessage,
   summary,
@@ -10183,8 +10209,8 @@ function GateStep({
       " ",
       successMessage
     ] }),
-    summary && /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: summary }),
-    context && /* @__PURE__ */ jsx15(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text13, { children: context }) }),
+    summary && /* @__PURE__ */ jsx16(Text13, { dimColor: true, children: summary }),
+    context && /* @__PURE__ */ jsx16(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text13, { children: context }) }),
     /* @__PURE__ */ jsxs12(Box12, { gap: 3, marginTop: 1, children: [
       /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
         "[Enter] ",
@@ -10194,7 +10220,7 @@ function GateStep({
         "[a] ",
         skipLabel
       ] }),
-      /* @__PURE__ */ jsx15(Text13, { dimColor: true, children: "[q] Quit" })
+      /* @__PURE__ */ jsx16(Text13, { dimColor: true, children: "[q] Quit" })
     ] })
   ] });
 }
@@ -10208,7 +10234,7 @@ var init_GateStep = __esm({
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/CredentialsStep.tsx
 import { useState as useState8, useRef as useRef3 } from "react";
 import { Box as Box13, Text as Text14 } from "ink";
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function CredentialsStep({
   summary,
   error: externalError,
@@ -10331,14 +10357,14 @@ function CredentialsStep({
   function renderField(label, value, field, masked = false) {
     const isActive = activeField === field;
     const display = masked ? "\u2022".repeat(value.length) : value;
-    const fallback = field === "host" ? DEFAULT_CONFIGURED_HOST : /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "(empty)" });
+    const fallback = field === "host" ? DEFAULT_CONFIGURED_HOST : /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "(empty)" });
     return /* @__PURE__ */ jsxs13(Box13, { gap: 1, children: [
-      /* @__PURE__ */ jsx16(Text14, { color: isActive ? PALETTE.info : void 0, children: "?" }),
+      /* @__PURE__ */ jsx17(Text14, { color: isActive ? PALETTE.info : void 0, children: "?" }),
       /* @__PURE__ */ jsxs13(Text14, { bold: isActive, children: [
         label,
         ":"
       ] }),
-      /* @__PURE__ */ jsx16(Text14, { children: isActive ? display + cursor : display || fallback })
+      /* @__PURE__ */ jsx17(Text14, { children: isActive ? display + cursor : display || fallback })
     ] });
   }
   const displayError = inlineError ?? externalError ?? null;
@@ -10348,10 +10374,10 @@ function CredentialsStep({
       summary
     ] }),
     /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", marginTop: 1, gap: 0, children: [
-      /* @__PURE__ */ jsx16(Text14, { children: initialSpaceId && initialCmaToken ? "Credentials pre-filled from experiences setup. Press Enter to continue or edit any field to update." : "Enter the Contentful space you want to import into." }),
-      !(initialSpaceId && initialCmaToken) && /* @__PURE__ */ jsxs13(Fragment3, { children: [
-        /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "These credentials are used both to align agent suggestions with what already exists in the space and to push your import at the end. Press S to skip and run without space context (push will be disabled)." }),
-        /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "Tip: run experiences setup to save these to ~/.contentful/experience-design-system-cli/config.json so they pre-fill here automatically." })
+      /* @__PURE__ */ jsx17(Text14, { children: initialSpaceId && initialCmaToken ? "Credentials pre-filled from experiences setup. Press Enter to continue or edit any field to update." : "Enter the Contentful space you want to import into." }),
+      !(initialSpaceId && initialCmaToken) && /* @__PURE__ */ jsxs13(Fragment4, { children: [
+        /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "These credentials are used both to align agent suggestions with what already exists in the space and to push your import at the end. Press S to skip and run without space context (push will be disabled)." }),
+        /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "Tip: run experiences setup to save these to ~/.contentful/experience-design-system-cli/config.json so they pre-fill here automatically." })
       ] })
     ] }),
     /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 0, marginTop: 1, children: [
@@ -10360,14 +10386,14 @@ function CredentialsStep({
       renderField("CMA Token", cmaToken, "cmaToken", true),
       renderField("API Host", host, "host")
     ] }),
-    activeField === "host" && /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
+    activeField === "host" && /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
     displayError && /* @__PURE__ */ jsxs13(Text14, { color: PALETTE.error, children: [
       "\u2717 ",
       displayError
     ] }),
-    validating && !backgroundValidating && /* @__PURE__ */ jsx16(Text14, { color: PALETTE.info, children: generatePrefetchStatus === "running" ? "Validating credentials & finishing component generation..." : "Validating credentials..." }),
-    !validating && generatePrefetchStatus === "running" && /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "Component generation in progress..." }),
-    !validating && generatePrefetchStatus === "complete" && /* @__PURE__ */ jsx16(Text14, { color: PALETTE.success, children: "Component generation complete." }),
+    validating && !backgroundValidating && /* @__PURE__ */ jsx17(Text14, { color: PALETTE.info, children: generatePrefetchStatus === "running" ? "Validating credentials & finishing component generation..." : "Validating credentials..." }),
+    !validating && generatePrefetchStatus === "running" && /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "Component generation in progress..." }),
+    !validating && generatePrefetchStatus === "complete" && /* @__PURE__ */ jsx17(Text14, { color: PALETTE.success, children: "Component generation complete." }),
     !validating && generatePrefetchStatus === "failed" && /* @__PURE__ */ jsxs13(Text14, { color: PALETTE.warning, children: [
       "Component generation failed",
       generatePrefetchError ? `: ${generatePrefetchError}` : "",
@@ -10375,11 +10401,11 @@ function CredentialsStep({
       onRetryPrefetch ? " Press R to retry now." : ""
     ] }),
     /* @__PURE__ */ jsxs13(Box13, { gap: 3, marginTop: 1, children: [
-      /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "[Enter] Next field / Submit" }),
-      /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "[Tab] Switch field" }),
-      /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "[q] Quit" })
+      /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "[Enter] Next field / Submit" }),
+      /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "[Tab] Switch field" }),
+      /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "[q] Quit" })
     ] }),
-    onSkip && /* @__PURE__ */ jsx16(Box13, { marginTop: 0, children: /* @__PURE__ */ jsx16(Text14, { dimColor: true, children: "[s] Skip \u2014 review locally only (no push, no live preview)" }) })
+    onSkip && /* @__PURE__ */ jsx17(Box13, { marginTop: 0, children: /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "[s] Skip \u2014 review locally only (no push, no live preview)" }) })
   ] });
 }
 var init_CredentialsStep = __esm({
@@ -10587,14 +10613,14 @@ var init_preview_diff = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/SpaceEnvironment.tsx
 import { Box as Box14, Text as Text15 } from "ink";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function SpaceEnvironment({ spaceId, environmentId }) {
   return /* @__PURE__ */ jsxs14(Box14, { gap: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "Space:" }),
-    /* @__PURE__ */ jsx17(Text15, { children: spaceId }),
-    /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "/" }),
-    /* @__PURE__ */ jsx17(Text15, { dimColor: true, children: "Environment:" }),
-    /* @__PURE__ */ jsx17(Text15, { children: environmentId })
+    /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "Space:" }),
+    /* @__PURE__ */ jsx18(Text15, { children: spaceId }),
+    /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "/" }),
+    /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "Environment:" }),
+    /* @__PURE__ */ jsx18(Text15, { children: environmentId })
   ] });
 }
 var init_SpaceEnvironment = __esm({
@@ -10629,7 +10655,7 @@ var init_preview_confirmation_input = __esm({
 
 // packages/experience-design-system-cli-legacy/src/tui/windowed-panel.tsx
 import { Box as Box15, Text as Text16 } from "ink";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+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);
 }
@@ -10644,7 +10670,7 @@ function FixedPanel({
   clipOverflow = true,
   children
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Box15,
     {
       flexDirection: "column",
@@ -10670,7 +10696,7 @@ function WindowedPanel({ width, height, title, focused, children }) {
       ...height === void 0 ? {} : { height },
       focused,
       children: [
-        title && /* @__PURE__ */ jsx18(WindowedPanelHeader, { title, width, focused }),
+        title && /* @__PURE__ */ jsx19(WindowedPanelHeader, { title, width, focused }),
         children
       ]
     }
@@ -10682,8 +10708,8 @@ function WindowedPanelHeader({
   focused
 }) {
   return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx18(Text16, { bold: true, color: PALETTE.info, inverse: focused, children: title }),
-    /* @__PURE__ */ jsx18(Text16, { dimColor: true, children: "\u2500".repeat(Math.max(0, width - 2)) })
+    /* @__PURE__ */ jsx19(Text16, { bold: true, color: PALETTE.info, inverse: focused, children: title }),
+    /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: "\u2500".repeat(Math.max(0, width - 2)) })
   ] });
 }
 function formatWindowIndicator(direction, count) {
@@ -10691,7 +10717,7 @@ function formatWindowIndicator(direction, count) {
   return `${direction === "up" ? "\u2191" : "\u2193"} ${count} more`;
 }
 function WindowIndicator({ direction, count }) {
-  return /* @__PURE__ */ jsx18(Text16, { dimColor: true, children: formatWindowIndicator(direction, count) });
+  return /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: formatWindowIndicator(direction, count) });
 }
 var MIN_TERMINAL_PANEL_HEIGHT;
 var init_windowed_panel = __esm({
@@ -10705,7 +10731,7 @@ var init_windowed_panel = __esm({
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/WizardPreviewStep.tsx
 import { useEffect as useEffect6, useState as useState10, useMemo } from "react";
 import { Box as Box16, Text as Text17 } from "ink";
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function buildPreviewSummaryLines(preview) {
   const lines = [];
   const { components, tokens } = preview;
@@ -10960,18 +10986,18 @@ function WizardPreviewStep({
     }
   });
   return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 2, children: [
-    /* @__PURE__ */ jsx19(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
-    hasAnything ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
-      /* @__PURE__ */ jsx19(Text17, { children: "Here's what will happen in your space:" }),
+    /* @__PURE__ */ jsx20(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
+    hasAnything ? /* @__PURE__ */ jsxs16(Fragment5, { children: [
+      /* @__PURE__ */ jsx20(Text17, { children: "Here's what will happen in your space:" }),
       /* @__PURE__ */ jsxs16(
         WindowedPanel,
         {
           width: Math.max(20, terminalColumns - 4),
           height: panelHeight,
-          title: diffExpanded ? `Diff (${diffLines.length} lines)` : "Component types",
+          title: diffExpanded ? `Diff (${diffLines.length} lines)` : "",
           focused: false,
           children: [
-            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx19(
+            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx20(
               Text17,
               {
                 color: line.color === "gray" ? void 0 : line.color,
@@ -10981,23 +11007,23 @@ function WizardPreviewStep({
               },
               line.key
             )),
-            /* @__PURE__ */ jsx19(Text17, { dimColor: true, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
+            /* @__PURE__ */ jsx20(Text17, { dimColor: true, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
           ]
         }
       )
-    ] }) : /* @__PURE__ */ jsx19(Text17, { dimColor: true, children: "Nothing to push \u2014 everything is already up to date." }),
-    breakingWithImpact && /* @__PURE__ */ jsx19(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx19(Text17, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
-    /* @__PURE__ */ jsx19(SpaceEnvironment, { spaceId, environmentId }),
+    ] }) : /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "Nothing to push \u2014 everything is already up to date." }),
+    breakingWithImpact && /* @__PURE__ */ jsx20(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx20(Text17, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
+    /* @__PURE__ */ jsx20(SpaceEnvironment, { spaceId, environmentId }),
     /* @__PURE__ */ jsxs16(Box16, { gap: 3, marginTop: 1, children: [
-      /* @__PURE__ */ jsx19(Text17, { dimColor: true, children: "[Enter] Push to Contentful" }),
+      /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[Enter] Push to Contentful" }),
       /* @__PURE__ */ jsxs16(Text17, { dimColor: true, children: [
         "[d] ",
         diffExpanded ? "Hide" : "Show",
         " diff"
       ] }),
-      diffExpanded && /* @__PURE__ */ jsx19(Text17, { dimColor: true, children: "[\u2191\u2193] Scroll [f/b] Page" }),
-      onEdit && /* @__PURE__ */ jsx19(Text17, { dimColor: true, children: "[e] Edit definitions" }),
-      /* @__PURE__ */ jsx19(Text17, { dimColor: true, children: "[q] Cancel" })
+      diffExpanded && /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[\u2191\u2193] Scroll [f/b] Page" }),
+      onEdit && /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[e] Edit definitions" }),
+      /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[q] Cancel" })
     ] })
   ] });
 }
@@ -11018,7 +11044,7 @@ var init_WizardPreviewStep = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/DoneStep.tsx
 import { Box as Box17, Text as Text18 } from "ink";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function DoneStep({
   componentTypes,
   designTokens,
@@ -11026,7 +11052,6 @@ function DoneStep({
   spaceId,
   environmentId,
   host,
-  runTeaser,
   failures = [],
   onExit
 }) {
@@ -11039,9 +11064,9 @@ function DoneStep({
   const totalPushed = componentTypes.created + componentTypes.updated + componentTypes.removed + designTokens.created + designTokens.updated + designTokens.removed;
   const success = totalFailed === 0;
   function EntityRows({ entity, label }) {
-    return /* @__PURE__ */ jsxs17(Fragment5, { children: [
+    return /* @__PURE__ */ jsxs17(Fragment6, { children: [
       entity.created > 0 && /* @__PURE__ */ jsxs17(Box17, { gap: 1, children: [
-        /* @__PURE__ */ jsx20(Text18, { color: PALETTE.success, children: "\u2713" }),
+        /* @__PURE__ */ jsx21(Text18, { color: PALETTE.success, children: "\u2713" }),
         /* @__PURE__ */ jsxs17(Text18, { children: [
           entity.created,
           " ",
@@ -11051,7 +11076,7 @@ function DoneStep({
         ] })
       ] }),
       entity.updated > 0 && /* @__PURE__ */ jsxs17(Box17, { gap: 1, children: [
-        /* @__PURE__ */ jsx20(Text18, { color: PALETTE.success, children: "\u2713" }),
+        /* @__PURE__ */ jsx21(Text18, { color: PALETTE.success, children: "\u2713" }),
         /* @__PURE__ */ jsxs17(Text18, { children: [
           entity.updated,
           " ",
@@ -11061,7 +11086,7 @@ function DoneStep({
         ] })
       ] }),
       entity.removed > 0 && /* @__PURE__ */ jsxs17(Box17, { gap: 1, children: [
-        /* @__PURE__ */ jsx20(Text18, { color: PALETTE.success, children: "\u2713" }),
+        /* @__PURE__ */ jsx21(Text18, { color: PALETTE.success, children: "\u2713" }),
         /* @__PURE__ */ jsxs17(Text18, { children: [
           entity.removed,
           " ",
@@ -11071,7 +11096,7 @@ function DoneStep({
         ] })
       ] }),
       entity.failed > 0 && /* @__PURE__ */ jsxs17(Box17, { gap: 1, children: [
-        /* @__PURE__ */ jsx20(Text18, { color: PALETTE.error, children: "\u2717" }),
+        /* @__PURE__ */ jsx21(Text18, { color: PALETTE.error, children: "\u2717" }),
         /* @__PURE__ */ jsxs17(Text18, { color: PALETTE.error, children: [
           entity.failed,
           " ",
@@ -11083,10 +11108,10 @@ function DoneStep({
     ] });
   }
   return /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    success ? /* @__PURE__ */ jsx20(Text18, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx20(Text18, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
-    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx20(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx20(Text18, { dimColor: true, children: "Nothing was pushed \u2014 everything was already up to date." }) }) : /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", gap: 0, marginTop: 1, children: [
-      /* @__PURE__ */ jsx20(EntityRows, { entity: componentTypes, label: "Component Type" }),
-      /* @__PURE__ */ jsx20(EntityRows, { entity: designTokens, label: "Design Token" }),
+    success ? /* @__PURE__ */ jsx21(Text18, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx21(Text18, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
+    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx21(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx21(Text18, { dimColor: true, children: "Nothing was pushed \u2014 everything was already up to date." }) }) : /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", gap: 0, marginTop: 1, children: [
+      /* @__PURE__ */ jsx21(EntityRows, { entity: componentTypes, label: "Component Type" }),
+      /* @__PURE__ */ jsx21(EntityRows, { entity: designTokens, label: "Design Token" }),
       summary && /* @__PURE__ */ jsxs17(Box17, { gap: 1, marginTop: 1, children: [
         /* @__PURE__ */ jsxs17(Text18, { dimColor: true, children: [
           "Server: ",
@@ -11103,7 +11128,7 @@ function DoneStep({
       ] })
     ] }),
     failures.length > 0 && /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx20(Text18, { bold: true, color: PALETTE.error, children: "Failure details" }),
+      /* @__PURE__ */ jsx21(Text18, { bold: true, color: PALETTE.error, children: "Failure details" }),
       failures.map((failure) => /* @__PURE__ */ jsxs17(Text18, { color: PALETTE.error, children: [
         failure.entityType,
         " ",
@@ -11112,20 +11137,19 @@ function DoneStep({
         failure.message
       ] }, `${failure.entityType}:${failure.entityId}`))
     ] }),
-    /* @__PURE__ */ jsx20(SpaceEnvironment, { spaceId, environmentId }),
+    /* @__PURE__ */ jsx21(SpaceEnvironment, { spaceId, environmentId }),
     success && totalPushed > 0 && /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", gap: 1, marginTop: 1, children: [
-      /* @__PURE__ */ jsx20(Text18, { dimColor: true, children: "Your design system is now in Contentful ExO." }),
+      /* @__PURE__ */ jsx21(Text18, { dimColor: true, children: "Your design system is now in Contentful Experiences." }),
       /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", gap: 0, children: [
-        /* @__PURE__ */ jsx20(Text18, { dimColor: true, children: "View your components here:" }),
-        /* @__PURE__ */ jsx20(Text18, { color: PALETTE.info, children: buildPostPushUrl({ host: host ?? "api.contentful.com", spaceId, environmentId }) })
+        /* @__PURE__ */ jsx21(Text18, { dimColor: true, children: "View your components here:" }),
+        /* @__PURE__ */ jsx21(Text18, { color: PALETTE.info, children: buildPostPushUrl({ host: host ?? "api.contentful.com", spaceId, environmentId }) })
       ] }),
       /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", gap: 0, children: [
-        /* @__PURE__ */ jsx20(Text18, { dimColor: true, children: "View your design tokens here:" }),
-        /* @__PURE__ */ jsx20(Text18, { color: PALETTE.info, children: buildPostPushUrl({ host: host ?? "api.contentful.com", spaceId, environmentId, view: "design_tokens" }) })
+        /* @__PURE__ */ jsx21(Text18, { dimColor: true, children: "View your design tokens here:" }),
+        /* @__PURE__ */ jsx21(Text18, { color: PALETTE.info, children: buildPostPushUrl({ host: host ?? "api.contentful.com", spaceId, environmentId, view: "design_tokens" }) })
       ] })
     ] }),
-    runTeaser && /* @__PURE__ */ jsx20(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx20(Text18, { dimColor: true, children: runTeaser }) }),
-    /* @__PURE__ */ jsx20(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx20(Text18, { dimColor: true, children: "[Enter / q] Exit" }) })
+    /* @__PURE__ */ jsx21(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx21(Text18, { dimColor: true, children: "[Enter / q] Exit" }) })
   ] });
 }
 var init_DoneStep = __esm({
@@ -11140,7 +11164,7 @@ var init_DoneStep = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/ErrorStep.tsx
 import { Box as Box18, Text as Text19 } from "ink";
-import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function ErrorStep({
   stepName,
   message,
@@ -11167,13 +11191,13 @@ function ErrorStep({
       stepName,
       " failed"
     ] }),
-    /* @__PURE__ */ jsx21(Text19, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx22(Text19, { color: PALETTE.error, children: message }),
     /* @__PURE__ */ jsxs18(Box18, { gap: 3, marginTop: 1, children: [
-      onAcknowledgeBreakingChanges ? /* @__PURE__ */ jsxs18(Fragment6, { children: [
-        /* @__PURE__ */ jsx21(Text19, { dimColor: true, children: "[Enter] Acknowledge and apply" }),
-        /* @__PURE__ */ jsx21(Text19, { dimColor: true, children: "[Esc / q] Exit" })
-      ] }) : /* @__PURE__ */ jsx21(Text19, { dimColor: true, children: "[Enter / q] Exit" }),
-      onRetryCredentials && /* @__PURE__ */ jsx21(Text19, { dimColor: true, children: "[r] Re-enter credentials" })
+      onAcknowledgeBreakingChanges ? /* @__PURE__ */ jsxs18(Fragment7, { children: [
+        /* @__PURE__ */ jsx22(Text19, { dimColor: true, children: "[Enter] Acknowledge and apply" }),
+        /* @__PURE__ */ jsx22(Text19, { dimColor: true, children: "[Esc / q] Exit" })
+      ] }) : /* @__PURE__ */ jsx22(Text19, { dimColor: true, children: "[Enter / q] Exit" }),
+      onRetryCredentials && /* @__PURE__ */ jsx22(Text19, { dimColor: true, children: "[r] Re-enter credentials" })
     ] })
   ] });
 }
@@ -11189,7 +11213,7 @@ var init_ErrorStep = __esm({
 import { useState as useState11 } from "react";
 import { Box as Box19, Text as Text20 } from "ink";
 import { statSync } from "node:fs";
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function TokenInputStep({ onConfirm, onSkip, onQuit }) {
   const [inputValue, setInputValue] = useState11("");
   const cursorVisible = useBlinkingCursor();
@@ -11265,15 +11289,15 @@ function TokenInputStep({ onConfirm, onSkip, onQuit }) {
   });
   const displayValue2 = inputValue + (cursorVisible ? "\u2588" : " ");
   return /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx22(Text20, { bold: true, children: "Design tokens" }),
-    /* @__PURE__ */ jsx22(Text20, { dimColor: true, 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 DTCG format." }),
+    /* @__PURE__ */ jsx23(Text20, { bold: true, children: "Design tokens" }),
+    /* @__PURE__ */ jsx23(Text20, { dimColor: true, 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 DTCG format." }),
     /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", marginTop: 1, gap: 0, children: [
       /* @__PURE__ */ jsxs19(Box19, { gap: 1, children: [
-        /* @__PURE__ */ jsx22(Text20, { color: PALETTE.info, children: "?" }),
-        /* @__PURE__ */ jsx22(Text20, { children: "Token path (file or directory):" }),
-        /* @__PURE__ */ jsx22(Text20, { children: displayValue2 })
+        /* @__PURE__ */ jsx23(Text20, { color: PALETTE.info, children: "?" }),
+        /* @__PURE__ */ jsx23(Text20, { children: "Token path (file or directory):" }),
+        /* @__PURE__ */ jsx23(Text20, { children: displayValue2 })
       ] }),
-      resolvedPath && resolvedPath !== inputValue.trim() && !error && /* @__PURE__ */ jsx22(Box19, { marginLeft: 2, children: /* @__PURE__ */ jsxs19(Text20, { dimColor: true, children: [
+      resolvedPath && resolvedPath !== inputValue.trim() && !error && /* @__PURE__ */ jsx23(Box19, { marginLeft: 2, children: /* @__PURE__ */ jsxs19(Text20, { dimColor: true, children: [
         "\u2192 ",
         resolvedPath
       ] }) }),
@@ -11289,11 +11313,11 @@ function TokenInputStep({ onConfirm, onSkip, onQuit }) {
       ] })
     ] }),
     /* @__PURE__ */ jsxs19(Box19, { gap: 3, marginTop: 1, children: [
-      /* @__PURE__ */ jsx22(Text20, { dimColor: true, children: "[Enter] Submit / Skip if empty" }),
-      /* @__PURE__ */ jsx22(Text20, { dimColor: true, children: "[Tab] Exit typing" }),
-      /* @__PURE__ */ jsx22(Text20, { dimColor: true, children: "[Esc] Clear & exit" }),
-      /* @__PURE__ */ jsx22(Text20, { dimColor: true, children: "[s] Skip" }),
-      /* @__PURE__ */ jsx22(Text20, { dimColor: true, children: "[q] Quit" })
+      /* @__PURE__ */ jsx23(Text20, { dimColor: true, children: "[Enter] Submit / Skip if empty" }),
+      /* @__PURE__ */ jsx23(Text20, { dimColor: true, children: "[Tab] Exit typing" }),
+      /* @__PURE__ */ jsx23(Text20, { dimColor: true, children: "[Esc] Clear & exit" }),
+      /* @__PURE__ */ jsx23(Text20, { dimColor: true, children: "[s] Skip" }),
+      /* @__PURE__ */ jsx23(Text20, { dimColor: true, children: "[q] Quit" })
     ] })
   ] });
 }
@@ -11308,7 +11332,7 @@ var init_TokenInputStep = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/PreviewValidationErrorStep.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function PreviewValidationErrorStep({
   errors,
   missingNames,
@@ -11331,7 +11355,7 @@ function PreviewValidationErrorStep({
 
 Note: ${missingNames.length} component name${missingNames.length === 1 ? "" : "s"} from the server (${missingNames.join(", ")}) ${missingNames.length === 1 ? "does" : "do"} not match anything in this session \u2014 they cannot be edited or skipped from here.` : "";
   const skipLabel = matchedNames.length === 0 ? "No matching components to skip" : `Skip ${matchedNames.length === 1 ? matchedNames[0] : `${matchedNames.length} components`} and retry`;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     GateStep,
     {
       intent: "error",
@@ -11357,33 +11381,34 @@ var init_PreviewValidationErrorStep = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/PushingStep.tsx
 import { Box as Box20, Text as Text21 } from "ink";
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { ProgressBar as ProgressBar2, ThemeProvider as ThemeProvider2 } from "@inkjs/ui";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function PushingStep({ stepNumber, totalSteps, progress }) {
-  const { spinner, elapsed } = useTimedSpinner();
+  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__ */ jsxs20(Box20, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx24(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
-    /* @__PURE__ */ jsx24(Text21, { children: "Writing component types and design tokens to your Contentful space..." }),
+    /* @__PURE__ */ jsx25(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
+    /* @__PURE__ */ jsx25(Text21, { children: "Writing component types and design tokens to your Contentful space..." }),
     operationId && /* @__PURE__ */ jsxs20(Box20, { gap: 1, children: [
-      /* @__PURE__ */ jsx24(Text21, { dimColor: true, children: "Operation:" }),
-      /* @__PURE__ */ jsx24(Text21, { children: operationId })
+      /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: "Operation:" }),
+      /* @__PURE__ */ jsx25(Text21, { children: operationId })
     ] }),
-    showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsxs20(Box20, { gap: 1, children: [
-      /* @__PURE__ */ jsx24(Text21, { color: PALETTE.info, children: spinner }),
+    showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx25(Box20, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs20(Box20, { gap: 2, children: [
+      /* @__PURE__ */ jsx25(Box20, { width: 40, children: /* @__PURE__ */ jsx25(ThemeProvider2, { theme: INK_UI_THEME, children: /* @__PURE__ */ jsx25(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
       /* @__PURE__ */ jsxs20(Text21, { dimColor: true, children: [
         progress.processed,
         "/",
         progress.total,
         " entities"
       ] })
-    ] }),
+    ] }) }),
     showCurrent && /* @__PURE__ */ jsxs20(Box20, { gap: 1, children: [
-      /* @__PURE__ */ jsx24(Text21, { dimColor: true, children: "Now processing:" }),
-      /* @__PURE__ */ jsx24(Text21, { children: showCurrent })
+      /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: "Now processing:" }),
+      /* @__PURE__ */ jsx25(Text21, { children: showCurrent })
     ] }),
-    /* @__PURE__ */ jsx24(Box20, { marginTop: 1, children: /* @__PURE__ */ jsxs20(Text21, { dimColor: true, children: [
+    /* @__PURE__ */ jsx25(Box20, { marginTop: 1, children: /* @__PURE__ */ jsxs20(Text21, { dimColor: true, children: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -11392,9 +11417,9 @@ function PushingStep({ stepNumber, totalSteps, progress }) {
 var init_PushingStep = __esm({
   "packages/experience-design-system-cli-legacy/src/import/tui/steps/PushingStep.tsx"() {
     "use strict";
-    init_theme();
     init_StepHeader();
     init_use_timed_spinner();
+    init_theme();
   }
 });
 
@@ -19982,7 +20007,7 @@ var init_composite_closure = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/Sidebar.tsx
 import { Box as Box21, Text as Text22 } from "ink";
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 function previewBadge(annotation) {
   switch (annotation) {
     case "new":
@@ -20001,7 +20026,7 @@ function PreviewBadge({
   badge,
   highlighted = false
 }) {
-  return badge ? /* @__PURE__ */ jsx25(Text22, { color: badge.color, bold: badge.bold, dimColor: highlighted ? false : badge.dim, children: badge.char }) : /* @__PURE__ */ jsx25(Text22, { children: " " });
+  return badge ? /* @__PURE__ */ jsx26(Text22, { color: badge.color, bold: badge.bold, dimColor: highlighted ? false : badge.dim, children: badge.char }) : /* @__PURE__ */ jsx26(Text22, { children: " " });
 }
 var init_Sidebar = __esm({
   "packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/Sidebar.tsx"() {
@@ -20013,7 +20038,7 @@ var init_Sidebar = __esm({
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/GroupedSidebar.tsx
 import figures from "figures";
 import { Box as Box22, Text as Text23 } from "ink";
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function isEmpty(entry) {
   return Object.keys(entry.$properties ?? {}).length === 0 && Object.keys(entry.$slots ?? {}).length === 0;
 }
@@ -20438,7 +20463,7 @@ function GroupedSidebar(props) {
   const end = windowed ? start + (visibleCount ?? allRows.length) : allRows.length;
   const rows = windowed ? allRows.slice(start, end) : allRows;
   return /* @__PURE__ */ jsxs22(WindowedPanel, { width, height: props.height, title, focused, children: [
-    windowed && /* @__PURE__ */ jsx26(WindowIndicator, { direction: "up", count: start }),
+    windowed && /* @__PURE__ */ jsx27(WindowIndicator, { direction: "up", count: start }),
     rows.map((row, i) => {
       const absoluteRowIdx = start + i;
       const isSelected = selectedRowIdx !== void 0 ? absoluteRowIdx === selectedRowIdx && row.itemIdx >= 0 : row.itemIdx >= 0 && row.itemIdx === selectedIdx;
@@ -20466,10 +20491,10 @@ function GroupedSidebar(props) {
         isCursor
       });
       return /* @__PURE__ */ jsxs22(Box22, { children: [
-        isCursor ? /* @__PURE__ */ jsx26(Text23, { color: PALETTE.info, bold: true, children: figures.pointer }) : /* @__PURE__ */ jsx26(Text23, { children: " " }),
-        /* @__PURE__ */ jsx26(PreviewBadge, { badge, highlighted: isSelected }),
-        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx26(Text23, { color: selColor, dimColor: isSelected ? false : selDim, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx26(Text23, { children: "    " })),
-        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx26(Text23, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx26(Text23, { children: "    " })),
+        isCursor ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE.info, bold: true, children: figures.pointer }) : /* @__PURE__ */ jsx27(Text23, { children: " " }),
+        /* @__PURE__ */ jsx27(PreviewBadge, { badge, highlighted: isSelected }),
+        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx27(Text23, { color: selColor, dimColor: isSelected ? false : selDim, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx27(Text23, { children: "    " })),
+        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx27(Text23, { children: "    " })),
         /* @__PURE__ */ jsxs22(
           Text23,
           {
@@ -20485,10 +20510,10 @@ function GroupedSidebar(props) {
             ]
           }
         ),
-        inheritanceStyle.glyph && /* @__PURE__ */ jsx26(Text23, { color: inheritanceStyle.color, bold: inheritanceStyle.bold, dimColor: inheritanceStyle.dim, children: " " + inheritanceStyle.glyph })
+        inheritanceStyle.glyph && /* @__PURE__ */ jsx27(Text23, { color: inheritanceStyle.color, bold: inheritanceStyle.bold, dimColor: inheritanceStyle.dim, children: " " + inheritanceStyle.glyph })
       ] }, row.key);
     }),
-    windowed && /* @__PURE__ */ jsx26(WindowIndicator, { direction: "down", count: allRows.length - end })
+    windowed && /* @__PURE__ */ jsx27(WindowIndicator, { direction: "down", count: allRows.length - end })
   ] });
 }
 var GLYPH_EXPAND_COLLAPSED, GLYPH_EXPAND_EXPANDED, GLYPH_TREE_MID, GLYPH_TREE_LAST, GLYPH_WARN, GLYPH_ERROR;
@@ -20751,7 +20776,7 @@ var init_sidebar_search_state = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/SearchMatchSummary.tsx
 import { Box as Box23, Text as Text24 } from "ink";
-import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function SearchMatchSummary({
   open,
   query,
@@ -20762,17 +20787,17 @@ function SearchMatchSummary({
   marginTop
 }) {
   if (hidden) return null;
-  return /* @__PURE__ */ jsxs23(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs23(Fragment8, { children: [
     open && /* @__PURE__ */ jsxs23(Box23, { marginTop, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs23(Text24, { children: [
         `/${query}`,
-        /* @__PURE__ */ jsx27(Text24, { color: PALETTE.info, children: "\u258E" }),
-        query && /* @__PURE__ */ jsx27(Text24, { dimColor: true, children: formatSearchMatchSummary(matches, total) }),
-        /* @__PURE__ */ jsx27(Text24, { dimColor: true, children: "  \xB7 [Esc] leave" })
+        /* @__PURE__ */ jsx28(Text24, { color: PALETTE.info, children: "\u258E" }),
+        query && /* @__PURE__ */ jsx28(Text24, { dimColor: true, children: formatSearchMatchSummary(matches, total) }),
+        /* @__PURE__ */ jsx28(Text24, { dimColor: true, children: "  \xB7 [Esc] leave" })
       ] }),
-      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx27(Text24, { dimColor: true, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
+      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx28(Text24, { dimColor: true, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
     ] }),
-    !open && query && /* @__PURE__ */ jsx27(Box23, { marginTop, children: /* @__PURE__ */ jsx27(Text24, { dimColor: true, children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
+    !open && query && /* @__PURE__ */ jsx28(Box23, { marginTop, children: /* @__PURE__ */ jsx28(Text24, { dimColor: true, children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
   ] });
 }
 var init_SearchMatchSummary = __esm({
@@ -20861,7 +20886,7 @@ var init_lineage_layout = __esm({
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/GotoBanner.tsx
 import figures2 from "figures";
 import { Box as Box24, Text as Text25 } from "ink";
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 function windowStart(rowCount, highlightIndex, maxRows) {
   if (rowCount <= maxRows) return 0;
   const maxStart = rowCount - maxRows;
@@ -20872,8 +20897,8 @@ function windowStart(rowCount, highlightIndex, maxRows) {
 }
 function defaultRenderRow(row, index, isCursor) {
   return /* @__PURE__ */ jsxs24(Text25, { children: [
-    isCursor ? /* @__PURE__ */ jsx28(Text25, { color: PALETTE.info, bold: true, children: figures2.pointer }) : /* @__PURE__ */ jsx28(Text25, { children: " " }),
-    /* @__PURE__ */ jsx28(Text25, { inverse: isCursor, children: " " + row.label })
+    isCursor ? /* @__PURE__ */ jsx29(Text25, { color: PALETTE.info, bold: true, children: figures2.pointer }) : /* @__PURE__ */ jsx29(Text25, { children: " " }),
+    /* @__PURE__ */ jsx29(Text25, { inverse: isCursor, children: " " + row.label })
   ] }, index);
 }
 function GotoBanner({
@@ -20903,14 +20928,14 @@ function GotoBanner({
       width,
       flexShrink: 0,
       children: [
-        /* @__PURE__ */ jsx28(Text25, { bold: true, children: title }),
-        moreAbove > 0 && /* @__PURE__ */ jsx28(Text25, { dimColor: true, children: `  \u25B2 ${moreAbove} more` }),
+        /* @__PURE__ */ jsx29(Text25, { bold: true, children: title }),
+        moreAbove > 0 && /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: `  \u25B2 ${moreAbove} more` }),
         visible.map((row, vi) => {
           const i = start + vi;
           return renderRow(row, i, i === highlightIndex);
         }),
-        moreBelow > 0 && /* @__PURE__ */ jsx28(Text25, { dimColor: true, children: `  \u25BC ${moreBelow} more` }),
-        footerHint !== void 0 && /* @__PURE__ */ jsx28(Text25, { dimColor: true, children: footerHint })
+        moreBelow > 0 && /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: `  \u25BC ${moreBelow} more` }),
+        footerHint !== void 0 && /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: footerHint })
       ]
     }
   );
@@ -20927,7 +20952,7 @@ var init_GotoBanner = __esm({
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/HelpOverlay.tsx
 import React12 from "react";
 import { Box as Box25, Text as Text26 } from "ink";
-import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function HelpOverlay(props) {
   const { onClose } = props;
   const { columns: terminalColumns, rows: terminalRows } = useTerminalSize();
@@ -20948,11 +20973,11 @@ function HelpOverlay(props) {
         height: panelHeight,
         overflowY: "hidden",
         children: [
-          /* @__PURE__ */ jsx29(Text26, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+          /* @__PURE__ */ jsx30(Text26, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
           props.sections.map((section2) => /* @__PURE__ */ jsxs25(React12.Fragment, { children: [
-            /* @__PURE__ */ jsx29(Text26, { children: " " }),
-            /* @__PURE__ */ jsx29(Text26, { bold: true, children: section2.title }),
-            section2.entries.map((entry) => /* @__PURE__ */ jsx29(Text26, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
+            /* @__PURE__ */ jsx30(Text26, { children: " " }),
+            /* @__PURE__ */ jsx30(Text26, { bold: true, children: section2.title }),
+            section2.entries.map((entry) => /* @__PURE__ */ jsx30(Text26, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
           ] }, section2.title))
         ]
       }
@@ -20969,31 +20994,31 @@ function HelpOverlay(props) {
       height: panelHeight,
       overflowY: "hidden",
       children: [
-        /* @__PURE__ */ jsx29(Text26, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
-        /* @__PURE__ */ jsx29(Text26, { children: " " }),
-        /* @__PURE__ */ jsx29(Text26, { bold: true, children: "Navigation" }),
-        /* @__PURE__ */ jsx29(Text26, { children: "  \u2191 / k / PgUp     Scroll up" }),
-        /* @__PURE__ */ jsx29(Text26, { children: "  \u2193 / j / PgDn     Scroll down" }),
-        /* @__PURE__ */ jsx29(Text26, { children: "  g / Home         Jump to top" }),
-        /* @__PURE__ */ jsx29(Text26, { children: "  G / End          Jump to bottom" }),
-        mode === "review" && /* @__PURE__ */ jsxs25(Fragment8, { children: [
-          /* @__PURE__ */ jsx29(Text26, { children: " " }),
-          /* @__PURE__ */ jsx29(Text26, { bold: true, children: "[Review mode only]" }),
-          /* @__PURE__ */ jsx29(Text26, { children: "  Tab              Toggle sidebar/detail" }),
-          /* @__PURE__ */ jsx29(Text26, { children: "  a                Accept component" }),
-          /* @__PURE__ */ jsx29(Text26, { children: "  r                Reject component" }),
-          /* @__PURE__ */ jsx29(Text26, { children: "  e                Edit proposal" }),
-          /* @__PURE__ */ jsx29(Text26, { children: "  s                Toggle source code" }),
-          /* @__PURE__ */ jsx29(Text26, { children: "  A                Approve all" }),
-          /* @__PURE__ */ jsx29(Text26, { children: "  F                Open finalize dialog" }),
-          /* @__PURE__ */ jsx29(Text26, { children: "  Ctrl+S           Save draft" }),
-          /* @__PURE__ */ jsx29(Text26, { children: "  Ctrl+Z           Undo" }),
-          /* @__PURE__ */ jsx29(Text26, { children: "  Ctrl+Y           Redo" }),
-          /* @__PURE__ */ jsx29(Text26, { children: "  Esc              Exit edit / close" })
+        /* @__PURE__ */ jsx30(Text26, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+        /* @__PURE__ */ jsx30(Text26, { children: " " }),
+        /* @__PURE__ */ jsx30(Text26, { bold: true, children: "Navigation" }),
+        /* @__PURE__ */ jsx30(Text26, { children: "  \u2191 / k / PgUp     Scroll up" }),
+        /* @__PURE__ */ jsx30(Text26, { children: "  \u2193 / j / PgDn     Scroll down" }),
+        /* @__PURE__ */ jsx30(Text26, { children: "  g / Home         Jump to top" }),
+        /* @__PURE__ */ jsx30(Text26, { children: "  G / End          Jump to bottom" }),
+        mode === "review" && /* @__PURE__ */ jsxs25(Fragment9, { children: [
+          /* @__PURE__ */ jsx30(Text26, { children: " " }),
+          /* @__PURE__ */ jsx30(Text26, { bold: true, children: "[Review mode only]" }),
+          /* @__PURE__ */ jsx30(Text26, { children: "  Tab              Toggle sidebar/detail" }),
+          /* @__PURE__ */ jsx30(Text26, { children: "  a                Accept component" }),
+          /* @__PURE__ */ jsx30(Text26, { children: "  r                Reject component" }),
+          /* @__PURE__ */ jsx30(Text26, { children: "  e                Edit proposal" }),
+          /* @__PURE__ */ jsx30(Text26, { children: "  s                Toggle source code" }),
+          /* @__PURE__ */ jsx30(Text26, { children: "  A                Approve all" }),
+          /* @__PURE__ */ jsx30(Text26, { children: "  F                Open finalize dialog" }),
+          /* @__PURE__ */ jsx30(Text26, { children: "  Ctrl+S           Save draft" }),
+          /* @__PURE__ */ jsx30(Text26, { children: "  Ctrl+Z           Undo" }),
+          /* @__PURE__ */ jsx30(Text26, { children: "  Ctrl+Y           Redo" }),
+          /* @__PURE__ */ jsx30(Text26, { children: "  Esc              Exit edit / close" })
         ] }),
-        /* @__PURE__ */ jsx29(Text26, { children: " " }),
-        /* @__PURE__ */ jsx29(Text26, { children: "  h                Close help" }),
-        /* @__PURE__ */ jsx29(Text26, { children: "  q                Quit" })
+        /* @__PURE__ */ jsx30(Text26, { children: " " }),
+        /* @__PURE__ */ jsx30(Text26, { children: "  h                Close help" }),
+        /* @__PURE__ */ jsx30(Text26, { children: "  q                Quit" })
       ]
     }
   );
@@ -21009,11 +21034,11 @@ var init_HelpOverlay = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/LegendEntry.tsx
 import { Text as Text27 } from "ink";
-import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 function legendEntry(keyBracket, label, active = false) {
   return /* @__PURE__ */ jsxs26(Text27, { children: [
-    /* @__PURE__ */ jsx30(Text27, { color: active ? PALETTE.warning : PALETTE.info, inverse: active, children: keyBracket }),
-    /* @__PURE__ */ jsx30(Text27, { color: active ? PALETTE.warning : void 0, inverse: active, dimColor: !active, children: " " + label })
+    /* @__PURE__ */ jsx31(Text27, { color: active ? PALETTE.warning : PALETTE.info, inverse: active, children: keyBracket }),
+    /* @__PURE__ */ jsx31(Text27, { color: active ? PALETTE.warning : void 0, inverse: active, dimColor: !active, children: " " + label })
   ] }, keyBracket + label);
 }
 var init_LegendEntry = __esm({
@@ -21047,7 +21072,7 @@ var init_CompactControlBar = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/CounterStrip.tsx
 import { Box as Box27, Text as Text28 } from "ink";
-import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 function CounterStrip(props) {
   const { counters, totalWidth } = props;
   const condensed = totalWidth < 60;
@@ -21055,24 +21080,24 @@ function CounterStrip(props) {
   const labelRej = condensed ? "Rej" : "Rejected";
   const labelUnd = condensed ? "Und" : "Undecided";
   const sep = condensed ? " | " : "    ";
-  return /* @__PURE__ */ jsx31(Box27, { marginTop: 1, children: /* @__PURE__ */ jsxs28(Text28, { children: [
+  return /* @__PURE__ */ jsx32(Box27, { marginTop: 1, children: /* @__PURE__ */ jsxs28(Text28, { children: [
     /* @__PURE__ */ jsxs28(Text28, { dimColor: true, children: [
       labelGrp,
       " "
     ] }),
-    /* @__PURE__ */ jsx31(Text28, { bold: true, children: counters.groups }),
-    /* @__PURE__ */ jsx31(Text28, { dimColor: true, children: sep }),
+    /* @__PURE__ */ jsx32(Text28, { bold: true, children: counters.groups }),
+    /* @__PURE__ */ jsx32(Text28, { dimColor: true, children: sep }),
     /* @__PURE__ */ jsxs28(Text28, { dimColor: true, children: [
       labelRej,
       " "
     ] }),
-    /* @__PURE__ */ jsx31(Text28, { bold: true, children: counters.rejected }),
-    /* @__PURE__ */ jsx31(Text28, { dimColor: true, children: sep }),
+    /* @__PURE__ */ jsx32(Text28, { bold: true, children: counters.rejected }),
+    /* @__PURE__ */ jsx32(Text28, { dimColor: true, children: sep }),
     /* @__PURE__ */ jsxs28(Text28, { dimColor: true, children: [
       labelUnd,
       " "
     ] }),
-    /* @__PURE__ */ jsx31(Text28, { bold: true, children: counters.undecided })
+    /* @__PURE__ */ jsx32(Text28, { bold: true, children: counters.undecided })
   ] }) });
 }
 var init_CounterStrip = __esm({
@@ -21425,7 +21450,7 @@ var init_scope_gate_columns = __esm({
 import { Box as Box28, Text as Text29 } from "ink";
 import React13, { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef4, useState as useState14 } from "react";
 import figures3 from "figures";
-import { Fragment as Fragment9, jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 function toSidebarEntry(c2) {
   const $slots = {};
   if (c2.slots) {
@@ -21442,9 +21467,9 @@ function toSidebarEntry(c2) {
 }
 function ScopeGateStep(props) {
   if (props.components.length === 0) {
-    return /* @__PURE__ */ jsx32(Box28, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx32(Text29, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
+    return /* @__PURE__ */ jsx33(Box28, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx33(Text29, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
   }
-  return /* @__PURE__ */ jsx32(ScopeGateStepView, { ...props, components: [...props.components] });
+  return /* @__PURE__ */ jsx33(ScopeGateStepView, { ...props, components: [...props.components] });
 }
 function ScopeGateStepView({
   components,
@@ -22027,17 +22052,17 @@ function ScopeGateStepView({
   );
   const safeAddedComponentsCursor = Math.min(addedComponentsCursor, Math.max(0, addedComponents.length - 1));
   if (showHelp) {
-    return /* @__PURE__ */ jsx32(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: () => setShowHelp(false) });
+    return /* @__PURE__ */ jsx33(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: () => setShowHelp(false) });
   }
   return /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", paddingX: 2, children: [
-    hasAnyAi && /* @__PURE__ */ jsx32(Box28, { children: /* @__PURE__ */ jsxs29(Text29, { dimColor: true, children: [
+    hasAnyAi && /* @__PURE__ */ jsx33(Box28, { children: /* @__PURE__ */ jsxs29(Text29, { dimColor: true, children: [
       `${aiExcludedCount} component${aiExcludedCount === 1 ? "" : "s"} flagged by AI`,
-      aiRows.length > 0 && /* @__PURE__ */ jsx32(Text29, { color: PALETTE.info, children: " \u2014 press [x] to see why" })
+      aiRows.length > 0 && /* @__PURE__ */ jsx33(Text29, { color: PALETTE.info, children: " \u2014 press [x] to see why" })
     ] }) }),
-    /* @__PURE__ */ jsx32(CounterStrip, { counters, totalWidth }),
-    hasCycles && /* @__PURE__ */ jsx32(Box28, { marginTop: 1, children: /* @__PURE__ */ jsx32(Text29, { dimColor: true, children: "If you must have components with cycles, select them together into the generate step and then use the editor to fix them." }) }),
+    /* @__PURE__ */ jsx33(CounterStrip, { counters, totalWidth }),
+    hasCycles && /* @__PURE__ */ jsx33(Box28, { marginTop: 1, children: /* @__PURE__ */ jsx33(Text29, { dimColor: true, children: "If you must have components with cycles, select them together into the generate step and then use the editor to fix them." }) }),
     /* @__PURE__ */ jsxs29(Box28, { flexDirection: "row", alignItems: "stretch", children: [
-      aiRationalePanel.isOpen ? /* @__PURE__ */ jsx32(
+      aiRationalePanel.isOpen ? /* @__PURE__ */ jsx33(
         GotoBanner,
         {
           title: `Review flags (${aiExcludedCount})`,
@@ -22047,7 +22072,7 @@ function ScopeGateStepView({
           width: sidebarWidth,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [x/Esc] close"
         }
-      ) : /* @__PURE__ */ jsx32(
+      ) : /* @__PURE__ */ jsx33(
         GroupedSidebar,
         {
           items: groupedItems,
@@ -22074,9 +22099,9 @@ function ScopeGateStepView({
           graph
         }
       ),
-      columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs29(Fragment9, { children: [
-        /* @__PURE__ */ jsx32(Box28, { width: 2, flexShrink: 0 }),
-        /* @__PURE__ */ jsx32(
+      columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs29(Fragment10, { children: [
+        /* @__PURE__ */ jsx33(Box28, { width: 2, flexShrink: 0 }),
+        /* @__PURE__ */ jsx33(
           AddedComponentsColumn,
           {
             width: columnPlan.added,
@@ -22092,8 +22117,8 @@ function ScopeGateStepView({
       ] })
     ] }),
     cyclesPanelOpen && /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
-      /* @__PURE__ */ jsx32(Text29, { bold: true, color: PALETTE.warning, children: `Cycles detected (${slotCycles.length}):` }),
-      /* @__PURE__ */ jsx32(Text29, { children: " " }),
+      /* @__PURE__ */ jsx33(Text29, { bold: true, color: PALETTE.warning, children: `Cycles detected (${slotCycles.length}):` }),
+      /* @__PURE__ */ jsx33(Text29, { children: " " }),
       slotCycles.map((cycle, i) => {
         const isCursor = i === cyclesCursor;
         const parts = [];
@@ -22104,19 +22129,19 @@ function ScopeGateStepView({
         parts.push(cycle.path[cycle.path.length - 1]);
         const label = `Cycle ${i + 1}: ${parts.join(" \u2192 ")}`;
         return /* @__PURE__ */ jsxs29(Text29, { children: [
-          isCursor ? /* @__PURE__ */ jsx32(Text29, { color: PALETTE.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx32(Text29, { children: " " }),
-          /* @__PURE__ */ jsx32(Text29, { color: PALETTE.warning, inverse: isCursor, children: " " + label })
+          isCursor ? /* @__PURE__ */ jsx33(Text29, { color: PALETTE.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx33(Text29, { children: " " }),
+          /* @__PURE__ */ jsx33(Text29, { color: PALETTE.warning, inverse: isCursor, children: " " + label })
         ] }, i);
       }),
-      /* @__PURE__ */ jsx32(Text29, { dimColor: true, children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
+      /* @__PURE__ */ jsx33(Text29, { dimColor: true, children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
     ] }),
     pendingRejectCascade && /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
-      /* @__PURE__ */ jsx32(Text29, { bold: true, color: PALETTE.warning, children: `Rejecting ${pendingRejectCascade.target} will:` }),
-      pendingRejectCascade.ancestors.length > 0 && /* @__PURE__ */ jsx32(Text29, { children: `- Reject ancestors: ${pendingRejectCascade.ancestors.join(", ")}` }),
-      pendingRejectCascade.descendants.length > 0 && /* @__PURE__ */ jsx32(Text29, { children: `- Deselect descendants: ${pendingRejectCascade.descendants.join(", ")}` }),
-      /* @__PURE__ */ jsx32(Text29, { dimColor: true, children: "[y] confirm \xB7 [n]/[Esc] cancel" })
+      /* @__PURE__ */ jsx33(Text29, { bold: true, color: PALETTE.warning, children: `Rejecting ${pendingRejectCascade.target} will:` }),
+      pendingRejectCascade.ancestors.length > 0 && /* @__PURE__ */ jsx33(Text29, { children: `- Reject ancestors: ${pendingRejectCascade.ancestors.join(", ")}` }),
+      pendingRejectCascade.descendants.length > 0 && /* @__PURE__ */ jsx33(Text29, { children: `- Deselect descendants: ${pendingRejectCascade.descendants.join(", ")}` }),
+      /* @__PURE__ */ jsx33(Text29, { dimColor: true, children: "[y] confirm \xB7 [n]/[Esc] cancel" })
     ] }),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       SearchMatchSummary,
       {
         open: searchOpen,
@@ -22127,7 +22152,7 @@ function ScopeGateStepView({
         marginTop: 1
       }
     ),
-    /* @__PURE__ */ jsx32(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
+    /* @__PURE__ */ jsx33(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
   ] });
 }
 function sideColumnLabelStyle(input) {
@@ -22182,8 +22207,8 @@ function AddedColumn(props) {
   const firstNonCycleIdx = entries.findIndex((e) => !e.isCycle);
   const window = computeColumnWindow(entries.length, cursor, Math.max(1, visibleCount));
   return /* @__PURE__ */ jsxs29(WindowedPanel, { width, height, title, focused, children: [
-    /* @__PURE__ */ jsx32(WindowIndicator, { direction: "up", count: window.above }),
-    entries.length === 0 ? /* @__PURE__ */ jsx32(Text29, { dimColor: true, children: "(none)" }) : entries.slice(window.start, window.end).map((entry, vi) => {
+    /* @__PURE__ */ jsx33(WindowIndicator, { direction: "up", count: window.above }),
+    entries.length === 0 ? /* @__PURE__ */ jsx33(Text29, { dimColor: true, children: "(none)" }) : entries.slice(window.start, window.end).map((entry, vi) => {
       const i = window.start + vi;
       const isSelected = i === cursor;
       const isCursor = focused && isSelected;
@@ -22195,11 +22220,11 @@ function AddedColumn(props) {
         focused
       });
       return /* @__PURE__ */ jsxs29(React13.Fragment, { children: [
-        showSeparator && /* @__PURE__ */ jsx32(Text29, { dimColor: true, children: "\u2500".repeat(Math.max(0, width - 2)) }),
+        showSeparator && /* @__PURE__ */ jsx33(Text29, { dimColor: true, children: "\u2500".repeat(Math.max(0, width - 2)) }),
         /* @__PURE__ */ jsxs29(Box28, { children: [
-          isCursor ? /* @__PURE__ */ jsx32(Text29, { color: PALETTE.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx32(Text29, { children: " " }),
-          reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx32(Text29, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx32(Text29, { children: "    " })),
-          entry.isCycle && /* @__PURE__ */ jsx32(
+          isCursor ? /* @__PURE__ */ jsx33(Text29, { color: PALETTE.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx33(Text29, { children: " " }),
+          reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx33(Text29, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx33(Text29, { children: "    " })),
+          entry.isCycle && /* @__PURE__ */ jsx33(
             Text29,
             {
               color: isCursor ? PALETTE.info : PALETTE.warning,
@@ -22209,7 +22234,7 @@ function AddedColumn(props) {
               children: " \u26A0"
             }
           ),
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             Text29,
             {
               color: style.nameColor,
@@ -22224,11 +22249,11 @@ function AddedColumn(props) {
         ] })
       ] }, entry.name);
     }),
-    /* @__PURE__ */ jsx32(WindowIndicator, { direction: "down", count: window.below })
+    /* @__PURE__ */ jsx33(WindowIndicator, { direction: "down", count: window.below })
   ] });
 }
 function AddedComponentsColumn(props) {
-  return /* @__PURE__ */ jsx32(AddedColumn, { ...props });
+  return /* @__PURE__ */ jsx33(AddedColumn, { ...props });
 }
 var HELP_SECTIONS;
 var init_ScopeGateStep = __esm({
@@ -22660,7 +22685,7 @@ import {
   CDF_PROPERTY_CATEGORIES,
   DESIGN_TOKEN_TYPES as DESIGN_TOKEN_TYPES2
 } from "@contentful/experience-design-system-types";
-import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 function createCommonRowProps(selected, focusLevel, editingField, textCursor, valueCursor, cursorVisible, editingValue, valueText, width) {
   return {
     selected,
@@ -22799,16 +22824,13 @@ function serializeState(state, originalJson) {
 }
 function Picker({ value, active }) {
   return /* @__PURE__ */ jsxs30(Box29, { children: [
-    active && /* @__PURE__ */ jsx33(Text30, { color: PALETTE.info, children: "\u2039" }),
-    /* @__PURE__ */ jsx33(Text30, { color: active ? PALETTE.info : PALETTE.inverse, bold: active, children: value }),
-    active && /* @__PURE__ */ jsx33(Text30, { color: PALETTE.info, children: "\u203A" })
+    active && /* @__PURE__ */ jsx34(Text30, { color: PALETTE.info, children: "\u2039" }),
+    /* @__PURE__ */ jsx34(Text30, { color: active ? PALETTE.info : PALETTE.inverse, bold: active, children: value }),
+    active && /* @__PURE__ */ jsx34(Text30, { color: PALETTE.info, children: "\u203A" })
   ] });
 }
-function categorySwitchTarget(category) {
-  return category === "content" ? "design" : "content";
-}
 function Toggle({ value, active }) {
-  return /* @__PURE__ */ jsx33(Box29, { children: /* @__PURE__ */ jsx33(Text30, { color: active ? PALETTE.info : value ? PALETTE.success : void 0, children: value ? "[\u2713]" : "[ ]" }) });
+  return /* @__PURE__ */ jsx34(Box29, { children: /* @__PURE__ */ jsx34(Text30, { color: active ? PALETTE.info : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
 }
 function InlinePropField({
   label,
@@ -22835,31 +22857,44 @@ function InlinePropField({
     children
   ] });
 }
+function RequiredField({
+  value,
+  selected,
+  focused,
+  editingField,
+  activeField
+}) {
+  return /* @__PURE__ */ jsx34(InlinePropField, { label: "req:", selected, focused, children: /* @__PURE__ */ jsx34(Toggle, { value, active: editingField && activeField === "required" }) });
+}
 function DefaultValueRow({
   display,
   active,
   focused
 }) {
-  return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
+  return /* @__PURE__ */ jsxs30(Box29, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
     /* @__PURE__ */ jsxs30(Text30, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    active ? /* @__PURE__ */ jsx33(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx33(Text30, { color: PALETTE.inverse, wrap: "wrap", children: display })
+    active ? /* @__PURE__ */ jsx34(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx34(Text30, { color: focused ? PALETTE.warning : PALETTE.inverse, wrap: "wrap", children: display })
   ] });
 }
-function RowLabel({ name, selected }) {
-  const nameDisplay = name.length > 14 ? name.slice(0, 13) + "\u2026" : name.padEnd(14);
+function RowLabel({
+  name,
+  selected,
+  trailing = true
+}) {
   return /* @__PURE__ */ jsxs30(
     Text30,
     {
       color: selected ? PALETTE.inverse : PALETTE.info,
       bold: selected,
       backgroundColor: selected ? "blue" : void 0,
+      wrap: "truncate-end",
       children: [
         " ",
-        nameDisplay,
-        " "
+        name,
+        trailing ? " " : ""
       ]
     }
   );
@@ -22870,9 +22905,9 @@ function ValueInputRow({
   cursorVisible
 }) {
   return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, children: [
-    /* @__PURE__ */ jsx33(Text30, { color: PALETTE.info, children: mode === "edit" ? "\u270E " : "+ " }),
-    /* @__PURE__ */ jsx33(Text30, { children: valueText }),
-    /* @__PURE__ */ jsx33(Text30, { inverse: cursorVisible, children: " " })
+    /* @__PURE__ */ jsx34(Text30, { color: PALETTE.info, children: mode === "edit" ? "\u270E " : "+ " }),
+    /* @__PURE__ */ jsx34(Text30, { children: valueText }),
+    /* @__PURE__ */ jsx34(Text30, { inverse: cursorVisible, children: " " })
   ] });
 }
 function EditableListItem({
@@ -22885,9 +22920,9 @@ function EditableListItem({
 }) {
   const isBeingEdited = editingValue?.mode === "edit" && editingValue.index === index;
   if (isBeingEdited) {
-    return /* @__PURE__ */ jsx33(ValueInputRow, { mode: "edit", valueText, cursorVisible });
+    return /* @__PURE__ */ jsx34(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx33(Box29, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx33(Text30, { color: active ? PALETTE.info : PALETTE.inverse, children: active ? `${figures4.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx34(Box29, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx34(Text30, { color: active ? PALETTE.info : PALETTE.inverse, children: active ? `${figures4.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -22900,9 +22935,9 @@ function EditableValueList({
   emptyPaddingLeft,
   showAddInput
 }) {
-  return /* @__PURE__ */ jsxs30(Fragment10, { children: [
-    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: emptyMessage }) : /* @__PURE__ */ jsx33(Box29, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: emptyMessage }) })),
-    values.map((value, index) => /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs30(Fragment11, { children: [
+    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: emptyMessage }) : /* @__PURE__ */ jsx34(Box29, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: emptyMessage }) })),
+    values.map((value, index) => /* @__PURE__ */ jsx34(
       EditableListItem,
       {
         value,
@@ -22914,7 +22949,7 @@ function EditableValueList({
       },
       index
     )),
-    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx33(ValueInputRow, { mode: "add", valueText, cursorVisible })
+    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx34(ValueInputRow, { mode: "add", valueText, cursorVisible })
   ] });
 }
 function DefaultSubRow({
@@ -22926,51 +22961,51 @@ function DefaultSubRow({
 }) {
   const cursor = cursorVisible ? "\u2588" : " ";
   if (prop.type === "richtext" || prop.type === "media" || prop.type === "link") {
-    return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, flexShrink: 0, children: [
+    return /* @__PURE__ */ jsxs30(Box29, { gap: 1, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs30(Text30, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "(not applicable)" })
+      /* @__PURE__ */ jsx34(Text30, { dimColor: !focused, children: "(not applicable)" })
     ] });
   }
   if (prop.type === "boolean") {
     const display = prop.default === true ? "true" : prop.default === false ? "false" : "(unset)";
-    return /* @__PURE__ */ jsx33(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx34(DefaultValueRow, { display, active, focused });
   }
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
-      return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, flexShrink: 0, children: [
+      return /* @__PURE__ */ jsxs30(Box29, { gap: 1, flexShrink: 0, children: [
         /* @__PURE__ */ jsxs30(Text30, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
           focused ? "\u203A " : "  ",
           "default:"
         ] }),
-        /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "(no values defined)" })
+        /* @__PURE__ */ jsx34(Text30, { dimColor: !focused, children: "(no values defined)" })
       ] });
     }
     const display = typeof prop.default === "string" && prop.default !== "" ? prop.default : "(unset)";
-    return /* @__PURE__ */ jsx33(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx34(DefaultValueRow, { display, active, focused });
   }
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
-    return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "row", flexShrink: 0, children: [
+    return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "row", flexShrink: 0, children: [
       /* @__PURE__ */ jsxs30(Text30, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
       /* @__PURE__ */ jsxs30(Box29, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
-        /* @__PURE__ */ jsx33(Text30, { children: value.slice(0, textCursor) }),
-        /* @__PURE__ */ jsx33(Text30, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
-        /* @__PURE__ */ jsx33(Text30, { children: value.slice(textCursor + 1) })
+        /* @__PURE__ */ jsx34(Text30, { children: value.slice(0, textCursor) }),
+        /* @__PURE__ */ jsx34(Text30, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
+        /* @__PURE__ */ jsx34(Text30, { children: value.slice(textCursor + 1) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, flexShrink: 0, children: [
+  return /* @__PURE__ */ jsxs30(Box29, { gap: 1, flexShrink: 0, children: [
     /* @__PURE__ */ jsxs30(Text30, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    /* @__PURE__ */ jsx33(Text30, { color: value ? PALETTE.inverse : void 0, dimColor: !value, children: value || "(none)" })
+    /* @__PURE__ */ jsx34(Text30, { color: focused ? PALETTE.warning : value ? PALETTE.inverse : void 0, dimColor: !value && !focused, children: value || "(none)" })
   ] });
 }
 function DescriptionField({
@@ -22981,31 +23016,25 @@ function DescriptionField({
   cursorVisible,
   width,
   label = "desc:",
-  compact = false
+  compact = false,
+  paddingLeft = 2
 }) {
   const cursor = cursorVisible ? "\u2588" : " ";
   if (compact) {
-    return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: `  ${label}` }),
-      /* @__PURE__ */ jsx33(Text30, { wrap: "truncate-end", color: value ? PALETTE.success : void 0, dimColor: !value, children: ` ${value || "\u2014"}` })
+    return /* @__PURE__ */ jsxs30(Box29, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs30(Text30, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+        focused ? "\u203A " : "  ",
+        label
+      ] }),
+      /* @__PURE__ */ jsx34(Text30, { wrap: "truncate-end", dimColor: !value, children: value || "\u2014" })
     ] });
   }
-  return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "column", width, flexShrink: 0, children: [
+  return /* @__PURE__ */ jsxs30(Box29, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
     /* @__PURE__ */ jsxs30(Text30, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
-    /* @__PURE__ */ jsx33(
-      Box29,
-      {
-        flexDirection: "column",
-        borderStyle: "round",
-        borderColor: focused ? PALETTE.info : PALETTE.border,
-        paddingX: 1,
-        flexShrink: 0,
-        children: editing ? /* @__PURE__ */ jsx33(EditableDescription, { cursor, cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx33(Text30, { color: PALETTE.success, wrap: "wrap", children: value || "\u2014" })
-      }
-    )
+    editing ? /* @__PURE__ */ jsx34(EditableDescription, { cursor, cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx34(Text30, { wrap: "wrap", children: value || "\u2014" })
   ] });
 }
 function EditableDescription({
@@ -23016,7 +23045,7 @@ function EditableDescription({
 }) {
   return /* @__PURE__ */ jsxs30(Text30, { wrap: "wrap", children: [
     value.slice(0, textCursor),
-    /* @__PURE__ */ jsx33(Text30, { inverse: cursorVisible, children: cursor }),
+    /* @__PURE__ */ jsx34(Text30, { inverse: cursorVisible, children: cursor }),
     value.slice(textCursor)
   ] });
 }
@@ -23038,24 +23067,35 @@ function PropRow({
   const descFocused = activeField === "description";
   const descActive = editingField && descFocused;
   return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs30(Box29, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsx33(RowLabel, { name: prop.name, selected }),
-      /* @__PURE__ */ jsx33(InlinePropField, { label: "type:", selected, focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx33(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx33(Text30, { color: selected ? PALETTE.warning : PALETTE.inverse, children: prop.type }) })
-    ] }),
-    /* @__PURE__ */ jsx33(
-      InlinePropField,
+    /* @__PURE__ */ jsx34(Box29, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx34(RowLabel, { name: prop.name, selected }) }),
+    /* @__PURE__ */ jsx34(
+      DescriptionField,
       {
-        label: "category:",
-        selected,
-        focused: activeField === "category",
-        flexible: editingField && activeField === "category",
+        value: prop.description,
+        focused: selected && descFocused,
+        editing: selected && descActive,
+        textCursor,
+        cursorVisible,
         width,
-        children: editingField && activeField === "category" ? /* @__PURE__ */ jsx33(Text30, { color: selected ? PALETTE.warning : PALETTE.inverse, bold: true, wrap: "wrap", children: `[Enter] switch to ${categorySwitchTarget(prop.category)} property` }) : /* @__PURE__ */ jsx33(Text30, { color: selected ? PALETTE.warning : PALETTE.inverse, wrap: "wrap", children: prop.category })
+        compact: !descActive,
+        paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsx33(InlinePropField, { label: "req:", selected, focused: activeField === "required", width, children: /* @__PURE__ */ jsx33(Toggle, { value: prop.required, active: editingField && activeField === "required" }) }),
-    prop.type === "token" && /* @__PURE__ */ jsx33(InlinePropField, { label: "kind:", selected, focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx33(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx33(Text30, { color: selected ? PALETTE.success : PALETTE.inverse, wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
-    prop.type === "enum" && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs30(Box29, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsx34(
+        RequiredField,
+        {
+          value: prop.required,
+          selected,
+          focused: activeField === "required",
+          editingField,
+          activeField
+        }
+      ),
+      /* @__PURE__ */ jsx34(InlinePropField, { label: "type:", selected, focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx34(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx34(Text30, { color: selected ? PALETTE.warning : PALETTE.inverse, children: prop.type }) })
+    ] }),
+    prop.type === "token" && /* @__PURE__ */ jsx34(InlinePropField, { label: "kind:", selected, focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx34(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx34(Text30, { color: selected ? PALETTE.success : PALETTE.inverse, wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
+    prop.type === "enum" && /* @__PURE__ */ jsxs30(Box29, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs30(
         Text30,
         {
@@ -23068,13 +23108,13 @@ function PropRow({
           ]
         }
       ),
-      /* @__PURE__ */ jsx33(Box29, { paddingLeft: 2, width: Math.max(1, width - 4), children: /* @__PURE__ */ jsxs30(Text30, { color: selected ? PALETTE.warning : PALETTE.inverse, wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs30(Text30, { color: activeField === "values" ? PALETTE.warning : selected ? PALETTE.inverse : void 0, wrap: "wrap", children: [
         "[",
         prop.values.join(", "),
         "]"
-      ] }) })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34(
       DefaultSubRow,
       {
         prop,
@@ -23084,19 +23124,7 @@ function PropRow({
         cursorVisible
       }
     ),
-    /* @__PURE__ */ jsx33(
-      DescriptionField,
-      {
-        value: prop.description,
-        focused: selected && descFocused,
-        editing: selected && descActive,
-        textCursor,
-        cursorVisible,
-        width,
-        compact: !selected
-      }
-    ),
-    selected && prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "column", width, flexShrink: 0, children: [
+    selected && prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs30(Box29, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs30(
         Text30,
         {
@@ -23109,27 +23137,27 @@ function PropRow({
           ]
         }
       ),
-      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx33(Box29, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx33(
+      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx34(Box29, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx34(
         Text30,
         {
-          color: prop.allowed.length > 0 ? PALETTE.info : void 0,
-          dimColor: prop.allowed.length === 0,
+          color: activeField === "allowed" ? PALETTE.warning : prop.allowed.length > 0 ? PALETTE.info : void 0,
+          dimColor: prop.allowed.length === 0 && activeField !== "allowed",
           wrap: "wrap",
           children: prop.allowed.length > 0 ? prop.allowed.join(", ") : "(any)"
         }
       )
     ] }),
-    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx33(Box29, { paddingLeft: 2, children: /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: (() => {
+    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx34(Box29, { paddingLeft: 2, children: /* @__PURE__ */ jsx34(Text30, { dimColor: true, 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__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs30(Box29, { children: [
-        /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "values:" }),
-        activeField === "values" && /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
+        /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "values:" }),
+        activeField === "values" && /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(
         EditableValueList,
         {
           values: prop.values,
@@ -23160,11 +23188,31 @@ function SlotRow({
   pickerCursor
 }) {
   return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs30(Box29, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsx33(RowLabel, { name: slot.name, selected }),
-      /* @__PURE__ */ jsx33(InlinePropField, { label: "req:", selected, focused: activeField === "required", width, children: /* @__PURE__ */ jsx33(Toggle, { value: slot.required, active: editingField && activeField === "required" }) })
-    ] }),
-    !selected && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, flexWrap: "wrap", children: [
+    /* @__PURE__ */ jsx34(Box29, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx34(RowLabel, { name: slot.name, selected, trailing: false }) }),
+    /* @__PURE__ */ jsx34(
+      DescriptionField,
+      {
+        value: slot.description,
+        focused: selected && activeField === "description",
+        editing: selected && editingField && activeField === "description",
+        textCursor,
+        cursorVisible,
+        width,
+        compact: !(selected && editingField && activeField === "description"),
+        paddingLeft: 0
+      }
+    ),
+    /* @__PURE__ */ jsx34(Box29, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx34(
+      RequiredField,
+      {
+        value: slot.required,
+        selected,
+        focused: activeField === "required",
+        editingField,
+        activeField
+      }
+    ) }),
+    !(selected && editingField && activeField === "allowedComponents") && /* @__PURE__ */ jsxs30(Box29, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs30(
         Text30,
         {
@@ -23177,9 +23225,9 @@ function SlotRow({
           ]
         }
       ),
-      /* @__PURE__ */ jsx33(Box29, { flexGrow: 1, children: slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "(any)" }) : /* @__PURE__ */ jsx33(Text30, { color: PALETTE.info, wrap: "wrap", children: slot.allowedComponents.join(", ") }) })
+      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "(any)" }) : /* @__PURE__ */ jsx34(Text30, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
     ] }),
-    selected && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "column", children: [
+    selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs30(Box29, { children: [
         /* @__PURE__ */ jsxs30(
           Text30,
@@ -23193,9 +23241,9 @@ function SlotRow({
             ]
           }
         ),
-        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: slot.allowedComponents.length > 0 ? "  [a]dd  [e]dit  [r]emove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
+        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: slot.allowedComponents.length > 0 ? "  [a]dd  [e]dit  [r]emove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(
         EditableValueList,
         {
           values: slot.allowedComponents,
@@ -23209,41 +23257,29 @@ function SlotRow({
           showAddInput: editingField && activeField === "allowedComponents"
         }
       ),
-      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx33(Box29, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
+      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx34(Box29, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx34(Text30, { dimColor: true, 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__ */ jsx33(Text30, { dimColor: true, children: "(no candidates match \u2014 Enter to add as free text)" });
+          return /* @__PURE__ */ jsx34(Text30, { dimColor: true, 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__ */ jsxs30(Box29, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
+          /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
           slice.map((name, i) => {
             const absIdx = start + i;
             const isCursor = absIdx === cursor;
-            return /* @__PURE__ */ jsx33(Text30, { color: isCursor ? PALETTE.info : void 0, dimColor: !isCursor, children: isCursor ? `  ${figures4.pointer} ${name}` : `    ${name}` }, name);
+            return /* @__PURE__ */ jsx34(Text30, { color: isCursor ? PALETTE.info : void 0, dimColor: !isCursor, children: isCursor ? `  ${figures4.pointer} ${name}` : `    ${name}` }, name);
           })
         ] });
       })() })
-    ] }),
-    /* @__PURE__ */ jsx33(
-      DescriptionField,
-      {
-        value: slot.description,
-        focused: selected && activeField === "description",
-        editing: selected && editingField && activeField === "description",
-        textCursor,
-        cursorVisible,
-        width,
-        compact: !selected
-      }
-    )
+    ] })
   ] });
 }
 function propFields(prop) {
-  const fields = ["type", "category", "required"];
+  const fields = ["type", "required"];
   if (prop.type === "token") {
     fields.push("tokenKind");
   }
@@ -23822,15 +23858,6 @@ function FieldEditor({
         }
         return;
       }
-      if (key.return && activeField === "category" && currentProp) {
-        const next = categorySwitchTarget(currentProp.category);
-        const nextProps = props.map((p, i) => i === propIdx ? { ...p, category: next } : p);
-        commit({ ...editorState, props: nextProps });
-        setEditingField(false);
-        setActiveField(null);
-        setFocusLevel("prop");
-        return;
-      }
       if (key.return) {
         setEditingField(false);
         return;
@@ -24072,17 +24099,17 @@ function FieldEditor({
   const innerWidth = Math.max(1, width - 2);
   if (parseErr) {
     return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
-      /* @__PURE__ */ jsx33(Text30, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
-      /* @__PURE__ */ jsx33(Text30, { color: PALETTE.error, children: parseErr }),
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "Cannot display structured editor. Fix the JSON first." })
+      /* @__PURE__ */ jsx34(Text30, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
+      /* @__PURE__ */ jsx34(Text30, { color: PALETTE.error, children: parseErr }),
+      /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "Cannot display structured editor. Fix the JSON first." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
     return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
-      /* @__PURE__ */ jsx33(Text30, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
-      /* @__PURE__ */ jsx33(Text30, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "Enter to save \xB7 Esc to discard" })
+      /* @__PURE__ */ jsx34(Text30, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
+      /* @__PURE__ */ jsx34(Text30, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
+      /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "You can add fields manually below or reject this component." }),
+      /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "Enter to save \xB7 Esc to discard" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -24096,9 +24123,6 @@ function FieldEditor({
     if (focusLevel === "field" && editingField && (activeField === "type" || activeField === "tokenKind")) {
       return "\u2190\u2192 cycle value  \u2191\u2193/\u2190\u2192 cycle field  Esc row";
     }
-    if (focusLevel === "field" && editingField && activeField === "category") {
-      return "Enter switch property group  \u2191\u2193/\u2190\u2192 cycle field  Esc row";
-    }
     if (focusLevel === "field" && editingField && activeField === "required") {
       return "Space toggle  Enter save  Esc back";
     }
@@ -24214,12 +24238,12 @@ function FieldEditor({
   const renderRow = (row, index) => {
     const key = rowKey(row, index);
     if (row.kind === "header") {
-      return /* @__PURE__ */ jsx33(Text30, { bold: true, color: PALETTE.success, children: row.label }, key);
+      return /* @__PURE__ */ jsx34(Box29, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx34(Text30, { 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__ */ jsx33(
+      return /* @__PURE__ */ jsx34(
         DescriptionField,
         {
           value: editorState.componentDescription,
@@ -24229,7 +24253,8 @@ function FieldEditor({
           cursorVisible,
           width: innerWidth,
           label: "description:",
-          compact: !isSelected2
+          compact: !isEditing,
+          paddingLeft: 0
         },
         key
       );
@@ -24249,7 +24274,7 @@ function FieldEditor({
         valueText,
         innerWidth
       );
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx34(
         PropRow,
         {
           prop: p,
@@ -24276,7 +24301,7 @@ function FieldEditor({
       valueText,
       innerWidth
     );
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(
       SlotRow,
       {
         slot: s,
@@ -24295,10 +24320,10 @@ function FieldEditor({
       ...fixedHeight ? { height } : { minHeight: height },
       clipOverflow: fixedHeight,
       borderStyle: "single",
-      borderColor: hasEmptyProperties ? PALETTE.warning : PALETTE.info,
+      borderColor: hasEmptyProperties ? PALETTE.warning : active ? PALETTE.info : PALETTE.border,
       children: [
-        hasEmptyProperties && /* @__PURE__ */ jsx33(Text30, { 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." }),
-        /* @__PURE__ */ jsx33(Box29, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx33(
+        hasEmptyProperties && /* @__PURE__ */ jsx34(Text30, { 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." }),
+        /* @__PURE__ */ jsx34(Box29, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx34(
           PropRow,
           {
             prop: currentProp,
@@ -24314,7 +24339,7 @@ function FieldEditor({
             rationale: metadata?.props?.[currentProp.name]?.rationale ?? null,
             showRationale: showInlineRationales
           }
-        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx33(
+        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx34(
           SlotRow,
           {
             slot: currentSlot,
@@ -24333,7 +24358,7 @@ function FieldEditor({
         ) : visibleRowSlice.map((row, index) => {
           const absoluteIndex = scrollStart + index;
           const key = rowKey(row, absoluteIndex);
-          return /* @__PURE__ */ jsx33(
+          return /* @__PURE__ */ jsx34(
             Box29,
             {
               ref: (node) => {
@@ -24347,7 +24372,7 @@ function FieldEditor({
             `visible-${key}`
           );
         }) }),
-        categoryBelow && /* @__PURE__ */ jsx33(Text30, { color: PALETTE.success, bold: true, children: `(${categoryBelow} below)` }),
+        categoryBelow && /* @__PURE__ */ jsx34(Text30, { 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;
@@ -24357,48 +24382,48 @@ function FieldEditor({
           const headerPath = path ?? "<unknown source path>";
           if (!start || !end2 || !src) {
             return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-              /* @__PURE__ */ jsx33(Text30, { dimColor: true, bold: true, children: `source: ${headerPath}` }),
-              /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "(no source location captured for this prop)" }),
-              /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "[s] close" })
+              /* @__PURE__ */ jsx34(Text30, { dimColor: true, bold: true, children: `source: ${headerPath}` }),
+              /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "(no source location captured for this prop)" }),
+              /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "[s] close" })
             ] });
           }
           const lines = src.split("\n").slice(Math.max(0, start - 1), end2);
           return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-            /* @__PURE__ */ jsx33(Text30, { dimColor: true, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
-            lines.map((ln, i) => /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: ln }, `source-line-${i}`)),
-            /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "[s] close \xB7 [Esc] close" })
+            /* @__PURE__ */ jsx34(Text30, { dimColor: true, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
+            lines.map((ln, i) => /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: ln }, `source-line-${i}`)),
+            /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "[s] close \xB7 [Esc] close" })
           ] });
         })(),
         showHelp && /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
-          /* @__PURE__ */ jsx33(Text30, { bold: true, color: PALETTE.info, children: "Keybindings" }),
-          /* @__PURE__ */ jsx33(Text30, { children: " " }),
-          /* @__PURE__ */ jsx33(Text30, { bold: true, children: "Row navigation" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  \u2191/\u2193               move between rows" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  Enter            edit fields on the current row" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  Esc              exit the panel" }),
-          /* @__PURE__ */ jsx33(Text30, { children: " " }),
-          /* @__PURE__ */ jsx33(Text30, { bold: true, children: "Field editing" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  Space/Enter      toggle required" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  Type             edit description / string default" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  Esc              exit field-edit back to the row" }),
-          /* @__PURE__ */ jsx33(Text30, { children: " " }),
-          /* @__PURE__ */ jsx33(Text30, { bold: true, children: "Values / allowedComponents" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  \u2191\u2193               navigate the list" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  K / J            reorder up \xB7 down" }),
-          /* @__PURE__ */ jsx33(Text30, { children: " " }),
-          /* @__PURE__ */ jsx33(Text30, { bold: true, children: "Panels" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  s                toggle source-view for the current prop" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  ?                toggle this overlay" }),
-          /* @__PURE__ */ jsx33(Text30, { children: " " }),
-          /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "press ? or Esc to close" })
+          /* @__PURE__ */ jsx34(Text30, { bold: true, color: PALETTE.info, children: "Keybindings" }),
+          /* @__PURE__ */ jsx34(Text30, { children: " " }),
+          /* @__PURE__ */ jsx34(Text30, { bold: true, children: "Row navigation" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  \u2191/\u2193               move between rows" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  Enter            edit fields on the current row" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  Esc              exit the panel" }),
+          /* @__PURE__ */ jsx34(Text30, { children: " " }),
+          /* @__PURE__ */ jsx34(Text30, { bold: true, children: "Field editing" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  Space/Enter      toggle required" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  Type             edit description / string default" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  Esc              exit field-edit back to the row" }),
+          /* @__PURE__ */ jsx34(Text30, { children: " " }),
+          /* @__PURE__ */ jsx34(Text30, { bold: true, children: "Values / allowedComponents" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  \u2191\u2193               navigate the list" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  K / J            reorder up \xB7 down" }),
+          /* @__PURE__ */ jsx34(Text30, { children: " " }),
+          /* @__PURE__ */ jsx34(Text30, { bold: true, children: "Panels" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  s                toggle source-view for the current prop" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
+          /* @__PURE__ */ jsx34(Text30, { children: "  ?                toggle this overlay" }),
+          /* @__PURE__ */ jsx34(Text30, { children: " " }),
+          /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: "press ? or Esc to close" })
         ] }),
-        validationError && /* @__PURE__ */ jsx33(Text30, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: modeLabel })
+        validationError && /* @__PURE__ */ jsx34(Text30, { color: PALETTE.error, children: "\u2717 " + validationError }),
+        /* @__PURE__ */ jsx34(Box29, { paddingTop: 1, children: /* @__PURE__ */ jsx34(Text30, { dimColor: true, children: modeLabel }) })
       ]
     }
   );
@@ -24455,22 +24480,22 @@ var init_wrap_text = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/RationaleLine.tsx
 import { Box as Box30, Text as Text31 } from "ink";
-import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
 function RationaleLine({ line, active }) {
   if (line.kind === "blank") {
-    return /* @__PURE__ */ jsx34(Box30, { children: /* @__PURE__ */ jsx34(Text31, { children: " " }) });
+    return /* @__PURE__ */ jsx35(Box30, { children: /* @__PURE__ */ jsx35(Text31, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx34(Box30, { children: /* @__PURE__ */ jsx34(Text31, { bold: true, color: PALETTE.info, dimColor: !active, children: line.text }) });
+    return /* @__PURE__ */ jsx35(Box30, { children: /* @__PURE__ */ jsx35(Text31, { bold: true, color: PALETTE.info, dimColor: !active, children: line.text }) });
   }
   if (line.kind === "label") {
     return /* @__PURE__ */ jsxs31(Box30, { children: [
-      line.prefix && /* @__PURE__ */ jsx34(Text31, { children: line.prefix }),
-      /* @__PURE__ */ jsx34(Text31, { bold: true, color: line.color, dimColor: !active, children: line.text }),
-      line.suffix && /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: line.suffix })
+      line.prefix && /* @__PURE__ */ jsx35(Text31, { children: line.prefix }),
+      /* @__PURE__ */ jsx35(Text31, { bold: true, color: line.color, dimColor: !active, children: line.text }),
+      line.suffix && /* @__PURE__ */ jsx35(Text31, { dimColor: true, children: line.suffix })
     ] });
   }
-  return /* @__PURE__ */ jsx34(Box30, { children: /* @__PURE__ */ jsx34(Text31, { dimColor: !active || line.dim, children: line.text }) });
+  return /* @__PURE__ */ jsx35(Box30, { children: /* @__PURE__ */ jsx35(Text31, { dimColor: !active || line.dim, children: line.text }) });
 }
 var init_RationaleLine = __esm({
   "packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/RationaleLine.tsx"() {
@@ -24481,7 +24506,7 @@ var init_RationaleLine = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/ComponentRationalePanel.tsx
 import { Box as Box31, Text as Text32 } from "ink";
-import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
 function renderComponentRationaleLines(data, innerWidth) {
   const out = [];
   const pushSection = (heading, body) => {
@@ -24557,9 +24582,9 @@ function ComponentRationalePanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.inverse : void 0,
       children: [
-        /* @__PURE__ */ jsx35(Box31, { children: /* @__PURE__ */ jsx35(Text32, { bold: true, dimColor: !active, children: `Component rationale: ${data.name}` }) }),
-        visible.map((line, i) => /* @__PURE__ */ jsx35(RationaleLine, { line, active }, i)),
-        /* @__PURE__ */ jsx35(Box31, { children: overflowed ? /* @__PURE__ */ jsx35(Text32, { dimColor: true, children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx35(Text32, { dimColor: true, children: "[I/Esc] close" }) })
+        /* @__PURE__ */ jsx36(Box31, { children: /* @__PURE__ */ jsx36(Text32, { bold: true, dimColor: !active, children: `Component rationale: ${data.name}` }) }),
+        visible.map((line, i) => /* @__PURE__ */ jsx36(RationaleLine, { line, active }, i)),
+        /* @__PURE__ */ jsx36(Box31, { children: overflowed ? /* @__PURE__ */ jsx36(Text32, { dimColor: true, children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx36(Text32, { dimColor: true, children: "[I/Esc] close" }) })
       ]
     }
   );
@@ -24577,9 +24602,9 @@ var init_ComponentRationalePanel = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/HighlightedLine.tsx
 import { Text as Text33 } from "ink";
-import { Fragment as Fragment11, jsx as jsx36 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx37 } from "react/jsx-runtime";
 function HighlightedLine({ parts }) {
-  return /* @__PURE__ */ jsx36(Fragment11, { children: parts.map((part, i) => /* @__PURE__ */ jsx36(Text33, { color: part.color, dimColor: part.dim, children: part.text }, i)) });
+  return /* @__PURE__ */ jsx37(Fragment12, { children: parts.map((part, i) => /* @__PURE__ */ jsx37(Text33, { color: part.color, dimColor: part.dim, children: part.text }, i)) });
 }
 var init_HighlightedLine = __esm({
   "packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/HighlightedLine.tsx"() {
@@ -24589,7 +24614,7 @@ var init_HighlightedLine = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/ScrollablePanel.tsx
 import { Box as Box32, Text as Text34 } from "ink";
-import { Fragment as Fragment12, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
 function ScrollablePanel({
   header,
   width,
@@ -24605,9 +24630,9 @@ function ScrollablePanel({
   return /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
     /* @__PURE__ */ jsxs33(Box32, { children: [
       header,
-      overflowed && /* @__PURE__ */ jsxs33(Fragment12, { children: [
-        /* @__PURE__ */ jsx37(Box32, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx37(Text34, { dimColor: !active, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
+      overflowed && /* @__PURE__ */ jsxs33(Fragment13, { children: [
+        /* @__PURE__ */ jsx38(Box32, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx38(Text34, { dimColor: !active, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
     children
@@ -24621,7 +24646,7 @@ var init_ScrollablePanel = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/JsonPanel.tsx
 import { Box as Box33, Text as Text35 } from "ink";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function highlightJson(line) {
   const parts = [];
   let remaining = line;
@@ -24659,7 +24684,7 @@ function highlightJson(line) {
     parts.push({ text: remaining[0] });
     remaining = remaining.slice(1);
   }
-  return /* @__PURE__ */ jsx38(HighlightedLine, { parts });
+  return /* @__PURE__ */ jsx39(HighlightedLine, { parts });
 }
 function truncateLine(line, maxWidth) {
   if (line.length <= maxWidth) return line;
@@ -24672,10 +24697,10 @@ 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__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     ScrollablePanel,
     {
-      header: /* @__PURE__ */ jsx38(Text35, { bold: true, dimColor: !active, children: label }),
+      header: /* @__PURE__ */ jsx39(Text35, { bold: true, dimColor: !active, children: label }),
       width,
       height,
       active,
@@ -24685,7 +24710,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__ */ jsx38(Box33, { children: highlightJson(truncated) }, i);
+        return /* @__PURE__ */ jsx39(Box33, { children: highlightJson(truncated) }, i);
       })
     }
   );
@@ -24700,7 +24725,7 @@ var init_JsonPanel = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/RationalePanel.tsx
 import { Text as Text36 } from "ink";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function renderRationaleLines(rows, innerWidth) {
   const out = [];
   rows.forEach((row, idx) => {
@@ -24733,10 +24758,10 @@ 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__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     ScrollablePanel,
     {
-      header: /* @__PURE__ */ jsx39(Text36, { bold: true, dimColor: !active, children: `RATIONALE \u2014 ${componentName}` }),
+      header: /* @__PURE__ */ jsx40(Text36, { bold: true, dimColor: !active, children: `RATIONALE \u2014 ${componentName}` }),
       width,
       height,
       active,
@@ -24744,7 +24769,7 @@ function RationalePanel({
       visibleStart,
       visibleEnd,
       borderColor: active ? PALETTE.inverse : void 0,
-      children: visible.map((line, i) => /* @__PURE__ */ jsx39(RationaleLine, { line, active }, i))
+      children: visible.map((line, i) => /* @__PURE__ */ jsx40(RationaleLine, { line, active }, i))
     }
   );
 }
@@ -24761,7 +24786,7 @@ var init_RationalePanel = __esm({
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/TokenReviewPanel.tsx
 import figures5 from "figures";
 import { Box as Box34, Text as Text37 } from "ink";
-import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
 function collectTokenSuggestions(entry, availableTokens = []) {
   return Object.entries(entry.$properties).filter(([, def]) => {
     const rawKind = def["$token.kind"];
@@ -24804,19 +24829,19 @@ function TokenReviewPanel({
         borderStyle: "single",
         borderColor: active ? PALETTE.inverse : void 0,
         children: [
-          /* @__PURE__ */ jsx40(Text37, { bold: true, dimColor: !active, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
-          /* @__PURE__ */ jsx40(Text37, { dimColor: true, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
-          /* @__PURE__ */ jsx40(Text37, { children: " " }),
-          current.paths.length === 0 && /* @__PURE__ */ jsx40(Text37, { dimColor: true, children: "(no compatible tokens found for this token kind)" }),
+          /* @__PURE__ */ jsx41(Text37, { bold: true, dimColor: !active, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
+          /* @__PURE__ */ jsx41(Text37, { dimColor: true, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
+          /* @__PURE__ */ jsx41(Text37, { children: " " }),
+          current.paths.length === 0 && /* @__PURE__ */ jsx41(Text37, { dimColor: true, children: "(no compatible tokens found for this token kind)" }),
           visiblePaths.map((path, i) => {
             const pathIndex = scrollStart + i;
             const checked = editSelection.has(path);
             const focused = pathIndex === editCursor;
-            return /* @__PURE__ */ jsx40(Box34, { children: /* @__PURE__ */ jsx40(Text37, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, wrap: "truncate", children: `  [${checked ? "x" : " "}] ${path}` }) }, path);
+            return /* @__PURE__ */ jsx41(Box34, { children: /* @__PURE__ */ jsx41(Text37, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, wrap: "truncate", children: `  [${checked ? "x" : " "}] ${path}` }) }, path);
           }),
-          /* @__PURE__ */ jsx40(Text37, { children: " " }),
-          /* @__PURE__ */ jsx40(Text37, { dimColor: true, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
-          /* @__PURE__ */ jsx40(Text37, { dimColor: true, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
+          /* @__PURE__ */ jsx41(Text37, { children: " " }),
+          /* @__PURE__ */ jsx41(Text37, { dimColor: true, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
+          /* @__PURE__ */ jsx41(Text37, { dimColor: true, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
         ]
       }
     );
@@ -24830,18 +24855,18 @@ function TokenReviewPanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.inverse : void 0,
       children: [
-        /* @__PURE__ */ jsx40(Text37, { bold: true, dimColor: !active, children: `TOKEN REVIEW \u2014 ${componentName}` }),
-        suggestions.length === 0 && /* @__PURE__ */ jsx40(Text37, { dimColor: true, children: "(no token suggestions for this component)" }),
+        /* @__PURE__ */ jsx41(Text37, { bold: true, dimColor: !active, children: `TOKEN REVIEW \u2014 ${componentName}` }),
+        suggestions.length === 0 && /* @__PURE__ */ jsx41(Text37, { dimColor: true, children: "(no token suggestions for this component)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
           return /* @__PURE__ */ jsxs34(Box34, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx40(Box34, { children: /* @__PURE__ */ jsx40(Text37, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, children: `${focused ? figures5.pointer : " "} ${s.propName}` }) }),
-            /* @__PURE__ */ jsx40(Text37, { dimColor: true, children: `  suggested: ${s.suggested.join(", ")}` }),
-            /* @__PURE__ */ jsx40(Text37, { dimColor: true, children: `  allowed: ${s.allowed.join(", ")}` })
+            /* @__PURE__ */ jsx41(Box34, { children: /* @__PURE__ */ jsx41(Text37, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, children: `${focused ? figures5.pointer : " "} ${s.propName}` }) }),
+            /* @__PURE__ */ jsx41(Text37, { dimColor: true, children: `  suggested: ${s.suggested.join(", ")}` }),
+            /* @__PURE__ */ jsx41(Text37, { dimColor: true, children: `  allowed: ${s.allowed.join(", ")}` })
           ] }, s.propName);
         }),
-        /* @__PURE__ */ jsx40(Text37, { children: " " }),
-        /* @__PURE__ */ jsx40(Text37, { dimColor: true, children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
+        /* @__PURE__ */ jsx41(Text37, { children: " " }),
+        /* @__PURE__ */ jsx41(Text37, { dimColor: true, children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
       ]
     }
   );
@@ -24855,7 +24880,7 @@ var init_TokenReviewPanel = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/review-details-panel.tsx
 import { Text as Text38 } from "ink";
-import { Fragment as Fragment13, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
 function ReviewDetailsPanel({
   selectedKey,
   panelOpen,
@@ -24890,7 +24915,7 @@ function ReviewDetailsPanel({
         rationale: s.rationale ?? ""
       }))
     ];
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       RationalePanel,
       {
         componentName: componentRationale?.name ?? selectedKey,
@@ -24903,7 +24928,7 @@ function ReviewDetailsPanel({
     );
   }
   if (panelOpen === "component-rationale") {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       ComponentRationalePanel,
       {
         data: componentRationale ?? {
@@ -24929,13 +24954,13 @@ function ReviewDetailsPanel({
     const sourceLineCount = Math.max(1, height - 4);
     const lines = source ? source.split("\n").slice(panelScrollOffset, panelScrollOffset + sourceLineCount) : [];
     return /* @__PURE__ */ jsxs35(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx41(Text38, { dimColor: true, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
-      source ? lines.map((line, index) => /* @__PURE__ */ jsx41(Text38, { dimColor: true, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx41(Text38, { dimColor: true, children: "(no source captured)" }),
-      /* @__PURE__ */ jsx41(Text38, { dimColor: true, wrap: "truncate-end", children: "[s/Esc] close" })
+      /* @__PURE__ */ jsx42(Text38, { dimColor: true, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
+      source ? lines.map((line, index) => /* @__PURE__ */ jsx42(Text38, { dimColor: true, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx42(Text38, { dimColor: true, children: "(no source captured)" }),
+      /* @__PURE__ */ jsx42(Text38, { dimColor: true, wrap: "truncate-end", children: "[s/Esc] close" })
     ] });
   }
   if (panelOpen === "token-review") {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       TokenReviewPanel,
       {
         componentName: selectedKey,
@@ -24951,7 +24976,7 @@ function ReviewDetailsPanel({
     );
   }
   if (showJson) {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       JsonPanel,
       {
         label: "GENERATED DEFINITION (read-only)",
@@ -24963,7 +24988,7 @@ function ReviewDetailsPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsx41(Fragment13, { children: editor });
+  return /* @__PURE__ */ jsx42(Fragment14, { children: editor });
 }
 var init_review_details_panel = __esm({
   "packages/experience-design-system-cli-legacy/src/import/tui/steps/review-details-panel.tsx"() {
@@ -24977,7 +25002,7 @@ var init_review_details_panel = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/ReviewDetailsEditor.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 import { createElement as createElement5 } from "react";
 function toFieldEditorMetadata(reviewMetadata) {
   if (!reviewMetadata) return void 0;
@@ -25010,7 +25035,7 @@ function ReviewDetailsEditor({
     jsonScrollOffset,
     currentTokenSuggestions
   } = reviewEditor;
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     ReviewDetailsPanel,
     {
       selectedKey,
@@ -25057,7 +25082,7 @@ var init_ReviewDetailsEditor = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/ReviewComponentPanel.tsx
 import { Box as Box35, Text as Text39 } from "ink";
-import { Fragment as Fragment14, jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 function buildReviewFieldEditor(reviewEditor, selectedJson, onExit, overrides = {}) {
   return {
     value: reviewEditor.draftValue || selectedJson,
@@ -25097,17 +25122,17 @@ function ReviewEmptyComponentsWarning({
   hidden
 }) {
   if (hidden || count === 0) return null;
-  return /* @__PURE__ */ jsx43(Text39, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
+  return /* @__PURE__ */ jsx44(Text39, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx43(Box35, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx43(Text39, { dimColor: true, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx44(Box35, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx44(Text39, { dimColor: true, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
   hidden
 }) {
   if (hidden || !message) return null;
-  return /* @__PURE__ */ jsx43(Text39, { color: PALETTE.error, children: `\u26A0 ${message}` });
+  return /* @__PURE__ */ jsx44(Text39, { color: PALETTE.error, children: `\u26A0 ${message}` });
 }
 function ReviewPanelFooter({
   reviewEditor,
@@ -25116,10 +25141,10 @@ function ReviewPanelFooter({
   livePreview,
   livePreviewSpinner
 }) {
-  return /* @__PURE__ */ jsxs36(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs36(Fragment15, { 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__ */ jsx43(Text39, { children: `  ${livePreviewSpinner} live preview` }),
-    livePreview.disabled && /* @__PURE__ */ jsx43(Text39, { children: "  \xB7 live preview disabled" })
+    livePreview.status === "running" && /* @__PURE__ */ jsx44(Text39, { children: `  ${livePreviewSpinner} live preview` }),
+    livePreview.disabled && /* @__PURE__ */ jsx44(Text39, { children: "  \xB7 live preview disabled" })
   ] });
 }
 function ReviewComponentPanel({
@@ -25143,10 +25168,10 @@ function ReviewComponentPanel({
   const slotCount = selectedEntry.$slots ? Object.keys(selectedEntry.$slots).length : 0;
   const contentHeight = Math.max(1, height - 3);
   const contentWidth = Math.max(1, width - 1);
-  return /* @__PURE__ */ jsx43(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
+  return /* @__PURE__ */ jsx44(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
     /* @__PURE__ */ jsxs36(Box35, { width: contentWidth, height: 1, flexShrink: 0, children: [
-      /* @__PURE__ */ jsx43(Text39, { bold: true, wrap: "truncate-end", children: selectedKey }),
-      /* @__PURE__ */ jsx43(Box35, { flexGrow: 1 }),
+      /* @__PURE__ */ jsx44(Text39, { bold: true, wrap: "truncate-end", children: selectedKey }),
+      /* @__PURE__ */ jsx44(Box35, { flexGrow: 1 }),
       /* @__PURE__ */ jsxs36(Text39, { dimColor: true, wrap: "truncate-end", children: [
         propCount,
         " prop",
@@ -25156,7 +25181,7 @@ function ReviewComponentPanel({
         sidebarFocused ? "[Tab] focus panel" : "[Tab] focus list"
       ] })
     ] }),
-    /* @__PURE__ */ jsx43(Box35, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Box35, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx44(
       ReviewDetailsEditor,
       {
         selectedKey,
@@ -25171,8 +25196,8 @@ function ReviewComponentPanel({
         fieldEditor
       }
     ) }),
-    /* @__PURE__ */ jsx43(Box35, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx43(Text39, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
-    /* @__PURE__ */ jsx43(Box35, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx43(Text39, { dimColor: true, wrap: "truncate-end", children: /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Box35, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx44(Text39, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
+    /* @__PURE__ */ jsx44(Box35, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx44(Text39, { dimColor: true, wrap: "truncate-end", children: /* @__PURE__ */ jsx44(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -25196,7 +25221,7 @@ var init_ReviewComponentPanel = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/ReviewStatus.tsx
 import { Box as Box36, Text as Text40 } from "ink";
-import { jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 function countReviewStatuses(entries) {
   return entries.reduce(
     (counts, entry) => {
@@ -25209,13 +25234,13 @@ function countReviewStatuses(entries) {
   );
 }
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx44(Box36, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx44(Text40, { dimColor: true, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx45(Box36, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx45(Text40, { dimColor: true, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
   return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx44(Text40, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx44(Text40, { children: " " }),
-    /* @__PURE__ */ jsx44(Text40, { dimColor: true, children: "[q / Enter / Esc] Quit" })
+    /* @__PURE__ */ jsx45(Text40, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx45(Text40, { children: " " }),
+    /* @__PURE__ */ jsx45(Text40, { dimColor: true, children: "[q / Enter / Esc] Quit" })
   ] });
 }
 var init_ReviewStatus = __esm({
@@ -25350,7 +25375,7 @@ var init_runLivePreview = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/FinalizeDialog.tsx
 import { Box as Box37, Text as Text41 } from "ink";
-import { Fragment as Fragment15, jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 function FinalizeDialog({
   accepted,
   rejected,
@@ -25378,52 +25403,52 @@ 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__ */ jsxs38(Box37, { flexDirection: "column", borderStyle: "round", padding: 1, width: 58, children: [
-    /* @__PURE__ */ jsx45(Text41, { bold: true, children: "\u2500".repeat(17) + " Finalize " + "\u2500".repeat(17) }),
-    /* @__PURE__ */ jsx45(Text41, { children: " " }),
+  return /* @__PURE__ */ jsx46(Box37, { width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", borderStyle: "round", padding: 1, width: 58, children: [
+    /* @__PURE__ */ jsx46(Text41, { bold: true, children: "\u2500".repeat(17) + " Finalize " + "\u2500".repeat(17) }),
+    /* @__PURE__ */ jsx46(Text41, { children: " " }),
     /* @__PURE__ */ jsxs38(Text41, { children: [
       /* @__PURE__ */ jsxs38(Text41, { color: PALETTE.success, children: [
         accepted,
         " accepted"
       ] }),
-      /* @__PURE__ */ jsx45(Text41, { children: " \xB7 " }),
+      /* @__PURE__ */ jsx46(Text41, { children: " \xB7 " }),
       /* @__PURE__ */ jsxs38(Text41, { color: PALETTE.error, children: [
         rejected,
         " rejected"
       ] }),
-      /* @__PURE__ */ jsx45(Text41, { children: " \xB7 " }),
+      /* @__PURE__ */ jsx46(Text41, { children: " \xB7 " }),
       /* @__PURE__ */ jsxs38(Text41, { dimColor: true, children: [
         needsReview,
         " unresolved"
       ] })
     ] }),
-    /* @__PURE__ */ jsx45(Text41, { children: " " }),
-    noneAccepted && /* @__PURE__ */ jsxs38(Fragment15, { children: [
-      /* @__PURE__ */ jsx45(Text41, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
-      /* @__PURE__ */ jsx45(Text41, { color: PALETTE.warning, children: "  Accept at least one component ([a] a row, [A] accept all) to push." }),
-      /* @__PURE__ */ jsx45(Text41, { children: " " })
+    /* @__PURE__ */ jsx46(Text41, { children: " " }),
+    noneAccepted && /* @__PURE__ */ jsxs38(Fragment16, { children: [
+      /* @__PURE__ */ jsx46(Text41, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
+      /* @__PURE__ */ jsx46(Text41, { color: PALETTE.warning, children: "  Accept at least one component ([a] a row, [A] accept all) to push." }),
+      /* @__PURE__ */ jsx46(Text41, { children: " " })
     ] }),
-    !allResolved && /* @__PURE__ */ jsxs38(Fragment15, { children: [
-      /* @__PURE__ */ jsx45(Text41, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
-      /* @__PURE__ */ jsx45(Text41, { color: PALETTE.warning, children: "  Only explicitly accepted components ship." }),
-      /* @__PURE__ */ jsx45(Text41, { children: " " })
+    !allResolved && /* @__PURE__ */ jsxs38(Fragment16, { children: [
+      /* @__PURE__ */ jsx46(Text41, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
+      /* @__PURE__ */ jsx46(Text41, { color: PALETTE.warning, children: "  Only explicitly accepted components ship." }),
+      /* @__PURE__ */ jsx46(Text41, { children: " " })
     ] }),
     /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", height: 2, children: [
-      previewStatus === "running" ? /* @__PURE__ */ jsx45(Text41, { dimColor: true, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx45(Text41, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx45(Text41, { children: " " }),
-      /* @__PURE__ */ jsx45(Text41, { children: " " })
+      previewStatus === "running" ? /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx46(Text41, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx46(Text41, { children: " " }),
+      /* @__PURE__ */ jsx46(Text41, { children: " " })
     ] }),
-    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs38(Fragment15, { children: [
-      /* @__PURE__ */ jsx45(Text41, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
-      hasMoreAbove && /* @__PURE__ */ jsx45(Text41, { dimColor: true, children: "  \u2191 more above" }),
-      windowed.map((rc) => /* @__PURE__ */ jsx45(Text41, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
-      hasMoreBelow && /* @__PURE__ */ jsx45(Text41, { dimColor: true, children: "  \u2193 more below" }),
-      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx45(Text41, { dimColor: true, children: "  [\u2191\u2193] scroll deletions" }),
-      /* @__PURE__ */ jsx45(Text41, { children: " " })
+    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs38(Fragment16, { children: [
+      /* @__PURE__ */ jsx46(Text41, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
+      hasMoreAbove && /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "  \u2191 more above" }),
+      windowed.map((rc) => /* @__PURE__ */ jsx46(Text41, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
+      hasMoreBelow && /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "  \u2193 more below" }),
+      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "  [\u2191\u2193] scroll deletions" }),
+      /* @__PURE__ */ jsx46(Text41, { children: " " })
     ] }),
-    /* @__PURE__ */ jsx45(Text41, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
-    /* @__PURE__ */ jsx45(Text41, { children: " " }),
-    /* @__PURE__ */ jsx45(Text41, { children: "  [y / Enter]  Confirm    [n / Esc]  Cancel" })
-  ] });
+    /* @__PURE__ */ jsx46(Text41, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
+    /* @__PURE__ */ jsx46(Text41, { children: " " }),
+    /* @__PURE__ */ jsx46(Text41, { children: "  [y / Enter]  Confirm    [n / Esc]  Cancel" })
+  ] }) });
 }
 var FINALIZE_REMOVED_WINDOW;
 var init_FinalizeDialog = __esm({
@@ -25929,7 +25954,7 @@ var init_useReviewSurfaceState = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/QuitDialog.tsx
 import { Box as Box38, Text as Text42 } from "ink";
-import { Fragment as Fragment16, jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
   useImmediateInput((input, key) => {
     if (input === "y" || key.return) {
@@ -25939,15 +25964,15 @@ function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
     }
   });
   return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
-    /* @__PURE__ */ jsx46(Text42, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
-    /* @__PURE__ */ jsx46(Text42, { children: " " }),
-    hasUnsavedDrafts ? /* @__PURE__ */ jsxs39(Fragment16, { children: [
-      /* @__PURE__ */ jsx46(Text42, { children: "You have unsaved draft edits." }),
-      /* @__PURE__ */ jsx46(Text42, { children: "Session state is preserved \u2014 you can resume" }),
-      /* @__PURE__ */ jsx46(Text42, { children: "by running the same review command again." })
-    ] }) : /* @__PURE__ */ jsx46(Text42, { children: "Session is saved. Quit without finalizing?" }),
-    /* @__PURE__ */ jsx46(Text42, { children: " " }),
-    /* @__PURE__ */ jsx46(Text42, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
+    /* @__PURE__ */ jsx47(Text42, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
+    /* @__PURE__ */ jsx47(Text42, { children: " " }),
+    hasUnsavedDrafts ? /* @__PURE__ */ jsxs39(Fragment17, { children: [
+      /* @__PURE__ */ jsx47(Text42, { children: "You have unsaved draft edits." }),
+      /* @__PURE__ */ jsx47(Text42, { children: "Session state is preserved \u2014 you can resume" }),
+      /* @__PURE__ */ jsx47(Text42, { children: "by running the same review command again." })
+    ] }) : /* @__PURE__ */ jsx47(Text42, { children: "Session is saved. Quit without finalizing?" }),
+    /* @__PURE__ */ jsx47(Text42, { children: " " }),
+    /* @__PURE__ */ jsx47(Text42, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
   ] });
 }
 var init_QuitDialog = __esm({
@@ -25959,7 +25984,7 @@ var init_QuitDialog = __esm({
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/ReviewDialogs.tsx
 import { Box as Box39, Text as Text43 } from "ink";
-import { Fragment as Fragment17, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 function ReviewFinalizeDialogs({
   showFinalize,
   showQuit,
@@ -25973,8 +25998,8 @@ function ReviewFinalizeDialogs({
   onQuitCancel
 }) {
   const { accepted, rejected, needsReview } = countReviewStatuses(components);
-  return /* @__PURE__ */ jsxs40(Fragment17, { children: [
-    showFinalize && /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsxs40(Fragment18, { children: [
+    showFinalize && /* @__PURE__ */ jsx48(
       FinalizeDialog,
       {
         accepted,
@@ -25987,7 +26012,7 @@ function ReviewFinalizeDialogs({
         onCancel: onFinalizeCancel
       }
     ),
-    showQuit && /* @__PURE__ */ jsx47(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
+    showQuit && /* @__PURE__ */ jsx48(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
   ] });
 }
 function ReviewStepDialogs({
@@ -25997,7 +26022,7 @@ function ReviewStepDialogs({
   onFinalize,
   onQuit
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     ReviewFinalizeDialogs,
     {
       showFinalize: surfaceState.showFinalize,
@@ -26016,11 +26041,11 @@ function ReviewStepDialogs({
 function ReviewReloadDialog({ open }) {
   if (!open) return null;
   return /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx47(Text43, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
-    /* @__PURE__ */ jsx47(Text43, { children: "Unsaved in-memory changes will be lost." }),
-    /* @__PURE__ */ jsx47(Text43, { children: " " }),
-    /* @__PURE__ */ jsx47(Text43, { children: "  [Enter]  Confirm" }),
-    /* @__PURE__ */ jsx47(Text43, { children: "  [Esc]    Cancel" })
+    /* @__PURE__ */ jsx48(Text43, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
+    /* @__PURE__ */ jsx48(Text43, { children: "Unsaved in-memory changes will be lost." }),
+    /* @__PURE__ */ jsx48(Text43, { children: " " }),
+    /* @__PURE__ */ jsx48(Text43, { children: "  [Enter]  Confirm" }),
+    /* @__PURE__ */ jsx48(Text43, { children: "  [Esc]    Cancel" })
   ] });
 }
 var init_ReviewDialogs = __esm({
@@ -26402,7 +26427,7 @@ function useReviewPreview({
     const id = setInterval(() => setSpinnerTick((tick2) => tick2 + 1), 80);
     return () => clearInterval(id);
   }, [livePreviewHook.status]);
-  const livePreviewSpinner = SPINNER_FRAMES2[spinnerTick % SPINNER_FRAMES2.length];
+  const livePreviewSpinner = SPINNER_FRAMES[spinnerTick % SPINNER_FRAMES.length];
   useEffect13(() => {
     if (loading) return;
     if (!livePreview) return;
@@ -26411,19 +26436,19 @@ function useReviewPreview({
   }, [loading]);
   return { previewAnnotations, removedComponents, livePreviewHook, livePreviewSpinner };
 }
-var SPINNER_FRAMES2;
+var SPINNER_FRAMES;
 var init_useReviewPreview = __esm({
   "packages/experience-design-system-cli-legacy/src/import/tui/hooks/useReviewPreview.ts"() {
     "use strict";
     init_preview_annotations();
     init_useLivePreview();
-    SPINNER_FRAMES2 = "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F";
+    SPINNER_FRAMES = "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F";
   }
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/LivePreviewSummary.tsx
 import { Box as Box40, Text as Text44 } from "ink";
-import { jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 function LivePreviewSummary({
   enabled,
   previewAnnotations,
@@ -26437,19 +26462,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__ */ jsx48(Text44, { dimColor: true, children: "Preview: disabled (creds rejected)" });
-  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx48(Text44, { dimColor: true, children: `Preview: ${spinner} running...` });
+  if (disabled) return /* @__PURE__ */ jsx49(Text44, { dimColor: true, children: "Preview: disabled (creds rejected)" });
+  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx49(Text44, { dimColor: true, children: `Preview: ${spinner} running...` });
   if (!hasCounts) return null;
   return /* @__PURE__ */ jsxs41(Box40, { children: [
-    /* @__PURE__ */ jsx48(Text44, { children: "Preview: " }),
-    /* @__PURE__ */ jsx48(Text44, { color: PALETTE.success, children: `${counts.new} new` }),
-    /* @__PURE__ */ jsx48(Text44, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx48(Text44, { color: PALETTE.warning, children: `${counts.changed} changed` }),
-    /* @__PURE__ */ jsx48(Text44, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx48(Text44, { dimColor: true, children: `${counts.removed} removed` }),
-    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx48(Text44, { dimColor: true, children: " ([d] removed list)" }),
-    /* @__PURE__ */ jsx48(Text44, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx48(Text44, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
+    /* @__PURE__ */ jsx49(Text44, { children: "Preview: " }),
+    /* @__PURE__ */ jsx49(Text44, { color: PALETTE.success, children: `${counts.new} new` }),
+    /* @__PURE__ */ jsx49(Text44, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx49(Text44, { color: PALETTE.warning, children: `${counts.changed} changed` }),
+    /* @__PURE__ */ jsx49(Text44, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx49(Text44, { dimColor: true, children: `${counts.removed} removed` }),
+    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx49(Text44, { dimColor: true, children: " ([d] removed list)" }),
+    /* @__PURE__ */ jsx49(Text44, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx49(Text44, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
   ] });
 }
 var init_LivePreviewSummary = __esm({
@@ -26463,7 +26488,7 @@ var init_LivePreviewSummary = __esm({
 import { useCallback as useCallback7, useEffect as useEffect14, useMemo as useMemo3, useRef as useRef9, useState as useState22 } from "react";
 import figures6 from "figures";
 import { Box as Box41, Text as Text45 } from "ink";
-import { Fragment as Fragment18, jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx50, jsxs as jsxs42 } 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) => {
@@ -26507,7 +26532,7 @@ function CyclePathLine({
   return /* @__PURE__ */ jsxs42(Text45, { color: highlightLine ? PALETTE.warning : void 0, children: [
     prefix,
     segments.map(
-      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx49(Text45, { color: PALETTE.info, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: segment.text }, index) : /* @__PURE__ */ jsx49(Text45, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
+      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx50(Text45, { color: PALETTE.info, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: segment.text }, index) : /* @__PURE__ */ jsx50(Text45, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
     )
   ] });
 }
@@ -26519,31 +26544,31 @@ function CycleDetailPanel({
   height
 }) {
   const lines = [
-    /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
-    /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "push will fail until these are resolved" }, "cyc-sub"),
-    /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
-    /* @__PURE__ */ jsx49(Text45, { children: " " }, "cyc-space")
+    /* @__PURE__ */ jsx50(Text45, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
+    /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: "push will fail until these are resolved" }, "cyc-sub"),
+    /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
+    /* @__PURE__ */ jsx50(Text45, { children: " " }, "cyc-space")
   ];
   cycles.forEach((cycle, index) => {
     const nodeCount = new Set(cycle.path).size;
     const isCursor = index === cursor;
     lines.push(
-      /* @__PURE__ */ jsx49(Text45, { bold: true, inverse: isCursor, children: `${isCursor ? figures6.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
-      /* @__PURE__ */ jsx49(CyclePathLine, { segments: formatCyclePathSegments(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
+      /* @__PURE__ */ jsx50(Text45, { bold: true, inverse: isCursor, children: `${isCursor ? figures6.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
+      /* @__PURE__ */ jsx50(CyclePathLine, { segments: formatCyclePathSegments(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
     );
     if (cycle.suggestedBreak) {
       lines.push(
-        /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
+        /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
       );
     }
-    lines.push(/* @__PURE__ */ jsx49(Text45, { children: " " }, `cyc-s-${index}`));
+    lines.push(/* @__PURE__ */ jsx50(Text45, { 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__ */ jsxs42(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
     visible,
-    /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: footer })
+    /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: footer })
   ] });
 }
 function BreakCyclePanel({
@@ -26555,13 +26580,13 @@ function BreakCyclePanel({
   height
 }) {
   return /* @__PURE__ */ jsxs42(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
-    /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
-    cycle && /* @__PURE__ */ jsx49(CyclePathLine, { segments: formatCyclePathSegments(cycle), prefix: "  ", highlightComponents: true }),
-    /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
-    /* @__PURE__ */ jsx49(Text45, { children: " " }),
-    edges.length > 0 && /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "remove slot edge:" }),
-    edges.map((edge, index) => /* @__PURE__ */ jsx49(Text45, { inverse: index === cursor, children: `${index === cursor ? figures6.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
-    confirming ? /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
+    /* @__PURE__ */ jsx50(Text45, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
+    cycle && /* @__PURE__ */ jsx50(CyclePathLine, { segments: formatCyclePathSegments(cycle), prefix: "  ", highlightComponents: true }),
+    /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
+    /* @__PURE__ */ jsx50(Text45, { children: " " }),
+    edges.length > 0 && /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: "remove slot edge:" }),
+    edges.map((edge, index) => /* @__PURE__ */ jsx50(Text45, { inverse: index === cursor, children: `${index === cursor ? figures6.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
+    confirming ? /* @__PURE__ */ jsx50(Text45, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
   ] });
 }
 function buildBreakingRows(breakingChanges) {
@@ -26607,9 +26632,9 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    return /* @__PURE__ */ jsx49(Box41, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx49(Text45, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
+    return /* @__PURE__ */ jsx50(Box41, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx50(Text45, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
   }
-  return /* @__PURE__ */ jsx49(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
+  return /* @__PURE__ */ jsx50(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
 function GenerateReviewStepView({
   extractSessionId,
@@ -27466,13 +27491,13 @@ function GenerateReviewStepView({
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx49(ReviewLoadingState, {});
+    return /* @__PURE__ */ jsx50(ReviewLoadingState, {});
   }
   if (loadError) {
-    return /* @__PURE__ */ jsx49(ReviewLoadError, { message: loadError });
+    return /* @__PURE__ */ jsx50(ReviewLoadError, { message: loadError });
   }
   if (showHelp) {
-    return /* @__PURE__ */ jsx49(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
+    return /* @__PURE__ */ jsx50(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
   }
   const { selected, selectedJson, visibleJsonPanelValue } = getReviewSelectionState(
     components,
@@ -27513,7 +27538,7 @@ function GenerateReviewStepView({
     return false;
   })();
   return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(
       ReviewStepDialogs,
       {
         surfaceState: reviewSurface,
@@ -27523,15 +27548,15 @@ function GenerateReviewStepView({
         onQuit
       }
     ),
-    /* @__PURE__ */ jsx49(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
+    /* @__PURE__ */ jsx50(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
     removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
-      /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
-      !removedBannerCollapsed && /* @__PURE__ */ jsxs42(Fragment18, { children: [
-        /* @__PURE__ */ jsx49(Text45, { children: " " }),
-        removedComponents.map((rc) => /* @__PURE__ */ jsx49(Text45, { children: removedComponentLine(rc) }, rc.id))
+      /* @__PURE__ */ jsx50(Text45, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
+      !removedBannerCollapsed && /* @__PURE__ */ jsxs42(Fragment19, { children: [
+        /* @__PURE__ */ jsx50(Text45, { children: " " }),
+        removedComponents.map((rc) => /* @__PURE__ */ jsx50(Text45, { children: removedComponentLine(rc) }, rc.id))
       ] })
     ] }),
-    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx49(Box41, { paddingX: 1, children: /* @__PURE__ */ jsx49(
+    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx50(Box41, { paddingX: 1, children: /* @__PURE__ */ jsx50(
       Text45,
       {
         color: PALETTE.warning,
@@ -27543,13 +27568,13 @@ function GenerateReviewStepView({
       const comp = row ? breakingChanges.find((b) => b.componentName === row.componentName) : void 0;
       if (!comp) return null;
       return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
-        comp.impact && /* @__PURE__ */ jsx49(Text45, { dimColor: true, 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(Text45, { dimColor: true, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx49(Text45, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
-        /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "[D/Esc] close detail" })
+        /* @__PURE__ */ jsx50(Text45, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
+        comp.impact && /* @__PURE__ */ jsx50(Text45, { dimColor: true, 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__ */ jsx50(Text45, { dimColor: true, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx50(Text45, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
+        /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: "[D/Esc] close detail" })
       ] });
     })(),
-    !dialogOpen && /* @__PURE__ */ jsx49(
+    !dialogOpen && /* @__PURE__ */ jsx50(
       LivePreviewSummary,
       {
         enabled: livePreview,
@@ -27569,15 +27594,15 @@ function GenerateReviewStepView({
       const members = stillRejected.filter((n) => participantSet.has(n)).sort();
       const ancestors = stillRejected.filter((n) => !participantSet.has(n)).sort();
       return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
-        /* @__PURE__ */ jsx49(Text45, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
-        members.length > 0 && /* @__PURE__ */ jsx49(Text45, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
-        ancestors.length > 0 && /* @__PURE__ */ jsx49(Text45, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
-        /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
+        /* @__PURE__ */ jsx50(Text45, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
+        members.length > 0 && /* @__PURE__ */ jsx50(Text45, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
+        ancestors.length > 0 && /* @__PURE__ */ jsx50(Text45, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
+        /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
       ] });
     })(),
-    /* @__PURE__ */ jsx49(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
-    /* @__PURE__ */ jsx49(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
-    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
+    /* @__PURE__ */ jsx50(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
+    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx50(
       BreakCyclePanel,
       {
         cycle: cycleRows[cyclesCursor],
@@ -27588,7 +27613,7 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx49(
+    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx50(
       CycleDetailPanel,
       {
         cycles: cycleRows,
@@ -27599,7 +27624,7 @@ function GenerateReviewStepView({
       }
     ),
     !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs42(Box41, { children: [
-      breakingPanel.isOpen ? /* @__PURE__ */ jsx49(
+      breakingPanel.isOpen ? /* @__PURE__ */ jsx50(
         GotoBanner,
         {
           title: `Breaking changes \u2014 ${breakingRows[breakingCursor]?.componentName ?? "unknown component"}`,
@@ -27612,7 +27637,7 @@ function GenerateReviewStepView({
           width: sidebarWidth,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [D] detail \xB7 [Esc] close"
         }
-      ) : /* @__PURE__ */ jsx49(
+      ) : /* @__PURE__ */ jsx50(
         GroupedSidebar,
         {
           items: groupedItems,
@@ -27652,7 +27677,7 @@ function GenerateReviewStepView({
           graph: sidebarGraph
         }
       ),
-      selected ? /* @__PURE__ */ jsx49(
+      selected ? /* @__PURE__ */ jsx50(
         ReviewComponentPanel,
         {
           selectedKey: selected.key,
@@ -27685,12 +27710,12 @@ function GenerateReviewStepView({
           livePreview: livePreviewHook,
           livePreviewSpinner
         }
-      ) : /* @__PURE__ */ jsx49(ReviewNoSelection, {})
+      ) : /* @__PURE__ */ jsx50(ReviewNoSelection, {})
     ] }),
     !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx49(Text45, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
+      /* @__PURE__ */ jsx50(Text45, { 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__ */ jsx49(
+        return /* @__PURE__ */ jsx50(
           CyclePathLine,
           {
             segments: formatCyclePathSegments(cycle),
@@ -27701,10 +27726,10 @@ function GenerateReviewStepView({
           `cyc-banner-${idx}`
         );
       }),
-      cycleRows.length > 3 && /* @__PURE__ */ jsx49(Text45, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
-      /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "  press [c] for detail" })
+      cycleRows.length > 3 && /* @__PURE__ */ jsx50(Text45, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
+      /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: "  press [c] for detail" })
     ] }),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(
       SearchMatchSummary,
       {
         open: searchOpen,
@@ -27715,7 +27740,7 @@ function GenerateReviewStepView({
         hidden: dialogOpen
       }
     ),
-    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx49(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
+    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx50(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
   ] });
 }
 var HELP_SECTIONS2;
@@ -28113,7 +28138,7 @@ import { tmpdir } from "node:os";
 import { execFile as execFile2, spawn as spawn5 } from "node:child_process";
 import { mkdir as mkdir4 } from "node:fs/promises";
 import { buildCDF as buildCDF3, validateCDF as validateCDF3, validateSlotReferences as validateSlotReferences2 } from "@contentful/experience-design-system-types";
-import { jsx as jsx50, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
 function buildGenerateComponentsArgs(opts) {
   const args = ["__generate", "components", "--agent", opts.agent, "--session", opts.sessionId];
   if (opts.tokensPath) args.push("--tokens", opts.tokensPath);
@@ -29789,7 +29814,7 @@ If using a custom host configuration, make sure the space exists on that host.`
   const stepContent = (() => {
     switch (state.step) {
       case "welcome":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           WelcomeStep,
           {
             onContinue: (path) => {
@@ -29801,7 +29826,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "token-input":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           TokenInputStep,
           {
             onConfirm: (rawTokensPath) => {
@@ -29812,7 +29837,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "token-reuse-gate":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           GateStep,
           {
             successMessage: "Existing tokens.json found",
@@ -29840,7 +29865,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "checking-claude-auth":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           RunningStep,
           {
             stepNumber: state.authCheckStepNumber,
@@ -29850,7 +29875,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "path-validation":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           PathValidationStep,
           {
             projectPath: state.projectPath,
@@ -29883,7 +29908,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         }
         const selectionDetail = state.selectionAgentStatus === "complete" ? "Selection agent complete" : `Filtering component selection via ${state.agent}...`;
         const compositionDetail = state.compositionPhase === "cache-hit" ? "Composition mapping (cached)" : compositionComplete ? "Composition mapping complete" : state.compositionPhase?.startsWith("agent:") ? `Mapping composition via ${state.compositionPhase.slice("agent:".length)}...` : `Mapping composition via ${state.agent}...`;
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           RunningStep,
           {
             stepNumber: hasTokenStage ? 2 : 1,
@@ -29905,7 +29930,7 @@ If using a custom host configuration, make sure the space exists on that host.`
       }
       case "scope-gate": {
         if (!state.extractSessionId) {
-          return /* @__PURE__ */ jsx50(Box42, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx50(Text46, { color: PALETTE.error, children: "Error: extract session ID missing \u2014 please re-run." }) });
+          return /* @__PURE__ */ jsx51(Box42, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx51(Text46, { color: PALETTE.error, children: "Error: extract session ID missing \u2014 please re-run." }) });
         }
         const sessionId2 = state.extractSessionId;
         const db = openPipelineDb();
@@ -29921,7 +29946,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         }
         const rememberedForSession = scopeComponentsRef.current?.sessionId === sessionId2 ? scopeComponentsRef.current.components : null;
         const components = scopeGateCompletedRef.current && rememberedForSession ? rememberedForSession : loadedComponents.length > 0 ? loadedComponents : rememberedForSession ?? [];
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           ScopeGateStep,
           {
             components,
@@ -30015,9 +30040,9 @@ If using a custom host configuration, make sure the space exists on that host.`
         const p = state.generateProgress;
         const stepNum = hasTokenStage ? 4 : 3;
         const displayAgent = state.agent.charAt(0).toUpperCase() + state.agent.slice(1);
-        const progressDetail = p ? `[${p.done}/${p.total}] ${p.current}` : `Starting up ${displayAgent}...`;
+        const progressDetail = p ? `${p.current}` : `Starting up ${displayAgent}...`;
         const mapTokensDetail = state.mapTokensStatus === "running" ? skipMapTokens ? "Resolving token defaults..." : `Mapping token restrictions via ${displayAgent}...` : state.mapTokensStatus === "complete" ? skipMapTokens ? "Token defaults ready" : "Token restrictions ready" : void 0;
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           RunningStep,
           {
             stepNumber: stepNum,
@@ -30025,6 +30050,7 @@ If using a custom host configuration, make sure the space exists on that host.`
             title: "Generating definitions",
             description: `${formatAcceptanceSummary({ accepted: state.acceptedCount, autoRejected: state.autoRejectedCount })} ${displayAgent} is mapping your selected components to CDF format.${hasTokens ? " Using your design tokens for prop resolution." : ""}`,
             detail: progressDetail,
+            detailProgress: p ? { done: p.done, total: p.total } : void 0,
             secondaryDetail: mapTokensDetail,
             secondaryComplete: state.mapTokensStatus === "complete"
           }
@@ -30032,7 +30058,7 @@ If using a custom host configuration, make sure the space exists on that host.`
       }
       case "mapping-tokens": {
         const stepNum = hasTokenStage ? 5 : 4;
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           RunningStep,
           {
             stepNumber: stepNum,
@@ -30044,7 +30070,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       }
       case "final-review": {
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           GenerateReviewStep,
           {
             extractSessionId: state.extractSessionId,
@@ -30102,7 +30128,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       }
       case "credentials":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           CredentialsStep,
           {
             initialSpaceId: state.spaceId,
@@ -30137,7 +30163,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "previewing":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -30148,7 +30174,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       case "preview-gate": {
         const editableComponentCount = extractComponents(state.cdf).length;
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           WizardPreviewStep,
           {
             preview: state.serverPreview,
@@ -30173,9 +30199,9 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       }
       case "pushing":
-        return /* @__PURE__ */ jsx50(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state.pushProgress });
+        return /* @__PURE__ */ jsx51(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state.pushProgress });
       case "path-prompt":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           PathPrompt,
           {
             defaultPath: state.outDir,
@@ -30196,7 +30222,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "printing":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -30207,7 +30233,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       case "print-gate": {
         const teaser = buildRunTeaserLine(state.lastRunId);
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           GateStep,
           {
             successMessage: "Files saved",
@@ -30224,8 +30250,7 @@ If using a custom host configuration, make sure the space exists on that host.`
       }
       case "done": {
         const totalFailed = state.pushResult.componentTypes.failed + state.pushResult.designTokens.failed;
-        const teaser = buildRunTeaserLine(state.lastRunId);
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           DoneStep,
           {
             componentTypes: state.pushResult.componentTypes,
@@ -30235,13 +30260,12 @@ If using a custom host configuration, make sure the space exists on that host.`
             spaceId: state.spaceId,
             environmentId: state.environmentId,
             host: state.host,
-            ...teaser ? { runTeaser: teaser } : {},
             onExit: () => process.exit(totalFailed > 0 ? 1 : 0)
           }
         );
       }
       case "preview-validation-error": {
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           PreviewValidationErrorStep,
           {
             errors: state.previewValidationErrors,
@@ -30257,7 +30281,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       }
       case "error":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx51(
           ErrorStep,
           {
             stepName: state.errorStep,
@@ -30280,8 +30304,8 @@ If using a custom host configuration, make sure the space exists on that host.`
     }
   })();
   return /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", width: terminalWidth, children: [
-    /* @__PURE__ */ jsx50(TopBar, { subcommand: "import", hints }),
-    /* @__PURE__ */ jsx50(CustomPromptBanner, { generatePromptPath }),
+    /* @__PURE__ */ jsx51(TopBar, { subcommand: "import", hints }),
+    /* @__PURE__ */ jsx51(CustomPromptBanner, { generatePromptPath }),
     stepContent
   ] });
 }
@@ -30813,7 +30837,7 @@ var init_command7 = __esm({
 // packages/experience-design-system-cli-legacy/src/setup/SetupStepper.tsx
 import React17 from "react";
 import { Box as Box43, Text as Text47 } from "ink";
-import { jsx as jsx51, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
 function stepLabel(step, title, state, wide) {
   if (state === "complete") return wide ? `\u2713 ${title}` : "\u2713";
   if (state === "active") return wide ? `[${step} ${title}]` : `[${step}]`;
@@ -30826,12 +30850,12 @@ function stepColor(state) {
 }
 function SetupStepper({ activeStep, columns }) {
   const wide = columns !== void 0 && columns >= WIDE_MIN_COLUMNS;
-  return /* @__PURE__ */ jsx51(Box43, { columnGap: wide ? 0 : COMPACT_GAP, children: SETUP_SCREENS.map((title, index) => {
+  return /* @__PURE__ */ jsx52(Box43, { columnGap: wide ? 0 : COMPACT_GAP, children: SETUP_SCREENS.map((title, index) => {
     const step = index + 1;
     const state = step < activeStep ? "complete" : step === activeStep ? "active" : "pending";
     return /* @__PURE__ */ jsxs44(React17.Fragment, { children: [
-      wide && index > 0 && /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: WIDE_SEPARATOR }),
-      /* @__PURE__ */ jsx51(Text47, { bold: state === "active", dimColor: state === "pending", color: stepColor(state), children: stepLabel(step, title, state, wide) })
+      wide && index > 0 && /* @__PURE__ */ jsx52(Text47, { dimColor: true, children: WIDE_SEPARATOR }),
+      /* @__PURE__ */ jsx52(Text47, { bold: state === "active", dimColor: state === "pending", color: stepColor(state), children: stepLabel(step, title, state, wide) })
     ] }, step);
   }) });
 }
@@ -30851,12 +30875,12 @@ var init_SetupStepper = __esm({
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/StepLayout.tsx
 import { Box as Box44, Text as Text48 } from "ink";
-import { jsx as jsx52, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 function StepLayout({ helpText, children, prompt }) {
   return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", children: [
     children,
-    prompt && /* @__PURE__ */ jsx52(Box44, { marginTop: 1, children: prompt }),
-    helpText && /* @__PURE__ */ jsx52(Box44, { marginTop: 1, children: /* @__PURE__ */ jsx52(Text48, { dimColor: true, children: helpText }) })
+    prompt && /* @__PURE__ */ jsx53(Box44, { marginTop: 1, children: prompt }),
+    helpText && /* @__PURE__ */ jsx53(Box44, { marginTop: 1, children: /* @__PURE__ */ jsx53(Text48, { dimColor: true, children: helpText }) })
   ] });
 }
 function StepSuccess({ children }) {
@@ -30874,9 +30898,9 @@ function StepWarning({ children }) {
 function StepValue({ label, value }) {
   const color = value ? void 0 : PALETTE.warning;
   return /* @__PURE__ */ jsxs45(Box44, { children: [
-    /* @__PURE__ */ jsx52(Box44, { width: 2, children: /* @__PURE__ */ jsx52(Text48, { color, children: value ? "" : "\u26A0" }) }),
-    /* @__PURE__ */ jsx52(Box44, { width: 20, flexShrink: 0, children: /* @__PURE__ */ jsx52(Text48, { color, children: label }) }),
-    /* @__PURE__ */ jsx52(Text48, { color, children: value || "(not set)" })
+    /* @__PURE__ */ jsx53(Box44, { width: 2, children: /* @__PURE__ */ jsx53(Text48, { color, children: value ? "" : "\u26A0" }) }),
+    /* @__PURE__ */ jsx53(Box44, { width: 20, flexShrink: 0, children: /* @__PURE__ */ jsx53(Text48, { color, children: label }) }),
+    /* @__PURE__ */ jsx53(Text48, { color, children: value || "(not set)" })
   ] });
 }
 var init_StepLayout = __esm({
@@ -30890,7 +30914,7 @@ var init_StepLayout = __esm({
 import { useEffect as useEffect16, useRef as useRef11, useState as useState24 } from "react";
 import { Box as Box45, Text as Text49 } from "ink";
 import { Select, TextInput } from "@inkjs/ui";
-import { jsx as jsx53, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs46 } from "react/jsx-runtime";
 async function detectAgents(exists = binaryExists) {
   const found = await Promise.all(AGENT_DEFS.map(async (agent) => await exists(agent.binary) ? agent : void 0));
   return found.filter((agent) => agent !== void 0);
@@ -30923,7 +30947,7 @@ function CodingAgentScreen({ onDone, deps }) {
       const found = await detectAgents(exists);
       if (found.length === 1) {
         const only = found[0];
-        setNotes([/* @__PURE__ */ jsx53(StepSuccess, { children: `${only.name} (${only.binary}) found` }, "found")]);
+        setNotes([/* @__PURE__ */ jsx54(StepSuccess, { children: `${only.name} (${only.binary}) found` }, "found")]);
         afterSelection(only);
         return;
       }
@@ -30931,7 +30955,7 @@ function CodingAgentScreen({ onDone, deps }) {
         setPhase({ kind: "choose", found });
         return;
       }
-      setNotes([/* @__PURE__ */ jsx53(StepWarning, { children: "No coding agent found on PATH" }, "none")]);
+      setNotes([/* @__PURE__ */ jsx54(StepWarning, { children: "No coding agent found on PATH" }, "none")]);
       setPhase({ kind: "install-choice" });
     })();
   }, []);
@@ -30943,12 +30967,12 @@ function CodingAgentScreen({ onDone, deps }) {
       onDone("failed");
       return;
     }
-    setNotes((current) => [...current, /* @__PURE__ */ jsx53(StepSuccess, { children: `${agent.name} installed` }, "installed")]);
+    setNotes((current) => [...current, /* @__PURE__ */ jsx54(StepSuccess, { children: `${agent.name} installed` }, "installed")]);
     afterSelection(agent);
   };
   const chooser = (question, options, describe, onPick) => /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx53(Text49, { children: question }),
-    /* @__PURE__ */ jsx53(Box45, { marginTop: 1, children: /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(Text49, { children: question }),
+    /* @__PURE__ */ jsx54(Box45, { marginTop: 1, children: /* @__PURE__ */ jsx54(
       Select,
       {
         options: [
@@ -30960,7 +30984,7 @@ function CodingAgentScreen({ onDone, deps }) {
     ) })
   ] });
   if (phase.kind === "choose") {
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx54(
       StepLayout,
       {
         helpText: AGENT_HELP,
@@ -30975,7 +30999,7 @@ function CodingAgentScreen({ onDone, deps }) {
     );
   }
   if (phase.kind === "install-choice") {
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx54(
       StepLayout,
       {
         helpText: AGENT_HELP,
@@ -30990,13 +31014,13 @@ function CodingAgentScreen({ onDone, deps }) {
     );
   }
   if (phase.kind === "model") {
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx54(
       StepLayout,
       {
         helpText: AGENT_HELP,
         prompt: /* @__PURE__ */ jsxs46(Box45, { children: [
-          /* @__PURE__ */ jsx53(Text49, { children: "Model name (optional - press Enter for Codex default): " }),
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54(Text49, { children: "Model name (optional - press Enter for Codex default): " }),
+          /* @__PURE__ */ jsx54(
             TextInput,
             {
               onSubmit: (value) => void save(phase.agent.binary, value.trim() || void 0)
@@ -31006,19 +31030,19 @@ function CodingAgentScreen({ onDone, deps }) {
         ] }),
         children: [
           ...notes,
-          /* @__PURE__ */ jsx53(StepWarning, { children: "No OPENAI_API_KEY \u2014 using ChatGPT account authentication." }, "no-key"),
-          /* @__PURE__ */ jsx53(Text49, { dimColor: true, children: "Tip: run codex then type /model to browse all available models." }, "tip")
+          /* @__PURE__ */ jsx54(StepWarning, { children: "No OPENAI_API_KEY \u2014 using ChatGPT account authentication." }, "no-key"),
+          /* @__PURE__ */ jsx54(Text49, { dimColor: true, children: "Tip: run codex then type /model to browse all available models." }, "tip")
         ]
       }
     );
   }
   if (phase.kind === "installing") {
-    return /* @__PURE__ */ jsx53(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx53(Text49, { children: `Installing ${phase.agent.name}\u2026` }, "installing")] });
+    return /* @__PURE__ */ jsx54(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx54(Text49, { children: `Installing ${phase.agent.name}\u2026` }, "installing")] });
   }
   if (phase.kind === "failed") {
-    return /* @__PURE__ */ jsx53(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx53(Text49, { children: `\u2717 ${phase.message}` }, "failed")] });
+    return /* @__PURE__ */ jsx54(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx54(Text49, { children: `\u2717 ${phase.message}` }, "failed")] });
   }
-  return /* @__PURE__ */ jsx53(Text49, { dimColor: true, children: "Looking for a coding agent\u2026" });
+  return /* @__PURE__ */ jsx54(Text49, { dimColor: true, children: "Looking for a coding agent\u2026" });
 }
 var AGENT_HELP, SKIP_VALUE;
 var init_CodingAgentScreen = __esm({
@@ -31037,7 +31061,7 @@ var init_CodingAgentScreen = __esm({
 import { useEffect as useEffect17, useRef as useRef12, useState as useState25 } from "react";
 import { Box as Box46, Text as Text50 } from "ink";
 import { PasswordInput, Select as Select2, TextInput as TextInput2 } from "@inkjs/ui";
-import { Fragment as Fragment19, jsx as jsx54, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx55, jsxs as jsxs47 } from "react/jsx-runtime";
 function envShadowingWarning(env) {
   const set = ENV_KEYS.filter((key) => env[key]);
   if (set.length === 0) return null;
@@ -31054,21 +31078,21 @@ function ContentfulCredentialsScreen({ onDone }) {
   useEffect17(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx54(Text50, { dimColor: true, children: "Reading saved credentials\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx55(Text50, { dimColor: true, children: "Reading saved credentials\u2026" });
   const currentHost = stored.host ?? DEFAULT_CONFIGURED_HOST;
   const hasAny = Boolean(stored.spaceId || stored.environmentId || stored.cmaToken);
   const allSet = Boolean(stored.spaceId && stored.environmentId && stored.cmaToken);
   const shadowing = envShadowingWarning(process.env);
-  const summary = /* @__PURE__ */ jsxs47(Fragment19, { children: [
-    shadowing && /* @__PURE__ */ jsx54(StepWarning, { children: shadowing }),
+  const summary = /* @__PURE__ */ jsxs47(Fragment20, { children: [
+    shadowing && /* @__PURE__ */ jsx55(StepWarning, { children: shadowing }),
     hasAny && /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", marginTop: shadowing ? 1 : 0, children: [
-      /* @__PURE__ */ jsx54(Text50, { children: "Current values:" }),
-      /* @__PURE__ */ jsx54(StepValue, { label: "Space ID", value: stored.spaceId }),
-      /* @__PURE__ */ jsx54(StepValue, { label: "Environment ID", value: stored.environmentId }),
-      /* @__PURE__ */ jsx54(StepValue, { label: "CMA Token", value: stored.cmaToken ? maskToken(stored.cmaToken) : void 0 }),
-      /* @__PURE__ */ jsx54(StepValue, { label: "API Host", value: currentHost })
+      /* @__PURE__ */ jsx55(Text50, { children: "Current values:" }),
+      /* @__PURE__ */ jsx55(StepValue, { label: "Space ID", value: stored.spaceId }),
+      /* @__PURE__ */ jsx55(StepValue, { label: "Environment ID", value: stored.environmentId }),
+      /* @__PURE__ */ jsx55(StepValue, { label: "CMA Token", value: stored.cmaToken ? maskToken(stored.cmaToken) : void 0 }),
+      /* @__PURE__ */ jsx55(StepValue, { label: "API Host", value: currentHost })
     ] }),
-    error && /* @__PURE__ */ jsx54(StepWarning, { children: error })
+    error && /* @__PURE__ */ jsx55(StepWarning, { children: error })
   ] });
   const helpText = `Saved to ${experiencesCredentialsPath()} \u2014 loaded automatically by experiences import.`;
   if (field === "confirm") {
@@ -31076,13 +31100,13 @@ function ContentfulCredentialsScreen({ onDone }) {
       { label: hasAny ? "Update the saved credentials" : "Enter credentials now", value: ENTER },
       { label: allSet ? "Keep them as they are" : "Skip for now", value: KEEP }
     ];
-    return /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx55(
       StepLayout,
       {
         helpText,
         prompt: /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx54(Text50, { children: "Contentful credentials" }),
-          /* @__PURE__ */ jsx54(Box46, { marginTop: 1, children: /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx55(Text50, { children: "Contentful credentials" }),
+          /* @__PURE__ */ jsx55(Box46, { marginTop: 1, children: /* @__PURE__ */ jsx55(
             Select2,
             {
               options: allSet ? [...options].reverse() : options,
@@ -31124,23 +31148,23 @@ function ContentfulCredentialsScreen({ onDone }) {
   };
   const prompts = {
     spaceId: /* @__PURE__ */ jsxs47(Box46, { children: [
-      /* @__PURE__ */ jsx54(Text50, { children: `Space ID${stored.spaceId ? ` [${stored.spaceId}]` : ""}: ` }),
-      /* @__PURE__ */ jsx54(TextInput2, { onSubmit: (v) => advance("spaceId", v) }, "spaceId")
+      /* @__PURE__ */ jsx55(Text50, { children: `Space ID${stored.spaceId ? ` [${stored.spaceId}]` : ""}: ` }),
+      /* @__PURE__ */ jsx55(TextInput2, { onSubmit: (v) => advance("spaceId", v) }, "spaceId")
     ] }),
     environmentId: /* @__PURE__ */ jsxs47(Box46, { children: [
-      /* @__PURE__ */ jsx54(Text50, { children: `Environment ID [${stored.environmentId || "master"}]: ` }),
-      /* @__PURE__ */ jsx54(TextInput2, { onSubmit: (v) => advance("environmentId", v) }, "environmentId")
+      /* @__PURE__ */ jsx55(Text50, { children: `Environment ID [${stored.environmentId || "master"}]: ` }),
+      /* @__PURE__ */ jsx55(TextInput2, { onSubmit: (v) => advance("environmentId", v) }, "environmentId")
     ] }),
     cmaToken: /* @__PURE__ */ jsxs47(Box46, { children: [
-      /* @__PURE__ */ jsx54(Text50, { children: `CMA token${stored.cmaToken ? " [press Enter to keep existing]" : " (paste here)"}: ` }),
-      /* @__PURE__ */ jsx54(PasswordInput, { onSubmit: (v) => advance("cmaToken", v) }, "cmaToken")
+      /* @__PURE__ */ jsx55(Text50, { children: `CMA token${stored.cmaToken ? " [press Enter to keep existing]" : " (paste here)"}: ` }),
+      /* @__PURE__ */ jsx55(PasswordInput, { onSubmit: (v) => advance("cmaToken", v) }, "cmaToken")
     ] }),
     host: /* @__PURE__ */ jsxs47(Box46, { children: [
-      /* @__PURE__ */ jsx54(Text50, { children: `API host [${currentHost}]: ` }),
-      /* @__PURE__ */ jsx54(TextInput2, { onSubmit: (v) => advance("host", v) }, "host")
+      /* @__PURE__ */ jsx55(Text50, { children: `API host [${currentHost}]: ` }),
+      /* @__PURE__ */ jsx55(TextInput2, { onSubmit: (v) => advance("host", v) }, "host")
     ] })
   };
-  return /* @__PURE__ */ jsx54(StepLayout, { helpText, prompt: prompts[field], children: summary });
+  return /* @__PURE__ */ jsx55(StepLayout, { helpText, prompt: prompts[field], children: summary });
 }
 var ENV_KEYS, ENTER, KEEP, FIELD_ORDER;
 var init_ContentfulCredentialsScreen = __esm({
@@ -31160,7 +31184,7 @@ var init_ContentfulCredentialsScreen = __esm({
 import { useEffect as useEffect18, useState as useState26 } from "react";
 import { Box as Box47, Text as Text51 } from "ink";
 import { Select as Select3 } from "@inkjs/ui";
-import { jsx as jsx55, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs48 } from "react/jsx-runtime";
 function tick(labels, forOn, current) {
   const label = forOn ? labels.on : labels.off;
   return forOn === current ? `${label} \u2713` : label;
@@ -31178,7 +31202,7 @@ function BooleanInput({
   useEffect18(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx55(Text51, { dimColor: true, children: "Reading saved preferences\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx56(Text51, { dimColor: true, children: "Reading saved preferences\u2026" });
   const current = read(stored) ?? fallback;
   const submit = (value) => {
     if (value === current) {
@@ -31187,13 +31211,13 @@ function BooleanInput({
     }
     void writeExperiencesCredentials(write2(stored, value)).then(() => onDone("completed"));
   };
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     StepLayout,
     {
       helpText,
       prompt: /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx55(Text51, { children: question }),
-        /* @__PURE__ */ jsx55(Box47, { marginTop: 1, children: /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(Text51, { children: question }),
+        /* @__PURE__ */ jsx56(Box47, { marginTop: 1, children: /* @__PURE__ */ jsx56(
           Select3,
           {
             options: [
@@ -31218,9 +31242,9 @@ var init_BooleanInput = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/AnalyticsScreen.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function AnalyticsScreen({ onDone }) {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     BooleanInput,
     {
       helpText: "Shares anonymous usage data about which CLI commands are used and where imports succeed or fail. Never includes source code, file paths, credentials, or authored content",
@@ -31241,9 +31265,9 @@ var init_AnalyticsScreen = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/ColorPreferenceScreen.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function ColorPreferenceScreen({ onDone }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     BooleanInput,
     {
       helpText: `Prints plain text with no color, which suits CI logs and basic terminals.`,
@@ -31267,7 +31291,7 @@ var init_ColorPreferenceScreen = __esm({
 import { useEffect as useEffect19, useState as useState27 } from "react";
 import { Box as Box48, Text as Text52 } from "ink";
 import { ConfirmInput, TextInput as TextInput3 } from "@inkjs/ui";
-import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
 function parseCustomSkillPath(answer) {
   const trimmed = answer.trim();
   if (trimmed === "") return void 0;
@@ -31289,19 +31313,19 @@ function CustomPromptsScreen({ onDone }) {
   useEffect19(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx58(Text52, { dimColor: true, children: "Reading saved prompt paths\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx59(Text52, { dimColor: true, children: "Reading saved prompt paths\u2026" });
   const submit = (answer) => {
     const next = applyCustomSkillPath(stored, parseCustomSkillPath(answer));
     void writeExperiencesCredentials(next).then(() => onDone("completed"));
   };
   if (phase === "confirm") {
-    return /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx59(
       StepLayout,
       {
         helpText: CUSTOM_PROMPTS_HELP,
         prompt: /* @__PURE__ */ jsxs49(Box48, { children: [
-          /* @__PURE__ */ jsx58(Text52, { children: "Use your own prompt file instead of the built-in one? " }),
-          /* @__PURE__ */ jsx58(
+          /* @__PURE__ */ jsx59(Text52, { children: "Use your own prompt file instead of the built-in one? " }),
+          /* @__PURE__ */ jsx59(
             ConfirmInput,
             {
               defaultChoice: "cancel",
@@ -31313,13 +31337,13 @@ function CustomPromptsScreen({ onDone }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     StepLayout,
     {
       helpText: CUSTOM_PROMPTS_HELP,
       prompt: /* @__PURE__ */ jsxs49(Box48, { children: [
-        /* @__PURE__ */ jsx58(Text52, { children: customSkillPathQuestion(stored.generatePromptPath) }),
-        /* @__PURE__ */ jsx58(TextInput3, { onSubmit: submit })
+        /* @__PURE__ */ jsx59(Text52, { children: customSkillPathQuestion(stored.generatePromptPath) }),
+        /* @__PURE__ */ jsx59(TextInput3, { onSubmit: submit })
       ] })
     }
   );
@@ -31335,9 +31359,9 @@ var init_CustomPromptScreen = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/DebugLogsScreen.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 function DebugLogsScreen({ onDone }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     BooleanInput,
     {
       helpText: `Writes a verbose trace of every command decision, for troubleshooting.`,
@@ -31361,14 +31385,14 @@ var init_DebugLogsScreen = __esm({
 import { useState as useState28 } from "react";
 import { Box as Box49, Text as Text53 } from "ink";
 import { Select as Select4 } from "@inkjs/ui";
-import { jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs50 } from "react/jsx-runtime";
 function PreferencesMenu({ onDone }) {
   const [open, setOpen] = useState28(null);
   const [changed, setChanged] = useState28(/* @__PURE__ */ new Set());
   const entry = open === null ? void 0 : PREFERENCE_OPTIONS.find((option) => option.key === open);
-  if (!entry) return /* @__PURE__ */ jsx60(PreferenceList, { changed, onOpen: setOpen, onDone });
+  if (!entry) return /* @__PURE__ */ jsx61(PreferenceList, { changed, onOpen: setOpen, onDone });
   const { key, Screen } = entry;
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     Screen,
     {
       onDone: (status) => {
@@ -31385,13 +31409,13 @@ function PreferenceList({ changed, onOpen, onDone }) {
     ...PREFERENCE_OPTIONS.map((option) => ({ label: option.label, value: option.key })),
     { label: "Done", value: DONE_VALUE }
   ];
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     StepLayout,
     {
       helpText: PREFERENCES_MENU_HELP,
       prompt: /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx60(Text53, { children: "Preferences" }),
-        /* @__PURE__ */ jsx60(Box49, { marginTop: 1, children: /* @__PURE__ */ jsx60(
+        /* @__PURE__ */ jsx61(Text53, { children: "Preferences" }),
+        /* @__PURE__ */ jsx61(Box49, { marginTop: 1, children: /* @__PURE__ */ jsx61(
           Select4,
           {
             options,
@@ -31424,22 +31448,22 @@ var init_PreferencesMenu = __esm({
       {
         key: "customPrompts",
         label: "Custom prompts",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx60(CustomPromptsScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx61(CustomPromptsScreen, { onDone })
       },
       {
         key: "debug",
         label: "Debug logging",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx60(DebugLogsScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx61(DebugLogsScreen, { onDone })
       },
       {
         key: "analytics",
         label: "Usage analytics",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx60(AnalyticsScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx61(AnalyticsScreen, { onDone })
       },
       {
         key: "noColor",
         label: "Terminal colors",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx60(ColorPreferenceScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx61(ColorPreferenceScreen, { onDone })
       }
     ];
     DONE_VALUE = "menu:done";
@@ -31657,7 +31681,7 @@ var init_prerequisites = __esm({
 import { useEffect as useEffect20, useRef as useRef13, useState as useState29 } from "react";
 import { Box as Box50, Text as Text54 } from "ink";
 import { ConfirmInput as ConfirmInput2 } from "@inkjs/ui";
-import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs51 } from "react/jsx-runtime";
 function EventLine({ event }) {
   if (event.kind === "success") return /* @__PURE__ */ jsxs51(Text54, { color: PALETTE.success, children: [
     "\u2713 ",
@@ -31671,7 +31695,7 @@ function EventLine({ event }) {
     "\u26A0 ",
     event.message
   ] });
-  return /* @__PURE__ */ jsx61(Text54, { children: event.message });
+  return /* @__PURE__ */ jsx62(Text54, { children: event.message });
 }
 function PrerequisitesScreen({
   repoRoot,
@@ -31710,7 +31734,7 @@ function PrerequisitesScreen({
       ...skipBuild !== void 0 ? { skipBuild } : {}
     }).then(onDone);
   }, []);
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     StepLayout,
     {
       prompt: confirm ? /* @__PURE__ */ jsxs51(Box50, { children: [
@@ -31718,7 +31742,7 @@ function PrerequisitesScreen({
           confirm.question,
           " "
         ] }),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx62(
           ConfirmInput2,
           {
             defaultChoice: confirm.defaultYes ? "confirm" : "cancel",
@@ -31727,8 +31751,8 @@ function PrerequisitesScreen({
           },
           confirm.question
         )
-      ] }) : /* @__PURE__ */ jsx61(Text54, { color: PALETTE.info, children: "\u27F3 Checking prerequisites\u2026" }),
-      children: /* @__PURE__ */ jsx61(Box50, { flexDirection: "column", children: events.map((event, index) => /* @__PURE__ */ jsx61(EventLine, { event }, `${index}-${event.message}`)) })
+      ] }) : /* @__PURE__ */ jsx62(Text54, { color: PALETTE.info, children: "\u27F3 Checking prerequisites\u2026" }),
+      children: /* @__PURE__ */ jsx62(Box50, { flexDirection: "column", children: events.map((event, index) => /* @__PURE__ */ jsx62(EventLine, { event }, `${index}-${event.message}`)) })
     }
   );
 }
@@ -31750,7 +31774,7 @@ __export(SetupScreen_exports, {
 });
 import { useEffect as useEffect21, useRef as useRef14, useState as useState30 } from "react";
 import { Box as Box51, Text as Text55 } from "ink";
-import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs52 } from "react/jsx-runtime";
 function countRequiredFailures(results) {
   return results.filter((result) => result.required && result.status === "failed").length;
 }
@@ -31781,7 +31805,7 @@ function SetupScreen({
     });
     void (async () => {
       const results = [];
-      const prerequisites = await runScreen((done) => /* @__PURE__ */ jsx62(
+      const prerequisites = await runScreen((done) => /* @__PURE__ */ jsx63(
         PrerequisitesScreen,
         {
           repoRoot,
@@ -31815,21 +31839,21 @@ function SetupScreen({
       if (skip.skipAgent) {
         results.push({ name: "Coding agent", status: "skipped", required: false });
       } else {
-        const status = await runScreen((done) => /* @__PURE__ */ jsx62(CodingAgentScreen, { onDone: done }));
+        const status = await runScreen((done) => /* @__PURE__ */ jsx63(CodingAgentScreen, { onDone: done }));
         results.push({ name: "Coding agent", status, required: true });
       }
       setActiveStep(3);
       if (skip.skipCredentials) {
         results.push({ name: "Contentful credentials", status: "skipped", required: false });
       } else {
-        const status = await runScreen((done) => /* @__PURE__ */ jsx62(ContentfulCredentialsScreen, { onDone: done }));
+        const status = await runScreen((done) => /* @__PURE__ */ jsx63(ContentfulCredentialsScreen, { onDone: done }));
         results.push({ name: "Contentful credentials", status, required: false });
       }
       setActiveStep(4);
       if (skip.skipOptional) {
         results.push({ name: "Preferences", status: "skipped", required: false });
       } else {
-        const status = await runScreen((done) => /* @__PURE__ */ jsx62(PreferencesMenu, { onDone: done }));
+        const status = await runScreen((done) => /* @__PURE__ */ jsx63(PreferencesMenu, { onDone: done }));
         results.push({ name: "Preferences", status, required: false });
       }
       const exitCode = countRequiredFailures(results) === 0 ? 0 : 1;
@@ -31840,20 +31864,20 @@ function SetupScreen({
   }, []);
   return /* @__PURE__ */ jsxs52(Box51, { flexDirection: "column", paddingX: 1, children: [
     /* @__PURE__ */ jsxs52(Box51, { justifyContent: "space-between", columnGap: 1, ...columns !== void 0 ? { width: columns - 2 } : {}, children: [
-      /* @__PURE__ */ jsx62(Box51, { flexShrink: 0, children: /* @__PURE__ */ jsx62(Text55, { bold: true, children: "experiences setup" }) }),
-      /* @__PURE__ */ jsx62(Box51, { flexShrink: 0, children: /* @__PURE__ */ jsxs52(Text55, { dimColor: true, children: [
+      /* @__PURE__ */ jsx63(Box51, { flexShrink: 0, children: /* @__PURE__ */ jsx63(Text55, { bold: true, children: "experiences setup" }) }),
+      /* @__PURE__ */ jsx63(Box51, { flexShrink: 0, children: /* @__PURE__ */ jsxs52(Text55, { dimColor: true, children: [
         "v",
         version
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx62(Box51, { marginTop: 1, children: /* @__PURE__ */ jsx62(SetupStepper, { activeStep, columns }) }),
-    outcome ? /* @__PURE__ */ jsx62(SetupSummary, { outcome, notice }) : screen && /* @__PURE__ */ jsx62(Box51, { marginTop: 1, children: screen })
+    /* @__PURE__ */ jsx63(Box51, { marginTop: 1, children: /* @__PURE__ */ jsx63(SetupStepper, { activeStep, columns }) }),
+    outcome ? /* @__PURE__ */ jsx63(SetupSummary, { outcome, notice }) : screen && /* @__PURE__ */ jsx63(Box51, { marginTop: 1, children: screen })
   ] });
 }
 function SetupSummary({ outcome, notice }) {
   const requiredFailed = countRequiredFailures(outcome.results);
   return /* @__PURE__ */ jsxs52(Box51, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsx62(Text55, { bold: true, children: "Summary" }),
+    /* @__PURE__ */ jsx63(Text55, { bold: true, children: "Summary" }),
     outcome.results.map((result) => {
       if (result.status === "completed") {
         return /* @__PURE__ */ jsxs52(Text55, { color: PALETTE.success, children: [
@@ -31876,10 +31900,10 @@ function SetupSummary({ outcome, notice }) {
         result.required ? "required" : "optional"
       ] }, result.name);
     }),
-    notice && /* @__PURE__ */ jsx62(Box51, { marginTop: 1, children: /* @__PURE__ */ jsx62(Text55, { color: PALETTE.warning, children: notice }) }),
-    /* @__PURE__ */ jsx62(Box51, { marginTop: 1, children: /* @__PURE__ */ jsx62(Text55, { bold: true, color: requiredFailed === 0 ? PALETTE.success : PALETTE.warning, children: formatSetupCompletionMessage(outcome.results) }) }),
-    requiredFailed > 0 && /* @__PURE__ */ jsx62(Text55, { dimColor: true, children: "Complete the steps above, then re-run experiences setup." }),
-    /* @__PURE__ */ jsx62(Text55, { dimColor: true, children: "Run experiences doctor any time to re-check." })
+    notice && /* @__PURE__ */ jsx63(Box51, { marginTop: 1, children: /* @__PURE__ */ jsx63(Text55, { color: PALETTE.warning, children: notice }) }),
+    /* @__PURE__ */ jsx63(Box51, { marginTop: 1, children: /* @__PURE__ */ jsx63(Text55, { bold: true, color: requiredFailed === 0 ? PALETTE.success : PALETTE.warning, children: formatSetupCompletionMessage(outcome.results) }) }),
+    requiredFailed > 0 && /* @__PURE__ */ jsx63(Text55, { dimColor: true, children: "Complete the steps above, then re-run experiences setup." }),
+    /* @__PURE__ */ jsx63(Text55, { dimColor: true, children: "Run experiences doctor any time to re-check." })
   ] });
 }
 var init_SetupScreen = __esm({