@contentful/experience-design-system-cli 2.37.1-dev-build-891d746a.0 → 2.37.1-dev-build-b65632a0.0

package/legacy/dist/src/index.js

@@ -1560,6 +1560,39 @@ var init_agent_output = __esm({
   }
 });
 
+// packages/experience-design-system-cli-legacy/src/analyze/select/tui/theme.ts
+import { extendTheme, defaultTheme } from "@inkjs/ui";
+var PALETTE, INK_UI_THEME;
+var init_theme = __esm({
+  "packages/experience-design-system-cli-legacy/src/analyze/select/tui/theme.ts"() {
+    "use strict";
+    PALETTE = {
+      info: "#1773EB",
+      link: "#58A6FF",
+      success: "#00C459",
+      error: "#E44F20",
+      warning: "#FFDA00",
+      fg: "#000000",
+      inverse: "#FFFFFF",
+      muted: "#8B8D91",
+      border: "#C4D1DE",
+      subtle: "#DDE5EC",
+      bg: "#EFF2F6"
+    };
+    INK_UI_THEME = extendTheme(defaultTheme, {
+      components: {
+        ProgressBar: {
+          styles: {
+            completed: () => ({
+              color: "blue"
+            })
+          }
+        }
+      }
+    });
+  }
+});
+
 // packages/experience-design-system-cli-legacy/src/tui/CommandCompletionView.tsx
 import { Box, Text as Text2 } from "ink";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -1576,16 +1609,16 @@ function CommandCompletionView({
       " complete"
     ] }),
     /* @__PURE__ */ jsx2(Box, { flexDirection: "column", marginTop: 1, children: rows.map((row) => /* @__PURE__ */ jsxs(Text2, { children: [
-      /* @__PURE__ */ jsxs(Text2, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs(Text2, { color: PALETTE.muted, children: [
         row.label,
         " "
       ] }),
       /* @__PURE__ */ jsx2(Text2, { children: row.value })
     ] }, row.label)) }),
     /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Run " }),
+      /* @__PURE__ */ jsx2(Text2, { color: PALETTE.muted, children: "Run " }),
       /* @__PURE__ */ jsx2(Text2, { children: command }),
-      /* @__PURE__ */ jsxs(Text2, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs(Text2, { color: PALETTE.muted, children: [
         " ",
         instruction
       ] })
@@ -1595,6 +1628,7 @@ function CommandCompletionView({
 var init_CommandCompletionView = __esm({
   "packages/experience-design-system-cli-legacy/src/tui/CommandCompletionView.tsx"() {
     "use strict";
+    init_theme();
   }
 });
 
@@ -7490,7 +7524,7 @@ function ServerPreviewView({ preview, spaceId, environmentId }) {
         components.removed.length,
         " components to skip"
       ] }),
-      /* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs2(Text3, { color: PALETTE.muted, children: [
         " \xB7 ",
         components.unchanged.length,
         " components unchanged"
@@ -7528,7 +7562,7 @@ function ServerPreviewView({ preview, spaceId, environmentId }) {
         tokens.removed.length,
         " to skip"
       ] }),
-      /* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs2(Text3, { color: PALETTE.muted, children: [
         " \xB7 ",
         tokens.unchanged.length,
         " unchanged"
@@ -7542,12 +7576,13 @@ function ServerPreviewView({ preview, spaceId, environmentId }) {
       ] }, i)),
       /* @__PURE__ */ jsx4(Text3, { children: " " })
     ] }),
-    /* @__PURE__ */ jsx4(Text3, { dimColor: true, children: " Press Q to exit." })
+    /* @__PURE__ */ jsx4(Text3, { color: PALETTE.muted, children: " Press Q to exit." })
   ] });
 }
 var init_ServerPreviewView = __esm({
   "packages/experience-design-system-cli-legacy/src/apply/tui/ServerPreviewView.tsx"() {
     "use strict";
+    init_theme();
   }
 });
 
@@ -7632,7 +7667,7 @@ function ServerApplyProgress({
         error
       ] }),
       /* @__PURE__ */ jsx5(Text4, { children: " " }),
-      /* @__PURE__ */ jsx5(Text4, { dimColor: true, children: " Press Q to exit." })
+      /* @__PURE__ */ jsx5(Text4, { color: PALETTE.muted, children: " Press Q to exit." })
     ] })
   ] });
 }
@@ -7661,7 +7696,7 @@ function ServerApplyDone({ operation, spaceId, environmentId, host }) {
       operation.summary.failed,
       " failed"
     ] }),
-    operation.summary.failed === 0 && /* @__PURE__ */ jsx5(Text4, { dimColor: true, children: " All entities imported successfully." }),
+    operation.summary.failed === 0 && /* @__PURE__ */ jsx5(Text4, { color: PALETTE.muted, children: " All entities imported successfully." }),
     failures.length > 0 && /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx5(Text4, { children: " " }),
       /* @__PURE__ */ jsx5(Text4, { bold: true, children: " Failures:" }),
@@ -7673,7 +7708,7 @@ function ServerApplyDone({ operation, spaceId, environmentId, host }) {
           ": ",
           item.id
         ] }),
-        item.error && /* @__PURE__ */ jsxs3(Text4, { dimColor: true, children: [
+        item.error && /* @__PURE__ */ jsxs3(Text4, { color: PALETTE.muted, children: [
           " ",
           formatItemError(item.error)
         ] })
@@ -7681,19 +7716,19 @@ function ServerApplyDone({ operation, spaceId, environmentId, host }) {
     ] }),
     operation.sys.status === "succeeded" && operation.summary.succeeded > 0 && /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx5(Text4, { children: " " }),
-      /* @__PURE__ */ jsx5(Text4, { dimColor: true, children: " View your design system:" }),
+      /* @__PURE__ */ jsx5(Text4, { color: PALETTE.muted, children: " View your design system:" }),
       /* @__PURE__ */ jsxs3(Text4, { color: "cyan", children: [
         " ",
         buildPostPushUrl({ host: host ?? "api.contentful.com", spaceId, environmentId })
       ] }),
-      /* @__PURE__ */ jsx5(Text4, { dimColor: true, children: " View your design tokens:" }),
+      /* @__PURE__ */ jsx5(Text4, { color: PALETTE.muted, children: " View your design tokens:" }),
       /* @__PURE__ */ jsxs3(Text4, { color: "cyan", children: [
         " ",
         buildPostPushUrl({ host: host ?? "api.contentful.com", spaceId, environmentId, view: "design_tokens" })
       ] })
     ] }),
     /* @__PURE__ */ jsx5(Text4, { children: " " }),
-    /* @__PURE__ */ jsx5(Text4, { dimColor: true, children: " Press Q to exit." })
+    /* @__PURE__ */ jsx5(Text4, { color: PALETTE.muted, children: " Press Q to exit." })
   ] });
 }
 function formatItemError(error) {
@@ -7705,6 +7740,7 @@ var init_ServerApplyView = __esm({
     init_ServerPreviewView();
     init_contentful_urls();
     init_error_parser();
+    init_theme();
   }
 });
 
@@ -8423,7 +8459,7 @@ import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function TopBar({ subcommand, hints }) {
   return /* @__PURE__ */ jsxs4(Box4, { justifyContent: "space-between", children: [
     /* @__PURE__ */ jsx6(Text5, { bold: true, children: "experience-design-system-cli  " + subcommand }),
-    /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+    /* @__PURE__ */ jsxs4(Text5, { color: PALETTE.muted, children: [
       hints.map((h) => `[${h.key}] ${h.label}`).join("  "),
       "  v" + VERSION
     ] })
@@ -8434,6 +8470,7 @@ var init_TopBar = __esm({
   "packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/TopBar.tsx"() {
     "use strict";
     init_cli_path();
+    init_theme();
     VERSION = JSON.parse(readFileSync4(join8(findPkgRoot(), "package.json"), "utf8")).version;
   }
 });
@@ -8579,7 +8616,7 @@ function ValidateView({ results, onExit }) {
         return /* @__PURE__ */ jsxs5(Box5, { children: [
           /* @__PURE__ */ jsx7(Text6, { color: r.valid ? "green" : "red", children: r.valid ? "\u2713" : "\u2717" }),
           /* @__PURE__ */ jsx7(Text6, { children: " " + r.filePath.split("/").pop() }),
-          /* @__PURE__ */ jsx7(Text6, { dimColor: true, children: "   " + r.format + "   " }),
+          /* @__PURE__ */ jsx7(Text6, { color: PALETTE.muted, children: "   " + r.format + "   " }),
           /* @__PURE__ */ jsx7(Text6, { color: r.valid ? "green" : "red", children: summaryText })
         ] }, r.filePath);
       }),
@@ -8593,8 +8630,8 @@ function ValidateView({ results, onExit }) {
       ] }, r.filePath)) })
     ] }),
     /* @__PURE__ */ jsxs5(Box5, { borderStyle: "single", paddingX: 1, justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx7(Text6, { dimColor: true, children: allValid ? "All files valid" : invalidResults.length + " file" + (invalidResults.length === 1 ? "" : "s") + " invalid" }),
-      /* @__PURE__ */ jsx7(Text6, { dimColor: true, children: allValid ? "[q]" : "scroll \u2191\u2193 [q]" })
+      /* @__PURE__ */ jsx7(Text6, { color: PALETTE.muted, children: allValid ? "All files valid" : invalidResults.length + " file" + (invalidResults.length === 1 ? "" : "s") + " invalid" }),
+      /* @__PURE__ */ jsx7(Text6, { children: allValid ? "[q]" : "scroll \u2191\u2193 [q]" })
     ] })
   ] });
 }
@@ -8604,6 +8641,7 @@ var init_ValidateView = __esm({
     init_TopBar();
     init_useImmediateInput();
     init_list_scroll_input();
+    init_theme();
   }
 });
 
@@ -9363,39 +9401,6 @@ var init_composition_options = __esm({
   }
 });
 
-// packages/experience-design-system-cli-legacy/src/analyze/select/tui/theme.ts
-import { extendTheme, defaultTheme } from "@inkjs/ui";
-var PALETTE, INK_UI_THEME;
-var init_theme = __esm({
-  "packages/experience-design-system-cli-legacy/src/analyze/select/tui/theme.ts"() {
-    "use strict";
-    PALETTE = {
-      info: "#1773EB",
-      link: "#58A6FF",
-      success: "#00C459",
-      error: "#E44F20",
-      warning: "#FFDA00",
-      fg: "#000000",
-      inverse: "#FFFFFF",
-      muted: "#A6B5C7",
-      border: "#C4D1DE",
-      subtle: "#DDE5EC",
-      bg: "#EFF2F6"
-    };
-    INK_UI_THEME = extendTheme(defaultTheme, {
-      components: {
-        ProgressBar: {
-          styles: {
-            completed: () => ({
-              color: "blue"
-            })
-          }
-        }
-      }
-    });
-  }
-});
-
 // packages/experience-design-system-cli-legacy/src/import/tui/run-teaser.ts
 function buildRunTeaserLine(runId) {
   if (!runId) return "";
@@ -9492,13 +9497,13 @@ function PathPrompt({
         label,
         ":"
       ] }),
-      /* @__PURE__ */ jsx9(Text7, { dimColor: isPlaceholder, children: shown }),
+      /* @__PURE__ */ jsx9(Text7, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
       /* @__PURE__ */ jsx9(Text7, { children: cursor })
     ] }),
     /* @__PURE__ */ jsxs6(Box6, { gap: 3, children: [
-      /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "[Enter] Confirm" }),
-      /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "[Tab] Autocomplete" }),
-      /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "[Esc] Cancel" })
+      /* @__PURE__ */ jsx9(Text7, { children: "[Enter] Confirm" }),
+      /* @__PURE__ */ jsx9(Text7, { children: "[Tab] Autocomplete" }),
+      /* @__PURE__ */ jsx9(Text7, { children: "[Esc] Cancel" })
     ] })
   ] });
 }
@@ -9508,6 +9513,7 @@ var init_path_prompt = __esm({
     init_useImmediateInput();
     init_path_utils();
     init_use_blinking_cursor();
+    init_theme();
   }
 });
 
@@ -9712,7 +9718,7 @@ function CustomPromptBanner({ generatePromptPath }) {
       "components: ",
       generatePromptPath
     ] }) : null,
-    /* @__PURE__ */ jsx10(Text8, { color: PALETTE.warning, dimColor: true, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
+    /* @__PURE__ */ jsx10(Text8, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
   ] });
 }
 var init_CustomPromptBanner = __esm({
@@ -9801,44 +9807,44 @@ function RunningStep({
     /* @__PURE__ */ jsx13(Box9, { gap: 1, marginTop: 1, flexDirection: "column", children: detailProgress ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
       /* @__PURE__ */ jsxs9(Box9, { gap: 2, children: [
         /* @__PURE__ */ jsx13(Box9, { width: 40, children: /* @__PURE__ */ jsx13(ThemeProvider, { theme: INK_UI_THEME, children: /* @__PURE__ */ jsx13(ProgressBar, { value: Math.round(detailProgress.done / detailProgress.total * 100) }) }) }),
-        /* @__PURE__ */ jsxs9(Text10, { dimColor: true, children: [
+        /* @__PURE__ */ jsxs9(Text10, { color: PALETTE.muted, children: [
           detailProgress.done,
           "/",
           detailProgress.total
         ] })
       ] }),
-      /* @__PURE__ */ jsx13(Text10, { dimColor: true, children: detail ?? "Running..." })
+      /* @__PURE__ */ jsx13(Text10, { color: PALETTE.muted, children: detail ?? "Running..." })
     ] }) : /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
       detailComplete ? /* @__PURE__ */ jsx13(Text10, { color: PALETTE.success, children: "\u2713" }) : spinner,
-      /* @__PURE__ */ jsx13(Text10, { dimColor: true, children: detail ?? "Running..." })
+      /* @__PURE__ */ jsx13(Text10, { color: PALETTE.muted, children: detail ?? "Running..." })
     ] }) }),
     secondaryDetail !== void 0 && /* @__PURE__ */ jsx13(Box9, { gap: 1, flexDirection: "column", children: secondaryProgress ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
       /* @__PURE__ */ jsxs9(Box9, { gap: 2, children: [
         /* @__PURE__ */ jsx13(Box9, { width: 40, children: /* @__PURE__ */ jsx13(ThemeProvider, { theme: INK_UI_THEME, children: /* @__PURE__ */ jsx13(ProgressBar, { value: Math.round(secondaryProgress.done / secondaryProgress.total * 100) }) }) }),
-        /* @__PURE__ */ jsxs9(Text10, { dimColor: true, children: [
+        /* @__PURE__ */ jsxs9(Text10, { color: PALETTE.muted, children: [
           secondaryProgress.done,
           "/",
           secondaryProgress.total
         ] })
       ] }),
-      /* @__PURE__ */ jsx13(Text10, { dimColor: true, children: secondaryDetail })
+      /* @__PURE__ */ jsx13(Text10, { color: PALETTE.muted, children: secondaryDetail })
     ] }) : /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
       secondaryComplete ? /* @__PURE__ */ jsx13(Text10, { color: PALETTE.success, children: "\u2713" }) : spinner,
-      /* @__PURE__ */ jsx13(Text10, { dimColor: true, children: secondaryDetail })
+      /* @__PURE__ */ jsx13(Text10, { color: PALETTE.muted, children: secondaryDetail })
     ] }) }),
     tertiaryDetail !== void 0 && /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
       tertiaryComplete ? /* @__PURE__ */ jsx13(Text10, { color: PALETTE.success, children: "\u2713" }) : spinner,
