@contentful/experience-design-system-cli 2.37.1-dev-build-a7704a7f.0 → 2.37.1-dev-build-7314a760.0

package/dist/index.js

@@ -19586,6 +19586,52 @@ var init_analytics_store = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/tui/theme.ts
+function detectColorMode(env = process.env) {
+  const bg = env.COLORFGBG?.split(";").pop();
+  if (bg === "7" || bg === "15") return "light";
+  return "dark";
+}
+var DARK, LIGHT, PALETTE;
+var init_theme = __esm({
+  "packages/experience-design-system-cli/src/tui/theme.ts"() {
+    "use strict";
+    DARK = {
+      text: "#f7f9fa",
+      // gray100
+      muted: "#aec1cc",
+      // gray400
+      border: "#aec1cc",
+      // gray400
+      accent: "#40a0ff",
+      // blue400
+      error: "#ff707d",
+      // red400
+      success: "#5DB057",
+      // green400
+      warning: "#FFC835"
+      // yellow500
+    };
+    LIGHT = {
+      text: "#111B2B",
+      // gray900
+      muted: "#5A657C",
+      // gray600
+      border: "#5A657C",
+      // gray600
+      accent: "#0059c8",
+      // semantic primary
+      error: "#bd002a",
+      // semantic negative
+      success: "#006D23",
+      // semantic positive
+      warning: "#CC4500"
+      // semantic warning
+    };
+    PALETTE = detectColorMode() === "light" ? LIGHT : DARK;
+  }
+});
+
 // packages/experience-design-system-cli/src/tui/home/home.theme.ts
 function brandBar(width, ramp = BRAND_RAMP) {
   if (width <= 0 || ramp.length === 0) return [];
@@ -19596,28 +19642,11 @@ function brandBar(width, ramp = BRAND_RAMP) {
     color
   })).filter((segment) => segment.text.length > 0);
 }
-var BRAND, PALETTE, BRAND_RAMP, BAR_CELL, FOCUS_MARKER;
+var BRAND_RAMP, BAR_CELL, FOCUS_MARKER;
 var init_home_theme = __esm({
   "packages/experience-design-system-cli/src/tui/home/home.theme.ts"() {
     "use strict";
-    BRAND = {
-      blue: "#1773EB",
-      green: "#00C459",
-      orange: "#E44F20",
-      yellow: "#FFDA00",
-      white: "#FFFFFF",
-      slate: "#8B8D91",
-      steel: "#C4D1DE"
-    };
-    PALETTE = {
-      accent: BRAND.blue,
-      success: BRAND.green,
-      error: BRAND.orange,
-      warning: BRAND.yellow,
-      muted: BRAND.slate,
-      border: BRAND.steel
-    };
-    BRAND_RAMP = [BRAND.blue, BRAND.orange, BRAND.yellow];
+    BRAND_RAMP = ["#1773EB", "#E44F20", "#FFDA00"];
     BAR_CELL = "\u2501";
     FOCUS_MARKER = "\u276F";
   }
@@ -19697,11 +19726,12 @@ var init_use_terminal_width = __esm({
 import { Text } from "ink";
 import { jsx } from "react/jsx-runtime";
 function ControlHints({ hints }) {
-  return /* @__PURE__ */ jsx(Text, { children: hints.map((hint) => `[${hint.keys}] ${hint.label}`).join(" \xB7 ") });
+  return /* @__PURE__ */ jsx(Text, { color: PALETTE.muted, children: hints.map((hint) => `[${hint.keys}] ${hint.label}`).join(" \xB7 ") });
 }
 var init_control_hints = __esm({
   "packages/experience-design-system-cli/src/tui/control-hints.tsx"() {
     "use strict";
+    init_theme();
   }
 });
 
@@ -19799,6 +19829,7 @@ var VERSION, HEADING, SUBTITLE, MIN_TERMINAL_WIDTH, START_ITEMS;
 var init_home = __esm({
   "packages/experience-design-system-cli/src/tui/home/home.tsx"() {
     "use strict";
+    init_theme();
     init_home_theme();
     init_version();
     init_use_terminal_width();
@@ -19839,7 +19870,7 @@ function ImportScreen({ exitCode, onDone }) {
 var init_PageContainer = __esm({
   "packages/experience-design-system-cli/src/tui/import/PageContainer.tsx"() {
     "use strict";
-    init_home_theme();
+    init_theme();
   }
 });
 
@@ -19889,20 +19920,19 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
     if (path5) onContinue(path5);
   };
   return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.success, children: "\u{1F44B} Hey! Let's import your design system into Contentful." }),
-    /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: "I'll walk you through 5 steps to get your components into Contentful ExO." }),
+    /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.success, children: "Let's import your design system into Contentful." }),
     /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: RULE }),
+      /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: RULE }),
       OVERVIEW.map((item) => /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
         /* @__PURE__ */ jsx4(Text4, { bold: true, children: item.label }),
         /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: item.description })
       ] }, item.label)),
-      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: RULE })
+      /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: RULE })
     ] }),
     /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, children: [
       /* @__PURE__ */ jsx4(Text4, { children: "Where is your component library?" }),
-      /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
-        /* @__PURE__ */ jsx4(Text4, { color: PALETTE.accent, children: "?" }),
+      /* @__PURE__ */ jsxs3(Box3, { children: [
+        /* @__PURE__ */ jsx4(Text4, { color: PALETTE.text, children: "?" }),
         /* @__PURE__ */ jsx4(Text4, { children: "Project path:" }),
         /* @__PURE__ */ jsx4(TextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
       ] })
@@ -19919,7 +19949,7 @@ var RULE, OVERVIEW;
 var init_screen = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx"() {
     "use strict";
-    init_home_theme();
+    init_theme();
     init_controls();
     init_logic();
     RULE = "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500";
@@ -20068,7 +20098,7 @@ function TokenInputScreen({ onConfirm, onBack, initialPath = "" }) {
 var init_screen2 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx"() {
     "use strict";
-    init_home_theme();
+    init_theme();
     init_controls2();
     init_logic2();
     init_validate_path();
@@ -20212,7 +20242,7 @@ import { useEffect as useEffect3, useMemo, useState as useState5 } from "react";
 import { Box as Box5, Text as Text6 } from "ink";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function Row({ row }) {
-  return /* @__PURE__ */ jsxs5(Text6, { color: row.tone === "accent" ? PALETTE.accent : void 0, dimColor: row.tone === "muted", children: [
+  return /* @__PURE__ */ jsxs5(Text6, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : void 0, children: [
     "  \u2022 ",
     String(row.count).padStart(3),
     " ",
@@ -20226,7 +20256,7 @@ function Failure({ scan, path: path5 }) {
       "\u2717 ",
       headline
     ] }),
-    hints.map((hint) => /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: hint }, hint))
+    hints.map((hint) => /* @__PURE__ */ jsx6(Text6, { color: PALETTE.muted, children: hint }, hint))
   ] });
 }
 function Summary({ scan, path: path5 }) {
@@ -20271,14 +20301,14 @@ function PathValidationScreen({
     onBack
   });
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    scan === void 0 && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+    scan === void 0 && /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.muted, children: [
       "Scanning ",
       /* @__PURE__ */ jsx6(Text6, { bold: true, children: resolvedPath }),
       "..."
     ] }),
     scan?.ok === false && /* @__PURE__ */ jsx6(Failure, { scan, path: resolvedPath }),
     scan?.ok === true && /* @__PURE__ */ jsx6(Summary, { scan, path: resolvedPath }),
