@contentful/experience-design-system-cli 2.37.1-dev-build-f86ffbb8.0 → 2.37.1-dev-build-c5906aa0.0

package/legacy/dist/src/index.js

@@ -9912,9 +9912,196 @@ var init_GateStep = __esm({
   }
 });
 
+// packages/experience-design-system-cli-legacy/src/import/tui/steps/CredentialsStep.tsx
+import { useState as useState6, useRef as useRef3 } from "react";
+import { Box as Box11, Text as Text12 } from "ink";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+function CredentialsStep({
+  summary,
+  error: externalError,
+  initialSpaceId = "",
+  initialEnvironmentId = "master",
+  initialCmaToken = "",
+  initialHost,
+  validating = false,
+  backgroundValidating = false,
+  generatePrefetchStatus = "idle",
+  generatePrefetchError = null,
+  onConfirm,
+  onValuesChange,
+  onContinue,
+  onQuit,
+  onRetryPrefetch,
+  onSkip
+}) {
+  const normalizedInitialHost = toConfiguredHost(initialHost) ?? DEFAULT_CONFIGURED_HOST;
+  const [spaceId, setSpaceId] = useState6(initialSpaceId);
+  const [environmentId, setEnvironmentId] = useState6(initialEnvironmentId);
+  const [cmaToken, setCmaToken] = useState6(initialCmaToken);
+  const [host, setHost] = useState6(normalizedInitialHost);
+  const [activeField, setActiveField] = useState6("spaceId");
+  const [inlineError, setInlineError] = useState6(null);
+  const cursorVisible = useBlinkingCursor();
+  const hasTypedRef = useRef3(false);
+  useImmediateInput((input, key) => {
+    if (validating && !backgroundValidating) {
+      return;
+    }
+    if ((input === "r" || input === "R") && generatePrefetchStatus === "failed" && onRetryPrefetch) {
+      onRetryPrefetch();
+      return;
+    }
+    if (key.return) {
+      if (activeField === "spaceId") {
+        setActiveField("environmentId");
+        return;
+      }
+      if (activeField === "environmentId") {
+        setActiveField("cmaToken");
+        return;
+      }
+      if (activeField === "cmaToken") {
+        setActiveField("host");
+        return;
+      }
+      if (!spaceId.trim() || !environmentId.trim() || !cmaToken.trim()) {
+        setInlineError("All fields are required.");
+        return;
+      }
+      setInlineError(null);
+      const submittedHost = toConfiguredHost(host) ?? DEFAULT_CONFIGURED_HOST;
+      const unchanged = spaceId.trim() === initialSpaceId && environmentId.trim() === initialEnvironmentId && cmaToken.trim() === initialCmaToken && submittedHost === normalizedInitialHost;
+      if (unchanged && onContinue) {
+        onContinue(spaceId.trim(), environmentId.trim(), cmaToken.trim(), submittedHost);
+      } else {
+        onConfirm(spaceId.trim(), environmentId.trim(), cmaToken.trim(), submittedHost);
+      }
+      return;
+    }
+    if (key.tab) {
+      setActiveField(
+        (f) => f === "spaceId" ? "environmentId" : f === "environmentId" ? "cmaToken" : f === "cmaToken" ? "host" : "spaceId"
+      );
+      return;
+    }
+    if (key.escape || input === "q") {
+      onQuit();
+      return;
+    }
+    if ((input === "s" || input === "S") && onSkip && !hasTypedRef.current) {
+      onSkip();
+      return;
+    }
+    if (key.backspace || key.delete) {
+      const nextValue = (value) => value.slice(0, -1);
+      if (activeField === "spaceId") {
+        const next = nextValue(spaceId);
+        setSpaceId(next);
+        onValuesChange?.(next, environmentId, cmaToken, host);
+      } else if (activeField === "environmentId") {
+        const next = nextValue(environmentId);
+        setEnvironmentId(next);
+        onValuesChange?.(spaceId, next, cmaToken, host);
+      } else if (activeField === "cmaToken") {
+        const next = nextValue(cmaToken);
+        setCmaToken(next);
+        onValuesChange?.(spaceId, environmentId, next, host);
+      } else {
+        const next = nextValue(host);
+        setHost(next);
+        onValuesChange?.(spaceId, environmentId, cmaToken, next);
+      }
+      return;
+    }
+    if (input && !key.ctrl && !key.meta) {
+      hasTypedRef.current = true;
+      if (activeField === "spaceId") {
+        const next = spaceId + input;
+        setSpaceId(next);
+        onValuesChange?.(next, environmentId, cmaToken, host);
+      } else if (activeField === "environmentId") {
+        const next = environmentId + input;
+        setEnvironmentId(next);
+        onValuesChange?.(spaceId, next, cmaToken, host);
+      } else if (activeField === "cmaToken") {
+        const next = cmaToken + input;
+        setCmaToken(next);
+        onValuesChange?.(spaceId, environmentId, next, host);
+      } else {
+        const next = host + input;
+        setHost(next);
+        onValuesChange?.(spaceId, environmentId, cmaToken, next);
+      }
+    }
+  });
+  const cursor = cursorVisible ? "\u2588" : " ";
+  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__ */ jsx15(Text12, { dimColor: true, children: "(empty)" });
+    return /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+      /* @__PURE__ */ jsx15(Text12, { color: isActive ? PALETTE.info : void 0, children: "?" }),
+      /* @__PURE__ */ jsxs11(Text12, { bold: isActive, children: [
+        label,
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx15(Text12, { children: isActive ? display + cursor : display || fallback })
+    ] });
+  }
+  const displayError = inlineError ?? externalError ?? null;
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    summary && /* @__PURE__ */ jsxs11(Text12, { color: PALETTE.success, children: [
+      "\u2713 ",
+      summary
+    ] }),
+    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx15(Text12, { children: initialSpaceId && initialCmaToken ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into." }),
+      !(initialSpaceId && initialCmaToken) && /* @__PURE__ */ jsxs11(Fragment4, { children: [
+        /* @__PURE__ */ jsx15(Text12, { 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__ */ jsx15(Text12, { 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__ */ jsxs11(Box11, { flexDirection: "column", children: [
+      renderField("Space ID", spaceId, "spaceId"),
+      renderField("Environment", environmentId, "environmentId"),
+      renderField("CMA Token", cmaToken, "cmaToken", true),
+      renderField("API Host", host, "host")
+    ] }),
+    activeField === "host" && /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
+    displayError && /* @__PURE__ */ jsxs11(Text12, { color: PALETTE.error, children: [
+      "\u2717 ",
+      displayError
+    ] }),
+    validating && !backgroundValidating && /* @__PURE__ */ jsx15(Text12, { color: PALETTE.info, children: generatePrefetchStatus === "running" ? "Validating credentials & finishing component generation..." : "Validating credentials..." }),
+    !validating && generatePrefetchStatus === "running" && /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "Component generation in progress..." }),
+    !validating && generatePrefetchStatus === "complete" && /* @__PURE__ */ jsx15(Text12, { color: PALETTE.success, children: "Component generation complete." }),
+    !validating && generatePrefetchStatus === "failed" && /* @__PURE__ */ jsxs11(Text12, { color: PALETTE.warning, children: [
+      "Component generation failed",
+      generatePrefetchError ? `: ${generatePrefetchError}` : "",
+      ". Will retry after credential validation.",
+      onRetryPrefetch ? " Press R to retry now." : ""
+    ] }),
+    /* @__PURE__ */ jsxs11(Box11, { gap: 3, children: [
+      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "[Enter] Next field / Submit" }),
+      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "[Tab] Switch field" }),
+      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "[q] Quit" }),
+      onSkip && /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "[s] Skip \u2014 review locally only (no push, no live preview)" })
+    ] })
+  ] });
+}
+var init_CredentialsStep = __esm({
+  "packages/experience-design-system-cli-legacy/src/import/tui/steps/CredentialsStep.tsx"() {
+    "use strict";
+    init_theme();
+    init_useImmediateInput();
+    init_host_utils();
+    init_use_blinking_cursor();
+  }
+});
+
 // packages/experience-design-system-cli-legacy/src/tui/use-terminal-size.ts
 import { useStdout } from "ink";
-import { useEffect as useEffect4, useState as useState6 } from "react";
+import { useEffect as useEffect4, useState as useState7 } from "react";
 function readTerminalSize(stdout) {
   return {
     columns: stdout?.columns ?? 80,
@@ -9923,7 +10110,7 @@ function readTerminalSize(stdout) {
 }
 function useTerminalSize() {
   const { stdout } = useStdout();
-  const [size, setSize] = useState6(() => readTerminalSize(stdout));
+  const [size, setSize] = useState7(() => readTerminalSize(stdout));
   useEffect4(() => {
     const updateSize = () => setSize(readTerminalSize(stdout));
     stdout?.on("resize", updateSize);
@@ -10106,15 +10293,15 @@ var init_preview_diff = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/SpaceEnvironment.tsx
-import { Box as Box11, Text as Text12 } from "ink";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box12, Text as Text13 } from "ink";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function SpaceEnvironment({ spaceId, environmentId }) {
-  return /* @__PURE__ */ jsxs11(Box11, { gap: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "Space:" }),
-    /* @__PURE__ */ jsx15(Text12, { children: spaceId }),
-    /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "/" }),
-    /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "Environment:" }),
-    /* @__PURE__ */ jsx15(Text12, { children: environmentId })
+  return /* @__PURE__ */ jsxs12(Box12, { gap: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx16(Text13, { dimColor: true, children: "Space:" }),
+    /* @__PURE__ */ jsx16(Text13, { children: spaceId }),
+    /* @__PURE__ */ jsx16(Text13, { dimColor: true, children: "/" }),
+    /* @__PURE__ */ jsx16(Text13, { dimColor: true, children: "Environment:" }),
+    /* @__PURE__ */ jsx16(Text13, { children: environmentId })
   ] });
 }
 var init_SpaceEnvironment = __esm({
@@ -10148,8 +10335,8 @@ var init_preview_confirmation_input = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/tui/windowed-panel.tsx
-import { Box as Box12, Text as Text13 } from "ink";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Box as Box13, Text as Text14 } from "ink";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function terminalPanelHeight(rows, reservedRows = 4) {
   return Math.max(MIN_TERMINAL_PANEL_HEIGHT, rows - reservedRows);
 }
@@ -10164,8 +10351,8 @@ function FixedPanel({
   clipOverflow = true,
   children
 }) {
-  return /* @__PURE__ */ jsx16(
-    Box12,
+  return /* @__PURE__ */ jsx17(
+    Box13,
     {
       flexDirection: "column",
       width,
@@ -10181,7 +10368,7 @@ function FixedPanel({
   );
 }
 function WindowedPanel({ width, height, title, focused, children }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     FixedPanel,
     {
       width,
@@ -10190,7 +10377,7 @@ function WindowedPanel({ width, height, title, focused, children }) {
       ...height === void 0 ? {} : { height },
       focused,
       children: [
-        title && /* @__PURE__ */ jsx16(WindowedPanelHeader, { title, width, focused }),
+        title && /* @__PURE__ */ jsx17(WindowedPanelHeader, { title, width, focused }),
         children
       ]
     }
@@ -10201,9 +10388,9 @@ function WindowedPanelHeader({
   width,
   focused
 }) {
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx16(Text13, { bold: true, color: PALETTE.info, inverse: focused, children: title }),
-    /* @__PURE__ */ jsx16(Text13, { dimColor: true, children: "\u2500".repeat(Math.max(0, width - 2)) })
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx17(Text14, { bold: true, color: PALETTE.info, inverse: focused, children: title }),
+    /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "\u2500".repeat(Math.max(0, width - 2)) })
   ] });
 }
 function formatWindowIndicator(direction, count) {
@@ -10211,7 +10398,7 @@ function formatWindowIndicator(direction, count) {
   return `${direction === "up" ? "\u2191" : "\u2193"} ${count} more`;
 }
 function WindowIndicator({ direction, count }) {
-  return /* @__PURE__ */ jsx16(Text13, { dimColor: true, children: formatWindowIndicator(direction, count) });
+  return /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: formatWindowIndicator(direction, count) });
 }
 var MIN_TERMINAL_PANEL_HEIGHT;
 var init_windowed_panel = __esm({
@@ -10223,9 +10410,9 @@ var init_windowed_panel = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/WizardPreviewStep.tsx
-import { useEffect as useEffect5, useState as useState7, useMemo } from "react";
-import { Box as Box13, Text as Text14 } from "ink";
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useState as useState8, useMemo } from "react";
+import { Box as Box14, Text as Text15 } from "ink";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function buildPreviewSummaryLines(preview) {
   const lines = [];
   const { components, tokens } = preview;
@@ -10419,8 +10606,8 @@ function WizardPreviewStep({
   onQuit
 }) {
   const breakingWithImpact = hasBreakingChangesWithImpact(preview);
-  const [diffExpanded, setDiffExpanded] = useState7(false);
-  const [scrollOffset, setScrollOffset] = useState7(0);
+  const [diffExpanded, setDiffExpanded] = useState8(false);
+  const [scrollOffset, setScrollOffset] = useState8(0);
   const { columns: terminalColumns, rows: terminalRows } = useTerminalSize();
   const summaryLines = useMemo(() => buildPreviewSummaryLines(preview), [preview]);
   const diffLines = useMemo(() => buildPreviewDiffLines(preview), [preview]);
@@ -10479,11 +10666,11 @@ function WizardPreviewStep({
       return;
     }
   });
-  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 2, children: [
-    /* @__PURE__ */ jsx17(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
-    hasAnything ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
-      /* @__PURE__ */ jsx17(Text14, { children: "Here's what will happen in your space:" }),
-      /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 2, children: [
+    /* @__PURE__ */ jsx18(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
+    hasAnything ? /* @__PURE__ */ jsxs14(Fragment5, { children: [
+      /* @__PURE__ */ jsx18(Text15, { children: "Here's what will happen in your space:" }),
+      /* @__PURE__ */ jsxs14(
         WindowedPanel,
         {
           width: Math.max(20, terminalColumns - 4),
@@ -10491,8 +10678,8 @@ function WizardPreviewStep({
           title: diffExpanded ? `Diff (${diffLines.length} lines)` : "",
           focused: false,
           children: [
-            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx17(
-              Text14,
+            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx18(
+              Text15,
               {
                 color: line.color === "gray" ? void 0 : line.color,
                 dimColor: line.color === "gray",
@@ -10501,23 +10688,23 @@ function WizardPreviewStep({
               },
               line.key
             )),
-            /* @__PURE__ */ jsx17(Text14, { dimColor: true, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
+            /* @__PURE__ */ jsx18(Text15, { dimColor: true, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
           ]
         }
       )
-    ] }) : /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "Nothing to push \u2014 everything is already up to date." }),
-    breakingWithImpact && /* @__PURE__ */ jsx17(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx17(Text14, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
-    /* @__PURE__ */ jsx17(SpaceEnvironment, { spaceId, environmentId }),
-    /* @__PURE__ */ jsxs13(Box13, { gap: 3, marginTop: 1, children: [
-      /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "[Enter] Push to Contentful" }),
-      /* @__PURE__ */ jsxs13(Text14, { dimColor: true, children: [
+    ] }) : /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "Nothing to push \u2014 everything is already up to date." }),
+    breakingWithImpact && /* @__PURE__ */ jsx18(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx18(Text15, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
+    /* @__PURE__ */ jsx18(SpaceEnvironment, { spaceId, environmentId }),
+    /* @__PURE__ */ jsxs14(Box14, { gap: 3, marginTop: 1, children: [
+      /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "[Enter] Push to Contentful" }),
+      /* @__PURE__ */ jsxs14(Text15, { dimColor: true, children: [
         "[d] ",
         diffExpanded ? "Hide" : "Show",
         " diff"
       ] }),
-      diffExpanded && /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "[\u2191\u2193] Scroll [f/b] Page" }),
-      onEdit && /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "[e] Edit definitions" }),
-      /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: "[q] Cancel" })
+      diffExpanded && /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "[\u2191\u2193] Scroll [f/b] Page" }),
+      onEdit && /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "[e] Edit definitions" }),
+      /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "[q] Cancel" })
     ] })
   ] });
 }