-      /* @__PURE__ */ jsx13(Text10, { dimColor: true, children: tertiaryDetail })
+      /* @__PURE__ */ jsx13(Text10, { color: PALETTE.muted, children: tertiaryDetail })
     ] }),
     quaternaryDetail !== void 0 && /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
       quaternaryComplete ? /* @__PURE__ */ jsx13(Text10, { color: PALETTE.success, children: "\u2713" }) : spinner,
-      /* @__PURE__ */ jsx13(Text10, { dimColor: true, children: quaternaryDetail })
+      /* @__PURE__ */ jsx13(Text10, { color: PALETTE.muted, children: quaternaryDetail })
     ] }),
     quinaryDetail !== void 0 && /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
       quinaryComplete ? /* @__PURE__ */ jsx13(Text10, { color: PALETTE.success, children: "\u2713" }) : spinner,
-      /* @__PURE__ */ jsx13(Text10, { dimColor: true, children: quinaryDetail })
+      /* @__PURE__ */ jsx13(Text10, { color: PALETTE.muted, children: quinaryDetail })
     ] }),
-    /* @__PURE__ */ jsx13(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs9(Text10, { dimColor: true, children: [
+    /* @__PURE__ */ jsx13(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs9(Text10, { color: PALETTE.muted, children: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -9890,18 +9896,18 @@ function GateStep({
       " ",
       successMessage
     ] }),
-    summary && /* @__PURE__ */ jsx14(Text11, { dimColor: true, children: summary }),
+    summary && /* @__PURE__ */ jsx14(Text11, { color: PALETTE.muted, children: summary }),
     context && /* @__PURE__ */ jsx14(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text11, { children: context }) }),
     /* @__PURE__ */ jsxs10(Box10, { gap: 3, marginTop: 1, children: [
-      /* @__PURE__ */ jsxs10(Text11, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs10(Text11, { children: [
         "[Enter] ",
         continueLabel
       ] }),
-      showSkip && onSkip && /* @__PURE__ */ jsxs10(Text11, { dimColor: true, children: [
+      showSkip && onSkip && /* @__PURE__ */ jsxs10(Text11, { children: [
         "[a] ",
         skipLabel
       ] }),
-      /* @__PURE__ */ jsx14(Text11, { dimColor: true, children: "[q] Quit" })
+      /* @__PURE__ */ jsx14(Text11, { children: "[q] Quit" })
     ] })
   ] });
 }
@@ -9909,6 +9915,7 @@ var init_GateStep = __esm({
   "packages/experience-design-system-cli-legacy/src/import/tui/steps/GateStep.tsx"() {
     "use strict";
     init_useImmediateInput();
+    init_theme();
   }
 });
 
@@ -10038,7 +10045,7 @@ function CredentialsStep({
   function renderField(label, value, field, masked = false) {
     const isActive = activeField === field;
     const display = masked ? "\u2022".repeat(value.length) : value;
-    const fallback = field === "host" ? DEFAULT_CONFIGURED_HOST : /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "(empty)" });
+    const fallback = field === "host" ? DEFAULT_CONFIGURED_HOST : /* @__PURE__ */ jsx15(Text12, { color: PALETTE.muted, children: "(empty)" });
     return /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
       /* @__PURE__ */ jsx15(Text12, { color: isActive ? PALETTE.info : void 0, children: "?" }),
       /* @__PURE__ */ jsxs11(Text12, { bold: isActive, children: [
@@ -10057,8 +10064,8 @@ function CredentialsStep({
     /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx15(Text12, { children: initialSpaceId && initialCmaToken ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into." }),
       !(initialSpaceId && initialCmaToken) && /* @__PURE__ */ jsxs11(Fragment4, { children: [
-        /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "These credentials are used both to align agent suggestions with what already exists in the space and to push your import at the end. Press S to skip and run without space context (push will be disabled)." }),
-        /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "Tip: run experiences setup to save these to ~/.contentful/experience-design-system-cli/config.json so they pre-fill here automatically." })
+        /* @__PURE__ */ jsx15(Text12, { color: PALETTE.muted, children: "These credentials are used both to align agent suggestions with what already exists in the space and to push your import at the end. Press S to skip and run without space context (push will be disabled)." }),
+        /* @__PURE__ */ jsx15(Text12, { color: PALETTE.muted, children: "Tip: run experiences setup to save these to ~/.contentful/experience-design-system-cli/config.json so they pre-fill here automatically." })
       ] })
     ] }),
     /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
@@ -10067,13 +10074,13 @@ function CredentialsStep({
       renderField("CMA Token", cmaToken, "cmaToken", true),
       renderField("API Host", host, "host")
     ] }),
-    activeField === "host" && /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
+    activeField === "host" && /* @__PURE__ */ jsx15(Text12, { color: PALETTE.muted, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
     displayError && /* @__PURE__ */ jsxs11(Text12, { color: PALETTE.error, children: [
       "\u2717 ",
       displayError
     ] }),
     validating && !backgroundValidating && /* @__PURE__ */ jsx15(Text12, { color: PALETTE.info, children: generatePrefetchStatus === "running" ? "Validating credentials & finishing component generation..." : "Validating credentials..." }),
-    !validating && generatePrefetchStatus === "running" && /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "Component generation in progress..." }),
+    !validating && generatePrefetchStatus === "running" && /* @__PURE__ */ jsx15(Text12, { color: PALETTE.muted, children: "Component generation in progress..." }),
     !validating && generatePrefetchStatus === "complete" && /* @__PURE__ */ jsx15(Text12, { color: PALETTE.success, children: "Component generation complete." }),
     !validating && generatePrefetchStatus === "failed" && /* @__PURE__ */ jsxs11(Text12, { color: PALETTE.warning, children: [
       "Component generation failed",
@@ -10082,10 +10089,10 @@ function CredentialsStep({
       onRetryPrefetch ? " Press R to retry now." : ""
     ] }),
     /* @__PURE__ */ jsxs11(Box11, { gap: 3, children: [
-      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "[Enter] Next field / Submit" }),
-      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "[Tab] Switch field" }),
-      /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "[q] Quit" }),
-      onSkip && /* @__PURE__ */ jsx15(Text12, { dimColor: true, children: "[s] Skip \u2014 review locally only (no push, no live preview)" })
+      /* @__PURE__ */ jsx15(Text12, { children: "[Enter] Next field / Submit" }),
+      /* @__PURE__ */ jsx15(Text12, { children: "[Tab] Switch field" }),
+      /* @__PURE__ */ jsx15(Text12, { children: "[q] Quit" }),
+      onSkip && /* @__PURE__ */ jsx15(Text12, { children: "[s] Skip \u2014 review locally only (no push, no live preview)" })
     ] })
   ] });
 }
@@ -10297,16 +10304,17 @@ import { Box as Box12, Text as Text13 } from "ink";
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function SpaceEnvironment({ spaceId, environmentId }) {
   return /* @__PURE__ */ jsxs12(Box12, { gap: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx16(Text13, { dimColor: true, children: "Space:" }),
+    /* @__PURE__ */ jsx16(Text13, { color: PALETTE.muted, children: "Space:" }),
     /* @__PURE__ */ jsx16(Text13, { children: spaceId }),
-    /* @__PURE__ */ jsx16(Text13, { dimColor: true, children: "/" }),
-    /* @__PURE__ */ jsx16(Text13, { dimColor: true, children: "Environment:" }),
+    /* @__PURE__ */ jsx16(Text13, { color: PALETTE.muted, children: "/" }),
+    /* @__PURE__ */ jsx16(Text13, { color: PALETTE.muted, children: "Environment:" }),
     /* @__PURE__ */ jsx16(Text13, { children: environmentId })
   ] });
 }
 var init_SpaceEnvironment = __esm({
   "packages/experience-design-system-cli-legacy/src/import/tui/components/SpaceEnvironment.tsx"() {
     "use strict";
+    init_theme();
   }
 });
 
@@ -10398,7 +10406,7 @@ function formatWindowIndicator(direction, count) {
   return `${direction === "up" ? "\u2191" : "\u2193"} ${count} more`;
 }
 function WindowIndicator({ direction, count }) {
-  return /* @__PURE__ */ jsx17(Text14, { dimColor: true, children: formatWindowIndicator(direction, count) });
+  return /* @__PURE__ */ jsx17(Text14, { color: PALETTE.muted, children: formatWindowIndicator(direction, count) });
 }
 var MIN_TERMINAL_PANEL_HEIGHT;
 var init_windowed_panel = __esm({
@@ -10678,33 +10686,24 @@ function WizardPreviewStep({
           title: diffExpanded ? `Diff (${diffLines.length} lines)` : "",
           focused: false,
           children: [
-            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx18(
-              Text15,
-              {
-                color: line.color === "gray" ? void 0 : line.color,
-                dimColor: line.color === "gray",
-                wrap: "truncate-end",
-                children: line.text
-              },
-              line.key
-            )),
-            /* @__PURE__ */ jsx18(Text15, { dimColor: true, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
+            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx18(Text15, { color: line.color === "gray" ? PALETTE.muted : line.color, wrap: "truncate-end", children: line.text }, line.key)),
+            /* @__PURE__ */ jsx18(Text15, { color: PALETTE.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
           ]
         }
       )
-    ] }) : /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "Nothing to push \u2014 everything is already up to date." }),
+    ] }) : /* @__PURE__ */ jsx18(Text15, { color: PALETTE.muted, children: "Nothing to push \u2014 everything is already up to date." }),
     breakingWithImpact && /* @__PURE__ */ jsx18(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx18(Text15, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
     /* @__PURE__ */ jsx18(SpaceEnvironment, { spaceId, environmentId }),
     /* @__PURE__ */ jsxs14(Box14, { gap: 3, marginTop: 1, children: [
-      /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "[Enter] Push to Contentful" }),
-      /* @__PURE__ */ jsxs14(Text15, { dimColor: true, children: [
+      /* @__PURE__ */ jsx18(Text15, { children: "[Enter] Push to Contentful" }),
+      /* @__PURE__ */ jsxs14(Text15, { children: [
         "[d] ",
         diffExpanded ? "Hide" : "Show",
         " diff"
       ] }),
-      diffExpanded && /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "[\u2191\u2193] Scroll [f/b] Page" }),
-      onEdit && /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "[e] Edit definitions" }),
-      /* @__PURE__ */ jsx18(Text15, { dimColor: true, children: "[q] Cancel" })
+      diffExpanded && /* @__PURE__ */ jsx18(Text15, { children: "[\u2191\u2193] Scroll [f/b] Page" }),
+      onEdit && /* @__PURE__ */ jsx18(Text15, { children: "[e] Edit definitions" }),
+      /* @__PURE__ */ jsx18(Text15, { children: "[q] Cancel" })
     ] })
   ] });
 }
@@ -10745,7 +10744,7 @@ function EntityRows({ entity, label }) {
 }
 function LinkRow({ title, url }) {
   return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: title }),
+    /* @__PURE__ */ jsx19(Text16, { color: PALETTE.muted, children: title }),
     /* @__PURE__ */ jsx19(Text16, { color: PALETTE.link, children: url })
   ] });
 }
