@contentful/experience-design-system-cli 2.37.1-dev-build-1cd1ccfb.0 → 2.37.1-dev-build-8b3a1c07.0

package/dist/app.js

@@ -837,7 +837,7 @@ async function runAgent(options) {
     promptLen: prompt.length,
     promptHead: prompt.slice(0, 500)
   });
-  return new Promise((resolve27) => {
+  return new Promise((resolve28) => {
     const bedrockEnv = bedrock ? BEDROCK_ENV_BY_AGENT[agent] : void 0;
     const child = spawn(binary, args, {
       stdio: ["pipe", "pipe", "pipe"],
@@ -886,7 +886,7 @@ async function runAgent(options) {
         stderrLen: stderr.length,
         stderrTail: stderr.slice(-1e3)
       });
-      resolve27(result);
+      resolve28(result);
     });
   });
 }
@@ -908,7 +908,7 @@ async function checkAgentAuth(agent) {
     return "not-found";
   if (agent !== "claude")
     return "ok";
-  return new Promise((resolve27) => {
+  return new Promise((resolve28) => {
     const child = spawn2(binary, ["auth", "status", "--json"], { stdio: ["ignore", "pipe", "pipe"] });
     let stdout = "";
     let done = false;
@@ -917,7 +917,7 @@ async function checkAgentAuth(agent) {
         return;
       done = true;
       child.kill("SIGTERM");
-      resolve27("unauthenticated");
+      resolve28("unauthenticated");
     }, 5e3);
     child.stdout?.on("data", (chunk) => {
       stdout += chunk.toString();
@@ -928,14 +928,14 @@ async function checkAgentAuth(agent) {
       done = true;
       clearTimeout(timer);
       if (code !== 0) {
-        resolve27("unauthenticated");
+        resolve28("unauthenticated");
         return;
       }
       try {
         const status = JSON.parse(stdout);
-        resolve27(status.loggedIn ? "ok" : "unauthenticated");
+        resolve28(status.loggedIn ? "ok" : "unauthenticated");
       } catch {
-        resolve27("unauthenticated");
+        resolve28("unauthenticated");
       }
     });
   });
@@ -945,9 +945,9 @@ async function binaryIsOnPath(binary) {
     const fs = await import("node:fs/promises");
     return fs.access(binary).then(() => true, () => false);
   }
-  return new Promise((resolve27) => {
+  return new Promise((resolve28) => {
     const child = spawn2(process.platform === "win32" ? "where" : "which", [binary], { stdio: "ignore" });
-    child.on("close", (code) => resolve27(code === 0));
+    child.on("close", (code) => resolve28(code === 0));
   });
 }
 var init_check_agent_auth = __esm({
@@ -2329,51 +2329,32 @@ var init_debug_store = __esm({
 });
 
 // packages/experience-design-system-cli/app.tsx
-import { join as join25 } from "node:path";
-import { useEffect as useEffect26, useState as useState33 } from "react";
+import { join as join26 } from "node:path";
+import { useEffect as useEffect27, useState as useState36 } from "react";
 
 // packages/experience-design-system-cli/src/tui/home/home.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
 import { Box, Text as Text2, useApp, useInput } from "ink";
 
-// packages/experience-design-system-cli/src/tui/theme.ts
-var DARK = {
-  text: "#f7f9fa",
-  // gray/100
-  muted: "#aec1cc",
-  // gray/400
-  border: "#aec1cc",
-  // gray/400
-  accent: "#40a0ff",
-  // blue/400
-  error: "#ff707d",
-  // red/400
-  success: "#00C459",
-  warning: "#FFDA00"
+// packages/experience-design-system-cli/src/tui/home/home.theme.ts
+var BRAND = {
+  blue: "#1773EB",
+  green: "#00C459",
+  orange: "#E44F20",
+  yellow: "#FFDA00",
+  white: "#FFFFFF",
+  slate: "#8B8D91",
+  steel: "#C4D1DE"
 };
-var LIGHT = {
-  text: "#111b2b",
-  // gray/900
-  muted: "#5a657c",
-  // gray/600
-  border: "#5a657c",
-  // gray/600
-  accent: "#0059c8",
-  // blue/600, semantic primary
-  error: "#bd002a",
-  // semantic negative
-  success: "#00C459",
-  warning: "#FFDA00"
+var PALETTE = {
+  accent: BRAND.blue,
+  success: BRAND.green,
+  error: BRAND.orange,
+  warning: BRAND.yellow,
+  muted: BRAND.slate,
+  border: BRAND.steel
 };
-function detectColorMode(env = process.env) {
-  const bg = env.COLORFGBG?.split(";").pop();
-  if (bg === "7" || bg === "15") return "light";
-  return "dark";
-}
-var PALETTE = detectColorMode() === "light" ? LIGHT : DARK;
-
-// packages/experience-design-system-cli/src/tui/home/home.theme.ts
-var BRAND_RAMP = [PALETTE.accent, PALETTE.error, PALETTE.warning];
+var BRAND_RAMP = [BRAND.blue, BRAND.orange, BRAND.yellow];
 var BAR_CELL = "\u2501";
 function brandBar(width, ramp = BRAND_RAMP) {
   if (width <= 0 || ramp.length === 0) return [];
@@ -8450,10 +8431,10 @@ function extractVueSlotsFromSetup(options) {
   if (!body)
     return [];
   const slotsByName = /* @__PURE__ */ new Map();
-  for (const access6 of body.getDescendantsOfKind(SyntaxKind5.PropertyAccessExpression)) {
-    if (access6.getExpression().getText() !== slotsName)
+  for (const access7 of body.getDescendantsOfKind(SyntaxKind5.PropertyAccessExpression)) {
+    if (access7.getExpression().getText() !== slotsName)
       continue;
-    const slotName = access6.getName();
+    const slotName = access7.getName();
     if (!slotsByName.has(slotName)) {
       slotsByName.set(slotName, {
         name: slotName,
@@ -13843,7 +13824,7 @@ function errorMessage(error) {
   return error instanceof Error && error.message ? error.message : String(error);
 }
 function defaultSleep(delayMs) {
-  return new Promise((resolve27) => setTimeout(resolve27, delayMs));
+  return new Promise((resolve28) => setTimeout(resolve28, delayMs));
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/apply/src/helpers/sanitize-preview.js
@@ -14084,7 +14065,7 @@ var ApiClient = class {
         const progress = maxAttempts > 1 ? attempt / (maxAttempts - 1) : 0;
         const baseDelay = intervalMs + (maxIntervalMs - intervalMs) * progress;
         const jitter = Math.random() * baseDelay * 0.15;
-        await new Promise((resolve27) => setTimeout(resolve27, baseDelay + jitter));
+        await new Promise((resolve28) => setTimeout(resolve28, baseDelay + jitter));
       }
     }
     throw new Error(`Operation ${operationId} timed out after ${maxAttempts} attempts`);
@@ -14569,6 +14550,7 @@ function readTokensFromPath2(request) {
 init_agents();
 init_agent_name();
 init_models();
+init_binaries();
 init_is_agent_name();
 init_agent_supports_bedrock();
 init_check_agent_auth();
@@ -16393,7 +16375,7 @@ async function retryDatabaseWrite(operation, attempts = 8) {
       const message = error instanceof Error ? error.message : String(error);
       if (!/database is locked|database is busy/i.test(message) || attempt >= attempts)
         throw error;
-      await new Promise((resolve27) => setTimeout(resolve27, Math.min(250 * attempt, 2e3)));
+      await new Promise((resolve28) => setTimeout(resolve28, Math.min(250 * attempt, 2e3)));
     }
   }
 }
@@ -21489,6 +21471,17 @@ function PreviewValidationErrorScreen({
 import { useCallback as useCallback5, useEffect as useEffect16, useMemo as useMemo4, useRef as useRef11, useState as useState22 } from "react";
 import figures7 from "figures";
 
+// packages/experience-design-system-cli/src/tui/import/steps/09-review/theme.ts
+var PALETTE3 = {
+  info: PALETTE.accent,
+  success: PALETTE.success,
+  error: PALETTE.error,
+  warning: PALETTE.warning,
+  muted: PALETTE.muted,
+  border: PALETTE.border,
+  inverse: "#FFFFFF"
+};
+
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/review-json-panel.ts
 var HIDDEN_PROP_CATEGORIES = /* @__PURE__ */ new Set(["state", "unattached"]);
 function getReviewJsonPanelValue(selected, showHiddenProps) {
@@ -21919,13 +21912,13 @@ function serializeState(state2, originalJson) {
 }
 function Picker({ value, active }) {
   return /* @__PURE__ */ jsxs22(Box21, { children: [
-    active && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u2039" }),
-    /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
-    active && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u203A" })
+    active && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.warning, children: "\u2039" }),
+    /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE3.warning : void 0, bold: active, children: value }),
+    active && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.warning, children: "\u203A" })
   ] });
 }
 function Toggle({ value, active }) {
-  return /* @__PURE__ */ jsx27(Box21, { children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
+  return /* @__PURE__ */ jsx27(Box21, { children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE3.warning : value ? PALETTE3.success : PALETTE3.border, children: value ? "[\u2713]" : "[ ]" }) });
 }
 function InlinePropField({
   label,
@@ -21935,7 +21928,7 @@ function InlinePropField({
   width
 }) {
   return /* @__PURE__ */ jsxs22(Box21, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
-    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, wrap: "truncate-end", children: [
+    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, wrap: "truncate-end", children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
@@ -21956,7 +21949,7 @@ function DefaultValueRow({
   focused
 }) {
   return /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
@@ -21971,7 +21964,7 @@ function RowLabel({
   return /* @__PURE__ */ jsxs22(
     Text23,
     {
-      color: selected ? PALETTE.text : PALETTE.accent,
+      color: selected ? PALETTE3.inverse : PALETTE3.info,
       bold: selected,
       backgroundColor: selected ? "blue" : void 0,
       wrap: "truncate-end",
@@ -21989,7 +21982,7 @@ function ValueInputRow({
   cursorVisible
 }) {
   return /* @__PURE__ */ jsxs22(Box21, { paddingLeft: 2, children: [
-    /* @__PURE__ */ jsx27(Text23, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
+    /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.info, children: mode === "edit" ? "\u270E " : "+ " }),
     /* @__PURE__ */ jsx27(Text23, { children: valueText }),
     /* @__PURE__ */ jsx27(Text23, { inverse: cursorVisible, children: " " })
   ] });
@@ -22006,7 +21999,7 @@ function EditableListItem({
   if (isBeingEdited) {
     return /* @__PURE__ */ jsx27(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx27(Box21, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.accent : void 0, children: active ? `${figures5.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx27(Box21, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE3.info : void 0, children: active ? `${figures5.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -22020,7 +22013,7 @@ function EditableValueList({
   showAddInput
 }) {
   return /* @__PURE__ */ jsxs22(Fragment5, { children: [
-    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx27(Box21, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: emptyMessage }) })),
+    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: emptyMessage }) : /* @__PURE__ */ jsx27(Box21, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: emptyMessage }) })),
     values.map((value, index) => /* @__PURE__ */ jsx27(
       EditableListItem,
       {
@@ -22046,11 +22039,11 @@ function DefaultSubRow({
   const cursor = cursorVisible ? "\u2588" : " ";
   if (prop.type === "richtext" || prop.type === "media" || prop.type === "link") {
     return /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsx27(Text23, { color: focused ? void 0 : PALETTE.muted, children: "(not applicable)" })
+      /* @__PURE__ */ jsx27(Text23, { color: focused ? void 0 : PALETTE3.muted, children: "(not applicable)" })
     ] });
   }
   if (prop.type === "boolean") {
@@ -22060,11 +22053,11 @@ function DefaultSubRow({
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
       return /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexShrink: 0, children: [
-        /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+        /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
           focused ? "\u203A " : "  ",
           "default:"
         ] }),
-        /* @__PURE__ */ jsx27(Text23, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
+        /* @__PURE__ */ jsx27(Text23, { color: focused ? void 0 : PALETTE3.muted, children: "(no values defined)" })
       ] });
     }
     const display = typeof prop.default === "string" && prop.default !== "" ? prop.default : "(unset)";
@@ -22073,11 +22066,11 @@ function DefaultSubRow({
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
     return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "row", flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsxs22(Box21, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+      /* @__PURE__ */ jsxs22(Box21, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE3.warning, paddingX: 1, children: [
         /* @__PURE__ */ jsx27(Text23, { children: value.slice(0, textCursor) }),
         /* @__PURE__ */ jsx27(Text23, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
         /* @__PURE__ */ jsx27(Text23, { children: value.slice(textCursor + 1) })
@@ -22085,11 +22078,11 @@ function DefaultSubRow({
     ] });
   }
   return /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    /* @__PURE__ */ jsx27(Text23, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
+    /* @__PURE__ */ jsx27(Text23, { color: focused || value ? void 0 : PALETTE3.muted, children: value || "(none)" })
   ] });
 }
 function DescriptionField({
@@ -22105,15 +22098,15 @@ function DescriptionField({
 }) {
   if (compact) {
     return /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         label
       ] }),
-      /* @__PURE__ */ jsx27(Text23, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
+      /* @__PURE__ */ jsx27(Text23, { wrap: "truncate-end", color: value ? void 0 : PALETTE3.muted, children: value || "\u2014" })
     ] });
   }
   return /* @__PURE__ */ jsxs22(Box21, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
@@ -22177,7 +22170,7 @@ function PropRow({
     ] }),
     prop.type === "token" && /* @__PURE__ */ jsx27(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx27(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
     prop.type === "enum" && /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs22(Text23, { color: activeField === "values" ? PALETTE.warning : PALETTE.muted, bold: activeField === "values", children: [
+      /* @__PURE__ */ jsxs22(Text23, { color: activeField === "values" ? PALETTE3.warning : PALETTE3.muted, bold: activeField === "values", children: [
         activeField === "values" ? "\u203A " : "  ",
         "values:"
       ] }),
@@ -22198,27 +22191,27 @@ function PropRow({
       }
     ),
     prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs22(Text23, { color: activeField === "allowed" ? PALETTE.warning : PALETTE.muted, bold: activeField === "allowed", children: [
+      /* @__PURE__ */ jsxs22(Text23, { color: activeField === "allowed" ? PALETTE3.warning : PALETTE3.muted, bold: activeField === "allowed", children: [
         activeField === "allowed" ? "\u203A " : "  ",
         "allowed:"
       ] }),
-      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx27(Box21, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx27(Text23, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx27(
+      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx27(Box21, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE3.warning, paddingX: 1, children: /* @__PURE__ */ jsx27(Text23, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx27(
         Text23,
         {
-          color: activeField !== "allowed" && prop.allowed.length === 0 ? PALETTE.muted : void 0,
+          color: activeField !== "allowed" && prop.allowed.length === 0 ? PALETTE3.muted : void 0,
           wrap: "wrap",
           children: prop.allowed.length > 0 ? prop.allowed.join(", ") : "(any)"
         }
       )
     ] }),
-    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx27(Box21, { paddingLeft: 2, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: (() => {
+    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx27(Box21, { paddingLeft: 2, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: (() => {
       const max = Math.max(8, width - 8);
       const text = `~ ${rationale}`;
       return text.length > max ? text.slice(0, max - 1) + "\u2026" : text;
     })() }) }, rowKey ? `rationale-${rowKey}` : void 0),
     selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs22(Box21, { paddingLeft: 2, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs22(Box21, { children: [
-        /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "values:" }),
+        /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "values:" }),
         activeField === "values" && /* @__PURE__ */ jsx27(Text23, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
       /* @__PURE__ */ jsx27(
@@ -22279,7 +22272,7 @@ function SlotRow({
       /* @__PURE__ */ jsxs22(
         Text23,
         {
-          color: activeField === "allowedComponents" ? PALETTE.warning : PALETTE.muted,
+          color: activeField === "allowedComponents" ? PALETTE3.warning : PALETTE3.muted,
           bold: activeField === "allowedComponents",
           children: [
             activeField === "allowedComponents" ? "\u203A " : "  ",
@@ -22287,14 +22280,14 @@ function SlotRow({
           ]
         }
       ),
-      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
+      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "(any)" }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
     ] }),
     selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs22(Box21, { children: [
         /* @__PURE__ */ jsxs22(
           Text23,
           {
-            color: activeField === "allowedComponents" ? PALETTE.warning : PALETTE.muted,
+            color: activeField === "allowedComponents" ? PALETTE3.warning : PALETTE3.muted,
             bold: activeField === "allowedComponents",
             children: [
               activeField === "allowedComponents" ? "\u203A " : "  ",
@@ -22302,7 +22295,7 @@ function SlotRow({
             ]
           }
         ),
-        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: slot.allowedComponents.length > 0 ? "  [a] add  [e] edit  [r] remove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
+        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: slot.allowedComponents.length > 0 ? "  [a] add  [e] edit  [r] remove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
       /* @__PURE__ */ jsx27(
         EditableValueList,
@@ -22318,21 +22311,21 @@ function SlotRow({
           showAddInput: editingField && activeField === "allowedComponents"
         }
       ),
-      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx27(Box21, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
+      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx27(Box21, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
         const filtered = valueText.length === 0 ? pickerCandidates : pickerCandidates.filter((n) => n.toLowerCase().includes(valueText.toLowerCase()));
         if (filtered.length === 0) {
-          return /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "(no candidates match \u2014 Enter to add as free text)" });
+          return /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "(no candidates match \u2014 Enter to add as free text)" });
         }
         const cursor = pickerCursor % filtered.length;
         const MAX_VISIBLE = 5;
         const start = Math.max(0, Math.min(filtered.length - MAX_VISIBLE, cursor - 2));
         const slice = filtered.slice(start, start + MAX_VISIBLE);
         return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
+          /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
           slice.map((name, i) => {
             const absIdx = start + i;
             const isCursor = absIdx === cursor;
-            return /* @__PURE__ */ jsx27(Text23, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures5.pointer} ${name}` : `    ${name}` }, name);
+            return /* @__PURE__ */ jsx27(Text23, { color: isCursor ? PALETTE3.info : PALETTE3.muted, children: isCursor ? `  ${figures5.pointer} ${name}` : `    ${name}` }, name);
           })
         ] });
       })() })
@@ -23161,18 +23154,18 @@ function FieldEditor({
   });
   const innerWidth = Math.max(1, width - 2);
   if (parseErr) {
-    return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
-      /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.error, children: parseErr }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
+    return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE3.error, children: [
+      /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE3.error, children: "FIELD EDITOR \u2014 parse error" }),
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.error, children: parseErr }),
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "Cannot display structured editor. Fix the JSON first." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
-    return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
-      /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
+    return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE3.warning, children: [
+      /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE3.warning, children: "FIELD EDITOR \u2014 no fields" }),
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "You can add fields manually below or reject this component." }),
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "Enter to save \xB7 Esc to discard" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -23301,7 +23294,7 @@ function FieldEditor({
   const renderRow = (row, index) => {
     const key = rowKey(row, index);
     if (row.kind === "header") {
-      return /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.success, children: row.label }) }, key);
+      return /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE3.success, children: row.label }) }, key);
     }
     if (row.kind === "component-description") {
       const isSelected2 = inComponentDesc && active;
@@ -23383,9 +23376,9 @@ function FieldEditor({
       ...fixedHeight ? { height } : { minHeight: height },
       clipOverflow: fixedHeight,
       borderStyle: "single",
-      borderColor: hasEmptyProperties ? PALETTE.warning : active ? PALETTE.accent : PALETTE.border,
+      borderColor: hasEmptyProperties ? PALETTE3.warning : active ? PALETTE3.info : PALETTE3.border,
       children: [
-        hasEmptyProperties && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
+        hasEmptyProperties && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.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__ */ jsx27(Box21, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx27(
           PropRow,
@@ -23436,7 +23429,7 @@ function FieldEditor({
             `visible-${key}`
           );
         }) }),
-        categoryBelow && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.success, bold: true, children: `(${categoryBelow} below)` }),
+        categoryBelow && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.success, bold: true, children: `(${categoryBelow} below)` }),
         sourceOpen && !onToggleSourceExternal && (() => {
           const propMeta = !inSlots && !inComponentDesc && currentProp ? metadata?.props?.[currentProp.name] : void 0;
           const start = propMeta?.sourceStartLine ?? null;
@@ -23446,20 +23439,20 @@ function FieldEditor({
           const headerPath = path5 ?? "<unknown source path>";
           if (!start || !end2 || !src) {
             return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-              /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
-              /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
+              /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, bold: true, children: `source: ${headerPath}` }),
+              /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "(no source location captured for this prop)" }),
               /* @__PURE__ */ jsx27(Text23, { children: "[s] close" })
             ] });
           }
           const lines = src.split("\n").slice(Math.max(0, start - 1), end2);
           return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-            /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
-            lines.map((ln, i) => /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
+            /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
+            lines.map((ln, i) => /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: ln }, `source-line-${i}`)),
             /* @__PURE__ */ jsx27(Text23, { children: "[s] close \xB7 [Esc] close" })
           ] });
         })(),
-        showHelp && /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
-          /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.accent, children: "Keybindings" }),
+        showHelp && /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE3.info, paddingX: 1, children: [
+          /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE3.info, children: "Keybindings" }),
           /* @__PURE__ */ jsx27(Text23, { children: " " }),
           /* @__PURE__ */ jsx27(Text23, { bold: true, children: "Row navigation" }),
           /* @__PURE__ */ jsx27(Text23, { children: "  \u2191/\u2193               move between rows" }),
@@ -23484,10 +23477,10 @@ function FieldEditor({
           /* @__PURE__ */ jsx27(Text23, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
           /* @__PURE__ */ jsx27(Text23, { children: "  ?                toggle this overlay" }),
           /* @__PURE__ */ jsx27(Text23, { children: " " }),
-          /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "press ? or Esc to close" })
+          /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "press ? or Esc to close" })
         ] }),
-        validationError && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx27(Box21, { paddingTop: 1, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: modeLabel }) })
+        validationError && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.error, children: "\u2717 " + validationError }),
+        /* @__PURE__ */ jsx27(Box21, { paddingTop: 1, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: modeLabel }) })
       ]
     }
   );
@@ -23539,16 +23532,16 @@ function RationaleLine({ line, active }) {
     return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
+    return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { bold: true, color: active ? PALETTE3.info : PALETTE3.muted, children: line.text }) });
   }
   if (line.kind === "label") {
     return /* @__PURE__ */ jsxs23(Box22, { children: [
       line.prefix && /* @__PURE__ */ jsx28(Text24, { children: line.prefix }),
-      /* @__PURE__ */ jsx28(Text24, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
-      line.suffix && /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: line.suffix })
+      /* @__PURE__ */ jsx28(Text24, { bold: true, color: active ? line.color : PALETTE3.muted, children: line.text }),
+      line.suffix && /* @__PURE__ */ jsx28(Text24, { color: PALETTE3.muted, children: line.suffix })
     ] });
   }
-  return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
+  return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { color: !active || line.dim ? PALETTE3.muted : void 0, children: line.text }) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ComponentRationalePanel.tsx
@@ -23627,9 +23620,9 @@ function ComponentRationalePanel({
       width,
       height: height + 2,
       borderStyle: "single",
-      borderColor: active ? PALETTE.text : void 0,
+      borderColor: active ? PALETTE3.inverse : void 0,
       children: [
-        /* @__PURE__ */ jsx29(Box23, { children: /* @__PURE__ */ jsx29(Text25, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
+        /* @__PURE__ */ jsx29(Box23, { children: /* @__PURE__ */ jsx29(Text25, { bold: true, color: active ? void 0 : PALETTE3.muted, children: `Component rationale: ${data.name}` }) }),
         visible.map((line, i) => /* @__PURE__ */ jsx29(RationaleLine, { line, active }, i)),
         /* @__PURE__ */ jsx29(Box23, { children: overflowed ? /* @__PURE__ */ jsx29(Text25, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx29(Text25, { children: "[I/Esc] close" }) })
       ]
@@ -23644,7 +23637,7 @@ import { Box as Box25 } from "ink";
 import { Text as Text26 } from "ink";
 import { Fragment as Fragment6, jsx as jsx30 } from "react/jsx-runtime";
 function HighlightedLine({ parts }) {
-  return /* @__PURE__ */ jsx30(Fragment6, { children: parts.map((part, i) => /* @__PURE__ */ jsx30(Text26, { color: part.dim ? PALETTE.muted : part.color, children: part.text }, i)) });
+  return /* @__PURE__ */ jsx30(Fragment6, { children: parts.map((part, i) => /* @__PURE__ */ jsx30(Text26, { color: part.dim ? PALETTE3.muted : part.color, children: part.text }, i)) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ScrollablePanel.tsx
@@ -23664,10 +23657,10 @@ function ScrollablePanel({
   const overflowed = totalLines > height;
   return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
     /* @__PURE__ */ jsxs25(Box24, { children: [
-      /* @__PURE__ */ jsx31(Text27, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
+      /* @__PURE__ */ jsx31(Text27, { bold: true, color: active ? void 0 : PALETTE3.muted, children: title }),
       overflowed && /* @__PURE__ */ jsxs25(Fragment7, { children: [
         /* @__PURE__ */ jsx31(Box24, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx31(Text27, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
+        /* @__PURE__ */ jsx31(Text27, { color: active ? void 0 : PALETTE3.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
     children
@@ -23753,7 +23746,7 @@ function renderRationaleLines(rows, innerWidth) {
     out.push({
       kind: "label",
       text: row.name,
-      color: PALETTE.accent,
+      color: PALETTE3.info,
       suffix: row.kind === "slot" ? " (slot)" : void 0
     });
     for (const line of wrapText(row.rationale, innerWidth)) {
@@ -23789,7 +23782,7 @@ function RationalePanel({
       totalLines,
       visibleStart,
       visibleEnd,
-      borderColor: active ? PALETTE.text : void 0,
+      borderColor: active ? PALETTE3.inverse : void 0,
       children: visible.map((line, i) => /* @__PURE__ */ jsx33(RationaleLine, { line, active }, i))
     }
   );
@@ -23824,29 +23817,21 @@ function TokenReviewPanel({
         width,
         height: height + 2,
         borderStyle: "single",
-        borderColor: active ? PALETTE.text : void 0,
+        borderColor: active ? PALETTE3.inverse : void 0,
         children: [
-          /* @__PURE__ */ jsx34(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
-          /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
+          /* @__PURE__ */ jsx34(Text28, { bold: true, color: active ? void 0 : PALETTE3.muted, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
+          /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
           /* @__PURE__ */ jsx34(Text28, { children: " " }),
-          current.paths.length === 0 && /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: "(no compatible tokens found for this token kind)" }),
+          current.paths.length === 0 && /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, children: "(no compatible tokens found for this token kind)" }),
           visiblePaths.map((path5, i) => {
             const pathIndex = scrollStart + i;
             const checked = editSelection.has(path5);
             const focused = pathIndex === editCursor;
-            return /* @__PURE__ */ jsx34(Box26, { children: /* @__PURE__ */ jsx34(
-              Text28,
-              {
-                color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted,
-                bold: focused,
-                wrap: "truncate",
-                children: `  [${checked ? "x" : " "}] ${path5}`
-              }
-            ) }, path5);
+            return /* @__PURE__ */ jsx34(Box26, { children: /* @__PURE__ */ jsx34(Text28, { color: focused ? PALETTE3.info : active ? void 0 : PALETTE3.muted, bold: focused, wrap: "truncate", children: `  [${checked ? "x" : " "}] ${path5}` }) }, path5);
           }),
           /* @__PURE__ */ jsx34(Text28, { children: " " }),
-          /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
-          /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
+          /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
+          /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
         ]
       }
     );
@@ -23858,16 +23843,16 @@ function TokenReviewPanel({
       width,
       height: height + 2,
       borderStyle: "single",
-      borderColor: active ? PALETTE.text : void 0,
+      borderColor: active ? PALETTE3.inverse : void 0,
       children: [
-        /* @__PURE__ */ jsx34(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, children: `TOKEN REVIEW \u2014 ${componentName}` }),
-        suggestions.length === 0 && /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
+        /* @__PURE__ */ jsx34(Text28, { bold: true, color: active ? void 0 : PALETTE3.muted, children: `TOKEN REVIEW \u2014 ${componentName}` }),
+        suggestions.length === 0 && /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, children: "(no token suggestions for this component)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
           return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx34(Box26, { children: /* @__PURE__ */ jsx34(Text28, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures6.pointer : " "} ${s.propName}` }) }),
-            /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
-            /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: `  allowed: ${s.allowed.join(", ")}` })
+            /* @__PURE__ */ jsx34(Box26, { children: /* @__PURE__ */ jsx34(Text28, { color: focused ? PALETTE3.info : active ? void 0 : PALETTE3.muted, bold: focused, children: `${focused ? figures6.pointer : " "} ${s.propName}` }) }),
+            /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
+            /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, children: `  allowed: ${s.allowed.join(", ")}` })
           ] }, s.propName);
         }),
         /* @__PURE__ */ jsx34(Text28, { children: " " }),
@@ -23952,9 +23937,9 @@ function ReviewDetailsPanel({
     const sourceLineCount = Math.max(1, height - 4);
     const lines = source ? source.split("\n").slice(panelScrollOffset, panelScrollOffset + sourceLineCount) : [];
     return /* @__PURE__ */ jsxs27(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
-      source ? lines.map((line, index) => /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, children: "(no source captured)" }),
-      /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, wrap: "truncate-end", children: "[s/Esc] close" })
+      /* @__PURE__ */ jsx35(Text29, { color: PALETTE3.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
+      source ? lines.map((line, index) => /* @__PURE__ */ jsx35(Text29, { color: PALETTE3.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx35(Text29, { color: PALETTE3.muted, children: "(no source captured)" }),
+      /* @__PURE__ */ jsx35(Text29, { color: PALETTE3.muted, wrap: "truncate-end", children: "[s/Esc] close" })
     ] });
   }
   if (panelOpen === "token-review") {
@@ -24104,17 +24089,17 @@ function ReviewEmptyComponentsWarning({
   hidden
 }) {
   if (hidden || count === 0) return null;
-  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
+  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE3.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx37(Box27, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx37(Text30, { color: PALETTE.muted, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx37(Box27, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx37(Text30, { color: PALETTE3.muted, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
   hidden
 }) {
   if (hidden || !message) return null;
-  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE.error, children: `\u26A0 ${message}` });
+  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE3.error, children: `\u26A0 ${message}` });
 }
 function ReviewPanelFooter({
   reviewEditor,
@@ -24138,7 +24123,7 @@ function ReviewComponentTitle({
   return /* @__PURE__ */ jsxs28(Box27, { paddingLeft: 2, paddingBottom: 1, children: [
     /* @__PURE__ */ jsx37(Text30, { bold: true, wrap: "truncate-end", children: selectedKey }),
     /* @__PURE__ */ jsx37(Box27, { flexGrow: 1 }),
-    /* @__PURE__ */ jsxs28(Text30, { color: PALETTE.muted, wrap: "truncate-end", children: [
+    /* @__PURE__ */ jsxs28(Text30, { color: PALETTE3.muted, wrap: "truncate-end", children: [
       propCount,
       " prop",
       propCount !== 1 ? "s" : "",
@@ -24194,8 +24179,8 @@ function ReviewComponentPanel({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx37(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx37(Text30, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
-    /* @__PURE__ */ jsx37(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx37(Text30, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx37(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx37(Text30, { color: saveError ? PALETTE3.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
+    /* @__PURE__ */ jsx37(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx37(Text30, { color: PALETTE3.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx37(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -24223,11 +24208,11 @@ function countReviewStatuses(entries) {
   );
 }
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx38(Box28, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx38(Box28, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx38(Text31, { color: PALETTE3.muted, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
   return /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx38(Text31, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx38(Text31, { color: PALETTE3.error, children: message }),
     /* @__PURE__ */ jsx38(Text31, { children: " " }),
     /* @__PURE__ */ jsx38(Text31, { children: "[q / Enter / Esc] Quit" })
   ] });
@@ -24463,41 +24448,41 @@ function FinalizeDialog({
     /* @__PURE__ */ jsx39(Text32, { bold: true, children: "\u2500".repeat(22) + " Finalize " + "\u2500".repeat(22) }),
     /* @__PURE__ */ jsx39(Text32, { children: " " }),
     /* @__PURE__ */ jsxs30(Text32, { children: [
-      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.success, children: [
+      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE3.success, children: [
         accepted,
         " accepted"
       ] }),
       /* @__PURE__ */ jsx39(Text32, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.error, children: [
+      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE3.error, children: [
         rejected,
         " rejected"
       ] }),
       /* @__PURE__ */ jsx39(Text32, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.muted, children: [
+      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE3.muted, children: [
         needsReview,
         " unresolved"
       ] })
     ] }),
     /* @__PURE__ */ jsx39(Text32, { children: " " }),
     noneAccepted && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-      /* @__PURE__ */ jsx39(Text32, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
-      /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
+      /* @__PURE__ */ jsx39(Text32, { bold: true, color: PALETTE3.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
+      /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
       /* @__PURE__ */ jsx39(Text32, { children: " " })
     ] }),
     !allResolved && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-      /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
-      /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
+      /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
+      /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.warning, children: "Only explicitly accepted components ship." }),
       /* @__PURE__ */ jsx39(Text32, { children: " " })
     ] }),
     /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", height: 2, children: [
-      previewStatus === "running" ? /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx39(Text32, { children: " " }),
+      previewStatus === "running" ? /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx39(Text32, { children: " " }),
       /* @__PURE__ */ jsx39(Text32, { children: " " })
     ] }),
     previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-      /* @__PURE__ */ jsx39(Text32, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
-      hasMoreAbove && /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "\u2191 more above" }),
-      windowed.map((rc) => /* @__PURE__ */ jsx39(Text32, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
-      hasMoreBelow && /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "\u2193 more below" }),
+      /* @__PURE__ */ jsx39(Text32, { bold: true, color: PALETTE3.error, children: removedComponentsHeader(removed.length, false) }),
+      hasMoreAbove && /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.muted, children: "\u2191 more above" }),
+      windowed.map((rc) => /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.error, children: removedComponentLine(rc) }, rc.id)),
+      hasMoreBelow && /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.muted, children: "\u2193 more below" }),
       removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx39(Text32, { children: "[\u2191\u2193] scroll deletions" }),
       /* @__PURE__ */ jsx39(Text32, { children: " " })
     ] }),
@@ -24991,8 +24976,8 @@ function ReviewStepDialogs({
 }
 function ReviewReloadDialog({ open }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx41(Text34, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
+  return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE3.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx41(Text34, { bold: true, color: PALETTE3.warning, children: "Reload from saved state?" }),
     /* @__PURE__ */ jsx41(Text34, { children: "Unsaved in-memory changes will be lost." }),
     /* @__PURE__ */ jsx41(Text34, { children: " " }),
     /* @__PURE__ */ jsx41(Text34, { children: "  [Enter]  Confirm" }),
@@ -25378,19 +25363,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__ */ jsx42(Text35, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
-  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx42(Text35, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
+  if (disabled) return /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.muted, children: "Preview: disabled (creds rejected)" });
+  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.muted, children: `Preview: ${spinner} running...` });
   if (!hasCounts) return null;
   return /* @__PURE__ */ jsxs33(Box32, { children: [
     /* @__PURE__ */ jsx42(Text35, { children: "Preview: " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.success, children: `${counts.new} new` }),
+    /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.success, children: `${counts.new} new` }),
     /* @__PURE__ */ jsx42(Text35, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.warning, children: `${counts.changed} changed` }),
+    /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.warning, children: `${counts.changed} changed` }),
     /* @__PURE__ */ jsx42(Text35, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.muted, children: `${counts.removed} removed` }),
+    /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.muted, children: `${counts.removed} removed` }),
     showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx42(Text35, { children: " ([d] removed list)" }),
     /* @__PURE__ */ jsx42(Text35, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
+    /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.error, bold: true, children: `${counts.breaking} breaking` })
   ] });
 }
 
@@ -25436,10 +25421,10 @@ function CyclePathLine({
   highlightComponents = false,
   highlightLine = false
 }) {
-  return /* @__PURE__ */ jsxs34(Text36, { color: highlightLine ? PALETTE.warning : void 0, children: [
+  return /* @__PURE__ */ jsxs34(Text36, { color: highlightLine ? PALETTE3.warning : void 0, children: [
     prefix,
     segments.map(
-      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE.accent, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: segment.text }, index) : /* @__PURE__ */ jsx43(Text36, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
+      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.info, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: segment.text }, index) : /* @__PURE__ */ jsx43(Text36, { color: highlightComponents ? PALETTE3.warning : void 0, children: segment.text }, index)
     )
   ] });
 }
@@ -25451,9 +25436,9 @@ function CycleDetailPanel({
   height
 }) {
   const lines = [
-    /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
+    /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE3.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
+    /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
+    /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
     /* @__PURE__ */ jsx43(Text36, { children: " " }, "cyc-space")
   ];
   cycles.forEach((cycle, index) => {
@@ -25465,7 +25450,7 @@ function CycleDetailPanel({
     );
     if (cycle.suggestedBreak) {
       lines.push(
-        /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
+        /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
       );
     }
     lines.push(/* @__PURE__ */ jsx43(Text36, { children: " " }, `cyc-s-${index}`));
@@ -25473,9 +25458,9 @@ function CycleDetailPanel({
   const footer = "[\u2191\u2193] move  [Enter] fix cycle  [c/q/Esc] close";
   const viewportHeight = Math.max(1, height - 3);
   const visible = lines.slice(scrollOffset, scrollOffset + viewportHeight - 1);
-  return /* @__PURE__ */ jsxs34(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
+  return /* @__PURE__ */ jsxs34(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE3.warning, paddingLeft: 1, children: [
     visible,
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: footer })
+    /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: footer })
   ] });
 }
 function BreakCyclePanel({
@@ -25486,14 +25471,14 @@ function BreakCyclePanel({
   width,
   height
 }) {
-  return /* @__PURE__ */ jsxs34(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
-    /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
+  return /* @__PURE__ */ jsxs34(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE3.warning, paddingLeft: 1, children: [
+    /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE3.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
     cycle && /* @__PURE__ */ jsx43(CyclePathLine, { segments: formatCyclePathSegments2(cycle), prefix: "  ", highlightComponents: true }),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
+    /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
     /* @__PURE__ */ jsx43(Text36, { children: " " }),
-    edges.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "remove slot edge:" }),
+    edges.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: "remove slot edge:" }),
     edges.map((edge, index) => /* @__PURE__ */ jsx43(Text36, { inverse: index === cursor, children: `${index === cursor ? figures7.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
-    confirming ? /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx43(Text36, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
+    confirming ? /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE3.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx43(Text36, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
   ] });
 }
 var HELP_SECTIONS2 = [
@@ -25599,7 +25584,7 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    return /* @__PURE__ */ jsx43(Box33, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
+    return /* @__PURE__ */ jsx43(Box33, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
   }
   return /* @__PURE__ */ jsx43(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
@@ -26516,8 +26501,8 @@ function GenerateReviewStepView({
       }
     ),
     /* @__PURE__ */ jsx43(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
-    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
-      /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
+    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE3.error, paddingX: 1, children: [
+      /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE3.error, children: removedComponentsHeader(removedComponents.length, true) }),
       !removedBannerCollapsed && /* @__PURE__ */ jsxs34(Fragment13, { children: [
         /* @__PURE__ */ jsx43(Text36, { children: " " }),
         removedComponents.map((rc) => /* @__PURE__ */ jsx43(Text36, { children: removedComponentLine(rc) }, rc.id))
@@ -26526,7 +26511,7 @@ function GenerateReviewStepView({
     breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx43(Box33, { paddingX: 1, children: /* @__PURE__ */ jsx43(
       Text36,
       {
-        color: PALETTE.warning,
+        color: PALETTE3.warning,
         children: `[b] ${breakingChanges.length} breaking change${breakingChanges.length === 1 ? "" : "s"}`
       }
     ) }),
@@ -26534,10 +26519,10 @@ function GenerateReviewStepView({
       const row = breakingRows[breakingCursor];
       const comp = row ? breakingChanges.find((b) => b.componentName === row.componentName) : void 0;
       if (!comp) return null;
-      return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
-        comp.impact && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
-        comp.changes.length === 0 ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx43(Text36, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
+      return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE3.warning, paddingX: 1, children: [
+        /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE3.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
+        comp.impact && /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
+        comp.changes.length === 0 ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx43(Text36, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
         /* @__PURE__ */ jsx43(Text36, { children: "[D/Esc] close detail" })
       ] });
     })(),
@@ -26560,11 +26545,11 @@ 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__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
-        /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
-        members.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
-        ancestors.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
-        /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
+      return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE3.error, paddingX: 1, children: [
+        /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
+        members.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.error, children: `  Cycle members: ${members.join(", ")}` }),
+        ancestors.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
+        /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
       ] });
     })(),
     /* @__PURE__ */ jsx43(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
@@ -26680,7 +26665,7 @@ function GenerateReviewStepView({
       ) : /* @__PURE__ */ jsx43(ReviewNoSelection, {})
     ] }),
     !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx43(Text36, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
+      /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.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__ */ jsx43(
           CyclePathLine,
@@ -26693,7 +26678,7 @@ function GenerateReviewStepView({
           `cyc-banner-${idx}`
         );
       }),
-      cycleRows.length > 3 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
+      cycleRows.length > 3 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.warning, children: `  \u2026${cycleRows.length - 3} more` }),
       /* @__PURE__ */ jsx43(Text36, { children: "  press [c] for detail" })
     ] }),
     /* @__PURE__ */ jsx43(
@@ -26716,8 +26701,8 @@ import { Box as Box34, Text as Text37 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/theme.ts
 import { defaultTheme as defaultTheme2, extendTheme as extendTheme2 } from "@inkjs/ui";
-var PALETTE3 = {
-  ...PALETTE,
+var PALETTE4 = {
+  ...PALETTE3,
   link: "#58A6FF"
 };
 var INK_UI_THEME = extendTheme2(defaultTheme2, {
@@ -26736,13 +26721,13 @@ var INK_UI_THEME = extendTheme2(defaultTheme2, {
 import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
 function CustomPromptBanner({ generatePromptPath }) {
   if (!generatePromptPath) return null;
-  return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE3.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx44(Text37, { color: PALETTE3.warning, bold: true, children: "WARNING: Custom prompt active" }),
-    generatePromptPath ? /* @__PURE__ */ jsxs35(Text37, { color: PALETTE3.warning, children: [
+  return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE4.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx44(Text37, { color: PALETTE4.warning, bold: true, children: "WARNING: Custom prompt active" }),
+    generatePromptPath ? /* @__PURE__ */ jsxs35(Text37, { color: PALETTE4.warning, children: [
       "components: ",
       generatePromptPath
     ] }) : null,
-    /* @__PURE__ */ jsx44(Text37, { color: PALETTE3.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
+    /* @__PURE__ */ jsx44(Text37, { color: PALETTE4.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
   ] });
 }
 
@@ -26767,10 +26752,10 @@ import { Box as Box35, Text as Text38 } from "ink";
 import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
 function SpaceEnvironment({ spaceId, environmentId }) {
   return /* @__PURE__ */ jsxs36(Box35, { gap: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx45(Text38, { color: PALETTE3.muted, children: "Space:" }),
+    /* @__PURE__ */ jsx45(Text38, { color: PALETTE4.muted, children: "Space:" }),
     /* @__PURE__ */ jsx45(Text38, { children: spaceId }),
-    /* @__PURE__ */ jsx45(Text38, { color: PALETTE3.muted, children: "/" }),
-    /* @__PURE__ */ jsx45(Text38, { color: PALETTE3.muted, children: "Environment:" }),
+    /* @__PURE__ */ jsx45(Text38, { color: PALETTE4.muted, children: "/" }),
+    /* @__PURE__ */ jsx45(Text38, { color: PALETTE4.muted, children: "Environment:" }),
     /* @__PURE__ */ jsx45(Text38, { children: environmentId })
   ] });
 }
@@ -26782,13 +26767,13 @@ function EntityRows({ entity, label }) {
   const plural3 = (n) => `${n} ${label}${n !== 1 ? "s" : ""}`;
   return /* @__PURE__ */ jsxs37(Fragment14, { children: [
     ACTIONS.filter((action) => entity[action] > 0).map((action) => /* @__PURE__ */ jsxs37(Text39, { children: [
-      /* @__PURE__ */ jsx46(Text39, { color: PALETTE3.success, children: "\u2713" }),
+      /* @__PURE__ */ jsx46(Text39, { color: PALETTE4.success, children: "\u2713" }),
       " ",
       plural3(entity[action]),
       " ",
       action
     ] }, action)),
-    entity.failed > 0 && /* @__PURE__ */ jsxs37(Text39, { color: PALETTE3.error, children: [
+    entity.failed > 0 && /* @__PURE__ */ jsxs37(Text39, { color: PALETTE4.error, children: [
       "\u2717 ",
       plural3(entity.failed),
       " failed \u2014 check logs above"
@@ -26797,8 +26782,8 @@ function EntityRows({ entity, label }) {
 }
 function LinkRow({ title, url }) {
   return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx46(Text39, { color: PALETTE3.muted, children: title }),
-    /* @__PURE__ */ jsx46(Text39, { color: PALETTE3.link, children: url })
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE4.muted, children: title }),
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE4.link, children: url })
   ] });
 }
 function DoneStep({
@@ -26821,17 +26806,17 @@ function DoneStep({
   const success = totalFailed === 0;
   const urlArgs = { host: host ?? "api.contentful.com", spaceId, environmentId };
   return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    success ? /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE3.success, children: "Done!" }) : /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE3.warning, children: "\u26A0 Finished with errors" }),
-    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx46(Text39, { color: PALETTE3.muted, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
+    success ? /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE4.success, children: "Done!" }) : /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE4.warning, children: "\u26A0 Finished with errors" }),
+    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx46(Text39, { color: PALETTE4.muted, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx46(EntityRows, { entity: componentTypes, label: "Component Type" }),
       /* @__PURE__ */ jsx46(EntityRows, { entity: designTokens, label: "Design Token" }),
-      summary && /* @__PURE__ */ jsx46(Box36, { marginTop: 1, children: /* @__PURE__ */ jsxs37(Text39, { color: PALETTE3.muted, children: [
+      summary && /* @__PURE__ */ jsx46(Box36, { marginTop: 1, children: /* @__PURE__ */ jsxs37(Text39, { color: PALETTE4.muted, children: [
         "Push result: ",
         summary.succeeded,
         "/",
         summary.total,
         " succeeded",
-        summary.failed > 0 && /* @__PURE__ */ jsxs37(Text39, { color: PALETTE3.error, children: [
+        summary.failed > 0 && /* @__PURE__ */ jsxs37(Text39, { color: PALETTE4.error, children: [
           ", ",
           summary.failed,
           " failed"
@@ -26839,8 +26824,8 @@ function DoneStep({
       ] }) })
     ] }),
     failures.length > 0 && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE3.error, children: "Failure details" }),
-      failures.map((failure) => /* @__PURE__ */ jsxs37(Text39, { color: PALETTE3.error, children: [
+      /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE4.error, children: "Failure details" }),
+      failures.map((failure) => /* @__PURE__ */ jsxs37(Text39, { color: PALETTE4.error, children: [
         failure.entityType,
         " ",
         failure.entityId,
@@ -26850,7 +26835,7 @@ function DoneStep({
     ] }),
     /* @__PURE__ */ jsx46(SpaceEnvironment, { spaceId, environmentId }),
     success && totalPushed > 0 && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx46(Text39, { color: PALETTE3.success, children: "Your design system is now in Contentful Experiences." }),
+      /* @__PURE__ */ jsx46(Text39, { color: PALETTE4.success, children: "Your design system is now in Contentful Experiences." }),
       /* @__PURE__ */ jsx46(LinkRow, { title: "View your components here:", url: buildPostPushUrl2(urlArgs) }),
       /* @__PURE__ */ jsx46(
         LinkRow,
@@ -26964,7 +26949,7 @@ function PathPrompt({
         label,
         ":"
       ] }),
-      /* @__PURE__ */ jsx47(Text40, { color: isPlaceholder ? PALETTE3.muted : void 0, children: shown }),
+      /* @__PURE__ */ jsx47(Text40, { color: isPlaceholder ? PALETTE4.muted : void 0, children: shown }),
       /* @__PURE__ */ jsx47(Text40, { children: cursor })
     ] }),
     /* @__PURE__ */ jsxs38(Box37, { gap: 3, children: [
@@ -27030,12 +27015,12 @@ function PushingStep({ stepNumber, totalSteps, progress }) {
     /* @__PURE__ */ jsx50(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
     /* @__PURE__ */ jsx50(Text42, { children: "Writing component types and design tokens to your Contentful space..." }),
     operationId && /* @__PURE__ */ jsxs40(Box39, { gap: 1, children: [
-      /* @__PURE__ */ jsx50(Text42, { color: PALETTE3.muted, children: "Operation:" }),
+      /* @__PURE__ */ jsx50(Text42, { color: PALETTE4.muted, children: "Operation:" }),
       /* @__PURE__ */ jsx50(Text42, { children: operationId })
     ] }),
     showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx50(Box39, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs40(Box39, { gap: 2, children: [
       /* @__PURE__ */ jsx50(Box39, { width: 40, children: /* @__PURE__ */ jsx50(ThemeProvider2, { theme: INK_UI_THEME, children: /* @__PURE__ */ jsx50(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
-      /* @__PURE__ */ jsxs40(Text42, { color: PALETTE3.muted, children: [
+      /* @__PURE__ */ jsxs40(Text42, { color: PALETTE4.muted, children: [
         progress.processed,
         "/",
         progress.total,
@@ -27043,10 +27028,10 @@ function PushingStep({ stepNumber, totalSteps, progress }) {
       ] })
     ] }) }),
     showCurrent && /* @__PURE__ */ jsxs40(Box39, { gap: 1, children: [
-      /* @__PURE__ */ jsx50(Text42, { color: PALETTE3.muted, children: "Now processing:" }),
+      /* @__PURE__ */ jsx50(Text42, { color: PALETTE4.muted, children: "Now processing:" }),
       /* @__PURE__ */ jsx50(Text42, { children: showCurrent })
     ] }),
-    /* @__PURE__ */ jsx50(Box39, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE3.muted, children: [
+    /* @__PURE__ */ jsx50(Box39, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE4.muted, children: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -27236,25 +27221,25 @@ function buildPreviewSummaryLines(preview) {
   if (components.new.length > 0) {
     lines.push({
       key: "summary-components-new",
-      color: PALETTE3.success,
+      color: PALETTE4.success,
       text: ` \uFF0B ${components.new.length} components will be created`
     });
     for (const [index, item] of components.new.entries()) {
       const name = item.key ?? item.$name ?? "unknown";
-      lines.push({ key: `summary-components-new-${index}`, color: PALETTE3.success, text: `  + ${name}` });
+      lines.push({ key: `summary-components-new-${index}`, color: PALETTE4.success, text: `  + ${name}` });
     }
   }
   if (components.changed.length > 0) {
     lines.push({
       key: "summary-components-changed",
-      color: PALETTE3.warning,
+      color: PALETTE4.warning,
       text: ` \uFF5E ${components.changed.length} components will be updated`
     });
     for (const [index, item] of components.changed.entries()) {
       const isBreaking = item.changeClassification?.classification === "breaking";
       lines.push({
         key: `summary-components-changed-${index}`,
-        color: isBreaking ? PALETTE3.error : PALETTE3.warning,
+        color: isBreaking ? PALETTE4.error : PALETTE4.warning,
         text: ` ${isBreaking ? "\u26A0" : "~"} ${item.current.name}`
       });
     }
@@ -27262,11 +27247,11 @@ function buildPreviewSummaryLines(preview) {
   if (components.removed.length > 0) {
     lines.push({
       key: "summary-components-removed",
-      color: PALETTE3.warning,
+      color: PALETTE4.warning,
       text: ` \u2298 ${components.removed.length} components will be skipped`
     });
     for (const [index, item] of components.removed.entries()) {
-      lines.push({ key: `summary-components-removed-${index}`, color: PALETTE3.warning, text: ` \u2298 ${item.name}` });
+      lines.push({ key: `summary-components-removed-${index}`, color: PALETTE4.warning, text: ` \u2298 ${item.name}` });
     }
   }
   if (components.unchanged.length > 0) {
@@ -27279,21 +27264,21 @@ function buildPreviewSummaryLines(preview) {
   if (tokens.new.length > 0) {
     lines.push({
       key: "summary-tokens-new",
-      color: PALETTE3.success,
+      color: PALETTE4.success,
       text: ` \uFF0B ${tokens.new.length} design tokens will be created`
     });
   }
   if (tokens.changed.length > 0) {
     lines.push({
       key: "summary-tokens-changed",
-      color: PALETTE3.warning,
+      color: PALETTE4.warning,
       text: ` \uFF5E ${tokens.changed.length} design tokens will be updated`
     });
   }
   if (tokens.removed.length > 0) {
     lines.push({
       key: "summary-tokens-removed",
-      color: PALETTE3.warning,
+      color: PALETTE4.warning,
       text: ` \u2298 ${tokens.removed.length} design tokens will be skipped`
     });
   }
@@ -27337,12 +27322,12 @@ function getPreviewScrollOffset(input, downArrow, upArrow, diffExpanded, current
 function appendChangedPreviewLine(lines, keyPrefix, name, hasPendingDraftChanges, changeClassification) {
   lines.push({
     key: `${keyPrefix}-h-${name}`,
-    color: PALETTE3.warning,
+    color: PALETTE4.warning,
     text: ` ~ ${name}${hasPendingDraftChanges ? " \u26A1 has pending draft changes" : ""}`
   });
   if (changeClassification?.classification !== "breaking") return;
   const reasons = changeClassification.breakingChanges.map((bc) => `${"slotId" in bc ? bc.slotId : bc.propertyId}: ${bc.reason}`).join(", ");
-  lines.push({ key: `${keyPrefix}-b-${name}`, color: PALETTE3.error, text: ` \u26A0 BREAKING: ${reasons}` });
+  lines.push({ key: `${keyPrefix}-b-${name}`, color: PALETTE4.error, text: ` \u26A0 BREAKING: ${reasons}` });
 }
 function buildPreviewDiffLines(preview) {
   const lines = [];
@@ -27350,12 +27335,12 @@ function buildPreviewDiffLines(preview) {
   for (const item of components.new) {
     const raw = item;
     const name = raw.key ?? raw.$name ?? "unknown";
-    lines.push({ key: `comp-new-${name}`, color: PALETTE3.success, text: ` + ${name}` });
+    lines.push({ key: `comp-new-${name}`, color: PALETTE4.success, text: ` + ${name}` });
     const slots = raw.$slots ?? {};
     for (const slotName of Object.keys(slots).sort()) {
       lines.push({
         key: `comp-new-${name}-slot-${slotName}`,
-        color: PALETTE3.success,
+        color: PALETTE4.success,
         text: `   slot: ${slotName}`
       });
       const allowed = slots[slotName]?.["$allowedComponents"];
@@ -27363,14 +27348,14 @@ function buildPreviewDiffLines(preview) {
         const names = allowed.filter((n) => typeof n === "string");
         lines.push({
           key: `comp-new-${name}-slot-${slotName}-allow`,
-          color: PALETTE3.success,
+          color: PALETTE4.success,
           text: `     allowedComponents: [${names.join(", ")}]`
         });
       }
     }
   }
   for (const item of components.removed) {
-    lines.push({ key: `comp-rm-${item.name}`, color: PALETTE3.error, text: ` - ${item.name}` });
+    lines.push({ key: `comp-rm-${item.name}`, color: PALETTE4.error, text: ` - ${item.name}` });
   }
   for (const item of components.changed) {
     appendChangedPreviewLine(lines, "comp", item.current.name, item.hasPendingDraftChanges, item.changeClassification);
@@ -27401,10 +27386,10 @@ function buildPreviewDiffLines(preview) {
   for (const item of tokens.new) {
     const raw = item;
     const name = raw.name ?? raw.path ?? "unknown";
-    lines.push({ key: `tok-new-${name}`, color: PALETTE3.success, text: ` + ${name}` });
+    lines.push({ key: `tok-new-${name}`, color: PALETTE4.success, text: ` + ${name}` });
   }
   for (const item of tokens.removed) {
-    lines.push({ key: `tok-rm-${item.name}`, color: PALETTE3.error, text: ` - ${item.name}` });
+    lines.push({ key: `tok-rm-${item.name}`, color: PALETTE4.error, text: ` - ${item.name}` });
   }
   for (const item of tokens.changed) {
     const tokenName = item.current.name;
@@ -27495,13 +27480,13 @@ function WizardPreviewStep({
           title: diffExpanded ? `Diff (${diffLines.length} lines)` : "",
           focused: false,
           children: [
-            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx51(Text43, { color: line.color === "gray" ? PALETTE3.muted : line.color, wrap: "truncate-end", children: line.text }, line.key)),
-            /* @__PURE__ */ jsx51(Text43, { color: PALETTE3.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
+            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx51(Text43, { color: line.color === "gray" ? PALETTE4.muted : line.color, wrap: "truncate-end", children: line.text }, line.key)),
+            /* @__PURE__ */ jsx51(Text43, { color: PALETTE4.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
           ]
         }
       )
-    ] }) : /* @__PURE__ */ jsx51(Text43, { color: PALETTE3.muted, children: "Nothing to push \u2014 everything is already up to date." }),
-    breakingWithImpact && /* @__PURE__ */ jsx51(Box40, { marginTop: 1, children: /* @__PURE__ */ jsx51(Text43, { color: PALETTE3.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
+    ] }) : /* @__PURE__ */ jsx51(Text43, { color: PALETTE4.muted, children: "Nothing to push \u2014 everything is already up to date." }),
+    breakingWithImpact && /* @__PURE__ */ jsx51(Box40, { marginTop: 1, children: /* @__PURE__ */ jsx51(Text43, { color: PALETTE4.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
     /* @__PURE__ */ jsx51(SpaceEnvironment, { spaceId, environmentId }),
     /* @__PURE__ */ jsxs41(Box40, { gap: 3, marginTop: 1, children: [
       /* @__PURE__ */ jsx51(Text43, { children: "[Enter] Push to Contentful" }),
@@ -28047,7 +28032,7 @@ var realSaveDeps = () => ({
   writeFile: (path5, contents) => writeFile7(path5, contents),
   appendRun,
   buildSourceFingerprint,
-  sleep: (ms) => new Promise((resolve27) => setTimeout(resolve27, ms)),
+  sleep: (ms) => new Promise((resolve28) => setTimeout(resolve28, ms)),
   warn: (message) => process.stderr.write(message)
 });
 async function runPrintFiles(input, deps, onPatch) {
@@ -28437,12 +28422,44 @@ init_config();
 init_debug_store();
 init_debug_mode_store();
 init_version();
+
+// packages/experience-design-system-cli/src/tui/help/file-locations.ts
+import { join as join25, resolve as resolve27 } from "node:path";
+function describeFileLocations({
+  contentfulBaseDir,
+  debugModeEnabled,
+  currentSessionDir: currentSessionDir2
+}) {
+  if (!debugModeEnabled) {
+    return {
+      debugLogs: "none while Debug Mode is off",
+      importFiles: `${join25("<project>", ".contentful")}/ (tokens.json, components.json)`
+    };
+  }
+  const base = contentfulBaseDir ? resolve27(contentfulBaseDir) : "<project>";
+  const session = currentSessionDir2 ?? join25(base, ".contentful", "<date>-session-<n>");
+  return {
+    debugLogs: join25(session, "debug"),
+    importFiles: `${join25(session, "dsi-import-<n>")}/ (tokens.json, components.json)`
+  };
+}
+
+// packages/experience-design-system-cli/src/tui/help/help-info.ts
 async function readHelpInfo() {
-  const debugMode = await readDebugModeSetting();
+  const [debugMode, settings] = await Promise.all([readDebugModeSetting(), readSettings2()]);
+  const base = settings["contentfulBaseDir"];
+  const locations = describeFileLocations({
+    contentfulBaseDir: typeof base === "string" ? base : "",
+    debugModeEnabled: debugMode.enabled,
+    currentSessionDir: currentSessionDir()
+  });
   return {
     storage: [
       { label: "Config folder", value: configRoot2() },
-      { label: "Settings file", value: configFilePath2() }
+      { label: "Settings file", value: configFilePath2() },
+      { label: "Agent settings", value: `${configFilePath2()} (keys: agent, agentModel, agents)` },
+      { label: "Debug logs", value: locations.debugLogs },
+      { label: "Import files", value: locations.importFiles }
     ],
     troubleshooting: [
       { label: "CLI version", value: readPackageVersion() },
@@ -28463,7 +28480,7 @@ function Section({ title, rows }) {
   return /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx53(Text44, { bold: true, color: PALETTE.accent, children: title }),
     rows.map((row) => /* @__PURE__ */ jsxs43(Box42, { gap: 1, children: [
-      /* @__PURE__ */ jsx53(Box42, { width: 14, flexShrink: 0, children: /* @__PURE__ */ jsx53(Text44, { color: PALETTE.muted, children: row.label }) }),
+      /* @__PURE__ */ jsx53(Box42, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx53(Text44, { color: PALETTE.muted, children: row.label }) }),
       /* @__PURE__ */ jsx53(Text44, { children: row.value })
     ] }, row.label))
   ] });
@@ -28563,15 +28580,586 @@ function SettingsScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
-import { useEffect as useEffect22, useState as useState29 } from "react";
+import { useState as useState32 } from "react";
+import { Box as Box48, Text as Text50, useInput as useInput13 } from "ink";
+
+// packages/experience-design-system-cli/src/tui/settings/agents/AgentScreens.tsx
+import { useEffect as useEffect22, useState as useState30 } from "react";
+import { Box as Box46, Text as Text48, useInput as useInput12 } from "ink";
+init_debug_store();
+
+// packages/experience-design-system-cli/src/tui/settings/shared/FieldForm.tsx
+import { useState as useState29 } from "react";
 import { Box as Box44, Text as Text46, useInput as useInput11 } from "ink";
 import TextInput4 from "ink-text-input";
+import { Fragment as Fragment17, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
+function FieldForm({
+  title,
+  subtitle,
+  fields,
+  values,
+  onChange,
+  onSave,
+  onQuit,
+  notice,
+  busy = false,
+  footer,
+  actions = []
+}) {
+  const [active, setActive] = useState29(0);
+  const [editing, setEditing] = useState29(false);
+  const [valueBeforeEdit, setValueBeforeEdit] = useState29("");
+  const labelWidth = Math.max(...fields.map((field) => field.label.length));
+  const current = fields[active];
+  useInput11((input, key) => {
+    if (busy) return;
+    if (editing) {
+      if (key.escape) {
+        onChange(current.key, valueBeforeEdit);
+        setEditing(false);
+      }
+      return;
+    }
+    if (key.escape || input === "q") {
+      onQuit();
+      return;
+    }
+    if (input === "s") {
+      onSave();
+      return;
+    }
+    if (input === "c") {
+      onChange(current.key, "");
+      return;
+    }
+    const action = actions.find((candidate) => candidate.key === input);
+    if (action) {
+      action.run();
+      return;
+    }
+    if (key.tab || key.downArrow) {
+      setActive((i) => (i + 1) % fields.length);
+      return;
+    }
+    if (key.upArrow) {
+      setActive((i) => (i - 1 + fields.length) % fields.length);
+      return;
+    }
+    if (key.return) {
+      setValueBeforeEdit(values[current.key]);
+      setEditing(true);
+    }
+  });
+  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx55(Text46, { bold: true, children: title }),
+    subtitle && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: subtitle }),
+    /* @__PURE__ */ jsx55(Text46, { children: " " }),
+    /* @__PURE__ */ jsx55(Box44, { flexDirection: "column", children: fields.map((field, index) => {
+      const isActive = index === active;
+      const value = values[field.key];
+      const display = field.masked ? "\u2022".repeat(value.length) : value;
+      return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
+        /* @__PURE__ */ jsx55(Text46, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " }),
+        /* @__PURE__ */ jsx55(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
+        isActive && editing ? /* @__PURE__ */ jsx55(
+          TextInput4,
+          {
+            value,
+            onChange: (next) => onChange(field.key, next),
+            onSubmit: () => setEditing(false),
+            mask: field.masked ? "\u2022" : void 0
+          }
+        ) : /* @__PURE__ */ jsx55(Text46, { bold: !!display, children: display || (field.hint ? "" : /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: "(empty)" })) }),
+        field.hint && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: field.hint })
+      ] }, field.key);
+    }) }),
+    notice && /* @__PURE__ */ jsxs45(Fragment17, { children: [
+      /* @__PURE__ */ jsx55(Text46, { children: " " }),
+      /* @__PURE__ */ jsxs45(Text46, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+        notice.kind === "success" ? "\u2713" : "\u2717",
+        " ",
+        notice.text
+      ] })
+    ] }),
+    footer,
+    /* @__PURE__ */ jsx55(Text46, { children: " " }),
+    /* @__PURE__ */ jsx55(
+      ControlHints,
+      {
+        hints: editing ? [
+          { keys: "type", label: "edit" },
+          { keys: "\u2190/\u2192", label: "move cursor" },
+          { keys: "\u23CE", label: "done" },
+          { keys: "Esc", label: "cancel edit" }
+        ] : [
+          { keys: "\u2191/\u2193", label: "move" },
+          { keys: "\u23CE", label: "edit" },
+          { keys: "c", label: "clear" },
+          { keys: "s", label: "save" },
+          ...actions.map(({ key, label }) => ({ keys: key, label })),
+          { keys: "Esc/q", label: "back without saving" }
+        ]
+      }
+    )
+  ] });
+}
 
 // packages/experience-design-system-cli/src/tui/settings/utils/v1-store.ts
 init_config();
 var readV1Store = readSettings2;
 var writeV1Store = writeSettings2;
 
+// packages/experience-design-system-cli/src/tui/settings/agents/agent-store.ts
+var DEFAULT_AGENT3 = "claude";
+var AGENT_LABELS = {
+  claude: "Claude Code",
+  codex: "OpenAI Codex",
+  opencode: "OpenCode",
+  cursor: "Cursor",
+  copilot: "GitHub Copilot"
+};
+var AGENT_HINTS = {
+  claude: "claude",
+  codex: "codex",
+  opencode: "opencode",
+  cursor: "cursor-agent",
+  copilot: "copilot"
+};
+var asString = (value) => typeof value === "string" ? value : "";
+function emptyAgents() {
+  return Object.fromEntries(AGENT_NAMES.map((name) => [name, { model: "", binary: "" }]));
+}
+async function readAgentConfig() {
+  const store = await readV1Store();
+  const stored = asString(store["agent"]);
+  const defaultAgent = isAgentName(stored) ? stored : DEFAULT_AGENT3;
+  const agents = emptyAgents();
+  const saved = store["agents"];
+  if (saved && typeof saved === "object") {
+    for (const name of AGENT_NAMES) {
+      const entry = saved[name];
+      if (entry && typeof entry === "object") {
+        const fields = entry;
+        agents[name] = { model: asString(fields["model"]), binary: asString(fields["binary"]) };
+      }
+    }
+  }
+  const legacyModel = asString(store["agentModel"]);
+  if (legacyModel && !agents[defaultAgent].model)
+    agents[defaultAgent] = { ...agents[defaultAgent], model: legacyModel };
+  return { defaultAgent, agents };
+}
+async function writeAgentConfig(config) {
+  const existing = await readV1Store();
+  const merged = { ...existing };
+  const agents = {};
+  for (const name of AGENT_NAMES) {
+    const model = config.agents[name].model.trim();
+    const binary = config.agents[name].binary.trim();
+    if (model || binary) agents[name] = { ...model ? { model } : {}, ...binary ? { binary } : {} };
+  }
+  merged["agent"] = config.defaultAgent;
+  const defaultModel = agents[config.defaultAgent]?.model;
+  if (defaultModel) merged["agentModel"] = defaultModel;
+  else delete merged["agentModel"];
+  if (Object.keys(agents).length > 0) merged["agents"] = agents;
+  else delete merged["agents"];
+  await writeV1Store(merged);
+}
+
+// packages/experience-design-system-cli/src/tui/settings/agents/agent-status.ts
+import { execFile as execFile2 } from "node:child_process";
+import { access as access6, constants } from "node:fs/promises";
+var VERSION_TIMEOUT_MS = 5e3;
+var PROMPT_TIMEOUT_MS = 6e4;
+var TEST_PROMPT = "Reply with the single word: ok";
+var INSTALL_HINTS = {
+  claude: "npm install -g @anthropic-ai/claude-code",
+  codex: "npm install -g @openai/codex",
+  opencode: "npm install -g opencode-ai",
+  cursor: "install Cursor\u2019s `cursor-agent` command",
+  copilot: "npm install -g @github/copilot"
+};
+var LOGIN_HINTS = {
+  claude: "run `claude login`",
+  codex: "set OPENAI_API_KEY, or sign in with a ChatGPT account",
+  opencode: "run `opencode auth`",
+  cursor: "sign in from Cursor",
+  copilot: "run `copilot` and sign in"
+};
+function effectiveBinary(name, savedBinary) {
+  return savedBinary.trim() || AGENT_BINARIES[name];
+}
+function defaultModelLabel(name) {
+  const model = DEFAULT_MODELS[name];
+  return model && model !== "Auto" ? model : "chosen by the agent";
+}
+var fail3 = (step, detail) => ({ step, ok: false, detail });
+var pass = (step, detail) => ({ step, ok: true, detail });
+function resolveOnPath(binary) {
+  if (binary.includes("/")) {
+    return access6(binary, constants.X_OK).then(
+      () => binary,
+      () => null
+    );
+  }
+  return new Promise((resolve28) => {
+    execFile2(
+      process.platform === "win32" ? "where" : "which",
+      [binary],
+      (error, stdout) => resolve28(error ? null : stdout.split("\n")[0]?.trim() ?? null)
+    );
+  });
+}
+function readVersion(binary) {
+  return new Promise((resolve28) => {
+    execFile2(binary, ["--version"], { timeout: VERSION_TIMEOUT_MS }, (error, stdout) => {
+      const line = stdout.split("\n")[0]?.trim() ?? "";
+      if (!error && line) resolve28(pass("version", line));
+      else resolve28(fail3("version", "runs, but did not report a version"));
+    });
+  });
+}
+async function inspectAgent(name, binary) {
+  const target = effectiveBinary(name, binary);
+  const found = await resolveOnPath(target);
+  if (!found) return [fail3("path", `\`${target}\` was not found or is not executable`)];
+  const checks = [pass("path", found)];
+  checks.push(await readVersion(found));
+  if (name === "claude") {
+    const auth = await withBinaryEnv(name, found, () => checkAgentAuth(name));
+    checks.push(
+      auth === "ok" ? pass("login", "logged in") : fail3("login", auth === "not-found" ? "binary not found" : `not logged in: ${LOGIN_HINTS.claude}`)
+    );
+  }
+  return checks;
+}
+async function testAgent(name, binary, model) {
+  const checks = await inspectAgent(name, binary);
+  if (!checks.every((check) => check.step === "version" || check.ok)) return checks;
+  const target = effectiveBinary(name, binary);
+  const found = await resolveOnPath(target) ?? target;
+  const started = Date.now();
+  const result = await withBinaryEnv(
+    name,
+    found,
+    () => createLocalCliAgentInvoker().invoke({
+      agent: name,
+      ...model.trim() ? { model: model.trim() } : {},
+      prompt: TEST_PROMPT,
+      timeoutMs: PROMPT_TIMEOUT_MS
+    })
+  );
+  const seconds = ((Date.now() - started) / 1e3).toFixed(1);
+  if (result.timedOut) return [...checks, fail3("prompt", `no answer within ${PROMPT_TIMEOUT_MS / 1e3}s`)];
+  if (result.exitCode !== 0) {
+    const reason = result.stderr.trim().split("\n").pop()?.slice(0, 160) || `exited with code ${result.exitCode}`;
+    return [...checks, fail3("prompt", reason)];
+  }
+  return [...checks, pass("prompt", `answered in ${seconds}s`)];
+}
+function statusFromChecks(name, checks) {
+  if (checks.length === 0) return "checking";
+  if (checks.some((check) => check.step === "path" && !check.ok)) return "not-found";
+  const login = checks.find((check) => check.step === "login");
+  if (login) return login.ok ? "ready" : "not-logged-in";
+  const prompt = checks.find((check) => check.step === "prompt");
+  if (prompt) return prompt.ok ? "ready" : "not-logged-in";
+  return name === "claude" ? "ready" : "unknown";
+}
+function nextStepHint(name, status) {
+  if (status === "not-found") return INSTALL_HINTS[name];
+  if (status === "not-logged-in") return LOGIN_HINTS[name];
+  if (status === "unknown") return "run a full test to confirm it is logged in";
+  return "";
+}
+async function withBinaryEnv(name, binary, run) {
+  const key = `EDS_AGENT_BINARY_${name.toUpperCase()}`;
+  const previous = process.env[key];
+  process.env[key] = binary;
+  try {
+    return await run();
+  } finally {
+    if (previous === void 0) delete process.env[key];
+    else process.env[key] = previous;
+  }
+}
+
+// packages/experience-design-system-cli/src/tui/settings/agents/AgentStatusLine.tsx
+import { Box as Box45, Text as Text47 } from "ink";
+import { jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
+var STATUS_TEXT = {
+  checking: "checking...",
+  ready: "ready",
+  "not-found": "not found",
+  "not-logged-in": "not logged in",
+  unknown: "found, login not checked"
+};
+var STATUS_COLOR = {
+  checking: PALETTE.muted,
+  ready: PALETTE.success,
+  "not-found": PALETTE.error,
+  "not-logged-in": PALETTE.error,
+  unknown: PALETTE.muted
+};
+function AgentStatusBadge({
+  name,
+  checks
+}) {
+  const status = checks ? statusFromChecks(name, checks) : "checking";
+  return /* @__PURE__ */ jsx56(Text47, { color: STATUS_COLOR[status], children: STATUS_TEXT[status] });
+}
+function AgentChecks({
+  name,
+  checks
+}) {
+  if (!checks) {
+    return /* @__PURE__ */ jsx56(Box45, { marginTop: 1, children: /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: "Checking..." }) });
+  }
+  const status = statusFromChecks(name, checks);
+  const hint = nextStepHint(name, status);
+  return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsxs46(Text47, { bold: true, children: [
+      "Status: ",
+      /* @__PURE__ */ jsx56(Text47, { color: STATUS_COLOR[status], children: STATUS_TEXT[status] })
+    ] }),
+    checks.map((check) => /* @__PURE__ */ jsxs46(Text47, { color: check.ok ? PALETTE.success : PALETTE.muted, children: [
+      check.ok ? "\u2713" : "\xB7",
+      " ",
+      check.step,
+      ": ",
+      check.detail
+    ] }, check.step)),
+    hint && /* @__PURE__ */ jsxs46(Text47, { color: PALETTE.muted, children: [
+      "Next: ",
+      hint
+    ] })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/settings/agents/apply-binary-overrides.ts
+var shellValues = /* @__PURE__ */ new Map();
+function applyBinaryOverrides(config) {
+  for (const name of AGENT_NAMES) {
+    const key = `EDS_AGENT_BINARY_${name.toUpperCase()}`;
+    const binary = config.agents[name].binary.trim();
+    if (binary) {
+      if (!shellValues.has(key)) shellValues.set(key, process.env[key]);
+      process.env[key] = binary;
+    } else if (shellValues.has(key)) {
+      const shellValue = shellValues.get(key);
+      if (shellValue === void 0) delete process.env[key];
+      else process.env[key] = shellValue;
+      shellValues.delete(key);
+    }
+  }
+}
+
+// packages/experience-design-system-cli/src/tui/settings/agents/AgentScreens.tsx
+import { Fragment as Fragment18, jsx as jsx57, jsxs as jsxs47 } from "react/jsx-runtime";
+var agentFields = (name) => [
+  { key: "binary", label: "Command path", hint: `(empty: \`${AGENT_HINTS[name]}\` from the PATH)` },
+  { key: "model", label: "Model", hint: `(empty: ${defaultModelLabel(name)})` }
+];
+var ROWS = [{ kind: "default" }, ...AGENT_NAMES.map((name) => ({ kind: "agent", name }))];
+function AgentForm({
+  name,
+  config,
+  setConfig,
+  onBack
+}) {
+  const [saving, setSaving] = useState30(false);
+  const [testing, setTesting] = useState30(false);
+  const [notice, setNotice] = useState30(null);
+  const [checks, setChecks] = useState30(void 0);
+  const settings = config.agents[name];
+  useEffect22(() => {
+    let current = true;
+    setChecks(void 0);
+    void inspectAgent(name, settings.binary).then((result) => current && setChecks(result));
+    return () => {
+      current = false;
+    };
+  }, [name, settings.binary]);
+  const save = () => {
+    setSaving(true);
+    setNotice(null);
+    writeAgentConfig(config).then(() => {
+      applyBinaryOverrides(config);
+      setNotice({ kind: "success", text: `${AGENT_LABELS[name]} settings saved` });
+    }).catch(
+      (err) => setNotice({ kind: "error", text: err instanceof Error ? err.message : "Failed to save" })
+    ).finally(() => setSaving(false));
+  };
+  const runFullTest = () => {
+    setTesting(true);
+    setNotice(null);
+    setChecks(void 0);
+    testAgent(name, settings.binary, settings.model).then(setChecks).catch(
+      (err) => setNotice({ kind: "error", text: err instanceof Error ? err.message : "The test could not run" })
+    ).finally(() => setTesting(false));
+  };
+  return /* @__PURE__ */ jsx57(
+    FieldForm,
+    {
+      title: AGENT_LABELS[name],
+      subtitle: `Runs the \`${AGENT_HINTS[name]}\` command. ${config.defaultAgent === name ? "This is the default agent." : ""}`.trim(),
+      fields: agentFields(name),
+      values: { binary: settings.binary, model: settings.model },
+      onChange: (key, value) => {
+        setConfig({ ...config, agents: { ...config.agents, [name]: { ...settings, [key]: value } } });
+        setNotice(null);
+      },
+      onSave: save,
+      onQuit: onBack,
+      notice,
+      busy: saving || testing,
+      footer: /* @__PURE__ */ jsx57(AgentChecks, { name, checks }),
+      actions: [{ key: "t", label: "full test (uses a few tokens)", run: runFullTest }]
+    }
+  );
+}
+function AgentsScreen({ onDone }) {
+  const [config, setConfig] = useState30(null);
+  const [focus, setFocus] = useState30(0);
+  const [open, setOpen] = useState30(null);
+  const [notice, setNotice] = useState30(null);
+  const [checks, setChecks] = useState30({});
+  const inspectAll = (loaded) => {
+    for (const name of AGENT_NAMES) {
+      void inspectAgent(name, loaded.agents[name].binary).then(
+        (result) => setChecks((previous) => ({ ...previous, [name]: result }))
+      );
+    }
+  };
+  useEffect22(() => {
+    void readAgentConfig().then((loaded) => {
+      setConfig(loaded);
+      inspectAll(loaded);
+      startDebugRun({
+        flow: "settings/agents",
+        step: "01-agents",
+        menuOption: "Configuration > Agents",
+        inputs: { default_agent: loaded.defaultAgent }
+      });
+    });
+  }, []);
+  const cycleDefault = (step) => {
+    if (!config) return;
+    const index = AGENT_NAMES.indexOf(config.defaultAgent);
+    const next = { ...config, defaultAgent: AGENT_NAMES[(index + step + AGENT_NAMES.length) % AGENT_NAMES.length] };
+    setConfig(next);
+    writeAgentConfig(next).then(() => setNotice({ kind: "success", text: `Default agent is now ${AGENT_LABELS[next.defaultAgent]}` })).catch(
+      (err) => setNotice({ kind: "error", text: err instanceof Error ? err.message : "Failed to save" })
+    );
+  };
+  useInput12((input, key) => {
+    if (!config || open) return;
+    const row = ROWS[focus];
+    if (key.upArrow) {
+      setFocus((i) => (i - 1 + ROWS.length) % ROWS.length);
+      return;
+    }
+    if (key.downArrow || key.tab) {
+      setFocus((i) => (i + 1) % ROWS.length);
+      return;
+    }
+    if (row.kind === "default" && key.leftArrow) {
+      cycleDefault(-1);
+      return;
+    }
+    if (row.kind === "default" && key.rightArrow) {
+      cycleDefault(1);
+      return;
+    }
+    if (key.return) {
+      if (row.kind === "default") cycleDefault(1);
+      else setOpen(row.name);
+      return;
+    }
+    if (key.escape || input === "q") {
+      void finishDebugRun({ outputs: { default_agent: config.defaultAgent }, status: "success", exitMethod: "saved" });
+      onDone();
+    }
+  });
+  if (!config) {
+    return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx57(Text48, { bold: true, children: "Agents" }),
+      /* @__PURE__ */ jsx57(Text48, { children: " " }),
+      /* @__PURE__ */ jsx57(Text48, { color: PALETTE.accent, children: "Loading..." })
+    ] });
+  }
+  if (open) {
+    return /* @__PURE__ */ jsx57(
+      AgentForm,
+      {
+        name: open,
+        config,
+        setConfig,
+        onBack: () => {
+          setOpen(null);
+          void readAgentConfig().then((saved) => {
+            setConfig(saved);
+            inspectAll(saved);
+          });
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx57(Text48, { bold: true, children: "Agents" }),
+    /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "The coding agent the CLI runs, and the settings for each one." }),
+    /* @__PURE__ */ jsx57(Text48, { children: " " }),
+    ROWS.map((row, index) => {
+      const isFocused = index === focus;
+      const pointer = /* @__PURE__ */ jsx57(Text48, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " });
+      if (row.kind === "default") {
+        return /* @__PURE__ */ jsx57(Box46, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
+          pointer,
+          /* @__PURE__ */ jsx57(Text48, { bold: isFocused, color: isFocused ? PALETTE.accent : PALETTE.muted, children: "Default agent" }),
+          /* @__PURE__ */ jsx57(Text48, { bold: true, children: `\u2039 ${AGENT_LABELS[config.defaultAgent]} \u203A` })
+        ] }) }, "default");
+      }
+      const model = config.agents[row.name].model;
+      return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
+        pointer,
+        /* @__PURE__ */ jsx57(Box46, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[row.name] }) }),
+        /* @__PURE__ */ jsx57(Box46, { width: 26, flexShrink: 0, children: /* @__PURE__ */ jsx57(AgentStatusBadge, { name: row.name, checks: checks[row.name] }) }),
+        /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: `model: ${model || defaultModelLabel(row.name)}` }),
+        row.name === config.defaultAgent && /* @__PURE__ */ jsx57(Text48, { color: PALETTE.success, children: "(default)" })
+      ] }, row.name);
+    }),
+    notice && /* @__PURE__ */ jsxs47(Fragment18, { children: [
+      /* @__PURE__ */ jsx57(Text48, { children: " " }),
+      /* @__PURE__ */ jsxs47(Text48, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+        notice.kind === "success" ? "\u2713" : "\u2717",
+        " ",
+        notice.text
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx57(Text48, { children: " " }),
+    /* @__PURE__ */ jsx57(
+      ControlHints,
+      {
+        hints: ROWS[focus].kind === "default" ? [
+          { keys: "\u2191/\u2193", label: "move" },
+          { keys: "\u2190/\u2192", label: "change default agent" },
+          { keys: "Esc/q", label: "back" }
+        ] : [
+          { keys: "\u2191/\u2193", label: "move" },
+          { keys: "\u23CE", label: "open" },
+          { keys: "Esc/q", label: "back" }
+        ]
+      }
+    )
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ProjectConfigScreen.tsx
+import { useEffect as useEffect23, useState as useState31 } from "react";
+import { Box as Box47, Text as Text49 } from "ink";
+init_debug_store();
+
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/config-store.ts
 async function readCredentials() {
   const store = await readV1Store();
@@ -28597,17 +29185,16 @@ async function writeCredentials(config) {
   await writeV1Store(merged);
 }
 
-// packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
-init_debug_store();
-import { Fragment as Fragment17, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
-var FIELD_ORDER = [
-  "spaceId",
-  "environmentId",
-  "cmaToken",
-  "host",
-  "defaultComponentDir",
-  "defaultTokenFile",
-  "contentfulBaseDir"
+// packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ProjectConfigScreen.tsx
+import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
+var FIELDS2 = [
+  { key: "spaceId", label: "Space ID" },
+  { key: "environmentId", label: "Environment ID" },
+  { key: "cmaToken", label: "CMA Token", masked: true },
+  { key: "host", label: "API Host" },
+  { key: "defaultComponentDir", label: "Default component directory" },
+  { key: "defaultTokenFile", label: "Default token file" },
+  { key: "contentfulBaseDir", label: "Root Project Directory", hint: "(where .contentful goes)" }
 ];
 function debugFields(config) {
   return {
@@ -28620,156 +29207,114 @@ function debugFields(config) {
     contentful_base_dir: config?.contentfulBaseDir ?? ""
   };
 }
-var FIELD_LABELS = {
-  spaceId: "Space ID",
-  environmentId: "Environment ID",
-  cmaToken: "CMA Token",
-  host: "API Host",
-  defaultComponentDir: "Default component directory",
-  defaultTokenFile: "Default token file",
-  contentfulBaseDir: "Root Project Directory"
-};
-var FIELD_HINTS = {
-  contentfulBaseDir: "(where .contentful goes)"
-};
-var LABEL_WIDTH = Math.max(...Object.values(FIELD_LABELS).map((label) => label.length));
-function ConfigurationScreen({ onDone }) {
-  const [stage, setStage] = useState29("loading");
-  const [config, setConfig] = useState29(null);
-  const [activeField, setActiveField] = useState29("spaceId");
-  const [notice, setNotice] = useState29(null);
-  const [lastSaved, setLastSaved] = useState29(null);
-  const [editing, setEditing] = useState29(false);
-  const [valueBeforeEdit, setValueBeforeEdit] = useState29("");
-  useEffect22(() => {
-    readCredentials().then((cfg) => {
+var valuesOf = (config) => Object.fromEntries(FIELDS2.map(({ key }) => [key, config[key] || ""]));
+function ProjectConfigScreen({ onDone }) {
+  const [config, setConfig] = useState31(null);
+  const [saving, setSaving] = useState31(false);
+  const [notice, setNotice] = useState31(null);
+  const [lastSaved, setLastSaved] = useState31(null);
+  useEffect23(() => {
+    void readCredentials().then((cfg) => {
       setConfig(cfg);
-      setStage("form");
       startDebugRun({
         flow: "settings/contentful-configuration",
         step: "01-configuration",
-        menuOption: "Configuration",
+        menuOption: "Configuration > Project",
         inputs: debugFields(cfg)
       });
     });
   }, []);
-  function fieldValue(field) {
-    if (!config) return "";
-    return config[field] || "";
-  }
-  function setFieldValue(field, value) {
-    if (!config) return;
-    setConfig({ ...config, [field]: value });
-    setNotice(null);
+  if (!config) {
+    return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx58(Text49, { bold: true, children: "Project" }),
+      /* @__PURE__ */ jsx58(Text49, { children: " " }),
+      /* @__PURE__ */ jsx58(Text49, { color: PALETTE.accent, children: "Loading..." })
+    ] });
   }
-  function handleSave() {
-    if (!config) return;
-    setStage("saving");
+  const save = () => {
+    setSaving(true);
     setNotice(null);
     writeCredentials(config).then(() => {
       setLastSaved(config);
       if (config.contentfulBaseDir) void startDebugSessionIn(config.contentfulBaseDir, { replace: true });
-      setNotice({ kind: "success", text: "Configuration saved" });
-      setStage("form");
+      setNotice({ kind: "success", text: "Project settings saved" });
     }).catch((err) => {
       setNotice({ kind: "error", text: err instanceof Error ? err.message : "Failed to save" });
-      setStage("form");
-    });
-  }
-  function quit() {
+    }).finally(() => setSaving(false));
+  };
+  const quit = () => {
     void finishDebugRun(
       lastSaved ? { outputs: debugFields(lastSaved), status: "success", exitMethod: "saved" } : { outputs: {}, status: "success", exitMethod: "discarded" }
     );
     onDone();
-  }
-  useInput11((input, key) => {
-    if (stage === "loading" || stage === "saving") return;
-    if (editing) {
-      if (key.escape) {
-        setFieldValue(activeField, valueBeforeEdit);
-        setEditing(false);
-      }
-      return;
-    }
-    if (key.escape || input === "q") {
-      quit();
-      return;
-    }
-    if (input === "s") {
-      handleSave();
-      return;
-    }
-    if (input === "c") {
-      setFieldValue(activeField, "");
-      return;
+  };
+  return /* @__PURE__ */ jsx58(
+    FieldForm,
+    {
+      title: "Project",
+      subtitle: "The Contentful space and where the CLI keeps its files.",
+      fields: FIELDS2,
+      values: valuesOf(config),
+      onChange: (key, value) => {
+        setConfig({ ...config, [key]: value });
+        setNotice(null);
+      },
+      onSave: save,
+      onQuit: quit,
+      notice,
+      busy: saving
     }
-    if (key.tab || key.downArrow) {
-      const idx = FIELD_ORDER.indexOf(activeField);
-      setActiveField(FIELD_ORDER[(idx + 1) % FIELD_ORDER.length]);
+  );
+}
+
+// packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
+import { jsx as jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
+var SECTIONS = [
+  {
+    id: "project",
+    label: "Project",
+    description: "Contentful space, credentials, defaults and where .contentful goes"
+  },
+  { id: "agents", label: "Agents", description: "Which coding agent the CLI uses, and each agent\u2019s settings" }
+];
+function ConfigurationScreen({ onDone }) {
+  const [focus, setFocus] = useState32(0);
+  const [open, setOpen] = useState32(null);
+  const close = () => setOpen(null);
+  useInput13((input, key) => {
+    if (open) return;
+    if (key.upArrow) {
+      setFocus((i) => (i - 1 + SECTIONS.length) % SECTIONS.length);
       return;
     }
-    if (key.upArrow) {
-      const idx = FIELD_ORDER.indexOf(activeField);
-      setActiveField(FIELD_ORDER[(idx - 1 + FIELD_ORDER.length) % FIELD_ORDER.length]);
+    if (key.downArrow || key.tab) {
+      setFocus((i) => (i + 1) % SECTIONS.length);
       return;
     }
     if (key.return) {
-      setValueBeforeEdit(fieldValue(activeField));
-      setEditing(true);
+      setOpen(SECTIONS[focus].id);
+      return;
     }
+    if (key.escape || input === "q") onDone();
   });
-  if (stage === "loading") {
-    return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx55(Text46, { bold: true, children: "Configuration" }),
-      /* @__PURE__ */ jsx55(Text46, { children: " " }),
-      /* @__PURE__ */ jsx55(Text46, { color: PALETTE.accent, children: "Loading..." })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx55(Text46, { bold: true, children: "Configuration" }),
-    /* @__PURE__ */ jsx55(Text46, { children: " " }),
-    /* @__PURE__ */ jsx55(Box44, { flexDirection: "column", children: FIELD_ORDER.map((field) => {
-      const isActive = activeField === field;
-      const value = fieldValue(field);
-      const display = field === "cmaToken" ? "\u2022".repeat(value.length) : value;
-      return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
-        /* @__PURE__ */ jsx55(Text46, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " }),
-        /* @__PURE__ */ jsx55(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: FIELD_LABELS[field] }) }),
-        isActive && editing ? /* @__PURE__ */ jsx55(
-          TextInput4,
-          {
-            value,
-            onChange: (next) => setFieldValue(field, next),
-            onSubmit: () => setEditing(false),
-            mask: field === "cmaToken" ? "\u2022" : void 0
-          }
-        ) : /* @__PURE__ */ jsx55(Text46, { bold: !!display, children: display || (FIELD_HINTS[field] ? "" : /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: "(empty)" })) }),
-        FIELD_HINTS[field] && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: FIELD_HINTS[field] })
-      ] }, field);
-    }) }),
-    notice && /* @__PURE__ */ jsxs45(Fragment17, { children: [
-      /* @__PURE__ */ jsx55(Text46, { children: " " }),
-      /* @__PURE__ */ jsxs45(Text46, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
-        notice.kind === "success" ? "\u2713" : "\u2717",
-        " ",
-        notice.text
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx55(Text46, { children: " " }),
-    /* @__PURE__ */ jsx55(
+  if (open === "project") return /* @__PURE__ */ jsx59(ProjectConfigScreen, { onDone: close });
+  if (open === "agents") return /* @__PURE__ */ jsx59(AgentsScreen, { onDone: close });
+  return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx59(Text50, { bold: true, children: "Configuration" }),
+    /* @__PURE__ */ jsx59(Text50, { children: " " }),
+    SECTIONS.map((section, index) => /* @__PURE__ */ jsxs49(Box48, { gap: 1, children: [
+      /* @__PURE__ */ jsx59(Text50, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
+      /* @__PURE__ */ jsx59(Box48, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx59(Text50, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
+      /* @__PURE__ */ jsx59(Text50, { color: PALETTE.muted, children: section.description })
+    ] }, section.id)),
+    /* @__PURE__ */ jsx59(Text50, { children: " " }),
+    /* @__PURE__ */ jsx59(
       ControlHints,
       {
-        hints: editing ? [
-          { keys: "type", label: "edit" },
-          { keys: "\u2190/\u2192", label: "move cursor" },
-          { keys: "\u23CE", label: "done" },
-          { keys: "Esc", label: "cancel edit" }
-        ] : [
+        hints: [
           { keys: "\u2191/\u2193", label: "move" },
-          { keys: "\u23CE", label: "edit" },
-          { keys: "c", label: "clear" },
-          { keys: "s", label: "save" },
-          { keys: "Esc/q", label: "quit without saving" }
+          { keys: "\u23CE", label: "open" },
+          { keys: "Esc/q", label: "back" }
         ]
       }
     )
@@ -28777,8 +29322,8 @@ function ConfigurationScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
-import { useEffect as useEffect23, useState as useState30 } from "react";
-import { Box as Box45, Text as Text47, useInput as useInput12 } from "ink";
+import { useEffect as useEffect24, useState as useState33 } from "react";
+import { Box as Box49, Text as Text51, useInput as useInput14 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/analytics-store.ts
 async function readAnalyticsSetting() {
@@ -28797,11 +29342,11 @@ async function writeAnalyticsSetting(setting) {
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
 init_debug_store();
-import { Fragment as Fragment18, jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
-  const [loading, setLoading] = useState30(true);
-  const [enabled, setEnabled] = useState30(true);
-  useEffect23(() => {
+  const [loading, setLoading] = useState33(true);
+  const [enabled, setEnabled] = useState33(true);
+  useEffect24(() => {
     readAnalyticsSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -28813,7 +29358,7 @@ function OptInAnalyticsScreen({ onDone }) {
       });
     });
   }, []);
-  useInput12((input, key) => {
+  useInput14((input, key) => {
     if (loading) return;
     if (key.return || input === " ") {
       setEnabled((current) => {
@@ -28828,21 +29373,21 @@ function OptInAnalyticsScreen({ onDone }) {
       onDone();
     }
   });
-  return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx56(Text47, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
-    /* @__PURE__ */ jsx56(Text47, { children: " " }),
-    loading ? /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs46(Fragment18, { children: [
-      /* @__PURE__ */ jsxs46(Text47, { children: [
+  return /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx60(Text51, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
+    /* @__PURE__ */ jsx60(Text51, { children: " " }),
+    loading ? /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs50(Fragment19, { children: [
+      /* @__PURE__ */ jsxs50(Text51, { children: [
         "Share anonymous usage data:",
         " ",
-        /* @__PURE__ */ jsx56(Text47, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx60(Text51, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsx56(Text47, { children: " " }),
-      /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
-      /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
+      /* @__PURE__ */ jsx60(Text51, { children: " " }),
+      /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
+      /* @__PURE__ */ jsx60(Text51, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
     ] }),
-    /* @__PURE__ */ jsx56(Text47, { children: " " }),
-    /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx60(Text51, { children: " " }),
+    /* @__PURE__ */ jsx60(
       ControlHints,
       {
         hints: [
@@ -28855,15 +29400,15 @@ function OptInAnalyticsScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/upgrade/PageContainer.tsx
-import { useEffect as useEffect24, useState as useState31 } from "react";
-import { Box as Box46, Text as Text48, useInput as useInput13 } from "ink";
+import { useEffect as useEffect25, useState as useState34 } from "react";
+import { Box as Box50, Text as Text52, useInput as useInput15 } from "ink";
 init_version();
 init_debug_store();
-import { jsx as jsx57, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
 var UPGRADE_COMMANDS = ["git pull", "pnpm install", "pnpm build"];
 function UpgradeScreen({ onDone }) {
-  const [upgradeCheck, setUpgradeCheck] = useState31();
-  useEffect24(() => {
+  const [upgradeCheck, setUpgradeCheck] = useState34();
+  useEffect25(() => {
     startDebugRun({
       flow: "upgrade",
       step: "01-upgrade",
@@ -28872,7 +29417,7 @@ function UpgradeScreen({ onDone }) {
     });
     checkForUpgrade().then(setUpgradeCheck).catch(() => setUpgradeCheck({ status: "error" }));
   }, []);
-  useInput13((_input, key) => {
+  useInput15((_input, key) => {
     if (key.return) {
       void finishDebugRun({
         outputs: upgradeCheck ?? {},
@@ -28883,12 +29428,12 @@ function UpgradeScreen({ onDone }) {
       return;
     }
   });
-  return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx57(Text48, { bold: true, children: "Upgrade" }),
-    /* @__PURE__ */ jsx57(Text48, { children: " " }),
+  return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx61(Text52, { bold: true, children: "Upgrade" }),
+    /* @__PURE__ */ jsx61(Text52, { children: " " }),
     renderBody(upgradeCheck),
-    /* @__PURE__ */ jsx57(Text48, { children: " " }),
-    /* @__PURE__ */ jsxs47(Text48, { bold: true, color: PALETTE.accent, children: [
+    /* @__PURE__ */ jsx61(Text52, { children: " " }),
+    /* @__PURE__ */ jsxs51(Text52, { bold: true, color: PALETTE.accent, children: [
       FOCUS_MARKER,
       " Go Back"
     ] })
@@ -28896,47 +29441,47 @@ function UpgradeScreen({ onDone }) {
 }
 function renderBody(upgradeCheck) {
   if (!upgradeCheck) {
-    return /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "Checking for updates\u2026" });
+    return /* @__PURE__ */ jsx61(Text52, { color: PALETTE.muted, children: "Checking for updates\u2026" });
   }
   if (upgradeCheck.status === "error") {
-    return /* @__PURE__ */ jsx57(Text48, { color: PALETTE.warning, children: "Couldn't check for updates \u2014 check your network connection and try again." });
+    return /* @__PURE__ */ jsx61(Text52, { color: PALETTE.warning, children: "Couldn't check for updates \u2014 check your network connection and try again." });
   }
   if (upgradeCheck.status === "up-to-date") {
-    return /* @__PURE__ */ jsxs47(Text48, { color: PALETTE.success, children: [
+    return /* @__PURE__ */ jsxs51(Text52, { color: PALETTE.success, children: [
       "You're already on the latest version (v",
       upgradeCheck.current,
       ")."
     ] });
   }
-  return /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs47(Text48, { color: PALETTE.muted, children: [
-      /* @__PURE__ */ jsxs47(Text48, { bold: true, color: PALETTE.success, children: [
+  return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs51(Text52, { color: PALETTE.muted, children: [
+      /* @__PURE__ */ jsxs51(Text52, { bold: true, color: PALETTE.success, children: [
         "v",
         upgradeCheck.latest
       ] }),
       " ",
       "is available (you're on ",
-      /* @__PURE__ */ jsxs47(Text48, { bold: true, children: [
+      /* @__PURE__ */ jsxs51(Text52, { bold: true, children: [
         "v",
         upgradeCheck.current
       ] }),
       "). Exit this program, cd into the root of your local clone of contentful/experience-design-system-sdk-public, then run:"
     ] }),
-    /* @__PURE__ */ jsx57(Text48, { children: " " }),
-    /* @__PURE__ */ jsx57(Box46, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.border, paddingX: 1, children: UPGRADE_COMMANDS.map((cmd) => /* @__PURE__ */ jsx57(Text48, { bold: true, children: cmd }, cmd)) })
+    /* @__PURE__ */ jsx61(Text52, { children: " " }),
+    /* @__PURE__ */ jsx61(Box50, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.border, paddingX: 1, children: UPGRADE_COMMANDS.map((cmd) => /* @__PURE__ */ jsx61(Text52, { bold: true, children: cmd }, cmd)) })
   ] });
 }
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
-import { useEffect as useEffect25, useState as useState32 } from "react";
-import { Box as Box47, Text as Text49, useInput as useInput14 } from "ink";
+import { useEffect as useEffect26, useState as useState35 } from "react";
+import { Box as Box51, Text as Text53, useInput as useInput16 } from "ink";
 init_debug_mode_store();
 init_debug_store();
-import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
 function DebugModeScreen({ onDone }) {
-  const [loading, setLoading] = useState32(true);
-  const [enabled, setEnabled] = useState32(true);
-  useEffect25(() => {
+  const [loading, setLoading] = useState35(true);
+  const [enabled, setEnabled] = useState35(true);
+  useEffect26(() => {
     readDebugModeSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -28948,7 +29493,7 @@ function DebugModeScreen({ onDone }) {
       });
     });
   }, []);
-  useInput14((input, key) => {
+  useInput16((input, key) => {
     if (loading) return;
     if (key.return || input === " ") {
       setEnabled((current) => {
@@ -28963,16 +29508,16 @@ function DebugModeScreen({ onDone }) {
       onDone();
     }
   });
-  return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx58(Text49, { bold: true, children: "Settings \u203A Debug Mode" }),
-    /* @__PURE__ */ jsx58(Text49, { children: " " }),
-    loading ? /* @__PURE__ */ jsx58(Text49, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs48(Text49, { children: [
+  return /* @__PURE__ */ jsxs52(Box51, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx62(Text53, { bold: true, children: "Settings \u203A Debug Mode" }),
+    /* @__PURE__ */ jsx62(Text53, { children: " " }),
+    loading ? /* @__PURE__ */ jsx62(Text53, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs52(Text53, { children: [
       "Debug logging:",
       " ",
-      /* @__PURE__ */ jsx58(Text49, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+      /* @__PURE__ */ jsx62(Text53, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
     ] }),
-    /* @__PURE__ */ jsx58(Text49, { children: " " }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx62(Text53, { children: " " }),
+    /* @__PURE__ */ jsx62(
       ControlHints,
       {
         hints: [
@@ -28985,18 +29530,18 @@ function DebugModeScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/app.tsx
-import { Fragment as Fragment19, jsx as jsx59 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx63 } from "react/jsx-runtime";
 function App({ importOptions, inkClear }) {
-  const [screen, setScreen] = useState33("start");
-  const [importExitCode, setImportExitCode] = useState33();
+  const [screen, setScreen] = useState36("start");
+  const [importExitCode, setImportExitCode] = useState36();
   const showImportResult = importExitCode !== void 0;
-  const [projectPath, setProjectPath] = useState33();
-  const [tokensPath, setTokensPath] = useState33();
-  const [scannedFiles, setScannedFiles] = useState33();
-  const [pendingLaunch, setPendingLaunch] = useState33();
-  const [extractionRun, setExtractionRun] = useState33();
+  const [projectPath, setProjectPath] = useState36();
+  const [tokensPath, setTokensPath] = useState36();
+  const [scannedFiles, setScannedFiles] = useState36();
+  const [pendingLaunch, setPendingLaunch] = useState36();
+  const [extractionRun, setExtractionRun] = useState36();
   const extraction = useExtraction(extractionRun?.input);
-  const [scopeRun, setScopeRun] = useState33();
+  const [scopeRun, setScopeRun] = useState36();
   const scopeFlow = useScopeGateFlow(
     scopeRun && {
       sessionId: scopeRun.extraction.sessionId,
@@ -29011,12 +29556,12 @@ function App({ importOptions, inkClear }) {
       }
     }
   );
-  const [generationInput, setGenerationInput] = useState33();
+  const [generationInput, setGenerationInput] = useState36();
   const generation = useGeneration(generationInput);
-  const [flowStart, setFlowStart] = useState33();
+  const [flowStart, setFlowStart] = useState36();
   const flow = useFlow(flowStart, { beforeStepChange: inkClear });
-  const [importDefaults, setImportDefaults] = useState33();
-  useEffect26(() => {
+  const [importDefaults, setImportDefaults] = useState36();
+  useEffect27(() => {
     if (screen !== "import") {
       setImportDefaults(void 0);
       return;
@@ -29034,7 +29579,7 @@ function App({ importOptions, inkClear }) {
     const launch = { projectPath: projectPath2, tokens, filePaths, ...importOptions };
     const state2 = await inspectTokens({
       rawTokensPath: tokens,
-      contentfulDir: join25(resolveUserPath(projectPath2), ".contentful"),
+      contentfulDir: join26(resolveUserPath(projectPath2), ".contentful"),
       cache: importOptions.cache
     });
     if (state2.kind === "cached") {
@@ -29076,12 +29621,12 @@ function App({ importOptions, inkClear }) {
       }
     });
   };
-  useEffect26(() => {
+  useEffect27(() => {
     if (!extractionRun || extraction?.status !== "done" || !extraction.result.ok) return;
     setExtractionRun(void 0);
     setScopeRun({ ...extractionRun, extraction: extraction.result.extraction });
   }, [extraction, extractionRun]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!scopeRun || scopeFlow?.status !== "confirmed" || generationInput) return;
     const { extraction: produced, input, generatePromptPath } = scopeRun;
     setGenerationInput({
@@ -29099,7 +29644,7 @@ function App({ importOptions, inkClear }) {
       ...generatePromptPath ? { generatePromptPath } : {}
     });
   }, [scopeFlow, scopeRun, generationInput]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!scopeRun || generation?.status !== "done" || !generation.result.ok) return;
     const { credentialsSkipped, tokenStrategy, extraction: produced, input, generatePromptPath } = scopeRun;
     inkClear();
@@ -29142,9 +29687,9 @@ function App({ importOptions, inkClear }) {
   };
   switch (screen) {
     case "import":
-      if (showImportResult) return /* @__PURE__ */ jsx59(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
+      if (showImportResult) return /* @__PURE__ */ jsx63(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
       if (flow && flowStart) {
-        return /* @__PURE__ */ jsx59(
+        return /* @__PURE__ */ jsx63(
           FlowScreen,
           {
             state: flow.state,
@@ -29154,12 +29699,12 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      if (importDefaults === void 0) return /* @__PURE__ */ jsx59(Fragment19, {});
+      if (importDefaults === void 0) return /* @__PURE__ */ jsx63(Fragment20, {});
       if (projectPath === void 0) {
-        return /* @__PURE__ */ jsx59(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
+        return /* @__PURE__ */ jsx63(WelcomeScreen, { onContinue: setProjectPath, onQuit: leaveImport, initialPath: importDefaults.componentDir });
       }
       if (tokensPath === void 0) {
-        return /* @__PURE__ */ jsx59(
+        return /* @__PURE__ */ jsx63(
           TokenInputScreen,
           {
             initialPath: importDefaults.tokenFile,
@@ -29169,7 +29714,7 @@ function App({ importOptions, inkClear }) {
         );
       }
       if (scannedFiles === void 0) {
-        return /* @__PURE__ */ jsx59(
+        return /* @__PURE__ */ jsx63(
           PathValidationScreen,
           {
             projectPath,
@@ -29181,10 +29726,10 @@ function App({ importOptions, inkClear }) {
       }
       if (extractionRun) {
         if (extraction?.status === "done" && !extraction.result.ok) {
-          return /* @__PURE__ */ jsx59(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
         }
         if (extraction?.status === "running") {
-          return /* @__PURE__ */ jsx59(
+          return /* @__PURE__ */ jsx63(
             ExtractionScreen,
             {
               progress: extraction.progress,
@@ -29193,14 +29738,14 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx59(Fragment19, {});
+        return /* @__PURE__ */ jsx63(Fragment20, {});
       }
       if (scopeRun && scopeFlow) {
         if (scopeFlow.status === "failed") {
-          return /* @__PURE__ */ jsx59(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
         }
         if (scopeFlow.status === "deciding") {
-          return /* @__PURE__ */ jsx59(
+          return /* @__PURE__ */ jsx63(
             ScopeGateScreen,
             {
               components: scopeFlow.load.components,
@@ -29210,7 +29755,7 @@ function App({ importOptions, inkClear }) {
           );
         }
         if (generation?.status === "done" && !generation.result.ok) {
-          return /* @__PURE__ */ jsx59(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
+          return /* @__PURE__ */ jsx63(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
         }
         if (generation?.status === "running") {
           const hasRawTokens = scopeRun.input.rawTokensPath !== "";
@@ -29218,7 +29763,7 @@ function App({ importOptions, inkClear }) {
             hasRawTokens,
             mapTokensEligible: generation.progress.mapTokensEligible
           });
-          return /* @__PURE__ */ jsx59(
+          return /* @__PURE__ */ jsx63(
             GenerationScreen,
             {
               progress: generation.progress,
@@ -29230,10 +29775,10 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        return /* @__PURE__ */ jsx59(Fragment19, {});
+        return /* @__PURE__ */ jsx63(Fragment20, {});
       }
       if (pendingLaunch?.cached) {
-        return /* @__PURE__ */ jsx59(
+        return /* @__PURE__ */ jsx63(
           TokenReuseScreen,
           {
             tokensPath: pendingLaunch.cached.tokensPath,
@@ -29244,7 +29789,7 @@ function App({ importOptions, inkClear }) {
           }
         );
       }
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx63(
         CredentialsScreen,
         {
           initial: importDefaults.credentials,
@@ -29253,19 +29798,19 @@ function App({ importOptions, inkClear }) {
         }
       );
     case "help":
-      return /* @__PURE__ */ jsx59(HelpScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx63(HelpScreen, { onDone: goToStart });
     case "upgrade":
-      return /* @__PURE__ */ jsx59(UpgradeScreen, { onDone: goToStart });
+      return /* @__PURE__ */ jsx63(UpgradeScreen, { onDone: goToStart });
     case "settings":
-      return /* @__PURE__ */ jsx59(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
+      return /* @__PURE__ */ jsx63(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
     case "settings-configuration":
-      return /* @__PURE__ */ jsx59(ConfigurationScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx63(ConfigurationScreen, { onDone: goToSettings });
     case "settings-opt-in-analytics":
-      return /* @__PURE__ */ jsx59(OptInAnalyticsScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx63(OptInAnalyticsScreen, { onDone: goToSettings });
     case "settings-debug-mode":
-      return /* @__PURE__ */ jsx59(DebugModeScreen, { onDone: goToSettings });
+      return /* @__PURE__ */ jsx63(DebugModeScreen, { onDone: goToSettings });
     case "start":
-      return /* @__PURE__ */ jsx59(HomeScreen, { onNavigate: setScreen });
+      return /* @__PURE__ */ jsx63(HomeScreen, { onNavigate: setScreen });
   }
 }
 async function runApp(renderApp, importOptions) {
@@ -29273,7 +29818,7 @@ async function runApp(renderApp, importOptions) {
     instance.clear?.();
     process.stdout.write("\x1B[H\x1B[0J");
   };
-  const instance = renderApp(/* @__PURE__ */ jsx59(App, { importOptions, inkClear }));
+  const instance = renderApp(/* @__PURE__ */ jsx63(App, { importOptions, inkClear }));
   await instance.waitUntilExit();
 }
 export {