@@ -10537,19 +10724,19 @@ var init_WizardPreviewStep = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/DoneStep.tsx
-import { Box as Box14, Text as Text15 } from "ink";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Box as Box15, Text as Text16 } from "ink";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function EntityRows({ entity, label }) {
   const plural = (n) => `${n} ${label}${n !== 1 ? "s" : ""}`;
-  return /* @__PURE__ */ jsxs14(Fragment5, { children: [
-    ACTIONS.filter((action) => entity[action] > 0).map((action) => /* @__PURE__ */ jsxs14(Text15, { children: [
-      /* @__PURE__ */ jsx18(Text15, { color: PALETTE.success, children: "\u2713" }),
+  return /* @__PURE__ */ jsxs15(Fragment6, { children: [
+    ACTIONS.filter((action) => entity[action] > 0).map((action) => /* @__PURE__ */ jsxs15(Text16, { children: [
+      /* @__PURE__ */ jsx19(Text16, { color: PALETTE.success, children: "\u2713" }),
       " ",
       plural(entity[action]),
       " ",
       action
     ] }, action)),
-    entity.failed > 0 && /* @__PURE__ */ jsxs14(Text15, { color: PALETTE.error, children: [
+    entity.failed > 0 && /* @__PURE__ */ jsxs15(Text16, { color: PALETTE.error, children: [
       "\u2717 ",
       plural(entity.failed),
       " failed \u2014 check logs above"
@@ -10557,9 +10744,9 @@ function EntityRows({ entity, label }) {
   ] });
 }
 function LinkRow({ title, url }) {
-  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: title }),
-    /* @__PURE__ */ jsx18(Text15, { color: PALETTE.link, children: url })
+  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: title }),
+    /* @__PURE__ */ jsx19(Text16, { color: PALETTE.link, children: url })
   ] });
 }
 function DoneStep({
@@ -10581,27 +10768,27 @@ function DoneStep({
   const totalPushed = componentTypes.created + componentTypes.updated + componentTypes.removed + designTokens.created + designTokens.updated + designTokens.removed;
   const success = totalFailed === 0;
   const urlArgs = { host: host ?? "api.contentful.com", spaceId, environmentId };
-  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    success ? /* @__PURE__ */ jsx18(Text15, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx18(Text15, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
-    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx18(EntityRows, { entity: componentTypes, label: "Component Type" }),
-      /* @__PURE__ */ jsx18(EntityRows, { entity: designTokens, label: "Design Token" }),
-      summary && /* @__PURE__ */ jsx18(Box14, { marginTop: 1, children: /* @__PURE__ */ jsxs14(Text15, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    success ? /* @__PURE__ */ jsx19(Text16, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx19(Text16, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
+    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx19(EntityRows, { entity: componentTypes, label: "Component Type" }),
+      /* @__PURE__ */ jsx19(EntityRows, { entity: designTokens, label: "Design Token" }),
+      summary && /* @__PURE__ */ jsx19(Box15, { marginTop: 1, children: /* @__PURE__ */ jsxs15(Text16, { dimColor: true, children: [
         "Push result: ",
         summary.succeeded,
         "/",
         summary.total,
         " succeeded",
-        summary.failed > 0 && /* @__PURE__ */ jsxs14(Text15, { color: PALETTE.error, children: [
+        summary.failed > 0 && /* @__PURE__ */ jsxs15(Text16, { color: PALETTE.error, children: [
           ", ",
           summary.failed,
           " failed"
         ] })
       ] }) })
     ] }),
-    failures.length > 0 && /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx18(Text15, { bold: true, color: PALETTE.error, children: "Failure details" }),
-      failures.map((failure) => /* @__PURE__ */ jsxs14(Text15, { color: PALETTE.error, children: [
+    failures.length > 0 && /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx19(Text16, { bold: true, color: PALETTE.error, children: "Failure details" }),
+      failures.map((failure) => /* @__PURE__ */ jsxs15(Text16, { color: PALETTE.error, children: [
         failure.entityType,
         " ",
         failure.entityId,
@@ -10609,11 +10796,11 @@ function DoneStep({
         failure.message
       ] }, `${failure.entityType}:${failure.entityId}`))
     ] }),
-    /* @__PURE__ */ jsx18(SpaceEnvironment, { spaceId, environmentId }),
-    success && totalPushed > 0 && /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx18(Text15, { color: PALETTE.success, children: "Your design system is now in Contentful Experiences." }),
-      /* @__PURE__ */ jsx18(LinkRow, { title: "View your components here:", url: buildPostPushUrl(urlArgs) }),
-      /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(SpaceEnvironment, { spaceId, environmentId }),
+    success && totalPushed > 0 && /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, children: [
+      /* @__PURE__ */ jsx19(Text16, { color: PALETTE.success, children: "Your design system is now in Contentful Experiences." }),
+      /* @__PURE__ */ jsx19(LinkRow, { title: "View your components here:", url: buildPostPushUrl(urlArgs) }),
+      /* @__PURE__ */ jsx19(
         LinkRow,
         {
           title: "View your design tokens here:",
@@ -10621,7 +10808,7 @@ function DoneStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "[Enter / q] Exit" })
+    /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: "[Enter / q] Exit" })
   ] });
 }
 var ACTIONS;
@@ -10637,8 +10824,8 @@ var init_DoneStep = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/ErrorStep.tsx
-import { Box as Box15, Text as Text16 } from "ink";
-import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Box as Box16, Text as Text17 } from "ink";
+import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function ErrorStep({
   stepName,
   message,
@@ -10659,19 +10846,19 @@ function ErrorStep({
       onExit();
     }
   });
-  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsxs15(Text16, { bold: true, color: PALETTE.error, children: [
+  return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs16(Text17, { bold: true, color: PALETTE.error, children: [
       "\u2717 ",
       stepName,
       " failed"
     ] }),
-    /* @__PURE__ */ jsx19(Text16, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsxs15(Box15, { gap: 3, marginTop: 1, children: [
-      onAcknowledgeBreakingChanges ? /* @__PURE__ */ jsxs15(Fragment6, { children: [
-        /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: "[Enter] Acknowledge and apply" }),
-        /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: "[Esc / q] Exit" })
-      ] }) : /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: "[Enter / q] Exit" }),
-      onRetryCredentials && /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: "[r] Re-enter credentials" })
+    /* @__PURE__ */ jsx20(Text17, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsxs16(Box16, { gap: 3, marginTop: 1, children: [
+      onAcknowledgeBreakingChanges ? /* @__PURE__ */ jsxs16(Fragment7, { children: [
+        /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[Enter] Acknowledge and apply" }),
+        /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[Esc / q] Exit" })
+      ] }) : /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[Enter / q] Exit" }),
+      onRetryCredentials && /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[r] Re-enter credentials" })
     ] })
   ] });
 }
@@ -10684,7 +10871,7 @@ var init_ErrorStep = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/PreviewValidationErrorStep.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function PreviewValidationErrorStep({
   errors,
   missingNames,
@@ -10707,7 +10894,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__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     GateStep,
     {
       intent: "error",
@@ -10732,35 +10919,35 @@ var init_PreviewValidationErrorStep = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/PushingStep.tsx
-import { Box as Box16, Text as Text17 } from "ink";
+import { Box as Box17, Text as Text18 } from "ink";
 import { ProgressBar as ProgressBar2, ThemeProvider as ThemeProvider2 } from "@inkjs/ui";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function PushingStep({ stepNumber, totalSteps, progress }) {
   const { elapsed } = useTimedSpinner();
   const operationId = progress && progress.kind === "queued" ? progress.operationId : null;
   const showGlobal = progress && progress.kind === "progress";
   const showCurrent = progress && progress.kind === "progress" && progress.current ? progress.current : null;
-  return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx21(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
-    /* @__PURE__ */ jsx21(Text17, { children: "Writing component types and design tokens to your Contentful space..." }),
-    operationId && /* @__PURE__ */ jsxs16(Box16, { gap: 1, children: [
-      /* @__PURE__ */ jsx21(Text17, { dimColor: true, children: "Operation:" }),
-      /* @__PURE__ */ jsx21(Text17, { children: operationId })
+  return /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx22(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
+    /* @__PURE__ */ jsx22(Text18, { children: "Writing component types and design tokens to your Contentful space..." }),
+    operationId && /* @__PURE__ */ jsxs17(Box17, { gap: 1, children: [
+      /* @__PURE__ */ jsx22(Text18, { dimColor: true, children: "Operation:" }),
+      /* @__PURE__ */ jsx22(Text18, { children: operationId })
     ] }),
-    showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx21(Box16, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs16(Box16, { gap: 2, children: [
-      /* @__PURE__ */ jsx21(Box16, { width: 40, children: /* @__PURE__ */ jsx21(ThemeProvider2, { theme: INK_UI_THEME, children: /* @__PURE__ */ jsx21(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
-      /* @__PURE__ */ jsxs16(Text17, { dimColor: true, children: [
+    showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx22(Box17, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs17(Box17, { gap: 2, children: [
+      /* @__PURE__ */ jsx22(Box17, { width: 40, children: /* @__PURE__ */ jsx22(ThemeProvider2, { theme: INK_UI_THEME, children: /* @__PURE__ */ jsx22(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
+      /* @__PURE__ */ jsxs17(Text18, { dimColor: true, children: [
         progress.processed,
         "/",
         progress.total,
         " entities"
       ] })
     ] }) }),
-    showCurrent && /* @__PURE__ */ jsxs16(Box16, { gap: 1, children: [
-      /* @__PURE__ */ jsx21(Text17, { dimColor: true, children: "Now processing:" }),
-      /* @__PURE__ */ jsx21(Text17, { children: showCurrent })
+    showCurrent && /* @__PURE__ */ jsxs17(Box17, { gap: 1, children: [
+      /* @__PURE__ */ jsx22(Text18, { dimColor: true, children: "Now processing:" }),
+      /* @__PURE__ */ jsx22(Text18, { children: showCurrent })
     ] }),
-    /* @__PURE__ */ jsx21(Box16, { marginTop: 1, children: /* @__PURE__ */ jsxs16(Text17, { dimColor: true, children: [
+    /* @__PURE__ */ jsx22(Box17, { marginTop: 1, children: /* @__PURE__ */ jsxs17(Text18, { dimColor: true, children: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -19358,8 +19545,8 @@ var init_composite_closure = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/Sidebar.tsx
-import { Box as Box17, Text as Text18 } from "ink";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Box as Box18, Text as Text19 } from "ink";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function previewBadge(annotation) {
   switch (annotation) {
     case "new":
@@ -19378,7 +19565,7 @@ function PreviewBadge({
   badge,
   highlighted = false
 }) {
-  return badge ? /* @__PURE__ */ jsx22(Text18, { color: badge.color, bold: badge.bold, dimColor: highlighted ? false : badge.dim, children: badge.char }) : /* @__PURE__ */ jsx22(Text18, { children: " " });
+  return badge ? /* @__PURE__ */ jsx23(Text19, { color: badge.color, bold: badge.bold, dimColor: highlighted ? false : badge.dim, children: badge.char }) : /* @__PURE__ */ jsx23(Text19, { children: " " });
 }
 var init_Sidebar = __esm({
   "packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/Sidebar.tsx"() {
@@ -19389,8 +19576,8 @@ var init_Sidebar = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/GroupedSidebar.tsx
 import figures from "figures";
-import { Box as Box18, Text as Text19 } from "ink";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Box as Box19, Text as Text20 } from "ink";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function isEmpty(entry) {
   return Object.keys(entry.$properties ?? {}).length === 0 && Object.keys(entry.$slots ?? {}).length === 0;
 }
@@ -19814,8 +20001,8 @@ function GroupedSidebar(props) {
   const start = windowed ? Math.max(0, scrollOffset ?? 0) : 0;
   const end = windowed ? start + (visibleCount ?? allRows.length) : allRows.length;
   const rows = windowed ? allRows.slice(start, end) : allRows;
-  return /* @__PURE__ */ jsxs18(WindowedPanel, { width, height: props.height, title, focused, children: [
-    windowed && /* @__PURE__ */ jsx23(WindowIndicator, { direction: "up", count: start }),
+  return /* @__PURE__ */ jsxs19(WindowedPanel, { width, height: props.height, title, focused, children: [
+    windowed && /* @__PURE__ */ jsx24(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;
@@ -19842,13 +20029,13 @@ function GroupedSidebar(props) {
         isOwn: rs?.isOwn ?? false,
         isCursor
       });
-      return /* @__PURE__ */ jsxs18(Box18, { children: [
-        isCursor ? /* @__PURE__ */ jsx23(Text19, { color: PALETTE.info, bold: true, children: figures.pointer }) : /* @__PURE__ */ jsx23(Text19, { children: " " }),
-        /* @__PURE__ */ jsx23(PreviewBadge, { badge, highlighted: isSelected }),
-        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx23(Text19, { color: selColor, dimColor: isSelected ? false : selDim, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx23(Text19, { children: "    " })),
-        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx23(Text19, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx23(Text19, { children: "    " })),
-        /* @__PURE__ */ jsxs18(
-          Text19,
+      return /* @__PURE__ */ jsxs19(Box19, { children: [
+        isCursor ? /* @__PURE__ */ jsx24(Text20, { color: PALETTE.info, bold: true, children: figures.pointer }) : /* @__PURE__ */ jsx24(Text20, { children: " " }),
+        /* @__PURE__ */ jsx24(PreviewBadge, { badge, highlighted: isSelected }),
+        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx24(Text20, { color: selColor, dimColor: isSelected ? false : selDim, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx24(Text20, { children: "    " })),
+        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx24(Text20, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx24(Text20, { children: "    " })),
+        /* @__PURE__ */ jsxs19(
+          Text20,
           {
             color: isSelected ? PALETTE.info : labelStyle.color,
             bold: isSelected || labelStyle.bold,
@@ -19862,10 +20049,10 @@ function GroupedSidebar(props) {
             ]
           }
         ),
-        inheritanceStyle.glyph && /* @__PURE__ */ jsx23(Text19, { color: inheritanceStyle.color, bold: inheritanceStyle.bold, dimColor: inheritanceStyle.dim, children: " " + inheritanceStyle.glyph })
+        inheritanceStyle.glyph && /* @__PURE__ */ jsx24(Text20, { color: inheritanceStyle.color, bold: inheritanceStyle.bold, dimColor: inheritanceStyle.dim, children: " " + inheritanceStyle.glyph })
       ] }, row.key);
     }),
-    windowed && /* @__PURE__ */ jsx23(WindowIndicator, { direction: "down", count: allRows.length - end })
+    windowed && /* @__PURE__ */ jsx24(WindowIndicator, { direction: "down", count: allRows.length - end })
   ] });
 }
 var GLYPH_EXPAND_COLLAPSED, GLYPH_EXPAND_EXPANDED, GLYPH_TREE_MID, GLYPH_TREE_LAST, GLYPH_WARN, GLYPH_ERROR;
@@ -20094,15 +20281,15 @@ var init_sidebar_navigation = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/hooks/sidebar-search-state.ts
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 function useSidebarSearchState() {
-  const [searchOpen, setSearchOpen] = useState8(false);
-  const [searchQuery, setSearchQuery] = useState8("");
-  const [autocompleteCandidates, setAutocompleteCandidates] = useState8([]);
-  const [jumpFilterTarget, setJumpFilterTarget] = useState8(null);
-  const [columnOneView, setColumnOneView] = useState8("grouped");
-  const [activeFilters, setActiveFilters] = useState8(/* @__PURE__ */ new Set());
-  const [showHelp, setShowHelp] = useState8(false);
+  const [searchOpen, setSearchOpen] = useState9(false);
+  const [searchQuery, setSearchQuery] = useState9("");
+  const [autocompleteCandidates, setAutocompleteCandidates] = useState9([]);
+  const [jumpFilterTarget, setJumpFilterTarget] = useState9(null);
+  const [columnOneView, setColumnOneView] = useState9("grouped");
+  const [activeFilters, setActiveFilters] = useState9(/* @__PURE__ */ new Set());
+  const [showHelp, setShowHelp] = useState9(false);
   return {
     searchOpen,
     setSearchOpen,
@@ -20127,8 +20314,8 @@ var init_sidebar_search_state = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/SearchMatchSummary.tsx
-import { Box as Box19, Text as Text20 } from "ink";
-import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Box as Box20, Text as Text21 } from "ink";
+import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function SearchMatchSummary({
   open,
   query,
@@ -20139,17 +20326,17 @@ function SearchMatchSummary({
   marginTop
 }) {
   if (hidden) return null;
-  return /* @__PURE__ */ jsxs19(Fragment7, { children: [
-    open && /* @__PURE__ */ jsxs19(Box19, { marginTop, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs19(Text20, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment8, { children: [
+    open && /* @__PURE__ */ jsxs20(Box20, { marginTop, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs20(Text21, { children: [
         `/${query}`,
-        /* @__PURE__ */ jsx24(Text20, { color: PALETTE.info, children: "\u258E" }),
-        query && /* @__PURE__ */ jsx24(Text20, { dimColor: true, children: formatSearchMatchSummary(matches, total) }),
-        /* @__PURE__ */ jsx24(Text20, { dimColor: true, children: "  \xB7 [Esc] leave" })
+        /* @__PURE__ */ jsx25(Text21, { color: PALETTE.info, children: "\u258E" }),
+        query && /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: formatSearchMatchSummary(matches, total) }),
+        /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: "  \xB7 [Esc] leave" })
       ] }),
-      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx24(Text20, { dimColor: true, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
+      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
     ] }),
-    !open && query && /* @__PURE__ */ jsx24(Box19, { marginTop, children: /* @__PURE__ */ jsx24(Text20, { dimColor: true, children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
+    !open && query && /* @__PURE__ */ jsx25(Box20, { marginTop, children: /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
   ] });
 }
 var init_SearchMatchSummary = __esm({
@@ -20161,10 +20348,10 @@ var init_SearchMatchSummary = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/hooks/useOverlayPanel.ts
-import { useCallback as useCallback3, useState as useState9 } from "react";
+import { useCallback as useCallback3, useState as useState10 } from "react";
 function useOverlayPanel(opts) {
   const { toggleKey, onClose } = opts;
-  const [isOpen, setIsOpen] = useState9(false);
+  const [isOpen, setIsOpen] = useState10(false);
   const open = useCallback3(() => {
     setIsOpen(true);
   }, []);
@@ -20237,8 +20424,8 @@ 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 Box20, Text as Text21 } from "ink";
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Box as Box21, Text as Text22 } from "ink";
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 function windowStart(rowCount, highlightIndex, maxRows) {
   if (rowCount <= maxRows) return 0;
   const maxStart = rowCount - maxRows;
@@ -20248,9 +20435,9 @@ function windowStart(rowCount, highlightIndex, maxRows) {
   return start;
 }
 function defaultRenderRow(row, index, isCursor) {
-  return /* @__PURE__ */ jsxs20(Text21, { children: [
-    isCursor ? /* @__PURE__ */ jsx25(Text21, { color: PALETTE.info, bold: true, children: figures2.pointer }) : /* @__PURE__ */ jsx25(Text21, { children: " " }),
-    /* @__PURE__ */ jsx25(Text21, { inverse: isCursor, children: " " + row.label })
+  return /* @__PURE__ */ jsxs21(Text22, { children: [
+    isCursor ? /* @__PURE__ */ jsx26(Text22, { color: PALETTE.info, bold: true, children: figures2.pointer }) : /* @__PURE__ */ jsx26(Text22, { children: " " }),
+    /* @__PURE__ */ jsx26(Text22, { inverse: isCursor, children: " " + row.label })
   ] }, index);
 }
 function GotoBanner({
@@ -20269,8 +20456,8 @@ function GotoBanner({
   const visible = rows.slice(start, end);
   const moreAbove = start;
   const moreBelow = rows.length - end;
-  return /* @__PURE__ */ jsxs20(
-    Box20,
+  return /* @__PURE__ */ jsxs21(
+    Box21,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -20280,14 +20467,14 @@ function GotoBanner({
       width,
       flexShrink: 0,
       children: [
-        /* @__PURE__ */ jsx25(Text21, { bold: true, children: title }),
-        moreAbove > 0 && /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: `  \u25B2 ${moreAbove} more` }),
+        /* @__PURE__ */ jsx26(Text22, { bold: true, children: title }),
+        moreAbove > 0 && /* @__PURE__ */ jsx26(Text22, { dimColor: true, children: `  \u25B2 ${moreAbove} more` }),
         visible.map((row, vi) => {
           const i = start + vi;
           return renderRow(row, i, i === highlightIndex);
         }),
-        moreBelow > 0 && /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: `  \u25BC ${moreBelow} more` }),
-        footerHint !== void 0 && /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: footerHint })
+        moreBelow > 0 && /* @__PURE__ */ jsx26(Text22, { dimColor: true, children: `  \u25BC ${moreBelow} more` }),
+        footerHint !== void 0 && /* @__PURE__ */ jsx26(Text22, { dimColor: true, children: footerHint })
       ]
     }
   );
@@ -20302,9 +20489,9 @@ var init_GotoBanner = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/HelpOverlay.tsx
-import React8 from "react";
-import { Box as Box21, Text as Text22 } from "ink";
-import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+import React9 from "react";
+import { Box as Box22, Text as Text23 } from "ink";
+import { Fragment as Fragment9, jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function HelpOverlay(props) {
   const { onClose } = props;
   const { columns: terminalColumns, rows: terminalRows } = useTerminalSize();
@@ -20315,8 +20502,8 @@ function HelpOverlay(props) {
     if (input === "h" || key.escape) onClose();
   }, props.handleInput !== false);
   if (props.sections) {
-    return /* @__PURE__ */ jsxs21(
-      Box21,
+    return /* @__PURE__ */ jsxs22(
+      Box22,
       {
         flexDirection: "column",
         borderStyle: "round",
@@ -20325,19 +20512,19 @@ function HelpOverlay(props) {
         height: panelHeight,
         overflowY: "hidden",
         children: [
-          /* @__PURE__ */ jsx26(Text22, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
-          props.sections.map((section2) => /* @__PURE__ */ jsxs21(React8.Fragment, { children: [
-            /* @__PURE__ */ jsx26(Text22, { children: " " }),
-            /* @__PURE__ */ jsx26(Text22, { bold: true, children: section2.title }),
-            section2.entries.map((entry) => /* @__PURE__ */ jsx26(Text22, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
+          /* @__PURE__ */ jsx27(Text23, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+          props.sections.map((section2) => /* @__PURE__ */ jsxs22(React9.Fragment, { children: [
+            /* @__PURE__ */ jsx27(Text23, { children: " " }),
+            /* @__PURE__ */ jsx27(Text23, { bold: true, children: section2.title }),
+            section2.entries.map((entry) => /* @__PURE__ */ jsx27(Text23, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
           ] }, section2.title))
         ]
       }
     );
   }
   const mode = props.mode;
-  return /* @__PURE__ */ jsxs21(
-    Box21,
+  return /* @__PURE__ */ jsxs22(
+    Box22,
     {
       flexDirection: "column",
       borderStyle: "round",
@@ -20346,31 +20533,31 @@ function HelpOverlay(props) {
       height: panelHeight,
       overflowY: "hidden",
       children: [
-        /* @__PURE__ */ jsx26(Text22, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
-        /* @__PURE__ */ jsx26(Text22, { children: " " }),
-        /* @__PURE__ */ jsx26(Text22, { bold: true, children: "Navigation" }),
-        /* @__PURE__ */ jsx26(Text22, { children: "  \u2191 / k / PgUp     Scroll up" }),
-        /* @__PURE__ */ jsx26(Text22, { children: "  \u2193 / j / PgDn     Scroll down" }),
-        /* @__PURE__ */ jsx26(Text22, { children: "  g / Home         Jump to top" }),
-        /* @__PURE__ */ jsx26(Text22, { children: "  G / End          Jump to bottom" }),
-        mode === "review" && /* @__PURE__ */ jsxs21(Fragment8, { children: [
-          /* @__PURE__ */ jsx26(Text22, { children: " " }),
-          /* @__PURE__ */ jsx26(Text22, { bold: true, children: "[Review mode only]" }),
-          /* @__PURE__ */ jsx26(Text22, { children: "  Tab              Toggle sidebar/detail" }),
-          /* @__PURE__ */ jsx26(Text22, { children: "  a                Accept component" }),
-          /* @__PURE__ */ jsx26(Text22, { children: "  r                Reject component" }),
-          /* @__PURE__ */ jsx26(Text22, { children: "  e                Edit proposal" }),
-          /* @__PURE__ */ jsx26(Text22, { children: "  s                Toggle source code" }),
-          /* @__PURE__ */ jsx26(Text22, { children: "  A                Approve all" }),
-          /* @__PURE__ */ jsx26(Text22, { children: "  F                Open finalize dialog" }),
-          /* @__PURE__ */ jsx26(Text22, { children: "  Ctrl+S           Save draft" }),
-          /* @__PURE__ */ jsx26(Text22, { children: "  Ctrl+Z           Undo" }),
-          /* @__PURE__ */ jsx26(Text22, { children: "  Ctrl+Y           Redo" }),
-          /* @__PURE__ */ jsx26(Text22, { children: "  Esc              Exit edit / close" })
+        /* @__PURE__ */ jsx27(Text23, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+        /* @__PURE__ */ jsx27(Text23, { children: " " }),
+        /* @__PURE__ */ jsx27(Text23, { bold: true, children: "Navigation" }),
+        /* @__PURE__ */ jsx27(Text23, { children: "  \u2191 / k / PgUp     Scroll up" }),
+        /* @__PURE__ */ jsx27(Text23, { children: "  \u2193 / j / PgDn     Scroll down" }),
+        /* @__PURE__ */ jsx27(Text23, { children: "  g / Home         Jump to top" }),
+        /* @__PURE__ */ jsx27(Text23, { children: "  G / End          Jump to bottom" }),
+        mode === "review" && /* @__PURE__ */ jsxs22(Fragment9, { children: [
+          /* @__PURE__ */ jsx27(Text23, { children: " " }),
+          /* @__PURE__ */ jsx27(Text23, { bold: true, children: "[Review mode only]" }),
+          /* @__PURE__ */ jsx27(Text23, { children: "  Tab              Toggle sidebar/detail" }),
+          /* @__PURE__ */ jsx27(Text23, { children: "  a                Accept component" }),
+          /* @__PURE__ */ jsx27(Text23, { children: "  r                Reject component" }),
+          /* @__PURE__ */ jsx27(Text23, { children: "  e                Edit proposal" }),
+          /* @__PURE__ */ jsx27(Text23, { children: "  s                Toggle source code" }),
+          /* @__PURE__ */ jsx27(Text23, { children: "  A                Approve all" }),
+          /* @__PURE__ */ jsx27(Text23, { children: "  F                Open finalize dialog" }),
+          /* @__PURE__ */ jsx27(Text23, { children: "  Ctrl+S           Save draft" }),
+          /* @__PURE__ */ jsx27(Text23, { children: "  Ctrl+Z           Undo" }),
+          /* @__PURE__ */ jsx27(Text23, { children: "  Ctrl+Y           Redo" }),
+          /* @__PURE__ */ jsx27(Text23, { children: "  Esc              Exit edit / close" })
         ] }),
-        /* @__PURE__ */ jsx26(Text22, { children: " " }),
-        /* @__PURE__ */ jsx26(Text22, { children: "  h                Close help" }),
-        /* @__PURE__ */ jsx26(Text22, { children: "  q                Quit" })
+        /* @__PURE__ */ jsx27(Text23, { children: " " }),
+        /* @__PURE__ */ jsx27(Text23, { children: "  h                Close help" }),
+        /* @__PURE__ */ jsx27(Text23, { children: "  q                Quit" })
       ]
     }
   );
@@ -20385,12 +20572,12 @@ var init_HelpOverlay = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/LegendEntry.tsx
-import { Text as Text23 } from "ink";
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Text as Text24 } from "ink";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function legendEntry(keyBracket, label, active = false) {
-  return /* @__PURE__ */ jsxs22(Text23, { children: [
-    /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.warning : PALETTE.info, inverse: active, children: keyBracket }),
-    /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.warning : void 0, inverse: active, dimColor: !active, children: " " + label })
+  return /* @__PURE__ */ jsxs23(Text24, { children: [
+    /* @__PURE__ */ jsx28(Text24, { color: active ? PALETTE.warning : PALETTE.info, inverse: active, children: keyBracket }),
+    /* @__PURE__ */ jsx28(Text24, { color: active ? PALETTE.warning : void 0, inverse: active, dimColor: !active, children: " " + label })
   ] }, keyBracket + label);
 }
 var init_LegendEntry = __esm({
@@ -20401,10 +20588,10 @@ var init_LegendEntry = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/CompactControlBar.tsx
-import { Box as Box22 } from "ink";
-import { jsxs as jsxs23 } from "react/jsx-runtime";
+import { Box as Box23 } from "ink";
+import { jsxs as jsxs24 } from "react/jsx-runtime";
 function CompactControlBar({ hasGroupRoots, searchActive }) {
-  return /* @__PURE__ */ jsxs23(Box22, { borderStyle: "single", borderColor: PALETTE.border, paddingX: 1, marginTop: 1, flexWrap: "wrap", columnGap: 2, children: [
+  return /* @__PURE__ */ jsxs24(Box23, { borderStyle: "single", borderColor: PALETTE.border, paddingX: 1, marginTop: 1, flexWrap: "wrap", columnGap: 2, children: [
     legendEntry("[\u2191/\u2193]", "move"),
     legendEntry("[a/r]", "accept/reject"),
     legendEntry("[f]", "continue/finalize"),
@@ -20423,8 +20610,8 @@ var init_CompactControlBar = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/CounterStrip.tsx
-import { Box as Box23, Text as Text24 } from "ink";
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Box as Box24, Text as Text25 } from "ink";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function CounterStrip(props) {
   const { counters, totalWidth } = props;
   const condensed = totalWidth < 60;
@@ -20432,25 +20619,25 @@ function CounterStrip(props) {
   const labelRej = condensed ? "Rej" : "Rejected";
   const labelUnd = condensed ? "Und" : "Undecided";
   const sep = condensed ? " | " : "    ";
-  return /* @__PURE__ */ jsx28(Box23, { children: /* @__PURE__ */ jsxs24(Text24, { children: [
-    /* @__PURE__ */ jsxs24(Text24, { dimColor: true, children: [
+  return /* @__PURE__ */ jsx29(Box24, { children: /* @__PURE__ */ jsxs25(Text25, { children: [
+    /* @__PURE__ */ jsxs25(Text25, { dimColor: true, children: [
       labelGrp,
       " "
     ] }),
-    /* @__PURE__ */ jsx28(Text24, { bold: true, children: counters.groups }),
-    /* @__PURE__ */ jsx28(Text24, { dimColor: true, children: sep }),
-    /* @__PURE__ */ jsxs24(Text24, { dimColor: true, children: [
+    /* @__PURE__ */ jsx29(Text25, { bold: true, children: counters.groups }),
+    /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: sep }),
+    /* @__PURE__ */ jsxs25(Text25, { dimColor: true, children: [
       labelRej,
       " "
     ] }),
-    /* @__PURE__ */ jsx28(Text24, { bold: true, children: counters.rejected }),
-    /* @__PURE__ */ jsx28(Text24, { dimColor: true, children: sep }),
-    /* @__PURE__ */ jsxs24(Text24, { dimColor: true, children: [
+    /* @__PURE__ */ jsx29(Text25, { bold: true, children: counters.rejected }),
+    /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: sep }),
+    /* @__PURE__ */ jsxs25(Text25, { dimColor: true, children: [
       labelUnd,
       " "
     ] }),
-    /* @__PURE__ */ jsx28(Text24, { bold: true, children: counters.undecided }),
-    /* @__PURE__ */ jsx28(Text24, { dimColor: true, children: sep })
+    /* @__PURE__ */ jsx29(Text25, { bold: true, children: counters.undecided }),
+    /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: sep })
   ] }) });
 }
 var init_CounterStrip = __esm({
@@ -20800,10 +20987,10 @@ var init_scope_gate_columns = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/ScopeGateStep.tsx
-import { Box as Box24, Text as Text25 } from "ink";
-import React9, { useEffect as useEffect6, useMemo as useMemo2, useRef as useRef3, useState as useState10 } from "react";
+import { Box as Box25, Text as Text26 } from "ink";
+import React10, { useEffect as useEffect6, useMemo as useMemo2, useRef as useRef4, useState as useState11 } from "react";
 import figures3 from "figures";
-import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 function toSidebarEntry(c2) {
   const $slots = {};
   if (c2.slots) {
@@ -20820,9 +21007,9 @@ function toSidebarEntry(c2) {
 }
 function ScopeGateStep(props) {
   if (props.components.length === 0) {
-    return /* @__PURE__ */ jsx29(Box24, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx29(Text25, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
+    return /* @__PURE__ */ jsx30(Box25, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx30(Text26, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
   }
-  return /* @__PURE__ */ jsx29(ScopeGateStepView, { ...props, components: [...props.components] });
+  return /* @__PURE__ */ jsx30(ScopeGateStepView, { ...props, components: [...props.components] });
 }
 function ScopeGateStepView({
   components,
@@ -20832,18 +21019,18 @@ function ScopeGateStepView({
   const { columns: totalWidth, rows: terminalRows } = useTerminalSize();
   const columnPlan = useMemo2(() => computeColumnWidths(totalWidth), [totalWidth]);
   const sidebarWidth = columnPlan.main;
-  const [userDecisions, setUserDecisions] = useState10(/* @__PURE__ */ new Map());
-  const [nav, setNav] = useState10({ cursor: 0, scrollOffset: 0 });
-  const [focusedColumn, setFocusedColumn] = useState10("main");
-  const [addedComponentsCursor, setAddedComponentsCursor] = useState10(0);
-  const [showDependencies, setShowDependencies] = useState10(false);
+  const [userDecisions, setUserDecisions] = useState11(/* @__PURE__ */ new Map());
+  const [nav, setNav] = useState11({ cursor: 0, scrollOffset: 0 });
+  const [focusedColumn, setFocusedColumn] = useState11("main");
+  const [addedComponentsCursor, setAddedComponentsCursor] = useState11(0);
+  const [showDependencies, setShowDependencies] = useState11(false);
   const cursor = nav.cursor;
   const scrollOffset = nav.scrollOffset;
-  const [cyclesPanelOpen, setCyclesPanelOpen] = useState10(false);
-  const [cyclesCursor, setCyclesCursor] = useState10(0);
+  const [cyclesPanelOpen, setCyclesPanelOpen] = useState11(false);
+  const [cyclesCursor, setCyclesCursor] = useState11(0);
   const aiRationalePanel = useOverlayPanel({ toggleKey: "x" });
-  const [aiCursor, setAiCursor] = useState10(0);
-  const [pendingRejectCascade, setPendingRejectCascade] = useState10(null);
+  const [aiCursor, setAiCursor] = useState11(0);
+  const [pendingRejectCascade, setPendingRejectCascade] = useState11(null);
   const {
     searchOpen,
     setSearchOpen,
@@ -20902,12 +21089,12 @@ function ScopeGateStepView({
   );
   const hasCycles = slotCycles.length > 0;
   const closures = useMemo2(() => computeAllClosures(graph), [graph]);
-  const [expandedGroups, setExpandedGroups] = useState10(() => {
+  const [expandedGroups, setExpandedGroups] = useState11(() => {
     const seed = new Set(closures.keys());
     for (const p of cycleParticipants) seed.add(p);
     return seed;
   });
-  const seededGroupsRef = useRef3(closures.size > 0 || cycleParticipants.size > 0);
+  const seededGroupsRef = useRef4(closures.size > 0 || cycleParticipants.size > 0);
   useEffect6(() => {
     if (seededGroupsRef.current) return;
     if (closures.size === 0 && cycleParticipants.size === 0) return;
@@ -21405,17 +21592,17 @@ function ScopeGateStepView({
   );
   const safeAddedComponentsCursor = Math.min(addedComponentsCursor, Math.max(0, addedComponents.length - 1));
   if (showHelp) {
-    return /* @__PURE__ */ jsx29(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: () => setShowHelp(false) });
+    return /* @__PURE__ */ jsx30(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: () => setShowHelp(false) });
   }
-  return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", paddingX: 2, children: [
-    /* @__PURE__ */ jsx29(CounterStrip, { counters, totalWidth }),
-    hasAnyAi && /* @__PURE__ */ jsxs25(Text25, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", paddingX: 2, children: [
+    /* @__PURE__ */ jsx30(CounterStrip, { counters, totalWidth }),
+    hasAnyAi && /* @__PURE__ */ jsxs26(Text26, { dimColor: true, children: [
       `${aiExcludedCount} component${aiExcludedCount === 1 ? "" : "s"} flagged by AI`,
-      aiRows.length > 0 && /* @__PURE__ */ jsx29(Text25, { color: PALETTE.info, children: " \u2014 press [x] to see why" })
+      aiRows.length > 0 && /* @__PURE__ */ jsx30(Text26, { color: PALETTE.info, children: " \u2014 press [x] to see why" })
     ] }),
-    hasCycles && /* @__PURE__ */ jsx29(Box24, { marginTop: 1, children: /* @__PURE__ */ jsx29(Text25, { 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__ */ jsxs25(Box24, { flexDirection: "row", alignItems: "stretch", children: [
-      aiRationalePanel.isOpen ? /* @__PURE__ */ jsx29(
+    hasCycles && /* @__PURE__ */ jsx30(Box25, { marginTop: 1, children: /* @__PURE__ */ jsx30(Text26, { 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__ */ jsxs26(Box25, { flexDirection: "row", alignItems: "stretch", children: [
+      aiRationalePanel.isOpen ? /* @__PURE__ */ jsx30(
         GotoBanner,
         {
           title: `Review flags (${aiExcludedCount})`,
@@ -21425,7 +21612,7 @@ function ScopeGateStepView({
           width: sidebarWidth,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [x/Esc] close"
         }
-      ) : /* @__PURE__ */ jsx29(
+      ) : /* @__PURE__ */ jsx30(
         GroupedSidebar,
         {
           items: groupedItems,
@@ -21452,9 +21639,9 @@ function ScopeGateStepView({
           graph
         }
       ),
-      columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs25(Fragment9, { children: [
-        /* @__PURE__ */ jsx29(Box24, { width: 2, flexShrink: 0 }),
-        /* @__PURE__ */ jsx29(
+      columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs26(Fragment10, { children: [
+        /* @__PURE__ */ jsx30(Box25, { width: 2, flexShrink: 0 }),
+        /* @__PURE__ */ jsx30(
           AddedComponentsColumn,
           {
             width: columnPlan.added,
@@ -21469,9 +21656,9 @@ function ScopeGateStepView({
         )
       ] })
     ] }),
-    cyclesPanelOpen && /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
-      /* @__PURE__ */ jsx29(Text25, { bold: true, color: PALETTE.warning, children: `Cycles detected (${slotCycles.length}):` }),
-      /* @__PURE__ */ jsx29(Text25, { children: " " }),
+    cyclesPanelOpen && /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
+      /* @__PURE__ */ jsx30(Text26, { bold: true, color: PALETTE.warning, children: `Cycles detected (${slotCycles.length}):` }),
+      /* @__PURE__ */ jsx30(Text26, { children: " " }),
       slotCycles.map((cycle, i) => {
         const isCursor = i === cyclesCursor;
         const parts = [];
@@ -21481,20 +21668,20 @@ function ScopeGateStepView({
         }
         parts.push(cycle.path[cycle.path.length - 1]);
         const label = `Cycle ${i + 1}: ${parts.join(" \u2192 ")}`;
-        return /* @__PURE__ */ jsxs25(Text25, { children: [
-          isCursor ? /* @__PURE__ */ jsx29(Text25, { color: PALETTE.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx29(Text25, { children: " " }),
-          /* @__PURE__ */ jsx29(Text25, { color: PALETTE.warning, inverse: isCursor, children: " " + label })
+        return /* @__PURE__ */ jsxs26(Text26, { children: [
+          isCursor ? /* @__PURE__ */ jsx30(Text26, { color: PALETTE.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx30(Text26, { children: " " }),
+          /* @__PURE__ */ jsx30(Text26, { color: PALETTE.warning, inverse: isCursor, children: " " + label })
         ] }, i);
       }),
-      /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
+      /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
     ] }),
-    pendingRejectCascade && /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
-      /* @__PURE__ */ jsx29(Text25, { bold: true, color: PALETTE.warning, children: `Rejecting ${pendingRejectCascade.target} will:` }),
-      pendingRejectCascade.ancestors.length > 0 && /* @__PURE__ */ jsx29(Text25, { children: `- Reject ancestors: ${pendingRejectCascade.ancestors.join(", ")}` }),
-      pendingRejectCascade.descendants.length > 0 && /* @__PURE__ */ jsx29(Text25, { children: `- Deselect descendants: ${pendingRejectCascade.descendants.join(", ")}` }),
-      /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: "[y] confirm \xB7 [n]/[Esc] cancel" })
+    pendingRejectCascade && /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
+      /* @__PURE__ */ jsx30(Text26, { bold: true, color: PALETTE.warning, children: `Rejecting ${pendingRejectCascade.target} will:` }),
+      pendingRejectCascade.ancestors.length > 0 && /* @__PURE__ */ jsx30(Text26, { children: `- Reject ancestors: ${pendingRejectCascade.ancestors.join(", ")}` }),
+      pendingRejectCascade.descendants.length > 0 && /* @__PURE__ */ jsx30(Text26, { children: `- Deselect descendants: ${pendingRejectCascade.descendants.join(", ")}` }),
+      /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "[y] confirm \xB7 [n]/[Esc] cancel" })
     ] }),
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       SearchMatchSummary,
       {
         open: searchOpen,
@@ -21505,7 +21692,7 @@ function ScopeGateStepView({
         marginTop: 1
       }
     ),
-    /* @__PURE__ */ jsx29(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
+    /* @__PURE__ */ jsx30(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
   ] });
 }
 function sideColumnLabelStyle(input) {
@@ -21559,9 +21746,9 @@ function AddedColumn(props) {
   const reserveAiBadge = entries.some((e) => aiFlaggedByKey?.get(e.name) === true);
   const firstNonCycleIdx = entries.findIndex((e) => !e.isCycle);
   const window = computeColumnWindow(entries.length, cursor, Math.max(1, visibleCount));
-  return /* @__PURE__ */ jsxs25(WindowedPanel, { width, height, title, focused, children: [
-    /* @__PURE__ */ jsx29(WindowIndicator, { direction: "up", count: window.above }),
-    entries.length === 0 ? /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: "(none)" }) : entries.slice(window.start, window.end).map((entry, vi) => {
+  return /* @__PURE__ */ jsxs26(WindowedPanel, { width, height, title, focused, children: [
+    /* @__PURE__ */ jsx30(WindowIndicator, { direction: "up", count: window.above }),
+    entries.length === 0 ? /* @__PURE__ */ jsx30(Text26, { 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;
@@ -21572,13 +21759,13 @@ function AddedColumn(props) {
         isSelected,
         focused
       });
-      return /* @__PURE__ */ jsxs25(React9.Fragment, { children: [
-        showSeparator && /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: "\u2500".repeat(Math.max(0, width - 2)) }),
-        /* @__PURE__ */ jsxs25(Box24, { children: [
-          isCursor ? /* @__PURE__ */ jsx29(Text25, { color: PALETTE.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx29(Text25, { children: " " }),
-          reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx29(Text25, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx29(Text25, { children: "    " })),
-          entry.isCycle && /* @__PURE__ */ jsx29(
-            Text25,
+      return /* @__PURE__ */ jsxs26(React10.Fragment, { children: [
+        showSeparator && /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "\u2500".repeat(Math.max(0, width - 2)) }),
+        /* @__PURE__ */ jsxs26(Box25, { children: [
+          isCursor ? /* @__PURE__ */ jsx30(Text26, { color: PALETTE.info, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx30(Text26, { children: " " }),
+          reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx30(Text26, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx30(Text26, { children: "    " })),
+          entry.isCycle && /* @__PURE__ */ jsx30(
+            Text26,
             {
               color: isCursor ? PALETTE.info : PALETTE.warning,
               bold: true,
@@ -21587,8 +21774,8 @@ function AddedColumn(props) {
               children: " \u26A0"
             }
           ),
-          /* @__PURE__ */ jsx29(
-            Text25,
+          /* @__PURE__ */ jsx30(
+            Text26,
             {
               color: style.nameColor,
               bold: style.nameBold,
@@ -21602,11 +21789,11 @@ function AddedColumn(props) {
         ] })
       ] }, entry.name);
     }),
-    /* @__PURE__ */ jsx29(WindowIndicator, { direction: "down", count: window.below })
+    /* @__PURE__ */ jsx30(WindowIndicator, { direction: "down", count: window.below })
   ] });
 }
 function AddedComponentsColumn(props) {
-  return /* @__PURE__ */ jsx29(AddedColumn, { ...props });
+  return /* @__PURE__ */ jsx30(AddedColumn, { ...props });
 }
 var HELP_SECTIONS;
 var init_ScopeGateStep = __esm({
@@ -22030,15 +22217,15 @@ var init_scroll_offset = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/FieldEditor.tsx
-import React10, { useEffect as useEffect7, useLayoutEffect as useLayoutEffect2, useState as useState11 } from "react";
+import React11, { useEffect as useEffect7, useLayoutEffect as useLayoutEffect2, useState as useState12 } from "react";
 import figures4 from "figures";
-import { Box as Box25, measureElement, Text as Text26 } from "ink";
+import { Box as Box26, measureElement, Text as Text27 } from "ink";
 import {
   CDF_PROPERTY_TYPES,
   CDF_PROPERTY_CATEGORIES,
   DESIGN_TOKEN_TYPES as DESIGN_TOKEN_TYPES2
 } from "@contentful/experience-design-system-types";
-import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 function createCommonRowProps(selected, focusLevel, editingField, textCursor, valueCursor, cursorVisible, editingValue, valueText, width) {
   return {
     selected,
@@ -22176,14 +22363,14 @@ function serializeState(state, originalJson) {
   return JSON.stringify(entry, null, 2);
 }
 function Picker({ value, active }) {
-  return /* @__PURE__ */ jsxs26(Box25, { children: [
-    active && /* @__PURE__ */ jsx30(Text26, { color: PALETTE.warning, children: "\u2039" }),
-    /* @__PURE__ */ jsx30(Text26, { color: active ? PALETTE.warning : PALETTE.inverse, bold: active, children: value }),
-    active && /* @__PURE__ */ jsx30(Text26, { color: PALETTE.warning, children: "\u203A" })
+  return /* @__PURE__ */ jsxs27(Box26, { children: [
+    active && /* @__PURE__ */ jsx31(Text27, { color: PALETTE.warning, children: "\u2039" }),
+    /* @__PURE__ */ jsx31(Text27, { color: active ? PALETTE.warning : PALETTE.inverse, bold: active, children: value }),
+    active && /* @__PURE__ */ jsx31(Text27, { color: PALETTE.warning, children: "\u203A" })
   ] });
 }
 function Toggle({ value, active }) {
-  return /* @__PURE__ */ jsx30(Box25, { children: /* @__PURE__ */ jsx30(Text26, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
+  return /* @__PURE__ */ jsx31(Box26, { children: /* @__PURE__ */ jsx31(Text27, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
 }
 function InlinePropField({
   label,
@@ -22192,8 +22379,8 @@ function InlinePropField({
   flexible = false,
   width
 }) {
-  return /* @__PURE__ */ jsxs26(Box25, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
-    /* @__PURE__ */ jsxs26(Text26, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, wrap: "truncate-end", children: [
+  return /* @__PURE__ */ jsxs27(Box26, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
+    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, wrap: "truncate-end", children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
@@ -22206,19 +22393,19 @@ function RequiredField({
   editingField,
   activeField
 }) {
-  return /* @__PURE__ */ jsx30(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx30(Toggle, { value, active: editingField && activeField === "required" }) });
+  return /* @__PURE__ */ jsx31(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx31(Toggle, { value, active: editingField && activeField === "required" }) });
 }
 function DefaultValueRow({
   display,
   active,
   focused
 }) {
-  return /* @__PURE__ */ jsxs26(Box25, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs26(Text26, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+  return /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    active ? /* @__PURE__ */ jsx30(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx30(Text26, { color: focused ? PALETTE.inverse : PALETTE.inverse, wrap: "wrap", children: display })
+    active ? /* @__PURE__ */ jsx31(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx31(Text27, { color: focused ? PALETTE.inverse : PALETTE.inverse, wrap: "wrap", children: display })
   ] });
 }
 function RowLabel({
@@ -22226,8 +22413,8 @@ function RowLabel({
   selected,
   trailing = true
 }) {
-  return /* @__PURE__ */ jsxs26(
-    Text26,
+  return /* @__PURE__ */ jsxs27(
+    Text27,
     {
       color: selected ? PALETTE.inverse : PALETTE.info,
       bold: selected,
@@ -22246,10 +22433,10 @@ function ValueInputRow({
   valueText,
   cursorVisible
 }) {
-  return /* @__PURE__ */ jsxs26(Box25, { paddingLeft: 2, children: [
-    /* @__PURE__ */ jsx30(Text26, { color: PALETTE.info, children: mode === "edit" ? "\u270E " : "+ " }),
-    /* @__PURE__ */ jsx30(Text26, { children: valueText }),
-    /* @__PURE__ */ jsx30(Text26, { inverse: cursorVisible, children: " " })
+  return /* @__PURE__ */ jsxs27(Box26, { paddingLeft: 2, children: [
+    /* @__PURE__ */ jsx31(Text27, { color: PALETTE.info, children: mode === "edit" ? "\u270E " : "+ " }),
+    /* @__PURE__ */ jsx31(Text27, { children: valueText }),
+    /* @__PURE__ */ jsx31(Text27, { inverse: cursorVisible, children: " " })
   ] });
 }
 function EditableListItem({
@@ -22262,9 +22449,9 @@ function EditableListItem({
 }) {
   const isBeingEdited = editingValue?.mode === "edit" && editingValue.index === index;
   if (isBeingEdited) {
-    return /* @__PURE__ */ jsx30(ValueInputRow, { mode: "edit", valueText, cursorVisible });
+    return /* @__PURE__ */ jsx31(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx30(Box25, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx30(Text26, { color: active ? PALETTE.info : PALETTE.inverse, children: active ? `${figures4.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx31(Box26, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text27, { color: active ? PALETTE.info : PALETTE.inverse, children: active ? `${figures4.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -22277,9 +22464,9 @@ function EditableValueList({
   emptyPaddingLeft,
   showAddInput
 }) {
-  return /* @__PURE__ */ jsxs26(Fragment10, { children: [
-    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: emptyMessage }) : /* @__PURE__ */ jsx30(Box25, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: emptyMessage }) })),
-    values.map((value, index) => /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs27(Fragment11, { children: [
+    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: emptyMessage }) : /* @__PURE__ */ jsx31(Box26, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: emptyMessage }) })),
+    values.map((value, index) => /* @__PURE__ */ jsx31(
       EditableListItem,
       {
         value,
@@ -22291,7 +22478,7 @@ function EditableValueList({
       },
       index
     )),
-    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx30(ValueInputRow, { mode: "add", valueText, cursorVisible })
+    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx31(ValueInputRow, { mode: "add", valueText, cursorVisible })
   ] });
 }
 function DefaultSubRow({
@@ -22303,51 +22490,51 @@ function DefaultSubRow({
 }) {
   const cursor = cursorVisible ? "\u2588" : " ";
   if (prop.type === "richtext" || prop.type === "media" || prop.type === "link") {
-    return /* @__PURE__ */ jsxs26(Box25, { gap: 1, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(Text26, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+    return /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsx30(Text26, { dimColor: !focused, children: "(not applicable)" })
+      /* @__PURE__ */ jsx31(Text27, { dimColor: !focused, children: "(not applicable)" })
     ] });
   }
   if (prop.type === "boolean") {
     const display = prop.default === true ? "true" : prop.default === false ? "false" : "(unset)";
-    return /* @__PURE__ */ jsx30(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx31(DefaultValueRow, { display, active, focused });
   }
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
-      return /* @__PURE__ */ jsxs26(Box25, { gap: 1, flexShrink: 0, children: [
-        /* @__PURE__ */ jsxs26(Text26, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+      return /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexShrink: 0, children: [
+        /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
           focused ? "\u203A " : "  ",
           "default:"
         ] }),
-        /* @__PURE__ */ jsx30(Text26, { dimColor: !focused, children: "(no values defined)" })
+        /* @__PURE__ */ jsx31(Text27, { dimColor: !focused, children: "(no values defined)" })
       ] });
     }
     const display = typeof prop.default === "string" && prop.default !== "" ? prop.default : "(unset)";
-    return /* @__PURE__ */ jsx30(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx31(DefaultValueRow, { display, active, focused });
   }
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
-    return /* @__PURE__ */ jsxs26(Box25, { flexDirection: "row", flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(Text26, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+    return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "row", flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsxs26(Box25, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx30(Text26, { children: value.slice(0, textCursor) }),
-        /* @__PURE__ */ jsx30(Text26, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
-        /* @__PURE__ */ jsx30(Text26, { children: value.slice(textCursor + 1) })
+      /* @__PURE__ */ jsxs27(Box26, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+        /* @__PURE__ */ jsx31(Text27, { children: value.slice(0, textCursor) }),
+        /* @__PURE__ */ jsx31(Text27, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
+        /* @__PURE__ */ jsx31(Text27, { children: value.slice(textCursor + 1) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs26(Box25, { gap: 1, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs26(Text26, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+  return /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    /* @__PURE__ */ jsx30(Text26, { color: focused ? PALETTE.inverse : value ? PALETTE.inverse : void 0, dimColor: !value && !focused, children: value || "(none)" })
+    /* @__PURE__ */ jsx31(Text27, { color: focused ? PALETTE.inverse : value ? PALETTE.inverse : void 0, dimColor: !value && !focused, children: value || "(none)" })
   ] });
 }
 function DescriptionField({
@@ -22362,20 +22549,20 @@ function DescriptionField({
   paddingLeft = 2
 }) {
   if (compact) {
-    return /* @__PURE__ */ jsxs26(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(Text26, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+    return /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
         focused ? "\u203A " : "  ",
         label
       ] }),
-      /* @__PURE__ */ jsx30(Text26, { wrap: "truncate-end", dimColor: !value, children: value || "\u2014" })
+      /* @__PURE__ */ jsx31(Text27, { wrap: "truncate-end", dimColor: !value, children: value || "\u2014" })
     ] });
   }
-  return /* @__PURE__ */ jsxs26(Box25, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs26(Text26, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+  return /* @__PURE__ */ jsxs27(Box26, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
-    editing ? /* @__PURE__ */ jsx30(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx30(Text26, { wrap: "wrap", children: value || "\u2014" })
+    editing ? /* @__PURE__ */ jsx31(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx31(Text27, { wrap: "wrap", children: value || "\u2014" })
   ] });
 }
 function EditableDescription({
@@ -22383,9 +22570,9 @@ function EditableDescription({
   value,
   textCursor
 }) {
-  return /* @__PURE__ */ jsxs26(Text26, { wrap: "wrap", children: [
+  return /* @__PURE__ */ jsxs27(Text27, { wrap: "wrap", children: [
     value.slice(0, textCursor),
-    /* @__PURE__ */ jsx30(Text26, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
+    /* @__PURE__ */ jsx31(Text27, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
     value.slice(textCursor + 1)
   ] });
 }
@@ -22406,9 +22593,9 @@ function PropRow({
 }) {
   const descFocused = activeField === "description";
   const descActive = editingField && descFocused;
-  return /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx30(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx30(RowLabel, { name: prop.name, selected }) }),
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx31(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(RowLabel, { name: prop.name, selected }) }),
+    /* @__PURE__ */ jsx31(
       DescriptionField,
       {
         value: prop.description,
@@ -22421,8 +22608,8 @@ function PropRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsx31(
         RequiredField,
         {
           value: prop.required,
@@ -22431,12 +22618,12 @@ function PropRow({
           activeField
         }
       ),
-      /* @__PURE__ */ jsx30(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx30(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx30(Text26, { color: selected ? PALETTE.inverse : PALETTE.inverse, children: prop.type }) })
+      /* @__PURE__ */ jsx31(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx31(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx31(Text27, { color: selected ? PALETTE.inverse : PALETTE.inverse, children: prop.type }) })
     ] }),
-    prop.type === "token" && /* @__PURE__ */ jsx30(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx30(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx30(Text26, { color: selected ? PALETTE.inverse : PALETTE.inverse, wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
-    prop.type === "enum" && /* @__PURE__ */ jsxs26(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(
-        Text26,
+    prop.type === "token" && /* @__PURE__ */ jsx31(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx31(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx31(Text27, { color: selected ? PALETTE.inverse : PALETTE.inverse, wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
+    prop.type === "enum" && /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(
+        Text27,
         {
           color: activeField === "values" ? PALETTE.warning : void 0,
           bold: activeField === "values",
@@ -22447,13 +22634,13 @@ function PropRow({
           ]
         }
       ),
-      /* @__PURE__ */ jsxs26(Text26, { color: activeField === "values" ? PALETTE.inverse : selected ? PALETTE.inverse : void 0, wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs27(Text27, { color: activeField === "values" ? PALETTE.inverse : selected ? PALETTE.inverse : void 0, wrap: "wrap", children: [
         "[",
         prop.values.join(", "),
         "]"
       ] })
     ] }),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       DefaultSubRow,
       {
         prop,
@@ -22463,9 +22650,9 @@ function PropRow({
         cursorVisible
       }
     ),
-    prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs26(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(
-        Text26,
+    prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(
+        Text27,
         {
           color: activeField === "allowed" ? PALETTE.warning : void 0,
           bold: activeField === "allowed",
@@ -22476,8 +22663,8 @@ function PropRow({
           ]
         }
       ),
-      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx30(Box25, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx30(
-        Text26,
+      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx31(Box26, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx31(
+        Text27,
         {
           color: activeField === "allowed" ? PALETTE.inverse : void 0,
           dimColor: prop.allowed.length === 0 && activeField !== "allowed",
@@ -22486,17 +22673,17 @@ function PropRow({
         }
       )
     ] }),
-    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx30(Box25, { paddingLeft: 2, children: /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: (() => {
+    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx31(Box26, { paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text27, { 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__ */ jsxs26(Box25, { paddingLeft: 2, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs26(Box25, { children: [
-        /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "values:" }),
-        activeField === "values" && /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
+    selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs27(Box26, { paddingLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs27(Box26, { children: [
+        /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "values:" }),
+        activeField === "values" && /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx31(
         EditableValueList,
         {
           values: prop.values,
@@ -22526,9 +22713,9 @@ function SlotRow({
   pickerCandidates,
   pickerCursor
 }) {
-  return /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx30(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx30(RowLabel, { name: slot.name, selected, trailing: false }) }),
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx31(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(RowLabel, { name: slot.name, selected, trailing: false }) }),
+    /* @__PURE__ */ jsx31(
       DescriptionField,
       {
         value: slot.description,
@@ -22541,7 +22728,7 @@ function SlotRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsx30(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(
       RequiredField,
       {
         value: slot.required,
@@ -22550,9 +22737,9 @@ function SlotRow({
         activeField
       }
     ) }),
-    !(selected && editingField && activeField === "allowedComponents") && /* @__PURE__ */ jsxs26(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(
-        Text26,
+    !(selected && editingField && activeField === "allowedComponents") && /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(
+        Text27,
         {
           color: activeField === "allowedComponents" ? PALETTE.warning : void 0,
           bold: activeField === "allowedComponents",
@@ -22563,12 +22750,12 @@ function SlotRow({
           ]
         }
       ),
-      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "(any)" }) : /* @__PURE__ */ jsx30(Text26, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
+      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "(any)" }) : /* @__PURE__ */ jsx31(Text27, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
     ] }),
-    selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs26(Box25, { children: [
-        /* @__PURE__ */ jsxs26(
-          Text26,
+    selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs27(Box26, { children: [
+        /* @__PURE__ */ jsxs27(
+          Text27,
           {
             color: activeField === "allowedComponents" ? PALETTE.warning : void 0,
             bold: activeField === "allowedComponents",
@@ -22579,9 +22766,9 @@ function SlotRow({
             ]
           }
         ),
-        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx30(Text26, { 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__ */ jsx31(Text27, { 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__ */ jsx30(
+      /* @__PURE__ */ jsx31(
         EditableValueList,
         {
           values: slot.allowedComponents,
@@ -22595,21 +22782,21 @@ function SlotRow({
           showAddInput: editingField && activeField === "allowedComponents"
         }
       ),
-      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx30(Box25, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
+      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx31(Box26, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx31(Text27, { 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__ */ jsx30(Text26, { dimColor: true, children: "(no candidates match \u2014 Enter to add as free text)" });
+          return /* @__PURE__ */ jsx31(Text27, { 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__ */ jsxs26(Box25, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
+        return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
           slice.map((name, i) => {
             const absIdx = start + i;
             const isCursor = absIdx === cursor;
-            return /* @__PURE__ */ jsx30(Text26, { color: isCursor ? PALETTE.info : void 0, dimColor: !isCursor, children: isCursor ? `  ${figures4.pointer} ${name}` : `    ${name}` }, name);
+            return /* @__PURE__ */ jsx31(Text27, { color: isCursor ? PALETTE.info : void 0, dimColor: !isCursor, children: isCursor ? `  ${figures4.pointer} ${name}` : `    ${name}` }, name);
           })
         ] });
       })() })
@@ -22731,12 +22918,12 @@ function FieldEditor({
   headerHeight = 2
 }) {
   const { state: initialState, error: parseError } = parseToState(value);
-  const [editorState, setEditorState] = useState11(initialState);
-  const [parseErr] = useState11(parseError);
-  const [listScrollStart, setListScrollStart] = useState11(0);
-  const initialFocusScrollApplied = React10.useRef(false);
-  const [rowHeights, setRowHeights] = useState11({});
-  const rowMeasureRefs = React10.useRef(/* @__PURE__ */ new Map());
+  const [editorState, setEditorState] = useState12(initialState);
+  const [parseErr] = useState12(parseError);
+  const [listScrollStart, setListScrollStart] = useState12(0);
+  const initialFocusScrollApplied = React11.useRef(false);
+  const [rowHeights, setRowHeights] = useState12({});
+  const rowMeasureRefs = React11.useRef(/* @__PURE__ */ new Map());
   const initialFocus = (() => {
     if (initialFocusTarget?.kind === "description") {
       return {
@@ -22803,43 +22990,43 @@ function FieldEditor({
       textCursor: 0
     };
   })();
-  const [focusLevel, setFocusLevel] = useState11(initialFocus.focusLevel);
-  const [propIdx, setPropIdx] = useState11(initialFocus.propIdx);
-  const [slotIdx, setSlotIdx] = useState11(initialFocus.slotIdx);
-  const [inSlots, setInSlots] = useState11(initialFocus.inSlots);
-  const [inComponentDesc, setInComponentDesc] = useState11(initialFocus.focusLevel === "componentDescription");
-  const [activeField, setActiveField] = useState11(initialFocus.activeField);
-  const [editingField, setEditingField] = useState11(false);
-  const [textCursor, setTextCursor] = useState11(initialFocus.textCursor);
-  const [valueCursor, setValueCursor] = useState11(0);
-  const [editingValue, setEditingValue] = useState11(null);
-  const [valueText, setValueText] = useState11("");
-  const [pickerCursor, setPickerCursor] = useState11(0);
-  const [validationError, setValidationError] = useState11(null);
-  const [cursorVisible] = useState11(true);
-  const [sourceOpen, setSourceOpen] = useState11(false);
-  const [rationaleOpen, setRationaleOpen] = useState11(false);
-  const [rationaleScrollOffset, setRationaleScrollOffset] = useState11(0);
-  const [showHelp, setShowHelp] = useState11(false);
+  const [focusLevel, setFocusLevel] = useState12(initialFocus.focusLevel);
+  const [propIdx, setPropIdx] = useState12(initialFocus.propIdx);
+  const [slotIdx, setSlotIdx] = useState12(initialFocus.slotIdx);
+  const [inSlots, setInSlots] = useState12(initialFocus.inSlots);
+  const [inComponentDesc, setInComponentDesc] = useState12(initialFocus.focusLevel === "componentDescription");
+  const [activeField, setActiveField] = useState12(initialFocus.activeField);
+  const [editingField, setEditingField] = useState12(false);
+  const [textCursor, setTextCursor] = useState12(initialFocus.textCursor);
+  const [valueCursor, setValueCursor] = useState12(0);
+  const [editingValue, setEditingValue] = useState12(null);
+  const [valueText, setValueText] = useState12("");
+  const [pickerCursor, setPickerCursor] = useState12(0);
+  const [validationError, setValidationError] = useState12(null);
+  const [cursorVisible] = useState12(true);
+  const [sourceOpen, setSourceOpen] = useState12(false);
+  const [rationaleOpen, setRationaleOpen] = useState12(false);
+  const [rationaleScrollOffset, setRationaleScrollOffset] = useState12(0);
+  const [showHelp, setShowHelp] = useState12(false);
   const props = editorState.props;
   const slots = editorState.slots;
-  const contentPropIndexes = React10.useMemo(
+  const contentPropIndexes = React11.useMemo(
     () => props.flatMap((prop, index) => prop.category === "content" ? [index] : []),
     [props]
   );
-  const designPropIndexes = React10.useMemo(
+  const designPropIndexes = React11.useMemo(
     () => props.flatMap((prop, index) => prop.category === "design" ? [index] : []),
     [props]
   );
-  const hiddenPropIndexes = React10.useMemo(
+  const hiddenPropIndexes = React11.useMemo(
     () => showHiddenProps ? props.flatMap((prop, index) => prop.category === "state" || prop.category === "unattached" ? [index] : []) : [],
     [props, showHiddenProps]
   );
-  const visiblePropIndexes = React10.useMemo(
+  const visiblePropIndexes = React11.useMemo(
     () => [...contentPropIndexes, ...designPropIndexes, ...hiddenPropIndexes],
     [contentPropIndexes, designPropIndexes, hiddenPropIndexes]
   );
-  const propGroups = React10.useMemo(
+  const propGroups = React11.useMemo(
     () => [
       {
         kind: "content",
@@ -22859,7 +23046,7 @@ function FieldEditor({
     ],
     [contentPropIndexes, designPropIndexes, hiddenPropIndexes]
   );
-  const selectableRows = React10.useMemo(
+  const selectableRows = React11.useMemo(
     () => [
       ...contentPropIndexes.map((idx) => ({ kind: "prop", idx })),
       ...designPropIndexes.map((idx) => ({ kind: "prop", idx })),
@@ -22869,7 +23056,7 @@ function FieldEditor({
     [contentPropIndexes, designPropIndexes, hiddenPropIndexes, slots]
   );
   const visiblePropPosition = visiblePropIndexes.indexOf(propIdx);
-  const selectedSelectableIndex = React10.useMemo(
+  const selectedSelectableIndex = React11.useMemo(
     () => selectableRows.findIndex(
       (row) => inSlots ? row.kind === "slot" && row.idx === slotIdx : row.kind === "prop" && row.idx === propIdx
     ),
@@ -22888,12 +23075,12 @@ function FieldEditor({
     }
   };
   const textEntryActive = focusLevel === "field" && editingField && activeField === "description" || focusLevel === "field" && editingField && activeField === "default" && (editorState.props[propIdx]?.type === "string" || editorState.props[propIdx]?.type === "token") || editingValue != null;
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     onTextEntryActiveChange?.(textEntryActive);
   }, [textEntryActive, onTextEntryActiveChange]);
   const currentProp = props[propIdx] ?? null;
   const currentSlot = slots[slotIdx] ?? null;
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     if (showHiddenProps || inSlots || inComponentDesc || visiblePropPosition >= 0) return;
     if (visiblePropIndexes.length > 0) {
       setPropIdx(visiblePropIndexes[0]);
@@ -22912,22 +23099,22 @@ function FieldEditor({
     setEditorState(next);
     onChange(serializeState(next, value));
   };
-  const canonicalize = React10.useCallback((json) => {
+  const canonicalize = React11.useCallback((json) => {
     try {
       return JSON.stringify(JSON.parse(json));
     } catch {
       return `__unparseable__:${json}`;
     }
   }, []);
-  const initialStateRef = React10.useRef(initialState);
+  const initialStateRef = React11.useRef(initialState);
   const baselineCanonical = canonicalize(serializeState(initialStateRef.current, value));
   const currentCanonical = canonicalize(serializeState(editorState, value));
   const isDirty = currentCanonical !== baselineCanonical;
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     onDirtyChange?.(isDirty);
   }, [isDirty, onDirtyChange]);
-  const lastDiscardTriggerRef = React10.useRef(discardTrigger);
-  React10.useEffect(() => {
+  const lastDiscardTriggerRef = React11.useRef(discardTrigger);
+  React11.useEffect(() => {
     if (discardTrigger === void 0) return;
     if (discardTrigger === lastDiscardTriggerRef.current) return;
     lastDiscardTriggerRef.current = discardTrigger;
@@ -23437,18 +23624,18 @@ function FieldEditor({
   });
   const innerWidth = Math.max(1, width - 2);
   if (parseErr) {
-    return /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
-      /* @__PURE__ */ jsx30(Text26, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
-      /* @__PURE__ */ jsx30(Text26, { color: PALETTE.error, children: parseErr }),
-      /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "Cannot display structured editor. Fix the JSON first." })
+    return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
+      /* @__PURE__ */ jsx31(Text27, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
+      /* @__PURE__ */ jsx31(Text27, { color: PALETTE.error, children: parseErr }),
+      /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "Cannot display structured editor. Fix the JSON first." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
-    return /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
-      /* @__PURE__ */ jsx30(Text26, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
-      /* @__PURE__ */ jsx30(Text26, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "Enter to save \xB7 Esc to discard" })
+    return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
+      /* @__PURE__ */ jsx31(Text27, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
+      /* @__PURE__ */ jsx31(Text27, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
+      /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "You can add fields manually below or reject this component." }),
+      /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "Enter to save \xB7 Esc to discard" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -23577,12 +23764,12 @@ function FieldEditor({
   const renderRow = (row, index) => {
     const key = rowKey(row, index);
     if (row.kind === "header") {
-      return /* @__PURE__ */ jsx30(Box25, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx30(Text26, { bold: true, color: PALETTE.success, children: row.label }) }, key);
+      return /* @__PURE__ */ jsx31(Box26, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx31(Text27, { 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__ */ jsx30(
+      return /* @__PURE__ */ jsx31(
         DescriptionField,
         {
           value: editorState.componentDescription,
@@ -23613,7 +23800,7 @@ function FieldEditor({
         valueText,
         innerWidth
       );
-      return /* @__PURE__ */ jsx30(
+      return /* @__PURE__ */ jsx31(
         PropRow,
         {
           prop: p,
@@ -23640,7 +23827,7 @@ function FieldEditor({
       valueText,
       innerWidth
     );
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       SlotRow,
       {
         slot: s,
@@ -23652,7 +23839,7 @@ function FieldEditor({
       key
     );
   };
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     FixedPanel,
     {
       width,
@@ -23661,9 +23848,9 @@ function FieldEditor({
       borderStyle: "single",
       borderColor: hasEmptyProperties ? PALETTE.warning : active ? PALETTE.info : PALETTE.border,
       children: [
-        hasEmptyProperties && /* @__PURE__ */ jsx30(Text26, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
+        hasEmptyProperties && /* @__PURE__ */ jsx31(Text27, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
         header,
-        /* @__PURE__ */ jsx30(Box25, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(Box26, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx31(
           PropRow,
           {
             prop: currentProp,
@@ -23679,7 +23866,7 @@ function FieldEditor({
             rationale: metadata?.props?.[currentProp.name]?.rationale ?? null,
             showRationale: showInlineRationales
           }
-        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx30(
+        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx31(
           SlotRow,
           {
             slot: currentSlot,
@@ -23698,8 +23885,8 @@ function FieldEditor({
         ) : visibleRowSlice.map((row, index) => {
           const absoluteIndex = scrollStart + index;
           const key = rowKey(row, absoluteIndex);
-          return /* @__PURE__ */ jsx30(
-            Box25,
+          return /* @__PURE__ */ jsx31(
+            Box26,
             {
               ref: (node) => {
                 if (node) rowMeasureRefs.current.set(key, node);
@@ -23712,7 +23899,7 @@ function FieldEditor({
             `visible-${key}`
           );
         }) }),
-        categoryBelow && /* @__PURE__ */ jsx30(Text26, { color: PALETTE.success, bold: true, children: `(${categoryBelow} below)` }),
+        categoryBelow && /* @__PURE__ */ jsx31(Text27, { 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;
@@ -23721,49 +23908,49 @@ function FieldEditor({
           const src = metadata?.componentSource ?? null;
           const headerPath = path ?? "<unknown source path>";
           if (!start || !end2 || !src) {
-            return /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-              /* @__PURE__ */ jsx30(Text26, { dimColor: true, bold: true, children: `source: ${headerPath}` }),
-              /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "(no source location captured for this prop)" }),
-              /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "[s] close" })
+            return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+              /* @__PURE__ */ jsx31(Text27, { dimColor: true, bold: true, children: `source: ${headerPath}` }),
+              /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "(no source location captured for this prop)" }),
+              /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "[s] close" })
             ] });
           }
           const lines = src.split("\n").slice(Math.max(0, start - 1), end2);
-          return /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-            /* @__PURE__ */ jsx30(Text26, { dimColor: true, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
-            lines.map((ln, i) => /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: ln }, `source-line-${i}`)),
-            /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "[s] close \xB7 [Esc] close" })
+          return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+            /* @__PURE__ */ jsx31(Text27, { dimColor: true, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
+            lines.map((ln, i) => /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: ln }, `source-line-${i}`)),
+            /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "[s] close \xB7 [Esc] close" })
           ] });
         })(),
-        showHelp && /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
-          /* @__PURE__ */ jsx30(Text26, { bold: true, color: PALETTE.info, children: "Keybindings" }),
-          /* @__PURE__ */ jsx30(Text26, { children: " " }),
-          /* @__PURE__ */ jsx30(Text26, { bold: true, children: "Row navigation" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  \u2191/\u2193               move between rows" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  Enter            edit fields on the current row" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  Esc              exit the panel" }),
-          /* @__PURE__ */ jsx30(Text26, { children: " " }),
-          /* @__PURE__ */ jsx30(Text26, { bold: true, children: "Field editing" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  Space/Enter      toggle required" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  Type             edit description / string default" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  Esc              exit field-edit back to the row" }),
-          /* @__PURE__ */ jsx30(Text26, { children: " " }),
-          /* @__PURE__ */ jsx30(Text26, { bold: true, children: "Values / allowedComponents" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  \u2191\u2193               navigate the list" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  K / J            reorder up \xB7 down" }),
-          /* @__PURE__ */ jsx30(Text26, { children: " " }),
-          /* @__PURE__ */ jsx30(Text26, { bold: true, children: "Panels" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  s                toggle source-view for the current prop" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
-          /* @__PURE__ */ jsx30(Text26, { children: "  ?                toggle this overlay" }),
-          /* @__PURE__ */ jsx30(Text26, { children: " " }),
-          /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "press ? or Esc to close" })
+        showHelp && /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
+          /* @__PURE__ */ jsx31(Text27, { bold: true, color: PALETTE.info, children: "Keybindings" }),
+          /* @__PURE__ */ jsx31(Text27, { children: " " }),
+          /* @__PURE__ */ jsx31(Text27, { bold: true, children: "Row navigation" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  \u2191/\u2193               move between rows" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  Enter            edit fields on the current row" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  Esc              exit the panel" }),
+          /* @__PURE__ */ jsx31(Text27, { children: " " }),
+          /* @__PURE__ */ jsx31(Text27, { bold: true, children: "Field editing" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  Space/Enter      toggle required" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  Type             edit description / string default" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  Esc              exit field-edit back to the row" }),
+          /* @__PURE__ */ jsx31(Text27, { children: " " }),
+          /* @__PURE__ */ jsx31(Text27, { bold: true, children: "Values / allowedComponents" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  \u2191\u2193               navigate the list" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  K / J            reorder up \xB7 down" }),
+          /* @__PURE__ */ jsx31(Text27, { children: " " }),
+          /* @__PURE__ */ jsx31(Text27, { bold: true, children: "Panels" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  s                toggle source-view for the current prop" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
+          /* @__PURE__ */ jsx31(Text27, { children: "  ?                toggle this overlay" }),
+          /* @__PURE__ */ jsx31(Text27, { children: " " }),
+          /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "press ? or Esc to close" })
         ] }),
-        validationError && /* @__PURE__ */ jsx30(Text26, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx30(Box25, { paddingTop: 1, children: /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: modeLabel }) })
+        validationError && /* @__PURE__ */ jsx31(Text27, { color: PALETTE.error, children: "\u2717 " + validationError }),
+        /* @__PURE__ */ jsx31(Box26, { paddingTop: 1, children: /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: modeLabel }) })
       ]
     }
   );
@@ -23819,23 +24006,23 @@ var init_wrap_text = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/RationaleLine.tsx
-import { Box as Box26, Text as Text27 } from "ink";
-import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Box as Box27, Text as Text28 } from "ink";
+import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 function RationaleLine({ line, active }) {
   if (line.kind === "blank") {
-    return /* @__PURE__ */ jsx31(Box26, { children: /* @__PURE__ */ jsx31(Text27, { children: " " }) });
+    return /* @__PURE__ */ jsx32(Box27, { children: /* @__PURE__ */ jsx32(Text28, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx31(Box26, { children: /* @__PURE__ */ jsx31(Text27, { bold: true, color: PALETTE.info, dimColor: !active, children: line.text }) });
+    return /* @__PURE__ */ jsx32(Box27, { children: /* @__PURE__ */ jsx32(Text28, { bold: true, color: PALETTE.info, dimColor: !active, children: line.text }) });
   }
   if (line.kind === "label") {
-    return /* @__PURE__ */ jsxs27(Box26, { children: [
-      line.prefix && /* @__PURE__ */ jsx31(Text27, { children: line.prefix }),
-      /* @__PURE__ */ jsx31(Text27, { bold: true, color: line.color, dimColor: !active, children: line.text }),
-      line.suffix && /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: line.suffix })
+    return /* @__PURE__ */ jsxs28(Box27, { children: [
+      line.prefix && /* @__PURE__ */ jsx32(Text28, { children: line.prefix }),
+      /* @__PURE__ */ jsx32(Text28, { bold: true, color: line.color, dimColor: !active, children: line.text }),
+      line.suffix && /* @__PURE__ */ jsx32(Text28, { dimColor: true, children: line.suffix })
     ] });
   }
-  return /* @__PURE__ */ jsx31(Box26, { children: /* @__PURE__ */ jsx31(Text27, { dimColor: !active || line.dim, children: line.text }) });
+  return /* @__PURE__ */ jsx32(Box27, { children: /* @__PURE__ */ jsx32(Text28, { dimColor: !active || line.dim, children: line.text }) });
 }
 var init_RationaleLine = __esm({
   "packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/RationaleLine.tsx"() {
@@ -23845,8 +24032,8 @@ var init_RationaleLine = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/ComponentRationalePanel.tsx
-import { Box as Box27, Text as Text28 } from "ink";
-import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Box as Box28, Text as Text29 } from "ink";
+import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 function renderComponentRationaleLines(data, innerWidth) {
   const out = [];
   const pushSection = (heading, body) => {
@@ -23913,8 +24100,8 @@ function ComponentRationalePanel({
   const overflowed = totalLines > contentHeight;
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + contentHeight);
-  return /* @__PURE__ */ jsxs28(
-    Box27,
+  return /* @__PURE__ */ jsxs29(
+    Box28,
     {
       flexDirection: "column",
       width,
@@ -23922,9 +24109,9 @@ function ComponentRationalePanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.inverse : void 0,
       children: [
-        /* @__PURE__ */ jsx32(Box27, { children: /* @__PURE__ */ jsx32(Text28, { bold: true, dimColor: !active, children: `Component rationale: ${data.name}` }) }),
-        visible.map((line, i) => /* @__PURE__ */ jsx32(RationaleLine, { line, active }, i)),
-        /* @__PURE__ */ jsx32(Box27, { children: overflowed ? /* @__PURE__ */ jsx32(Text28, { dimColor: true, children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx32(Text28, { dimColor: true, children: "[I/Esc] close" }) })
+        /* @__PURE__ */ jsx33(Box28, { children: /* @__PURE__ */ jsx33(Text29, { bold: true, dimColor: !active, children: `Component rationale: ${data.name}` }) }),
+        visible.map((line, i) => /* @__PURE__ */ jsx33(RationaleLine, { line, active }, i)),
+        /* @__PURE__ */ jsx33(Box28, { children: overflowed ? /* @__PURE__ */ jsx33(Text29, { dimColor: true, children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx33(Text29, { dimColor: true, children: "[I/Esc] close" }) })
       ]
     }
   );
@@ -23941,10 +24128,10 @@ var init_ComponentRationalePanel = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/HighlightedLine.tsx
-import { Text as Text29 } from "ink";
-import { Fragment as Fragment11, jsx as jsx33 } from "react/jsx-runtime";
+import { Text as Text30 } from "ink";
+import { Fragment as Fragment12, jsx as jsx34 } from "react/jsx-runtime";
 function HighlightedLine({ parts }) {
-  return /* @__PURE__ */ jsx33(Fragment11, { children: parts.map((part, i) => /* @__PURE__ */ jsx33(Text29, { color: part.color, dimColor: part.dim, children: part.text }, i)) });
+  return /* @__PURE__ */ jsx34(Fragment12, { children: parts.map((part, i) => /* @__PURE__ */ jsx34(Text30, { 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"() {
@@ -23953,8 +24140,8 @@ var init_HighlightedLine = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/ScrollablePanel.tsx
-import { Box as Box28, Text as Text30 } from "ink";
-import { Fragment as Fragment12, jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Box as Box29, Text as Text31 } from "ink";
+import { Fragment as Fragment13, jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function ScrollablePanel({
   header,
   width,
@@ -23967,12 +24154,12 @@ function ScrollablePanel({
   children
 }) {
   const overflowed = totalLines > height;
-  return /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
-    /* @__PURE__ */ jsxs29(Box28, { children: [
+  return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
+    /* @__PURE__ */ jsxs30(Box29, { children: [
       header,
-      overflowed && /* @__PURE__ */ jsxs29(Fragment12, { children: [
-        /* @__PURE__ */ jsx34(Box28, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx34(Text30, { dimColor: !active, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
+      overflowed && /* @__PURE__ */ jsxs30(Fragment13, { children: [
+        /* @__PURE__ */ jsx35(Box29, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx35(Text31, { dimColor: !active, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
     children
@@ -23985,8 +24172,8 @@ var init_ScrollablePanel = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/JsonPanel.tsx
-import { Box as Box29, Text as Text31 } from "ink";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { Box as Box30, Text as Text32 } from "ink";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function highlightJson(line) {
   const parts = [];
   let remaining = line;
@@ -24024,7 +24211,7 @@ function highlightJson(line) {
     parts.push({ text: remaining[0] });
     remaining = remaining.slice(1);
   }
-  return /* @__PURE__ */ jsx35(HighlightedLine, { parts });
+  return /* @__PURE__ */ jsx36(HighlightedLine, { parts });
 }
 function truncateLine(line, maxWidth) {
   if (line.length <= maxWidth) return line;
@@ -24037,10 +24224,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__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     ScrollablePanel,
     {
-      header: /* @__PURE__ */ jsx35(Text31, { bold: true, dimColor: !active, children: label }),
+      header: /* @__PURE__ */ jsx36(Text32, { bold: true, dimColor: !active, children: label }),
       width,
       height,
       active,
@@ -24050,7 +24237,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__ */ jsx35(Box29, { children: highlightJson(truncated) }, i);
+        return /* @__PURE__ */ jsx36(Box30, { children: highlightJson(truncated) }, i);
       })
     }
   );
@@ -24064,8 +24251,8 @@ var init_JsonPanel = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/RationalePanel.tsx
-import { Text as Text32 } from "ink";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { Text as Text33 } from "ink";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function renderRationaleLines(rows, innerWidth) {
   const out = [];
   rows.forEach((row, idx) => {
@@ -24098,10 +24285,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__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     ScrollablePanel,
     {
-      header: /* @__PURE__ */ jsx36(Text32, { bold: true, dimColor: !active, children: `RATIONALE \u2014 ${componentName}` }),
+      header: /* @__PURE__ */ jsx37(Text33, { bold: true, dimColor: !active, children: `RATIONALE \u2014 ${componentName}` }),
       width,
       height,
       active,
@@ -24109,7 +24296,7 @@ function RationalePanel({
       visibleStart,
       visibleEnd,
       borderColor: active ? PALETTE.inverse : void 0,
-      children: visible.map((line, i) => /* @__PURE__ */ jsx36(RationaleLine, { line, active }, i))
+      children: visible.map((line, i) => /* @__PURE__ */ jsx37(RationaleLine, { line, active }, i))
     }
   );
 }
@@ -24125,8 +24312,8 @@ var init_RationalePanel = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/TokenReviewPanel.tsx
 import figures5 from "figures";
-import { Box as Box30, Text as Text33 } from "ink";
-import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Box as Box31, Text as Text34 } from "ink";
+import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 function collectTokenSuggestions(entry, availableTokens = []) {
   return Object.entries(entry.$properties).filter(([, def]) => {
     const rawKind = def["$token.kind"];
@@ -24160,8 +24347,8 @@ function TokenReviewPanel({
     const scrollStart = Math.max(0, Math.min(editCursor - Math.floor(visibleCount / 2), maxStart));
     const visiblePaths = current.paths.slice(scrollStart, scrollStart + visibleCount);
     const rangeLabel = current.paths.length === 0 ? "no compatible tokens" : `${scrollStart + 1}-${scrollStart + visiblePaths.length} of ${current.paths.length}`;
-    return /* @__PURE__ */ jsxs30(
-      Box30,
+    return /* @__PURE__ */ jsxs31(
+      Box31,
       {
         flexDirection: "column",
         width,
@@ -24169,25 +24356,25 @@ function TokenReviewPanel({
         borderStyle: "single",
         borderColor: active ? PALETTE.inverse : void 0,
         children: [
-          /* @__PURE__ */ jsx37(Text33, { bold: true, dimColor: !active, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
-          /* @__PURE__ */ jsx37(Text33, { dimColor: true, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
-          /* @__PURE__ */ jsx37(Text33, { children: " " }),
-          current.paths.length === 0 && /* @__PURE__ */ jsx37(Text33, { dimColor: true, children: "(no compatible tokens found for this token kind)" }),
+          /* @__PURE__ */ jsx38(Text34, { bold: true, dimColor: !active, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
+          /* @__PURE__ */ jsx38(Text34, { dimColor: true, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
+          /* @__PURE__ */ jsx38(Text34, { children: " " }),
+          current.paths.length === 0 && /* @__PURE__ */ jsx38(Text34, { 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__ */ jsx37(Box30, { children: /* @__PURE__ */ jsx37(Text33, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, wrap: "truncate", children: `  [${checked ? "x" : " "}] ${path}` }) }, path);
+            return /* @__PURE__ */ jsx38(Box31, { children: /* @__PURE__ */ jsx38(Text34, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, wrap: "truncate", children: `  [${checked ? "x" : " "}] ${path}` }) }, path);
           }),
-          /* @__PURE__ */ jsx37(Text33, { children: " " }),
-          /* @__PURE__ */ jsx37(Text33, { dimColor: true, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
-          /* @__PURE__ */ jsx37(Text33, { dimColor: true, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
+          /* @__PURE__ */ jsx38(Text34, { children: " " }),
+          /* @__PURE__ */ jsx38(Text34, { dimColor: true, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
+          /* @__PURE__ */ jsx38(Text34, { dimColor: true, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs30(
-    Box30,
+  return /* @__PURE__ */ jsxs31(
+    Box31,
     {
       flexDirection: "column",
       width,
@@ -24195,18 +24382,18 @@ function TokenReviewPanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.inverse : void 0,
       children: [
-        /* @__PURE__ */ jsx37(Text33, { bold: true, dimColor: !active, children: `TOKEN REVIEW \u2014 ${componentName}` }),
-        suggestions.length === 0 && /* @__PURE__ */ jsx37(Text33, { dimColor: true, children: "(no token suggestions for this component)" }),
+        /* @__PURE__ */ jsx38(Text34, { bold: true, dimColor: !active, children: `TOKEN REVIEW \u2014 ${componentName}` }),
+        suggestions.length === 0 && /* @__PURE__ */ jsx38(Text34, { dimColor: true, children: "(no token suggestions for this component)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
-          return /* @__PURE__ */ jsxs30(Box30, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx37(Box30, { children: /* @__PURE__ */ jsx37(Text33, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, children: `${focused ? figures5.pointer : " "} ${s.propName}` }) }),
-            /* @__PURE__ */ jsx37(Text33, { dimColor: true, children: `  suggested: ${s.suggested.join(", ")}` }),
-            /* @__PURE__ */ jsx37(Text33, { dimColor: true, children: `  allowed: ${s.allowed.join(", ")}` })
+          return /* @__PURE__ */ jsxs31(Box31, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx38(Box31, { children: /* @__PURE__ */ jsx38(Text34, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, children: `${focused ? figures5.pointer : " "} ${s.propName}` }) }),
+            /* @__PURE__ */ jsx38(Text34, { dimColor: true, children: `  suggested: ${s.suggested.join(", ")}` }),
+            /* @__PURE__ */ jsx38(Text34, { dimColor: true, children: `  allowed: ${s.allowed.join(", ")}` })
           ] }, s.propName);
         }),
-        /* @__PURE__ */ jsx37(Text33, { children: " " }),
-        /* @__PURE__ */ jsx37(Text33, { dimColor: true, children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
+        /* @__PURE__ */ jsx38(Text34, { children: " " }),
+        /* @__PURE__ */ jsx38(Text34, { dimColor: true, children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
       ]
     }
   );
@@ -24219,8 +24406,8 @@ var init_TokenReviewPanel = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/review-details-panel.tsx
-import { Text as Text34 } from "ink";
-import { Fragment as Fragment13, jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Text as Text35 } from "ink";
+import { Fragment as Fragment14, jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
 function ReviewDetailsPanel({
   selectedKey,
   panelOpen,
@@ -24255,7 +24442,7 @@ function ReviewDetailsPanel({
         rationale: s.rationale ?? ""
       }))
     ];
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       RationalePanel,
       {
         componentName: componentRationale?.name ?? selectedKey,
@@ -24268,7 +24455,7 @@ function ReviewDetailsPanel({
     );
   }
   if (panelOpen === "component-rationale") {
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       ComponentRationalePanel,
       {
         data: componentRationale ?? {
@@ -24293,14 +24480,14 @@ function ReviewDetailsPanel({
     const headerPath = path ?? "<unknown source path>";
     const sourceLineCount = Math.max(1, height - 4);
     const lines = source ? source.split("\n").slice(panelScrollOffset, panelScrollOffset + sourceLineCount) : [];
-    return /* @__PURE__ */ jsxs31(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx38(Text34, { dimColor: true, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
-      source ? lines.map((line, index) => /* @__PURE__ */ jsx38(Text34, { dimColor: true, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx38(Text34, { dimColor: true, children: "(no source captured)" }),
-      /* @__PURE__ */ jsx38(Text34, { dimColor: true, wrap: "truncate-end", children: "[s/Esc] close" })
+    return /* @__PURE__ */ jsxs32(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
+      /* @__PURE__ */ jsx39(Text35, { dimColor: true, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
+      source ? lines.map((line, index) => /* @__PURE__ */ jsx39(Text35, { dimColor: true, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx39(Text35, { dimColor: true, children: "(no source captured)" }),
+      /* @__PURE__ */ jsx39(Text35, { dimColor: true, wrap: "truncate-end", children: "[s/Esc] close" })
     ] });
   }
   if (panelOpen === "token-review") {
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       TokenReviewPanel,
       {
         componentName: selectedKey,
@@ -24316,7 +24503,7 @@ function ReviewDetailsPanel({
     );
   }
   if (showJson) {
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       JsonPanel,
       {
         label: "GENERATED DEFINITION (read-only)",
@@ -24328,7 +24515,7 @@ function ReviewDetailsPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsx38(Fragment13, { children: editor });
+  return /* @__PURE__ */ jsx39(Fragment14, { children: editor });
 }
 var init_review_details_panel = __esm({
   "packages/experience-design-system-cli-legacy/src/import/tui/steps/review-details-panel.tsx"() {
@@ -24342,7 +24529,7 @@ var init_review_details_panel = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/ReviewDetailsEditor.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 import { createElement as createElement5 } from "react";
 function toFieldEditorMetadata(reviewMetadata) {
   if (!reviewMetadata) return void 0;
@@ -24376,7 +24563,7 @@ function ReviewDetailsEditor({
     jsonScrollOffset,
     currentTokenSuggestions
   } = reviewEditor;
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     ReviewDetailsPanel,
     {
       selectedKey,
@@ -24423,8 +24610,8 @@ var init_ReviewDetailsEditor = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/ReviewComponentPanel.tsx
-import { Box as Box31, Text as Text35 } from "ink";
-import { Fragment as Fragment14, jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Box as Box32, Text as Text36 } from "ink";
+import { Fragment as Fragment15, jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
 function buildReviewFieldEditor(reviewEditor, selectedJson, onExit, overrides = {}) {
   return {
     value: reviewEditor.draftValue || selectedJson,
@@ -24464,17 +24651,17 @@ function ReviewEmptyComponentsWarning({
   hidden
 }) {
   if (hidden || count === 0) return null;
-  return /* @__PURE__ */ jsx40(Text35, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
+  return /* @__PURE__ */ jsx41(Text36, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx40(Box31, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx40(Text35, { dimColor: true, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx41(Box32, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx41(Text36, { dimColor: true, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
   hidden
 }) {
   if (hidden || !message) return null;
-  return /* @__PURE__ */ jsx40(Text35, { color: PALETTE.error, children: `\u26A0 ${message}` });
+  return /* @__PURE__ */ jsx41(Text36, { color: PALETTE.error, children: `\u26A0 ${message}` });
 }
 function ReviewPanelFooter({
   reviewEditor,
@@ -24483,10 +24670,10 @@ function ReviewPanelFooter({
   livePreview,
   livePreviewSpinner
 }) {
-  return /* @__PURE__ */ jsxs32(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs33(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__ */ jsx40(Text35, { children: `  ${livePreviewSpinner} live preview` }),
-    livePreview.disabled && /* @__PURE__ */ jsx40(Text35, { children: "  \xB7 live preview disabled" })
+    livePreview.status === "running" && /* @__PURE__ */ jsx41(Text36, { children: `  ${livePreviewSpinner} live preview` }),
+    livePreview.disabled && /* @__PURE__ */ jsx41(Text36, { children: "  \xB7 live preview disabled" })
   ] });
 }
 function ReviewComponentTitle({
@@ -24495,10 +24682,10 @@ function ReviewComponentTitle({
   slotCount,
   sidebarFocused
 }) {
-  return /* @__PURE__ */ jsxs32(Box31, { paddingLeft: 2, paddingBottom: 1, children: [
-    /* @__PURE__ */ jsx40(Text35, { bold: true, wrap: "truncate-end", children: selectedKey }),
-    /* @__PURE__ */ jsx40(Box31, { flexGrow: 1 }),
-    /* @__PURE__ */ jsxs32(Text35, { dimColor: true, wrap: "truncate-end", children: [
+  return /* @__PURE__ */ jsxs33(Box32, { paddingLeft: 2, paddingBottom: 1, children: [
+    /* @__PURE__ */ jsx41(Text36, { bold: true, wrap: "truncate-end", children: selectedKey }),
+    /* @__PURE__ */ jsx41(Box32, { flexGrow: 1 }),
+    /* @__PURE__ */ jsxs33(Text36, { dimColor: true, wrap: "truncate-end", children: [
       propCount,
       " prop",
       propCount !== 1 ? "s" : "",
@@ -24529,8 +24716,8 @@ function ReviewComponentPanel({
   const slotCount = selectedEntry.$slots ? Object.keys(selectedEntry.$slots).length : 0;
   const contentHeight = Math.max(1, height - 2);
   const contentWidth = Math.max(1, width - 1);
-  return /* @__PURE__ */ jsx40(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
-    /* @__PURE__ */ jsx40(Box31, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
+    /* @__PURE__ */ jsx41(Box32, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx41(
       ReviewDetailsEditor,
       {
         selectedKey,
@@ -24543,7 +24730,7 @@ function ReviewComponentPanel({
         jsonValue,
         sidebarFocused,
         fieldEditor,
-        header: /* @__PURE__ */ jsx40(
+        header: /* @__PURE__ */ jsx41(
           ReviewComponentTitle,
           {
             selectedKey,
@@ -24554,8 +24741,8 @@ function ReviewComponentPanel({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx40(Box31, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx40(Text35, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
-    /* @__PURE__ */ jsx40(Box31, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx40(Text35, { dimColor: true, wrap: "truncate-end", children: /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(Box32, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text36, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
+    /* @__PURE__ */ jsx41(Box32, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text36, { dimColor: true, wrap: "truncate-end", children: /* @__PURE__ */ jsx41(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -24578,8 +24765,8 @@ var init_ReviewComponentPanel = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/ReviewStatus.tsx
-import { Box as Box32, Text as Text36 } from "ink";
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Box as Box33, Text as Text37 } from "ink";
+import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
 function countReviewStatuses(entries) {
   return entries.reduce(
     (counts, entry) => {
@@ -24592,13 +24779,13 @@ function countReviewStatuses(entries) {
   );
 }
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx41(Box32, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx41(Text36, { dimColor: true, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx42(Box33, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx42(Text37, { dimColor: true, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
-  return /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx41(Text36, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx41(Text36, { children: " " }),
-    /* @__PURE__ */ jsx41(Text36, { dimColor: true, children: "[q / Enter / Esc] Quit" })
+  return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx42(Text37, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx42(Text37, { children: " " }),
+    /* @__PURE__ */ jsx42(Text37, { dimColor: true, children: "[q / Enter / Esc] Quit" })
   ] });
 }
 var init_ReviewStatus = __esm({
@@ -24732,8 +24919,8 @@ var init_runLivePreview = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/FinalizeDialog.tsx
-import { Box as Box33, Text as Text37 } from "ink";
-import { Fragment as Fragment15, jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Box as Box34, Text as Text38 } from "ink";
+import { Fragment as Fragment16, jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
 function FinalizeDialog({
   accepted,
   rejected,
@@ -24761,51 +24948,51 @@ function FinalizeDialog({
   const windowed = removed.slice(offset, offset + FINALIZE_REMOVED_WINDOW);
   const hasMoreBelow = offset + FINALIZE_REMOVED_WINDOW < removed.length;
   const hasMoreAbove = offset > 0;
-  return /* @__PURE__ */ jsx42(Box33, { width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", alignItems: "center", borderStyle: "round", padding: 1, width: 58, children: [
-    /* @__PURE__ */ jsx42(Text37, { bold: true, children: "\u2500".repeat(22) + " Finalize " + "\u2500".repeat(22) }),
-    /* @__PURE__ */ jsx42(Text37, { children: " " }),
-    /* @__PURE__ */ jsxs34(Text37, { children: [
-      /* @__PURE__ */ jsxs34(Text37, { color: PALETTE.success, children: [
+  return /* @__PURE__ */ jsx43(Box34, { width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", alignItems: "center", borderStyle: "round", padding: 1, width: 58, children: [
+    /* @__PURE__ */ jsx43(Text38, { bold: true, children: "\u2500".repeat(22) + " Finalize " + "\u2500".repeat(22) }),
+    /* @__PURE__ */ jsx43(Text38, { children: " " }),
+    /* @__PURE__ */ jsxs35(Text38, { children: [
+      /* @__PURE__ */ jsxs35(Text38, { color: PALETTE.success, children: [
         accepted,
         " accepted"
       ] }),
-      /* @__PURE__ */ jsx42(Text37, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs34(Text37, { color: PALETTE.error, children: [
+      /* @__PURE__ */ jsx43(Text38, { children: " \xB7 " }),
+      /* @__PURE__ */ jsxs35(Text38, { color: PALETTE.error, children: [
         rejected,
         " rejected"
       ] }),
-      /* @__PURE__ */ jsx42(Text37, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs34(Text37, { dimColor: true, children: [
+      /* @__PURE__ */ jsx43(Text38, { children: " \xB7 " }),
+      /* @__PURE__ */ jsxs35(Text38, { dimColor: true, children: [
         needsReview,
         " unresolved"
       ] })
     ] }),
-    /* @__PURE__ */ jsx42(Text37, { children: " " }),
-    noneAccepted && /* @__PURE__ */ jsxs34(Fragment15, { children: [
-      /* @__PURE__ */ jsx42(Text37, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
-      /* @__PURE__ */ jsx42(Text37, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
-      /* @__PURE__ */ jsx42(Text37, { children: " " })
+    /* @__PURE__ */ jsx43(Text38, { children: " " }),
+    noneAccepted && /* @__PURE__ */ jsxs35(Fragment16, { children: [
+      /* @__PURE__ */ jsx43(Text38, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
+      /* @__PURE__ */ jsx43(Text38, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
+      /* @__PURE__ */ jsx43(Text38, { children: " " })
     ] }),
-    !allResolved && /* @__PURE__ */ jsxs34(Fragment15, { children: [
-      /* @__PURE__ */ jsx42(Text37, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
-      /* @__PURE__ */ jsx42(Text37, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
-      /* @__PURE__ */ jsx42(Text37, { children: " " })
+    !allResolved && /* @__PURE__ */ jsxs35(Fragment16, { children: [
+      /* @__PURE__ */ jsx43(Text38, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
+      /* @__PURE__ */ jsx43(Text38, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
+      /* @__PURE__ */ jsx43(Text38, { children: " " })
     ] }),
-    /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", height: 2, children: [
-      previewStatus === "running" ? /* @__PURE__ */ jsx42(Text37, { dimColor: true, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx42(Text37, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx42(Text37, { children: " " }),
-      /* @__PURE__ */ jsx42(Text37, { children: " " })
+    /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", height: 2, children: [
+      previewStatus === "running" ? /* @__PURE__ */ jsx43(Text38, { dimColor: true, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx43(Text38, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx43(Text38, { children: " " }),
+      /* @__PURE__ */ jsx43(Text38, { children: " " })
     ] }),
-    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs34(Fragment15, { children: [
-      /* @__PURE__ */ jsx42(Text37, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
-      hasMoreAbove && /* @__PURE__ */ jsx42(Text37, { dimColor: true, children: "\u2191 more above" }),
-      windowed.map((rc) => /* @__PURE__ */ jsx42(Text37, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
-      hasMoreBelow && /* @__PURE__ */ jsx42(Text37, { dimColor: true, children: "\u2193 more below" }),
-      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx42(Text37, { dimColor: true, children: "[\u2191\u2193] scroll deletions" }),
-      /* @__PURE__ */ jsx42(Text37, { children: " " })
+    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs35(Fragment16, { children: [
+      /* @__PURE__ */ jsx43(Text38, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
+      hasMoreAbove && /* @__PURE__ */ jsx43(Text38, { dimColor: true, children: "\u2191 more above" }),
+      windowed.map((rc) => /* @__PURE__ */ jsx43(Text38, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
+      hasMoreBelow && /* @__PURE__ */ jsx43(Text38, { dimColor: true, children: "\u2193 more below" }),
+      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx43(Text38, { dimColor: true, children: "[\u2191\u2193] scroll deletions" }),
+      /* @__PURE__ */ jsx43(Text38, { children: " " })
     ] }),
-    /* @__PURE__ */ jsx42(Text37, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
-    /* @__PURE__ */ jsx42(Text37, { children: " " }),
-    /* @__PURE__ */ jsx42(Text37, { children: "[y / Enter]  Confirm    [n / Esc]  Cancel" })
+    /* @__PURE__ */ jsx43(Text38, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
+    /* @__PURE__ */ jsx43(Text38, { children: " " }),
+    /* @__PURE__ */ jsx43(Text38, { children: "[y / Enter]  Confirm    [n / Esc]  Cancel" })
   ] }) });
 }
 var FINALIZE_REMOVED_WINDOW;
@@ -24820,7 +25007,7 @@ var init_FinalizeDialog = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/useFinalizePreview.ts
-import { useEffect as useEffect8, useRef as useRef4, useState as useState12 } from "react";
+import { useEffect as useEffect8, useRef as useRef5, useState as useState13 } from "react";
 function useReviewFinalizePreview({
   components,
   ...options
@@ -24832,10 +25019,10 @@ function useReviewFinalizePreview({
 }
 function useFinalizePreview(opts) {
   const { open, extractSessionId, tokensPath, spaceId, environmentId, cmaToken, host, acceptedKeys } = opts;
-  const [status, setStatus] = useState12("idle");
-  const [removed, setRemoved] = useState12([]);
-  const [scrollOffset, setScrollOffset] = useState12(0);
-  const generationRef = useRef4(0);
+  const [status, setStatus] = useState13("idle");
+  const [removed, setRemoved] = useState13([]);
+  const [scrollOffset, setScrollOffset] = useState13(0);
+  const generationRef = useRef5(0);
   const acceptedKey = [...acceptedKeys].sort().join("\0");
   useEffect8(() => {
     if (!open) {
@@ -24889,7 +25076,7 @@ var init_useFinalizePreview = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/hooks/useReviewSession.ts
-import { useCallback as useCallback4, useEffect as useEffect9, useRef as useRef5, useState as useState13 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect9, useRef as useRef6, useState as useState14 } from "react";
 function loadReviewSessionState({
   extractSessionId,
   tokenSessionId,
@@ -24935,10 +25122,10 @@ function useReviewSession({
   tokensPath,
   onExtraLoaded
 }) {
-  const [components, setComponents] = useState13([]);
-  const [loading, setLoading] = useState13(true);
-  const [loadError, setLoadError] = useState13(null);
-  const [availableTokens, setAvailableTokens] = useState13([]);
+  const [components, setComponents] = useState14([]);
+  const [loading, setLoading] = useState14(true);
+  const [loadError, setLoadError] = useState14(null);
+  const [availableTokens, setAvailableTokens] = useState14([]);
   const loadInitialState = useCallback4(async () => {
     const result = loadSession();
     if (result.error || !tokensPath) return { result, catalog: result.tokens };
@@ -24999,8 +25186,8 @@ function useReviewSession({
   };
 }
 function useReviewMetadata({ components, selectedIdx, extractSessionId }) {
-  const [reviewMetadata, setReviewMetadata] = useState13(null);
-  const [componentRationale, setComponentRationale] = useState13(null);
+  const [reviewMetadata, setReviewMetadata] = useState14(null);
+  const [componentRationale, setComponentRationale] = useState14(null);
   useEffect9(() => {
     const current = components[selectedIdx];
     if (!current) {
@@ -25042,8 +25229,8 @@ function createReviewHistorySnapshot(components, options = {}) {
   };
 }
 function useReviewHistory({ loading, components, createSnapshot, applySnapshot }) {
-  const historyRef = useRef5(null);
-  const historySeededRef = useRef5(false);
+  const historyRef = useRef6(null);
+  const historySeededRef = useRef6(false);
   useEffect9(() => {
     if (loading || historySeededRef.current) return;
     historySeededRef.current = true;
@@ -25133,7 +25320,7 @@ var init_useReviewSession = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/hooks/useReviewEditor.ts
-import { useEffect as useEffect10, useRef as useRef6, useState as useState14 } from "react";
+import { useEffect as useEffect10, useRef as useRef7, useState as useState15 } from "react";
 function parseReviewEntry(draftValue) {
   const parsed = JSON.parse(draftValue);
   const keys = Object.keys(parsed);
@@ -25153,20 +25340,20 @@ function useReviewEditor({
   onEditSaved,
   onTokenSaved
 }) {
-  const [panelOpen, setPanelOpen] = useState14("none");
-  const [panelScrollOffset, setPanelScrollOffset] = useState14(0);
-  const [jsonScrollOffset, setJsonScrollOffset] = useState14(0);
-  const [textEntryActive, setTextEntryActive] = useState14(false);
-  const [showJson, setShowJson] = useState14(false);
-  const [showHiddenProps, setShowHiddenProps] = useState14(false);
-  const [draftValue, setDraftValue] = useState14("");
-  const [saveError, setSaveError] = useState14(null);
-  const [tokenReviewRow, setTokenReviewRow] = useState14(0);
-  const [tokenReviewEditing, setTokenReviewEditing] = useState14(false);
-  const [tokenReviewEditCursor, setTokenReviewEditCursor] = useState14(0);
-  const [tokenReviewEditSelection, setTokenReviewEditSelection] = useState14(/* @__PURE__ */ new Set());
-  const tokenReviewSuggestedRef = useRef6(/* @__PURE__ */ new Map());
-  const pendingGRef = useRef6(false);
+  const [panelOpen, setPanelOpen] = useState15("none");
+  const [panelScrollOffset, setPanelScrollOffset] = useState15(0);
+  const [jsonScrollOffset, setJsonScrollOffset] = useState15(0);
+  const [textEntryActive, setTextEntryActive] = useState15(false);
+  const [showJson, setShowJson] = useState15(false);
+  const [showHiddenProps, setShowHiddenProps] = useState15(false);
+  const [draftValue, setDraftValue] = useState15("");
+  const [saveError, setSaveError] = useState15(null);
+  const [tokenReviewRow, setTokenReviewRow] = useState15(0);
+  const [tokenReviewEditing, setTokenReviewEditing] = useState15(false);
+  const [tokenReviewEditCursor, setTokenReviewEditCursor] = useState15(0);
+  const [tokenReviewEditSelection, setTokenReviewEditSelection] = useState15(/* @__PURE__ */ new Set());
+  const tokenReviewSuggestedRef = useRef7(/* @__PURE__ */ new Map());
+  const pendingGRef = useRef7(false);
   useEffect10(() => {
     setTokenReviewRow(0);
     setTokenReviewEditing(false);
@@ -25287,12 +25474,12 @@ var init_useReviewEditor = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/hooks/useReviewSurfaceState.ts
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 function useReviewSurfaceState(initialFinalizeError = null) {
-  const [sidebarFocused, setSidebarFocused] = useState15(true);
-  const [showFinalize, setShowFinalize] = useState15(false);
-  const [showQuit, setShowQuit] = useState15(false);
-  const [finalizeError, setFinalizeError] = useState15(initialFinalizeError);
+  const [sidebarFocused, setSidebarFocused] = useState16(true);
+  const [showFinalize, setShowFinalize] = useState16(false);
+  const [showQuit, setShowQuit] = useState16(false);
+  const [finalizeError, setFinalizeError] = useState16(initialFinalizeError);
   return {
     sidebarFocused,
     setSidebarFocused,
@@ -25311,8 +25498,8 @@ var init_useReviewSurfaceState = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/QuitDialog.tsx
-import { Box as Box34, Text as Text38 } from "ink";
-import { Fragment as Fragment16, jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Box as Box35, Text as Text39 } from "ink";
+import { Fragment as Fragment17, jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
   useImmediateInput((input, key) => {
     if (input === "y" || key.return) {
@@ -25321,16 +25508,16 @@ function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
       onCancel();
     }
   });
-  return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
-    /* @__PURE__ */ jsx43(Text38, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
-    /* @__PURE__ */ jsx43(Text38, { children: " " }),
-    hasUnsavedDrafts ? /* @__PURE__ */ jsxs35(Fragment16, { children: [
-      /* @__PURE__ */ jsx43(Text38, { children: "You have unsaved draft edits." }),
-      /* @__PURE__ */ jsx43(Text38, { children: "Session state is preserved \u2014 you can resume" }),
-      /* @__PURE__ */ jsx43(Text38, { children: "by running the same review command again." })
-    ] }) : /* @__PURE__ */ jsx43(Text38, { children: "Session is saved. Quit without finalizing?" }),
-    /* @__PURE__ */ jsx43(Text38, { children: " " }),
-    /* @__PURE__ */ jsx43(Text38, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
+  return /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
+    /* @__PURE__ */ jsx44(Text39, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
+    /* @__PURE__ */ jsx44(Text39, { children: " " }),
+    hasUnsavedDrafts ? /* @__PURE__ */ jsxs36(Fragment17, { children: [
+      /* @__PURE__ */ jsx44(Text39, { children: "You have unsaved draft edits." }),
+      /* @__PURE__ */ jsx44(Text39, { children: "Session state is preserved \u2014 you can resume" }),
+      /* @__PURE__ */ jsx44(Text39, { children: "by running the same review command again." })
+    ] }) : /* @__PURE__ */ jsx44(Text39, { children: "Session is saved. Quit without finalizing?" }),
+    /* @__PURE__ */ jsx44(Text39, { children: " " }),
+    /* @__PURE__ */ jsx44(Text39, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
   ] });
 }
 var init_QuitDialog = __esm({
@@ -25341,8 +25528,8 @@ var init_QuitDialog = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/ReviewDialogs.tsx
-import { Box as Box35, Text as Text39 } from "ink";
-import { Fragment as Fragment17, jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Box as Box36, Text as Text40 } from "ink";
+import { Fragment as Fragment18, jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 function ReviewFinalizeDialogs({
   showFinalize,
   showQuit,
@@ -25356,8 +25543,8 @@ function ReviewFinalizeDialogs({
   onQuitCancel
 }) {
   const { accepted, rejected, needsReview } = countReviewStatuses(components);
-  return /* @__PURE__ */ jsxs36(Fragment17, { children: [
-    showFinalize && /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs37(Fragment18, { children: [
+    showFinalize && /* @__PURE__ */ jsx45(
       FinalizeDialog,
       {
         accepted,
@@ -25370,7 +25557,7 @@ function ReviewFinalizeDialogs({
         onCancel: onFinalizeCancel
       }
     ),
-    showQuit && /* @__PURE__ */ jsx44(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
+    showQuit && /* @__PURE__ */ jsx45(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
   ] });
 }
 function ReviewStepDialogs({
@@ -25380,7 +25567,7 @@ function ReviewStepDialogs({
   onFinalize,
   onQuit
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     ReviewFinalizeDialogs,
     {
       showFinalize: surfaceState.showFinalize,
@@ -25398,12 +25585,12 @@ function ReviewStepDialogs({
 }
 function ReviewReloadDialog({ open }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx44(Text39, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
-    /* @__PURE__ */ jsx44(Text39, { children: "Unsaved in-memory changes will be lost." }),
-    /* @__PURE__ */ jsx44(Text39, { children: " " }),
-    /* @__PURE__ */ jsx44(Text39, { children: "  [Enter]  Confirm" }),
-    /* @__PURE__ */ jsx44(Text39, { children: "  [Esc]    Cancel" })
+  return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx45(Text40, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
+    /* @__PURE__ */ jsx45(Text40, { children: "Unsaved in-memory changes will be lost." }),
+    /* @__PURE__ */ jsx45(Text40, { children: " " }),
+    /* @__PURE__ */ jsx45(Text40, { children: "  [Enter]  Confirm" }),
+    /* @__PURE__ */ jsx45(Text40, { children: "  [Esc]    Cancel" })
   ] });
 }
 var init_ReviewDialogs = __esm({
@@ -25640,20 +25827,20 @@ var init_preview_annotations = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/useLivePreview.ts
-import { useCallback as useCallback5, useEffect as useEffect11, useRef as useRef7, useState as useState16 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect11, useRef as useRef8, useState as useState17 } from "react";
 function useLivePreview(opts) {
   const debounceMs = opts.debounceMs ?? DEFAULT_DEBOUNCE_MS;
-  const [status, setStatus] = useState16("idle");
-  const [disabled, setDisabled] = useState16(false);
-  const timerRef = useRef7(null);
-  const generationRef = useRef7(0);
-  const latestRef = useRef7(0);
-  const inflightRef = useRef7(0);
-  const optsRef = useRef7(opts);
+  const [status, setStatus] = useState17("idle");
+  const [disabled, setDisabled] = useState17(false);
+  const timerRef = useRef8(null);
+  const generationRef = useRef8(0);
+  const latestRef = useRef8(0);
+  const inflightRef = useRef8(0);
+  const optsRef = useRef8(opts);
   useEffect11(() => {
     optsRef.current = opts;
   });
-  const disabledRef = useRef7(disabled);
+  const disabledRef = useRef8(disabled);
   useEffect11(() => {
     disabledRef.current = disabled;
   }, [disabled]);
@@ -25738,7 +25925,7 @@ var init_useLivePreview = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/hooks/useReviewPreview.ts
-import { useCallback as useCallback6, useEffect as useEffect12, useState as useState17 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect12, useState as useState18 } from "react";
 function useReviewPreview({
   components,
   loading,
@@ -25752,8 +25939,8 @@ function useReviewPreview({
   deleteAllComponents,
   onResult
 }) {
-  const [previewAnnotations, setPreviewAnnotations] = useState17(/* @__PURE__ */ new Map());
-  const [removedComponents, setRemovedComponents] = useState17([]);
+  const [previewAnnotations, setPreviewAnnotations] = useState18(/* @__PURE__ */ new Map());
+  const [removedComponents, setRemovedComponents] = useState18([]);
   const handleResult = useCallback6(
     (response) => {
       if (!response) return;
@@ -25779,7 +25966,7 @@ function useReviewPreview({
     onResult: handleResult,
     deleteAllComponents
   });
-  const [spinnerTick, setSpinnerTick] = useState17(0);
+  const [spinnerTick, setSpinnerTick] = useState18(0);
   useEffect12(() => {
     if (livePreviewHook.status !== "running") return;
     const id = setInterval(() => setSpinnerTick((tick2) => tick2 + 1), 80);
@@ -25805,8 +25992,8 @@ var init_useReviewPreview = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/LivePreviewSummary.tsx
-import { Box as Box36, Text as Text40 } from "ink";
-import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Box as Box37, Text as Text41 } from "ink";
+import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 function LivePreviewSummary({
   enabled,
   previewAnnotations,
@@ -25820,19 +26007,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__ */ jsx45(Text40, { dimColor: true, children: "Preview: disabled (creds rejected)" });
-  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx45(Text40, { dimColor: true, children: `Preview: ${spinner} running...` });
+  if (disabled) return /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "Preview: disabled (creds rejected)" });
+  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: `Preview: ${spinner} running...` });
   if (!hasCounts) return null;
-  return /* @__PURE__ */ jsxs37(Box36, { children: [
-    /* @__PURE__ */ jsx45(Text40, { children: "Preview: " }),
-    /* @__PURE__ */ jsx45(Text40, { color: PALETTE.success, children: `${counts.new} new` }),
-    /* @__PURE__ */ jsx45(Text40, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx45(Text40, { color: PALETTE.warning, children: `${counts.changed} changed` }),
-    /* @__PURE__ */ jsx45(Text40, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx45(Text40, { dimColor: true, children: `${counts.removed} removed` }),
-    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx45(Text40, { dimColor: true, children: " ([d] removed list)" }),
-    /* @__PURE__ */ jsx45(Text40, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx45(Text40, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
+  return /* @__PURE__ */ jsxs38(Box37, { children: [
+    /* @__PURE__ */ jsx46(Text41, { children: "Preview: " }),
+    /* @__PURE__ */ jsx46(Text41, { color: PALETTE.success, children: `${counts.new} new` }),
+    /* @__PURE__ */ jsx46(Text41, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx46(Text41, { color: PALETTE.warning, children: `${counts.changed} changed` }),
+    /* @__PURE__ */ jsx46(Text41, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: `${counts.removed} removed` }),
+    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: " ([d] removed list)" }),
+    /* @__PURE__ */ jsx46(Text41, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx46(Text41, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
   ] });
 }
 var init_LivePreviewSummary = __esm({
@@ -25843,10 +26030,10 @@ var init_LivePreviewSummary = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/GenerateReviewStep.tsx
-import { useCallback as useCallback7, useEffect as useEffect13, useMemo as useMemo3, useRef as useRef8, useState as useState18 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect13, useMemo as useMemo3, useRef as useRef9, useState as useState19 } from "react";
 import figures6 from "figures";
-import { Box as Box37, Text as Text41 } from "ink";
-import { Fragment as Fragment18, jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Box as Box38, Text as Text42 } from "ink";
+import { Fragment as Fragment19, jsx as jsx47, jsxs as jsxs39 } 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) => {
@@ -25887,10 +26074,10 @@ function CyclePathLine({
   highlightComponents = false,
   highlightLine = false
 }) {
-  return /* @__PURE__ */ jsxs38(Text41, { color: highlightLine ? PALETTE.warning : void 0, children: [
+  return /* @__PURE__ */ jsxs39(Text42, { color: highlightLine ? PALETTE.warning : void 0, children: [
     prefix,
     segments.map(
-      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx46(Text41, { color: PALETTE.info, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: segment.text }, index) : /* @__PURE__ */ jsx46(Text41, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
+      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx47(Text42, { color: PALETTE.info, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: segment.text }, index) : /* @__PURE__ */ jsx47(Text42, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
     )
   ] });
 }
@@ -25902,31 +26089,31 @@ function CycleDetailPanel({
   height
 }) {
   const lines = [
-    /* @__PURE__ */ jsx46(Text41, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
-    /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "push will fail until these are resolved" }, "cyc-sub"),
-    /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
-    /* @__PURE__ */ jsx46(Text41, { children: " " }, "cyc-space")
+    /* @__PURE__ */ jsx47(Text42, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
+    /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "push will fail until these are resolved" }, "cyc-sub"),
+    /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
+    /* @__PURE__ */ jsx47(Text42, { children: " " }, "cyc-space")
   ];
   cycles.forEach((cycle, index) => {
     const nodeCount = new Set(cycle.path).size;
     const isCursor = index === cursor;
     lines.push(
-      /* @__PURE__ */ jsx46(Text41, { bold: true, inverse: isCursor, children: `${isCursor ? figures6.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
-      /* @__PURE__ */ jsx46(CyclePathLine, { segments: formatCyclePathSegments(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
+      /* @__PURE__ */ jsx47(Text42, { bold: true, inverse: isCursor, children: `${isCursor ? figures6.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
+      /* @__PURE__ */ jsx47(CyclePathLine, { segments: formatCyclePathSegments(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
     );
     if (cycle.suggestedBreak) {
       lines.push(
-        /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
+        /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
       );
     }
-    lines.push(/* @__PURE__ */ jsx46(Text41, { children: " " }, `cyc-s-${index}`));
+    lines.push(/* @__PURE__ */ jsx47(Text42, { 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__ */ jsxs38(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
+  return /* @__PURE__ */ jsxs39(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
     visible,
-    /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: footer })
+    /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: footer })
   ] });
 }
 function BreakCyclePanel({
@@ -25937,14 +26124,14 @@ function BreakCyclePanel({
   width,
   height
 }) {
-  return /* @__PURE__ */ jsxs38(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
-    /* @__PURE__ */ jsx46(Text41, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
-    cycle && /* @__PURE__ */ jsx46(CyclePathLine, { segments: formatCyclePathSegments(cycle), prefix: "  ", highlightComponents: true }),
-    /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
-    /* @__PURE__ */ jsx46(Text41, { children: " " }),
-    edges.length > 0 && /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "remove slot edge:" }),
-    edges.map((edge, index) => /* @__PURE__ */ jsx46(Text41, { 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__ */ jsx46(Text41, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
+  return /* @__PURE__ */ jsxs39(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
+    /* @__PURE__ */ jsx47(Text42, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
+    cycle && /* @__PURE__ */ jsx47(CyclePathLine, { segments: formatCyclePathSegments(cycle), prefix: "  ", highlightComponents: true }),
+    /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
+    /* @__PURE__ */ jsx47(Text42, { children: " " }),
+    edges.length > 0 && /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "remove slot edge:" }),
+    edges.map((edge, index) => /* @__PURE__ */ jsx47(Text42, { 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__ */ jsx47(Text42, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
   ] });
 }
 function buildBreakingRows(breakingChanges) {
@@ -25990,9 +26177,9 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    return /* @__PURE__ */ jsx46(Box37, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx46(Text41, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
+    return /* @__PURE__ */ jsx47(Box38, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx47(Text42, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
   }
-  return /* @__PURE__ */ jsx46(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
+  return /* @__PURE__ */ jsx47(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
 function GenerateReviewStepView({
   extractSessionId,
@@ -26008,7 +26195,7 @@ function GenerateReviewStepView({
   initialFinalizeError = null
 }) {
   const { columns: terminalWidth, rows: terminalRows } = useTerminalSize();
-  const [slotCycles, setSlotCycles] = useState18([]);
+  const [slotCycles, setSlotCycles] = useState19([]);
   const setLoadedSlotCycles = useCallback7((cycles) => {
     setSlotCycles(cycles ?? []);
   }, []);
@@ -26040,7 +26227,7 @@ function GenerateReviewStepView({
     tokensPath,
     onExtraLoaded: setLoadedSlotCycles
   });
-  const [nav, setNav] = useState18({
+  const [nav, setNav] = useState19({
     cursorRowIdx: 0,
     sidebarScrollOffset: 0
   });
@@ -26056,10 +26243,10 @@ function GenerateReviewStepView({
     finalizeError,
     setFinalizeError
   } = reviewSurface;
-  const [removedBannerCollapsed, setRemovedBannerCollapsed] = useState18(false);
-  const removedBannerDefaultedRef = useRef8(false);
-  const [cyclePanelScroll, setCyclePanelScroll] = useState18(0);
-  const [cyclesCursor, setCyclesCursor] = useState18(0);
+  const [removedBannerCollapsed, setRemovedBannerCollapsed] = useState19(false);
+  const removedBannerDefaultedRef = useRef9(false);
+  const [cyclePanelScroll, setCyclePanelScroll] = useState19(0);
+  const [cyclesCursor, setCyclesCursor] = useState19(0);
   const cyclePanel = useOverlayPanel({
     toggleKey: "c",
     onClose: () => {
@@ -26074,10 +26261,10 @@ function GenerateReviewStepView({
       setBreakConfirm(false);
     }
   });
-  const [breakCursor, setBreakCursor] = useState18(0);
-  const [breakConfirm, setBreakConfirm] = useState18(false);
-  const [expandedGroups, setExpandedGroups] = useState18(/* @__PURE__ */ new Set());
-  const seededGroupsRef = useRef8(false);
+  const [breakCursor, setBreakCursor] = useState19(0);
+  const [breakConfirm, setBreakConfirm] = useState19(false);
+  const [expandedGroups, setExpandedGroups] = useState19(/* @__PURE__ */ new Set());
+  const seededGroupsRef = useRef9(false);
   const {
     searchOpen,
     setSearchOpen,
@@ -26095,14 +26282,14 @@ function GenerateReviewStepView({
     setShowHelp
   } = useSidebarSearchState();
   const breakingPanel = useOverlayPanel({ toggleKey: "b", onClose: () => setBreakingDetailOpen(false) });
-  const [breakingChanges, setBreakingChanges] = useState18([]);
-  const [breakingCursor, setBreakingCursor] = useState18(0);
-  const [breakingDetailOpen, setBreakingDetailOpen] = useState18(false);
-  const [pendingEditorFocus, setPendingEditorFocus] = useState18(null);
-  const [autoRejected, setAutoRejected] = useState18([]);
-  const [undoSnapshot, setUndoSnapshot] = useState18(null);
-  const autoRejectFiredRef = useRef8(false);
-  const [showReloadDialog, setShowReloadDialog] = useState18(false);
+  const [breakingChanges, setBreakingChanges] = useState19([]);
+  const [breakingCursor, setBreakingCursor] = useState19(0);
+  const [breakingDetailOpen, setBreakingDetailOpen] = useState19(false);
+  const [pendingEditorFocus, setPendingEditorFocus] = useState19(null);
+  const [autoRejected, setAutoRejected] = useState19([]);
+  const [undoSnapshot, setUndoSnapshot] = useState19(null);
+  const autoRejectFiredRef = useRef9(false);
+  const [showReloadDialog, setShowReloadDialog] = useState19(false);
   const acceptedCountForPreview = components.filter((c2) => c2.status === "accepted").length;
   const { previewAnnotations, removedComponents, livePreviewHook, livePreviewSpinner } = useReviewPreview({
     components,
@@ -26234,7 +26421,7 @@ function GenerateReviewStepView({
     }),
     applySnapshot: applyHistorySnapshot
   });
-  const autoRejectPushedRef = useRef8(false);
+  const autoRejectPushedRef = useRef9(false);
   useEffect13(() => {
     if (loading) return;
     if (!historySeededRef.current) return;
@@ -26849,13 +27036,13 @@ function GenerateReviewStepView({
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx46(ReviewLoadingState, {});
+    return /* @__PURE__ */ jsx47(ReviewLoadingState, {});
   }
   if (loadError) {
-    return /* @__PURE__ */ jsx46(ReviewLoadError, { message: loadError });
+    return /* @__PURE__ */ jsx47(ReviewLoadError, { message: loadError });
   }
   if (showHelp) {
-    return /* @__PURE__ */ jsx46(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
+    return /* @__PURE__ */ jsx47(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
   }
   const { selected, selectedJson, visibleJsonPanelValue } = getReviewSelectionState(
     components,
@@ -26895,8 +27082,8 @@ function GenerateReviewStepView({
     for (const c2 of closures.values()) if (c2.nodes.length > 1) return true;
     return false;
   })();
-  return /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx47(
       ReviewStepDialogs,
       {
         surfaceState: reviewSurface,
@@ -26906,16 +27093,16 @@ function GenerateReviewStepView({
         onQuit
       }
     ),
-    /* @__PURE__ */ jsx46(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
-    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
-      /* @__PURE__ */ jsx46(Text41, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
-      !removedBannerCollapsed && /* @__PURE__ */ jsxs38(Fragment18, { children: [
-        /* @__PURE__ */ jsx46(Text41, { children: " " }),
-        removedComponents.map((rc) => /* @__PURE__ */ jsx46(Text41, { children: removedComponentLine(rc) }, rc.id))
+    /* @__PURE__ */ jsx47(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
+    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
+      /* @__PURE__ */ jsx47(Text42, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
+      !removedBannerCollapsed && /* @__PURE__ */ jsxs39(Fragment19, { children: [
+        /* @__PURE__ */ jsx47(Text42, { children: " " }),
+        removedComponents.map((rc) => /* @__PURE__ */ jsx47(Text42, { children: removedComponentLine(rc) }, rc.id))
       ] })
     ] }),
-    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx46(Box37, { paddingX: 1, children: /* @__PURE__ */ jsx46(
-      Text41,
+    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx47(Box38, { paddingX: 1, children: /* @__PURE__ */ jsx47(
+      Text42,
       {
         color: PALETTE.warning,
         children: `[b] ${breakingChanges.length} breaking change${breakingChanges.length === 1 ? "" : "s"}`
@@ -26925,14 +27112,14 @@ function GenerateReviewStepView({
       const row = breakingRows[breakingCursor];
       const comp = row ? breakingChanges.find((b) => b.componentName === row.componentName) : void 0;
       if (!comp) return null;
-      return /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx46(Text41, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
-        comp.impact && /* @__PURE__ */ jsx46(Text41, { 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__ */ jsx46(Text41, { dimColor: true, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx46(Text41, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
-        /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "[D/Esc] close detail" })
+      return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+        /* @__PURE__ */ jsx47(Text42, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
+        comp.impact && /* @__PURE__ */ jsx47(Text42, { 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__ */ jsx47(Text42, { dimColor: true, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx47(Text42, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
+        /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "[D/Esc] close detail" })
       ] });
     })(),
-    !dialogOpen && /* @__PURE__ */ jsx46(
+    !dialogOpen && /* @__PURE__ */ jsx47(
       LivePreviewSummary,
       {
         enabled: livePreview,
@@ -26951,16 +27138,16 @@ function GenerateReviewStepView({
       const participantSet = cycleView.structural;
       const members = stillRejected.filter((n) => participantSet.has(n)).sort();
       const ancestors = stillRejected.filter((n) => !participantSet.has(n)).sort();
-      return /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
-        /* @__PURE__ */ jsx46(Text41, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
-        members.length > 0 && /* @__PURE__ */ jsx46(Text41, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
-        ancestors.length > 0 && /* @__PURE__ */ jsx46(Text41, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
-        /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
+      return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
+        /* @__PURE__ */ jsx47(Text42, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
+        members.length > 0 && /* @__PURE__ */ jsx47(Text42, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
+        ancestors.length > 0 && /* @__PURE__ */ jsx47(Text42, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
+        /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
       ] });
     })(),
-    /* @__PURE__ */ jsx46(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
-    /* @__PURE__ */ jsx46(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
-    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx47(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
+    /* @__PURE__ */ jsx47(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
+    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx47(
       BreakCyclePanel,
       {
         cycle: cycleRows[cyclesCursor],
@@ -26971,7 +27158,7 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx46(
+    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx47(
       CycleDetailPanel,
       {
         cycles: cycleRows,
@@ -26981,8 +27168,8 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs38(Box37, { children: [
-      breakingPanel.isOpen ? /* @__PURE__ */ jsx46(
+    !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs39(Box38, { children: [
+      breakingPanel.isOpen ? /* @__PURE__ */ jsx47(
         GotoBanner,
         {
           title: `Breaking changes \u2014 ${breakingRows[breakingCursor]?.componentName ?? "unknown component"}`,
@@ -26995,7 +27182,7 @@ function GenerateReviewStepView({
           width: sidebarWidth,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [D] detail \xB7 [Esc] close"
         }
-      ) : /* @__PURE__ */ jsx46(
+      ) : /* @__PURE__ */ jsx47(
         GroupedSidebar,
         {
           items: groupedItems,
@@ -27035,7 +27222,7 @@ function GenerateReviewStepView({
           graph: sidebarGraph
         }
       ),
-      selected ? /* @__PURE__ */ jsx46(
+      selected ? /* @__PURE__ */ jsx47(
         ReviewComponentPanel,
         {
           selectedKey: selected.key,
@@ -27067,12 +27254,12 @@ function GenerateReviewStepView({
           livePreview: livePreviewHook,
           livePreviewSpinner
         }
-      ) : /* @__PURE__ */ jsx46(ReviewNoSelection, {})
+      ) : /* @__PURE__ */ jsx47(ReviewNoSelection, {})
     ] }),
-    !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx46(Text41, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
+    !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx47(Text42, { 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__ */ jsx46(
+        return /* @__PURE__ */ jsx47(
           CyclePathLine,
           {
             segments: formatCyclePathSegments(cycle),
@@ -27083,10 +27270,10 @@ function GenerateReviewStepView({
           `cyc-banner-${idx}`
         );
       }),
-      cycleRows.length > 3 && /* @__PURE__ */ jsx46(Text41, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
-      /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "  press [c] for detail" })
+      cycleRows.length > 3 && /* @__PURE__ */ jsx47(Text42, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
+      /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "  press [c] for detail" })
     ] }),
-    /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx47(
       SearchMatchSummary,
       {
         open: searchOpen,
@@ -27097,7 +27284,7 @@ function GenerateReviewStepView({
         hidden: dialogOpen
       }
     ),
-    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx46(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
+    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx47(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
   ] });
 }
 var HELP_SECTIONS2;
@@ -27486,8 +27673,8 @@ __export(WizardApp_exports, {
   parsePrintTokensCount: () => parsePrintTokensCount,
   shouldRunMapTokens: () => shouldRunMapTokens
 });
-import { useEffect as useEffect14, useRef as useRef9, useState as useState19 } from "react";
-import { Box as Box38, Text as Text42 } from "ink";
+import { useEffect as useEffect14, useRef as useRef10, useState as useState20 } from "react";
+import { Box as Box39, Text as Text43 } from "ink";
 import { join as join20, resolve as resolve18 } from "node:path";
 import { appendFileSync as appendFileSync2, writeFileSync } from "node:fs";
 import { access as access7, stat as stat5, writeFile as writeFile5 } from "node:fs/promises";
@@ -27495,7 +27682,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 jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs40 } 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);
@@ -27623,36 +27810,41 @@ function WizardApp({
 } = {}) {
   const defaultConfiguredHost = toConfiguredHost(host || process.env["EDS_HOST"]) ?? DEFAULT_CONFIGURED_HOST;
   const resolveWizardHost = (hostValue) => hostValue || defaultConfiguredHost;
+  const credentialKey = (spaceId, environmentId, cmaToken, hostValue) => [spaceId.trim(), environmentId.trim(), cmaToken.trim(), resolveWizardHost(hostValue)].join("\0");
   const { columns: terminalWidth } = useTerminalSize();
   const clearScreenOnTransition = useScreenTransitionClear();
-  const logInit = useRef9(false);
-  const initialAgentAuthRef = useRef9(initialAgentAuth ?? null);
+  const logInit = useRef10(false);
+  const initialAgentAuthRef = useRef10(initialAgentAuth ?? null);
   if (!logInit.current) {
     writeFileSync(WIZARD_LOG, `--- experiences import session ${(/* @__PURE__ */ new Date()).toISOString()} ---
 `);
     logInit.current = true;
   }
-  const sessionRef = useRef9({
+  const sessionRef = useRef10({
     extractSessionId: null,
     tokensPath: ""
   });
-  const allowEmptyDeleteAllRef = useRef9(false);
-  const generationCachePreflightRef = useRef9(null);
-  const selectionToReviewStartedAtRef = useRef9(null);
-  const tokenGenerationPromiseRef = useRef9(null);
-  const extractPromiseRef = useRef9(null);
-  const extractStartedRef = useRef9(false);
-  const credentialsReadyRef = useRef9(false);
-  const agentAuthVerifiedRef = useRef9(false);
-  const scopeGateCompletedRef = useRef9(false);
-  const scopeComponentsRef = useRef9(null);
-  const existingEntitiesPromiseRef = useRef9(null);
-  const generatePromiseRef = useRef9(null);
+  const allowEmptyDeleteAllRef = useRef10(false);
+  const generateChildRef = useRef10(null);
+  const generationCachePreflightRef = useRef10(null);
+  const selectionToReviewStartedAtRef = useRef10(null);
+  const credentialsValidationIdRef = useRef10(0);
+  const pendingCredentialValidationRef = useRef10(null);
+  const validatedCredentialsKeyRef = useRef10(null);
+  const tokenGenerationPromiseRef = useRef10(null);
+  const extractPromiseRef = useRef10(null);
+  const extractStartedRef = useRef10(false);
+  const credentialsReadyRef = useRef10(false);
+  const agentAuthVerifiedRef = useRef10(false);
+  const scopeGateCompletedRef = useRef10(false);
+  const scopeComponentsRef = useRef10(null);
+  const existingEntitiesPromiseRef = useRef10(null);
+  const generatePromiseRef = useRef10(null);
   const rawTokensEntryReady = !!initialRawTokensPath;
   const effectiveNoCache = resolveNoCacheForGenerate({ cliNoCache: noCache });
   const initialStepResolved = "credentials";
   const initialOutDir = initialProjectPath ? join20(resolve18(initialProjectPath), ".contentful") : "";
-  const [state, setState] = useState19({
+  const [state, setState] = useState20({
     step: initialStepResolved,
     agent: initialAgent ?? "claude",
     ...initialModel ? { agentModel: initialModel } : {},
@@ -27699,6 +27891,8 @@ function WizardApp({
     previewValidationMissingNames: [],
     credentialsValidating: false,
     credentialsBackgroundValidating: false,
+    generatePrefetchStatus: "idle",
+    generatePrefetchError: null,
     mapTokensEligible: null,
     credentialsSkipped: false,
     existingEntitiesPath: null,
@@ -28190,6 +28384,23 @@ Make sure this path contains TypeScript/React/Vue component files (.tsx, .ts, .v
       extractPromiseRef.current = null;
     });
   };
+  const cancelGeneratePrefetch = () => {
+    const child = generateChildRef.current;
+    if (child && !child.killed) {
+      try {
+        child.kill("SIGTERM");
+      } catch {
+      }
+    }
+    generateChildRef.current = null;
+    generatePromiseRef.current = null;
+    setState((prev) => ({
+      ...prev,
+      generatePrefetchStatus: "idle",
+      generatePrefetchError: null,
+      generateProgress: null
+    }));
+  };
   const buildGenerateOptions = (extractSessionId, tokensPath, generatePromptPath2, cachedComponents) => ({
     sessionId: extractSessionId,
     tokensPath,
@@ -28320,6 +28531,60 @@ Make sure this path contains TypeScript/React/Vue component files (.tsx, .ts, .v
     state.existingEntitiesStatus,
     state.existingEntitiesPath
   ]);
+  const startGeneratePrefetch = (extractSessionId, tokensPath) => {
+    const args = buildGenerateArgs(extractSessionId, tokensPath);
+    let progressCursor = null;
+    const { child, donePromise } = spawnGenerateChild({
+      command: "node",
+      args,
+      onStderr: (chunk) => {
+        const nextProgress = parseGenerateStderrChunk(chunk, progressCursor);
+        if (nextProgress !== progressCursor) {
+          progressCursor = nextProgress;
+          setState((prev) => ({ ...prev, generateProgress: nextProgress }));
+        }
+      }
+    });
+    generateChildRef.current = child;
+    generatePromiseRef.current = donePromise;
+    setState((prev) => ({
+      ...prev,
+      generatePrefetchStatus: "running",
+      generatePrefetchError: null
+    }));
+    donePromise.then((result) => {
+      generateChildRef.current = null;
+      if (result.signal === "SIGTERM") {
+        return;
+      }
+      if (result.exitCode !== 0) {
+        const tail = result.stderr.trim().split("\n").slice(-3).join("\n") || `exit ${result.exitCode}`;
+        setState((prev) => ({
+          ...prev,
+          generatePrefetchStatus: "failed",
+          generatePrefetchError: tail,
+          generateProgress: null
+        }));
+        return;
+      }
+      const { generateSessionId: generateSessionId2, generatedCount } = parseGenerateResult(result, 0);
+      setState((prev) => ({
+        ...prev,
+        generateSessionId: generateSessionId2,
+        generatedCount,
+        generateProgress: null,
+        generatePrefetchStatus: "complete"
+      }));
+    }).catch(() => {
+      generateChildRef.current = null;
+      setState((prev) => ({
+        ...prev,
+        generatePrefetchStatus: "failed",
+        generatePrefetchError: "subprocess error"
+      }));
+    });
+    return donePromise;
+  };
   const runGenerate = async (extractSessionId, tokensPath, acceptedCount, suppressScreen = false, cachedComponents = []) => {
     const timer = startWizardTimer("component-generation", {
       sessionId: extractSessionId,
@@ -28428,7 +28693,136 @@ Make sure this path contains TypeScript/React/Vue component files (.tsx, .ts, .v
     const { extractSessionId: sid, tokensPath: tp } = sessionRef.current;
     void runPreview(sid, tp, state.spaceId, state.environmentId, state.cmaToken, state.host);
   };
-  const advanceAfterCredentialsValidated = async () => {
+  const advanceWithCredentials = async (spaceId, environmentId, cmaToken, host2) => {
+    const resolvedHost = resolveWizardHost(host2);
+    const key = credentialKey(spaceId, environmentId, cmaToken, resolvedHost);
+    if (validatedCredentialsKeyRef.current === key) {
+      await advanceAfterCredentialsValidated();
+      return;
+    }
+    const pending2 = pendingCredentialValidationRef.current;
+    if (pending2?.key === key) {
+      if (await pending2.promise) await advanceAfterCredentialsValidated();
+      return;
+    }
+    await validateCredentials(spaceId, environmentId, cmaToken, resolvedHost);
+  };
+  const confirmCredentials = async (spaceId, environmentId, cmaToken, host2) => {
+    const resolvedHost = resolveWizardHost(host2);
+    try {
+      const stored = await readExperiencesCredentials();
+      await writeExperiencesCredentials({
+        ...stored,
+        spaceId,
+        environmentId,
+        cmaToken,
+        host: resolvedHost
+      });
+      advanceWithCredentials(spaceId, environmentId, cmaToken, resolvedHost);
+    } catch (e) {
+      const message = e instanceof Error ? e.message : "Unable to save credentials";
+      update({
+        spaceId,
+        environmentId,
+        cmaToken,
+        host: resolvedHost,
+        credentialsError: `Failed to save credentials: ${message}`,
+        step: "credentials"
+      });
+    }
+  };
+  const validateCredentials = async (spaceId, environmentId, cmaToken, host2, options = {}) => {
+    const validationId = options.validationId ?? ++credentialsValidationIdRef.current;
+    const isCurrent = () => credentialsValidationIdRef.current === validationId;
+    const key = credentialKey(spaceId, environmentId, cmaToken, host2);
+    update({
+      step: "credentials",
+      credentialsValidating: true,
+      credentialsBackgroundValidating: options.background === true,
+      credentialsError: ""
+    });
+    try {
+      const resolvedHost = resolveWizardHost(host2);
+      const client2 = new ImportApiClient({
+        cmaToken,
+        spaceId,
+        environmentId,
+        host: resolvedHost
+      });
+      await client2.validateToken();
+      if (!isCurrent()) return false;
+      validatedCredentialsKeyRef.current = key;
+      update({
+        spaceId,
+        environmentId,
+        cmaToken,
+        host: resolvedHost,
+        credentialsValidating: false,
+        credentialsBackgroundValidating: false
+      });
+      if (options.background) return true;
+      await advanceAfterCredentialsValidated(validationId);
+      return true;
+    } catch (e) {
+      if (!isCurrent()) return false;
+      if (e instanceof ApiError && (e.status === 401 || e.status === 403 || e.status === 404)) {
+        cancelGeneratePrefetch();
+        update({
+          step: "credentials",
+          credentialsValidating: false,
+          credentialsBackgroundValidating: false,
+          credentialsError: formatApiError(e, process.env["EDSI_VERBOSE_ERRORS"] === "1")
+        });
+        return false;
+      }
+      const msg = e instanceof Error ? e.message : "Credential check failed";
+      cancelGeneratePrefetch();
+      update({
+        step: "error",
+        errorStep: "validating-credentials",
+        errorMessage: msg,
+        errorAllowCredentialRetry: false,
+        credentialsValidating: false,
+        credentialsBackgroundValidating: false
+      });
+      return false;
+    }
+  };
+  const handleCredentialValuesChange = () => {
+    credentialsValidationIdRef.current += 1;
+    pendingCredentialValidationRef.current = null;
+    validatedCredentialsKeyRef.current = null;
+    if (state.credentialsValidating) {
+      update({ credentialsValidating: false, credentialsBackgroundValidating: false, credentialsError: "" });
+    }
+  };
+  useEffect14(() => {
+    if (state.step !== "credentials" || state.credentialsSkipped) return;
+    if (!state.spaceId.trim() || !state.environmentId.trim() || !state.cmaToken.trim()) return;
+    const validationId = ++credentialsValidationIdRef.current;
+    const key = credentialKey(state.spaceId, state.environmentId, state.cmaToken, state.host);
+    const promise = validateCredentials(state.spaceId, state.environmentId, state.cmaToken, state.host, {
+      background: true,
+      validationId
+    });
+    pendingCredentialValidationRef.current = { key, promise };
+    void promise.then(
+      () => {
+        if (pendingCredentialValidationRef.current?.promise === promise) pendingCredentialValidationRef.current = null;
+      },
+      () => {
+        if (pendingCredentialValidationRef.current?.promise === promise) pendingCredentialValidationRef.current = null;
+      }
+    );
+    return () => {
+      credentialsValidationIdRef.current += 1;
+      pendingCredentialValidationRef.current = null;
+    };
+  }, [state.step]);
+  const advanceAfterCredentialsValidated = async (validationId) => {
+    const isCurrent = () => validationId === void 0 || credentialsValidationIdRef.current === validationId;
+    if (!isCurrent()) return;
+    if (!isCurrent()) return;
     credentialsReadyRef.current = true;
     if (!sessionRef.current.extractSessionId && state.projectPath) {
       if (extractPromiseRef.current) update({ step: "extracting" });
@@ -28577,13 +28971,7 @@ Make sure this path contains TypeScript/React/Vue component files (.tsx, .ts, .v
             });
             return;
           }
-          update({
-            step: "error",
-            errorStep: "apply preview",
-            errorMessage: `${e.message}
-
-Re-run the import and enter credentials again.`
-          });
+          update({ step: "credentials", credentialsError: e.message });
           return;
         }
         if (e.status === 404) {
@@ -28855,7 +29243,7 @@ If using a custom host configuration, make sure the space exists on that host.`
   const runSaveAndPush = async (statePatch = {}) => {
     await startSaveFlow({ skipGate: true, andPush: true }, statePatch);
   };
-  const pendingSaveOptionsRef = useRef9({});
+  const pendingSaveOptionsRef = useRef10({});
   const startSaveFlow = async (opts = {}, statePatch = {}) => {
     pendingSaveOptionsRef.current = opts;
     update({ ...statePatch, step: "path-prompt" });
@@ -28918,8 +29306,7 @@ If using a custom host configuration, make sure the space exists on that host.`
       void runPreview(extractSessionId, tokensPath, state.spaceId, state.environmentId, state.cmaToken, state.host);
     }
   };
-  const tokenReuseChecked = useRef9(false);
-  const [tokenReuseSettled, setTokenReuseSettled] = useState19(!state.rawTokensPath);
+  const tokenReuseChecked = useRef10(false);
   useEffect14(() => {
     if (state.rawTokensPath) {
       if (tokenReuseChecked.current) return;
@@ -28929,7 +29316,6 @@ If using a custom host configuration, make sure the space exists on that host.`
         tokenGenerationPromiseRef.current = runAgentAuthCheck("credentials").then(
           (ok2) => ok2 ? runGenerateTokens(state.rawTokensPath, state.outDir) : false
         );
-        setTokenReuseSettled(true);
         return;
       }
       (async () => {
@@ -28949,18 +29335,10 @@ If using a custom host configuration, make sure the space exists on that host.`
           tokenGenerationPromiseRef.current = runAgentAuthCheck("credentials").then(
             (ok2) => ok2 ? runGenerateTokens(state.rawTokensPath, state.outDir) : false
           );
-          setTokenReuseSettled(true);
         }
       })();
     }
   }, [state.rawTokensPath]);
-  const credentialsHandedOff = useRef9(false);
-  useEffect14(() => {
-    if (state.step !== "credentials" || !tokenReuseSettled || credentialsHandedOff.current) return;
-    credentialsHandedOff.current = true;
-    if (process.env["EDS_IMPORT_SKIP_CREDENTIALS"] === "1") update({ credentialsSkipped: true });
-    void advanceAfterCredentialsValidated();
-  }, [state.step, tokenReuseSettled]);
   const noQuitSteps = [
     "checking-claude-auth",
     "validating-credentials",
@@ -28979,7 +29357,7 @@ If using a custom host configuration, make sure the space exists on that host.`
   const stepContent = (() => {
     switch (state.step) {
       case "token-reuse-gate":
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           GateStep,
           {
             successMessage: "Existing tokens.json found",
@@ -28992,17 +29370,13 @@ Tokens Path: ${state.tokensPath}`,
             continueLabel: "Reuse existing tokens",
             skipLabel: "Regenerate tokens",
             showSkip: true,
-            onContinue: () => {
-              setTokenReuseSettled(true);
-              update({
-                step: "credentials",
-                tokenSessionId: null,
-                tokenGenerationStatus: "complete"
-              });
-            },
+            onContinue: () => update({
+              step: "credentials",
+              tokenSessionId: null,
+              tokenGenerationStatus: "complete"
+            }),
             onSkip: async () => {
               update({ tokenSourceChanged: null });
-              setTokenReuseSettled(true);
               update({ step: "credentials" });
               if (await runAgentAuthCheck("credentials")) {
                 tokenGenerationPromiseRef.current = runGenerateTokens(state.rawTokensPath, state.outDir, true);
@@ -29012,7 +29386,7 @@ Tokens Path: ${state.tokensPath}`,
           }
         );
       case "checking-claude-auth":
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           RunningStep,
           {
             stepNumber: state.authCheckStepNumber,
@@ -29039,7 +29413,7 @@ Tokens Path: ${state.tokensPath}`,
         }
         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__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           RunningStep,
           {
             stepNumber: hasTokenStage ? 2 : 1,
@@ -29061,7 +29435,7 @@ Tokens Path: ${state.tokensPath}`,
       }
       case "scope-gate": {
         if (!state.extractSessionId) {
-          return /* @__PURE__ */ jsx47(Box38, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx47(Text42, { color: PALETTE.error, children: "Error: extract session ID missing \u2014 please re-run." }) });
+          return /* @__PURE__ */ jsx48(Box39, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx48(Text43, { color: PALETTE.error, children: "Error: extract session ID missing \u2014 please re-run." }) });
         }
         const sessionId2 = state.extractSessionId;
         const db = openPipelineDb();
@@ -29077,7 +29451,7 @@ Tokens Path: ${state.tokensPath}`,
         }
         const rememberedForSession = scopeComponentsRef.current?.sessionId === sessionId2 ? scopeComponentsRef.current.components : null;
         const components = scopeGateCompletedRef.current && rememberedForSession ? rememberedForSession : loadedComponents.length > 0 ? loadedComponents : rememberedForSession ?? [];
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           ScopeGateStep,
           {
             components,
@@ -29173,7 +29547,7 @@ Tokens Path: ${state.tokensPath}`,
         const displayAgent = state.agent.charAt(0).toUpperCase() + state.agent.slice(1);
         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__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           RunningStep,
           {
             stepNumber: stepNum,
@@ -29190,7 +29564,7 @@ ${displayAgent} is mapping your selected components to Contentful's Component De
       }
       case "mapping-tokens": {
         const stepNum = hasTokenStage ? 5 : 4;
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           RunningStep,
           {
             stepNumber: stepNum,
@@ -29202,7 +29576,7 @@ ${displayAgent} is mapping your selected components to Contentful's Component De
         );
       }
       case "final-review": {
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           GenerateReviewStep,
           {
             extractSessionId: state.extractSessionId,
@@ -29260,17 +29634,42 @@ ${displayAgent} is mapping your selected components to Contentful's Component De
         );
       }
       case "credentials":
-        return /* @__PURE__ */ jsx47(
-          RunningStep,
+        return /* @__PURE__ */ jsx48(
+          CredentialsStep,
           {
-            stepNumber: 1,
-            totalSteps,
-            title: "Starting import",
-            description: "Using the credentials you just confirmed..."
+            initialSpaceId: state.spaceId,
+            initialEnvironmentId: state.environmentId,
+            initialCmaToken: state.cmaToken,
+            initialHost: state.host,
+            error: state.credentialsError || void 0,
+            validating: state.credentialsValidating,
+            backgroundValidating: state.credentialsBackgroundValidating,
+            generatePrefetchStatus: state.generatePrefetchStatus,
+            generatePrefetchError: state.generatePrefetchError,
+            onConfirm: (spaceId, environmentId, cmaToken, host2) => {
+              void confirmCredentials(spaceId, environmentId, cmaToken, host2);
+            },
+            onValuesChange: handleCredentialValuesChange,
+            onContinue: (spaceId, environmentId, cmaToken, host2) => {
+              void confirmCredentials(spaceId, environmentId, cmaToken, host2);
+            },
+            onRetryPrefetch: state.generatePrefetchStatus === "failed" && sessionRef.current.extractSessionId ? () => {
+              const sid = sessionRef.current.extractSessionId;
+              void startGeneratePrefetch(sid, state.tokensPath);
+            } : void 0,
+            onSkip: () => {
+              update({ credentialsSkipped: true, credentialsError: "" });
+              credentialsReadyRef.current = true;
+              void advanceAfterCredentialsValidated();
+            },
+            onQuit: () => {
+              cancelGeneratePrefetch();
+              process.exit(0);
+            }
           }
         );
       case "previewing":
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -29281,7 +29680,7 @@ ${displayAgent} is mapping your selected components to Contentful's Component De
         );
       case "preview-gate": {
         const editableComponentCount = extractComponents(state.cdf).length;
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           WizardPreviewStep,
           {
             preview: state.serverPreview,
@@ -29306,9 +29705,9 @@ ${displayAgent} is mapping your selected components to Contentful's Component De
         );
       }
       case "pushing":
-        return /* @__PURE__ */ jsx47(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state.pushProgress });
+        return /* @__PURE__ */ jsx48(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state.pushProgress });
       case "path-prompt":
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           PathPrompt,
           {
             defaultPath: state.outDir,
@@ -29329,7 +29728,7 @@ ${displayAgent} is mapping your selected components to Contentful's Component De
           }
         );
       case "printing":
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -29340,7 +29739,7 @@ ${displayAgent} is mapping your selected components to Contentful's Component De
         );
       case "print-gate": {
         const teaser = buildRunTeaserLine(state.lastRunId);
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           GateStep,
           {
             successMessage: "Files saved",
@@ -29357,7 +29756,7 @@ ${displayAgent} is mapping your selected components to Contentful's Component De
       }
       case "done": {
         const totalFailed = state.pushResult.componentTypes.failed + state.pushResult.designTokens.failed;
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           DoneStep,
           {
             componentTypes: state.pushResult.componentTypes,
@@ -29372,7 +29771,7 @@ ${displayAgent} is mapping your selected components to Contentful's Component De
         );
       }
       case "preview-validation-error": {
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           PreviewValidationErrorStep,
           {
             errors: state.previewValidationErrors,
@@ -29388,12 +29787,13 @@ ${displayAgent} is mapping your selected components to Contentful's Component De
         );
       }
       case "error":
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx48(
           ErrorStep,
           {
             stepName: state.errorStep,
             message: state.errorMessage,
             onExit: () => process.exit(1),
+            onRetryCredentials: state.errorAllowCredentialRetry ? () => update({ step: "credentials", credentialsError: "" }) : void 0,
             onAcknowledgeBreakingChanges: state.errorAllowBreakingChangeAcknowledgment && state.cdf ? () => void runPush(
               state.cdf,
               state.spaceId,
@@ -29409,9 +29809,9 @@ ${displayAgent} is mapping your selected components to Contentful's Component De
         return null;
     }
   })();
-  return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", width: terminalWidth, children: [
-    /* @__PURE__ */ jsx47(TopBar, { subcommand: "import", hints }),
-    /* @__PURE__ */ jsx47(CustomPromptBanner, { generatePromptPath }),
+  return /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", width: terminalWidth, children: [
+    /* @__PURE__ */ jsx48(TopBar, { subcommand: "import", hints }),
+    /* @__PURE__ */ jsx48(CustomPromptBanner, { generatePromptPath }),
     stepContent
   ] });
 }
@@ -29422,6 +29822,7 @@ var init_WizardApp = __esm({
     init_theme();
     init_run_teaser();
     init_debug_logger();
+    init_credentials_store();
     init_path_prompt();
     init_save_path_resolver();
     init_store();
@@ -29430,6 +29831,7 @@ var init_WizardApp = __esm({
     init_CustomPromptBanner();
     init_RunningStep();
     init_GateStep();
+    init_CredentialsStep();
     init_WizardPreviewStep();
     init_DoneStep();
     init_ErrorStep();
@@ -29935,9 +30337,9 @@ var init_command7 = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/SetupStepper.tsx
-import React13 from "react";
-import { Box as Box39, Text as Text43 } from "ink";
-import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
+import React14 from "react";
+import { Box as Box40, Text as Text44 } from "ink";
+import { jsx as jsx49, jsxs as jsxs41 } 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}]`;
@@ -29950,12 +30352,12 @@ function stepColor(state) {
 }
 function SetupStepper({ activeStep, columns }) {
   const wide = columns !== void 0 && columns >= WIDE_MIN_COLUMNS;
-  return /* @__PURE__ */ jsx48(Box39, { columnGap: wide ? 0 : COMPACT_GAP, children: SETUP_SCREENS.map((title, index) => {
+  return /* @__PURE__ */ jsx49(Box40, { 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__ */ jsxs40(React13.Fragment, { children: [
-      wide && index > 0 && /* @__PURE__ */ jsx48(Text43, { dimColor: true, children: WIDE_SEPARATOR }),
-      /* @__PURE__ */ jsx48(Text43, { bold: state === "active", dimColor: state === "pending", color: stepColor(state), children: stepLabel(step, title, state, wide) })
+    return /* @__PURE__ */ jsxs41(React14.Fragment, { children: [
+      wide && index > 0 && /* @__PURE__ */ jsx49(Text44, { dimColor: true, children: WIDE_SEPARATOR }),
+      /* @__PURE__ */ jsx49(Text44, { bold: state === "active", dimColor: state === "pending", color: stepColor(state), children: stepLabel(step, title, state, wide) })
     ] }, step);
   }) });
 }
@@ -29974,33 +30376,33 @@ var init_SetupStepper = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/StepLayout.tsx
-import { Box as Box40, Text as Text44 } from "ink";
-import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Box as Box41, Text as Text45 } from "ink";
+import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
 function StepLayout({ helpText, children, prompt }) {
-  return /* @__PURE__ */ jsxs41(Box40, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", children: [
     children,
-    prompt && /* @__PURE__ */ jsx49(Box40, { marginTop: 1, children: prompt }),
-    helpText && /* @__PURE__ */ jsx49(Box40, { marginTop: 1, children: /* @__PURE__ */ jsx49(Text44, { dimColor: true, children: helpText }) })
+    prompt && /* @__PURE__ */ jsx50(Box41, { marginTop: 1, children: prompt }),
+    helpText && /* @__PURE__ */ jsx50(Box41, { marginTop: 1, children: /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: helpText }) })
   ] });
 }
 function StepSuccess({ children }) {
-  return /* @__PURE__ */ jsxs41(Text44, { color: PALETTE.success, children: [
+  return /* @__PURE__ */ jsxs42(Text45, { color: PALETTE.success, children: [
     "\u2713 ",
     children
   ] });
 }
 function StepWarning({ children }) {
-  return /* @__PURE__ */ jsxs41(Text44, { color: PALETTE.warning, children: [
+  return /* @__PURE__ */ jsxs42(Text45, { color: PALETTE.warning, children: [
     "\u26A0 ",
     children
   ] });
 }
 function StepValue({ label, value }) {
   const color = value ? void 0 : PALETTE.warning;
-  return /* @__PURE__ */ jsxs41(Box40, { children: [
-    /* @__PURE__ */ jsx49(Box40, { width: 2, children: /* @__PURE__ */ jsx49(Text44, { color, children: value ? "" : "\u26A0" }) }),
-    /* @__PURE__ */ jsx49(Box40, { width: 20, flexShrink: 0, children: /* @__PURE__ */ jsx49(Text44, { color, children: label }) }),
-    /* @__PURE__ */ jsx49(Text44, { color, children: value || "(not set)" })
+  return /* @__PURE__ */ jsxs42(Box41, { children: [
+    /* @__PURE__ */ jsx50(Box41, { width: 2, children: /* @__PURE__ */ jsx50(Text45, { color, children: value ? "" : "\u26A0" }) }),
+    /* @__PURE__ */ jsx50(Box41, { width: 20, flexShrink: 0, children: /* @__PURE__ */ jsx50(Text45, { color, children: label }) }),
+    /* @__PURE__ */ jsx50(Text45, { color, children: value || "(not set)" })
   ] });
 }
 var init_StepLayout = __esm({
@@ -30011,10 +30413,10 @@ var init_StepLayout = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/CodingAgentScreen.tsx
-import { useEffect as useEffect15, useRef as useRef10, useState as useState20 } from "react";
-import { Box as Box41, Text as Text45 } from "ink";
+import { useEffect as useEffect15, useRef as useRef11, useState as useState21 } from "react";
+import { Box as Box42, Text as Text46 } from "ink";
 import { Select, TextInput } from "@inkjs/ui";
-import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs43 } 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);
@@ -30024,9 +30426,9 @@ function needsCodexModel(agent, env) {
 }
 function CodingAgentScreen({ onDone, deps }) {
   const { binaryExists: exists, run, env } = deps ?? { binaryExists, run: runSpawn, env: process.env };
-  const [phase, setPhase] = useState20({ kind: "detecting" });
-  const [notes, setNotes] = useState20([]);
-  const startedRef = useRef10(false);
+  const [phase, setPhase] = useState21({ kind: "detecting" });
+  const [notes, setNotes] = useState21([]);
+  const startedRef = useRef11(false);
   const save = async (agent, agentModel) => {
     const stored = await readExperiencesCredentials();
     const { agentModel: _stale, ...rest } = stored;
@@ -30047,7 +30449,7 @@ function CodingAgentScreen({ onDone, deps }) {
       const found = await detectAgents(exists);
       if (found.length === 1) {
         const only = found[0];
-        setNotes([/* @__PURE__ */ jsx50(StepSuccess, { children: `${only.name} (${only.binary}) found` }, "found")]);
+        setNotes([/* @__PURE__ */ jsx51(StepSuccess, { children: `${only.name} (${only.binary}) found` }, "found")]);
         afterSelection(only);
         return;
       }
@@ -30055,7 +30457,7 @@ function CodingAgentScreen({ onDone, deps }) {
         setPhase({ kind: "choose", found });
         return;
       }
-      setNotes([/* @__PURE__ */ jsx50(StepWarning, { children: "No coding agent found on PATH" }, "none")]);
+      setNotes([/* @__PURE__ */ jsx51(StepWarning, { children: "No coding agent found on PATH" }, "none")]);
       setPhase({ kind: "install-choice" });
     })();
   }, []);
@@ -30067,12 +30469,12 @@ function CodingAgentScreen({ onDone, deps }) {
       onDone("failed");
       return;
     }
-    setNotes((current) => [...current, /* @__PURE__ */ jsx50(StepSuccess, { children: `${agent.name} installed` }, "installed")]);
+    setNotes((current) => [...current, /* @__PURE__ */ jsx51(StepSuccess, { children: `${agent.name} installed` }, "installed")]);
     afterSelection(agent);
   };
-  const chooser = (question, options, describe, onPick) => /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx50(Text45, { children: question }),
-    /* @__PURE__ */ jsx50(Box41, { marginTop: 1, children: /* @__PURE__ */ jsx50(
+  const chooser = (question, options, describe, onPick) => /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx51(Text46, { children: question }),
+    /* @__PURE__ */ jsx51(Box42, { marginTop: 1, children: /* @__PURE__ */ jsx51(
       Select,
       {
         options: [
@@ -30084,7 +30486,7 @@ function CodingAgentScreen({ onDone, deps }) {
     ) })
   ] });
   if (phase.kind === "choose") {
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx51(
       StepLayout,
       {
         helpText: AGENT_HELP,
@@ -30099,7 +30501,7 @@ function CodingAgentScreen({ onDone, deps }) {
     );
   }
   if (phase.kind === "install-choice") {
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx51(
       StepLayout,
       {
         helpText: AGENT_HELP,
@@ -30114,13 +30516,13 @@ function CodingAgentScreen({ onDone, deps }) {
     );
   }
   if (phase.kind === "model") {
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx51(
       StepLayout,
       {
         helpText: AGENT_HELP,
-        prompt: /* @__PURE__ */ jsxs42(Box41, { children: [
-          /* @__PURE__ */ jsx50(Text45, { children: "Model name (optional - press Enter for Codex default): " }),
-          /* @__PURE__ */ jsx50(
+        prompt: /* @__PURE__ */ jsxs43(Box42, { children: [
+          /* @__PURE__ */ jsx51(Text46, { children: "Model name (optional - press Enter for Codex default): " }),
+          /* @__PURE__ */ jsx51(
             TextInput,
             {
               onSubmit: (value) => void save(phase.agent.binary, value.trim() || void 0)
@@ -30130,19 +30532,19 @@ function CodingAgentScreen({ onDone, deps }) {
         ] }),
         children: [
           ...notes,
-          /* @__PURE__ */ jsx50(StepWarning, { children: "No OPENAI_API_KEY \u2014 using ChatGPT account authentication." }, "no-key"),
-          /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: "Tip: run codex then type /model to browse all available models." }, "tip")
+          /* @__PURE__ */ jsx51(StepWarning, { children: "No OPENAI_API_KEY \u2014 using ChatGPT account authentication." }, "no-key"),
+          /* @__PURE__ */ jsx51(Text46, { dimColor: true, children: "Tip: run codex then type /model to browse all available models." }, "tip")
         ]
       }
     );
   }
   if (phase.kind === "installing") {
-    return /* @__PURE__ */ jsx50(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx50(Text45, { children: `Installing ${phase.agent.name}\u2026` }, "installing")] });
+    return /* @__PURE__ */ jsx51(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx51(Text46, { children: `Installing ${phase.agent.name}\u2026` }, "installing")] });
   }
   if (phase.kind === "failed") {
-    return /* @__PURE__ */ jsx50(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx50(Text45, { children: `\u2717 ${phase.message}` }, "failed")] });
+    return /* @__PURE__ */ jsx51(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx51(Text46, { children: `\u2717 ${phase.message}` }, "failed")] });
   }
-  return /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: "Looking for a coding agent\u2026" });
+  return /* @__PURE__ */ jsx51(Text46, { dimColor: true, children: "Looking for a coding agent\u2026" });
 }
 var AGENT_HELP, SKIP_VALUE;
 var init_CodingAgentScreen = __esm({
@@ -30158,10 +30560,10 @@ var init_CodingAgentScreen = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/ContentfulCredentialsScreen.tsx
-import { useEffect as useEffect16, useRef as useRef11, useState as useState21 } from "react";
-import { Box as Box42, Text as Text46 } from "ink";
+import { useEffect as useEffect16, useRef as useRef12, useState as useState22 } from "react";
+import { Box as Box43, Text as Text47 } from "ink";
 import { PasswordInput, Select as Select2, TextInput as TextInput2 } from "@inkjs/ui";
-import { Fragment as Fragment19, jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
 function envShadowingWarning(env) {
   const set = ENV_KEYS.filter((key) => env[key]);
   if (set.length === 0) return null;
@@ -30171,28 +30573,28 @@ function maskToken(token) {
   return `${"\u2022".repeat(Math.min(token.length, 8))}...`;
 }
 function ContentfulCredentialsScreen({ onDone }) {
-  const [stored, setStored] = useState21(null);
-  const [field, setField] = useState21("confirm");
-  const enteredRef = useRef11({});
-  const [error, setError] = useState21(null);
+  const [stored, setStored] = useState22(null);
+  const [field, setField] = useState22("confirm");
+  const enteredRef = useRef12({});
+  const [error, setError] = useState22(null);
   useEffect16(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx51(Text46, { dimColor: true, children: "Reading saved credentials\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx52(Text47, { 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__ */ jsxs43(Fragment19, { children: [
-    shadowing && /* @__PURE__ */ jsx51(StepWarning, { children: shadowing }),
-    hasAny && /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", marginTop: shadowing ? 1 : 0, children: [
-      /* @__PURE__ */ jsx51(Text46, { children: "Current values:" }),
-      /* @__PURE__ */ jsx51(StepValue, { label: "Space ID", value: stored.spaceId }),
-      /* @__PURE__ */ jsx51(StepValue, { label: "Environment ID", value: stored.environmentId }),
-      /* @__PURE__ */ jsx51(StepValue, { label: "CMA Token", value: stored.cmaToken ? maskToken(stored.cmaToken) : void 0 }),
-      /* @__PURE__ */ jsx51(StepValue, { label: "API Host", value: currentHost })
+  const summary = /* @__PURE__ */ jsxs44(Fragment20, { children: [
+    shadowing && /* @__PURE__ */ jsx52(StepWarning, { children: shadowing }),
+    hasAny && /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", marginTop: shadowing ? 1 : 0, children: [
+      /* @__PURE__ */ jsx52(Text47, { children: "Current values:" }),
+      /* @__PURE__ */ jsx52(StepValue, { label: "Space ID", value: stored.spaceId }),
+      /* @__PURE__ */ jsx52(StepValue, { label: "Environment ID", value: stored.environmentId }),
+      /* @__PURE__ */ jsx52(StepValue, { label: "CMA Token", value: stored.cmaToken ? maskToken(stored.cmaToken) : void 0 }),
+      /* @__PURE__ */ jsx52(StepValue, { label: "API Host", value: currentHost })
     ] }),
-    error && /* @__PURE__ */ jsx51(StepWarning, { children: error })
+    error && /* @__PURE__ */ jsx52(StepWarning, { children: error })
   ] });
   const helpText = `Saved to ${experiencesCredentialsPath()} \u2014 loaded automatically by experiences import.`;
   if (field === "confirm") {
@@ -30200,13 +30602,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__ */ jsx51(
+    return /* @__PURE__ */ jsx52(
       StepLayout,
       {
         helpText,
-        prompt: /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx51(Text46, { children: "Contentful credentials" }),
-          /* @__PURE__ */ jsx51(Box42, { marginTop: 1, children: /* @__PURE__ */ jsx51(
+        prompt: /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx52(Text47, { children: "Contentful credentials" }),
+          /* @__PURE__ */ jsx52(Box43, { marginTop: 1, children: /* @__PURE__ */ jsx52(
             Select2,
             {
               options: allSet ? [...options].reverse() : options,
@@ -30247,24 +30649,24 @@ function ContentfulCredentialsScreen({ onDone }) {
     onDone("completed");
   };
   const prompts = {
-    spaceId: /* @__PURE__ */ jsxs43(Box42, { children: [
-      /* @__PURE__ */ jsx51(Text46, { children: `Space ID${stored.spaceId ? ` [${stored.spaceId}]` : ""}: ` }),
-      /* @__PURE__ */ jsx51(TextInput2, { onSubmit: (v) => advance("spaceId", v) }, "spaceId")
+    spaceId: /* @__PURE__ */ jsxs44(Box43, { children: [
+      /* @__PURE__ */ jsx52(Text47, { children: `Space ID${stored.spaceId ? ` [${stored.spaceId}]` : ""}: ` }),
+      /* @__PURE__ */ jsx52(TextInput2, { onSubmit: (v) => advance("spaceId", v) }, "spaceId")
     ] }),
-    environmentId: /* @__PURE__ */ jsxs43(Box42, { children: [
-      /* @__PURE__ */ jsx51(Text46, { children: `Environment ID [${stored.environmentId || "master"}]: ` }),
-      /* @__PURE__ */ jsx51(TextInput2, { onSubmit: (v) => advance("environmentId", v) }, "environmentId")
+    environmentId: /* @__PURE__ */ jsxs44(Box43, { children: [
+      /* @__PURE__ */ jsx52(Text47, { children: `Environment ID [${stored.environmentId || "master"}]: ` }),
+      /* @__PURE__ */ jsx52(TextInput2, { onSubmit: (v) => advance("environmentId", v) }, "environmentId")
     ] }),
-    cmaToken: /* @__PURE__ */ jsxs43(Box42, { children: [
-      /* @__PURE__ */ jsx51(Text46, { children: `CMA token${stored.cmaToken ? " [press Enter to keep existing]" : " (paste here)"}: ` }),
-      /* @__PURE__ */ jsx51(PasswordInput, { onSubmit: (v) => advance("cmaToken", v) }, "cmaToken")
+    cmaToken: /* @__PURE__ */ jsxs44(Box43, { children: [
+      /* @__PURE__ */ jsx52(Text47, { children: `CMA token${stored.cmaToken ? " [press Enter to keep existing]" : " (paste here)"}: ` }),
+      /* @__PURE__ */ jsx52(PasswordInput, { onSubmit: (v) => advance("cmaToken", v) }, "cmaToken")
     ] }),
-    host: /* @__PURE__ */ jsxs43(Box42, { children: [
-      /* @__PURE__ */ jsx51(Text46, { children: `API host [${currentHost}]: ` }),
-      /* @__PURE__ */ jsx51(TextInput2, { onSubmit: (v) => advance("host", v) }, "host")
+    host: /* @__PURE__ */ jsxs44(Box43, { children: [
+      /* @__PURE__ */ jsx52(Text47, { children: `API host [${currentHost}]: ` }),
+      /* @__PURE__ */ jsx52(TextInput2, { onSubmit: (v) => advance("host", v) }, "host")
     ] })
   };
-  return /* @__PURE__ */ jsx51(StepLayout, { helpText, prompt: prompts[field], children: summary });
+  return /* @__PURE__ */ jsx52(StepLayout, { helpText, prompt: prompts[field], children: summary });
 }
 var ENV_KEYS, ENTER, KEEP, FIELD_ORDER;
 var init_ContentfulCredentialsScreen = __esm({
@@ -30281,10 +30683,10 @@ var init_ContentfulCredentialsScreen = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/BooleanInput.tsx
-import { useEffect as useEffect17, useState as useState22 } from "react";
-import { Box as Box43, Text as Text47 } from "ink";
+import { useEffect as useEffect17, useState as useState23 } from "react";
+import { Box as Box44, Text as Text48 } from "ink";
 import { Select as Select3 } from "@inkjs/ui";
-import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 function tick(labels, forOn, current) {
   const label = forOn ? labels.on : labels.off;
   return forOn === current ? `${label} \u2713` : label;
@@ -30298,11 +30700,11 @@ function BooleanInput({
   fallback,
   onDone
 }) {
-  const [stored, setStored] = useState22(null);
+  const [stored, setStored] = useState23(null);
   useEffect17(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx52(Text47, { dimColor: true, children: "Reading saved preferences\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx53(Text48, { dimColor: true, children: "Reading saved preferences\u2026" });
   const current = read(stored) ?? fallback;
   const submit = (value) => {
     if (value === current) {
@@ -30311,13 +30713,13 @@ function BooleanInput({
     }
     void writeExperiencesCredentials(write2(stored, value)).then(() => onDone("completed"));
   };
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     StepLayout,
     {
       helpText,
-      prompt: /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx52(Text47, { children: question }),
-        /* @__PURE__ */ jsx52(Box43, { marginTop: 1, children: /* @__PURE__ */ jsx52(
+      prompt: /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx53(Text48, { children: question }),
+        /* @__PURE__ */ jsx53(Box44, { marginTop: 1, children: /* @__PURE__ */ jsx53(
           Select3,
           {
             options: [
@@ -30342,9 +30744,9 @@ var init_BooleanInput = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/AnalyticsScreen.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function AnalyticsScreen({ onDone }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     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",
@@ -30365,9 +30767,9 @@ var init_AnalyticsScreen = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/ColorPreferenceScreen.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function ColorPreferenceScreen({ onDone }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     BooleanInput,
     {
       helpText: `Prints plain text with no color, which suits CI logs and basic terminals.`,
@@ -30388,10 +30790,10 @@ var init_ColorPreferenceScreen = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/CustomPromptScreen.tsx
-import { useEffect as useEffect18, useState as useState23 } from "react";
-import { Box as Box44, Text as Text48 } from "ink";
+import { useEffect as useEffect18, useState as useState24 } from "react";
+import { Box as Box45, Text as Text49 } from "ink";
 import { ConfirmInput, TextInput as TextInput3 } from "@inkjs/ui";
-import { jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
 function parseCustomSkillPath(answer) {
   const trimmed = answer.trim();
   if (trimmed === "") return void 0;
@@ -30408,24 +30810,24 @@ function applyCustomSkillPath(credentials, parsed) {
   return next;
 }
 function CustomPromptsScreen({ onDone }) {
-  const [stored, setStored] = useState23(null);
-  const [phase, setPhase] = useState23("confirm");
+  const [stored, setStored] = useState24(null);
+  const [phase, setPhase] = useState24("confirm");
   useEffect18(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx55(Text48, { dimColor: true, children: "Reading saved prompt paths\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx56(Text49, { 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__ */ jsx55(
+    return /* @__PURE__ */ jsx56(
       StepLayout,
       {
         helpText: CUSTOM_PROMPTS_HELP,
-        prompt: /* @__PURE__ */ jsxs45(Box44, { children: [
-          /* @__PURE__ */ jsx55(Text48, { children: "Use your own prompt file instead of the built-in one? " }),
-          /* @__PURE__ */ jsx55(
+        prompt: /* @__PURE__ */ jsxs46(Box45, { children: [
+          /* @__PURE__ */ jsx56(Text49, { children: "Use your own prompt file instead of the built-in one? " }),
+          /* @__PURE__ */ jsx56(
             ConfirmInput,
             {
               defaultChoice: "cancel",
@@ -30437,13 +30839,13 @@ function CustomPromptsScreen({ onDone }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     StepLayout,
     {
       helpText: CUSTOM_PROMPTS_HELP,
-      prompt: /* @__PURE__ */ jsxs45(Box44, { children: [
-        /* @__PURE__ */ jsx55(Text48, { children: customSkillPathQuestion(stored.generatePromptPath) }),
-        /* @__PURE__ */ jsx55(TextInput3, { onSubmit: submit })
+      prompt: /* @__PURE__ */ jsxs46(Box45, { children: [
+        /* @__PURE__ */ jsx56(Text49, { children: customSkillPathQuestion(stored.generatePromptPath) }),
+        /* @__PURE__ */ jsx56(TextInput3, { onSubmit: submit })
       ] })
     }
   );
@@ -30459,9 +30861,9 @@ var init_CustomPromptScreen = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/DebugLogsScreen.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function DebugLogsScreen({ onDone }) {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     BooleanInput,
     {
       helpText: `Writes a verbose trace of every command decision, for troubleshooting.`,
@@ -30482,17 +30884,17 @@ var init_DebugLogsScreen = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/PreferencesMenu.tsx
-import { useState as useState24 } from "react";
-import { Box as Box45, Text as Text49 } from "ink";
+import { useState as useState25 } from "react";
+import { Box as Box46, Text as Text50 } from "ink";
 import { Select as Select4 } from "@inkjs/ui";
-import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
 function PreferencesMenu({ onDone }) {
-  const [open, setOpen] = useState24(null);
-  const [changed, setChanged] = useState24(/* @__PURE__ */ new Set());
+  const [open, setOpen] = useState25(null);
+  const [changed, setChanged] = useState25(/* @__PURE__ */ new Set());
   const entry = open === null ? void 0 : PREFERENCE_OPTIONS.find((option) => option.key === open);
-  if (!entry) return /* @__PURE__ */ jsx57(PreferenceList, { changed, onOpen: setOpen, onDone });
+  if (!entry) return /* @__PURE__ */ jsx58(PreferenceList, { changed, onOpen: setOpen, onDone });
   const { key, Screen } = entry;
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     Screen,
     {
       onDone: (status) => {
@@ -30504,18 +30906,18 @@ function PreferencesMenu({ onDone }) {
   );
 }
 function PreferenceList({ changed, onOpen, onDone }) {
-  const [pick, setPick] = useState24(0);
+  const [pick, setPick] = useState25(0);
   const options = [
     ...PREFERENCE_OPTIONS.map((option) => ({ label: option.label, value: option.key })),
     { label: "Done", value: DONE_VALUE }
   ];
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     StepLayout,
     {
       helpText: PREFERENCES_MENU_HELP,
-      prompt: /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx57(Text49, { children: "Preferences" }),
-        /* @__PURE__ */ jsx57(Box45, { marginTop: 1, children: /* @__PURE__ */ jsx57(
+      prompt: /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx58(Text50, { children: "Preferences" }),
+        /* @__PURE__ */ jsx58(Box46, { marginTop: 1, children: /* @__PURE__ */ jsx58(
           Select4,
           {
             options,
@@ -30548,22 +30950,22 @@ var init_PreferencesMenu = __esm({
       {
         key: "customPrompts",
         label: "Custom prompts",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx57(CustomPromptsScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx58(CustomPromptsScreen, { onDone })
       },
       {
         key: "debug",
         label: "Debug logging",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx57(DebugLogsScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx58(DebugLogsScreen, { onDone })
       },
       {
         key: "analytics",
         label: "Usage analytics",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx57(AnalyticsScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx58(AnalyticsScreen, { onDone })
       },
       {
         key: "noColor",
         label: "Terminal colors",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx57(ColorPreferenceScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx58(ColorPreferenceScreen, { onDone })
       }
     ];
     DONE_VALUE = "menu:done";
@@ -30778,24 +31180,24 @@ var init_prerequisites = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/prerequisites/PrerequisitesScreen.tsx
-import { useEffect as useEffect19, useRef as useRef12, useState as useState25 } from "react";
-import { Box as Box46, Text as Text50 } from "ink";
+import { useEffect as useEffect19, useRef as useRef13, useState as useState26 } from "react";
+import { Box as Box47, Text as Text51 } from "ink";
 import { ConfirmInput as ConfirmInput2 } from "@inkjs/ui";
-import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
 function EventLine({ event }) {
-  if (event.kind === "success") return /* @__PURE__ */ jsxs47(Text50, { color: PALETTE.success, children: [
+  if (event.kind === "success") return /* @__PURE__ */ jsxs48(Text51, { color: PALETTE.success, children: [
     "\u2713 ",
     event.message
   ] });
-  if (event.kind === "failure") return /* @__PURE__ */ jsxs47(Text50, { color: PALETTE.error, children: [
+  if (event.kind === "failure") return /* @__PURE__ */ jsxs48(Text51, { color: PALETTE.error, children: [
     "\u2717 ",
     event.message
   ] });
-  if (event.kind === "warning") return /* @__PURE__ */ jsxs47(Text50, { color: PALETTE.warning, children: [
+  if (event.kind === "warning") return /* @__PURE__ */ jsxs48(Text51, { color: PALETTE.warning, children: [
     "\u26A0 ",
     event.message
   ] });
-  return /* @__PURE__ */ jsx58(Text50, { children: event.message });
+  return /* @__PURE__ */ jsx59(Text51, { children: event.message });
 }
 function PrerequisitesScreen({
   repoRoot,
@@ -30803,9 +31205,9 @@ function PrerequisitesScreen({
   onDone,
   deps
 }) {
-  const [events, setEvents] = useState25([]);
-  const [confirm, setConfirm] = useState25(null);
-  const startedRef = useRef12(false);
+  const [events, setEvents] = useState26([]);
+  const [confirm, setConfirm] = useState26(null);
+  const startedRef = useRef13(false);
   useEffect19(() => {
     if (startedRef.current) return;
     startedRef.current = true;
@@ -30834,15 +31236,15 @@ function PrerequisitesScreen({
       ...skipBuild !== void 0 ? { skipBuild } : {}
     }).then(onDone);
   }, []);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     StepLayout,
     {
-      prompt: confirm ? /* @__PURE__ */ jsxs47(Box46, { children: [
-        /* @__PURE__ */ jsxs47(Text50, { children: [
+      prompt: confirm ? /* @__PURE__ */ jsxs48(Box47, { children: [
+        /* @__PURE__ */ jsxs48(Text51, { children: [
           confirm.question,
           " "
         ] }),
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx59(
           ConfirmInput2,
           {
             defaultChoice: confirm.defaultYes ? "confirm" : "cancel",
@@ -30851,8 +31253,8 @@ function PrerequisitesScreen({
           },
           confirm.question
         )
-      ] }) : /* @__PURE__ */ jsx58(Text50, { color: PALETTE.info, children: "\u27F3 Checking prerequisites\u2026" }),
-      children: /* @__PURE__ */ jsx58(Box46, { flexDirection: "column", children: events.map((event, index) => /* @__PURE__ */ jsx58(EventLine, { event }, `${index}-${event.message}`)) })
+      ] }) : /* @__PURE__ */ jsx59(Text51, { color: PALETTE.info, children: "\u27F3 Checking prerequisites\u2026" }),
+      children: /* @__PURE__ */ jsx59(Box47, { flexDirection: "column", children: events.map((event, index) => /* @__PURE__ */ jsx59(EventLine, { event }, `${index}-${event.message}`)) })
     }
   );
 }
@@ -30872,9 +31274,9 @@ __export(SetupScreen_exports, {
   SetupScreen: () => SetupScreen,
   formatSetupCompletionMessage: () => formatSetupCompletionMessage
 });
-import { useEffect as useEffect20, useRef as useRef13, useState as useState26 } from "react";
-import { Box as Box47, Text as Text51 } from "ink";
-import { jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
+import { useEffect as useEffect20, useRef as useRef14, useState as useState27 } from "react";
+import { Box as Box48, Text as Text52 } from "ink";
+import { jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
 function countRequiredFailures(results) {
   return results.filter((result) => result.required && result.status === "failed").length;
 }
@@ -30892,11 +31294,11 @@ function SetupScreen({
 }) {
   const { columns: terminalColumns } = useTerminalSize();
   const columns = columnsOverride ?? terminalColumns;
-  const [activeStep, setActiveStep] = useState26(1);
-  const [outcome, setOutcome] = useState26(null);
-  const [notice, setNotice] = useState26(null);
-  const [screen, setScreen] = useState26(null);
-  const startedRef = useRef13(false);
+  const [activeStep, setActiveStep] = useState27(1);
+  const [outcome, setOutcome] = useState27(null);
+  const [notice, setNotice] = useState27(null);
+  const [screen, setScreen] = useState27(null);
+  const startedRef = useRef14(false);
   useEffect20(() => {
     if (startedRef.current) return;
     startedRef.current = true;
@@ -30905,7 +31307,7 @@ function SetupScreen({
     });
     void (async () => {
       const results = [];
-      const prerequisites = await runScreen((done) => /* @__PURE__ */ jsx59(
+      const prerequisites = await runScreen((done) => /* @__PURE__ */ jsx60(
         PrerequisitesScreen,
         {
           repoRoot,
@@ -30939,21 +31341,21 @@ function SetupScreen({
       if (skip.skipAgent) {
         results.push({ name: "Coding agent", status: "skipped", required: false });
       } else {
-        const status = await runScreen((done) => /* @__PURE__ */ jsx59(CodingAgentScreen, { onDone: done }));
+        const status = await runScreen((done) => /* @__PURE__ */ jsx60(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__ */ jsx59(ContentfulCredentialsScreen, { onDone: done }));
+        const status = await runScreen((done) => /* @__PURE__ */ jsx60(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__ */ jsx59(PreferencesMenu, { onDone: done }));
+        const status = await runScreen((done) => /* @__PURE__ */ jsx60(PreferencesMenu, { onDone: done }));
         results.push({ name: "Preferences", status, required: false });
       }
       const exitCode = countRequiredFailures(results) === 0 ? 0 : 1;
@@ -30962,37 +31364,37 @@ function SetupScreen({
       onComplete(finalOutcome);
     })();
   }, []);
-  return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs48(Box47, { justifyContent: "space-between", columnGap: 1, ...columns !== void 0 ? { width: columns - 2 } : {}, children: [
-      /* @__PURE__ */ jsx59(Box47, { flexShrink: 0, children: /* @__PURE__ */ jsx59(Text51, { bold: true, children: "experiences setup" }) }),
-      /* @__PURE__ */ jsx59(Box47, { flexShrink: 0, children: /* @__PURE__ */ jsxs48(Text51, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs49(Box48, { justifyContent: "space-between", columnGap: 1, ...columns !== void 0 ? { width: columns - 2 } : {}, children: [
+      /* @__PURE__ */ jsx60(Box48, { flexShrink: 0, children: /* @__PURE__ */ jsx60(Text52, { bold: true, children: "experiences setup" }) }),
+      /* @__PURE__ */ jsx60(Box48, { flexShrink: 0, children: /* @__PURE__ */ jsxs49(Text52, { dimColor: true, children: [
         "v",
         version
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx59(Box47, { marginTop: 1, children: /* @__PURE__ */ jsx59(SetupStepper, { activeStep, columns }) }),
-    outcome ? /* @__PURE__ */ jsx59(SetupSummary, { outcome, notice }) : screen && /* @__PURE__ */ jsx59(Box47, { marginTop: 1, children: screen })
+    /* @__PURE__ */ jsx60(Box48, { marginTop: 1, children: /* @__PURE__ */ jsx60(SetupStepper, { activeStep, columns }) }),
+    outcome ? /* @__PURE__ */ jsx60(SetupSummary, { outcome, notice }) : screen && /* @__PURE__ */ jsx60(Box48, { marginTop: 1, children: screen })
   ] });
 }
 function SetupSummary({ outcome, notice }) {
   const requiredFailed = countRequiredFailures(outcome.results);
-  return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsx59(Text51, { bold: true, children: "Summary" }),
+  return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx60(Text52, { bold: true, children: "Summary" }),
     outcome.results.map((result) => {
       if (result.status === "completed") {
-        return /* @__PURE__ */ jsxs48(Text51, { color: PALETTE.success, children: [
+        return /* @__PURE__ */ jsxs49(Text52, { color: PALETTE.success, children: [
           "\u2713 ",
           result.name
         ] }, result.name);
       }
       if (result.status === "skipped") {
-        return /* @__PURE__ */ jsxs48(Text51, { dimColor: true, children: [
+        return /* @__PURE__ */ jsxs49(Text52, { dimColor: true, children: [
           "\u2013 ",
           result.name,
           " \u2014 skipped"
         ] }, result.name);
       }
-      return /* @__PURE__ */ jsxs48(Text51, { color: result.required ? PALETTE.error : PALETTE.warning, children: [
+      return /* @__PURE__ */ jsxs49(Text52, { color: result.required ? PALETTE.error : PALETTE.warning, children: [
         result.required ? "\u2717" : "\u26A0",
         " ",
         result.name,
@@ -31000,10 +31402,10 @@ function SetupSummary({ outcome, notice }) {
         result.required ? "required" : "optional"
       ] }, result.name);
     }),
-    notice && /* @__PURE__ */ jsx59(Box47, { marginTop: 1, children: /* @__PURE__ */ jsx59(Text51, { color: PALETTE.warning, children: notice }) }),
-    /* @__PURE__ */ jsx59(Box47, { marginTop: 1, children: /* @__PURE__ */ jsx59(Text51, { bold: true, color: requiredFailed === 0 ? PALETTE.success : PALETTE.warning, children: formatSetupCompletionMessage(outcome.results) }) }),
-    requiredFailed > 0 && /* @__PURE__ */ jsx59(Text51, { dimColor: true, children: "Complete the steps above, then re-run experiences setup." }),
-    /* @__PURE__ */ jsx59(Text51, { dimColor: true, children: "Run experiences doctor any time to re-check." })
+    notice && /* @__PURE__ */ jsx60(Box48, { marginTop: 1, children: /* @__PURE__ */ jsx60(Text52, { color: PALETTE.warning, children: notice }) }),
+    /* @__PURE__ */ jsx60(Box48, { marginTop: 1, children: /* @__PURE__ */ jsx60(Text52, { bold: true, color: requiredFailed === 0 ? PALETTE.success : PALETTE.warning, children: formatSetupCompletionMessage(outcome.results) }) }),
+    requiredFailed > 0 && /* @__PURE__ */ jsx60(Text52, { dimColor: true, children: "Complete the steps above, then re-run experiences setup." }),
+    /* @__PURE__ */ jsx60(Text52, { dimColor: true, children: "Run experiences doctor any time to re-check." })
   ] });
 }
 var init_SetupScreen = __esm({