@@ -10770,10 +10769,10 @@ function DoneStep({
   const urlArgs = { host: host ?? "api.contentful.com", spaceId, environmentId };
   return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
     success ? /* @__PURE__ */ jsx19(Text16, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx19(Text16, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
-    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx19(Text16, { color: PALETTE.muted, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx19(EntityRows, { entity: componentTypes, label: "Component Type" }),
       /* @__PURE__ */ jsx19(EntityRows, { entity: designTokens, label: "Design Token" }),
-      summary && /* @__PURE__ */ jsx19(Box15, { marginTop: 1, children: /* @__PURE__ */ jsxs15(Text16, { dimColor: true, children: [
+      summary && /* @__PURE__ */ jsx19(Box15, { marginTop: 1, children: /* @__PURE__ */ jsxs15(Text16, { color: PALETTE.muted, children: [
         "Push result: ",
         summary.succeeded,
         "/",
@@ -10808,7 +10807,7 @@ function DoneStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx19(Text16, { dimColor: true, children: "[Enter / q] Exit" })
+    /* @__PURE__ */ jsx19(Text16, { children: "[Enter / q] Exit" })
   ] });
 }
 var ACTIONS;
@@ -10855,10 +10854,10 @@ function ErrorStep({
     /* @__PURE__ */ jsx20(Text17, { color: PALETTE.error, children: message }),
     /* @__PURE__ */ jsxs16(Box16, { gap: 3, marginTop: 1, children: [
       onAcknowledgeBreakingChanges ? /* @__PURE__ */ jsxs16(Fragment7, { children: [
-        /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[Enter] Acknowledge and apply" }),
-        /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[Esc / q] Exit" })
-      ] }) : /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[Enter / q] Exit" }),
-      onRetryCredentials && /* @__PURE__ */ jsx20(Text17, { dimColor: true, children: "[r] Re-enter credentials" })
+        /* @__PURE__ */ jsx20(Text17, { children: "[Enter] Acknowledge and apply" }),
+        /* @__PURE__ */ jsx20(Text17, { children: "[Esc / q] Exit" })
+      ] }) : /* @__PURE__ */ jsx20(Text17, { children: "[Enter / q] Exit" }),
+      onRetryCredentials && /* @__PURE__ */ jsx20(Text17, { children: "[r] Re-enter credentials" })
     ] })
   ] });
 }
@@ -10931,12 +10930,12 @@ function PushingStep({ stepNumber, totalSteps, progress }) {
     /* @__PURE__ */ jsx22(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
     /* @__PURE__ */ jsx22(Text18, { children: "Writing component types and design tokens to your Contentful space..." }),
     operationId && /* @__PURE__ */ jsxs17(Box17, { gap: 1, children: [
-      /* @__PURE__ */ jsx22(Text18, { dimColor: true, children: "Operation:" }),
+      /* @__PURE__ */ jsx22(Text18, { color: PALETTE.muted, children: "Operation:" }),
       /* @__PURE__ */ jsx22(Text18, { children: operationId })
     ] }),
     showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx22(Box17, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs17(Box17, { gap: 2, children: [
       /* @__PURE__ */ jsx22(Box17, { width: 40, children: /* @__PURE__ */ jsx22(ThemeProvider2, { theme: INK_UI_THEME, children: /* @__PURE__ */ jsx22(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
-      /* @__PURE__ */ jsxs17(Text18, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs17(Text18, { color: PALETTE.muted, children: [
         progress.processed,
         "/",
         progress.total,
@@ -10944,10 +10943,10 @@ function PushingStep({ stepNumber, totalSteps, progress }) {
       ] })
     ] }) }),
     showCurrent && /* @__PURE__ */ jsxs17(Box17, { gap: 1, children: [
-      /* @__PURE__ */ jsx22(Text18, { dimColor: true, children: "Now processing:" }),
+      /* @__PURE__ */ jsx22(Text18, { color: PALETTE.muted, children: "Now processing:" }),
       /* @__PURE__ */ jsx22(Text18, { children: showCurrent })
     ] }),
-    /* @__PURE__ */ jsx22(Box17, { marginTop: 1, children: /* @__PURE__ */ jsxs17(Text18, { dimColor: true, children: [
+    /* @__PURE__ */ jsx22(Box17, { marginTop: 1, children: /* @__PURE__ */ jsxs17(Text18, { color: PALETTE.muted, children: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -10959,6 +10958,7 @@ var init_PushingStep = __esm({
     init_StepHeader();
     init_use_timed_spinner();
     init_theme();
+    init_theme();
   }
 });
 
@@ -19565,7 +19565,7 @@ function PreviewBadge({
   badge,
   highlighted = false
 }) {
-  return badge ? /* @__PURE__ */ jsx23(Text19, { color: badge.color, bold: badge.bold, dimColor: highlighted ? false : badge.dim, children: badge.char }) : /* @__PURE__ */ jsx23(Text19, { children: " " });
+  return badge ? /* @__PURE__ */ jsx23(Text19, { color: !highlighted && badge.dim ? PALETTE.muted : badge.color, bold: badge.bold, children: badge.char }) : /* @__PURE__ */ jsx23(Text19, { children: " " });
 }
 var init_Sidebar = __esm({
   "packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/Sidebar.tsx"() {
@@ -20032,16 +20032,15 @@ function GroupedSidebar(props) {
       return /* @__PURE__ */ jsxs19(Box19, { children: [
         isCursor ? /* @__PURE__ */ jsx24(Text20, { color: PALETTE.info, bold: true, children: figures.pointer }) : /* @__PURE__ */ jsx24(Text20, { children: " " }),
         /* @__PURE__ */ jsx24(PreviewBadge, { badge, highlighted: isSelected }),
-        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx24(Text20, { color: selColor, dimColor: isSelected ? false : selDim, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx24(Text20, { children: "    " })),
+        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx24(Text20, { color: !isSelected && selDim ? PALETTE.muted : selColor, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx24(Text20, { children: "    " })),
         aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx24(Text20, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx24(Text20, { children: "    " })),
         /* @__PURE__ */ jsxs19(
           Text20,
           {
-            color: isSelected ? PALETTE.info : labelStyle.color,
+            color: isSelected ? PALETTE.info : labelStyle.dim ? PALETTE.muted : labelStyle.color,
             bold: isSelected || labelStyle.bold,
             inverse: false,
             underline: isSelected && !focused,
-            dimColor: isSelected ? false : labelStyle.dim,
             wrap: wrapLabels ? "wrap" : "truncate",
             children: [
               " ",
@@ -20049,7 +20048,7 @@ function GroupedSidebar(props) {
             ]
           }
         ),
-        inheritanceStyle.glyph && /* @__PURE__ */ jsx24(Text20, { color: inheritanceStyle.color, bold: inheritanceStyle.bold, dimColor: inheritanceStyle.dim, children: " " + inheritanceStyle.glyph })
+        inheritanceStyle.glyph && /* @__PURE__ */ jsx24(Text20, { color: inheritanceStyle.dim ? PALETTE.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
       ] }, row.key);
     }),
     windowed && /* @__PURE__ */ jsx24(WindowIndicator, { direction: "down", count: allRows.length - end })
@@ -20331,12 +20330,12 @@ function SearchMatchSummary({
       /* @__PURE__ */ jsxs20(Text21, { children: [
         `/${query}`,
         /* @__PURE__ */ jsx25(Text21, { color: PALETTE.info, children: "\u258E" }),
-        query && /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: formatSearchMatchSummary(matches, total) }),
-        /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: "  \xB7 [Esc] leave" })
+        query && /* @__PURE__ */ jsx25(Text21, { color: PALETTE.muted, children: formatSearchMatchSummary(matches, total) }),
+        /* @__PURE__ */ jsx25(Text21, { children: "  \xB7 [Esc] leave" })
       ] }),
-      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
+      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx25(Text21, { color: PALETTE.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
     ] }),
-    !open && query && /* @__PURE__ */ jsx25(Box20, { marginTop, children: /* @__PURE__ */ jsx25(Text21, { dimColor: true, children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
+    !open && query && /* @__PURE__ */ jsx25(Box20, { marginTop, children: /* @__PURE__ */ jsx25(Text21, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
   ] });
 }
 var init_SearchMatchSummary = __esm({
@@ -20468,13 +20467,13 @@ function GotoBanner({
       flexShrink: 0,
       children: [
         /* @__PURE__ */ jsx26(Text22, { bold: true, children: title }),
-        moreAbove > 0 && /* @__PURE__ */ jsx26(Text22, { dimColor: true, children: `  \u25B2 ${moreAbove} more` }),
+        moreAbove > 0 && /* @__PURE__ */ jsx26(Text22, { color: PALETTE.muted, children: `  \u25B2 ${moreAbove} more` }),
         visible.map((row, vi) => {
           const i = start + vi;
           return renderRow(row, i, i === highlightIndex);
         }),
-        moreBelow > 0 && /* @__PURE__ */ jsx26(Text22, { dimColor: true, children: `  \u25BC ${moreBelow} more` }),
-        footerHint !== void 0 && /* @__PURE__ */ jsx26(Text22, { dimColor: true, children: footerHint })
+        moreBelow > 0 && /* @__PURE__ */ jsx26(Text22, { color: PALETTE.muted, children: `  \u25BC ${moreBelow} more` }),
+        footerHint !== void 0 && /* @__PURE__ */ jsx26(Text22, { color: PALETTE.muted, children: footerHint })
       ]
     }
   );
@@ -20577,7 +20576,7 @@ import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function legendEntry(keyBracket, label, active = false) {
   return /* @__PURE__ */ jsxs23(Text24, { children: [
     /* @__PURE__ */ jsx28(Text24, { color: active ? PALETTE.warning : PALETTE.info, inverse: active, children: keyBracket }),
-    /* @__PURE__ */ jsx28(Text24, { color: active ? PALETTE.warning : void 0, inverse: active, dimColor: !active, children: " " + label })
+    /* @__PURE__ */ jsx28(Text24, { color: active ? PALETTE.warning : void 0, inverse: active, children: " " + label })
   ] }, keyBracket + label);
 }
 var init_LegendEntry = __esm({
@@ -20591,7 +20590,7 @@ var init_LegendEntry = __esm({
 import { Box as Box23 } from "ink";
 import { jsxs as jsxs24 } from "react/jsx-runtime";
 function CompactControlBar({ hasGroupRoots, searchActive }) {
-  return /* @__PURE__ */ jsxs24(Box23, { borderStyle: "single", borderColor: PALETTE.border, paddingX: 1, marginTop: 1, flexWrap: "wrap", columnGap: 2, children: [
+  return /* @__PURE__ */ jsxs24(Box23, { borderStyle: "single", borderColor: PALETTE.border, paddingX: 1, flexWrap: "wrap", columnGap: 2, children: [
     legendEntry("[\u2191/\u2193]", "move"),
     legendEntry("[a/r]", "accept/reject"),
     legendEntry("[f]", "continue/finalize"),
@@ -20620,29 +20619,30 @@ function CounterStrip(props) {
   const labelUnd = condensed ? "Und" : "Undecided";
   const sep = condensed ? " | " : "    ";
   return /* @__PURE__ */ jsx29(Box24, { children: /* @__PURE__ */ jsxs25(Text25, { children: [
-    /* @__PURE__ */ jsxs25(Text25, { dimColor: true, children: [
+    /* @__PURE__ */ jsxs25(Text25, { color: PALETTE.muted, children: [
       labelGrp,
       " "
     ] }),
     /* @__PURE__ */ jsx29(Text25, { bold: true, children: counters.groups }),
-    /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: sep }),
-    /* @__PURE__ */ jsxs25(Text25, { dimColor: true, children: [
+    /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: sep }),
+    /* @__PURE__ */ jsxs25(Text25, { color: PALETTE.muted, children: [
       labelRej,
       " "
     ] }),
     /* @__PURE__ */ jsx29(Text25, { bold: true, children: counters.rejected }),
-    /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: sep }),
-    /* @__PURE__ */ jsxs25(Text25, { dimColor: true, children: [
+    /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: sep }),
+    /* @__PURE__ */ jsxs25(Text25, { color: PALETTE.muted, children: [
       labelUnd,
       " "
     ] }),
     /* @__PURE__ */ jsx29(Text25, { bold: true, children: counters.undecided }),
-    /* @__PURE__ */ jsx29(Text25, { dimColor: true, children: sep })
+    /* @__PURE__ */ jsx29(Text25, { color: PALETTE.muted, children: sep })
   ] }) });
 }
 var init_CounterStrip = __esm({
   "packages/experience-design-system-cli-legacy/src/import/tui/components/CounterStrip.tsx"() {
     "use strict";
+    init_theme();
   }
 });
 
@@ -21595,12 +21595,14 @@ function ScopeGateStepView({
     return /* @__PURE__ */ jsx30(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: () => setShowHelp(false) });
   }
   return /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", paddingX: 2, children: [
-    /* @__PURE__ */ jsx30(CounterStrip, { counters, totalWidth }),
-    hasAnyAi && /* @__PURE__ */ jsxs26(Text26, { dimColor: true, children: [
-      `${aiExcludedCount} component${aiExcludedCount === 1 ? "" : "s"} flagged by AI`,
-      aiRows.length > 0 && /* @__PURE__ */ jsx30(Text26, { color: PALETTE.info, children: " \u2014 press [x] to see why" })
+    /* @__PURE__ */ jsxs26(Box25, { flexDirection: "row", flexWrap: "wrap", children: [
+      /* @__PURE__ */ jsx30(CounterStrip, { counters, totalWidth }),
+      hasAnyAi && /* @__PURE__ */ jsxs26(Text26, { color: PALETTE.muted, children: [
+        `${aiExcludedCount} component${aiExcludedCount === 1 ? "" : "s"} flagged by AI`,
+        aiRows.length > 0 && /* @__PURE__ */ jsx30(Text26, { color: PALETTE.info, children: " \u2014 press [x] to see why" })
+      ] })
     ] }),
-    hasCycles && /* @__PURE__ */ jsx30(Box25, { marginTop: 1, children: /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "If you must have components with cycles, select them together into the generate step and then use the editor to fix them." }) }),
+    hasCycles && /* @__PURE__ */ jsx30(Box25, { marginTop: 1, children: /* @__PURE__ */ jsx30(Text26, { color: PALETTE.muted, children: "If you must have components with cycles, select them together into the generate step and then use the editor to fix them." }) }),
     /* @__PURE__ */ jsxs26(Box25, { flexDirection: "row", alignItems: "stretch", children: [
       aiRationalePanel.isOpen ? /* @__PURE__ */ jsx30(
         GotoBanner,
@@ -21673,13 +21675,13 @@ function ScopeGateStepView({
           /* @__PURE__ */ jsx30(Text26, { color: PALETTE.warning, inverse: isCursor, children: " " + label })
         ] }, i);
       }),
-      /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
+      /* @__PURE__ */ jsx30(Text26, { children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
     ] }),
     pendingRejectCascade && /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
       /* @__PURE__ */ jsx30(Text26, { bold: true, color: PALETTE.warning, children: `Rejecting ${pendingRejectCascade.target} will:` }),
       pendingRejectCascade.ancestors.length > 0 && /* @__PURE__ */ jsx30(Text26, { children: `- Reject ancestors: ${pendingRejectCascade.ancestors.join(", ")}` }),
       pendingRejectCascade.descendants.length > 0 && /* @__PURE__ */ jsx30(Text26, { children: `- Deselect descendants: ${pendingRejectCascade.descendants.join(", ")}` }),
-      /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "[y] confirm \xB7 [n]/[Esc] cancel" })
+      /* @__PURE__ */ jsx30(Text26, { children: "[y] confirm \xB7 [n]/[Esc] cancel" })
     ] }),
     /* @__PURE__ */ jsx30(
       SearchMatchSummary,
@@ -21748,7 +21750,7 @@ function AddedColumn(props) {
   const window = computeColumnWindow(entries.length, cursor, Math.max(1, visibleCount));
   return /* @__PURE__ */ jsxs26(WindowedPanel, { width, height, title, focused, children: [
     /* @__PURE__ */ jsx30(WindowIndicator, { direction: "up", count: window.above }),
-    entries.length === 0 ? /* @__PURE__ */ jsx30(Text26, { dimColor: true, children: "(none)" }) : entries.slice(window.start, window.end).map((entry, vi) => {
+    entries.length === 0 ? /* @__PURE__ */ jsx30(Text26, { color: PALETTE.muted, children: "(none)" }) : entries.slice(window.start, window.end).map((entry, vi) => {
       const i = window.start + vi;
       const isSelected = i === cursor;
       const isCursor = focused && isSelected;
@@ -22365,7 +22367,7 @@ function serializeState(state, originalJson) {
 function Picker({ value, active }) {
   return /* @__PURE__ */ jsxs27(Box26, { children: [
     active && /* @__PURE__ */ jsx31(Text27, { color: PALETTE.warning, children: "\u2039" }),
-    /* @__PURE__ */ jsx31(Text27, { color: active ? PALETTE.warning : PALETTE.inverse, bold: active, children: value }),
+    /* @__PURE__ */ jsx31(Text27, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
     active && /* @__PURE__ */ jsx31(Text27, { color: PALETTE.warning, children: "\u203A" })
   ] });
 }
@@ -22380,7 +22382,7 @@ function InlinePropField({
   width
 }) {
   return /* @__PURE__ */ jsxs27(Box26, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
-    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, wrap: "truncate-end", children: [
+    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, wrap: "truncate-end", children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
@@ -22401,11 +22403,11 @@ function DefaultValueRow({
   focused
 }) {
   return /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    active ? /* @__PURE__ */ jsx31(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx31(Text27, { color: focused ? PALETTE.inverse : PALETTE.inverse, wrap: "wrap", children: display })
+    active ? /* @__PURE__ */ jsx31(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx31(Text27, { wrap: "wrap", children: display })
   ] });
 }
 function RowLabel({
@@ -22451,7 +22453,7 @@ function EditableListItem({
   if (isBeingEdited) {
     return /* @__PURE__ */ jsx31(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx31(Box26, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text27, { color: active ? PALETTE.info : PALETTE.inverse, children: active ? `${figures4.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx31(Box26, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text27, { color: active ? PALETTE.info : void 0, children: active ? `${figures4.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -22465,7 +22467,7 @@ function EditableValueList({
   showAddInput
 }) {
   return /* @__PURE__ */ jsxs27(Fragment11, { children: [
-    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: emptyMessage }) : /* @__PURE__ */ jsx31(Box26, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: emptyMessage }) })),
+    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx31(Box26, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: emptyMessage }) })),
     values.map((value, index) => /* @__PURE__ */ jsx31(
       EditableListItem,
       {
@@ -22491,11 +22493,11 @@ function DefaultSubRow({
   const cursor = cursorVisible ? "\u2588" : " ";
   if (prop.type === "richtext" || prop.type === "media" || prop.type === "link") {
     return /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+      /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsx31(Text27, { dimColor: !focused, children: "(not applicable)" })
+      /* @__PURE__ */ jsx31(Text27, { color: focused ? void 0 : PALETTE.muted, children: "(not applicable)" })
     ] });
   }
   if (prop.type === "boolean") {
@@ -22505,11 +22507,11 @@ function DefaultSubRow({
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
       return /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexShrink: 0, children: [
-        /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+        /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
           focused ? "\u203A " : "  ",
           "default:"
         ] }),
-        /* @__PURE__ */ jsx31(Text27, { dimColor: !focused, children: "(no values defined)" })
+        /* @__PURE__ */ jsx31(Text27, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
       ] });
     }
     const display = typeof prop.default === "string" && prop.default !== "" ? prop.default : "(unset)";
@@ -22518,7 +22520,7 @@ function DefaultSubRow({
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
     return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "row", flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+      /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
@@ -22530,11 +22532,11 @@ function DefaultSubRow({
     ] });
   }
   return /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    /* @__PURE__ */ jsx31(Text27, { color: focused ? PALETTE.inverse : value ? PALETTE.inverse : void 0, dimColor: !value && !focused, children: value || "(none)" })
+    /* @__PURE__ */ jsx31(Text27, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
   ] });
 }
 function DescriptionField({
@@ -22550,15 +22552,15 @@ function DescriptionField({
 }) {
   if (compact) {
     return /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+      /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         label
       ] }),
-      /* @__PURE__ */ jsx31(Text27, { wrap: "truncate-end", dimColor: !value, children: value || "\u2014" })
+      /* @__PURE__ */ jsx31(Text27, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
     ] });
   }
   return /* @__PURE__ */ jsxs27(Box26, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : void 0, bold: focused, dimColor: !focused, children: [
+    /* @__PURE__ */ jsxs27(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
@@ -22618,23 +22620,15 @@ function PropRow({
           activeField
         }
       ),
-      /* @__PURE__ */ jsx31(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx31(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx31(Text27, { color: selected ? PALETTE.inverse : PALETTE.inverse, children: prop.type }) })
+      /* @__PURE__ */ jsx31(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx31(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx31(Text27, { children: prop.type }) })
     ] }),
-    prop.type === "token" && /* @__PURE__ */ jsx31(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx31(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx31(Text27, { color: selected ? PALETTE.inverse : PALETTE.inverse, wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
+    prop.type === "token" && /* @__PURE__ */ jsx31(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx31(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx31(Text27, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
     prop.type === "enum" && /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs27(
-        Text27,
-        {
-          color: activeField === "values" ? PALETTE.warning : void 0,
-          bold: activeField === "values",
-          dimColor: activeField !== "values",
-          children: [
-            activeField === "values" ? "\u203A " : "  ",
-            "values:"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs27(Text27, { color: activeField === "values" ? PALETTE.inverse : selected ? PALETTE.inverse : void 0, wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs27(Text27, { color: activeField === "values" ? PALETTE.warning : PALETTE.muted, bold: activeField === "values", children: [
+        activeField === "values" ? "\u203A " : "  ",
+        "values:"
+      ] }),
+      /* @__PURE__ */ jsxs27(Text27, { wrap: "wrap", children: [
         "[",
         prop.values.join(", "),
         "]"
@@ -22651,37 +22645,28 @@ function PropRow({
       }
     ),
     prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs27(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs27(
-        Text27,
-        {
-          color: activeField === "allowed" ? PALETTE.warning : void 0,
-          bold: activeField === "allowed",
-          dimColor: activeField !== "allowed",
-          children: [
-            activeField === "allowed" ? "\u203A " : "  ",
-            "allowed:"
-          ]
-        }
-      ),
-      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx31(Box26, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsxs27(Text27, { color: activeField === "allowed" ? PALETTE.warning : PALETTE.muted, bold: activeField === "allowed", children: [
+        activeField === "allowed" ? "\u203A " : "  ",
+        "allowed:"
+      ] }),
+      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx31(Box26, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx31(Text27, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx31(
         Text27,
         {
-          color: activeField === "allowed" ? PALETTE.inverse : void 0,
-          dimColor: prop.allowed.length === 0 && activeField !== "allowed",
+          color: activeField !== "allowed" && prop.allowed.length === 0 ? PALETTE.muted : void 0,
           wrap: "wrap",
           children: prop.allowed.length > 0 ? prop.allowed.join(", ") : "(any)"
         }
       )
     ] }),
-    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx31(Box26, { paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: (() => {
+    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx31(Box26, { paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: (() => {
       const max = Math.max(8, width - 8);
       const text = `~ ${rationale}`;
       return text.length > max ? text.slice(0, max - 1) + "\u2026" : text;
     })() }) }, rowKey ? `rationale-${rowKey}` : void 0),
     selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs27(Box26, { paddingLeft: 2, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs27(Box26, { children: [
-        /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "values:" }),
-        activeField === "values" && /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
+        /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: "values:" }),
+        activeField === "values" && /* @__PURE__ */ jsx31(Text27, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
       /* @__PURE__ */ jsx31(
         EditableValueList,
@@ -22741,32 +22726,30 @@ function SlotRow({
       /* @__PURE__ */ jsxs27(
         Text27,
         {
-          color: activeField === "allowedComponents" ? PALETTE.warning : void 0,
+          color: activeField === "allowedComponents" ? PALETTE.warning : PALETTE.muted,
           bold: activeField === "allowedComponents",
-          dimColor: activeField !== "allowedComponents",
           children: [
             activeField === "allowedComponents" ? "\u203A " : "  ",
             "allowed:"
           ]
         }
       ),
-      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "(any)" }) : /* @__PURE__ */ jsx31(Text27, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
+      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx31(Text27, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
     ] }),
     selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs27(Box26, { children: [
         /* @__PURE__ */ jsxs27(
           Text27,
           {
-            color: activeField === "allowedComponents" ? PALETTE.warning : void 0,
+            color: activeField === "allowedComponents" ? PALETTE.warning : PALETTE.muted,
             bold: activeField === "allowedComponents",
-            dimColor: activeField !== "allowedComponents",
             children: [
               activeField === "allowedComponents" ? "\u203A " : "  ",
               "allowed:"
             ]
           }
         ),
-        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: slot.allowedComponents.length > 0 ? "  [a]dd  [e]dit  [r]emove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
+        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: slot.allowedComponents.length > 0 ? "  [a] add  [e] edit  [r] remove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
       /* @__PURE__ */ jsx31(
         EditableValueList,
@@ -22782,21 +22765,21 @@ function SlotRow({
           showAddInput: editingField && activeField === "allowedComponents"
         }
       ),
-      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx31(Box26, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
+      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx31(Box26, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
         const filtered = valueText.length === 0 ? pickerCandidates : pickerCandidates.filter((n) => n.toLowerCase().includes(valueText.toLowerCase()));
         if (filtered.length === 0) {
-          return /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "(no candidates match \u2014 Enter to add as free text)" });
+          return /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: "(no candidates match \u2014 Enter to add as free text)" });
         }
         const cursor = pickerCursor % filtered.length;
         const MAX_VISIBLE = 5;
         const start = Math.max(0, Math.min(filtered.length - MAX_VISIBLE, cursor - 2));
         const slice = filtered.slice(start, start + MAX_VISIBLE);
         return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
+          /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
           slice.map((name, i) => {
             const absIdx = start + i;
             const isCursor = absIdx === cursor;
-            return /* @__PURE__ */ jsx31(Text27, { color: isCursor ? PALETTE.info : void 0, dimColor: !isCursor, children: isCursor ? `  ${figures4.pointer} ${name}` : `    ${name}` }, name);
+            return /* @__PURE__ */ jsx31(Text27, { color: isCursor ? PALETTE.info : PALETTE.muted, children: isCursor ? `  ${figures4.pointer} ${name}` : `    ${name}` }, name);
           })
         ] });
       })() })
@@ -23627,15 +23610,15 @@ function FieldEditor({
     return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
       /* @__PURE__ */ jsx31(Text27, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
       /* @__PURE__ */ jsx31(Text27, { color: PALETTE.error, children: parseErr }),
-      /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "Cannot display structured editor. Fix the JSON first." })
+      /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
     return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
       /* @__PURE__ */ jsx31(Text27, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
       /* @__PURE__ */ jsx31(Text27, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "Enter to save \xB7 Esc to discard" })
+      /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
+      /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -23909,16 +23892,16 @@ function FieldEditor({
           const headerPath = path ?? "<unknown source path>";
           if (!start || !end2 || !src) {
             return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-              /* @__PURE__ */ jsx31(Text27, { dimColor: true, bold: true, children: `source: ${headerPath}` }),
-              /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "(no source location captured for this prop)" }),
-              /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "[s] close" })
+              /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
+              /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
+              /* @__PURE__ */ jsx31(Text27, { children: "[s] close" })
             ] });
           }
           const lines = src.split("\n").slice(Math.max(0, start - 1), end2);
           return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-            /* @__PURE__ */ jsx31(Text27, { dimColor: true, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
-            lines.map((ln, i) => /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: ln }, `source-line-${i}`)),
-            /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "[s] close \xB7 [Esc] close" })
+            /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
+            lines.map((ln, i) => /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
+            /* @__PURE__ */ jsx31(Text27, { children: "[s] close \xB7 [Esc] close" })
           ] });
         })(),
         showHelp && /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
@@ -23947,10 +23930,10 @@ function FieldEditor({
           /* @__PURE__ */ jsx31(Text27, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
           /* @__PURE__ */ jsx31(Text27, { children: "  ?                toggle this overlay" }),
           /* @__PURE__ */ jsx31(Text27, { children: " " }),
-          /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: "press ? or Esc to close" })
+          /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: "press ? or Esc to close" })
         ] }),
         validationError && /* @__PURE__ */ jsx31(Text27, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx31(Box26, { paddingTop: 1, children: /* @__PURE__ */ jsx31(Text27, { dimColor: true, children: modeLabel }) })
+        /* @__PURE__ */ jsx31(Box26, { paddingTop: 1, children: /* @__PURE__ */ jsx31(Text27, { color: PALETTE.muted, children: modeLabel }) })
       ]
     }
   );
@@ -24013,16 +23996,16 @@ function RationaleLine({ line, active }) {
     return /* @__PURE__ */ jsx32(Box27, { children: /* @__PURE__ */ jsx32(Text28, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx32(Box27, { children: /* @__PURE__ */ jsx32(Text28, { bold: true, color: PALETTE.info, dimColor: !active, children: line.text }) });
+    return /* @__PURE__ */ jsx32(Box27, { children: /* @__PURE__ */ jsx32(Text28, { bold: true, color: active ? PALETTE.info : PALETTE.muted, children: line.text }) });
   }
   if (line.kind === "label") {
     return /* @__PURE__ */ jsxs28(Box27, { children: [
       line.prefix && /* @__PURE__ */ jsx32(Text28, { children: line.prefix }),
-      /* @__PURE__ */ jsx32(Text28, { bold: true, color: line.color, dimColor: !active, children: line.text }),
-      line.suffix && /* @__PURE__ */ jsx32(Text28, { dimColor: true, children: line.suffix })
+      /* @__PURE__ */ jsx32(Text28, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
+      line.suffix && /* @__PURE__ */ jsx32(Text28, { color: PALETTE.muted, children: line.suffix })
     ] });
   }
-  return /* @__PURE__ */ jsx32(Box27, { children: /* @__PURE__ */ jsx32(Text28, { dimColor: !active || line.dim, children: line.text }) });
+  return /* @__PURE__ */ jsx32(Box27, { children: /* @__PURE__ */ jsx32(Text28, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
 }
 var init_RationaleLine = __esm({
   "packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/RationaleLine.tsx"() {
@@ -24109,9 +24092,9 @@ function ComponentRationalePanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.inverse : void 0,
       children: [
-        /* @__PURE__ */ jsx33(Box28, { children: /* @__PURE__ */ jsx33(Text29, { bold: true, dimColor: !active, children: `Component rationale: ${data.name}` }) }),
+        /* @__PURE__ */ jsx33(Box28, { children: /* @__PURE__ */ jsx33(Text29, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
         visible.map((line, i) => /* @__PURE__ */ jsx33(RationaleLine, { line, active }, i)),
-        /* @__PURE__ */ jsx33(Box28, { children: overflowed ? /* @__PURE__ */ jsx33(Text29, { dimColor: true, children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx33(Text29, { dimColor: true, children: "[I/Esc] close" }) })
+        /* @__PURE__ */ jsx33(Box28, { children: overflowed ? /* @__PURE__ */ jsx33(Text29, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx33(Text29, { children: "[I/Esc] close" }) })
       ]
     }
   );
@@ -24131,11 +24114,12 @@ var init_ComponentRationalePanel = __esm({
 import { Text as Text30 } from "ink";
 import { Fragment as Fragment12, jsx as jsx34 } from "react/jsx-runtime";
 function HighlightedLine({ parts }) {
-  return /* @__PURE__ */ jsx34(Fragment12, { children: parts.map((part, i) => /* @__PURE__ */ jsx34(Text30, { color: part.color, dimColor: part.dim, children: part.text }, i)) });
+  return /* @__PURE__ */ jsx34(Fragment12, { children: parts.map((part, i) => /* @__PURE__ */ jsx34(Text30, { color: part.dim ? PALETTE.muted : part.color, children: part.text }, i)) });
 }
 var init_HighlightedLine = __esm({
   "packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/HighlightedLine.tsx"() {
     "use strict";
+    init_theme();
   }
 });
 
@@ -24143,7 +24127,7 @@ var init_HighlightedLine = __esm({
 import { Box as Box29, Text as Text31 } from "ink";
 import { Fragment as Fragment13, jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function ScrollablePanel({
-  header,
+  title,
   width,
   height,
   active,
@@ -24156,10 +24140,10 @@ function ScrollablePanel({
   const overflowed = totalLines > height;
   return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
     /* @__PURE__ */ jsxs30(Box29, { children: [
-      header,
+      /* @__PURE__ */ jsx35(Text31, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
       overflowed && /* @__PURE__ */ jsxs30(Fragment13, { children: [
         /* @__PURE__ */ jsx35(Box29, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx35(Text31, { dimColor: !active, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
+        /* @__PURE__ */ jsx35(Text31, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
     children
@@ -24168,11 +24152,12 @@ function ScrollablePanel({
 var init_ScrollablePanel = __esm({
   "packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/ScrollablePanel.tsx"() {
     "use strict";
+    init_theme();
   }
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/JsonPanel.tsx
-import { Box as Box30, Text as Text32 } from "ink";
+import { Box as Box30 } from "ink";
 import { jsx as jsx36 } from "react/jsx-runtime";
 function highlightJson(line) {
   const parts = [];
@@ -24227,7 +24212,7 @@ function JsonPanel({ label, value, scrollOffset, width, height, active }) {
   return /* @__PURE__ */ jsx36(
     ScrollablePanel,
     {
-      header: /* @__PURE__ */ jsx36(Text32, { bold: true, dimColor: !active, children: label }),
+      title: label,
       width,
       height,
       active,
@@ -24251,7 +24236,6 @@ var init_JsonPanel = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/RationalePanel.tsx
-import { Text as Text33 } from "ink";
 import { jsx as jsx37 } from "react/jsx-runtime";
 function renderRationaleLines(rows, innerWidth) {
   const out = [];
@@ -24288,7 +24272,7 @@ function RationalePanel({
   return /* @__PURE__ */ jsx37(
     ScrollablePanel,
     {
-      header: /* @__PURE__ */ jsx37(Text33, { bold: true, dimColor: !active, children: `RATIONALE \u2014 ${componentName}` }),
+      title: `RATIONALE \u2014 ${componentName}`,
       width,
       height,
       active,
@@ -24312,7 +24296,7 @@ var init_RationalePanel = __esm({
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/TokenReviewPanel.tsx
 import figures5 from "figures";
-import { Box as Box31, Text as Text34 } from "ink";
+import { Box as Box31, Text as Text32 } from "ink";
 import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 function collectTokenSuggestions(entry, availableTokens = []) {
   return Object.entries(entry.$properties).filter(([, def]) => {
@@ -24356,19 +24340,19 @@ function TokenReviewPanel({
         borderStyle: "single",
         borderColor: active ? PALETTE.inverse : void 0,
         children: [
-          /* @__PURE__ */ jsx38(Text34, { bold: true, dimColor: !active, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
-          /* @__PURE__ */ jsx38(Text34, { dimColor: true, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
-          /* @__PURE__ */ jsx38(Text34, { children: " " }),
-          current.paths.length === 0 && /* @__PURE__ */ jsx38(Text34, { dimColor: true, children: "(no compatible tokens found for this token kind)" }),
+          /* @__PURE__ */ jsx38(Text32, { bold: true, color: active ? void 0 : PALETTE.muted, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
+          /* @__PURE__ */ jsx38(Text32, { color: PALETTE.muted, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
+          /* @__PURE__ */ jsx38(Text32, { children: " " }),
+          current.paths.length === 0 && /* @__PURE__ */ jsx38(Text32, { color: PALETTE.muted, children: "(no compatible tokens found for this token kind)" }),
           visiblePaths.map((path, i) => {
             const pathIndex = scrollStart + i;
             const checked = editSelection.has(path);
             const focused = pathIndex === editCursor;
-            return /* @__PURE__ */ jsx38(Box31, { children: /* @__PURE__ */ jsx38(Text34, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, wrap: "truncate", children: `  [${checked ? "x" : " "}] ${path}` }) }, path);
+            return /* @__PURE__ */ jsx38(Box31, { children: /* @__PURE__ */ jsx38(Text32, { color: focused ? PALETTE.info : active ? void 0 : PALETTE.muted, bold: focused, wrap: "truncate", children: `  [${checked ? "x" : " "}] ${path}` }) }, path);
           }),
-          /* @__PURE__ */ jsx38(Text34, { children: " " }),
-          /* @__PURE__ */ jsx38(Text34, { dimColor: true, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
-          /* @__PURE__ */ jsx38(Text34, { dimColor: true, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
+          /* @__PURE__ */ jsx38(Text32, { children: " " }),
+          /* @__PURE__ */ jsx38(Text32, { color: PALETTE.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
+          /* @__PURE__ */ jsx38(Text32, { color: PALETTE.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
         ]
       }
     );
@@ -24382,18 +24366,18 @@ function TokenReviewPanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.inverse : void 0,
       children: [
-        /* @__PURE__ */ jsx38(Text34, { bold: true, dimColor: !active, children: `TOKEN REVIEW \u2014 ${componentName}` }),
-        suggestions.length === 0 && /* @__PURE__ */ jsx38(Text34, { dimColor: true, children: "(no token suggestions for this component)" }),
+        /* @__PURE__ */ jsx38(Text32, { bold: true, color: active ? void 0 : PALETTE.muted, children: `TOKEN REVIEW \u2014 ${componentName}` }),
+        suggestions.length === 0 && /* @__PURE__ */ jsx38(Text32, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
           return /* @__PURE__ */ jsxs31(Box31, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx38(Box31, { children: /* @__PURE__ */ jsx38(Text34, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, children: `${focused ? figures5.pointer : " "} ${s.propName}` }) }),
-            /* @__PURE__ */ jsx38(Text34, { dimColor: true, children: `  suggested: ${s.suggested.join(", ")}` }),
-            /* @__PURE__ */ jsx38(Text34, { dimColor: true, children: `  allowed: ${s.allowed.join(", ")}` })
+            /* @__PURE__ */ jsx38(Box31, { children: /* @__PURE__ */ jsx38(Text32, { color: focused ? PALETTE.info : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures5.pointer : " "} ${s.propName}` }) }),
+            /* @__PURE__ */ jsx38(Text32, { color: PALETTE.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
+            /* @__PURE__ */ jsx38(Text32, { color: PALETTE.muted, children: `  allowed: ${s.allowed.join(", ")}` })
           ] }, s.propName);
         }),
-        /* @__PURE__ */ jsx38(Text34, { children: " " }),
-        /* @__PURE__ */ jsx38(Text34, { dimColor: true, children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
+        /* @__PURE__ */ jsx38(Text32, { children: " " }),
+        /* @__PURE__ */ jsx38(Text32, { children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
       ]
     }
   );
@@ -24406,7 +24390,7 @@ var init_TokenReviewPanel = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/review-details-panel.tsx
-import { Text as Text35 } from "ink";
+import { Text as Text33 } from "ink";
 import { Fragment as Fragment14, jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
 function ReviewDetailsPanel({
   selectedKey,
@@ -24481,9 +24465,9 @@ function ReviewDetailsPanel({
     const sourceLineCount = Math.max(1, height - 4);
     const lines = source ? source.split("\n").slice(panelScrollOffset, panelScrollOffset + sourceLineCount) : [];
     return /* @__PURE__ */ jsxs32(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx39(Text35, { dimColor: true, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
-      source ? lines.map((line, index) => /* @__PURE__ */ jsx39(Text35, { dimColor: true, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx39(Text35, { dimColor: true, children: "(no source captured)" }),
-      /* @__PURE__ */ jsx39(Text35, { dimColor: true, wrap: "truncate-end", children: "[s/Esc] close" })
+      /* @__PURE__ */ jsx39(Text33, { color: PALETTE.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
+      source ? lines.map((line, index) => /* @__PURE__ */ jsx39(Text33, { color: PALETTE.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx39(Text33, { color: PALETTE.muted, children: "(no source captured)" }),
+      /* @__PURE__ */ jsx39(Text33, { color: PALETTE.muted, wrap: "truncate-end", children: "[s/Esc] close" })
     ] });
   }
   if (panelOpen === "token-review") {
@@ -24525,6 +24509,7 @@ var init_review_details_panel = __esm({
     init_RationalePanel();
     init_TokenReviewPanel();
     init_windowed_panel();
+    init_theme();
   }
 });
 
@@ -24610,7 +24595,7 @@ var init_ReviewDetailsEditor = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/ReviewComponentPanel.tsx
-import { Box as Box32, Text as Text36 } from "ink";
+import { Box as Box32, Text as Text34 } from "ink";
 import { Fragment as Fragment15, jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
 function buildReviewFieldEditor(reviewEditor, selectedJson, onExit, overrides = {}) {
   return {
@@ -24651,17 +24636,17 @@ function ReviewEmptyComponentsWarning({
   hidden
 }) {
   if (hidden || count === 0) return null;
-  return /* @__PURE__ */ jsx41(Text36, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
+  return /* @__PURE__ */ jsx41(Text34, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx41(Box32, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx41(Text36, { dimColor: true, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx41(Box32, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx41(Text34, { color: PALETTE.muted, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
   hidden
 }) {
   if (hidden || !message) return null;
-  return /* @__PURE__ */ jsx41(Text36, { color: PALETTE.error, children: `\u26A0 ${message}` });
+  return /* @__PURE__ */ jsx41(Text34, { color: PALETTE.error, children: `\u26A0 ${message}` });
 }
 function ReviewPanelFooter({
   reviewEditor,
@@ -24672,8 +24657,8 @@ function ReviewPanelFooter({
 }) {
   return /* @__PURE__ */ jsxs33(Fragment15, { children: [
     reviewEditor.panelOpen === "token-review" ? "  [\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" : sidebarFocused ? sidebarFooter : reviewEditor.showJson ? "  [\u2191\u2193] scroll  [Ctrl+u/d] half-page  [gg/G] top/bottom  [Tab] focus list" : "  [Tab] focus list  (edit fields)" + (reviewEditor.currentTokenSuggestions().length > 0 ? "  [t] token review" : ""),
-    livePreview.status === "running" && /* @__PURE__ */ jsx41(Text36, { children: `  ${livePreviewSpinner} live preview` }),
-    livePreview.disabled && /* @__PURE__ */ jsx41(Text36, { children: "  \xB7 live preview disabled" })
+    livePreview.status === "running" && /* @__PURE__ */ jsx41(Text34, { children: `  ${livePreviewSpinner} live preview` }),
+    livePreview.disabled && /* @__PURE__ */ jsx41(Text34, { children: "  \xB7 live preview disabled" })
   ] });
 }
 function ReviewComponentTitle({
@@ -24683,9 +24668,9 @@ function ReviewComponentTitle({
   sidebarFocused
 }) {
   return /* @__PURE__ */ jsxs33(Box32, { paddingLeft: 2, paddingBottom: 1, children: [
-    /* @__PURE__ */ jsx41(Text36, { bold: true, wrap: "truncate-end", children: selectedKey }),
+    /* @__PURE__ */ jsx41(Text34, { bold: true, wrap: "truncate-end", children: selectedKey }),
     /* @__PURE__ */ jsx41(Box32, { flexGrow: 1 }),
-    /* @__PURE__ */ jsxs33(Text36, { dimColor: true, wrap: "truncate-end", children: [
+    /* @__PURE__ */ jsxs33(Text34, { color: PALETTE.muted, wrap: "truncate-end", children: [
       propCount,
       " prop",
       propCount !== 1 ? "s" : "",
@@ -24741,8 +24726,8 @@ function ReviewComponentPanel({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx41(Box32, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text36, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
-    /* @__PURE__ */ jsx41(Box32, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text36, { dimColor: true, wrap: "truncate-end", children: /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx41(Box32, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text34, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
+    /* @__PURE__ */ jsx41(Box32, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text34, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx41(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -24765,7 +24750,7 @@ var init_ReviewComponentPanel = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/ReviewStatus.tsx
-import { Box as Box33, Text as Text37 } from "ink";
+import { Box as Box33, Text as Text35 } from "ink";
 import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
 function countReviewStatuses(entries) {
   return entries.reduce(
@@ -24779,13 +24764,13 @@ function countReviewStatuses(entries) {
   );
 }
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx42(Box33, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx42(Text37, { dimColor: true, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx42(Box33, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx42(Text35, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
   return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx42(Text37, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx42(Text37, { children: " " }),
-    /* @__PURE__ */ jsx42(Text37, { dimColor: true, children: "[q / Enter / Esc] Quit" })
+    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx42(Text35, { children: " " }),
+    /* @__PURE__ */ jsx42(Text35, { children: "[q / Enter / Esc] Quit" })
   ] });
 }
 var init_ReviewStatus = __esm({
@@ -24919,7 +24904,7 @@ var init_runLivePreview = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/FinalizeDialog.tsx
-import { Box as Box34, Text as Text38 } from "ink";
+import { Box as Box34, Text as Text36 } from "ink";
 import { Fragment as Fragment16, jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
 function FinalizeDialog({
   accepted,
@@ -24949,50 +24934,50 @@ function FinalizeDialog({
   const hasMoreBelow = offset + FINALIZE_REMOVED_WINDOW < removed.length;
   const hasMoreAbove = offset > 0;
   return /* @__PURE__ */ jsx43(Box34, { width: "100%", justifyContent: "center", children: /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", alignItems: "center", borderStyle: "round", padding: 1, width: 58, children: [
-    /* @__PURE__ */ jsx43(Text38, { bold: true, children: "\u2500".repeat(22) + " Finalize " + "\u2500".repeat(22) }),
-    /* @__PURE__ */ jsx43(Text38, { children: " " }),
-    /* @__PURE__ */ jsxs35(Text38, { children: [
-      /* @__PURE__ */ jsxs35(Text38, { color: PALETTE.success, children: [
+    /* @__PURE__ */ jsx43(Text36, { bold: true, children: "\u2500".repeat(22) + " Finalize " + "\u2500".repeat(22) }),
+    /* @__PURE__ */ jsx43(Text36, { children: " " }),
+    /* @__PURE__ */ jsxs35(Text36, { children: [
+      /* @__PURE__ */ jsxs35(Text36, { color: PALETTE.success, children: [
         accepted,
         " accepted"
       ] }),
-      /* @__PURE__ */ jsx43(Text38, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs35(Text38, { color: PALETTE.error, children: [
+      /* @__PURE__ */ jsx43(Text36, { children: " \xB7 " }),
+      /* @__PURE__ */ jsxs35(Text36, { color: PALETTE.error, children: [
         rejected,
         " rejected"
       ] }),
-      /* @__PURE__ */ jsx43(Text38, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs35(Text38, { dimColor: true, children: [
+      /* @__PURE__ */ jsx43(Text36, { children: " \xB7 " }),
+      /* @__PURE__ */ jsxs35(Text36, { color: PALETTE.muted, children: [
         needsReview,
         " unresolved"
       ] })
     ] }),
-    /* @__PURE__ */ jsx43(Text38, { children: " " }),
+    /* @__PURE__ */ jsx43(Text36, { children: " " }),
     noneAccepted && /* @__PURE__ */ jsxs35(Fragment16, { children: [
-      /* @__PURE__ */ jsx43(Text38, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
-      /* @__PURE__ */ jsx43(Text38, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
-      /* @__PURE__ */ jsx43(Text38, { children: " " })
+      /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
+      /* @__PURE__ */ jsx43(Text36, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
+      /* @__PURE__ */ jsx43(Text36, { children: " " })
     ] }),
     !allResolved && /* @__PURE__ */ jsxs35(Fragment16, { children: [
-      /* @__PURE__ */ jsx43(Text38, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
-      /* @__PURE__ */ jsx43(Text38, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
-      /* @__PURE__ */ jsx43(Text38, { children: " " })
+      /* @__PURE__ */ jsx43(Text36, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
+      /* @__PURE__ */ jsx43(Text36, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
+      /* @__PURE__ */ jsx43(Text36, { children: " " })
     ] }),
     /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", height: 2, children: [
-      previewStatus === "running" ? /* @__PURE__ */ jsx43(Text38, { dimColor: true, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx43(Text38, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx43(Text38, { children: " " }),
-      /* @__PURE__ */ jsx43(Text38, { children: " " })
+      previewStatus === "running" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx43(Text36, { children: " " }),
+      /* @__PURE__ */ jsx43(Text36, { children: " " })
     ] }),
     previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs35(Fragment16, { children: [
-      /* @__PURE__ */ jsx43(Text38, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
-      hasMoreAbove && /* @__PURE__ */ jsx43(Text38, { dimColor: true, children: "\u2191 more above" }),
-      windowed.map((rc) => /* @__PURE__ */ jsx43(Text38, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
-      hasMoreBelow && /* @__PURE__ */ jsx43(Text38, { dimColor: true, children: "\u2193 more below" }),
-      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx43(Text38, { dimColor: true, children: "[\u2191\u2193] scroll deletions" }),
-      /* @__PURE__ */ jsx43(Text38, { children: " " })
+      /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
+      hasMoreAbove && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "\u2191 more above" }),
+      windowed.map((rc) => /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
+      hasMoreBelow && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "\u2193 more below" }),
+      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx43(Text36, { children: "[\u2191\u2193] scroll deletions" }),
+      /* @__PURE__ */ jsx43(Text36, { children: " " })
     ] }),
-    /* @__PURE__ */ jsx43(Text38, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
-    /* @__PURE__ */ jsx43(Text38, { children: " " }),
-    /* @__PURE__ */ jsx43(Text38, { children: "[y / Enter]  Confirm    [n / Esc]  Cancel" })
+    /* @__PURE__ */ jsx43(Text36, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
+    /* @__PURE__ */ jsx43(Text36, { children: " " }),
+    /* @__PURE__ */ jsx43(Text36, { children: "[y / Enter]  Confirm    [n / Esc]  Cancel" })
   ] }) });
 }
 var FINALIZE_REMOVED_WINDOW;
@@ -25498,7 +25483,7 @@ var init_useReviewSurfaceState = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/analyze/select/tui/components/QuitDialog.tsx
-import { Box as Box35, Text as Text39 } from "ink";
+import { Box as Box35, Text as Text37 } from "ink";
 import { Fragment as Fragment17, jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
   useImmediateInput((input, key) => {
@@ -25509,15 +25494,15 @@ function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
     }
   });
   return /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
-    /* @__PURE__ */ jsx44(Text39, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
-    /* @__PURE__ */ jsx44(Text39, { children: " " }),
+    /* @__PURE__ */ jsx44(Text37, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
+    /* @__PURE__ */ jsx44(Text37, { children: " " }),
     hasUnsavedDrafts ? /* @__PURE__ */ jsxs36(Fragment17, { children: [
-      /* @__PURE__ */ jsx44(Text39, { children: "You have unsaved draft edits." }),
-      /* @__PURE__ */ jsx44(Text39, { children: "Session state is preserved \u2014 you can resume" }),
-      /* @__PURE__ */ jsx44(Text39, { children: "by running the same review command again." })
-    ] }) : /* @__PURE__ */ jsx44(Text39, { children: "Session is saved. Quit without finalizing?" }),
-    /* @__PURE__ */ jsx44(Text39, { children: " " }),
-    /* @__PURE__ */ jsx44(Text39, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
+      /* @__PURE__ */ jsx44(Text37, { children: "You have unsaved draft edits." }),
+      /* @__PURE__ */ jsx44(Text37, { children: "Session state is preserved \u2014 you can resume" }),
+      /* @__PURE__ */ jsx44(Text37, { children: "by running the same review command again." })
+    ] }) : /* @__PURE__ */ jsx44(Text37, { children: "Session is saved. Quit without finalizing?" }),
+    /* @__PURE__ */ jsx44(Text37, { children: " " }),
+    /* @__PURE__ */ jsx44(Text37, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
   ] });
 }
 var init_QuitDialog = __esm({
@@ -25528,7 +25513,7 @@ var init_QuitDialog = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/ReviewDialogs.tsx
-import { Box as Box36, Text as Text40 } from "ink";
+import { Box as Box36, Text as Text38 } from "ink";
 import { Fragment as Fragment18, jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 function ReviewFinalizeDialogs({
   showFinalize,
@@ -25586,11 +25571,11 @@ function ReviewStepDialogs({
 function ReviewReloadDialog({ open }) {
   if (!open) return null;
   return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx45(Text40, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
-    /* @__PURE__ */ jsx45(Text40, { children: "Unsaved in-memory changes will be lost." }),
-    /* @__PURE__ */ jsx45(Text40, { children: " " }),
-    /* @__PURE__ */ jsx45(Text40, { children: "  [Enter]  Confirm" }),
-    /* @__PURE__ */ jsx45(Text40, { children: "  [Esc]    Cancel" })
+    /* @__PURE__ */ jsx45(Text38, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
+    /* @__PURE__ */ jsx45(Text38, { children: "Unsaved in-memory changes will be lost." }),
+    /* @__PURE__ */ jsx45(Text38, { children: " " }),
+    /* @__PURE__ */ jsx45(Text38, { children: "  [Enter]  Confirm" }),
+    /* @__PURE__ */ jsx45(Text38, { children: "  [Esc]    Cancel" })
   ] });
 }
 var init_ReviewDialogs = __esm({
@@ -25992,7 +25977,7 @@ var init_useReviewPreview = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/import/tui/components/LivePreviewSummary.tsx
-import { Box as Box37, Text as Text41 } from "ink";
+import { Box as Box37, Text as Text39 } from "ink";
 import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 function LivePreviewSummary({
   enabled,
@@ -26007,19 +25992,19 @@ function LivePreviewSummary({
   const counts = { new: 0, changed: 0, removed: 0, breaking: 0 };
   for (const annotation of previewAnnotations.values()) counts[annotation] += 1;
   const hasCounts = counts.new + counts.changed + counts.removed + counts.breaking > 0;
-  if (disabled) return /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: "Preview: disabled (creds rejected)" });
-  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: `Preview: ${spinner} running...` });
+  if (disabled) return /* @__PURE__ */ jsx46(Text39, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
+  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx46(Text39, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
   if (!hasCounts) return null;
   return /* @__PURE__ */ jsxs38(Box37, { children: [
-    /* @__PURE__ */ jsx46(Text41, { children: "Preview: " }),
-    /* @__PURE__ */ jsx46(Text41, { color: PALETTE.success, children: `${counts.new} new` }),
-    /* @__PURE__ */ jsx46(Text41, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx46(Text41, { color: PALETTE.warning, children: `${counts.changed} changed` }),
-    /* @__PURE__ */ jsx46(Text41, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: `${counts.removed} removed` }),
-    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx46(Text41, { dimColor: true, children: " ([d] removed list)" }),
-    /* @__PURE__ */ jsx46(Text41, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx46(Text41, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
+    /* @__PURE__ */ jsx46(Text39, { children: "Preview: " }),
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.success, children: `${counts.new} new` }),
+    /* @__PURE__ */ jsx46(Text39, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.warning, children: `${counts.changed} changed` }),
+    /* @__PURE__ */ jsx46(Text39, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.muted, children: `${counts.removed} removed` }),
+    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx46(Text39, { children: " ([d] removed list)" }),
+    /* @__PURE__ */ jsx46(Text39, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
   ] });
 }
 var init_LivePreviewSummary = __esm({
@@ -26032,7 +26017,7 @@ var init_LivePreviewSummary = __esm({
 // packages/experience-design-system-cli-legacy/src/import/tui/steps/GenerateReviewStep.tsx
 import { useCallback as useCallback7, useEffect as useEffect13, useMemo as useMemo3, useRef as useRef9, useState as useState19 } from "react";
 import figures6 from "figures";
-import { Box as Box38, Text as Text42 } from "ink";
+import { Box as Box38, Text as Text40 } from "ink";
 import { Fragment as Fragment19, jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 function sortComponentsForSidebar(components, cycleParticipants) {
   const isEmpty2 = (entry) => Object.keys(entry.$properties ?? {}).length === 0 && Object.keys(entry.$slots ?? {}).length === 0;
@@ -26074,10 +26059,10 @@ function CyclePathLine({
   highlightComponents = false,
   highlightLine = false
 }) {
-  return /* @__PURE__ */ jsxs39(Text42, { color: highlightLine ? PALETTE.warning : void 0, children: [
+  return /* @__PURE__ */ jsxs39(Text40, { color: highlightLine ? PALETTE.warning : void 0, children: [
     prefix,
     segments.map(
-      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx47(Text42, { color: PALETTE.info, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: segment.text }, index) : /* @__PURE__ */ jsx47(Text42, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
+      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx47(Text40, { color: PALETTE.info, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: segment.text }, index) : /* @__PURE__ */ jsx47(Text40, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
     )
   ] });
 }
@@ -26089,31 +26074,31 @@ function CycleDetailPanel({
   height
 }) {
   const lines = [
-    /* @__PURE__ */ jsx47(Text42, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
-    /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "push will fail until these are resolved" }, "cyc-sub"),
-    /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
-    /* @__PURE__ */ jsx47(Text42, { children: " " }, "cyc-space")
+    /* @__PURE__ */ jsx47(Text40, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
+    /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
+    /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
+    /* @__PURE__ */ jsx47(Text40, { children: " " }, "cyc-space")
   ];
   cycles.forEach((cycle, index) => {
     const nodeCount = new Set(cycle.path).size;
     const isCursor = index === cursor;
     lines.push(
-      /* @__PURE__ */ jsx47(Text42, { bold: true, inverse: isCursor, children: `${isCursor ? figures6.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
+      /* @__PURE__ */ jsx47(Text40, { bold: true, inverse: isCursor, children: `${isCursor ? figures6.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
       /* @__PURE__ */ jsx47(CyclePathLine, { segments: formatCyclePathSegments(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
     );
     if (cycle.suggestedBreak) {
       lines.push(
-        /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
+        /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
       );
     }
-    lines.push(/* @__PURE__ */ jsx47(Text42, { children: " " }, `cyc-s-${index}`));
+    lines.push(/* @__PURE__ */ jsx47(Text40, { children: " " }, `cyc-s-${index}`));
   });
   const footer = "[\u2191\u2193] move  [Enter] fix cycle  [c/q/Esc] close";
   const viewportHeight = Math.max(1, height - 3);
   const visible = lines.slice(scrollOffset, scrollOffset + viewportHeight - 1);
   return /* @__PURE__ */ jsxs39(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
     visible,
-    /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: footer })
+    /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: footer })
   ] });
 }
 function BreakCyclePanel({
@@ -26125,13 +26110,13 @@ function BreakCyclePanel({
   height
 }) {
   return /* @__PURE__ */ jsxs39(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
-    /* @__PURE__ */ jsx47(Text42, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
+    /* @__PURE__ */ jsx47(Text40, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
     cycle && /* @__PURE__ */ jsx47(CyclePathLine, { segments: formatCyclePathSegments(cycle), prefix: "  ", highlightComponents: true }),
-    /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
-    /* @__PURE__ */ jsx47(Text42, { children: " " }),
-    edges.length > 0 && /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "remove slot edge:" }),
-    edges.map((edge, index) => /* @__PURE__ */ jsx47(Text42, { inverse: index === cursor, children: `${index === cursor ? figures6.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
-    confirming ? /* @__PURE__ */ jsx47(Text42, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
+    /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
+    /* @__PURE__ */ jsx47(Text40, { children: " " }),
+    edges.length > 0 && /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: "remove slot edge:" }),
+    edges.map((edge, index) => /* @__PURE__ */ jsx47(Text40, { inverse: index === cursor, children: `${index === cursor ? figures6.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
+    confirming ? /* @__PURE__ */ jsx47(Text40, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx47(Text40, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
   ] });
 }
 function buildBreakingRows(breakingChanges) {
@@ -26177,7 +26162,7 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    return /* @__PURE__ */ jsx47(Box38, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx47(Text42, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
+    return /* @__PURE__ */ jsx47(Box38, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx47(Text40, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
   }
   return /* @__PURE__ */ jsx47(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
@@ -27095,14 +27080,14 @@ function GenerateReviewStepView({
     ),
     /* @__PURE__ */ jsx47(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
     removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
-      /* @__PURE__ */ jsx47(Text42, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
+      /* @__PURE__ */ jsx47(Text40, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
       !removedBannerCollapsed && /* @__PURE__ */ jsxs39(Fragment19, { children: [
-        /* @__PURE__ */ jsx47(Text42, { children: " " }),
-        removedComponents.map((rc) => /* @__PURE__ */ jsx47(Text42, { children: removedComponentLine(rc) }, rc.id))
+        /* @__PURE__ */ jsx47(Text40, { children: " " }),
+        removedComponents.map((rc) => /* @__PURE__ */ jsx47(Text40, { children: removedComponentLine(rc) }, rc.id))
       ] })
     ] }),
     breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx47(Box38, { paddingX: 1, children: /* @__PURE__ */ jsx47(
-      Text42,
+      Text40,
       {
         color: PALETTE.warning,
         children: `[b] ${breakingChanges.length} breaking change${breakingChanges.length === 1 ? "" : "s"}`
@@ -27113,10 +27098,10 @@ function GenerateReviewStepView({
       const comp = row ? breakingChanges.find((b) => b.componentName === row.componentName) : void 0;
       if (!comp) return null;
       return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx47(Text42, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
-        comp.impact && /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
-        comp.changes.length === 0 ? /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx47(Text42, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
-        /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "[D/Esc] close detail" })
+        /* @__PURE__ */ jsx47(Text40, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
+        comp.impact && /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
+        comp.changes.length === 0 ? /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx47(Text40, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
+        /* @__PURE__ */ jsx47(Text40, { children: "[D/Esc] close detail" })
       ] });
     })(),
     !dialogOpen && /* @__PURE__ */ jsx47(
@@ -27139,10 +27124,10 @@ function GenerateReviewStepView({
       const members = stillRejected.filter((n) => participantSet.has(n)).sort();
       const ancestors = stillRejected.filter((n) => !participantSet.has(n)).sort();
       return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
-        /* @__PURE__ */ jsx47(Text42, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
-        members.length > 0 && /* @__PURE__ */ jsx47(Text42, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
-        ancestors.length > 0 && /* @__PURE__ */ jsx47(Text42, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
-        /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
+        /* @__PURE__ */ jsx47(Text40, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
+        members.length > 0 && /* @__PURE__ */ jsx47(Text40, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
+        ancestors.length > 0 && /* @__PURE__ */ jsx47(Text40, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
+        /* @__PURE__ */ jsx47(Text40, { color: PALETTE.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
       ] });
     })(),
     /* @__PURE__ */ jsx47(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
@@ -27257,7 +27242,7 @@ function GenerateReviewStepView({
       ) : /* @__PURE__ */ jsx47(ReviewNoSelection, {})
     ] }),
     !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx47(Text42, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
+      /* @__PURE__ */ jsx47(Text40, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
       cycleRows.slice(0, 3).map((cycle, idx) => {
         return /* @__PURE__ */ jsx47(
           CyclePathLine,
@@ -27270,8 +27255,8 @@ function GenerateReviewStepView({
           `cyc-banner-${idx}`
         );
       }),
-      cycleRows.length > 3 && /* @__PURE__ */ jsx47(Text42, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
-      /* @__PURE__ */ jsx47(Text42, { dimColor: true, children: "  press [c] for detail" })
+      cycleRows.length > 3 && /* @__PURE__ */ jsx47(Text40, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
+      /* @__PURE__ */ jsx47(Text40, { children: "  press [c] for detail" })
     ] }),
     /* @__PURE__ */ jsx47(
       SearchMatchSummary,
@@ -27674,7 +27659,7 @@ __export(WizardApp_exports, {
   shouldRunMapTokens: () => shouldRunMapTokens
 });
 import { useEffect as useEffect14, useRef as useRef10, useState as useState20 } from "react";
-import { Box as Box39, Text as Text43 } from "ink";
+import { Box as Box39, Text as Text41 } from "ink";
 import { join as join20, resolve as resolve18 } from "node:path";
 import { appendFileSync as appendFileSync2, writeFileSync } from "node:fs";
 import { access as access7, stat as stat5, writeFile as writeFile5 } from "node:fs/promises";
@@ -29435,7 +29420,7 @@ Tokens Path: ${state.tokensPath}`,
       }
       case "scope-gate": {
         if (!state.extractSessionId) {
-          return /* @__PURE__ */ jsx48(Box39, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx48(Text43, { color: PALETTE.error, children: "Error: extract session ID missing \u2014 please re-run." }) });
+          return /* @__PURE__ */ jsx48(Box39, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx48(Text41, { color: PALETTE.error, children: "Error: extract session ID missing \u2014 please re-run." }) });
         }
         const sessionId2 = state.extractSessionId;
         const db = openPipelineDb();
@@ -30338,7 +30323,7 @@ var init_command7 = __esm({
 
 // packages/experience-design-system-cli-legacy/src/setup/SetupStepper.tsx
 import React14 from "react";
-import { Box as Box40, Text as Text44 } from "ink";
+import { Box as Box40, Text as Text42 } from "ink";
 import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 function stepLabel(step, title, state, wide) {
   if (state === "complete") return wide ? `\u2713 ${title}` : "\u2713";
@@ -30356,8 +30341,8 @@ function SetupStepper({ activeStep, columns }) {
     const step = index + 1;
     const state = step < activeStep ? "complete" : step === activeStep ? "active" : "pending";
     return /* @__PURE__ */ jsxs41(React14.Fragment, { children: [
-      wide && index > 0 && /* @__PURE__ */ jsx49(Text44, { dimColor: true, children: WIDE_SEPARATOR }),
-      /* @__PURE__ */ jsx49(Text44, { bold: state === "active", dimColor: state === "pending", color: stepColor(state), children: stepLabel(step, title, state, wide) })
+      wide && index > 0 && /* @__PURE__ */ jsx49(Text42, { color: PALETTE.muted, children: WIDE_SEPARATOR }),
+      /* @__PURE__ */ jsx49(Text42, { bold: state === "active", color: state === "pending" ? PALETTE.muted : stepColor(state), children: stepLabel(step, title, state, wide) })
     ] }, step);
   }) });
 }
@@ -30376,23 +30361,23 @@ var init_SetupStepper = __esm({
 });
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/StepLayout.tsx
-import { Box as Box41, Text as Text45 } from "ink";
+import { Box as Box41, Text as Text43 } from "ink";
 import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
 function StepLayout({ helpText, children, prompt }) {
   return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", children: [
     children,
     prompt && /* @__PURE__ */ jsx50(Box41, { marginTop: 1, children: prompt }),
-    helpText && /* @__PURE__ */ jsx50(Box41, { marginTop: 1, children: /* @__PURE__ */ jsx50(Text45, { dimColor: true, children: helpText }) })
+    helpText && /* @__PURE__ */ jsx50(Box41, { marginTop: 1, children: /* @__PURE__ */ jsx50(Text43, { color: PALETTE.muted, children: helpText }) })
   ] });
 }
 function StepSuccess({ children }) {
-  return /* @__PURE__ */ jsxs42(Text45, { color: PALETTE.success, children: [
+  return /* @__PURE__ */ jsxs42(Text43, { color: PALETTE.success, children: [
     "\u2713 ",
     children
   ] });
 }
 function StepWarning({ children }) {
-  return /* @__PURE__ */ jsxs42(Text45, { color: PALETTE.warning, children: [
+  return /* @__PURE__ */ jsxs42(Text43, { color: PALETTE.warning, children: [
     "\u26A0 ",
     children
   ] });
@@ -30400,9 +30385,9 @@ function StepWarning({ children }) {
 function StepValue({ label, value }) {
   const color = value ? void 0 : PALETTE.warning;
   return /* @__PURE__ */ jsxs42(Box41, { children: [
-    /* @__PURE__ */ jsx50(Box41, { width: 2, children: /* @__PURE__ */ jsx50(Text45, { color, children: value ? "" : "\u26A0" }) }),
-    /* @__PURE__ */ jsx50(Box41, { width: 20, flexShrink: 0, children: /* @__PURE__ */ jsx50(Text45, { color, children: label }) }),
-    /* @__PURE__ */ jsx50(Text45, { color, children: value || "(not set)" })
+    /* @__PURE__ */ jsx50(Box41, { width: 2, children: /* @__PURE__ */ jsx50(Text43, { color, children: value ? "" : "\u26A0" }) }),
+    /* @__PURE__ */ jsx50(Box41, { width: 20, flexShrink: 0, children: /* @__PURE__ */ jsx50(Text43, { color, children: label }) }),
+    /* @__PURE__ */ jsx50(Text43, { color, children: value || "(not set)" })
   ] });
 }
 var init_StepLayout = __esm({
@@ -30414,7 +30399,7 @@ var init_StepLayout = __esm({
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/CodingAgentScreen.tsx
 import { useEffect as useEffect15, useRef as useRef11, useState as useState21 } from "react";
-import { Box as Box42, Text as Text46 } from "ink";
+import { Box as Box42, Text as Text44 } from "ink";
 import { Select, TextInput } from "@inkjs/ui";
 import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
 async function detectAgents(exists = binaryExists) {
@@ -30473,7 +30458,7 @@ function CodingAgentScreen({ onDone, deps }) {
     afterSelection(agent);
   };
   const chooser = (question, options, describe, onPick) => /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx51(Text46, { children: question }),
+    /* @__PURE__ */ jsx51(Text44, { children: question }),
     /* @__PURE__ */ jsx51(Box42, { marginTop: 1, children: /* @__PURE__ */ jsx51(
       Select,
       {
@@ -30521,7 +30506,7 @@ function CodingAgentScreen({ onDone, deps }) {
       {
         helpText: AGENT_HELP,
         prompt: /* @__PURE__ */ jsxs43(Box42, { children: [
-          /* @__PURE__ */ jsx51(Text46, { children: "Model name (optional - press Enter for Codex default): " }),
+          /* @__PURE__ */ jsx51(Text44, { children: "Model name (optional - press Enter for Codex default): " }),
           /* @__PURE__ */ jsx51(
             TextInput,
             {
@@ -30533,18 +30518,18 @@ function CodingAgentScreen({ onDone, deps }) {
         children: [
           ...notes,
           /* @__PURE__ */ jsx51(StepWarning, { children: "No OPENAI_API_KEY \u2014 using ChatGPT account authentication." }, "no-key"),
-          /* @__PURE__ */ jsx51(Text46, { dimColor: true, children: "Tip: run codex then type /model to browse all available models." }, "tip")
+          /* @__PURE__ */ jsx51(Text44, { color: PALETTE.muted, children: "Tip: run codex then type /model to browse all available models." }, "tip")
         ]
       }
     );
   }
   if (phase.kind === "installing") {
-    return /* @__PURE__ */ jsx51(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx51(Text46, { children: `Installing ${phase.agent.name}\u2026` }, "installing")] });
+    return /* @__PURE__ */ jsx51(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx51(Text44, { children: `Installing ${phase.agent.name}\u2026` }, "installing")] });
   }
   if (phase.kind === "failed") {
-    return /* @__PURE__ */ jsx51(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx51(Text46, { children: `\u2717 ${phase.message}` }, "failed")] });
+    return /* @__PURE__ */ jsx51(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx51(Text44, { children: `\u2717 ${phase.message}` }, "failed")] });
   }
-  return /* @__PURE__ */ jsx51(Text46, { dimColor: true, children: "Looking for a coding agent\u2026" });
+  return /* @__PURE__ */ jsx51(Text44, { color: PALETTE.muted, children: "Looking for a coding agent\u2026" });
 }
 var AGENT_HELP, SKIP_VALUE;
 var init_CodingAgentScreen = __esm({
@@ -30554,6 +30539,7 @@ var init_CodingAgentScreen = __esm({
     init_credentials_store();
     init_shell();
     init_StepLayout();
+    init_theme();
     AGENT_HELP = "Experiences import requires a coding agent to generate component definitions.";
     SKIP_VALUE = "\0skip";
   }
@@ -30561,7 +30547,7 @@ var init_CodingAgentScreen = __esm({
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/ContentfulCredentialsScreen.tsx
 import { useEffect as useEffect16, useRef as useRef12, useState as useState22 } from "react";
-import { Box as Box43, Text as Text47 } from "ink";
+import { Box as Box43, Text as Text45 } from "ink";
 import { PasswordInput, Select as Select2, TextInput as TextInput2 } from "@inkjs/ui";
 import { Fragment as Fragment20, jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
 function envShadowingWarning(env) {
@@ -30580,7 +30566,7 @@ function ContentfulCredentialsScreen({ onDone }) {
   useEffect16(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx52(Text47, { dimColor: true, children: "Reading saved credentials\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx52(Text45, { color: PALETTE.muted, children: "Reading saved credentials\u2026" });
   const currentHost = stored.host ?? DEFAULT_CONFIGURED_HOST;
   const hasAny = Boolean(stored.spaceId || stored.environmentId || stored.cmaToken);
   const allSet = Boolean(stored.spaceId && stored.environmentId && stored.cmaToken);
@@ -30588,7 +30574,7 @@ function ContentfulCredentialsScreen({ onDone }) {
   const summary = /* @__PURE__ */ jsxs44(Fragment20, { children: [
     shadowing && /* @__PURE__ */ jsx52(StepWarning, { children: shadowing }),
     hasAny && /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", marginTop: shadowing ? 1 : 0, children: [
-      /* @__PURE__ */ jsx52(Text47, { children: "Current values:" }),
+      /* @__PURE__ */ jsx52(Text45, { children: "Current values:" }),
       /* @__PURE__ */ jsx52(StepValue, { label: "Space ID", value: stored.spaceId }),
       /* @__PURE__ */ jsx52(StepValue, { label: "Environment ID", value: stored.environmentId }),
       /* @__PURE__ */ jsx52(StepValue, { label: "CMA Token", value: stored.cmaToken ? maskToken(stored.cmaToken) : void 0 }),
@@ -30607,7 +30593,7 @@ function ContentfulCredentialsScreen({ onDone }) {
       {
         helpText,
         prompt: /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx52(Text47, { children: "Contentful credentials" }),
+          /* @__PURE__ */ jsx52(Text45, { children: "Contentful credentials" }),
           /* @__PURE__ */ jsx52(Box43, { marginTop: 1, children: /* @__PURE__ */ jsx52(
             Select2,
             {
@@ -30650,19 +30636,19 @@ function ContentfulCredentialsScreen({ onDone }) {
   };
   const prompts = {
     spaceId: /* @__PURE__ */ jsxs44(Box43, { children: [
-      /* @__PURE__ */ jsx52(Text47, { children: `Space ID${stored.spaceId ? ` [${stored.spaceId}]` : ""}: ` }),
+      /* @__PURE__ */ jsx52(Text45, { children: `Space ID${stored.spaceId ? ` [${stored.spaceId}]` : ""}: ` }),
       /* @__PURE__ */ jsx52(TextInput2, { onSubmit: (v) => advance("spaceId", v) }, "spaceId")
     ] }),
     environmentId: /* @__PURE__ */ jsxs44(Box43, { children: [
-      /* @__PURE__ */ jsx52(Text47, { children: `Environment ID [${stored.environmentId || "master"}]: ` }),
+      /* @__PURE__ */ jsx52(Text45, { children: `Environment ID [${stored.environmentId || "master"}]: ` }),
       /* @__PURE__ */ jsx52(TextInput2, { onSubmit: (v) => advance("environmentId", v) }, "environmentId")
     ] }),
     cmaToken: /* @__PURE__ */ jsxs44(Box43, { children: [
-      /* @__PURE__ */ jsx52(Text47, { children: `CMA token${stored.cmaToken ? " [press Enter to keep existing]" : " (paste here)"}: ` }),
+      /* @__PURE__ */ jsx52(Text45, { children: `CMA token${stored.cmaToken ? " [press Enter to keep existing]" : " (paste here)"}: ` }),
       /* @__PURE__ */ jsx52(PasswordInput, { onSubmit: (v) => advance("cmaToken", v) }, "cmaToken")
     ] }),
     host: /* @__PURE__ */ jsxs44(Box43, { children: [
-      /* @__PURE__ */ jsx52(Text47, { children: `API host [${currentHost}]: ` }),
+      /* @__PURE__ */ jsx52(Text45, { children: `API host [${currentHost}]: ` }),
       /* @__PURE__ */ jsx52(TextInput2, { onSubmit: (v) => advance("host", v) }, "host")
     ] })
   };
@@ -30675,6 +30661,7 @@ var init_ContentfulCredentialsScreen = __esm({
     init_credentials_store();
     init_host_utils();
     init_StepLayout();
+    init_theme();
     ENV_KEYS = ["CONTENTFUL_SPACE_ID", "CONTENTFUL_ENVIRONMENT_ID", "CONTENTFUL_MANAGEMENT_TOKEN", "EDS_HOST"];
     ENTER = "enter";
     KEEP = "keep";
@@ -30684,7 +30671,7 @@ var init_ContentfulCredentialsScreen = __esm({
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/BooleanInput.tsx
 import { useEffect as useEffect17, useState as useState23 } from "react";
-import { Box as Box44, Text as Text48 } from "ink";
+import { Box as Box44, Text as Text46 } from "ink";
 import { Select as Select3 } from "@inkjs/ui";
 import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 function tick(labels, forOn, current) {
@@ -30704,7 +30691,7 @@ function BooleanInput({
   useEffect17(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx53(Text48, { dimColor: true, children: "Reading saved preferences\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx53(Text46, { color: PALETTE.muted, children: "Reading saved preferences\u2026" });
   const current = read(stored) ?? fallback;
   const submit = (value) => {
     if (value === current) {
@@ -30718,7 +30705,7 @@ function BooleanInput({
     {
       helpText,
       prompt: /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx53(Text48, { children: question }),
+        /* @__PURE__ */ jsx53(Text46, { children: question }),
         /* @__PURE__ */ jsx53(Box44, { marginTop: 1, children: /* @__PURE__ */ jsx53(
           Select3,
           {
@@ -30740,6 +30727,7 @@ var init_BooleanInput = __esm({
     "use strict";
     init_credentials_store();
     init_StepLayout();
+    init_theme();
   }
 });
 
@@ -30791,7 +30779,7 @@ var init_ColorPreferenceScreen = __esm({
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/CustomPromptScreen.tsx
 import { useEffect as useEffect18, useState as useState24 } from "react";
-import { Box as Box45, Text as Text49 } from "ink";
+import { Box as Box45, Text as Text47 } from "ink";
 import { ConfirmInput, TextInput as TextInput3 } from "@inkjs/ui";
 import { jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
 function parseCustomSkillPath(answer) {
@@ -30815,7 +30803,7 @@ function CustomPromptsScreen({ onDone }) {
   useEffect18(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx56(Text49, { dimColor: true, children: "Reading saved prompt paths\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: "Reading saved prompt paths\u2026" });
   const submit = (answer) => {
     const next = applyCustomSkillPath(stored, parseCustomSkillPath(answer));
     void writeExperiencesCredentials(next).then(() => onDone("completed"));
@@ -30826,7 +30814,7 @@ function CustomPromptsScreen({ onDone }) {
       {
         helpText: CUSTOM_PROMPTS_HELP,
         prompt: /* @__PURE__ */ jsxs46(Box45, { children: [
-          /* @__PURE__ */ jsx56(Text49, { children: "Use your own prompt file instead of the built-in one? " }),
+          /* @__PURE__ */ jsx56(Text47, { children: "Use your own prompt file instead of the built-in one? " }),
           /* @__PURE__ */ jsx56(
             ConfirmInput,
             {
@@ -30844,7 +30832,7 @@ function CustomPromptsScreen({ onDone }) {
     {
       helpText: CUSTOM_PROMPTS_HELP,
       prompt: /* @__PURE__ */ jsxs46(Box45, { children: [
-        /* @__PURE__ */ jsx56(Text49, { children: customSkillPathQuestion(stored.generatePromptPath) }),
+        /* @__PURE__ */ jsx56(Text47, { children: customSkillPathQuestion(stored.generatePromptPath) }),
         /* @__PURE__ */ jsx56(TextInput3, { onSubmit: submit })
       ] })
     }
@@ -30856,6 +30844,7 @@ var init_CustomPromptScreen = __esm({
     "use strict";
     init_credentials_store();
     init_StepLayout();
+    init_theme();
     CUSTOM_PROMPTS_HELP = "Replaces the built-in instructions the coding agent follows when it generates components.";
   }
 });
@@ -30885,7 +30874,7 @@ var init_DebugLogsScreen = __esm({
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/preferences/PreferencesMenu.tsx
 import { useState as useState25 } from "react";
-import { Box as Box46, Text as Text50 } from "ink";
+import { Box as Box46, Text as Text48 } from "ink";
 import { Select as Select4 } from "@inkjs/ui";
 import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
 function PreferencesMenu({ onDone }) {
@@ -30916,7 +30905,7 @@ function PreferenceList({ changed, onOpen, onDone }) {
     {
       helpText: PREFERENCES_MENU_HELP,
       prompt: /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx58(Text50, { children: "Preferences" }),
+        /* @__PURE__ */ jsx58(Text48, { children: "Preferences" }),
         /* @__PURE__ */ jsx58(Box46, { marginTop: 1, children: /* @__PURE__ */ jsx58(
           Select4,
           {
@@ -31181,23 +31170,23 @@ var init_prerequisites = __esm({
 
 // packages/experience-design-system-cli-legacy/src/setup/steps/prerequisites/PrerequisitesScreen.tsx
 import { useEffect as useEffect19, useRef as useRef13, useState as useState26 } from "react";
-import { Box as Box47, Text as Text51 } from "ink";
+import { Box as Box47, Text as Text49 } from "ink";
 import { ConfirmInput as ConfirmInput2 } from "@inkjs/ui";
 import { jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
 function EventLine({ event }) {
-  if (event.kind === "success") return /* @__PURE__ */ jsxs48(Text51, { color: PALETTE.success, children: [
+  if (event.kind === "success") return /* @__PURE__ */ jsxs48(Text49, { color: PALETTE.success, children: [
     "\u2713 ",
     event.message
   ] });
-  if (event.kind === "failure") return /* @__PURE__ */ jsxs48(Text51, { color: PALETTE.error, children: [
+  if (event.kind === "failure") return /* @__PURE__ */ jsxs48(Text49, { color: PALETTE.error, children: [
     "\u2717 ",
     event.message
   ] });
-  if (event.kind === "warning") return /* @__PURE__ */ jsxs48(Text51, { color: PALETTE.warning, children: [
+  if (event.kind === "warning") return /* @__PURE__ */ jsxs48(Text49, { color: PALETTE.warning, children: [
     "\u26A0 ",
     event.message
   ] });
-  return /* @__PURE__ */ jsx59(Text51, { children: event.message });
+  return /* @__PURE__ */ jsx59(Text49, { children: event.message });
 }
 function PrerequisitesScreen({
   repoRoot,
@@ -31240,7 +31229,7 @@ function PrerequisitesScreen({
     StepLayout,
     {
       prompt: confirm ? /* @__PURE__ */ jsxs48(Box47, { children: [
-        /* @__PURE__ */ jsxs48(Text51, { children: [
+        /* @__PURE__ */ jsxs48(Text49, { children: [
           confirm.question,
           " "
         ] }),
@@ -31253,7 +31242,7 @@ function PrerequisitesScreen({
           },
           confirm.question
         )
-      ] }) : /* @__PURE__ */ jsx59(Text51, { color: PALETTE.info, children: "\u27F3 Checking prerequisites\u2026" }),
+      ] }) : /* @__PURE__ */ jsx59(Text49, { color: PALETTE.info, children: "\u27F3 Checking prerequisites\u2026" }),
       children: /* @__PURE__ */ jsx59(Box47, { flexDirection: "column", children: events.map((event, index) => /* @__PURE__ */ jsx59(EventLine, { event }, `${index}-${event.message}`)) })
     }
   );
@@ -31275,7 +31264,7 @@ __export(SetupScreen_exports, {
   formatSetupCompletionMessage: () => formatSetupCompletionMessage
 });
 import { useEffect as useEffect20, useRef as useRef14, useState as useState27 } from "react";
-import { Box as Box48, Text as Text52 } from "ink";
+import { Box as Box48, Text as Text50 } from "ink";
 import { jsx as jsx60, jsxs as jsxs49 } from "react/jsx-runtime";
 function countRequiredFailures(results) {
   return results.filter((result) => result.required && result.status === "failed").length;
@@ -31366,8 +31355,8 @@ function SetupScreen({
   }, []);
   return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 1, children: [
     /* @__PURE__ */ jsxs49(Box48, { justifyContent: "space-between", columnGap: 1, ...columns !== void 0 ? { width: columns - 2 } : {}, children: [
-      /* @__PURE__ */ jsx60(Box48, { flexShrink: 0, children: /* @__PURE__ */ jsx60(Text52, { bold: true, children: "experiences setup" }) }),
-      /* @__PURE__ */ jsx60(Box48, { flexShrink: 0, children: /* @__PURE__ */ jsxs49(Text52, { dimColor: true, children: [
+      /* @__PURE__ */ jsx60(Box48, { flexShrink: 0, children: /* @__PURE__ */ jsx60(Text50, { bold: true, children: "experiences setup" }) }),
+      /* @__PURE__ */ jsx60(Box48, { flexShrink: 0, children: /* @__PURE__ */ jsxs49(Text50, { color: PALETTE.muted, children: [
         "v",
         version
       ] }) })
@@ -31379,22 +31368,22 @@ function SetupScreen({
 function SetupSummary({ outcome, notice }) {
   const requiredFailed = countRequiredFailures(outcome.results);
   return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsx60(Text52, { bold: true, children: "Summary" }),
+    /* @__PURE__ */ jsx60(Text50, { bold: true, children: "Summary" }),
     outcome.results.map((result) => {
       if (result.status === "completed") {
-        return /* @__PURE__ */ jsxs49(Text52, { color: PALETTE.success, children: [
+        return /* @__PURE__ */ jsxs49(Text50, { color: PALETTE.success, children: [
           "\u2713 ",
           result.name
         ] }, result.name);
       }
       if (result.status === "skipped") {
-        return /* @__PURE__ */ jsxs49(Text52, { dimColor: true, children: [
+        return /* @__PURE__ */ jsxs49(Text50, { color: PALETTE.muted, children: [
           "\u2013 ",
           result.name,
           " \u2014 skipped"
         ] }, result.name);
       }
-      return /* @__PURE__ */ jsxs49(Text52, { color: result.required ? PALETTE.error : PALETTE.warning, children: [
+      return /* @__PURE__ */ jsxs49(Text50, { color: result.required ? PALETTE.error : PALETTE.warning, children: [
         result.required ? "\u2717" : "\u26A0",
         " ",
         result.name,
@@ -31402,10 +31391,10 @@ function SetupSummary({ outcome, notice }) {
         result.required ? "required" : "optional"
       ] }, result.name);
     }),
-    notice && /* @__PURE__ */ jsx60(Box48, { marginTop: 1, children: /* @__PURE__ */ jsx60(Text52, { color: PALETTE.warning, children: notice }) }),
-    /* @__PURE__ */ jsx60(Box48, { marginTop: 1, children: /* @__PURE__ */ jsx60(Text52, { bold: true, color: requiredFailed === 0 ? PALETTE.success : PALETTE.warning, children: formatSetupCompletionMessage(outcome.results) }) }),
-    requiredFailed > 0 && /* @__PURE__ */ jsx60(Text52, { dimColor: true, children: "Complete the steps above, then re-run experiences setup." }),
-    /* @__PURE__ */ jsx60(Text52, { dimColor: true, children: "Run experiences doctor any time to re-check." })
+    notice && /* @__PURE__ */ jsx60(Box48, { marginTop: 1, children: /* @__PURE__ */ jsx60(Text50, { color: PALETTE.warning, children: notice }) }),
+    /* @__PURE__ */ jsx60(Box48, { marginTop: 1, children: /* @__PURE__ */ jsx60(Text50, { bold: true, color: requiredFailed === 0 ? PALETTE.success : PALETTE.warning, children: formatSetupCompletionMessage(outcome.results) }) }),
+    requiredFailed > 0 && /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "Complete the steps above, then re-run experiences setup." }),
+    /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "Run experiences doctor any time to re-check." })
   ] });
 }
 var init_SetupScreen = __esm({