-    /* @__PURE__ */ jsx6(Box5, { marginTop: 1, gap: 3, children: controlsFor(phase).map((control) => /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+    /* @__PURE__ */ jsx6(Box5, { marginTop: 1, gap: 3, children: controlsFor(phase).map((control) => /* @__PURE__ */ jsxs5(Text6, { color: PALETTE.muted, children: [
       "[",
       control.keys,
       "] ",
@@ -20289,7 +20319,7 @@ function PathValidationScreen({
 var init_screen3 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/screen.tsx"() {
     "use strict";
-    init_home_theme();
+    init_theme();
     init_resolve_user_path();
     init_controls3();
     init_scan_files();
@@ -20457,8 +20487,8 @@ function CredentialsScreen({
       /* @__PURE__ */ jsx7(Text7, { bold: true, children: "Contentful credentials" }),
       /* @__PURE__ */ jsx7(Text7, { children: prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into." }),
       !prefilled && /* @__PURE__ */ jsxs6(Fragment, { children: [
-        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "We use it to check what components already exist and to push your import. If you skip, files are saved locally and nothing is pushed." }),
-        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Tip: save these under Settings \u2192 Configuration so they pre-fill here." })
+        /* @__PURE__ */ jsx7(Text7, { color: PALETTE.muted, children: "We use it to check what components already exist and to push your import. If you skip, files are saved locally and nothing is pushed." }),
+        /* @__PURE__ */ jsx7(Text7, { color: PALETTE.muted, children: "Tip: save these under Settings \u2192 Configuration so they pre-fill here." })
       ] })
     ] }),
     /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", children: FIELDS.map((field) => /* @__PURE__ */ jsxs6(Box6, { gap: 1, children: [
@@ -20479,14 +20509,14 @@ function CredentialsScreen({
         }
       )
     ] }, field)) }),
-    active === "host" && /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
+    active === "host" && /* @__PURE__ */ jsx7(Text7, { color: PALETTE.muted, children: "Default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com" }),
     error && /* @__PURE__ */ jsxs6(Text7, { color: PALETTE.error, children: [
       "\u2717 ",
       error
     ] }),
     validating && /* @__PURE__ */ jsx7(Text7, { color: PALETTE.accent, children: "Validating credentials..." }),
-    !validating && !error && !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Changed values are saved after they validate." }),
-    /* @__PURE__ */ jsx7(Box6, { marginTop: 1, gap: 3, children: CREDENTIALS_CONTROLS.map((control) => /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
+    !validating && !error && !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsx7(Text7, { color: PALETTE.muted, children: "Changed values are saved after they validate." }),
+    /* @__PURE__ */ jsx7(Box6, { marginTop: 1, gap: 3, children: CREDENTIALS_CONTROLS.map((control) => /* @__PURE__ */ jsxs6(Text7, { color: PALETTE.muted, children: [
       "[",
       control.keys,
       "] ",
@@ -20498,7 +20528,7 @@ var LABELS;
 var init_screen4 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx"() {
     "use strict";
-    init_home_theme();
+    init_theme();
     init_controls4();
     init_src4();
     init_logic4();
@@ -20574,7 +20604,7 @@ function ErrorStep({
       " failed"
     ] }),
     /* @__PURE__ */ jsx8(Text8, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx8(Box7, { marginTop: 1, gap: 3, children: controls.map((control) => /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+    /* @__PURE__ */ jsx8(Box7, { marginTop: 1, gap: 3, children: controls.map((control) => /* @__PURE__ */ jsxs7(Text8, { color: PALETTE.muted, children: [
       "[",
       control.keys,
       "] ",
@@ -20585,7 +20615,7 @@ function ErrorStep({
 var init_error_step = __esm({
   "packages/experience-design-system-cli/src/tui/import/shared/error-step/error-step.tsx"() {
     "use strict";
-    init_home_theme();
+    init_theme();
     init_controls5();
     init_logic5();
   }
@@ -20654,7 +20684,7 @@ function GateStep({
     ] }),
     summary && /* @__PURE__ */ jsx9(Text9, { color: PALETTE.muted, children: summary }),
     context && /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { children: context }) }),
-    /* @__PURE__ */ jsx9(Box8, { marginTop: 1, gap: 3, children: gateControls(continueLabel, skipLabel2, onSkip !== void 0).map((control) => /* @__PURE__ */ jsxs8(Text9, { dimColor: true, children: [
+    /* @__PURE__ */ jsx9(Box8, { marginTop: 1, gap: 3, children: gateControls(continueLabel, skipLabel2, onSkip !== void 0).map((control) => /* @__PURE__ */ jsxs8(Text9, { color: PALETTE.muted, children: [
       "[",
       control.keys,
       "] ",
@@ -20665,7 +20695,7 @@ function GateStep({
 var init_gate_step = __esm({
   "packages/experience-design-system-cli/src/tui/import/shared/gate-step/gate-step.tsx"() {
     "use strict";
-    init_home_theme();
+    init_theme();
     init_controls6();
     init_logic6();
   }
@@ -20693,14 +20723,15 @@ var init_logic7 = __esm({
 // packages/experience-design-system-cli/src/tui/import/shared/running-step/theme.ts
 import { defaultTheme, extendTheme } from "@inkjs/ui";
 var PROGRESS_THEME;
-var init_theme = __esm({
+var init_theme2 = __esm({
   "packages/experience-design-system-cli/src/tui/import/shared/running-step/theme.ts"() {
     "use strict";
+    init_theme();
     PROGRESS_THEME = extendTheme(defaultTheme, {
       components: {
         ProgressBar: {
           styles: {
-            completed: () => ({ color: "blue" })
+            completed: () => ({ color: PALETTE.accent })
           }
         }
       }
@@ -20758,9 +20789,9 @@ function RunningStep({
   const elapsed = useElapsed();
   return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: RULE2 }),
+      /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE2 }),
       /* @__PURE__ */ jsx10(Text10, { bold: true, children: stepLabel(stepNumber, totalSteps, title) }),
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: RULE2 })
+      /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE2 })
     ] }),
     /* @__PURE__ */ jsx10(Text10, { children: description }),
     /* @__PURE__ */ jsx10(Box9, { marginTop: 1, flexDirection: "column", gap: 1, children: lines.map((line, index) => /* @__PURE__ */ jsx10(Line, { line }, index)) }),
@@ -20774,9 +20805,9 @@ var RULE2;
 var init_running_step = __esm({
   "packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx"() {
     "use strict";
-    init_home_theme();
-    init_logic7();
     init_theme();
+    init_logic7();
+    init_theme2();
     init_use_elapsed();
     RULE2 = "\u2500".repeat(40);
   }
@@ -21323,10 +21354,10 @@ var init_use_extraction = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/theme.ts
 var PALETTE2;
-var init_theme2 = __esm({
+var init_theme3 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/theme.ts"() {
     "use strict";
-    init_home_theme();
+    init_theme();
     PALETTE2 = {
       info: PALETTE.accent,
       success: PALETTE.success,
@@ -21438,7 +21469,7 @@ var TWO_COLUMN_MIN_WIDTH, SCOPE_GATE_MAIN_COLUMN_WIDTH, ACCEPTED_COMPONENTS_COLU
 var init_columns = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/columns.ts"() {
     "use strict";
-    init_theme2();
+    init_theme3();
     TWO_COLUMN_MIN_WIDTH = 100;
     SCOPE_GATE_MAIN_COLUMN_WIDTH = 54;
     ACCEPTED_COMPONENTS_COLUMN_WIDTH = 36;
@@ -21504,7 +21535,7 @@ function WindowedPanelHeader({
 }) {
   return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx13(Text11, { bold: true, color: PALETTE2.info, inverse: focused, children: title }),
-    /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "\u2500".repeat(Math.max(0, width - 2)) })
+    /* @__PURE__ */ jsx13(Text11, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) })
   ] });
 }
 function formatWindowIndicator(direction, count) {
@@ -21518,7 +21549,7 @@ var MIN_TERMINAL_PANEL_HEIGHT;
 var init_windowed_panel = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/windowed-panel.tsx"() {
     "use strict";
-    init_theme2();
+    init_theme3();
     MIN_TERMINAL_PANEL_HEIGHT = 5;
   }
 });
@@ -21543,7 +21574,7 @@ function AddedColumn(props) {
       const showSeparator = firstNonCycleIdx > 0 && i === firstNonCycleIdx;
       const style = sideColumnLabelStyle({ isCycle: entry.isCycle, isSelected, focused });
       return /* @__PURE__ */ jsxs11(React6.Fragment, { children: [
-        showSeparator && /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "\u2500".repeat(Math.max(0, width - 2)) }),
+        showSeparator && /* @__PURE__ */ jsx14(Text12, { color: PALETTE2.muted, children: "\u2500".repeat(Math.max(0, width - 2)) }),
         /* @__PURE__ */ jsxs11(Box11, { children: [
           isCursor ? /* @__PURE__ */ jsx14(Text12, { color: PALETTE2.info, bold: true, children: figures.pointer }) : /* @__PURE__ */ jsx14(Text12, { children: " " }),
           reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx14(Text12, { color: PALETTE2.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx14(Text12, { children: "    " })),
@@ -21569,7 +21600,7 @@ var init_added_column = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/added-column.tsx"() {
     "use strict";
     init_columns();
-    init_theme2();
+    init_theme3();
     init_windowed_panel();
   }
 });
@@ -21604,7 +21635,7 @@ function CyclesPanel({ cycles, cursor }) {
 var init_cycles_panel = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/cycles-panel.tsx"() {
     "use strict";
-    init_theme2();
+    init_theme3();
   }
 });
 
@@ -21622,7 +21653,7 @@ function RejectPrompt({ pending }) {
 var init_reject_prompt = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/reject-prompt.tsx"() {
     "use strict";
-    init_theme2();
+    init_theme3();
   }
 });
 
@@ -21638,7 +21669,7 @@ function legendEntry(keyBracket, label, active = false) {
 var init_LegendEntry = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/LegendEntry.tsx"() {
     "use strict";
-    init_theme2();
+    init_theme3();
   }
 });
 
@@ -21659,7 +21690,7 @@ function CompactControlBar({ hasGroupRoots, searchActive }) {
 var init_CompactControlBar = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/CompactControlBar.tsx"() {
     "use strict";
-    init_theme2();
+    init_theme3();
     init_LegendEntry();
   }
 });
@@ -21698,7 +21729,7 @@ function CounterStrip(props) {
 var init_CounterStrip = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/CounterStrip.tsx"() {
     "use strict";
-    init_theme2();
+    init_theme3();
   }
 });
 
@@ -21763,7 +21794,7 @@ var DEFAULT_MAX_ROWS;
 var init_GotoBanner = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GotoBanner.tsx"() {
     "use strict";
-    init_theme2();
+    init_theme3();
     DEFAULT_MAX_ROWS = 15;
   }
 });
@@ -22142,7 +22173,7 @@ function PreviewBadge({
 var init_badge = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/badge.tsx"() {
     "use strict";
-    init_theme2();
+    init_theme3();
   }
 });
 
@@ -22637,7 +22668,7 @@ var init_GroupedSidebar = __esm({
     "use strict";
     init_composite_closure();
     init_badge();
-    init_theme2();
+    init_theme3();
     init_windowed_panel();
     GLYPH_EXPAND_COLLAPSED = "\u25B8";
     GLYPH_EXPAND_EXPANDED = "\u25BE";
@@ -22932,7 +22963,7 @@ function SearchMatchSummary({
 var init_SearchMatchSummary = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/SearchMatchSummary.tsx"() {
     "use strict";
-    init_theme2();
+    init_theme3();
     init_sidebar_input();
   }
 });
@@ -24300,7 +24331,7 @@ var init_screen7 = __esm({
     init_HelpOverlay();
     init_SearchMatchSummary();
     init_sidebar_help();
-    init_theme2();
+    init_theme3();
     init_use_scope_gate();
     HELP_SECTIONS = [
       {
@@ -25188,24 +25219,6 @@ var init_screen9 = __esm({
   }
 });
 
-// packages/experience-design-system-cli/src/tui/import/steps/09-review/theme.ts
-var PALETTE3;
-var init_theme3 = __esm({
-  "packages/experience-design-system-cli/src/tui/import/steps/09-review/theme.ts"() {
-    "use strict";
-    init_home_theme();
-    PALETTE3 = {
-      info: PALETTE.accent,
-      success: PALETTE.success,
-      error: PALETTE.error,
-      warning: PALETTE.warning,
-      muted: PALETTE.muted,
-      border: PALETTE.border,
-      inverse: "#FFFFFF"
-    };
-  }
-});
-
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/review-json-panel.ts
 function getReviewJsonPanelValue(selected, showHiddenProps) {
   if (!selected) return "";
@@ -25697,13 +25710,13 @@ function serializeState(state2, originalJson) {
 }
 function Picker({ value, active }) {
   return /* @__PURE__ */ jsxs22(Box21, { children: [
-    active && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.warning, children: "\u2039" }),
-    /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE3.warning : void 0, bold: active, children: value }),
-    active && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.warning, children: "\u203A" })
+    active && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u2039" }),
+    /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
+    active && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u203A" })
   ] });
 }
 function Toggle({ value, active }) {
-  return /* @__PURE__ */ jsx27(Box21, { children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE3.warning : value ? PALETTE3.success : PALETTE3.border, children: value ? "[\u2713]" : "[ ]" }) });
+  return /* @__PURE__ */ jsx27(Box21, { children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
 }
 function InlinePropField({
   label,
@@ -25713,7 +25726,7 @@ function InlinePropField({
   width
 }) {
   return /* @__PURE__ */ jsxs22(Box21, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
-    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, wrap: "truncate-end", children: [
+    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, wrap: "truncate-end", children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
@@ -25734,7 +25747,7 @@ function DefaultValueRow({
   focused
 }) {
   return /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
+    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
@@ -25749,9 +25762,9 @@ function RowLabel({
   return /* @__PURE__ */ jsxs22(
     Text23,
     {
-      color: selected ? PALETTE3.inverse : PALETTE3.info,
+      color: selected ? "#FFFFFF" : PALETTE.accent,
       bold: selected,
-      backgroundColor: selected ? "blue" : void 0,
+      backgroundColor: selected ? PALETTE.accent : void 0,
       wrap: "truncate-end",
       children: [
         " ",
@@ -25767,7 +25780,7 @@ function ValueInputRow({
   cursorVisible
 }) {
   return /* @__PURE__ */ jsxs22(Box21, { paddingLeft: 2, children: [
-    /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.info, children: mode === "edit" ? "\u270E " : "+ " }),
+    /* @__PURE__ */ jsx27(Text23, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
     /* @__PURE__ */ jsx27(Text23, { children: valueText }),
     /* @__PURE__ */ jsx27(Text23, { inverse: cursorVisible, children: " " })
   ] });
@@ -25784,7 +25797,7 @@ function EditableListItem({
   if (isBeingEdited) {
     return /* @__PURE__ */ jsx27(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx27(Box21, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE3.info : void 0, children: active ? `${figures5.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx27(Box21, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx27(Text23, { color: active ? PALETTE.accent : void 0, children: active ? `${figures5.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -25798,7 +25811,7 @@ function EditableValueList({
   showAddInput
 }) {
   return /* @__PURE__ */ jsxs22(Fragment5, { children: [
-    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: emptyMessage }) : /* @__PURE__ */ jsx27(Box21, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: emptyMessage }) })),
+    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx27(Box21, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: emptyMessage }) })),
     values.map((value, index) => /* @__PURE__ */ jsx27(
       EditableListItem,
       {
@@ -25824,11 +25837,11 @@ function DefaultSubRow({
   const cursor = cursorVisible ? "\u2588" : " ";
   if (prop.type === "richtext" || prop.type === "media" || prop.type === "link") {
     return /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
+      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsx27(Text23, { color: focused ? void 0 : PALETTE3.muted, children: "(not applicable)" })
+      /* @__PURE__ */ jsx27(Text23, { color: focused ? void 0 : PALETTE.muted, children: "(not applicable)" })
     ] });
   }
   if (prop.type === "boolean") {
@@ -25838,11 +25851,11 @@ function DefaultSubRow({
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
       return /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexShrink: 0, children: [
-        /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
+        /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
           focused ? "\u203A " : "  ",
           "default:"
         ] }),
-        /* @__PURE__ */ jsx27(Text23, { color: focused ? void 0 : PALETTE3.muted, children: "(no values defined)" })
+        /* @__PURE__ */ jsx27(Text23, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
       ] });
     }
     const display = typeof prop.default === "string" && prop.default !== "" ? prop.default : "(unset)";
@@ -25851,11 +25864,11 @@ function DefaultSubRow({
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
     return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "row", flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
+      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsxs22(Box21, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE3.warning, paddingX: 1, children: [
+      /* @__PURE__ */ jsxs22(Box21, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
         /* @__PURE__ */ jsx27(Text23, { children: value.slice(0, textCursor) }),
         /* @__PURE__ */ jsx27(Text23, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
         /* @__PURE__ */ jsx27(Text23, { children: value.slice(textCursor + 1) })
@@ -25863,11 +25876,11 @@ function DefaultSubRow({
     ] });
   }
   return /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
+    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    /* @__PURE__ */ jsx27(Text23, { color: focused || value ? void 0 : PALETTE3.muted, children: value || "(none)" })
+    /* @__PURE__ */ jsx27(Text23, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
   ] });
 }
 function DescriptionField({
@@ -25883,15 +25896,15 @@ function DescriptionField({
 }) {
   if (compact) {
     return /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
+      /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         label
       ] }),
-      /* @__PURE__ */ jsx27(Text23, { wrap: "truncate-end", color: value ? void 0 : PALETTE3.muted, children: value || "\u2014" })
+      /* @__PURE__ */ jsx27(Text23, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
     ] });
   }
   return /* @__PURE__ */ jsxs22(Box21, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE3.warning : PALETTE3.muted, bold: focused, children: [
+    /* @__PURE__ */ jsxs22(Text23, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
@@ -25955,7 +25968,7 @@ function PropRow({
     ] }),
     prop.type === "token" && /* @__PURE__ */ jsx27(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx27(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
     prop.type === "enum" && /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs22(Text23, { color: activeField === "values" ? PALETTE3.warning : PALETTE3.muted, bold: activeField === "values", children: [
+      /* @__PURE__ */ jsxs22(Text23, { color: activeField === "values" ? PALETTE.warning : PALETTE.muted, bold: activeField === "values", children: [
         activeField === "values" ? "\u203A " : "  ",
         "values:"
       ] }),
@@ -25976,27 +25989,27 @@ function PropRow({
       }
     ),
     prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs22(Box21, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs22(Text23, { color: activeField === "allowed" ? PALETTE3.warning : PALETTE3.muted, bold: activeField === "allowed", children: [
+      /* @__PURE__ */ jsxs22(Text23, { color: activeField === "allowed" ? PALETTE.warning : PALETTE.muted, bold: activeField === "allowed", children: [
         activeField === "allowed" ? "\u203A " : "  ",
         "allowed:"
       ] }),
-      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx27(Box21, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE3.warning, paddingX: 1, children: /* @__PURE__ */ jsx27(Text23, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx27(
+      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx27(Box21, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx27(Text23, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx27(
         Text23,
         {
-          color: activeField !== "allowed" && prop.allowed.length === 0 ? PALETTE3.muted : void 0,
+          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__ */ jsx27(Box21, { paddingLeft: 2, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: (() => {
+    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx27(Box21, { paddingLeft: 2, children: /* @__PURE__ */ jsx27(Text23, { 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__ */ jsxs22(Box21, { paddingLeft: 2, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs22(Box21, { children: [
-        /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "values:" }),
+        /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "values:" }),
         activeField === "values" && /* @__PURE__ */ jsx27(Text23, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
       /* @__PURE__ */ jsx27(
@@ -26057,7 +26070,7 @@ function SlotRow({
       /* @__PURE__ */ jsxs22(
         Text23,
         {
-          color: activeField === "allowedComponents" ? PALETTE3.warning : PALETTE3.muted,
+          color: activeField === "allowedComponents" ? PALETTE.warning : PALETTE.muted,
           bold: activeField === "allowedComponents",
           children: [
             activeField === "allowedComponents" ? "\u203A " : "  ",
@@ -26065,14 +26078,14 @@ function SlotRow({
           ]
         }
       ),
-      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "(any)" }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
+      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx27(Text23, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
     ] }),
     selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs22(Box21, { children: [
         /* @__PURE__ */ jsxs22(
           Text23,
           {
-            color: activeField === "allowedComponents" ? PALETTE3.warning : PALETTE3.muted,
+            color: activeField === "allowedComponents" ? PALETTE.warning : PALETTE.muted,
             bold: activeField === "allowedComponents",
             children: [
               activeField === "allowedComponents" ? "\u203A " : "  ",
@@ -26080,7 +26093,7 @@ function SlotRow({
             ]
           }
         ),
-        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: slot.allowedComponents.length > 0 ? "  [a] add  [e] edit  [r] remove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
+        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: slot.allowedComponents.length > 0 ? "  [a] add  [e] edit  [r] remove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
       /* @__PURE__ */ jsx27(
         EditableValueList,
@@ -26096,21 +26109,21 @@ function SlotRow({
           showAddInput: editingField && activeField === "allowedComponents"
         }
       ),
-      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx27(Box21, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
+      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx27(Box21, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx27(Text23, { color: 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__ */ jsx27(Text23, { color: PALETTE3.muted, children: "(no candidates match \u2014 Enter to add as free text)" });
+          return /* @__PURE__ */ jsx27(Text23, { 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__ */ jsxs22(Box21, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
+          /* @__PURE__ */ jsx27(Text23, { 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__ */ jsx27(Text23, { color: isCursor ? PALETTE3.info : PALETTE3.muted, children: isCursor ? `  ${figures5.pointer} ${name}` : `    ${name}` }, name);
+            return /* @__PURE__ */ jsx27(Text23, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures5.pointer} ${name}` : `    ${name}` }, name);
           })
         ] });
       })() })
@@ -26938,18 +26951,18 @@ function FieldEditor({
   });
   const innerWidth = Math.max(1, width - 2);
   if (parseErr) {
-    return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE3.error, children: [
-      /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE3.error, children: "FIELD EDITOR \u2014 parse error" }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.error, children: parseErr }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "Cannot display structured editor. Fix the JSON first." })
+    return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
+      /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.error, children: parseErr }),
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
-    return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE3.warning, children: [
-      /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE3.warning, children: "FIELD EDITOR \u2014 no fields" }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "Enter to save \xB7 Esc to discard" })
+    return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
+      /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -27078,7 +27091,7 @@ function FieldEditor({
   const renderRow = (row, index) => {
     const key = rowKey(row, index);
     if (row.kind === "header") {
-      return /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE3.success, children: row.label }) }, key);
+      return /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.success, children: row.label }) }, key);
     }
     if (row.kind === "component-description") {
       const isSelected2 = inComponentDesc && active;
@@ -27160,9 +27173,9 @@ function FieldEditor({
       ...fixedHeight ? { height } : { minHeight: height },
       clipOverflow: fixedHeight,
       borderStyle: "single",
-      borderColor: hasEmptyProperties ? PALETTE3.warning : active ? PALETTE3.info : PALETTE3.border,
+      borderColor: hasEmptyProperties ? PALETTE.warning : active ? PALETTE.accent : PALETTE.border,
       children: [
-        hasEmptyProperties && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
+        hasEmptyProperties && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
         header,
         /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx27(
           PropRow,
@@ -27213,7 +27226,7 @@ function FieldEditor({
             `visible-${key}`
           );
         }) }),
-        categoryBelow && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.success, bold: true, children: `(${categoryBelow} below)` }),
+        categoryBelow && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.success, bold: true, children: `(${categoryBelow} below)` }),
         sourceOpen && !onToggleSourceExternal && (() => {
           const propMeta = !inSlots && !inComponentDesc && currentProp ? metadata?.props?.[currentProp.name] : void 0;
           const start = propMeta?.sourceStartLine ?? null;
@@ -27223,20 +27236,20 @@ function FieldEditor({
           const headerPath = path5 ?? "<unknown source path>";
           if (!start || !end2 || !src) {
             return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-              /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, bold: true, children: `source: ${headerPath}` }),
-              /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "(no source location captured for this prop)" }),
+              /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
+              /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
               /* @__PURE__ */ jsx27(Text23, { children: "[s] close" })
             ] });
           }
           const lines = src.split("\n").slice(Math.max(0, start - 1), end2);
           return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-            /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
-            lines.map((ln, i) => /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: ln }, `source-line-${i}`)),
+            /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
+            lines.map((ln, i) => /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
             /* @__PURE__ */ jsx27(Text23, { children: "[s] close \xB7 [Esc] close" })
           ] });
         })(),
-        showHelp && /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE3.info, paddingX: 1, children: [
-          /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE3.info, children: "Keybindings" }),
+        showHelp && /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
+          /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.accent, children: "Keybindings" }),
           /* @__PURE__ */ jsx27(Text23, { children: " " }),
           /* @__PURE__ */ jsx27(Text23, { bold: true, children: "Row navigation" }),
           /* @__PURE__ */ jsx27(Text23, { children: "  \u2191/\u2193               move between rows" }),
@@ -27261,10 +27274,10 @@ function FieldEditor({
           /* @__PURE__ */ jsx27(Text23, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
           /* @__PURE__ */ jsx27(Text23, { children: "  ?                toggle this overlay" }),
           /* @__PURE__ */ jsx27(Text23, { children: " " }),
-          /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: "press ? or Esc to close" })
+          /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "press ? or Esc to close" })
         ] }),
-        validationError && /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx27(Box21, { paddingTop: 1, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE3.muted, children: modeLabel }) })
+        validationError && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.error, children: "\u2717 " + validationError }),
+        /* @__PURE__ */ jsx27(Box21, { paddingTop: 1, children: /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: modeLabel }) })
       ]
     }
   );
@@ -27273,7 +27286,7 @@ var SLOT_FIELDS;
 var init_FieldEditor = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
     init_src5();
     init_useImmediateInput();
     init_scroll_offset();
@@ -27328,21 +27341,21 @@ function RationaleLine({ line, active }) {
     return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { bold: true, color: active ? PALETTE3.info : PALETTE3.muted, children: line.text }) });
+    return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
   }
   if (line.kind === "label") {
     return /* @__PURE__ */ jsxs23(Box22, { children: [
       line.prefix && /* @__PURE__ */ jsx28(Text24, { children: line.prefix }),
-      /* @__PURE__ */ jsx28(Text24, { bold: true, color: active ? line.color : PALETTE3.muted, children: line.text }),
-      line.suffix && /* @__PURE__ */ jsx28(Text24, { color: PALETTE3.muted, children: line.suffix })
+      /* @__PURE__ */ jsx28(Text24, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
+      line.suffix && /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: line.suffix })
     ] });
   }
-  return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { color: !active || line.dim ? PALETTE3.muted : void 0, children: line.text }) });
+  return /* @__PURE__ */ jsx28(Box22, { children: /* @__PURE__ */ jsx28(Text24, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
 }
 var init_RationaleLine = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationaleLine.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
   }
 });
 
@@ -27422,9 +27435,9 @@ function ComponentRationalePanel({
       width,
       height: height + 2,
       borderStyle: "single",
-      borderColor: active ? PALETTE3.inverse : void 0,
+      borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__PURE__ */ jsx29(Box23, { children: /* @__PURE__ */ jsx29(Text25, { bold: true, color: active ? void 0 : PALETTE3.muted, children: `Component rationale: ${data.name}` }) }),
+        /* @__PURE__ */ jsx29(Box23, { children: /* @__PURE__ */ jsx29(Text25, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
         visible.map((line, i) => /* @__PURE__ */ jsx29(RationaleLine, { line, active }, i)),
         /* @__PURE__ */ jsx29(Box23, { children: overflowed ? /* @__PURE__ */ jsx29(Text25, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx29(Text25, { children: "[I/Esc] close" }) })
       ]
@@ -27435,7 +27448,7 @@ var PLACEHOLDER;
 var init_ComponentRationalePanel = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ComponentRationalePanel.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
     init_wrap_text();
     init_RationaleLine();
     PLACEHOLDER = "(no rationale captured)";
@@ -27446,12 +27459,12 @@ var init_ComponentRationalePanel = __esm({
 import { Text as Text26 } from "ink";
 import { Fragment as Fragment6, jsx as jsx30 } from "react/jsx-runtime";
 function HighlightedLine({ parts }) {
-  return /* @__PURE__ */ jsx30(Fragment6, { children: parts.map((part, i) => /* @__PURE__ */ jsx30(Text26, { color: part.dim ? PALETTE3.muted : part.color, children: part.text }, i)) });
+  return /* @__PURE__ */ jsx30(Fragment6, { children: parts.map((part, i) => /* @__PURE__ */ jsx30(Text26, { color: part.dim ? PALETTE.muted : part.color, children: part.text }, i)) });
 }
 var init_HighlightedLine = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/HighlightedLine.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
   }
 });
 
@@ -27472,10 +27485,10 @@ function ScrollablePanel({
   const overflowed = totalLines > height;
   return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
     /* @__PURE__ */ jsxs25(Box24, { children: [
-      /* @__PURE__ */ jsx31(Text27, { bold: true, color: active ? void 0 : PALETTE3.muted, children: title }),
+      /* @__PURE__ */ jsx31(Text27, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
       overflowed && /* @__PURE__ */ jsxs25(Fragment7, { children: [
         /* @__PURE__ */ jsx31(Box24, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx31(Text27, { color: active ? void 0 : PALETTE3.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
+        /* @__PURE__ */ jsx31(Text27, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
     children
@@ -27484,7 +27497,7 @@ function ScrollablePanel({
 var init_ScrollablePanel = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ScrollablePanel.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
   }
 });
 
@@ -27575,7 +27588,7 @@ function renderRationaleLines(rows, innerWidth) {
     out.push({
       kind: "label",
       text: row.name,
-      color: PALETTE3.info,
+      color: PALETTE.accent,
       suffix: row.kind === "slot" ? " (slot)" : void 0
     });
     for (const line of wrapText(row.rationale, innerWidth)) {
@@ -27611,7 +27624,7 @@ function RationalePanel({
       totalLines,
       visibleStart,
       visibleEnd,
-      borderColor: active ? PALETTE3.inverse : void 0,
+      borderColor: active ? PALETTE.text : void 0,
       children: visible.map((line, i) => /* @__PURE__ */ jsx33(RationaleLine, { line, active }, i))
     }
   );
@@ -27619,7 +27632,7 @@ function RationalePanel({
 var init_RationalePanel = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationalePanel.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
     init_wrap_text();
     init_RationaleLine();
     init_ScrollablePanel();
@@ -27655,21 +27668,29 @@ function TokenReviewPanel({
         width,
         height: height + 2,
         borderStyle: "single",
-        borderColor: active ? PALETTE3.inverse : void 0,
+        borderColor: active ? PALETTE.text : void 0,
         children: [
-          /* @__PURE__ */ jsx34(Text28, { bold: true, color: active ? void 0 : PALETTE3.muted, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
-          /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
+          /* @__PURE__ */ jsx34(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
+          /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
           /* @__PURE__ */ jsx34(Text28, { children: " " }),
-          current.paths.length === 0 && /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, children: "(no compatible tokens found for this token kind)" }),
+          current.paths.length === 0 && /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: "(no compatible tokens found for this token kind)" }),
           visiblePaths.map((path5, i) => {
             const pathIndex = scrollStart + i;
             const checked = editSelection.has(path5);
             const focused = pathIndex === editCursor;
-            return /* @__PURE__ */ jsx34(Box26, { children: /* @__PURE__ */ jsx34(Text28, { color: focused ? PALETTE3.info : active ? void 0 : PALETTE3.muted, bold: focused, wrap: "truncate", children: `  [${checked ? "x" : " "}] ${path5}` }) }, path5);
+            return /* @__PURE__ */ jsx34(Box26, { children: /* @__PURE__ */ jsx34(
+              Text28,
+              {
+                color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted,
+                bold: focused,
+                wrap: "truncate",
+                children: `  [${checked ? "x" : " "}] ${path5}`
+              }
+            ) }, path5);
           }),
           /* @__PURE__ */ jsx34(Text28, { children: " " }),
-          /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
-          /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
+          /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
+          /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
         ]
       }
     );
@@ -27681,16 +27702,16 @@ function TokenReviewPanel({
       width,
       height: height + 2,
       borderStyle: "single",
-      borderColor: active ? PALETTE3.inverse : void 0,
+      borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__PURE__ */ jsx34(Text28, { bold: true, color: active ? void 0 : PALETTE3.muted, children: `TOKEN REVIEW \u2014 ${componentName}` }),
-        suggestions.length === 0 && /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, children: "(no token suggestions for this component)" }),
+        /* @__PURE__ */ jsx34(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, children: `TOKEN REVIEW \u2014 ${componentName}` }),
+        suggestions.length === 0 && /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
           return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx34(Box26, { children: /* @__PURE__ */ jsx34(Text28, { color: focused ? PALETTE3.info : active ? void 0 : PALETTE3.muted, bold: focused, children: `${focused ? figures6.pointer : " "} ${s.propName}` }) }),
-            /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
-            /* @__PURE__ */ jsx34(Text28, { color: PALETTE3.muted, children: `  allowed: ${s.allowed.join(", ")}` })
+            /* @__PURE__ */ jsx34(Box26, { children: /* @__PURE__ */ jsx34(Text28, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures6.pointer : " "} ${s.propName}` }) }),
+            /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
+            /* @__PURE__ */ jsx34(Text28, { color: PALETTE.muted, children: `  allowed: ${s.allowed.join(", ")}` })
           ] }, s.propName);
         }),
         /* @__PURE__ */ jsx34(Text28, { children: " " }),
@@ -27702,7 +27723,7 @@ function TokenReviewPanel({
 var init_TokenReviewPanel = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/TokenReviewPanel.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
   }
 });
 
@@ -27782,9 +27803,9 @@ function ReviewDetailsPanel({
     const sourceLineCount = Math.max(1, height - 4);
     const lines = source ? source.split("\n").slice(panelScrollOffset, panelScrollOffset + sourceLineCount) : [];
     return /* @__PURE__ */ jsxs27(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx35(Text29, { color: PALETTE3.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
-      source ? lines.map((line, index) => /* @__PURE__ */ jsx35(Text29, { color: PALETTE3.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx35(Text29, { color: PALETTE3.muted, children: "(no source captured)" }),
-      /* @__PURE__ */ jsx35(Text29, { color: PALETTE3.muted, wrap: "truncate-end", children: "[s/Esc] close" })
+      /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
+      source ? lines.map((line, index) => /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, children: "(no source captured)" }),
+      /* @__PURE__ */ jsx35(Text29, { color: PALETTE.muted, wrap: "truncate-end", children: "[s/Esc] close" })
     ] });
   }
   if (panelOpen === "token-review") {
@@ -27826,7 +27847,7 @@ var init_review_details_panel = __esm({
     init_RationalePanel();
     init_TokenReviewPanel();
     init_windowed_panel();
-    init_theme3();
+    init_theme();
   }
 });
 
@@ -27953,17 +27974,17 @@ function ReviewEmptyComponentsWarning({
   hidden
 }) {
   if (hidden || count === 0) return null;
-  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE3.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
+  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx37(Box27, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx37(Text30, { color: PALETTE3.muted, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx37(Box27, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx37(Text30, { color: PALETTE.muted, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
   hidden
 }) {
   if (hidden || !message) return null;
-  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE3.error, children: `\u26A0 ${message}` });
+  return /* @__PURE__ */ jsx37(Text30, { color: PALETTE.error, children: `\u26A0 ${message}` });
 }
 function ReviewPanelFooter({
   reviewEditor,
@@ -27987,7 +28008,7 @@ function ReviewComponentTitle({
   return /* @__PURE__ */ jsxs28(Box27, { paddingLeft: 2, paddingBottom: 1, children: [
     /* @__PURE__ */ jsx37(Text30, { bold: true, wrap: "truncate-end", children: selectedKey }),
     /* @__PURE__ */ jsx37(Box27, { flexGrow: 1 }),
-    /* @__PURE__ */ jsxs28(Text30, { color: PALETTE3.muted, wrap: "truncate-end", children: [
+    /* @__PURE__ */ jsxs28(Text30, { color: PALETTE.muted, wrap: "truncate-end", children: [
       propCount,
       " prop",
       propCount !== 1 ? "s" : "",
@@ -28043,8 +28064,8 @@ function ReviewComponentPanel({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx37(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx37(Text30, { color: saveError ? PALETTE3.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
-    /* @__PURE__ */ jsx37(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx37(Text30, { color: PALETTE3.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx37(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx37(Text30, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
+    /* @__PURE__ */ jsx37(Box27, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx37(Text30, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx37(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -28059,7 +28080,7 @@ function ReviewComponentPanel({
 var init_ReviewComponentPanel = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewComponentPanel.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
     init_review_json_panel();
     init_ReviewDetailsEditor();
     init_windowed_panel();
@@ -28081,11 +28102,11 @@ function countReviewStatuses(entries) {
   );
 }
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx38(Box28, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx38(Text31, { color: PALETTE3.muted, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx38(Box28, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
   return /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx38(Text31, { color: PALETTE3.error, children: message }),
+    /* @__PURE__ */ jsx38(Text31, { color: PALETTE.error, children: message }),
     /* @__PURE__ */ jsx38(Text31, { children: " " }),
     /* @__PURE__ */ jsx38(Text31, { children: "[q / Enter / Esc] Quit" })
   ] });
@@ -28093,7 +28114,7 @@ function ReviewLoadError({ message }) {
 var init_ReviewStatus = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewStatus.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
   }
 });
 
@@ -28343,41 +28364,41 @@ function FinalizeDialog({
     /* @__PURE__ */ jsx39(Text32, { bold: true, children: "\u2500".repeat(22) + " Finalize " + "\u2500".repeat(22) }),
     /* @__PURE__ */ jsx39(Text32, { children: " " }),
     /* @__PURE__ */ jsxs30(Text32, { children: [
-      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE3.success, children: [
+      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.success, children: [
         accepted,
         " accepted"
       ] }),
       /* @__PURE__ */ jsx39(Text32, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE3.error, children: [
+      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.error, children: [
         rejected,
         " rejected"
       ] }),
       /* @__PURE__ */ jsx39(Text32, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE3.muted, children: [
+      /* @__PURE__ */ jsxs30(Text32, { color: PALETTE.muted, children: [
         needsReview,
         " unresolved"
       ] })
     ] }),
     /* @__PURE__ */ jsx39(Text32, { children: " " }),
     noneAccepted && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-      /* @__PURE__ */ jsx39(Text32, { bold: true, color: PALETTE3.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
-      /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
+      /* @__PURE__ */ jsx39(Text32, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
+      /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
       /* @__PURE__ */ jsx39(Text32, { children: " " })
     ] }),
     !allResolved && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-      /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
-      /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.warning, children: "Only explicitly accepted components ship." }),
+      /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
+      /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
       /* @__PURE__ */ jsx39(Text32, { children: " " })
     ] }),
     /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", height: 2, children: [
-      previewStatus === "running" ? /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx39(Text32, { children: " " }),
+      previewStatus === "running" ? /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx39(Text32, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx39(Text32, { children: " " }),
       /* @__PURE__ */ jsx39(Text32, { children: " " })
     ] }),
     previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-      /* @__PURE__ */ jsx39(Text32, { bold: true, color: PALETTE3.error, children: removedComponentsHeader(removed.length, false) }),
-      hasMoreAbove && /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.muted, children: "\u2191 more above" }),
-      windowed.map((rc) => /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.error, children: removedComponentLine(rc) }, rc.id)),
-      hasMoreBelow && /* @__PURE__ */ jsx39(Text32, { color: PALETTE3.muted, children: "\u2193 more below" }),
+      /* @__PURE__ */ jsx39(Text32, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
+      hasMoreAbove && /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "\u2191 more above" }),
+      windowed.map((rc) => /* @__PURE__ */ jsx39(Text32, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
+      hasMoreBelow && /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "\u2193 more below" }),
       removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx39(Text32, { children: "[\u2191\u2193] scroll deletions" }),
       /* @__PURE__ */ jsx39(Text32, { children: " " })
     ] }),
@@ -28390,7 +28411,7 @@ var FINALIZE_REMOVED_WINDOW;
 var init_FinalizeDialog = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FinalizeDialog.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
     init_useImmediateInput();
     init_removed_components_text();
     FINALIZE_REMOVED_WINDOW = 6;
@@ -28918,8 +28939,8 @@ function ReviewStepDialogs({
 }
 function ReviewReloadDialog({ open }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE3.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx41(Text34, { bold: true, color: PALETTE3.warning, children: "Reload from saved state?" }),
+  return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx41(Text34, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
     /* @__PURE__ */ jsx41(Text34, { children: "Unsaved in-memory changes will be lost." }),
     /* @__PURE__ */ jsx41(Text34, { children: " " }),
     /* @__PURE__ */ jsx41(Text34, { children: "  [Enter]  Confirm" }),
@@ -28929,7 +28950,7 @@ function ReviewReloadDialog({ open }) {
 var init_ReviewDialogs = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDialogs.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
     init_FinalizeDialog();
     init_QuitDialog();
     init_ReviewStatus();
@@ -29340,25 +29361,25 @@ function LivePreviewSummary({
   const counts = { new: 0, changed: 0, removed: 0, breaking: 0 };
   for (const annotation of previewAnnotations.values()) counts[annotation] += 1;
   const hasCounts = counts.new + counts.changed + counts.removed + counts.breaking > 0;
-  if (disabled) return /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.muted, children: "Preview: disabled (creds rejected)" });
-  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.muted, children: `Preview: ${spinner} running...` });
+  if (disabled) return /* @__PURE__ */ jsx42(Text35, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
+  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx42(Text35, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
   if (!hasCounts) return null;
   return /* @__PURE__ */ jsxs33(Box32, { children: [
     /* @__PURE__ */ jsx42(Text35, { children: "Preview: " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.success, children: `${counts.new} new` }),
+    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.success, children: `${counts.new} new` }),
     /* @__PURE__ */ jsx42(Text35, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.warning, children: `${counts.changed} changed` }),
+    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.warning, children: `${counts.changed} changed` }),
     /* @__PURE__ */ jsx42(Text35, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.muted, children: `${counts.removed} removed` }),
+    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.muted, children: `${counts.removed} removed` }),
     showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx42(Text35, { children: " ([d] removed list)" }),
     /* @__PURE__ */ jsx42(Text35, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx42(Text35, { color: PALETTE3.error, bold: true, children: `${counts.breaking} breaking` })
+    /* @__PURE__ */ jsx42(Text35, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
   ] });
 }
 var init_LivePreviewSummary = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/components/LivePreviewSummary.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
   }
 });
 
@@ -29407,10 +29428,10 @@ function CyclePathLine({
   highlightComponents = false,
   highlightLine = false
 }) {
-  return /* @__PURE__ */ jsxs34(Text36, { color: highlightLine ? PALETTE3.warning : void 0, children: [
+  return /* @__PURE__ */ jsxs34(Text36, { color: highlightLine ? PALETTE.warning : void 0, children: [
     prefix,
     segments.map(
-      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.info, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: segment.text }, index) : /* @__PURE__ */ jsx43(Text36, { color: highlightComponents ? PALETTE3.warning : void 0, children: segment.text }, index)
+      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE.accent, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: segment.text }, index) : /* @__PURE__ */ jsx43(Text36, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
     )
   ] });
 }
@@ -29422,9 +29443,9 @@ function CycleDetailPanel({
   height
 }) {
   const lines = [
-    /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE3.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
+    /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
+    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
+    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
     /* @__PURE__ */ jsx43(Text36, { children: " " }, "cyc-space")
   ];
   cycles.forEach((cycle, index) => {
@@ -29436,7 +29457,7 @@ function CycleDetailPanel({
     );
     if (cycle.suggestedBreak) {
       lines.push(
-        /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
+        /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
       );
     }
     lines.push(/* @__PURE__ */ jsx43(Text36, { children: " " }, `cyc-s-${index}`));
@@ -29444,9 +29465,9 @@ function CycleDetailPanel({
   const footer = "[\u2191\u2193] move  [Enter] fix cycle  [c/q/Esc] close";
   const viewportHeight = Math.max(1, height - 3);
   const visible = lines.slice(scrollOffset, scrollOffset + viewportHeight - 1);
-  return /* @__PURE__ */ jsxs34(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE3.warning, paddingLeft: 1, children: [
+  return /* @__PURE__ */ jsxs34(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
     visible,
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: footer })
+    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: footer })
   ] });
 }
 function BreakCyclePanel({
@@ -29457,14 +29478,14 @@ function BreakCyclePanel({
   width,
   height
 }) {
-  return /* @__PURE__ */ jsxs34(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE3.warning, paddingLeft: 1, children: [
-    /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE3.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
+  return /* @__PURE__ */ jsxs34(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
+    /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
     cycle && /* @__PURE__ */ jsx43(CyclePathLine, { segments: formatCyclePathSegments2(cycle), prefix: "  ", highlightComponents: true }),
-    /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
+    /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
     /* @__PURE__ */ jsx43(Text36, { children: " " }),
-    edges.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: "remove slot edge:" }),
+    edges.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "remove slot edge:" }),
     edges.map((edge, index) => /* @__PURE__ */ jsx43(Text36, { inverse: index === cursor, children: `${index === cursor ? figures7.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
-    confirming ? /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE3.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx43(Text36, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
+    confirming ? /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx43(Text36, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
   ] });
 }
 function buildBreakingRows(breakingChanges) {
@@ -29510,7 +29531,7 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    return /* @__PURE__ */ jsx43(Box33, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
+    return /* @__PURE__ */ jsx43(Box33, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
   }
   return /* @__PURE__ */ jsx43(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
@@ -30427,8 +30448,8 @@ function GenerateReviewStepView({
       }
     ),
     /* @__PURE__ */ jsx43(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
-    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE3.error, paddingX: 1, children: [
-      /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE3.error, children: removedComponentsHeader(removedComponents.length, true) }),
+    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
+      /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
       !removedBannerCollapsed && /* @__PURE__ */ jsxs34(Fragment13, { children: [
         /* @__PURE__ */ jsx43(Text36, { children: " " }),
         removedComponents.map((rc) => /* @__PURE__ */ jsx43(Text36, { children: removedComponentLine(rc) }, rc.id))
@@ -30437,7 +30458,7 @@ function GenerateReviewStepView({
     breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx43(Box33, { paddingX: 1, children: /* @__PURE__ */ jsx43(
       Text36,
       {
-        color: PALETTE3.warning,
+        color: PALETTE.warning,
         children: `[b] ${breakingChanges.length} breaking change${breakingChanges.length === 1 ? "" : "s"}`
       }
     ) }),
@@ -30445,10 +30466,10 @@ function GenerateReviewStepView({
       const row = breakingRows[breakingCursor];
       const comp = row ? breakingChanges.find((b) => b.componentName === row.componentName) : void 0;
       if (!comp) return null;
-      return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE3.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE3.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
-        comp.impact && /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
-        comp.changes.length === 0 ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx43(Text36, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
+      return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+        /* @__PURE__ */ jsx43(Text36, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
+        comp.impact && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
+        comp.changes.length === 0 ? /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx43(Text36, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
         /* @__PURE__ */ jsx43(Text36, { children: "[D/Esc] close detail" })
       ] });
     })(),
@@ -30471,11 +30492,11 @@ function GenerateReviewStepView({
       const participantSet = cycleView.structural;
       const members = stillRejected.filter((n) => participantSet.has(n)).sort();
       const ancestors = stillRejected.filter((n) => !participantSet.has(n)).sort();
-      return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE3.error, paddingX: 1, children: [
-        /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
-        members.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.error, children: `  Cycle members: ${members.join(", ")}` }),
-        ancestors.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
-        /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
+      return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
+        /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
+        members.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
+        ancestors.length > 0 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
+        /* @__PURE__ */ jsx43(Text36, { color: PALETTE.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
       ] });
     })(),
     /* @__PURE__ */ jsx43(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
@@ -30591,7 +30612,7 @@ function GenerateReviewStepView({
       ) : /* @__PURE__ */ jsx43(ReviewNoSelection, {})
     ] }),
     !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
+      /* @__PURE__ */ jsx43(Text36, { 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__ */ jsx43(
           CyclePathLine,
@@ -30604,7 +30625,7 @@ function GenerateReviewStepView({
           `cyc-banner-${idx}`
         );
       }),
-      cycleRows.length > 3 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE3.warning, children: `  \u2026${cycleRows.length - 3} more` }),
+      cycleRows.length > 3 && /* @__PURE__ */ jsx43(Text36, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
       /* @__PURE__ */ jsx43(Text36, { children: "  press [c] for detail" })
     ] }),
     /* @__PURE__ */ jsx43(
@@ -30625,7 +30646,7 @@ var HELP_SECTIONS2;
 var init_generate_review_step = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/generate-review-step.tsx"() {
     "use strict";
-    init_theme3();
+    init_theme();
     init_review_json_panel();
     init_GroupedSidebar();
     init_composite_closure();
@@ -30732,49 +30753,24 @@ var init_generate_review_step = __esm({
   }
 });
 
-// packages/experience-design-system-cli/src/tui/import/steps/10-flow/theme.ts
-import { defaultTheme as defaultTheme2, extendTheme as extendTheme2 } from "@inkjs/ui";
-var PALETTE4, INK_UI_THEME;
-var init_theme4 = __esm({
-  "packages/experience-design-system-cli/src/tui/import/steps/10-flow/theme.ts"() {
-    "use strict";
-    init_theme3();
-    PALETTE4 = {
-      ...PALETTE3,
-      link: "#58A6FF"
-    };
-    INK_UI_THEME = extendTheme2(defaultTheme2, {
-      components: {
-        ProgressBar: {
-          styles: {
-            completed: () => ({
-              color: "blue"
-            })
-          }
-        }
-      }
-    });
-  }
-});
-
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/CustomPromptBanner.tsx
 import { Box as Box34, Text as Text37 } from "ink";
 import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
 function CustomPromptBanner({ generatePromptPath }) {
   if (!generatePromptPath) return null;
-  return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE4.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx44(Text37, { color: PALETTE4.warning, bold: true, children: "WARNING: Custom prompt active" }),
-    generatePromptPath ? /* @__PURE__ */ jsxs35(Text37, { color: PALETTE4.warning, children: [
+  return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
+    generatePromptPath ? /* @__PURE__ */ jsxs35(Text37, { color: PALETTE.warning, children: [
       "components: ",
       generatePromptPath
     ] }) : null,
-    /* @__PURE__ */ jsx44(Text37, { color: PALETTE4.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
+    /* @__PURE__ */ jsx44(Text37, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
   ] });
 }
 var init_CustomPromptBanner = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/CustomPromptBanner.tsx"() {
     "use strict";
-    init_theme4();
+    init_theme();
   }
 });
 
@@ -30801,17 +30797,17 @@ import { Box as Box35, Text as Text38 } from "ink";
 import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
 function SpaceEnvironment({ spaceId, environmentId }) {
   return /* @__PURE__ */ jsxs36(Box35, { gap: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx45(Text38, { color: PALETTE4.muted, children: "Space:" }),
+    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: "Space:" }),
     /* @__PURE__ */ jsx45(Text38, { children: spaceId }),
-    /* @__PURE__ */ jsx45(Text38, { color: PALETTE4.muted, children: "/" }),
-    /* @__PURE__ */ jsx45(Text38, { color: PALETTE4.muted, children: "Environment:" }),
+    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: "/" }),
+    /* @__PURE__ */ jsx45(Text38, { color: PALETTE.muted, children: "Environment:" }),
     /* @__PURE__ */ jsx45(Text38, { children: environmentId })
   ] });
 }
 var init_SpaceEnvironment = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/SpaceEnvironment.tsx"() {
     "use strict";
-    init_theme4();
+    init_theme();
   }
 });
 
@@ -30822,13 +30818,13 @@ function EntityRows({ entity, label }) {
   const plural3 = (n) => `${n} ${label}${n !== 1 ? "s" : ""}`;
   return /* @__PURE__ */ jsxs37(Fragment14, { children: [
     ACTIONS.filter((action) => entity[action] > 0).map((action) => /* @__PURE__ */ jsxs37(Text39, { children: [
-      /* @__PURE__ */ jsx46(Text39, { color: PALETTE4.success, children: "\u2713" }),
+      /* @__PURE__ */ jsx46(Text39, { color: PALETTE.success, children: "\u2713" }),
       " ",
       plural3(entity[action]),
       " ",
       action
     ] }, action)),
-    entity.failed > 0 && /* @__PURE__ */ jsxs37(Text39, { color: PALETTE4.error, children: [
+    entity.failed > 0 && /* @__PURE__ */ jsxs37(Text39, { color: PALETTE.error, children: [
       "\u2717 ",
       plural3(entity.failed),
       " failed \u2014 check logs above"
@@ -30837,8 +30833,8 @@ function EntityRows({ entity, label }) {
 }
 function LinkRow({ title, url }) {
   return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx46(Text39, { color: PALETTE4.muted, children: title }),
-    /* @__PURE__ */ jsx46(Text39, { color: PALETTE4.link, children: url })
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.muted, children: title }),
+    /* @__PURE__ */ jsx46(Text39, { color: PALETTE.accent, children: url })
   ] });
 }
 function DoneStep({
@@ -30861,17 +30857,17 @@ function DoneStep({
   const success = totalFailed === 0;
   const urlArgs = { host: host ?? "api.contentful.com", spaceId, environmentId };
   return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    success ? /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE4.success, children: "Done!" }) : /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE4.warning, children: "\u26A0 Finished with errors" }),
-    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx46(Text39, { color: PALETTE4.muted, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
+    success ? /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
+    totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx46(Text39, { color: PALETTE.muted, children: "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx46(EntityRows, { entity: componentTypes, label: "Component Type" }),
       /* @__PURE__ */ jsx46(EntityRows, { entity: designTokens, label: "Design Token" }),
-      summary && /* @__PURE__ */ jsx46(Box36, { marginTop: 1, children: /* @__PURE__ */ jsxs37(Text39, { color: PALETTE4.muted, children: [
+      summary && /* @__PURE__ */ jsx46(Box36, { marginTop: 1, children: /* @__PURE__ */ jsxs37(Text39, { color: PALETTE.muted, children: [
         "Push result: ",
         summary.succeeded,
         "/",
         summary.total,
         " succeeded",
-        summary.failed > 0 && /* @__PURE__ */ jsxs37(Text39, { color: PALETTE4.error, children: [
+        summary.failed > 0 && /* @__PURE__ */ jsxs37(Text39, { color: PALETTE.error, children: [
           ", ",
           summary.failed,
           " failed"
@@ -30879,8 +30875,8 @@ function DoneStep({
       ] }) })
     ] }),
     failures.length > 0 && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE4.error, children: "Failure details" }),
-      failures.map((failure) => /* @__PURE__ */ jsxs37(Text39, { color: PALETTE4.error, children: [
+      /* @__PURE__ */ jsx46(Text39, { bold: true, color: PALETTE.error, children: "Failure details" }),
+      failures.map((failure) => /* @__PURE__ */ jsxs37(Text39, { color: PALETTE.error, children: [
         failure.entityType,
         " ",
         failure.entityId,
@@ -30890,7 +30886,7 @@ function DoneStep({
     ] }),
     /* @__PURE__ */ jsx46(SpaceEnvironment, { spaceId, environmentId }),
     success && totalPushed > 0 && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx46(Text39, { color: PALETTE4.success, children: "Your design system is now in Contentful Experiences." }),
+      /* @__PURE__ */ jsx46(Text39, { color: PALETTE.success, children: "Your design system is now in Contentful Experiences." }),
       /* @__PURE__ */ jsx46(LinkRow, { title: "View your components here:", url: buildPostPushUrl2(urlArgs) }),
       /* @__PURE__ */ jsx46(
         LinkRow,
@@ -30907,7 +30903,7 @@ var ACTIONS;
 var init_DoneStep = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/DoneStep.tsx"() {
     "use strict";
-    init_theme4();
+    init_theme();
     init_useImmediateInput();
     init_contentful_urls2();
     init_SpaceEnvironment();
@@ -31018,12 +31014,12 @@ function PathPrompt({
   const cursor = cursorVisible ? "\u2588" : " ";
   return /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsxs38(Box37, { gap: 1, children: [
-      /* @__PURE__ */ jsx47(Text40, { color: "cyan", children: "?" }),
+      /* @__PURE__ */ jsx47(Text40, { color: PALETTE.accent, children: "?" }),
       /* @__PURE__ */ jsxs38(Text40, { bold: true, children: [
         label,
         ":"
       ] }),
-      /* @__PURE__ */ jsx47(Text40, { color: isPlaceholder ? PALETTE4.muted : void 0, children: shown }),
+      /* @__PURE__ */ jsx47(Text40, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
       /* @__PURE__ */ jsx47(Text40, { children: cursor })
     ] }),
     /* @__PURE__ */ jsxs38(Box37, { gap: 3, children: [
@@ -31039,7 +31035,7 @@ var init_PathPrompt = __esm({
     init_useImmediateInput();
     init_path_utils();
     init_use_blinking_cursor();
-    init_theme4();
+    init_theme();
   }
 });
 
@@ -31048,7 +31044,7 @@ import { Box as Box38, Text as Text41 } from "ink";
 import { jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
 function StepHeader({ stepNumber, totalSteps, title }) {
   return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsx48(Text41, { dimColor: true, children: "\u2500".repeat(40) }),
+    /* @__PURE__ */ jsx48(Text41, { color: PALETTE.muted, children: "\u2500".repeat(40) }),
     /* @__PURE__ */ jsxs39(Box38, { gap: 1, children: [
       /* @__PURE__ */ jsxs39(Text41, { bold: true, children: [
         "Step ",
@@ -31059,12 +31055,13 @@ function StepHeader({ stepNumber, totalSteps, title }) {
       /* @__PURE__ */ jsx48(Text41, { bold: true, children: "\u2014" }),
       /* @__PURE__ */ jsx48(Text41, { bold: true, children: title })
     ] }),
-    /* @__PURE__ */ jsx48(Text41, { dimColor: true, children: "\u2500".repeat(40) })
+    /* @__PURE__ */ jsx48(Text41, { color: PALETTE.muted, children: "\u2500".repeat(40) })
   ] });
 }
 var init_StepHeader = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/StepHeader.tsx"() {
     "use strict";
+    init_theme();
   }
 });
 
@@ -31106,12 +31103,12 @@ function PushingStep({ stepNumber, totalSteps, progress }) {
     /* @__PURE__ */ jsx50(StepHeader, { stepNumber, totalSteps, title: "Push to Contentful" }),
     /* @__PURE__ */ jsx50(Text42, { children: "Writing component types and design tokens to your Contentful space..." }),
     operationId && /* @__PURE__ */ jsxs40(Box39, { gap: 1, children: [
-      /* @__PURE__ */ jsx50(Text42, { color: PALETTE4.muted, children: "Operation:" }),
+      /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: "Operation:" }),
       /* @__PURE__ */ jsx50(Text42, { children: operationId })
     ] }),
     showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx50(Box39, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs40(Box39, { gap: 2, children: [
-      /* @__PURE__ */ jsx50(Box39, { width: 40, children: /* @__PURE__ */ jsx50(ThemeProvider2, { theme: INK_UI_THEME, children: /* @__PURE__ */ jsx50(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
-      /* @__PURE__ */ jsxs40(Text42, { color: PALETTE4.muted, children: [
+      /* @__PURE__ */ jsx50(Box39, { width: 40, children: /* @__PURE__ */ jsx50(ThemeProvider2, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx50(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
+      /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
         progress.processed,
         "/",
         progress.total,
@@ -31119,10 +31116,10 @@ function PushingStep({ stepNumber, totalSteps, progress }) {
       ] })
     ] }) }),
     showCurrent && /* @__PURE__ */ jsxs40(Box39, { gap: 1, children: [
-      /* @__PURE__ */ jsx50(Text42, { color: PALETTE4.muted, children: "Now processing:" }),
+      /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: "Now processing:" }),
       /* @__PURE__ */ jsx50(Text42, { children: showCurrent })
     ] }),
-    /* @__PURE__ */ jsx50(Box39, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE4.muted, children: [
+    /* @__PURE__ */ jsx50(Box39, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
       "Elapsed: ",
       elapsed
     ] }) })
@@ -31133,8 +31130,8 @@ var init_PushingStep = __esm({
     "use strict";
     init_StepHeader();
     init_use_timed_spinner();
-    init_theme4();
-    init_theme4();
+    init_theme2();
+    init_theme();
   }
 });
 
@@ -31329,25 +31326,25 @@ function buildPreviewSummaryLines(preview) {
   if (components.new.length > 0) {
     lines.push({
       key: "summary-components-new",
-      color: PALETTE4.success,
+      color: PALETTE.success,
       text: ` \uFF0B ${components.new.length} components will be created`
     });
     for (const [index, item] of components.new.entries()) {
       const name = item.key ?? item.$name ?? "unknown";
-      lines.push({ key: `summary-components-new-${index}`, color: PALETTE4.success, text: `  + ${name}` });
+      lines.push({ key: `summary-components-new-${index}`, color: PALETTE.success, text: `  + ${name}` });
     }
   }
   if (components.changed.length > 0) {
     lines.push({
       key: "summary-components-changed",
-      color: PALETTE4.warning,
+      color: PALETTE.warning,
       text: ` \uFF5E ${components.changed.length} components will be updated`
     });
     for (const [index, item] of components.changed.entries()) {
       const isBreaking = item.changeClassification?.classification === "breaking";
       lines.push({
         key: `summary-components-changed-${index}`,
-        color: isBreaking ? PALETTE4.error : PALETTE4.warning,
+        color: isBreaking ? PALETTE.error : PALETTE.warning,
         text: ` ${isBreaking ? "\u26A0" : "~"} ${item.current.name}`
       });
     }
@@ -31355,11 +31352,11 @@ function buildPreviewSummaryLines(preview) {
   if (components.removed.length > 0) {
     lines.push({
       key: "summary-components-removed",
-      color: PALETTE4.warning,
+      color: PALETTE.warning,
       text: ` \u2298 ${components.removed.length} components will be skipped`
     });
     for (const [index, item] of components.removed.entries()) {
-      lines.push({ key: `summary-components-removed-${index}`, color: PALETTE4.warning, text: ` \u2298 ${item.name}` });
+      lines.push({ key: `summary-components-removed-${index}`, color: PALETTE.warning, text: ` \u2298 ${item.name}` });
     }
   }
   if (components.unchanged.length > 0) {
@@ -31372,21 +31369,21 @@ function buildPreviewSummaryLines(preview) {
   if (tokens.new.length > 0) {
     lines.push({
       key: "summary-tokens-new",
-      color: PALETTE4.success,
+      color: PALETTE.success,
       text: ` \uFF0B ${tokens.new.length} design tokens will be created`
     });
   }
   if (tokens.changed.length > 0) {
     lines.push({
       key: "summary-tokens-changed",
-      color: PALETTE4.warning,
+      color: PALETTE.warning,
       text: ` \uFF5E ${tokens.changed.length} design tokens will be updated`
     });
   }
   if (tokens.removed.length > 0) {
     lines.push({
       key: "summary-tokens-removed",
-      color: PALETTE4.warning,
+      color: PALETTE.warning,
       text: ` \u2298 ${tokens.removed.length} design tokens will be skipped`
     });
   }
@@ -31430,12 +31427,12 @@ function getPreviewScrollOffset(input, downArrow, upArrow, diffExpanded, current
 function appendChangedPreviewLine(lines, keyPrefix, name, hasPendingDraftChanges, changeClassification) {
   lines.push({
     key: `${keyPrefix}-h-${name}`,
-    color: PALETTE4.warning,
+    color: PALETTE.warning,
     text: ` ~ ${name}${hasPendingDraftChanges ? " \u26A1 has pending draft changes" : ""}`
   });
   if (changeClassification?.classification !== "breaking") return;
   const reasons = changeClassification.breakingChanges.map((bc) => `${"slotId" in bc ? bc.slotId : bc.propertyId}: ${bc.reason}`).join(", ");
-  lines.push({ key: `${keyPrefix}-b-${name}`, color: PALETTE4.error, text: ` \u26A0 BREAKING: ${reasons}` });
+  lines.push({ key: `${keyPrefix}-b-${name}`, color: PALETTE.error, text: ` \u26A0 BREAKING: ${reasons}` });
 }
 function buildPreviewDiffLines(preview) {
   const lines = [];
@@ -31443,12 +31440,12 @@ function buildPreviewDiffLines(preview) {
   for (const item of components.new) {
     const raw = item;
     const name = raw.key ?? raw.$name ?? "unknown";
-    lines.push({ key: `comp-new-${name}`, color: PALETTE4.success, text: ` + ${name}` });
+    lines.push({ key: `comp-new-${name}`, color: PALETTE.success, text: ` + ${name}` });
     const slots = raw.$slots ?? {};
     for (const slotName of Object.keys(slots).sort()) {
       lines.push({
         key: `comp-new-${name}-slot-${slotName}`,
-        color: PALETTE4.success,
+        color: PALETTE.success,
         text: `   slot: ${slotName}`
       });
       const allowed = slots[slotName]?.["$allowedComponents"];
@@ -31456,14 +31453,14 @@ function buildPreviewDiffLines(preview) {
         const names = allowed.filter((n) => typeof n === "string");
         lines.push({
           key: `comp-new-${name}-slot-${slotName}-allow`,
-          color: PALETTE4.success,
+          color: PALETTE.success,
           text: `     allowedComponents: [${names.join(", ")}]`
         });
       }
     }
   }
   for (const item of components.removed) {
-    lines.push({ key: `comp-rm-${item.name}`, color: PALETTE4.error, text: ` - ${item.name}` });
+    lines.push({ key: `comp-rm-${item.name}`, color: PALETTE.error, text: ` - ${item.name}` });
   }
   for (const item of components.changed) {
     appendChangedPreviewLine(lines, "comp", item.current.name, item.hasPendingDraftChanges, item.changeClassification);
@@ -31494,10 +31491,10 @@ function buildPreviewDiffLines(preview) {
   for (const item of tokens.new) {
     const raw = item;
     const name = raw.name ?? raw.path ?? "unknown";
-    lines.push({ key: `tok-new-${name}`, color: PALETTE4.success, text: ` + ${name}` });
+    lines.push({ key: `tok-new-${name}`, color: PALETTE.success, text: ` + ${name}` });
   }
   for (const item of tokens.removed) {
-    lines.push({ key: `tok-rm-${item.name}`, color: PALETTE4.error, text: ` - ${item.name}` });
+    lines.push({ key: `tok-rm-${item.name}`, color: PALETTE.error, text: ` - ${item.name}` });
   }
   for (const item of tokens.changed) {
     const tokenName = item.current.name;
@@ -31588,13 +31585,13 @@ function WizardPreviewStep({
           title: diffExpanded ? `Diff (${diffLines.length} lines)` : "",
           focused: false,
           children: [
-            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx51(Text43, { color: line.color === "gray" ? PALETTE4.muted : line.color, wrap: "truncate-end", children: line.text }, line.key)),
-            /* @__PURE__ */ jsx51(Text43, { color: PALETTE4.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
+            activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx51(Text43, { color: line.color === "gray" ? PALETTE.muted : line.color, wrap: "truncate-end", children: line.text }, line.key)),
+            /* @__PURE__ */ jsx51(Text43, { color: PALETTE.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
           ]
         }
       )
-    ] }) : /* @__PURE__ */ jsx51(Text43, { color: PALETTE4.muted, children: "Nothing to push \u2014 everything is already up to date." }),
-    breakingWithImpact && /* @__PURE__ */ jsx51(Box40, { marginTop: 1, children: /* @__PURE__ */ jsx51(Text43, { color: PALETTE4.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
+    ] }) : /* @__PURE__ */ jsx51(Text43, { color: PALETTE.muted, children: "Nothing to push \u2014 everything is already up to date." }),
+    breakingWithImpact && /* @__PURE__ */ jsx51(Box40, { marginTop: 1, children: /* @__PURE__ */ jsx51(Text43, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
     /* @__PURE__ */ jsx51(SpaceEnvironment, { spaceId, environmentId }),
     /* @__PURE__ */ jsxs41(Box40, { gap: 3, marginTop: 1, children: [
       /* @__PURE__ */ jsx51(Text43, { children: "[Enter] Push to Contentful" }),
@@ -31612,7 +31609,7 @@ function WizardPreviewStep({
 var init_WizardPreviewStep = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx"() {
     "use strict";
-    init_theme4();
+    init_theme();
     init_useImmediateInput();
     init_use_terminal_size();
     init_src4();
@@ -32911,7 +32908,7 @@ function HelpScreen({ onDone }) {
 var init_PageContainer2 = __esm({
   "packages/experience-design-system-cli/src/tui/help/PageContainer.tsx"() {
     "use strict";
-    init_home_theme();
+    init_theme();
     init_debug_store();
     init_control_hints();
     init_help_info();
@@ -32954,8 +32951,8 @@ function SettingsScreen({
   });
   return /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx54(Text45, { bold: true, children: "Settings" }),
-    /* @__PURE__ */ jsx54(Text45, { children: " " }),
-    items.map((item, i) => /* @__PURE__ */ jsxs44(Text45, { color: i === focusIdx ? "cyan" : void 0, children: [
+    /* @__PURE__ */ jsx54(Text45, { color: PALETTE.muted, children: " " }),
+    items.map((item, i) => /* @__PURE__ */ jsxs44(Text45, { color: i === focusIdx ? PALETTE.accent : void 0, children: [
       i === focusIdx ? "> " : "  ",
       item.label
     ] }, item.label)),
@@ -32976,6 +32973,7 @@ var init_PageContainer3 = __esm({
   "packages/experience-design-system-cli/src/tui/settings/PageContainer.tsx"() {
     "use strict";
     init_control_hints();
+    init_theme();
   }
 });
 
@@ -33172,7 +33170,7 @@ var FIELD_ORDER, FIELD_LABELS, FIELD_HINTS, LABEL_WIDTH;
 var init_ContentfulConfigScreen = __esm({
   "packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx"() {
     "use strict";
-    init_home_theme();
+    init_theme();
     init_config_store();
     init_debug_store();
     init_control_hints();
@@ -33263,7 +33261,7 @@ function OptInAnalyticsScreen({ onDone }) {
 var init_screen11 = __esm({
   "packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx"() {
     "use strict";
-    init_home_theme();
+    init_theme();
     init_analytics_store();
     init_debug_store();
     init_control_hints();
@@ -33343,6 +33341,7 @@ var UPGRADE_COMMANDS;
 var init_PageContainer4 = __esm({
   "packages/experience-design-system-cli/src/tui/upgrade/PageContainer.tsx"() {
     "use strict";
+    init_theme();
     init_home_theme();
     init_version();
     init_debug_store();
@@ -33407,7 +33406,7 @@ function DebugModeScreen({ onDone }) {
 var init_screen12 = __esm({
   "packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx"() {
     "use strict";
-    init_home_theme();
+    init_theme();
     init_debug_mode_store();
     init_debug_store();
     init_control_hints();