@contentful/experience-design-system-cli 2.42.1-dev-build-35573a04.0 → 2.42.1-dev-build-62049584.0

package/dist/index.js

@@ -20138,6 +20138,19 @@ var init_overview_box = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/shared/running-step/logic.ts
+function lineState(line) {
+  if (line.state) return line.state;
+  return line.complete ? "done" : "running";
+}
+function formatDuration(ms) {
+  return ms < 1e3 ? "<1s" : formatElapsed(Math.round(ms / 1e3));
+}
+function trackFinished(previous, rows, elapsedMs) {
+  return rows.map((row, index) => previous[index] ?? (lineState(row) === "running" ? void 0 : elapsedMs));
+}
+function withTimes(rows, rowMs) {
+  return rows.map((row, index) => rowMs[index] === void 0 ? row : { ...row, ms: rowMs[index] });
+}
 function progressPercent(progress) {
   if (progress.total <= 0) return 0;
   return Math.min(100, Math.max(0, Math.round(progress.done / progress.total * 100)));
@@ -20189,47 +20202,126 @@ var init_use_elapsed = __esm({
   }
 });
 
-// packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/activity.ts
+function panelLayout(columns) {
+  return columns >= BESIDE_MIN_COLUMNS ? "beside" : "below";
+}
+function visibleActivity(items, max) {
+  if (items.length <= max) return { shown: [...items], hidden: 0 };
+  const chosen = items.map((item, index) => ({ index, priority: PRIORITY[item.state] })).sort((a, b) => a.priority - b.priority || b.index - a.index).slice(0, Math.max(0, max)).map(({ index }) => index).sort((a, b) => a - b);
+  return { shown: chosen.map((index) => items[index]), hidden: items.length - chosen.length };
+}
+function truncate(text, max) {
+  return text.length <= max ? text : `${text.slice(0, Math.max(0, max - 1))}\u2026`;
+}
+var BESIDE_MIN_COLUMNS, PANEL_COLUMNS, PRIORITY;
+var init_activity = __esm({
+  "packages/experience-design-system-cli/src/tui/import/shared/running-step/activity.ts"() {
+    "use strict";
+    BESIDE_MIN_COLUMNS = 110;
+    PANEL_COLUMNS = 46;
+    PRIORITY = { failed: 0, running: 1, done: 2 };
+  }
+});
+
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/activity-panel.tsx
 import { Box as Box8, Text as Text8 } from "ink";
-import { ProgressBar, Spinner, ThemeProvider } from "@inkjs/ui";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Spinner } from "@inkjs/ui";
+import { Fragment, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function Row({ item, width }) {
+  const time = item.ms !== void 0 ? formatDuration(item.ms) : "";
+  const note = item.detail ? ` ${item.detail}` : "";
+  const name = truncate(`${item.name}${note}`, Math.max(8, width - 12));
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs8(Box8, { gap: 1, children: [
+      item.state === "running" ? /* @__PURE__ */ jsx8(Spinner, {}) : /* @__PURE__ */ jsx8(Text8, { color: COLOR[item.state], children: ICON[item.state] }),
+      /* @__PURE__ */ jsx8(Text8, { color: item.state === "failed" ? PALETTE.error : PALETTE.muted, children: name }),
+      time && /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: time })
+    ] }),
+    item.state === "failed" && item.error && /* @__PURE__ */ jsx8(Text8, { color: PALETTE.error, children: `  ${truncate(item.error, Math.max(12, width - 6))}` })
+  ] });
+}
+function ActivityPanel({ title, items }) {
+  const columns = useTerminalWidth();
+  const width = panelLayout(columns) === "beside" ? PANEL_COLUMNS : Math.max(30, columns - 4);
+  const { shown, hidden } = visibleActivity(items, MAX_ROWS);
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.muted, paddingX: 1, width, children: [
+    /* @__PURE__ */ jsx8(Text8, { bold: true, children: title }),
+    shown.map((item, index) => /* @__PURE__ */ jsx8(Row, { item, width }, `${index}-${item.name}`)),
+    hidden > 0 && /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: `+ ${hidden} more` })
+  ] });
+}
+function AsideLayout({
+  aside,
+  children
+}) {
+  const columns = useTerminalWidth();
+  if (!aside) return /* @__PURE__ */ jsx8(Fragment, { children });
+  const beside = panelLayout(columns) === "beside";
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: beside ? "row" : "column", alignItems: "flex-start", children: [
+    children,
+    /* @__PURE__ */ jsx8(Box8, { paddingX: beside ? 0 : 2, paddingBottom: 1, children: aside })
+  ] });
+}
+var MAX_ROWS, ICON, COLOR;
+var init_activity_panel = __esm({
+  "packages/experience-design-system-cli/src/tui/import/shared/running-step/activity-panel.tsx"() {
+    "use strict";
+    init_theme();
+    init_use_terminal_width();
+    init_logic4();
+    init_activity();
+    MAX_ROWS = 8;
+    ICON = { done: "\u2713", failed: "\u2717" };
+    COLOR = { done: PALETTE.success, failed: PALETTE.error };
+  }
+});
+
+// packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
+import { Box as Box9, Text as Text9 } from "ink";
+import { ProgressBar, Spinner as Spinner2, ThemeProvider } from "@inkjs/ui";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function Line({ line }) {
   if (line.progress) {
-    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsxs8(Box8, { gap: 2, children: [
-        /* @__PURE__ */ jsx8(Box8, { width: 40, children: /* @__PURE__ */ jsx8(ThemeProvider, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx8(ProgressBar, { value: progressPercent(line.progress) }) }) }),
-        /* @__PURE__ */ jsxs8(Text8, { color: PALETTE.muted, children: [
+    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, children: [
+      /* @__PURE__ */ jsxs9(Box9, { gap: 2, children: [
+        /* @__PURE__ */ jsx9(Box9, { width: 40, children: /* @__PURE__ */ jsx9(ThemeProvider, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx9(ProgressBar, { value: progressPercent(line.progress) }) }) }),
+        /* @__PURE__ */ jsxs9(Text9, { color: PALETTE.muted, children: [
           line.progress.done,
           "/",
           line.progress.total
         ] })
       ] }),
-      /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: line.text })
+      /* @__PURE__ */ jsx9(Text9, { color: textColor(lineState(line)), children: line.text })
     ] });
   }
-  return /* @__PURE__ */ jsxs8(Box8, { gap: 1, children: [
-    line.complete ? /* @__PURE__ */ jsx8(Text8, { color: PALETTE.success, children: "\u2713" }) : /* @__PURE__ */ jsx8(Spinner, {}),
-    /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: line.text })
+  const state2 = lineState(line);
+  return /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
+    state2 === "running" ? /* @__PURE__ */ jsx9(Spinner2, {}) : /* @__PURE__ */ jsx9(Text9, { color: STATE_COLOR[state2], children: STATE_ICON[state2] }),
+    /* @__PURE__ */ jsx9(Text9, { color: textColor(state2), children: line.text }),
+    line.ms !== void 0 && /* @__PURE__ */ jsx9(Text9, { color: PALETTE.muted, children: formatDuration(line.ms) })
   ] });
 }
 function RunningStep({
   step,
   description,
-  lines = [{ text: "Running..." }]
+  lines = [{ text: "Running..." }],
+  aside
 }) {
   const elapsed = useElapsed();
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(StepHeader, { step }),
-    /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsx8(Text8, { children: description }),
-      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, flexDirection: "column", gap: 1, children: lines.map((line, index) => /* @__PURE__ */ jsx8(Line, { line }, index)) }),
-      /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsxs8(Text8, { color: PALETTE.muted, children: [
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(StepHeader, { step }),
+    /* @__PURE__ */ jsx9(AsideLayout, { aside, children: /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsx9(Text9, { children: description }),
+      /* @__PURE__ */ jsx9(Box9, { marginTop: 1, flexDirection: "column", gap: 1, children: lines.map((line, index) => /* @__PURE__ */ jsx9(Line, { line }, index)) }),
+      /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs9(Text9, { color: PALETTE.muted, children: [
         "Elapsed: ",
         elapsed
       ] }) })
-    ] })
+    ] }) })
   ] });
 }
+var STATE_ICON, STATE_COLOR, textColor;
 var init_running_step = __esm({
   "packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx"() {
     "use strict";
@@ -20238,6 +20330,10 @@ var init_running_step = __esm({
     init_theme2();
     init_StepHeader();
     init_use_elapsed();
+    init_activity_panel();
+    STATE_ICON = { done: "\u2713", warning: "!", failed: "\u2717" };
+    STATE_COLOR = { done: PALETTE.success, warning: PALETTE.warning, failed: PALETTE.error };
+    textColor = (state2) => state2 === "warning" || state2 === "failed" ? STATE_COLOR[state2] : PALETTE.muted;
   }
 });
 
@@ -20254,8 +20350,8 @@ var init_shared2 = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/00-preflight/screen.tsx
 import { useEffect as useEffect4, useRef, useState as useState4 } from "react";
-import { Box as Box9, Text as Text9 } from "ink";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Box as Box10, Text as Text10 } from "ink";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function PreflightScreen({ onChoose, onQuit }) {
   const [focus, setFocus] = useState4(0);
   const viewed = useRef([optionAt(0)]).current;
@@ -20284,19 +20380,19 @@ function PreflightScreen({ onChoose, onQuit }) {
     onQuit();
   };
   usePreflightControls({ focus, onFocus: moveTo, onChoose: choose, onQuit: quit });
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx9(StepHeader, { step: "setup" }),
-    /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsx9(Text9, { bold: true, color: PALETTE.text, children: "What do you want to import?" }),
-      /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", children: IMPORT_TARGET_OPTIONS.map((option, index) => {
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx10(StepHeader, { step: "setup" }),
+    /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { bold: true, color: PALETTE.text, children: "What do you want to import?" }),
+      /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", children: IMPORT_TARGET_OPTIONS.map((option, index) => {
         const focused = index === focus;
-        return /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
-          /* @__PURE__ */ jsx9(Text9, { color: PALETTE.accent, children: focused ? "\u276F" : " " }),
-          /* @__PURE__ */ jsx9(Text9, { bold: focused, color: focused ? PALETTE.accent : void 0, children: option.label })
+        return /* @__PURE__ */ jsxs10(Box10, { gap: 1, children: [
+          /* @__PURE__ */ jsx10(Text10, { color: PALETTE.accent, children: focused ? "\u276F" : " " }),
+          /* @__PURE__ */ jsx10(Text10, { bold: focused, color: focused ? PALETTE.accent : void 0, children: option.label })
         ] }, option.target);
       }) }),
-      /* @__PURE__ */ jsx9(OverviewBox, { steps: overviewFor(optionAt(focus)) }),
-      /* @__PURE__ */ jsx9(ControlHints, { hints: PREFLIGHT_CONTROLS })
+      /* @__PURE__ */ jsx10(OverviewBox, { steps: overviewFor(optionAt(focus)) }),
+      /* @__PURE__ */ jsx10(ControlHints, { hints: PREFLIGHT_CONTROLS })
     ] })
   ] });
 }
@@ -20319,7 +20415,7 @@ var init_screen = __esm({
 import { useRef as useRef2 } from "react";
 import { useInput as useInput6 } from "ink";
 import TextInput from "ink-text-input";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function isClearKey(input, key) {
   return key.ctrl && input === "d";
 }
@@ -20333,7 +20429,7 @@ function ClearableTextInput({ onChange, ...props }) {
     }, 0);
     onChange("");
   });
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     TextInput,
     {
       ...props,
@@ -20385,8 +20481,8 @@ var init_controls4 = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx
 import { useEffect as useEffect5, useRef as useRef3, useState as useState5 } from "react";
-import { Box as Box10, Text as Text10 } from "ink";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box11, Text as Text11 } from "ink";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function WelcomeScreen({ mode, onContinue, onQuit, initialPath = "" }) {
   const [projectPath, setProjectPath] = useState5(initialPath);
   const visit = useRef3({ emptySubmits: 0 }).current;
@@ -20428,18 +20524,18 @@ function WelcomeScreen({ mode, onContinue, onQuit, initialPath = "" }) {
     });
     onContinue(path5);
   };
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx11(StepHeader, { step: "setup" }),
-    /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, children: [
-        /* @__PURE__ */ jsx11(Text10, { color: PALETTE.text, children: "Where is your component library?" }),
-        /* @__PURE__ */ jsxs10(Box10, { children: [
-          /* @__PURE__ */ jsx11(Text10, { color: PALETTE.accent, children: "? " }),
-          /* @__PURE__ */ jsx11(Text10, { children: "Project path: " }),
-          /* @__PURE__ */ jsx11(ClearableTextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx12(StepHeader, { step: "setup" }),
+    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", gap: 1, children: [
+        /* @__PURE__ */ jsx12(Text11, { color: PALETTE.text, children: "Where is your component library?" }),
+        /* @__PURE__ */ jsxs11(Box11, { children: [
+          /* @__PURE__ */ jsx12(Text11, { color: PALETTE.accent, children: "? " }),
+          /* @__PURE__ */ jsx12(Text11, { children: "Project path: " }),
+          /* @__PURE__ */ jsx12(ClearableTextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
         ] })
       ] }),
-      /* @__PURE__ */ jsx11(Box10, { children: /* @__PURE__ */ jsx11(ControlHints, { hints: WELCOME_CONTROLS }) })
+      /* @__PURE__ */ jsx12(Box11, { children: /* @__PURE__ */ jsx12(ControlHints, { hints: WELCOME_CONTROLS }) })
     ] })
   ] });
 }
@@ -20540,8 +20636,8 @@ var init_validate_path = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/02-token-input/screen.tsx
 import { useEffect as useEffect6, useRef as useRef4, useState as useState6 } from "react";
-import { Box as Box11, Text as Text11 } from "ink";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box12, Text as Text12 } from "ink";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function TokenInputScreen({
   mode,
   onConfirm,
@@ -20604,29 +20700,29 @@ function TokenInputScreen({
     });
     onConfirm(check.path);
   };
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx12(StepHeader, { step: "setup" }),
-    /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsx12(Text11, { bold: true, children: "Design tokens" }),
-      /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: "Point me to your raw token file (e.g. ~/design-tokens/tokens.json). You can use ~, relative, or absolute paths. Claude will map it to Design Token Group Format (DTCG)." }),
-      /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
-          /* @__PURE__ */ jsx12(Text11, { color: PALETTE.accent, children: "?" }),
-          /* @__PURE__ */ jsx12(Text11, { children: "Token path:" }),
-          /* @__PURE__ */ jsx12(ClearableTextInput, { value: tokenPath, onChange: change, onSubmit: submit })
+  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx13(StepHeader, { step: "setup" }),
+    /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsx13(Text12, { bold: true, children: "Design tokens" }),
+      /* @__PURE__ */ jsx13(Text12, { color: PALETTE.muted, children: "Point me to your raw token file (e.g. ~/design-tokens/tokens.json). You can use ~, relative, or absolute paths. Claude will map it to Design Token Group Format (DTCG)." }),
+      /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs12(Box12, { gap: 1, children: [
+          /* @__PURE__ */ jsx13(Text12, { color: PALETTE.accent, children: "?" }),
+          /* @__PURE__ */ jsx13(Text12, { children: "Token path:" }),
+          /* @__PURE__ */ jsx13(ClearableTextInput, { value: tokenPath, onChange: change, onSubmit: submit })
         ] }),
-        failure && /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsxs11(Text11, { color: PALETTE.error, children: [
+        failure && /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.error, children: [
             "\u2717 ",
             failure.error
           ] }),
-          failure.resolvedPath && /* @__PURE__ */ jsxs11(Text11, { color: PALETTE.muted, children: [
+          failure.resolvedPath && /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.muted, children: [
             " Resolved to: ",
             failure.resolvedPath
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx12(Box11, { marginTop: 1, children: /* @__PURE__ */ jsx12(ControlHints, { hints: TOKEN_INPUT_CONTROLS }) })
+      /* @__PURE__ */ jsx13(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx13(ControlHints, { hints: TOKEN_INPUT_CONTROLS }) })
     ] })
   ] });
 }
@@ -20794,10 +20890,10 @@ var init_scan_files = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/03-path-validation/screen.tsx
 import { useEffect as useEffect7, useMemo, useState as useState7 } from "react";
-import { Box as Box12, Text as Text12 } from "ink";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
-function Row({ row }) {
-  return /* @__PURE__ */ jsxs12(Text12, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : void 0, children: [
+import { Box as Box13, Text as Text13 } from "ink";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+function Row2({ row }) {
+  return /* @__PURE__ */ jsxs13(Text13, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : void 0, children: [
     "  \u2022 ",
     String(row.count).padStart(3),
     " ",
@@ -20806,12 +20902,12 @@ function Row({ row }) {
 }
 function Failure({ scan, path: path5 }) {
   const { headline, hints } = describeFailure(scan.failure, path5);
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.error, children: [
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.error, children: [
       "\u2717 ",
       headline
     ] }),
-    hints.map((hint) => /* @__PURE__ */ jsx13(Text12, { color: PALETTE.muted, children: hint }, hint))
+    hints.map((hint) => /* @__PURE__ */ jsx14(Text13, { color: PALETTE.muted, children: hint }, hint))
   ] });
 }
 function Summary({
@@ -20820,24 +20916,24 @@ function Summary({
   hasTokens
 }) {
   const { total, rows, warning } = summarize(scan.counts, { hasTokens });
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsxs12(Text12, { children: [
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsxs13(Text13, { children: [
       "Scanned ",
-      /* @__PURE__ */ jsx13(Text12, { bold: true, children: path5 })
+      /* @__PURE__ */ jsx14(Text13, { bold: true, children: path5 })
     ] }),
-    /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.success, children: [
+    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.success, children: [
         "\u2713 Found ",
         total,
         " files:"
       ] }),
-      rows.map((row) => /* @__PURE__ */ jsx13(Row, { row }, row.label))
+      rows.map((row) => /* @__PURE__ */ jsx14(Row2, { row }, row.label))
     ] }),
-    warning && /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.warning, children: [
+    warning && /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.warning, children: [
       "\u26A0 ",
       warning
     ] }),
-    /* @__PURE__ */ jsx13(Text12, { children: "Does this look right?" })
+    /* @__PURE__ */ jsx14(Text13, { children: "Does this look right?" })
   ] });
 }
 function PathValidationScreen({
@@ -20884,17 +20980,17 @@ function PathValidationScreen({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx13(StepHeader, { step: "setup" }),
-    /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      scan === void 0 && /* @__PURE__ */ jsxs12(Text12, { color: PALETTE.muted, children: [
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx14(StepHeader, { step: "setup" }),
+    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      scan === void 0 && /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.muted, children: [
         "Scanning ",
-        /* @__PURE__ */ jsx13(Text12, { bold: true, children: resolvedPath }),
+        /* @__PURE__ */ jsx14(Text13, { bold: true, children: resolvedPath }),
         "..."
       ] }),
-      scan?.ok === false && /* @__PURE__ */ jsx13(Failure, { scan, path: resolvedPath }),
-      scan?.ok === true && /* @__PURE__ */ jsx13(Summary, { scan, path: resolvedPath, hasTokens }),
-      /* @__PURE__ */ jsx13(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx13(ControlHints, { hints: controlsFor(phase) }) })
+      scan?.ok === false && /* @__PURE__ */ jsx14(Failure, { scan, path: resolvedPath }),
+      scan?.ok === true && /* @__PURE__ */ jsx14(Summary, { scan, path: resolvedPath, hasTokens }),
+      /* @__PURE__ */ jsx14(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx14(ControlHints, { hints: controlsFor(phase) }) })
     ] })
   ] });
 }
@@ -20914,8 +21010,8 @@ var init_screen4 = __esm({
 
 // packages/experience-design-system-cli/src/tui/shared/components/FieldForm.tsx
 import { useState as useState8 } from "react";
-import { Box as Box13, Text as Text13, useInput as useInput10 } from "ink";
-import { Fragment, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Box as Box14, Text as Text14, useInput as useInput10 } from "ink";
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function formLabelWidth(rows) {
   return Math.max(...rows.map((row) => row.label.length));
 }
@@ -20924,9 +21020,9 @@ function FormReadOnlyRow({
   labelWidth,
   children
 }) {
-  return /* @__PURE__ */ jsxs13(Box13, { gap: 1, children: [
-    /* @__PURE__ */ jsx14(Text13, { children: " " }),
-    /* @__PURE__ */ jsx14(Box13, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx14(Text13, { color: PALETTE.muted, children: label }) }),
+  return /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
+    /* @__PURE__ */ jsx15(Text14, { children: " " }),
+    /* @__PURE__ */ jsx15(Box14, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: label }) }),
     children
   ] });
 }
@@ -21013,23 +21109,23 @@ function FieldForm({
     setValueBeforeEdit(values[next.key]);
     setActive(active + 1);
   };
-  const pointer = (isActive) => /* @__PURE__ */ jsx14(Text13, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " });
-  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+  const pointer = (isActive) => /* @__PURE__ */ jsx15(Text14, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " });
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
     header,
-    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", paddingX: 2, paddingTop: header ? 0 : 1, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsx14(Text13, { bold: true, children: title }),
-      /* @__PURE__ */ jsx14(Text13, { children: " " }),
-      subtitle && /* @__PURE__ */ jsx14(Text13, { color: PALETTE.muted, children: subtitle }),
-      /* @__PURE__ */ jsx14(Text13, { children: " " }),
-      /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingX: 2, paddingTop: header ? 0 : 1, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsx15(Text14, { bold: true, children: title }),
+      /* @__PURE__ */ jsx15(Text14, { children: " " }),
+      subtitle && /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: subtitle }),
+      /* @__PURE__ */ jsx15(Text14, { children: " " }),
+      /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
         fields2.map((field, index) => {
           const isActive = index === active;
           const value = values[field.key];
           const display = field.masked ? "\u2022".repeat(value.length) : value;
-          return /* @__PURE__ */ jsxs13(Box13, { gap: 1, children: [
+          return /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
             pointer(isActive),
-            /* @__PURE__ */ jsx14(Box13, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx14(Text13, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
-            isActive && editing ? /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15(Box14, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text14, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
+            isActive && editing ? /* @__PURE__ */ jsx15(
               ClearableTextInput,
               {
                 value,
@@ -21037,34 +21133,34 @@ function FieldForm({
                 onSubmit: submitField,
                 mask: field.masked ? "\u2022" : void 0
               }
-            ) : display ? /* @__PURE__ */ jsx14(Text13, { bold: true, children: display }) : (
+            ) : display ? /* @__PURE__ */ jsx15(Text14, { bold: true, children: display }) : (
               // An empty value shows its hint (or "(empty)") in the value's place, not after an empty element, so the
               // text starts in the same column as every other row's.
-              /* @__PURE__ */ jsx14(Text13, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
+              /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
             ),
-            display && field.hint && /* @__PURE__ */ jsx14(Text13, { color: PALETTE.muted, children: field.hint })
+            display && field.hint && /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: field.hint })
           ] }, field.key);
         }),
         actions.map((action, index) => {
           const isActive = fields2.length + index === active;
-          return /* @__PURE__ */ jsxs13(Box13, { gap: 1, children: [
+          return /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
             pointer(isActive),
-            /* @__PURE__ */ jsx14(Box13, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx14(Text13, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: action.label }) }),
-            /* @__PURE__ */ jsx14(Text13, { color: action.running ? PALETTE.accent : PALETTE.muted, children: action.running ? action.runningText ?? "running..." : action.description })
+            /* @__PURE__ */ jsx15(Box14, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text14, { bold: isActive, color: isActive ? PALETTE.accent : PALETTE.muted, children: action.label }) }),
+            /* @__PURE__ */ jsx15(Text14, { color: action.running ? PALETTE.accent : PALETTE.muted, children: action.running ? action.runningText ?? "running..." : action.description })
           ] }, action.label);
         })
       ] }),
-      notice && /* @__PURE__ */ jsxs13(Fragment, { children: [
-        /* @__PURE__ */ jsx14(Text13, { children: " " }),
-        /* @__PURE__ */ jsxs13(Text13, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+      notice && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+        /* @__PURE__ */ jsx15(Text14, { children: " " }),
+        /* @__PURE__ */ jsxs14(Text14, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
           notice.kind === "success" ? "\u2713" : "\u2717",
           " ",
           notice.text
         ] })
       ] }),
       children,
-      /* @__PURE__ */ jsx14(Text13, { children: " " }),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(Text14, { children: " " }),
+      /* @__PURE__ */ jsx15(
         ControlHints,
         {
           hints: editing ? [
@@ -21236,8 +21332,8 @@ var init_validate4 = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
 import { useEffect as useEffect8, useRef as useRef5, useState as useState9 } from "react";
-import { Box as Box14, Text as Text14, useInput as useInput11 } from "ink";
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Box as Box15, Text as Text15, useInput as useInput11 } from "ink";
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 function CredentialsScreen({
   mode,
   onDone,
@@ -21355,24 +21451,24 @@ function CredentialsScreen({
   });
   const labelWidth = formLabelWidth([...FIELDS2, ...MENU]);
   const changed = !isUnchanged(normalize(values), initialValues);
-  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx15(StepHeader, { step: "setup" }),
-    /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsx15(Text14, { bold: true, color: PALETTE.accent, children: "Contentful Credentials" }),
-      /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into." }),
-      /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Actions" }),
+  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx16(StepHeader, { step: "setup" }),
+    /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsx16(Text15, { bold: true, color: PALETTE.accent, children: "Contentful Credentials" }),
+      /* @__PURE__ */ jsx16(Text15, { children: " " }),
+      /* @__PURE__ */ jsx16(Text15, { color: PALETTE.muted, children: prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into." }),
+      /* @__PURE__ */ jsx16(Text15, { children: " " }),
+      /* @__PURE__ */ jsx16(Text15, { color: PALETTE.muted, children: "Actions" }),
       MENU.map((item, index) => {
         const focused = !editing && index === focus;
-        return /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
-          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.accent, children: focused ? "\u276F" : " " }),
-          /* @__PURE__ */ jsx15(Box14, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text14, { bold: focused, color: focused ? PALETTE.accent : editing ? PALETTE.muted : PALETTE.text, children: item.label }) }),
-          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: item.description })
+        return /* @__PURE__ */ jsxs15(Box15, { gap: 1, children: [
+          /* @__PURE__ */ jsx16(Text15, { color: PALETTE.accent, children: focused ? "\u276F" : " " }),
+          /* @__PURE__ */ jsx16(Box15, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx16(Text15, { bold: focused, color: focused ? PALETTE.accent : editing ? PALETTE.muted : PALETTE.text, children: item.label }) }),
+          /* @__PURE__ */ jsx16(Text15, { color: PALETTE.muted, children: item.description })
         ] }, item.choice);
       }),
-      /* @__PURE__ */ jsxs14(
-        Box14,
+      /* @__PURE__ */ jsxs15(
+        Box15,
         {
           flexDirection: "column",
           marginTop: 1,
@@ -21382,15 +21478,15 @@ function CredentialsScreen({
           borderLeft: false,
           borderRight: false,
           children: [
-            /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Space" }),
+            /* @__PURE__ */ jsx16(Text15, { color: PALETTE.muted, children: "Space" }),
             FIELDS2.map((field, index) => {
               const open = editing && index === active;
               const value = values[field.key];
               const display = field.masked ? "\u2022".repeat(value.length) : value;
-              return /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
-                /* @__PURE__ */ jsx15(Text14, { color: PALETTE.accent, children: open ? "\u276F" : " " }),
-                /* @__PURE__ */ jsx15(Box14, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text14, { bold: open, color: open ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
-                open ? /* @__PURE__ */ jsx15(
+              return /* @__PURE__ */ jsxs15(Box15, { gap: 1, children: [
+                /* @__PURE__ */ jsx16(Text15, { color: PALETTE.accent, children: open ? "\u276F" : " " }),
+                /* @__PURE__ */ jsx16(Box15, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx16(Text15, { bold: open, color: open ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
+                open ? /* @__PURE__ */ jsx16(
                   ClearableTextInput,
                   {
                     value,
@@ -21401,35 +21497,35 @@ function CredentialsScreen({
                     onSubmit: stopEditing,
                     mask: field.masked ? "\u2022" : void 0
                   }
-                ) : /* @__PURE__ */ jsx15(Text14, { color: display ? PALETTE.text : PALETTE.muted, children: display || (field.hint ?? "(empty)") })
+                ) : /* @__PURE__ */ jsx16(Text15, { color: display ? PALETTE.text : PALETTE.muted, children: display || (field.hint ?? "(empty)") })
               ] }, field.key);
             })
           ]
         }
       ),
-      notice && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-        /* @__PURE__ */ jsx15(Text14, { children: " " }),
-        /* @__PURE__ */ jsxs14(Text14, { color: PALETTE.error, children: [
+      notice && /* @__PURE__ */ jsxs15(Fragment3, { children: [
+        /* @__PURE__ */ jsx16(Text15, { children: " " }),
+        /* @__PURE__ */ jsxs15(Text15, { color: PALETTE.error, children: [
           "\u2717 ",
           notice.text
         ] })
       ] }),
-      validating && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-        /* @__PURE__ */ jsx15(Text14, { children: " " }),
-        /* @__PURE__ */ jsx15(Text14, { color: PALETTE.accent, children: "Validating credentials..." })
+      validating && /* @__PURE__ */ jsxs15(Fragment3, { children: [
+        /* @__PURE__ */ jsx16(Text15, { children: " " }),
+        /* @__PURE__ */ jsx16(Text15, { color: PALETTE.accent, children: "Validating credentials..." })
       ] }),
-      !prefilled && !validating && !notice && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-        /* @__PURE__ */ jsx15(Text14, { children: " " }),
-        /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: credentialsPurpose(tokensOnly) }),
-        /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Tip: save these under Settings \u2192 Configuration so they pre-fill here." })
+      !prefilled && !validating && !notice && /* @__PURE__ */ jsxs15(Fragment3, { children: [
+        /* @__PURE__ */ jsx16(Text15, { children: " " }),
+        /* @__PURE__ */ jsx16(Text15, { color: PALETTE.muted, children: credentialsPurpose(tokensOnly) }),
+        /* @__PURE__ */ jsx16(Text15, { color: PALETTE.muted, children: "Tip: save these under Settings \u2192 Configuration so they pre-fill here." })
       ] }),
-      changed && !validating && !notice && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-        /* @__PURE__ */ jsx15(Text14, { children: " " }),
-        /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
+      changed && !validating && !notice && /* @__PURE__ */ jsxs15(Fragment3, { children: [
+        /* @__PURE__ */ jsx16(Text15, { children: " " }),
+        /* @__PURE__ */ jsx16(Text15, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
       ] }),
-      editing && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-        /* @__PURE__ */ jsx15(Text14, { children: " " }),
-        /* @__PURE__ */ jsx15(
+      editing && /* @__PURE__ */ jsxs15(Fragment3, { children: [
+        /* @__PURE__ */ jsx16(Text15, { children: " " }),
+        /* @__PURE__ */ jsx16(
           ControlHints,
           {
             hints: [
@@ -21535,7 +21631,7 @@ function plural(count, noun) {
 function compositionDone(progress) {
   return progress.composition === "done" || progress.composition === "cache-hit";
 }
-function progressRows(progress, agent) {
+function progressRows(progress, agent, rowMs = []) {
   const { scan, composition, selection, existingEntities, tokens } = progress;
   const scanned = scan?.scanned ?? 0;
   const scanComplete = (scan?.total ?? 0) > 0;
@@ -21556,16 +21652,20 @@ function progressRows(progress, agent) {
   if (existingEntities !== "idle") {
     rows.push({
       text: existingEntities === "running" ? "Fetching existing components and tokens..." : existingEntities === "complete" ? "Existing components and tokens ready" : "Existing entities unavailable; continuing without them",
-      complete: existingEntities !== "running"
+      complete: existingEntities !== "running",
+      // The import carries on without them, so this is not shown as a success.
+      ...existingEntities === "failed" ? { state: "warning" } : {}
     });
   }
   if (tokens !== "idle") {
     rows.push({
       text: tokens === "complete" ? "Token definitions ready" : tokens === "failed" ? "Token definition generation failed" : `Generating token definitions via ${agent}...`,
-      complete: tokens === "complete"
+      complete: tokens === "complete",
+      // A failed job is not still running.
+      ...tokens === "failed" ? { state: "failed" } : {}
     });
   }
-  return rows;
+  return withTimes(rows, rowMs);
 }
 function noComponentsMessage(projectPath) {
   return `No components found in ${projectPath}.
@@ -21596,18 +21696,19 @@ var init_logic9 = __esm({
     "use strict";
     init_src3();
     init_debug_trail();
+    init_logic4();
   }
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/screen.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-function ExtractionScreen({ progress, agent }) {
-  return /* @__PURE__ */ jsx16(
+import { jsx as jsx17 } from "react/jsx-runtime";
+function ExtractionScreen({ progress, agent, rowMs }) {
+  return /* @__PURE__ */ jsx17(
     RunningStep,
     {
       step: "extraction",
       description: "Extracting context from your source files.",
-      lines: progressRows(progress, agent)
+      lines: progressRows(progress, agent, rowMs)
     }
   );
 }
@@ -21684,8 +21785,8 @@ var init_load = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/05-token-review/screen.tsx
 import { useEffect as useEffect9, useMemo as useMemo2, useState as useState10 } from "react";
-import { Box as Box15, Text as Text15, useInput as useInput12 } from "ink";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Box as Box16, Text as Text16, useInput as useInput12 } from "ink";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function TokenReviewScreen({ tokensPath, onContinue, onQuit }) {
   const loaded = useMemo2(() => loadTokenRows(tokensPath), [tokensPath]);
   const rows = loaded.ok ? loaded.rows : [];
@@ -21728,22 +21829,22 @@ function TokenReviewScreen({ tokensPath, onContinue, onQuit }) {
   const typeWidth = Math.max(4, ...rows.map((row) => row.type.length)) + COLUMN_GAP;
   const valueWidth = Math.max(10, innerWidth - pathWidth - typeWidth - 2);
   const clip = (text, width) => text.length > width ? `${text.slice(0, Math.max(0, width - 1))}\u2026` : text.padEnd(width);
-  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx17(StepHeader, { step: "review" }),
-    /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsx17(Text15, { bold: true, children: "Review design tokens" }),
-      /* @__PURE__ */ jsx17(Box15, { marginTop: 1, children: loaded.ok ? /* @__PURE__ */ jsxs15(Text15, { color: PALETTE.muted, children: [
+  return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx18(StepHeader, { step: "review" }),
+    /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsx18(Text16, { bold: true, children: "Review design tokens" }),
+      /* @__PURE__ */ jsx18(Box16, { marginTop: 1, children: loaded.ok ? /* @__PURE__ */ jsxs16(Text16, { color: PALETTE.muted, children: [
         rows.length,
         " ",
         rows.length === 1 ? "token" : "tokens",
         " generated from ",
         tokensPath
-      ] }) : /* @__PURE__ */ jsxs15(Text15, { color: PALETTE.error, children: [
+      ] }) : /* @__PURE__ */ jsxs16(Text16, { color: PALETTE.error, children: [
         "Could not read the generated tokens: ",
         loaded.message
       ] }) }),
-      /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsxs15(Text15, { bold: true, color: PALETTE.muted, wrap: "truncate-end", children: [
+      /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsxs16(Text16, { bold: true, color: PALETTE.muted, wrap: "truncate-end", children: [
           "  ",
           clip("Token name", pathWidth),
           " ",
@@ -21753,7 +21854,7 @@ function TokenReviewScreen({ tokensPath, onContinue, onQuit }) {
         ] }),
         rows.slice(start, end).map((row, offset) => {
           const active = start + offset === selected;
-          return /* @__PURE__ */ jsxs15(Text15, { color: active ? PALETTE.accent : void 0, bold: active, wrap: "truncate-end", children: [
+          return /* @__PURE__ */ jsxs16(Text16, { color: active ? PALETTE.accent : void 0, bold: active, wrap: "truncate-end", children: [
             active ? "\u203A " : "  ",
             clip(row.path, pathWidth),
             " ",
@@ -21763,14 +21864,14 @@ function TokenReviewScreen({ tokensPath, onContinue, onQuit }) {
           ] }, row.path);
         })
       ] }),
-      rows.length > VISIBLE_ROWS && /* @__PURE__ */ jsx17(Box15, { marginTop: 1, children: /* @__PURE__ */ jsxs15(Text15, { color: PALETTE.muted, children: [
+      rows.length > VISIBLE_ROWS && /* @__PURE__ */ jsx18(Box16, { marginTop: 1, children: /* @__PURE__ */ jsxs16(Text16, { color: PALETTE.muted, children: [
         start + 1,
         "-",
         end,
         " of ",
         rows.length
       ] }) }),
-      /* @__PURE__ */ jsx17(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx17(ControlHints, { hints: TOKEN_REVIEW_CONTROLS }) })
+      /* @__PURE__ */ jsx18(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx18(ControlHints, { hints: TOKEN_REVIEW_CONTROLS }) })
     ] })
   ] });
 }
@@ -22092,9 +22193,12 @@ function useExtraction(input) {
       progress: initialProgress({
         hasCredentials: input.credentials !== null,
         hasRawTokens: input.rawTokensPath !== ""
-      })
+      }),
+      rowMs: []
     });
-    let lastProgress;
+    let lastProgress2;
+    const startedAt = Date.now();
+    let rowMs = [];
     startDebugRun({
       flow: "import/extraction",
       step: "06-extraction",
@@ -22102,12 +22206,13 @@ function useExtraction(input) {
       inputs: extractionLogInputs(input)
     });
     void runExtraction(input, (progress) => {
-      lastProgress = progress;
-      if (current.current === input) setState({ status: "running", progress });
+      lastProgress2 = progress;
+      rowMs = trackFinished(rowMs, progressRows(progress, input.agent), Date.now() - startedAt);
+      if (current.current === input) setState({ status: "running", progress, rowMs });
     }).then((result) => {
       if (current.current !== input) return;
       void finishDebugRun({
-        ...extractionLogOutputs(result, lastProgress, input.credentials?.cmaToken ?? ""),
+        ...extractionLogOutputs(result, lastProgress2, input.credentials?.cmaToken ?? ""),
         exitMethod: result.ok ? "saved" : "discarded"
       });
       setState({ status: "done", result });
@@ -22122,6 +22227,7 @@ var init_use_extraction = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-extraction.ts"() {
     "use strict";
     init_debug_store();
+    init_logic4();
     init_logic9();
     init_run();
   }
@@ -22227,8 +22333,8 @@ var init_log = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/windowed-panel.tsx
-import { Box as Box16, Text as Text16 } from "ink";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Box as Box17, Text as Text17 } from "ink";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function terminalPanelHeight(rows, reservedRows = 4) {
   return Math.max(MIN_TERMINAL_PANEL_HEIGHT, rows - reservedRows);
 }
@@ -22243,8 +22349,8 @@ function FixedPanel({
   clipOverflow = true,
   children
 }) {
-  return /* @__PURE__ */ jsx18(
-    Box16,
+  return /* @__PURE__ */ jsx19(
+    Box17,
     {
       flexDirection: "column",
       width,
@@ -22260,7 +22366,7 @@ function FixedPanel({
   );
 }
 function WindowedPanel({ width, height, title, focused, children }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     FixedPanel,
     {
       width,
@@ -22269,7 +22375,7 @@ function WindowedPanel({ width, height, title, focused, children }) {
       ...height === void 0 ? {} : { height },
       focused,
       children: [
-        title && /* @__PURE__ */ jsx18(WindowedPanelHeader, { title, width, focused }),
+        title && /* @__PURE__ */ jsx19(WindowedPanelHeader, { title, width, focused }),
         children
       ]
     }
@@ -22280,9 +22386,9 @@ function WindowedPanelHeader({
   width,
   focused
 }) {
-  return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx18(Text16, { bold: true, color: PALETTE.accent, inverse: focused, children: title }),
-    /* @__PURE__ */ jsx18(Text16, { color: PALETTE.muted, children: "\u2500".repeat(Math.max(0, width - 2)) })
+  return /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx19(Text17, { bold: true, color: PALETTE.accent, inverse: focused, children: title }),
+    /* @__PURE__ */ jsx19(Text17, { color: PALETTE.muted, children: "\u2500".repeat(Math.max(0, width - 2)) })
   ] });
 }
 function formatWindowIndicator(direction, count) {
@@ -22291,10 +22397,10 @@ function formatWindowIndicator(direction, count) {
 }
 function WindowFooter({ above, below }) {
   const parts = [above > 0 ? `\u2191 ${above}` : "", below > 0 ? `\u2193 ${below}` : ""].filter(Boolean);
-  return /* @__PURE__ */ jsx18(Text16, { color: PALETTE.muted, children: parts.length === 0 ? " " : `${parts.join(" \xB7 ")} more` });
+  return /* @__PURE__ */ jsx19(Text17, { color: PALETTE.muted, children: parts.length === 0 ? " " : `${parts.join(" \xB7 ")} more` });
 }
 function WindowIndicator({ direction, count }) {
-  return /* @__PURE__ */ jsx18(Text16, { color: PALETTE.muted, children: formatWindowIndicator(direction, count) });
+  return /* @__PURE__ */ jsx19(Text17, { color: PALETTE.muted, children: formatWindowIndicator(direction, count) });
 }
 var MIN_TERMINAL_PANEL_HEIGHT;
 var init_windowed_panel = __esm({
@@ -22306,26 +22412,26 @@ var init_windowed_panel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/tokens-column.tsx
-import { Box as Box17, Text as Text17 } from "ink";
+import { Box as Box18, Text as Text18 } from "ink";
 import figures2 from "figures";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function TokensColumn(props) {
   const { title, width, height, tokens, cursor, focused, visibleCount } = props;
   const nameWidth = Math.min(longestEntries(tokens).path + 2, Math.floor((width - 8) / 2));
   const window = computeColumnWindow(tokens.length, cursor, Math.max(1, visibleCount));
-  return /* @__PURE__ */ jsxs17(WindowedPanel, { width, height, title, focused, children: [
-    /* @__PURE__ */ jsx19(WindowIndicator, { direction: "up", count: window.above }),
+  return /* @__PURE__ */ jsxs18(WindowedPanel, { width, height, title, focused, children: [
+    /* @__PURE__ */ jsx20(WindowIndicator, { direction: "up", count: window.above }),
     tokens.slice(window.start, window.end).map((token, offset) => {
       const isCursor = focused && window.start + offset === cursor;
-      return /* @__PURE__ */ jsxs17(Box17, { children: [
-        /* @__PURE__ */ jsx19(Text17, { color: PALETTE.accent, bold: true, children: isCursor ? figures2.pointer : " " }),
-        /* @__PURE__ */ jsxs17(Text17, { wrap: "truncate-end", color: isCursor ? PALETTE.accent : void 0, bold: isCursor, children: [
+      return /* @__PURE__ */ jsxs18(Box18, { children: [
+        /* @__PURE__ */ jsx20(Text18, { color: PALETTE.accent, bold: true, children: isCursor ? figures2.pointer : " " }),
+        /* @__PURE__ */ jsxs18(Text18, { wrap: "truncate-end", color: isCursor ? PALETTE.accent : void 0, bold: isCursor, children: [
           ` ${token.path.padEnd(nameWidth)}`,
-          /* @__PURE__ */ jsx19(Text17, { color: PALETTE.muted, children: token.value })
+          /* @__PURE__ */ jsx20(Text18, { color: PALETTE.muted, children: token.value })
         ] })
       ] }, token.path);
     }),
-    /* @__PURE__ */ jsx19(WindowIndicator, { direction: "down", count: window.below })
+    /* @__PURE__ */ jsx20(WindowIndicator, { direction: "down", count: window.below })
   ] });
 }
 var init_tokens_column = __esm({
@@ -22338,9 +22444,9 @@ var init_tokens_column = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/cycles-panel.tsx
-import { Box as Box18, Text as Text18 } from "ink";
+import { Box as Box19, Text as Text19 } from "ink";
 import figures3 from "figures";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function cycleLabel(cycle, index) {
   const parts = [];
   for (let i = 0; i < cycle.edges.length; i++) {
@@ -22351,17 +22457,17 @@ function cycleLabel(cycle, index) {
   return `Cycle ${index + 1}: ${parts.join(" \u2192 ")}`;
 }
 function CyclesPanel({ cycles, cursor }) {
-  return /* @__PURE__ */ jsxs18(Box18, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx20(Text18, { bold: true, color: PALETTE.warning, children: `Cycles detected (${cycles.length}):` }),
-    /* @__PURE__ */ jsx20(Text18, { children: " " }),
+  return /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx21(Text19, { bold: true, color: PALETTE.warning, children: `Cycles detected (${cycles.length}):` }),
+    /* @__PURE__ */ jsx21(Text19, { children: " " }),
     cycles.map((cycle, i) => {
       const isCursor = i === cursor;
-      return /* @__PURE__ */ jsxs18(Text18, { children: [
-        isCursor ? /* @__PURE__ */ jsx20(Text18, { color: PALETTE.accent, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx20(Text18, { children: " " }),
-        /* @__PURE__ */ jsx20(Text18, { color: PALETTE.warning, inverse: isCursor, children: " " + cycleLabel(cycle, i) })
+      return /* @__PURE__ */ jsxs19(Text19, { children: [
+        isCursor ? /* @__PURE__ */ jsx21(Text19, { color: PALETTE.accent, bold: true, children: figures3.pointer }) : /* @__PURE__ */ jsx21(Text19, { children: " " }),
+        /* @__PURE__ */ jsx21(Text19, { color: PALETTE.warning, inverse: isCursor, children: " " + cycleLabel(cycle, i) })
       ] }, i);
     }),
-    /* @__PURE__ */ jsx20(Text18, { children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
+    /* @__PURE__ */ jsx21(Text19, { children: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [c/Esc] close" })
   ] });
 }
 var init_cycles_panel = __esm({
@@ -22372,14 +22478,14 @@ var init_cycles_panel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/reject-prompt.tsx
-import { Box as Box19, Text as Text19 } from "ink";
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Box as Box20, Text as Text20 } from "ink";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 function RejectPrompt({ pending }) {
-  return /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx21(Text19, { bold: true, color: PALETTE.warning, children: `Rejecting ${pending.target} will:` }),
-    pending.ancestors.length > 0 && /* @__PURE__ */ jsx21(Text19, { children: `- Reject ancestors: ${pending.ancestors.join(", ")}` }),
-    pending.descendants.length > 0 && /* @__PURE__ */ jsx21(Text19, { children: `- Deselect descendants: ${pending.descendants.join(", ")}` }),
-    /* @__PURE__ */ jsx21(Text19, { children: "[y] confirm \xB7 [n]/[Esc] cancel" })
+  return /* @__PURE__ */ jsxs20(Box20, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx22(Text20, { bold: true, color: PALETTE.warning, children: `Rejecting ${pending.target} will:` }),
+    pending.ancestors.length > 0 && /* @__PURE__ */ jsx22(Text20, { children: `- Reject ancestors: ${pending.ancestors.join(", ")}` }),
+    pending.descendants.length > 0 && /* @__PURE__ */ jsx22(Text20, { children: `- Deselect descendants: ${pending.descendants.join(", ")}` }),
+    /* @__PURE__ */ jsx22(Text20, { children: "[y] confirm \xB7 [n]/[Esc] cancel" })
   ] });
 }
 var init_reject_prompt = __esm({
@@ -22390,9 +22496,9 @@ var init_reject_prompt = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/CompactControlBar.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function CompactControlBar({ hasGroupRoots, searchActive }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ControlHints,
     {
       hints: [
@@ -22415,8 +22521,8 @@ var init_CompactControlBar = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/CounterStrip.tsx
-import { Box as Box20, Text as Text20 } from "ink";
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Box as Box21, Text as Text21 } from "ink";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function CounterStrip(props) {
   const { counters, totalWidth } = props;
   const condensed = totalWidth < 60;
@@ -22425,31 +22531,31 @@ function CounterStrip(props) {
   const labelRej = condensed ? "Rej" : "Rejected";
   const labelUnd = condensed ? "Und" : "Undecided";
   const sep = condensed ? " | " : "    ";
-  return /* @__PURE__ */ jsx23(Box20, { children: /* @__PURE__ */ jsxs20(Text20, { children: [
-    /* @__PURE__ */ jsxs20(Text20, { color: PALETTE.muted, children: [
+  return /* @__PURE__ */ jsx24(Box21, { children: /* @__PURE__ */ jsxs21(Text21, { children: [
+    /* @__PURE__ */ jsxs21(Text21, { color: PALETTE.muted, children: [
       labelGrp,
       " "
     ] }),
-    /* @__PURE__ */ jsx23(Text20, { bold: true, children: counters.groups }),
-    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep }),
-    /* @__PURE__ */ jsxs20(Text20, { color: PALETTE.muted, children: [
+    /* @__PURE__ */ jsx24(Text21, { bold: true, children: counters.groups }),
+    /* @__PURE__ */ jsx24(Text21, { color: PALETTE.muted, children: sep }),
+    /* @__PURE__ */ jsxs21(Text21, { color: PALETTE.muted, children: [
       labelAcc,
       " "
     ] }),
-    /* @__PURE__ */ jsx23(Text20, { bold: true, children: `${counters.accepted}/${counters.total}` }),
-    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep }),
-    /* @__PURE__ */ jsxs20(Text20, { color: PALETTE.muted, children: [
+    /* @__PURE__ */ jsx24(Text21, { bold: true, children: `${counters.accepted}/${counters.total}` }),
+    /* @__PURE__ */ jsx24(Text21, { color: PALETTE.muted, children: sep }),
+    /* @__PURE__ */ jsxs21(Text21, { color: PALETTE.muted, children: [
       labelRej,
       " "
     ] }),
-    /* @__PURE__ */ jsx23(Text20, { bold: true, children: counters.rejected }),
-    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep }),
-    /* @__PURE__ */ jsxs20(Text20, { color: PALETTE.muted, children: [
+    /* @__PURE__ */ jsx24(Text21, { bold: true, children: counters.rejected }),
+    /* @__PURE__ */ jsx24(Text21, { color: PALETTE.muted, children: sep }),
+    /* @__PURE__ */ jsxs21(Text21, { color: PALETTE.muted, children: [
       labelUnd,
       " "
     ] }),
-    /* @__PURE__ */ jsx23(Text20, { bold: true, children: counters.undecided }),
-    /* @__PURE__ */ jsx23(Text20, { color: PALETTE.muted, children: sep })
+    /* @__PURE__ */ jsx24(Text21, { bold: true, children: counters.undecided }),
+    /* @__PURE__ */ jsx24(Text21, { color: PALETTE.muted, children: sep })
   ] }) });
 }
 var init_CounterStrip = __esm({
@@ -22461,8 +22567,8 @@ var init_CounterStrip = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GotoBanner.tsx
 import figures4 from "figures";
-import { Box as Box21, Text as Text21 } from "ink";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Box as Box22, Text as Text22 } from "ink";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function windowStart(rowCount, highlightIndex, maxRows) {
   if (rowCount <= maxRows) return 0;
   const maxStart = rowCount - maxRows;
@@ -22472,9 +22578,9 @@ function windowStart(rowCount, highlightIndex, maxRows) {
   return start;
 }
 function defaultRenderRow(row, index, isCursor) {
-  return /* @__PURE__ */ jsxs21(Text21, { children: [
-    isCursor ? /* @__PURE__ */ jsx24(Text21, { color: PALETTE.accent, bold: true, children: figures4.pointer }) : /* @__PURE__ */ jsx24(Text21, { children: " " }),
-    /* @__PURE__ */ jsx24(Text21, { inverse: isCursor, children: " " + row.label })
+  return /* @__PURE__ */ jsxs22(Text22, { children: [
+    isCursor ? /* @__PURE__ */ jsx25(Text22, { color: PALETTE.accent, bold: true, children: figures4.pointer }) : /* @__PURE__ */ jsx25(Text22, { children: " " }),
+    /* @__PURE__ */ jsx25(Text22, { inverse: isCursor, children: " " + row.label })
   ] }, index);
 }
 function GotoBanner({
@@ -22493,8 +22599,8 @@ function GotoBanner({
   const visible = rows.slice(start, end);
   const moreAbove = start;
   const moreBelow = rows.length - end;
-  return /* @__PURE__ */ jsxs21(
-    Box21,
+  return /* @__PURE__ */ jsxs22(
+    Box22,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -22505,14 +22611,14 @@ function GotoBanner({
       width,
       flexShrink: 0,
       children: [
-        /* @__PURE__ */ jsx24(Text21, { bold: true, children: title }),
-        moreAbove > 0 && /* @__PURE__ */ jsx24(Text21, { color: PALETTE.muted, children: `  \u25B2 ${moreAbove} more` }),
+        /* @__PURE__ */ jsx25(Text22, { bold: true, children: title }),
+        moreAbove > 0 && /* @__PURE__ */ jsx25(Text22, { color: PALETTE.muted, children: `  \u25B2 ${moreAbove} more` }),
         visible.map((row, vi) => {
           const i = start + vi;
           return renderRow(row, i, i === highlightIndex);
         }),
-        moreBelow > 0 && /* @__PURE__ */ jsx24(Text21, { color: PALETTE.muted, children: `  \u25BC ${moreBelow} more` }),
-        footerHint !== void 0 && /* @__PURE__ */ jsx24(Box21, { marginTop: 1, children: /* @__PURE__ */ jsx24(Text21, { color: PALETTE.muted, children: footerHint }) })
+        moreBelow > 0 && /* @__PURE__ */ jsx25(Text22, { color: PALETTE.muted, children: `  \u25BC ${moreBelow} more` }),
+        footerHint !== void 0 && /* @__PURE__ */ jsx25(Box22, { marginTop: 1, children: /* @__PURE__ */ jsx25(Text22, { color: PALETTE.muted, children: footerHint }) })
       ]
     }
   );
@@ -22875,8 +22981,8 @@ var init_composite_closure = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/badge.tsx
-import { Text as Text22 } from "ink";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { Text as Text23 } from "ink";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function previewBadge(annotation) {
   switch (annotation) {
     case "new":
@@ -22895,7 +23001,7 @@ function PreviewBadge({
   badge,
   highlighted = false
 }) {
-  return badge ? /* @__PURE__ */ jsx25(Text22, { color: !highlighted && badge.dim ? PALETTE.muted : badge.color, bold: badge.bold, children: badge.char }) : /* @__PURE__ */ jsx25(Text22, { children: " " });
+  return badge ? /* @__PURE__ */ jsx26(Text23, { color: !highlighted && badge.dim ? PALETTE.muted : badge.color, bold: badge.bold, children: badge.char }) : /* @__PURE__ */ jsx26(Text23, { children: " " });
 }
 var init_badge = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/badge.tsx"() {
@@ -22906,8 +23012,8 @@ var init_badge = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GroupedSidebar.tsx
 import figures5 from "figures";
-import { Box as Box22, Text as Text23 } from "ink";
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Box as Box23, Text as Text24 } from "ink";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function hasDirectChild(node) {
   return node.slots.some((slot) => (slot.allowedComponents ?? []).some((target) => target !== node.name));
 }
@@ -23326,8 +23432,8 @@ function GroupedSidebar(props) {
   const start = windowed ? Math.max(0, scrollOffset ?? 0) : 0;
   const end = windowed ? start + (visibleCount ?? allRows.length) + 1 : allRows.length;
   const rows = windowed ? allRows.slice(start, end) : allRows;
-  return /* @__PURE__ */ jsxs22(WindowedPanel, { width, height: props.height, title, focused, children: [
-    allRows.length === 0 && emptyMessage !== void 0 && /* @__PURE__ */ jsxs22(Text23, { color: PALETTE.warning, children: [
+  return /* @__PURE__ */ jsxs23(WindowedPanel, { width, height: props.height, title, focused, children: [
+    allRows.length === 0 && emptyMessage !== void 0 && /* @__PURE__ */ jsxs23(Text24, { color: PALETTE.warning, children: [
       " ",
       emptyMessage
     ] }),
@@ -23357,13 +23463,13 @@ function GroupedSidebar(props) {
         isOwn: rs?.isOwn ?? false,
         isCursor
       });
-      return /* @__PURE__ */ jsxs22(Box22, { children: [
-        isCursor ? /* @__PURE__ */ jsx26(Text23, { color: PALETTE.accent, bold: true, children: figures5.pointer }) : /* @__PURE__ */ jsx26(Text23, { children: " " }),
-        /* @__PURE__ */ jsx26(PreviewBadge, { badge, highlighted: isSelected }),
-        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx26(Text23, { color: !isSelected && selDim ? PALETTE.muted : selColor, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx26(Text23, { children: "    " })),
-        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx26(Text23, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx26(Text23, { children: "    " })),
-        /* @__PURE__ */ jsxs22(
-          Text23,
+      return /* @__PURE__ */ jsxs23(Box23, { children: [
+        isCursor ? /* @__PURE__ */ jsx27(Text24, { color: PALETTE.accent, bold: true, children: figures5.pointer }) : /* @__PURE__ */ jsx27(Text24, { children: " " }),
+        /* @__PURE__ */ jsx27(PreviewBadge, { badge, highlighted: isSelected }),
+        selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx27(Text24, { color: !isSelected && selDim ? PALETTE.muted : selColor, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx27(Text24, { children: "    " })),
+        aiFlaggedByKey !== void 0 && (aiFlagged ? /* @__PURE__ */ jsx27(Text24, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx27(Text24, { children: "    " })),
+        /* @__PURE__ */ jsxs23(
+          Text24,
           {
             color: isSelected ? PALETTE.accent : labelStyle.dim ? PALETTE.muted : labelStyle.color,
             bold: isSelected || labelStyle.bold,
@@ -23376,10 +23482,10 @@ function GroupedSidebar(props) {
             ]
           }
         ),
-        inheritanceStyle.glyph && /* @__PURE__ */ jsx26(Text23, { color: inheritanceStyle.dim ? PALETTE.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
+        inheritanceStyle.glyph && /* @__PURE__ */ jsx27(Text24, { color: inheritanceStyle.dim ? PALETTE.muted : inheritanceStyle.color, bold: inheritanceStyle.bold, children: " " + inheritanceStyle.glyph })
       ] }, row.key);
     }),
-    windowed && /* @__PURE__ */ jsx26(WindowFooter, { above: start, below: Math.max(0, allRows.length - end) })
+    windowed && /* @__PURE__ */ jsx27(WindowFooter, { above: start, below: Math.max(0, allRows.length - end) })
   ] });
 }
 var GLYPH_EXPAND_COLLAPSED, GLYPH_EXPAND_EXPANDED, GLYPH_TREE_MID, GLYPH_TREE_LAST, GLYPH_WARN, GLYPH_ERROR;
@@ -23508,8 +23614,8 @@ var init_use_terminal_size = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/HelpOverlay.tsx
 import React11 from "react";
-import { Box as Box23, Text as Text24 } from "ink";
-import { Fragment as Fragment3, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Box as Box24, Text as Text25 } from "ink";
+import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function HelpOverlay(props) {
   const { onClose } = props;
   const { columns: terminalColumns, rows: terminalRows } = useTerminalSize();
@@ -23520,8 +23626,8 @@ function HelpOverlay(props) {
     if (input === "h" || key.escape) onClose();
   }, props.handleInput !== false);
   if (props.sections) {
-    return /* @__PURE__ */ jsxs23(
-      Box23,
+    return /* @__PURE__ */ jsxs24(
+      Box24,
       {
         flexDirection: "column",
         borderStyle: "round",
@@ -23530,19 +23636,19 @@ function HelpOverlay(props) {
         height: panelHeight,
         overflowY: "hidden",
         children: [
-          /* @__PURE__ */ jsx27(Text24, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
-          props.sections.map((section) => /* @__PURE__ */ jsxs23(React11.Fragment, { children: [
-            /* @__PURE__ */ jsx27(Text24, { children: " " }),
-            /* @__PURE__ */ jsx27(Text24, { bold: true, children: section.title }),
-            section.entries.map((entry) => /* @__PURE__ */ jsx27(Text24, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
+          /* @__PURE__ */ jsx28(Text25, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+          props.sections.map((section) => /* @__PURE__ */ jsxs24(React11.Fragment, { children: [
+            /* @__PURE__ */ jsx28(Text25, { children: " " }),
+            /* @__PURE__ */ jsx28(Text25, { bold: true, children: section.title }),
+            section.entries.map((entry) => /* @__PURE__ */ jsx28(Text25, { children: entry.keys ? "  " + entry.keys.padEnd(16) + " " + entry.label : "  " + entry.label }, entry.keys + entry.label))
           ] }, section.title))
         ]
       }
     );
   }
   const mode = props.mode;
-  return /* @__PURE__ */ jsxs23(
-    Box23,
+  return /* @__PURE__ */ jsxs24(
+    Box24,
     {
       flexDirection: "column",
       borderStyle: "round",
@@ -23551,31 +23657,31 @@ function HelpOverlay(props) {
       height: panelHeight,
       overflowY: "hidden",
       children: [
-        /* @__PURE__ */ jsx27(Text24, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
-        /* @__PURE__ */ jsx27(Text24, { children: " " }),
-        /* @__PURE__ */ jsx27(Text24, { bold: true, children: "Navigation" }),
-        /* @__PURE__ */ jsx27(Text24, { children: "  \u2191 / k / PgUp     Scroll up" }),
-        /* @__PURE__ */ jsx27(Text24, { children: "  \u2193 / j / PgDn     Scroll down" }),
-        /* @__PURE__ */ jsx27(Text24, { children: "  g / Home         Jump to top" }),
-        /* @__PURE__ */ jsx27(Text24, { children: "  G / End          Jump to bottom" }),
-        mode === "review" && /* @__PURE__ */ jsxs23(Fragment3, { children: [
-          /* @__PURE__ */ jsx27(Text24, { children: " " }),
-          /* @__PURE__ */ jsx27(Text24, { bold: true, children: "[Review mode only]" }),
-          /* @__PURE__ */ jsx27(Text24, { children: "  Tab              Toggle sidebar/detail" }),
-          /* @__PURE__ */ jsx27(Text24, { children: "  a                Accept component" }),
-          /* @__PURE__ */ jsx27(Text24, { children: "  r                Reject component" }),
-          /* @__PURE__ */ jsx27(Text24, { children: "  e                Edit proposal" }),
-          /* @__PURE__ */ jsx27(Text24, { children: "  s                Toggle source code" }),
-          /* @__PURE__ */ jsx27(Text24, { children: "  A                Approve all" }),
-          /* @__PURE__ */ jsx27(Text24, { children: "  F                Open finalize dialog" }),
-          /* @__PURE__ */ jsx27(Text24, { children: "  Ctrl+S           Save draft" }),
-          /* @__PURE__ */ jsx27(Text24, { children: "  Ctrl+Z           Undo" }),
-          /* @__PURE__ */ jsx27(Text24, { children: "  Ctrl+Y           Redo" }),
-          /* @__PURE__ */ jsx27(Text24, { children: "  Esc              Exit edit / close" })
+        /* @__PURE__ */ jsx28(Text25, { bold: true, children: "\u2500".repeat(titleRule) + " Help " + "\u2500".repeat(titleRule) }),
+        /* @__PURE__ */ jsx28(Text25, { children: " " }),
+        /* @__PURE__ */ jsx28(Text25, { bold: true, children: "Navigation" }),
+        /* @__PURE__ */ jsx28(Text25, { children: "  \u2191 / k / PgUp     Scroll up" }),
+        /* @__PURE__ */ jsx28(Text25, { children: "  \u2193 / j / PgDn     Scroll down" }),
+        /* @__PURE__ */ jsx28(Text25, { children: "  g / Home         Jump to top" }),
+        /* @__PURE__ */ jsx28(Text25, { children: "  G / End          Jump to bottom" }),
+        mode === "review" && /* @__PURE__ */ jsxs24(Fragment4, { children: [
+          /* @__PURE__ */ jsx28(Text25, { children: " " }),
+          /* @__PURE__ */ jsx28(Text25, { bold: true, children: "[Review mode only]" }),
+          /* @__PURE__ */ jsx28(Text25, { children: "  Tab              Toggle sidebar/detail" }),
+          /* @__PURE__ */ jsx28(Text25, { children: "  a                Accept component" }),
+          /* @__PURE__ */ jsx28(Text25, { children: "  r                Reject component" }),
+          /* @__PURE__ */ jsx28(Text25, { children: "  e                Edit proposal" }),
+          /* @__PURE__ */ jsx28(Text25, { children: "  s                Toggle source code" }),
+          /* @__PURE__ */ jsx28(Text25, { children: "  A                Approve all" }),
+          /* @__PURE__ */ jsx28(Text25, { children: "  F                Open finalize dialog" }),
+          /* @__PURE__ */ jsx28(Text25, { children: "  Ctrl+S           Save draft" }),
+          /* @__PURE__ */ jsx28(Text25, { children: "  Ctrl+Z           Undo" }),
+          /* @__PURE__ */ jsx28(Text25, { children: "  Ctrl+Y           Redo" }),
+          /* @__PURE__ */ jsx28(Text25, { children: "  Esc              Exit edit / close" })
         ] }),
-        /* @__PURE__ */ jsx27(Text24, { children: " " }),
-        /* @__PURE__ */ jsx27(Text24, { children: "  h                Close help" }),
-        /* @__PURE__ */ jsx27(Text24, { children: "  q                Quit" })
+        /* @__PURE__ */ jsx28(Text25, { children: " " }),
+        /* @__PURE__ */ jsx28(Text25, { children: "  h                Close help" }),
+        /* @__PURE__ */ jsx28(Text25, { children: "  q                Quit" })
       ]
     }
   );
@@ -23655,8 +23761,8 @@ var init_sidebar_input = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/SearchMatchSummary.tsx
-import { Box as Box24, Text as Text25 } from "ink";
-import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Box as Box25, Text as Text26 } from "ink";
+import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function SearchMatchSummary({
   open,
   query,
@@ -23667,17 +23773,17 @@ function SearchMatchSummary({
   marginTop
 }) {
   if (hidden) return null;
-  return /* @__PURE__ */ jsxs24(Fragment4, { children: [
-    open && /* @__PURE__ */ jsxs24(Box24, { marginTop, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs24(Text25, { children: [
+  return /* @__PURE__ */ jsxs25(Fragment5, { children: [
+    open && /* @__PURE__ */ jsxs25(Box25, { marginTop, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs25(Text26, { children: [
         `/${query}`,
-        /* @__PURE__ */ jsx28(Text25, { color: PALETTE.accent, children: "\u258E" }),
-        query && /* @__PURE__ */ jsx28(Text25, { color: PALETTE.muted, children: formatSearchMatchSummary(matches, total) }),
-        /* @__PURE__ */ jsx28(Text25, { children: "  \xB7 [Esc] leave" })
+        /* @__PURE__ */ jsx29(Text26, { color: PALETTE.accent, children: "\u258E" }),
+        query && /* @__PURE__ */ jsx29(Text26, { color: PALETTE.muted, children: formatSearchMatchSummary(matches, total) }),
+        /* @__PURE__ */ jsx29(Text26, { children: "  \xB7 [Esc] leave" })
       ] }),
-      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx28(Text25, { color: PALETTE.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
+      autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx29(Text26, { color: PALETTE.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
     ] }),
-    !open && query && /* @__PURE__ */ jsx28(Box24, { marginTop, children: /* @__PURE__ */ jsx28(Text25, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
+    !open && query && /* @__PURE__ */ jsx29(Box25, { marginTop, children: /* @__PURE__ */ jsx29(Text26, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
   ] });
 }
 var init_SearchMatchSummary = __esm({
@@ -24629,7 +24735,7 @@ function useScopeGate({ components, tokenCount, tokensWidth, onConfirm, onQuit }
     panelOpen: false,
     entryCount: 0
   });
-  const panelLayout = useMemo3(() => computePanelLayout(visibleCount), [visibleCount]);
+  const panelLayout2 = useMemo3(() => computePanelLayout(visibleCount), [visibleCount]);
   useEffect13(() => {
     setNav((prev) => {
       const maxIdx = Math.max(0, visibleRows.length - 1);
@@ -24913,7 +25019,7 @@ function useScopeGate({ components, tokenCount, tokensWidth, onConfirm, onQuit }
     // layout
     totalWidth,
     columnPlan,
-    panelLayout,
+    panelLayout: panelLayout2,
     visibleCount,
     panelMaxRows,
     // sidebar
@@ -24976,8 +25082,8 @@ var init_use_scope_gate = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx
 import { useEffect as useEffect14, useMemo as useMemo4 } from "react";
-import { Box as Box25, Text as Text26 } from "ink";
-import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Box as Box26, Text as Text27 } from "ink";
+import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 function ScopeGateScreen({
   components,
   tokensPath,
@@ -25014,24 +25120,24 @@ function ScopeGateScreen({
       onQuit();
     }
   });
-  const { search, graph, columnPlan, panelLayout, counters } = gate;
+  const { search, graph, columnPlan, panelLayout: panelLayout2, counters } = gate;
   if (gate.showHelp) {
-    return /* @__PURE__ */ jsx29(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: gate.closeHelp });
-  }
-  return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx29(StepHeader, { step: "scope-gate" }),
-    /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", paddingX: 2, children: [
-      /* @__PURE__ */ jsxs25(Box25, { flexDirection: "row", flexWrap: "wrap", children: [
-        /* @__PURE__ */ jsx29(CounterStrip, { counters, totalWidth: gate.totalWidth }),
-        gate.aiExcludedCount > 0 && /* @__PURE__ */ jsxs25(Text26, { color: PALETTE.muted, children: [
+    return /* @__PURE__ */ jsx30(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: gate.closeHelp });
+  }
+  return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx30(StepHeader, { step: "scope-gate" }),
+    /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", paddingX: 2, children: [
+      /* @__PURE__ */ jsxs26(Box26, { flexDirection: "row", flexWrap: "wrap", children: [
+        /* @__PURE__ */ jsx30(CounterStrip, { counters, totalWidth: gate.totalWidth }),
+        gate.aiExcludedCount > 0 && /* @__PURE__ */ jsxs26(Text27, { color: PALETTE.muted, children: [
           `${gate.aiExcludedCount} component${gate.aiExcludedCount === 1 ? "" : "s"} flagged by AI`,
-          gate.aiRows.length > 0 && /* @__PURE__ */ jsx29(Text26, { color: PALETTE.accent, children: " \u2014 press [x] to see why" })
+          gate.aiRows.length > 0 && /* @__PURE__ */ jsx30(Text27, { color: PALETTE.accent, children: " \u2014 press [x] to see why" })
         ] })
       ] }),
-      tokens.length > 0 && columnPlan.layout === "single" && /* @__PURE__ */ jsx29(Text26, { color: PALETTE.muted, children: `${tokens.length} design token${tokens.length === 1 ? "" : "s"} will be imported. Widen the terminal to list them.` }),
-      graph.cycles.length > 0 && /* @__PURE__ */ jsx29(Box25, { marginTop: 1, children: /* @__PURE__ */ jsx29(Text26, { color: PALETTE.muted, children: "If you must have components with cycles, select them together into the generate step and then use the editor to fix them." }) }),
-      /* @__PURE__ */ jsxs25(Box25, { flexDirection: "row", alignItems: "stretch", children: [
-        gate.aiRationalePanelOpen ? /* @__PURE__ */ jsx29(
+      tokens.length > 0 && columnPlan.layout === "single" && /* @__PURE__ */ jsx30(Text27, { color: PALETTE.muted, children: `${tokens.length} design token${tokens.length === 1 ? "" : "s"} will be imported. Widen the terminal to list them.` }),
+      graph.cycles.length > 0 && /* @__PURE__ */ jsx30(Box26, { marginTop: 1, children: /* @__PURE__ */ jsx30(Text27, { color: PALETTE.muted, children: "If you must have components with cycles, select them together into the generate step and then use the editor to fix them." }) }),
+      /* @__PURE__ */ jsxs26(Box26, { flexDirection: "row", alignItems: "stretch", children: [
+        gate.aiRationalePanelOpen ? /* @__PURE__ */ jsx30(
           GotoBanner,
           {
             title: `Review flags (${gate.aiExcludedCount})`,
@@ -25041,7 +25147,7 @@ function ScopeGateScreen({
             width: columnPlan.main,
             footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [x/Esc] close"
           }
-        ) : /* @__PURE__ */ jsx29(
+        ) : /* @__PURE__ */ jsx30(
           GroupedSidebar,
           {
             items: gate.groupedItems,
@@ -25053,7 +25159,7 @@ function ScopeGateScreen({
             expandedGroups: gate.expandedGroups,
             onToggleExpanded: gate.toggleExpanded,
             width: columnPlan.main,
-            height: panelLayout.height,
+            height: panelLayout2.height,
             title: "Components",
             wrapLabels: true,
             focused: gate.focusedColumn === "main",
@@ -25069,25 +25175,25 @@ function ScopeGateScreen({
             graph: graph.nodes
           }
         ),
-        columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs25(Fragment5, { children: [
-          /* @__PURE__ */ jsx29(Box25, { width: 2, flexShrink: 0 }),
-          /* @__PURE__ */ jsx29(
+        columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs26(Fragment6, { children: [
+          /* @__PURE__ */ jsx30(Box26, { width: 2, flexShrink: 0 }),
+          /* @__PURE__ */ jsx30(
             TokensColumn,
             {
               width: columnPlan.tokens,
               tokens,
               cursor: gate.safeTokensCursor,
               focused: gate.focusedColumn === "tokens",
-              height: panelLayout.height,
+              height: panelLayout2.height,
               title: `Design tokens (${tokens.length}) \xB7 read only`,
-              visibleCount: panelLayout.sideVisibleCount
+              visibleCount: panelLayout2.sideVisibleCount
             }
           )
         ] })
       ] }),
-      gate.cyclesPanelOpen && /* @__PURE__ */ jsx29(CyclesPanel, { cycles: gate.slotCycles, cursor: gate.cyclesCursor }),
-      gate.pendingRejectCascade && /* @__PURE__ */ jsx29(RejectPrompt, { pending: gate.pendingRejectCascade }),
-      /* @__PURE__ */ jsx29(
+      gate.cyclesPanelOpen && /* @__PURE__ */ jsx30(CyclesPanel, { cycles: gate.slotCycles, cursor: gate.cyclesCursor }),
+      gate.pendingRejectCascade && /* @__PURE__ */ jsx30(RejectPrompt, { pending: gate.pendingRejectCascade }),
+      /* @__PURE__ */ jsx30(
         SearchMatchSummary,
         {
           open: search.searchOpen,
@@ -25098,7 +25204,7 @@ function ScopeGateScreen({
           marginTop: 1
         }
       ),
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30(
         CompactControlBar,
         {
           hasGroupRoots: gate.hasGroupRoots,
@@ -25280,8 +25386,18 @@ function generationLogInputs(input) {
     has_tokens: input.hasTokens
   };
 }
+function lastProgress(progress) {
+  const { activity, ...rest } = progress;
+  const failed = activity.filter((item) => item.state === "failed");
+  return {
+    final_progress: rest,
+    ...failed.length > 0 ? {
+      failed_components: failed.slice(0, MAX_LOGGED_FAILURES).map((item) => ({ name: item.name, error: truncate(item.error ?? "", MAX_LOGGED_ERROR) }))
+    } : {}
+  };
+}
 function generationLogOutputs(result, progress) {
-  const last = progress ? { final_progress: progress } : {};
+  const last = progress ? lastProgress(progress) : {};
   if (!result.ok) {
     return { outputs: { result: "failed", failed_step: result.step, error: result.message, ...last }, status: "error" };
   }
@@ -25300,7 +25416,21 @@ function generationLogOutputs(result, progress) {
   };
 }
 function initialProgress2() {
-  return { components: null, mapTokens: "idle", mapTokensEligible: null };
+  return { components: null, activity: [], mapTokens: "idle", mapTokensEligible: null };
+}
+function applyActivityEvent(event, previous, now) {
+  if (event.kind !== "component:started" && event.kind !== "component:completed" && event.kind !== "component:cached" && event.kind !== "component:failed") {
+    return [...previous];
+  }
+  const index = previous.findIndex((item2) => item2.name === event.name);
+  const startedAt = previous[index]?.startedAt ?? now;
+  const item = event.kind === "component:started" ? {
+    name: event.name,
+    state: "running",
+    startedAt,
+    ...event.attempt > 1 ? { detail: `attempt ${event.attempt}` } : {}
+  } : event.kind === "component:cached" ? { name: event.name, state: "done", detail: "cached", startedAt } : event.kind === "component:failed" ? { name: event.name, state: "failed", error: event.error, ms: now - startedAt, startedAt } : { name: event.name, state: "done", ms: now - startedAt, startedAt };
+  return index >= 0 ? previous.map((existing, i) => i === index ? item : existing) : [...previous, item];
 }
 function shouldRunMapTokens(counts) {
   return counts.mappablePropCount > 0 && counts.rawTokenCount > 0;
@@ -25315,52 +25445,70 @@ function describeGeneration(input) {
   return `${formatAcceptanceSummary({ accepted: input.acceptedCount, autoRejected: 0 })}
 ${agent} is reading each selected component and writing a Contentful component definition for it.${input.hasTokens ? "\nUsing your design tokens for prop resolution." : ""}`;
 }
-function progressRows2(progress, agent) {
+function componentsRow(components, name) {
+  if (!components) return { text: `Starting up ${name}...`, complete: false };
+  const { done, total, current, failed } = components;
+  if (total > 0 && done >= total) {
+    return failed > 0 ? {
+      text: `Generated ${total - failed} of ${total} components, ${failed} failed`,
+      complete: false,
+      state: "failed"
+    } : { text: `Generated ${total} component${total === 1 ? "" : "s"}`, complete: true };
+  }
+  return {
+    text: failed > 0 ? `${current} (${failed} failed so far)` : current,
+    complete: false,
+    progress: { done, total },
+    ...failed > 0 ? { state: "warning" } : {}
+  };
+}
+function progressRows2(progress, agent, rowMs = []) {
   const name = capitalize(agent);
   const { components, mapTokens } = progress;
-  const rows = [
-    {
-      text: components ? components.current : `Starting up ${name}...`,
-      complete: false,
-      ...components ? { progress: { done: components.done, total: components.total } } : {}
-    }
-  ];
+  const rows = [componentsRow(components, name)];
   if (mapTokens !== "idle") {
     rows.push({
       text: mapTokens === "running" ? `Mapping token restrictions via ${name}...` : "Token restrictions ready",
       complete: mapTokens === "complete"
     });
   }
-  return rows;
+  return withTimes(rows, rowMs);
 }
-var capitalize;
+var MAX_LOGGED_FAILURES, MAX_LOGGED_ERROR, capitalize;
 var init_logic11 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/08-generation/logic.ts"() {
     "use strict";
+    init_activity();
+    init_logic4();
+    MAX_LOGGED_FAILURES = 10;
+    MAX_LOGGED_ERROR = 300;
     capitalize = (name) => name.charAt(0).toUpperCase() + name.slice(1);
   }
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/screen.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function GenerationScreen({
   progress,
   agent,
   acceptedCount,
-  hasTokens
+  hasTokens,
+  rowMs
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     RunningStep,
     {
       step: "generation",
       description: describeGeneration({ acceptedCount, agent, hasTokens }),
-      lines: progressRows2(progress, agent)
+      lines: progressRows2(progress, agent, rowMs),
+      aside: progress.activity.length > 0 ? /* @__PURE__ */ jsx31(ActivityPanel, { title: "Components", items: progress.activity }) : void 0
     }
   );
 }
 var init_screen9 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/08-generation/screen.tsx"() {
     "use strict";
+    init_activity_panel();
     init_shared2();
     init_logic11();
   }
@@ -25418,7 +25566,7 @@ var init_save_decisions = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/run.ts
 import { resolve as resolve25 } from "node:path";
 async function runGeneration(input, onProgress, deps = realDeps4) {
-  let progress = { components: null, mapTokens: "idle", mapTokensEligible: null };
+  let progress = { components: null, activity: [], mapTokens: "idle", mapTokensEligible: null };
   const update = (change) => {
     progress = { ...progress, ...change };
     onProgress(progress);
@@ -25446,7 +25594,10 @@ async function runGeneration(input, onProgress, deps = realDeps4) {
       noCache: input.noCache,
       existingEntitiesPath: input.existingEntitiesPath,
       precomputedCachedNames: new Set(handedOverNames),
-      onProgress: (event) => update({ components: applyProgressEvent2(event, progress.components, accepted.length) })
+      onProgress: (event) => update({
+        components: applyProgressEvent2(event, progress.components, accepted.length),
+        activity: applyActivityEvent(event, progress.activity, Date.now())
+      })
     });
   } catch (error) {
     return fail2("generate components", errorMessage3(error));
@@ -25517,11 +25668,17 @@ function appendGeneratePromptOverride(input) {
   return [...input.promptOverrides, `generate=${input.generatePromptPath}`];
 }
 function applyProgressEvent2(event, previous, total) {
+  const failed = previous?.failed ?? 0;
   if (event.kind === "component:started") {
-    return { done: previous?.done ?? 0, total: event.total || total, current: event.name };
+    return { done: previous?.done ?? 0, total: event.total || total, current: event.name, failed };
   }
   if (event.kind === "component:completed" || event.kind === "component:failed" || event.kind === "component:cached") {
-    return { done: (previous?.done ?? 0) + 1, total: event.total || total, current: event.name };
+    return {
+      done: (previous?.done ?? 0) + 1,
+      total: event.total || total,
+      current: event.name,
+      failed: failed + (event.kind === "component:failed" ? 1 : 0)
+    };
   }
   return previous;
 }
@@ -25532,6 +25689,7 @@ var init_run2 = __esm({
     init_src3();
     init_find_skill_path();
     init_logic9();
+    init_logic11();
     init_map_tokens();
     init_save_decisions();
     COMPONENTS_SKILL_PATH = findSkillPath("generate-components.md");
@@ -25559,8 +25717,10 @@ function useGeneration(input) {
       setState(void 0);
       return;
     }
-    setState({ status: "running", progress: initialProgress2() });
-    let lastProgress;
+    setState({ status: "running", progress: initialProgress2(), rowMs: [] });
+    let lastProgress2;
+    const startedAt = Date.now();
+    let rowMs = [];
     startDebugRun({
       flow: "import/generation",
       step: "08-generation",
@@ -25568,12 +25728,13 @@ function useGeneration(input) {
       inputs: generationLogInputs(input)
     });
     void runGeneration(input, (progress) => {
-      lastProgress = progress;
-      if (current.current === input) setState({ status: "running", progress });
+      lastProgress2 = progress;
+      rowMs = trackFinished(rowMs, progressRows2(progress, input.agent), Date.now() - startedAt);
+      if (current.current === input) setState({ status: "running", progress, rowMs });
     }).then((result) => {
       if (current.current !== input) return;
       void finishDebugRun({
-        ...generationLogOutputs(result, lastProgress),
+        ...generationLogOutputs(result, lastProgress2),
         exitMethod: result.ok ? "saved" : "discarded"
       });
       setState({ status: "done", result });
@@ -25588,6 +25749,7 @@ var init_use_generation = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/08-generation/use-generation.ts"() {
     "use strict";
     init_debug_store();
+    init_logic4();
     init_logic11();
     init_run2();
   }
@@ -26258,7 +26420,7 @@ var init_logic12 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/preview-validation-error/screen.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function PreviewValidationErrorScreen({
   errors,
   missingNames,
@@ -26267,7 +26429,7 @@ function PreviewValidationErrorScreen({
   onQuit
 }) {
   const matchedNames = matchedComponentNames(errors, missingNames);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     GateStep,
     {
       intent: "error",
@@ -26641,8 +26803,8 @@ var init_scroll_offset = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx
 import React13, { useEffect as useEffect17, useLayoutEffect as useLayoutEffect2, useState as useState19 } from "react";
 import figures6 from "figures";
-import { Box as Box26, measureElement, Text as Text27 } from "ink";
-import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Box as Box27, measureElement, Text as Text28 } from "ink";
+import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 function createCommonRowProps(selected, focusLevel, editingField, textCursor, valueCursor, cursorVisible, editingValue, valueText, width) {
   return {
     selected,
@@ -26780,14 +26942,14 @@ function serializeState(state2, originalJson) {
   return JSON.stringify(entry, null, 2);
 }
 function Picker({ value, active }) {
-  return /* @__PURE__ */ jsxs26(Box26, { children: [
-    active && /* @__PURE__ */ jsx32(Text27, { color: PALETTE.warning, children: "\u2039" }),
-    /* @__PURE__ */ jsx32(Text27, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
-    active && /* @__PURE__ */ jsx32(Text27, { color: PALETTE.warning, children: "\u203A" })
+  return /* @__PURE__ */ jsxs27(Box27, { children: [
+    active && /* @__PURE__ */ jsx33(Text28, { color: PALETTE.warning, children: "\u2039" }),
+    /* @__PURE__ */ jsx33(Text28, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
+    active && /* @__PURE__ */ jsx33(Text28, { color: PALETTE.warning, children: "\u203A" })
   ] });
 }
 function Toggle({ value, active }) {
-  return /* @__PURE__ */ jsx32(Box26, { children: /* @__PURE__ */ jsx32(Text27, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
+  return /* @__PURE__ */ jsx33(Box27, { children: /* @__PURE__ */ jsx33(Text28, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
 }
 function InlinePropField({
   label,
@@ -26796,8 +26958,8 @@ function InlinePropField({
   flexible = false,
   width
 }) {
-  return /* @__PURE__ */ jsxs26(Box26, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
-    /* @__PURE__ */ jsxs26(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, wrap: "truncate-end", children: [
+  return /* @__PURE__ */ jsxs27(Box27, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
+    /* @__PURE__ */ jsxs27(Text28, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, wrap: "truncate-end", children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
@@ -26810,19 +26972,19 @@ function RequiredField({
   editingField,
   activeField
 }) {
-  return /* @__PURE__ */ jsx32(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx32(Toggle, { value, active: editingField && activeField === "required" }) });
+  return /* @__PURE__ */ jsx33(InlinePropField, { label: "req:", focused, children: /* @__PURE__ */ jsx33(Toggle, { value, active: editingField && activeField === "required" }) });
 }
 function DefaultValueRow({
   display,
   active,
   focused
 }) {
-  return /* @__PURE__ */ jsxs26(Box26, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs26(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+  return /* @__PURE__ */ jsxs27(Box27, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs27(Text28, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    active ? /* @__PURE__ */ jsx32(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx32(Text27, { wrap: "wrap", children: display })
+    active ? /* @__PURE__ */ jsx33(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx33(Text28, { wrap: "wrap", children: display })
   ] });
 }
 function RowLabel({
@@ -26830,8 +26992,8 @@ function RowLabel({
   selected,
   trailing = true
 }) {
-  return /* @__PURE__ */ jsxs26(
-    Text27,
+  return /* @__PURE__ */ jsxs27(
+    Text28,
     {
       color: selected ? PALETTE.onAccent : PALETTE.accent,
       bold: selected,
@@ -26850,10 +27012,10 @@ function ValueInputRow({
   valueText,
   cursorVisible
 }) {
-  return /* @__PURE__ */ jsxs26(Box26, { paddingLeft: 2, children: [
-    /* @__PURE__ */ jsx32(Text27, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
-    /* @__PURE__ */ jsx32(Text27, { children: valueText }),
-    /* @__PURE__ */ jsx32(Text27, { inverse: cursorVisible, children: " " })
+  return /* @__PURE__ */ jsxs27(Box27, { paddingLeft: 2, children: [
+    /* @__PURE__ */ jsx33(Text28, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
+    /* @__PURE__ */ jsx33(Text28, { children: valueText }),
+    /* @__PURE__ */ jsx33(Text28, { inverse: cursorVisible, children: " " })
   ] });
 }
 function EditableListItem({
@@ -26866,9 +27028,9 @@ function EditableListItem({
 }) {
   const isBeingEdited = editingValue?.mode === "edit" && editingValue.index === index;
   if (isBeingEdited) {
-    return /* @__PURE__ */ jsx32(ValueInputRow, { mode: "edit", valueText, cursorVisible });
+    return /* @__PURE__ */ jsx33(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx32(Box26, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx32(Text27, { color: active ? PALETTE.accent : void 0, children: active ? `${figures6.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx33(Box27, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx33(Text28, { color: active ? PALETTE.accent : void 0, children: active ? `${figures6.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -26881,9 +27043,9 @@ function EditableValueList({
   emptyPaddingLeft,
   showAddInput
 }) {
-  return /* @__PURE__ */ jsxs26(Fragment6, { children: [
-    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx32(Box26, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: emptyMessage }) })),
-    values.map((value, index) => /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs27(Fragment7, { children: [
+    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx33(Box27, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, children: emptyMessage }) })),
+    values.map((value, index) => /* @__PURE__ */ jsx33(
       EditableListItem,
       {
         value,
@@ -26895,7 +27057,7 @@ function EditableValueList({
       },
       index
     )),
-    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx32(ValueInputRow, { mode: "add", valueText, cursorVisible })
+    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx33(ValueInputRow, { mode: "add", valueText, cursorVisible })
   ] });
 }
 function DefaultSubRow({
@@ -26907,51 +27069,51 @@ function DefaultSubRow({
 }) {
   const cursor = cursorVisible ? "\u2588" : " ";
   if (prop.type === "richtext" || prop.type === "media" || prop.type === "link") {
-    return /* @__PURE__ */ jsxs26(Box26, { gap: 1, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+    return /* @__PURE__ */ jsxs27(Box27, { gap: 1, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(Text28, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsx32(Text27, { color: focused ? void 0 : PALETTE.muted, children: "(not applicable)" })
+      /* @__PURE__ */ jsx33(Text28, { color: focused ? void 0 : PALETTE.muted, children: "(not applicable)" })
     ] });
   }
   if (prop.type === "boolean") {
     const display = prop.default === true ? "true" : prop.default === false ? "false" : "(unset)";
-    return /* @__PURE__ */ jsx32(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx33(DefaultValueRow, { display, active, focused });
   }
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
-      return /* @__PURE__ */ jsxs26(Box26, { gap: 1, flexShrink: 0, children: [
-        /* @__PURE__ */ jsxs26(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+      return /* @__PURE__ */ jsxs27(Box27, { gap: 1, flexShrink: 0, children: [
+        /* @__PURE__ */ jsxs27(Text28, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
           focused ? "\u203A " : "  ",
           "default:"
         ] }),
-        /* @__PURE__ */ jsx32(Text27, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
+        /* @__PURE__ */ jsx33(Text28, { color: focused ? void 0 : PALETTE.muted, children: "(no values defined)" })
       ] });
     }
     const display = typeof prop.default === "string" && prop.default !== "" ? prop.default : "(unset)";
-    return /* @__PURE__ */ jsx32(DefaultValueRow, { display, active, focused });
+    return /* @__PURE__ */ jsx33(DefaultValueRow, { display, active, focused });
   }
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
-    return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "row", flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+    return /* @__PURE__ */ jsxs27(Box27, { flexDirection: "row", flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(Text28, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsxs26(Box26, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx32(Text27, { children: value.slice(0, textCursor) }),
-        /* @__PURE__ */ jsx32(Text27, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
-        /* @__PURE__ */ jsx32(Text27, { children: value.slice(textCursor + 1) })
+      /* @__PURE__ */ jsxs27(Box27, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+        /* @__PURE__ */ jsx33(Text28, { children: value.slice(0, textCursor) }),
+        /* @__PURE__ */ jsx33(Text28, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
+        /* @__PURE__ */ jsx33(Text28, { children: value.slice(textCursor + 1) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs26(Box26, { gap: 1, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs26(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+  return /* @__PURE__ */ jsxs27(Box27, { gap: 1, flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs27(Text28, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
     ] }),
-    /* @__PURE__ */ jsx32(Text27, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
+    /* @__PURE__ */ jsx33(Text28, { color: focused || value ? void 0 : PALETTE.muted, children: value || "(none)" })
   ] });
 }
 function DescriptionField({
@@ -26966,20 +27128,20 @@ function DescriptionField({
   paddingLeft = 2
 }) {
   if (compact) {
-    return /* @__PURE__ */ jsxs26(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+    return /* @__PURE__ */ jsxs27(Box27, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(Text28, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         label
       ] }),
-      /* @__PURE__ */ jsx32(Text27, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
+      /* @__PURE__ */ jsx33(Text28, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
     ] });
   }
-  return /* @__PURE__ */ jsxs26(Box26, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsxs26(Text27, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
+  return /* @__PURE__ */ jsxs27(Box27, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs27(Text28, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       label
     ] }),
-    editing ? /* @__PURE__ */ jsx32(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx32(Text27, { wrap: "wrap", children: value || "\u2014" })
+    editing ? /* @__PURE__ */ jsx33(EditableDescription, { cursorVisible, value, textCursor }) : /* @__PURE__ */ jsx33(Text28, { wrap: "wrap", children: value || "\u2014" })
   ] });
 }
 function EditableDescription({
@@ -26987,9 +27149,9 @@ function EditableDescription({
   value,
   textCursor
 }) {
-  return /* @__PURE__ */ jsxs26(Text27, { wrap: "wrap", children: [
+  return /* @__PURE__ */ jsxs27(Text28, { wrap: "wrap", children: [
     value.slice(0, textCursor),
-    /* @__PURE__ */ jsx32(Text27, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
+    /* @__PURE__ */ jsx33(Text28, { inverse: cursorVisible, children: value[textCursor] ?? " " }),
     value.slice(textCursor + 1)
   ] });
 }
@@ -27010,9 +27172,9 @@ function PropRow({
 }) {
   const descFocused = activeField === "description";
   const descActive = editingField && descFocused;
-  return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx32(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx32(RowLabel, { name: prop.name, selected }) }),
-    /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs27(Box27, { flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx33(Box27, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx33(RowLabel, { name: prop.name, selected }) }),
+    /* @__PURE__ */ jsx33(
       DescriptionField,
       {
         value: prop.description,
@@ -27025,8 +27187,8 @@ function PropRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsxs27(Box27, { flexDirection: "column", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsx33(
         RequiredField,
         {
           value: prop.required,
@@ -27035,21 +27197,21 @@ function PropRow({
           activeField
         }
       ),
-      /* @__PURE__ */ jsx32(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx32(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx32(Text27, { children: prop.type }) })
+      /* @__PURE__ */ jsx33(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx33(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx33(Text28, { children: prop.type }) })
     ] }),
-    prop.type === "token" && /* @__PURE__ */ jsx32(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx32(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx32(Text27, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
-    prop.type === "enum" && /* @__PURE__ */ jsxs26(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(Text27, { color: activeField === "values" ? PALETTE.warning : PALETTE.muted, bold: activeField === "values", children: [
+    prop.type === "token" && /* @__PURE__ */ jsx33(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx33(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx33(Text28, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
+    prop.type === "enum" && /* @__PURE__ */ jsxs27(Box27, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(Text28, { color: activeField === "values" ? PALETTE.warning : PALETTE.muted, bold: activeField === "values", children: [
         activeField === "values" ? "\u203A " : "  ",
         "values:"
       ] }),
-      /* @__PURE__ */ jsxs26(Text27, { wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs27(Text28, { wrap: "wrap", children: [
         "[",
         prop.values.join(", "),
         "]"
       ] })
     ] }),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       DefaultSubRow,
       {
         prop,
@@ -27059,13 +27221,13 @@ function PropRow({
         cursorVisible
       }
     ),
-    prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs26(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(Text27, { color: activeField === "allowed" ? PALETTE.warning : PALETTE.muted, bold: activeField === "allowed", children: [
+    prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs27(Box27, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(Text28, { color: activeField === "allowed" ? PALETTE.warning : PALETTE.muted, bold: activeField === "allowed", children: [
         activeField === "allowed" ? "\u203A " : "  ",
         "allowed:"
       ] }),
-      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx32(Box26, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx32(Text27, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx32(
-        Text27,
+      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx33(Box27, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx33(Text28, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx33(
+        Text28,
         {
           color: activeField !== "allowed" && prop.allowed.length === 0 ? PALETTE.muted : void 0,
           wrap: "wrap",
@@ -27073,17 +27235,17 @@ function PropRow({
         }
       )
     ] }),
-    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx32(Box26, { paddingLeft: 2, children: /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: (() => {
+    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx33(Box27, { paddingLeft: 2, children: /* @__PURE__ */ jsx33(Text28, { 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__ */ jsxs26(Box26, { paddingLeft: 2, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs26(Box26, { children: [
-        /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "values:" }),
-        activeField === "values" && /* @__PURE__ */ jsx32(Text27, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
+    selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs27(Box27, { paddingLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs27(Box27, { children: [
+        /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, children: "values:" }),
+        activeField === "values" && /* @__PURE__ */ jsx33(Text28, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
-      /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsx33(
         EditableValueList,
         {
           values: prop.values,
@@ -27113,9 +27275,9 @@ function SlotRow({
   pickerCandidates,
   pickerCursor
 }) {
-  return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx32(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx32(RowLabel, { name: slot.name, selected, trailing: false }) }),
-    /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs27(Box27, { flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx33(Box27, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx33(RowLabel, { name: slot.name, selected, trailing: false }) }),
+    /* @__PURE__ */ jsx33(
       DescriptionField,
       {
         value: slot.description,
@@ -27128,7 +27290,7 @@ function SlotRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsx32(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(Box27, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx33(
       RequiredField,
       {
         value: slot.required,
@@ -27137,9 +27299,9 @@ function SlotRow({
         activeField
       }
     ) }),
-    !(selected && editingField && activeField === "allowedComponents") && /* @__PURE__ */ jsxs26(Box26, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
-      /* @__PURE__ */ jsxs26(
-        Text27,
+    !(selected && editingField && activeField === "allowedComponents") && /* @__PURE__ */ jsxs27(Box27, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs27(
+        Text28,
         {
           color: activeField === "allowedComponents" ? PALETTE.warning : PALETTE.muted,
           bold: activeField === "allowedComponents",
@@ -27149,12 +27311,12 @@ function SlotRow({
           ]
         }
       ),
-      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx32(Text27, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
+      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx33(Text28, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
     ] }),
-    selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs26(Box26, { children: [
-        /* @__PURE__ */ jsxs26(
-          Text27,
+    selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs27(Box27, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs27(Box27, { children: [
+        /* @__PURE__ */ jsxs27(
+          Text28,
           {
             color: activeField === "allowedComponents" ? PALETTE.warning : PALETTE.muted,
             bold: activeField === "allowedComponents",
@@ -27164,9 +27326,9 @@ function SlotRow({
             ]
           }
         ),
-        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: slot.allowedComponents.length > 0 ? "  [a] add  [e] edit  [r] remove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
+        editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsx33(Text28, { 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__ */ jsx32(
+      /* @__PURE__ */ jsx33(
         EditableValueList,
         {
           values: slot.allowedComponents,
@@ -27180,21 +27342,21 @@ function SlotRow({
           showAddInput: editingField && activeField === "allowedComponents"
         }
       ),
-      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx32(Box26, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
+      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx33(Box27, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx33(Text28, { 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__ */ jsx32(Text27, { color: PALETTE.muted, children: "(no candidates match \u2014 Enter to add as free text)" });
+          return /* @__PURE__ */ jsx33(Text28, { 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__ */ jsxs26(Box26, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
+        return /* @__PURE__ */ jsxs27(Box27, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx33(Text28, { 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__ */ jsx32(Text27, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures6.pointer} ${name}` : `    ${name}` }, name);
+            return /* @__PURE__ */ jsx33(Text28, { color: isCursor ? PALETTE.accent : PALETTE.muted, children: isCursor ? `  ${figures6.pointer} ${name}` : `    ${name}` }, name);
           })
         ] });
       })() })
@@ -28073,18 +28235,18 @@ function FieldEditor({
   });
   const innerWidth = Math.max(1, width - 2);
   if (parseErr) {
-    return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
-      /* @__PURE__ */ jsx32(Text27, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
-      /* @__PURE__ */ jsx32(Text27, { color: PALETTE.error, children: parseErr }),
-      /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
+    return /* @__PURE__ */ jsxs27(Box27, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
+      /* @__PURE__ */ jsx33(Text28, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
+      /* @__PURE__ */ jsx33(Text28, { color: PALETTE.error, children: parseErr }),
+      /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
-    return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
-      /* @__PURE__ */ jsx32(Text27, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
-      /* @__PURE__ */ jsx32(Text27, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
+    return /* @__PURE__ */ jsxs27(Box27, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
+      /* @__PURE__ */ jsx33(Text28, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
+      /* @__PURE__ */ jsx33(Text28, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
+      /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
+      /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -28217,12 +28379,12 @@ function FieldEditor({
   const renderRow = (row, index) => {
     const key = rowKey(row, index);
     if (row.kind === "header") {
-      return /* @__PURE__ */ jsx32(Box26, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx32(Text27, { bold: true, color: PALETTE.success, children: row.label }) }, key);
+      return /* @__PURE__ */ jsx33(Box27, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx33(Text28, { bold: true, color: PALETTE.success, children: row.label }) }, key);
     }
     if (row.kind === "component-description") {
       const isSelected2 = inComponentDesc && active;
       const isEditing = isSelected2 && focusLevel === "field" && editingField && activeField === "description";
-      return /* @__PURE__ */ jsx32(
+      return /* @__PURE__ */ jsx33(
         DescriptionField,
         {
           value: editorState.componentDescription,
@@ -28253,7 +28415,7 @@ function FieldEditor({
         valueText,
         innerWidth
       );
-      return /* @__PURE__ */ jsx32(
+      return /* @__PURE__ */ jsx33(
         PropRow,
         {
           prop: p,
@@ -28280,7 +28442,7 @@ function FieldEditor({
       valueText,
       innerWidth
     );
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(
       SlotRow,
       {
         slot: s,
@@ -28292,7 +28454,7 @@ function FieldEditor({
       key
     );
   };
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     FixedPanel,
     {
       width,
@@ -28301,9 +28463,9 @@ function FieldEditor({
       borderStyle: "single",
       borderColor: hasEmptyProperties ? PALETTE.warning : active ? PALETTE.accent : PALETTE.border,
       children: [
-        hasEmptyProperties && /* @__PURE__ */ jsx32(Text27, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
+        hasEmptyProperties && /* @__PURE__ */ jsx33(Text28, { 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__ */ jsx32(Box26, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33(Box27, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx33(
           PropRow,
           {
             prop: currentProp,
@@ -28319,7 +28481,7 @@ function FieldEditor({
             rationale: metadata?.props?.[currentProp.name]?.rationale ?? null,
             showRationale: showInlineRationales
           }
-        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx32(
+        ) : focusLevel === "field" && inSlots && currentSlot ? /* @__PURE__ */ jsx33(
           SlotRow,
           {
             slot: currentSlot,
@@ -28338,8 +28500,8 @@ function FieldEditor({
         ) : visibleRowSlice.map((row, index) => {
           const absoluteIndex = scrollStart + index;
           const key = rowKey(row, absoluteIndex);
-          return /* @__PURE__ */ jsx32(
-            Box26,
+          return /* @__PURE__ */ jsx33(
+            Box27,
             {
               ref: (node) => {
                 if (node) rowMeasureRefs.current.set(key, node);
@@ -28352,7 +28514,7 @@ function FieldEditor({
             `visible-${key}`
           );
         }) }),
-        categoryBelow && /* @__PURE__ */ jsx32(Text27, { color: PALETTE.success, bold: true, children: `(${categoryBelow} below)` }),
+        categoryBelow && /* @__PURE__ */ jsx33(Text28, { 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;
@@ -28361,50 +28523,50 @@ function FieldEditor({
           const src = metadata?.componentSource ?? null;
           const headerPath = path5 ?? "<unknown source path>";
           if (!start || !end2 || !src) {
-            return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-              /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
-              /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
-              /* @__PURE__ */ jsx32(Text27, { children: "[s] close" })
+            return /* @__PURE__ */ jsxs27(Box27, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+              /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
+              /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
+              /* @__PURE__ */ jsx33(Text28, { children: "[s] close" })
             ] });
           }
           const lines = src.split("\n").slice(Math.max(0, start - 1), end2);
-          return /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-            /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
-            lines.map((ln, i) => /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
-            /* @__PURE__ */ jsx32(Text27, { children: "[s] close \xB7 [Esc] close" })
+          return /* @__PURE__ */ jsxs27(Box27, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+            /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
+            lines.map((ln, i) => /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
+            /* @__PURE__ */ jsx33(Text28, { children: "[s] close \xB7 [Esc] close" })
           ] });
         })(),
-        showHelp && /* @__PURE__ */ jsxs26(Box26, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
-          /* @__PURE__ */ jsx32(Text27, { bold: true, color: PALETTE.accent, children: "Keybindings" }),
-          /* @__PURE__ */ jsx32(Text27, { children: " " }),
-          /* @__PURE__ */ jsx32(Text27, { bold: true, children: "Row navigation" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  \u2191/\u2193               move between rows" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  Enter            edit fields on the current row" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  d                delete the current prop or slot (asks to confirm)" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  Esc              exit the panel" }),
-          /* @__PURE__ */ jsx32(Text27, { children: " " }),
-          /* @__PURE__ */ jsx32(Text27, { bold: true, children: "Field editing" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  Space/Enter      toggle required" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  Type             edit description / string default" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  Esc              exit field-edit back to the row" }),
-          /* @__PURE__ */ jsx32(Text27, { children: " " }),
-          /* @__PURE__ */ jsx32(Text27, { bold: true, children: "Values / allowedComponents" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  \u2191\u2193               navigate the list" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  K / J            reorder up \xB7 down" }),
-          /* @__PURE__ */ jsx32(Text27, { children: " " }),
-          /* @__PURE__ */ jsx32(Text27, { bold: true, children: "Panels" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  s                toggle source-view for the current prop" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
-          /* @__PURE__ */ jsx32(Text27, { children: "  ?                toggle this overlay" }),
-          /* @__PURE__ */ jsx32(Text27, { children: " " }),
-          /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: "press ? or Esc to close" })
+        showHelp && /* @__PURE__ */ jsxs27(Box27, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
+          /* @__PURE__ */ jsx33(Text28, { bold: true, color: PALETTE.accent, children: "Keybindings" }),
+          /* @__PURE__ */ jsx33(Text28, { children: " " }),
+          /* @__PURE__ */ jsx33(Text28, { bold: true, children: "Row navigation" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  \u2191/\u2193               move between rows" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  Enter            edit fields on the current row" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  d                delete the current prop or slot (asks to confirm)" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  Esc              exit the panel" }),
+          /* @__PURE__ */ jsx33(Text28, { children: " " }),
+          /* @__PURE__ */ jsx33(Text28, { bold: true, children: "Field editing" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  \u2191/\u2193/\u2190\u2192           cycle through fields" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  Space/Enter      toggle required" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  Type             edit description / string default" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  Esc              exit field-edit back to the row" }),
+          /* @__PURE__ */ jsx33(Text28, { children: " " }),
+          /* @__PURE__ */ jsx33(Text28, { bold: true, children: "Values / allowedComponents" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  \u2191\u2193               navigate the list" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  K / J            reorder up \xB7 down" }),
+          /* @__PURE__ */ jsx33(Text28, { children: " " }),
+          /* @__PURE__ */ jsx33(Text28, { bold: true, children: "Panels" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  s                toggle source-view for the current prop" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
+          /* @__PURE__ */ jsx33(Text28, { children: "  ?                toggle this overlay" }),
+          /* @__PURE__ */ jsx33(Text28, { children: " " }),
+          /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, children: "press ? or Esc to close" })
         ] }),
-        validationError && /* @__PURE__ */ jsx32(Text27, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx32(Box26, { paddingTop: 1, children: /* @__PURE__ */ jsx32(Text27, { color: pendingDelete ? PALETTE.text : PALETTE.muted, children: modeLabel }) })
+        validationError && /* @__PURE__ */ jsx33(Text28, { color: PALETTE.error, children: "\u2717 " + validationError }),
+        /* @__PURE__ */ jsx33(Box27, { paddingTop: 1, children: /* @__PURE__ */ jsx33(Text28, { color: pendingDelete ? PALETTE.text : PALETTE.muted, children: modeLabel }) })
       ]
     }
   );
@@ -28461,23 +28623,23 @@ var init_wrap_text = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationaleLine.tsx
-import { Box as Box27, Text as Text28 } from "ink";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Box as Box28, Text as Text29 } from "ink";
+import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 function RationaleLine({ line, active }) {
   if (line.kind === "blank") {
-    return /* @__PURE__ */ jsx33(Box27, { children: /* @__PURE__ */ jsx33(Text28, { children: " " }) });
+    return /* @__PURE__ */ jsx34(Box28, { children: /* @__PURE__ */ jsx34(Text29, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx33(Box27, { children: /* @__PURE__ */ jsx33(Text28, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
+    return /* @__PURE__ */ jsx34(Box28, { children: /* @__PURE__ */ jsx34(Text29, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
   }
   if (line.kind === "label") {
-    return /* @__PURE__ */ jsxs27(Box27, { children: [
-      line.prefix && /* @__PURE__ */ jsx33(Text28, { children: line.prefix }),
-      /* @__PURE__ */ jsx33(Text28, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
-      line.suffix && /* @__PURE__ */ jsx33(Text28, { color: PALETTE.muted, children: line.suffix })
+    return /* @__PURE__ */ jsxs28(Box28, { children: [
+      line.prefix && /* @__PURE__ */ jsx34(Text29, { children: line.prefix }),
+      /* @__PURE__ */ jsx34(Text29, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
+      line.suffix && /* @__PURE__ */ jsx34(Text29, { color: PALETTE.muted, children: line.suffix })
     ] });
   }
-  return /* @__PURE__ */ jsx33(Box27, { children: /* @__PURE__ */ jsx33(Text28, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
+  return /* @__PURE__ */ jsx34(Box28, { children: /* @__PURE__ */ jsx34(Text29, { 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"() {
@@ -28487,8 +28649,8 @@ var init_RationaleLine = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ComponentRationalePanel.tsx
-import { Box as Box28, Text as Text29 } from "ink";
-import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Box as Box29, Text as Text30 } from "ink";
+import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
 function renderComponentRationaleLines(data, innerWidth) {
   const out = [];
   const pushSection = (heading, body) => {
@@ -28555,8 +28717,8 @@ function ComponentRationalePanel({
   const overflowed = totalLines > contentHeight;
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + contentHeight);
-  return /* @__PURE__ */ jsxs28(
-    Box28,
+  return /* @__PURE__ */ jsxs29(
+    Box29,
     {
       flexDirection: "column",
       width,
@@ -28564,9 +28726,9 @@ function ComponentRationalePanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__PURE__ */ jsx34(Box28, { children: /* @__PURE__ */ jsx34(Text29, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
-        visible.map((line, i) => /* @__PURE__ */ jsx34(RationaleLine, { line, active }, i)),
-        /* @__PURE__ */ jsx34(Box28, { children: overflowed ? /* @__PURE__ */ jsx34(Text29, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx34(Text29, { children: "[I/Esc] close" }) })
+        /* @__PURE__ */ jsx35(Box29, { children: /* @__PURE__ */ jsx35(Text30, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
+        visible.map((line, i) => /* @__PURE__ */ jsx35(RationaleLine, { line, active }, i)),
+        /* @__PURE__ */ jsx35(Box29, { children: overflowed ? /* @__PURE__ */ jsx35(Text30, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx35(Text30, { children: "[I/Esc] close" }) })
       ]
     }
   );
@@ -28583,10 +28745,10 @@ var init_ComponentRationalePanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/HighlightedLine.tsx
-import { Text as Text30 } from "ink";
-import { Fragment as Fragment7, jsx as jsx35 } from "react/jsx-runtime";
+import { Text as Text31 } from "ink";
+import { Fragment as Fragment8, jsx as jsx36 } from "react/jsx-runtime";
 function HighlightedLine({ parts }) {
-  return /* @__PURE__ */ jsx35(Fragment7, { children: parts.map((part, i) => /* @__PURE__ */ jsx35(Text30, { color: part.dim ? PALETTE.muted : part.color, children: part.text }, i)) });
+  return /* @__PURE__ */ jsx36(Fragment8, { children: parts.map((part, i) => /* @__PURE__ */ jsx36(Text31, { 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"() {
@@ -28596,8 +28758,8 @@ var init_HighlightedLine = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ScrollablePanel.tsx
-import { Box as Box29, Text as Text31 } from "ink";
-import { Fragment as Fragment8, jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Box as Box30, Text as Text32 } from "ink";
+import { Fragment as Fragment9, jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 function ScrollablePanel({
   title,
   width,
@@ -28610,12 +28772,12 @@ function ScrollablePanel({
   children
 }) {
   const overflowed = totalLines > height;
-  return /* @__PURE__ */ jsxs29(Box29, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
-    /* @__PURE__ */ jsxs29(Box29, { children: [
-      /* @__PURE__ */ jsx36(Text31, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
-      overflowed && /* @__PURE__ */ jsxs29(Fragment8, { children: [
-        /* @__PURE__ */ jsx36(Box29, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx36(Text31, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
+  return /* @__PURE__ */ jsxs30(Box30, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
+    /* @__PURE__ */ jsxs30(Box30, { children: [
+      /* @__PURE__ */ jsx37(Text32, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
+      overflowed && /* @__PURE__ */ jsxs30(Fragment9, { children: [
+        /* @__PURE__ */ jsx37(Box30, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx37(Text32, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
     children
@@ -28629,8 +28791,8 @@ var init_ScrollablePanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/JsonPanel.tsx
-import { Box as Box30 } from "ink";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { Box as Box31 } from "ink";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function highlightJson(line) {
   const parts = [];
   let remaining = line;
@@ -28668,7 +28830,7 @@ function highlightJson(line) {
     parts.push({ text: remaining[0] });
     remaining = remaining.slice(1);
   }
-  return /* @__PURE__ */ jsx37(HighlightedLine, { parts });
+  return /* @__PURE__ */ jsx38(HighlightedLine, { parts });
 }
 function truncateLine(line, maxWidth) {
   if (line.length <= maxWidth) return line;
@@ -28681,7 +28843,7 @@ function JsonPanel({ label, value, scrollOffset, width, height, active }) {
   const totalLines = allLines.length;
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + height);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     ScrollablePanel,
     {
       title: label,
@@ -28694,7 +28856,7 @@ function JsonPanel({ label, value, scrollOffset, width, height, active }) {
       borderColor: active ? "white" : void 0,
       children: visibleLines.map((line, i) => {
         const truncated = truncateLine(line, innerWidth);
-        return /* @__PURE__ */ jsx37(Box30, { children: highlightJson(truncated) }, i);
+        return /* @__PURE__ */ jsx38(Box31, { children: highlightJson(truncated) }, i);
       })
     }
   );
@@ -28708,7 +28870,7 @@ var init_JsonPanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationalePanel.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function renderRationaleLines(rows, innerWidth) {
   const out = [];
   rows.forEach((row, idx) => {
@@ -28741,7 +28903,7 @@ function RationalePanel({
   const visible = allLines.slice(scrollOffset, scrollOffset + height);
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + height);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     ScrollablePanel,
     {
       title: `RATIONALE \u2014 ${componentName}`,
@@ -28752,7 +28914,7 @@ function RationalePanel({
       visibleStart,
       visibleEnd,
       borderColor: active ? PALETTE.text : void 0,
-      children: visible.map((line, i) => /* @__PURE__ */ jsx38(RationaleLine, { line, active }, i))
+      children: visible.map((line, i) => /* @__PURE__ */ jsx39(RationaleLine, { line, active }, i))
     }
   );
 }
@@ -28768,8 +28930,8 @@ var init_RationalePanel = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/TokenReviewPanel.tsx
 import figures7 from "figures";
-import { Box as Box31, Text as Text32 } from "ink";
-import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Box as Box32, Text as Text33 } from "ink";
+import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
 function TokenReviewPanel({
   componentName,
   suggestions,
@@ -28788,8 +28950,8 @@ function TokenReviewPanel({
     const scrollStart = Math.max(0, Math.min(editCursor - Math.floor(visibleCount / 2), maxStart));
     const visiblePaths = current.paths.slice(scrollStart, scrollStart + visibleCount);
     const rangeLabel = current.paths.length === 0 ? "no compatible tokens" : `${scrollStart + 1}-${scrollStart + visiblePaths.length} of ${current.paths.length}`;
-    return /* @__PURE__ */ jsxs30(
-      Box31,
+    return /* @__PURE__ */ jsxs31(
+      Box32,
       {
         flexDirection: "column",
         width,
@@ -28797,16 +28959,16 @@ function TokenReviewPanel({
         borderStyle: "single",
         borderColor: active ? PALETTE.text : void 0,
         children: [
-          /* @__PURE__ */ jsx39(Text32, { bold: true, color: active ? void 0 : PALETTE.muted, wrap: "truncate", children: `Review mapped tokens \u2014 ${componentName} \xB7 ${current.propName}${current.kinds.length > 0 ? ` (${current.kinds.join(", ")})` : ""}` }),
-          /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, wrap: "truncate", children: `Tick the tokens this property may use (${rangeLabel}).` }),
-          /* @__PURE__ */ jsx39(Text32, { children: " " }),
-          current.paths.length === 0 && /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "(no compatible tokens found for this token kind)" }),
+          /* @__PURE__ */ jsx40(Text33, { bold: true, color: active ? void 0 : PALETTE.muted, wrap: "truncate", children: `Review mapped tokens \u2014 ${componentName} \xB7 ${current.propName}${current.kinds.length > 0 ? ` (${current.kinds.join(", ")})` : ""}` }),
+          /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, wrap: "truncate", children: `Tick the tokens this property may use (${rangeLabel}).` }),
+          /* @__PURE__ */ jsx40(Text33, { children: " " }),
+          current.paths.length === 0 && /* @__PURE__ */ jsx40(Text33, { 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__ */ jsx39(Box31, { children: /* @__PURE__ */ jsx39(
-              Text32,
+            return /* @__PURE__ */ jsx40(Box32, { children: /* @__PURE__ */ jsx40(
+              Text33,
               {
                 color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted,
                 bold: focused,
@@ -28815,15 +28977,15 @@ function TokenReviewPanel({
               }
             ) }, path5);
           }),
-          /* @__PURE__ */ jsx39(Text32, { children: " " }),
-          /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
-          /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
+          /* @__PURE__ */ jsx40(Text33, { children: " " }),
+          /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
+          /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs30(
-    Box31,
+  return /* @__PURE__ */ jsxs31(
+    Box32,
     {
       flexDirection: "column",
       width,
@@ -28831,33 +28993,33 @@ function TokenReviewPanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__PURE__ */ jsx39(Text32, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Review mapped tokens \u2014 ${componentName}` }),
-        /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, wrap: "truncate", children: `${componentName} has ${suggestions.length} design ${suggestions.length === 1 ? "prop" : "props"} of type token. Select which tokens are allowed for each property.` }),
-        /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, wrap: "truncate", children: "Suggested tokens come from the agent. Allowed tokens are what editors can pick in Contentful." }),
-        /* @__PURE__ */ jsx39(Text32, { children: " " }),
-        suggestions.length === 0 && /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
+        /* @__PURE__ */ jsx40(Text33, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Review mapped tokens \u2014 ${componentName}` }),
+        /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, wrap: "truncate", children: `${componentName} has ${suggestions.length} design ${suggestions.length === 1 ? "prop" : "props"} of type token. Select which tokens are allowed for each property.` }),
+        /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, wrap: "truncate", children: "Suggested tokens come from the agent. Allowed tokens are what editors can pick in Contentful." }),
+        /* @__PURE__ */ jsx40(Text33, { children: " " }),
+        suggestions.length === 0 && /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
-          return /* @__PURE__ */ jsxs30(Box31, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx39(Box31, { children: /* @__PURE__ */ jsx39(Text32, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures7.pointer : " "} ${s.propName}${s.kinds.length > 0 ? ` (${s.kinds.join(", ")})` : ""}` }) }),
-            /* @__PURE__ */ jsx39(
-              Text32,
+          return /* @__PURE__ */ jsxs31(Box32, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx40(Box32, { children: /* @__PURE__ */ jsx40(Text33, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures7.pointer : " "} ${s.propName}${s.kinds.length > 0 ? ` (${s.kinds.join(", ")})` : ""}` }) }),
+            /* @__PURE__ */ jsx40(
+              Text33,
               {
                 color: PALETTE.muted,
                 children: `  suggested: ${s.suggested.length > 0 ? s.suggested.join(", ") : "none"}`
               }
             ),
-            /* @__PURE__ */ jsx39(
-              Text32,
+            /* @__PURE__ */ jsx40(
+              Text33,
               {
                 color: PALETTE.muted,
                 children: `  allowed: ${s.allowed.length > 0 ? s.allowed.join(", ") : "none (any token)"}`
               }
             ),
-            /* @__PURE__ */ jsx39(Text32, { children: " " })
+            /* @__PURE__ */ jsx40(Text33, { children: " " })
           ] }, s.propName);
         }),
-        /* @__PURE__ */ jsx39(Text32, { color: PALETTE.muted, children: "[\u2191/\u2193] move  [Enter] edit allowed tokens  [Esc] close" })
+        /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, children: "[\u2191/\u2193] move  [Enter] edit allowed tokens  [Esc] close" })
       ]
     }
   );
@@ -28870,8 +29032,8 @@ var init_TokenReviewPanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/review-details-panel.tsx
-import { Text as Text33 } from "ink";
-import { Fragment as Fragment9, jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Text as Text34 } from "ink";
+import { Fragment as Fragment10, jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
 function ReviewDetailsPanel({
   selectedKey,
   panelOpen,
@@ -28906,7 +29068,7 @@ function ReviewDetailsPanel({
         rationale: s.rationale ?? ""
       }))
     ];
-    return /* @__PURE__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       RationalePanel,
       {
         componentName: componentRationale?.name ?? selectedKey,
@@ -28919,7 +29081,7 @@ function ReviewDetailsPanel({
     );
   }
   if (panelOpen === "component-rationale") {
-    return /* @__PURE__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       ComponentRationalePanel,
       {
         data: componentRationale ?? {
@@ -28944,14 +29106,14 @@ function ReviewDetailsPanel({
     const headerPath = path5 ?? "<unknown source path>";
     const sourceLineCount = Math.max(1, height - 4);
     const lines = source ? source.split("\n").slice(panelScrollOffset, panelScrollOffset + sourceLineCount) : [];
-    return /* @__PURE__ */ jsxs31(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
-      source ? lines.map((line, index) => /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, children: "(no source captured)" }),
-      /* @__PURE__ */ jsx40(Text33, { color: PALETTE.muted, wrap: "truncate-end", children: "[s/Esc] close" })
+    return /* @__PURE__ */ jsxs32(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
+      /* @__PURE__ */ jsx41(Text34, { color: PALETTE.muted, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
+      source ? lines.map((line, index) => /* @__PURE__ */ jsx41(Text34, { color: PALETTE.muted, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx41(Text34, { color: PALETTE.muted, children: "(no source captured)" }),
+      /* @__PURE__ */ jsx41(Text34, { color: PALETTE.muted, wrap: "truncate-end", children: "[s/Esc] close" })
     ] });
   }
   if (panelOpen === "token-review") {
-    return /* @__PURE__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       TokenReviewPanel,
       {
         componentName: selectedKey,
@@ -28967,7 +29129,7 @@ function ReviewDetailsPanel({
     );
   }
   if (showJson) {
-    return /* @__PURE__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       JsonPanel,
       {
         label: "GENERATED DEFINITION (read-only)",
@@ -28979,7 +29141,7 @@ function ReviewDetailsPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsx40(Fragment9, { children: editor });
+  return /* @__PURE__ */ jsx41(Fragment10, { children: editor });
 }
 var init_review_details_panel = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/09-review/review-details-panel.tsx"() {
@@ -28994,7 +29156,7 @@ var init_review_details_panel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDetailsEditor.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 import { createElement } from "react";
 function toFieldEditorMetadata(reviewMetadata) {
   if (!reviewMetadata) return void 0;
@@ -29028,7 +29190,7 @@ function ReviewDetailsEditor({
     jsonScrollOffset,
     currentTokenSuggestions
   } = reviewEditor;
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     ReviewDetailsPanel,
     {
       selectedKey,
@@ -29075,8 +29237,8 @@ var init_ReviewDetailsEditor = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewComponentPanel.tsx
-import { Box as Box32, Text as Text34 } from "ink";
-import { Fragment as Fragment10, jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Box as Box33, Text as Text35 } from "ink";
+import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
 function buildReviewFieldEditor(reviewEditor, selectedJson, onExit, overrides = {}) {
   return {
     value: reviewEditor.draftValue || selectedJson,
@@ -29116,24 +29278,24 @@ function ReviewEmptyComponentsWarning({
   hidden
 }) {
   if (hidden || count === 0) return null;
-  return /* @__PURE__ */ jsx42(Text34, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
+  return /* @__PURE__ */ jsx43(Text35, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx42(Box32, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx42(Text34, { color: PALETTE.muted, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx43(Box33, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx43(Text35, { color: PALETTE.muted, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
   hidden
 }) {
   if (hidden || !message) return null;
-  return /* @__PURE__ */ jsx42(Text34, { color: PALETTE.error, children: `\u26A0 ${message}` });
+  return /* @__PURE__ */ jsx43(Text35, { color: PALETTE.error, children: `\u26A0 ${message}` });
 }
 function ReviewPanelFooter({
   reviewEditor,
   sidebarFocused,
   sidebarFooter
 }) {
-  return /* @__PURE__ */ jsx42(Fragment10, { children: reviewEditor.panelOpen === "token-review" ? "" : sidebarFocused ? sidebarFooter : reviewEditor.showJson ? "  [\u2191\u2193] scroll  [Ctrl+u/d] half-page  [gg/G] top/bottom  [Tab] focus list" : "  [Tab] focus list  [Enter] edit fields" + (reviewEditor.currentTokenSuggestions().length > 0 ? "  [t] review mapped tokens" : "") });
+  return /* @__PURE__ */ jsx43(Fragment11, { children: reviewEditor.panelOpen === "token-review" ? "" : sidebarFocused ? sidebarFooter : reviewEditor.showJson ? "  [\u2191\u2193] scroll  [Ctrl+u/d] half-page  [gg/G] top/bottom  [Tab] focus list" : "  [Tab] focus list  [Enter] edit fields" + (reviewEditor.currentTokenSuggestions().length > 0 ? "  [t] review mapped tokens" : "") });
 }
 function ReviewComponentTitle({
   selectedKey,
@@ -29141,10 +29303,10 @@ function ReviewComponentTitle({
   slotCount,
   sidebarFocused
 }) {
-  return /* @__PURE__ */ jsxs32(Box32, { paddingLeft: 2, paddingBottom: 1, children: [
-    /* @__PURE__ */ jsx42(Text34, { bold: true, wrap: "truncate-end", children: selectedKey }),
-    /* @__PURE__ */ jsx42(Box32, { flexGrow: 1 }),
-    /* @__PURE__ */ jsxs32(Text34, { color: PALETTE.muted, wrap: "truncate-end", children: [
+  return /* @__PURE__ */ jsxs33(Box33, { paddingLeft: 2, paddingBottom: 1, children: [
+    /* @__PURE__ */ jsx43(Text35, { bold: true, wrap: "truncate-end", children: selectedKey }),
+    /* @__PURE__ */ jsx43(Box33, { flexGrow: 1 }),
+    /* @__PURE__ */ jsxs33(Text35, { color: PALETTE.muted, wrap: "truncate-end", children: [
       propCount,
       " prop",
       propCount !== 1 ? "s" : "",
@@ -29173,8 +29335,8 @@ function ReviewComponentPanel({
   const slotCount = selectedEntry.$slots ? Object.keys(selectedEntry.$slots).length : 0;
   const contentHeight = Math.max(1, height - 2);
   const contentWidth = Math.max(1, width - 1);
-  return /* @__PURE__ */ jsx42(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
-    /* @__PURE__ */ jsx42(Box32, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs33(Box33, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
+    /* @__PURE__ */ jsx43(Box33, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx43(
       ReviewDetailsEditor,
       {
         selectedKey,
@@ -29187,7 +29349,7 @@ function ReviewComponentPanel({
         jsonValue,
         sidebarFocused,
         fieldEditor,
-        header: /* @__PURE__ */ jsx42(
+        header: /* @__PURE__ */ jsx43(
           ReviewComponentTitle,
           {
             selectedKey,
@@ -29198,8 +29360,8 @@ function ReviewComponentPanel({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx42(Box32, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx42(Text34, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
-    /* @__PURE__ */ jsx42(Box32, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx42(Text34, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx43(Box33, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx43(Text35, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
+    /* @__PURE__ */ jsx43(Box33, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx43(Text35, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx43(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -29220,8 +29382,8 @@ var init_ReviewComponentPanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewStatus.tsx
-import { Box as Box33, Text as Text35 } from "ink";
-import { jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Box as Box34, Text as Text36 } from "ink";
+import { jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
 function countReviewStatuses(entries) {
   return entries.reduce(
     (counts, entry) => {
@@ -29234,13 +29396,13 @@ function countReviewStatuses(entries) {
   );
 }
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx43(Box33, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx43(Text35, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx44(Box34, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
-  return /* @__PURE__ */ jsxs33(Box33, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx43(Text35, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx43(Text35, { children: " " }),
-    /* @__PURE__ */ jsx43(ControlHints, { hints: [{ keys: "q / Enter / Esc", label: "Quit" }] })
+  return /* @__PURE__ */ jsxs34(Box34, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx44(Text36, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx44(Text36, { children: " " }),
+    /* @__PURE__ */ jsx44(ControlHints, { hints: [{ keys: "q / Enter / Esc", label: "Quit" }] })
   ] });
 }
 var init_ReviewStatus = __esm({
@@ -29464,8 +29626,8 @@ var init_run_live_preview = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FinalizeDialog.tsx
-import { Box as Box34, Text as Text36 } from "ink";
-import { Fragment as Fragment11, jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Box as Box35, Text as Text37 } from "ink";
+import { Fragment as Fragment12, jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
 function FinalizeDialog({
   accepted,
   rejected,
@@ -29493,51 +29655,51 @@ function FinalizeDialog({
   const windowed = removed.slice(offset, offset + FINALIZE_REMOVED_WINDOW);
   const hasMoreBelow = offset + FINALIZE_REMOVED_WINDOW < removed.length;
   const hasMoreAbove = offset > 0;
-  return /* @__PURE__ */ jsx44(Box34, { width: "100%", paddingX: 2, children: /* @__PURE__ */ jsxs34(Box34, { flexDirection: "column", alignItems: "flex-start", children: [
-    /* @__PURE__ */ jsx44(Text36, { bold: true, children: "Finalize" }),
-    /* @__PURE__ */ jsx44(Text36, { children: " " }),
-    /* @__PURE__ */ jsxs34(Text36, { children: [
-      /* @__PURE__ */ jsxs34(Text36, { color: PALETTE.success, children: [
+  return /* @__PURE__ */ jsx45(Box35, { width: "100%", paddingX: 2, children: /* @__PURE__ */ jsxs35(Box35, { flexDirection: "column", alignItems: "flex-start", children: [
+    /* @__PURE__ */ jsx45(Text37, { bold: true, children: "Finalize" }),
+    /* @__PURE__ */ jsx45(Text37, { children: " " }),
+    /* @__PURE__ */ jsxs35(Text37, { children: [
+      /* @__PURE__ */ jsxs35(Text37, { color: PALETTE.success, children: [
         accepted,
         " accepted"
       ] }),
-      /* @__PURE__ */ jsx44(Text36, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs34(Text36, { color: PALETTE.error, children: [
+      /* @__PURE__ */ jsx45(Text37, { children: " \xB7 " }),
+      /* @__PURE__ */ jsxs35(Text37, { color: PALETTE.error, children: [
         rejected,
         " rejected"
       ] }),
-      /* @__PURE__ */ jsx44(Text36, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs34(Text36, { color: PALETTE.muted, children: [
+      /* @__PURE__ */ jsx45(Text37, { children: " \xB7 " }),
+      /* @__PURE__ */ jsxs35(Text37, { color: PALETTE.muted, children: [
         needsReview,
         " unresolved"
       ] })
     ] }),
-    /* @__PURE__ */ jsx44(Text36, { children: " " }),
-    noneAccepted && /* @__PURE__ */ jsxs34(Fragment11, { children: [
-      /* @__PURE__ */ jsx44(Text36, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
-      /* @__PURE__ */ jsx44(Text36, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
-      /* @__PURE__ */ jsx44(Text36, { children: " " })
+    /* @__PURE__ */ jsx45(Text37, { children: " " }),
+    noneAccepted && /* @__PURE__ */ jsxs35(Fragment12, { children: [
+      /* @__PURE__ */ jsx45(Text37, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
+      /* @__PURE__ */ jsx45(Text37, { color: PALETTE.warning, children: "Accept at least one component ([a] a row, [A] accept all) to push." }),
+      /* @__PURE__ */ jsx45(Text37, { children: " " })
     ] }),
-    !allResolved && /* @__PURE__ */ jsxs34(Fragment11, { children: [
-      /* @__PURE__ */ jsx44(Text36, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
-      /* @__PURE__ */ jsx44(Text36, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
-      /* @__PURE__ */ jsx44(Text36, { children: " " })
+    !allResolved && /* @__PURE__ */ jsxs35(Fragment12, { children: [
+      /* @__PURE__ */ jsx45(Text37, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
+      /* @__PURE__ */ jsx45(Text37, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
+      /* @__PURE__ */ jsx45(Text37, { children: " " })
     ] }),
-    /* @__PURE__ */ jsxs34(Box34, { flexDirection: "column", height: 2, children: [
-      previewStatus === "running" ? /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx44(Text36, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx44(Text36, { children: " " }),
-      /* @__PURE__ */ jsx44(Text36, { children: " " })
+    /* @__PURE__ */ jsxs35(Box35, { flexDirection: "column", height: 2, children: [
+      previewStatus === "running" ? /* @__PURE__ */ jsx45(Text37, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx45(Text37, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx45(Text37, { children: " " }),
+      /* @__PURE__ */ jsx45(Text37, { children: " " })
     ] }),
-    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs34(Fragment11, { children: [
-      /* @__PURE__ */ jsx44(Text36, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
-      hasMoreAbove && /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: "\u2191 more above" }),
-      windowed.map((rc) => /* @__PURE__ */ jsx44(Text36, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
-      hasMoreBelow && /* @__PURE__ */ jsx44(Text36, { color: PALETTE.muted, children: "\u2193 more below" }),
-      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx44(Text36, { children: "[\u2191\u2193] scroll deletions" }),
-      /* @__PURE__ */ jsx44(Text36, { children: " " })
+    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs35(Fragment12, { children: [
+      /* @__PURE__ */ jsx45(Text37, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
+      hasMoreAbove && /* @__PURE__ */ jsx45(Text37, { color: PALETTE.muted, children: "\u2191 more above" }),
+      windowed.map((rc) => /* @__PURE__ */ jsx45(Text37, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
+      hasMoreBelow && /* @__PURE__ */ jsx45(Text37, { color: PALETTE.muted, children: "\u2193 more below" }),
+      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx45(Text37, { children: "[\u2191\u2193] scroll deletions" }),
+      /* @__PURE__ */ jsx45(Text37, { children: " " })
     ] }),
-    /* @__PURE__ */ jsx44(Text36, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
-    /* @__PURE__ */ jsx44(Text36, { children: " " }),
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45(Text37, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
+    /* @__PURE__ */ jsx45(Text37, { children: " " }),
+    /* @__PURE__ */ jsx45(
       ControlHints,
       {
         hints: [
@@ -30005,8 +30167,8 @@ var init_use_review_surface_state = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/QuitDialog.tsx
-import { Box as Box35, Text as Text37 } from "ink";
-import { Fragment as Fragment12, jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Box as Box36, Text as Text38 } from "ink";
+import { Fragment as Fragment13, jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
 function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
   useImmediateInput((input, key) => {
     if (input === "y" || key.return) {
@@ -30015,16 +30177,16 @@ function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
       onCancel();
     }
   });
-  return /* @__PURE__ */ jsxs35(Box35, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
-    /* @__PURE__ */ jsx45(Text37, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
-    /* @__PURE__ */ jsx45(Text37, { children: " " }),
-    hasUnsavedDrafts ? /* @__PURE__ */ jsxs35(Fragment12, { children: [
-      /* @__PURE__ */ jsx45(Text37, { children: "You have unsaved draft edits." }),
-      /* @__PURE__ */ jsx45(Text37, { children: "Session state is preserved \u2014 you can resume" }),
-      /* @__PURE__ */ jsx45(Text37, { children: "by running the same review command again." })
-    ] }) : /* @__PURE__ */ jsx45(Text37, { children: "Session is saved. Quit without finalizing?" }),
-    /* @__PURE__ */ jsx45(Text37, { children: " " }),
-    /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs36(Box36, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
+    /* @__PURE__ */ jsx46(Text38, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
+    /* @__PURE__ */ jsx46(Text38, { children: " " }),
+    hasUnsavedDrafts ? /* @__PURE__ */ jsxs36(Fragment13, { children: [
+      /* @__PURE__ */ jsx46(Text38, { children: "You have unsaved draft edits." }),
+      /* @__PURE__ */ jsx46(Text38, { children: "Session state is preserved \u2014 you can resume" }),
+      /* @__PURE__ */ jsx46(Text38, { children: "by running the same review command again." })
+    ] }) : /* @__PURE__ */ jsx46(Text38, { children: "Session is saved. Quit without finalizing?" }),
+    /* @__PURE__ */ jsx46(Text38, { children: " " }),
+    /* @__PURE__ */ jsx46(
       ControlHints,
       {
         hints: [
@@ -30044,8 +30206,8 @@ var init_QuitDialog = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDialogs.tsx
-import { Box as Box36, Text as Text38 } from "ink";
-import { Fragment as Fragment13, jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Box as Box37, Text as Text39 } from "ink";
+import { Fragment as Fragment14, jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
 function ReviewFinalizeDialogs({
   showFinalize,
   showQuit,
@@ -30059,8 +30221,8 @@ function ReviewFinalizeDialogs({
   onQuitCancel
 }) {
   const { accepted, rejected, needsReview } = countReviewStatuses(components);
-  return /* @__PURE__ */ jsxs36(Fragment13, { children: [
-    showFinalize && /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsxs37(Fragment14, { children: [
+    showFinalize && /* @__PURE__ */ jsx47(
       FinalizeDialog,
       {
         accepted,
@@ -30073,7 +30235,7 @@ function ReviewFinalizeDialogs({
         onCancel: onFinalizeCancel
       }
     ),
-    showQuit && /* @__PURE__ */ jsx46(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
+    showQuit && /* @__PURE__ */ jsx47(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
   ] });
 }
 function ReviewStepDialogs({
@@ -30083,7 +30245,7 @@ function ReviewStepDialogs({
   onFinalize,
   onQuit
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     ReviewFinalizeDialogs,
     {
       showFinalize: surfaceState.showFinalize,
@@ -30101,12 +30263,12 @@ function ReviewStepDialogs({
 }
 function ReviewReloadDialog({ open }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsxs36(Box36, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx46(Text38, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
-    /* @__PURE__ */ jsx46(Text38, { children: "Unsaved in-memory changes will be lost." }),
-    /* @__PURE__ */ jsx46(Text38, { children: " " }),
-    /* @__PURE__ */ jsx46(Text38, { children: "  [Enter]  Confirm" }),
-    /* @__PURE__ */ jsx46(Text38, { children: "  [Esc]    Cancel" })
+  return /* @__PURE__ */ jsxs37(Box37, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
+    /* @__PURE__ */ jsx47(Text39, { children: "Unsaved in-memory changes will be lost." }),
+    /* @__PURE__ */ jsx47(Text39, { children: " " }),
+    /* @__PURE__ */ jsx47(Text39, { children: "  [Enter]  Confirm" }),
+    /* @__PURE__ */ jsx47(Text39, { children: "  [Esc]    Cancel" })
   ] });
 }
 var init_ReviewDialogs = __esm({
@@ -30629,8 +30791,8 @@ var init_use_review_log = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/LivePreviewSummary.tsx
-import { Box as Box37, Text as Text39 } from "ink";
-import { jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Box as Box38, Text as Text40 } from "ink";
+import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
 function LivePreviewSummary({
   enabled,
   previewAnnotations,
@@ -30644,19 +30806,19 @@ function LivePreviewSummary({
   const counts = { new: 0, changed: 0, removed: 0, breaking: 0 };
   for (const annotation of previewAnnotations.values()) counts[annotation] += 1;
   const hasCounts = counts.new + counts.changed + counts.removed + counts.breaking > 0;
-  if (disabled) return /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
-  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
+  if (disabled) return /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
+  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
   if (!hasCounts) return null;
-  return /* @__PURE__ */ jsxs37(Box37, { children: [
-    /* @__PURE__ */ jsx47(Text39, { children: "Preview: " }),
-    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.success, children: `${counts.new} new` }),
-    /* @__PURE__ */ jsx47(Text39, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.warning, children: `${counts.changed} changed` }),
-    /* @__PURE__ */ jsx47(Text39, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: `${counts.removed} removed` }),
-    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx47(Text39, { children: " ([d] removed list)" }),
-    /* @__PURE__ */ jsx47(Text39, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx47(Text39, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
+  return /* @__PURE__ */ jsxs38(Box38, { children: [
+    /* @__PURE__ */ jsx48(Text40, { children: "Preview: " }),
+    /* @__PURE__ */ jsx48(Text40, { color: PALETTE.success, children: `${counts.new} new` }),
+    /* @__PURE__ */ jsx48(Text40, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx48(Text40, { color: PALETTE.warning, children: `${counts.changed} changed` }),
+    /* @__PURE__ */ jsx48(Text40, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: `${counts.removed} removed` }),
+    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx48(Text40, { children: " ([d] removed list)" }),
+    /* @__PURE__ */ jsx48(Text40, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx48(Text40, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
   ] });
 }
 var init_LivePreviewSummary = __esm({
@@ -30669,8 +30831,8 @@ var init_LivePreviewSummary = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/generate-review-step.tsx
 import { useCallback as useCallback5, useEffect as useEffect24, useMemo as useMemo6, useRef as useRef17, useState as useState26 } from "react";
 import figures8 from "figures";
-import { Box as Box38, Text as Text40 } from "ink";
-import { Fragment as Fragment14, jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Box as Box39, Text as Text41 } from "ink";
+import { Fragment as Fragment15, jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
 function sortComponentsForSidebar(components, cycleParticipants) {
   const isEmpty2 = (entry) => Object.keys(entry.$properties ?? {}).length === 0 && Object.keys(entry.$slots ?? {}).length === 0;
   const tier = (c2) => {
@@ -30711,10 +30873,10 @@ function CyclePathLine({
   highlightComponents = false,
   highlightLine = false
 }) {
-  return /* @__PURE__ */ jsxs38(Text40, { color: highlightLine ? PALETTE.warning : void 0, children: [
+  return /* @__PURE__ */ jsxs39(Text41, { color: highlightLine ? PALETTE.warning : void 0, children: [
     prefix,
     segments.map(
-      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx48(Text40, { color: PALETTE.accent, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: segment.text }, index) : /* @__PURE__ */ jsx48(Text40, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
+      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx49(Text41, { color: PALETTE.accent, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: segment.text }, index) : /* @__PURE__ */ jsx49(Text41, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
     )
   ] });
 }
@@ -30726,31 +30888,31 @@ function CycleDetailPanel({
   height
 }) {
   const lines = [
-    /* @__PURE__ */ jsx48(Text40, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
-    /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
-    /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
-    /* @__PURE__ */ jsx48(Text40, { children: " " }, "cyc-space")
+    /* @__PURE__ */ jsx49(Text41, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${cycles.length})` }, "cyc-title"),
+    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "push will fail until these are resolved" }, "cyc-sub"),
+    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "Reject a cycle member or remove a slot edge to break the cycle." }, "cyc-guidance"),
+    /* @__PURE__ */ jsx49(Text41, { children: " " }, "cyc-space")
   ];
   cycles.forEach((cycle, index) => {
     const nodeCount = new Set(cycle.path).size;
     const isCursor = index === cursor;
     lines.push(
-      /* @__PURE__ */ jsx48(Text40, { bold: true, inverse: isCursor, children: `${isCursor ? figures8.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
-      /* @__PURE__ */ jsx48(CyclePathLine, { segments: formatCyclePathSegments2(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
+      /* @__PURE__ */ jsx49(Text41, { bold: true, inverse: isCursor, children: `${isCursor ? figures8.pointer : " "} Cycle ${index + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):` }, `cyc-h-${index}`),
+      /* @__PURE__ */ jsx49(CyclePathLine, { segments: formatCyclePathSegments2(cycle, 16), prefix: "    " }, `cyc-p-${index}`)
     );
     if (cycle.suggestedBreak) {
       lines.push(
-        /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
+        /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: `    Suggested fix: remove [${cycle.suggestedBreak.slotName}] from ${cycle.suggestedBreak.fromComponent}` }, `cyc-fix-${index}`)
       );
     }
-    lines.push(/* @__PURE__ */ jsx48(Text40, { children: " " }, `cyc-s-${index}`));
+    lines.push(/* @__PURE__ */ jsx49(Text41, { children: " " }, `cyc-s-${index}`));
   });
   const footer = "[\u2191\u2193] move  [Enter] fix cycle  [c/q/Esc] close";
   const viewportHeight = Math.max(1, height - 3);
   const visible = lines.slice(scrollOffset, scrollOffset + viewportHeight - 1);
-  return /* @__PURE__ */ jsxs38(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
+  return /* @__PURE__ */ jsxs39(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
     visible,
-    /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: footer })
+    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: footer })
   ] });
 }
 function BreakCyclePanel({
@@ -30761,14 +30923,14 @@ function BreakCyclePanel({
   width,
   height
 }) {
-  return /* @__PURE__ */ jsxs38(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
-    /* @__PURE__ */ jsx48(Text40, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
-    cycle && /* @__PURE__ */ jsx48(CyclePathLine, { segments: formatCyclePathSegments2(cycle), prefix: "  ", highlightComponents: true }),
-    /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
-    /* @__PURE__ */ jsx48(Text40, { children: " " }),
-    edges.length > 0 && /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: "remove slot edge:" }),
-    edges.map((edge, index) => /* @__PURE__ */ jsx48(Text40, { inverse: index === cursor, children: `${index === cursor ? figures8.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
-    confirming ? /* @__PURE__ */ jsx48(Text40, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx48(Text40, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
+  return /* @__PURE__ */ jsxs39(FixedPanel, { width, height, borderStyle: "round", borderColor: PALETTE.warning, paddingLeft: 1, children: [
+    /* @__PURE__ */ jsx49(Text41, { bold: true, color: PALETTE.warning, children: "BREAK CYCLE \u2014 remove a slot edge" }),
+    cycle && /* @__PURE__ */ jsx49(CyclePathLine, { segments: formatCyclePathSegments2(cycle), prefix: "  ", highlightComponents: true }),
+    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: cycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
+    /* @__PURE__ */ jsx49(Text41, { children: " " }),
+    edges.length > 0 && /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "remove slot edge:" }),
+    edges.map((edge, index) => /* @__PURE__ */ jsx49(Text41, { inverse: index === cursor, children: `${index === cursor ? figures8.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `${edge.fromComponent}-${edge.slotName}-${edge.toComponent}`)),
+    confirming ? /* @__PURE__ */ jsx49(Text41, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" }) : /* @__PURE__ */ jsx49(Text41, { children: "[\u2191\u2193] move  [Enter] delete  [x/Esc] close" })
   ] });
 }
 function buildBreakingRows(breakingChanges) {
@@ -30814,9 +30976,9 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    return /* @__PURE__ */ jsx48(Box38, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx48(Text40, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
+    return /* @__PURE__ */ jsx49(Box39, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx49(Text41, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
   }
-  return /* @__PURE__ */ jsx48(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
+  return /* @__PURE__ */ jsx49(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
 function GenerateReviewStepView({
   extractSessionId,
@@ -31678,13 +31840,13 @@ function GenerateReviewStepView({
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx48(ReviewLoadingState, {});
+    return /* @__PURE__ */ jsx49(ReviewLoadingState, {});
   }
   if (loadError) {
-    return /* @__PURE__ */ jsx48(ReviewLoadError, { message: loadError });
+    return /* @__PURE__ */ jsx49(ReviewLoadError, { message: loadError });
   }
   if (showHelp) {
-    return /* @__PURE__ */ jsx48(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
+    return /* @__PURE__ */ jsx49(HelpOverlay, { sections: HELP_SECTIONS2, handleInput: false, onClose: () => setShowHelp(false) });
   }
   const { selected, selectedJson, visibleJsonPanelValue } = getReviewSelectionState(
     components,
@@ -31724,9 +31886,9 @@ function GenerateReviewStepView({
     for (const c2 of closures.values()) if (c2.nodes.length > 1) return true;
     return false;
   })();
-  return /* @__PURE__ */ jsxs38(Box38, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx48(StepHeader, { step: "review" }),
-    /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs39(Box39, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx49(StepHeader, { step: "review" }),
+    /* @__PURE__ */ jsx49(
       ReviewStepDialogs,
       {
         surfaceState: reviewSurface,
@@ -31736,16 +31898,16 @@ function GenerateReviewStepView({
         onQuit
       }
     ),
-    /* @__PURE__ */ jsx48(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
-    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs38(Box38, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
-      /* @__PURE__ */ jsx48(Text40, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
-      !removedBannerCollapsed && /* @__PURE__ */ jsxs38(Fragment14, { children: [
-        /* @__PURE__ */ jsx48(Text40, { children: " " }),
-        removedComponents.map((rc) => /* @__PURE__ */ jsx48(Text40, { children: removedComponentLine(rc) }, rc.id))
+    /* @__PURE__ */ jsx49(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
+    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs39(Box39, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
+      /* @__PURE__ */ jsx49(Text41, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
+      !removedBannerCollapsed && /* @__PURE__ */ jsxs39(Fragment15, { children: [
+        /* @__PURE__ */ jsx49(Text41, { children: " " }),
+        removedComponents.map((rc) => /* @__PURE__ */ jsx49(Text41, { children: removedComponentLine(rc) }, rc.id))
       ] })
     ] }),
-    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx48(Box38, { paddingX: 1, children: /* @__PURE__ */ jsx48(
-      Text40,
+    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx49(Box39, { paddingX: 1, children: /* @__PURE__ */ jsx49(
+      Text41,
       {
         color: PALETTE.warning,
         children: `[b] ${breakingChanges.length} breaking change${breakingChanges.length === 1 ? "" : "s"}`
@@ -31755,14 +31917,14 @@ function GenerateReviewStepView({
       const row = breakingRows[breakingCursor];
       const comp = row ? breakingChanges.find((b) => b.componentName === row.componentName) : void 0;
       if (!comp) return null;
-      return /* @__PURE__ */ jsxs38(Box38, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx48(Text40, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
-        comp.impact && /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
-        comp.changes.length === 0 ? /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx48(Text40, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
-        /* @__PURE__ */ jsx48(Text40, { children: "[D/Esc] close detail" })
+      return /* @__PURE__ */ jsxs39(Box39, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+        /* @__PURE__ */ jsx49(Text41, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
+        comp.impact && /* @__PURE__ */ jsx49(Text41, { 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__ */ jsx49(Text41, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx49(Text41, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
+        /* @__PURE__ */ jsx49(Text41, { children: "[D/Esc] close detail" })
       ] });
     })(),
-    !dialogOpen && /* @__PURE__ */ jsx48(
+    !dialogOpen && /* @__PURE__ */ jsx49(
       LivePreviewSummary,
       {
         enabled: livePreview,
@@ -31781,16 +31943,16 @@ function GenerateReviewStepView({
       const participantSet = cycleView.structural;
       const members = stillRejected.filter((n) => participantSet.has(n)).sort();
       const ancestors = stillRejected.filter((n) => !participantSet.has(n)).sort();
-      return /* @__PURE__ */ jsxs38(Box38, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
-        /* @__PURE__ */ jsx48(Text40, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
-        members.length > 0 && /* @__PURE__ */ jsx48(Text40, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
-        ancestors.length > 0 && /* @__PURE__ */ jsx48(Text40, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
-        /* @__PURE__ */ jsx48(Text40, { color: PALETTE.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
+      return /* @__PURE__ */ jsxs39(Box39, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
+        /* @__PURE__ */ jsx49(Text41, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
+        members.length > 0 && /* @__PURE__ */ jsx49(Text41, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
+        ancestors.length > 0 && /* @__PURE__ */ jsx49(Text41, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
+        /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
       ] });
     })(),
-    /* @__PURE__ */ jsx48(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
-    /* @__PURE__ */ jsx48(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
-    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx48(
+    /* @__PURE__ */ jsx49(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
+    /* @__PURE__ */ jsx49(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
+    !dialogOpen && breakPanel.isOpen && /* @__PURE__ */ jsx49(
       BreakCyclePanel,
       {
         cycle: cycleRows[cyclesCursor],
@@ -31801,7 +31963,7 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx48(
+    !dialogOpen && cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsx49(
       CycleDetailPanel,
       {
         cycles: cycleRows,
@@ -31811,8 +31973,8 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs38(Box38, { children: [
-      breakingPanel.isOpen ? /* @__PURE__ */ jsx48(
+    !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs39(Box39, { children: [
+      breakingPanel.isOpen ? /* @__PURE__ */ jsx49(
         GotoBanner,
         {
           title: `Breaking changes \u2014 ${breakingRows[breakingCursor]?.componentName ?? "unknown component"}`,
@@ -31825,7 +31987,7 @@ function GenerateReviewStepView({
           width: sidebarWidth,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [D] detail \xB7 [Esc] close"
         }
-      ) : /* @__PURE__ */ jsx48(
+      ) : /* @__PURE__ */ jsx49(
         GroupedSidebar,
         {
           items: groupedItems,
@@ -31866,7 +32028,7 @@ function GenerateReviewStepView({
           graph: sidebarGraph
         }
       ),
-      selected ? /* @__PURE__ */ jsx48(
+      selected ? /* @__PURE__ */ jsx49(
         ReviewComponentPanel,
         {
           selectedKey: selected.key,
@@ -31896,12 +32058,12 @@ function GenerateReviewStepView({
           ),
           saveError: reviewEditor.saveError
         }
-      ) : /* @__PURE__ */ jsx48(ReviewNoSelection, {})
+      ) : /* @__PURE__ */ jsx49(ReviewNoSelection, {})
     ] }),
-    !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs38(Box38, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx48(Text40, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
+    !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs39(Box39, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx49(Text41, { 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__ */ jsx48(
+        return /* @__PURE__ */ jsx49(
           CyclePathLine,
           {
             segments: formatCyclePathSegments2(cycle),
@@ -31912,10 +32074,10 @@ function GenerateReviewStepView({
           `cyc-banner-${idx}`
         );
       }),
-      cycleRows.length > 3 && /* @__PURE__ */ jsx48(Text40, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
-      /* @__PURE__ */ jsx48(Text40, { children: "  press [c] for detail" })
+      cycleRows.length > 3 && /* @__PURE__ */ jsx49(Text41, { color: PALETTE.warning, children: `  \u2026${cycleRows.length - 3} more` }),
+      /* @__PURE__ */ jsx49(Text41, { children: "  press [c] for detail" })
     ] }),
-    /* @__PURE__ */ jsx48(
+    /* @__PURE__ */ jsx49(
       SearchMatchSummary,
       {
         open: searchOpen,
@@ -31926,7 +32088,7 @@ function GenerateReviewStepView({
         hidden: dialogOpen
       }
     ),
-    !dialogOpen && sidebarFocused && reviewEditor.panelOpen !== "token-review" && /* @__PURE__ */ jsx48(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
+    !dialogOpen && sidebarFocused && reviewEditor.panelOpen !== "token-review" && /* @__PURE__ */ jsx49(CompactControlBar, { hasGroupRoots, searchActive: searchOpen || searchQuery.length > 0 })
   ] });
 }
 var HELP_SECTIONS2;
@@ -32043,17 +32205,17 @@ var init_generate_review_step = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/CustomPromptBanner.tsx
-import { Box as Box39, Text as Text41 } from "ink";
-import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Box as Box40, Text as Text42 } from "ink";
+import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
 function CustomPromptBanner({ generatePromptPath }) {
   if (!generatePromptPath) return null;
-  return /* @__PURE__ */ jsxs39(Box39, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
-    generatePromptPath ? /* @__PURE__ */ jsxs39(Text41, { color: PALETTE.warning, children: [
+  return /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx50(Text42, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
+    generatePromptPath ? /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.warning, children: [
       "components: ",
       generatePromptPath
     ] }) : null,
-    /* @__PURE__ */ jsx49(Text41, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
+    /* @__PURE__ */ jsx50(Text42, { color: PALETTE.warning, children: "Bundled invariants (utility-wrapper rejection, description content rules) do NOT apply." })
   ] });
 }
 var init_CustomPromptBanner = __esm({
@@ -32082,15 +32244,15 @@ var init_contentful_urls2 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/SpaceEnvironment.tsx
-import { Box as Box40, Text as Text42 } from "ink";
-import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Box as Box41, Text as Text43 } from "ink";
+import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
 function SpaceEnvironment({ spaceId, environmentId }) {
-  return /* @__PURE__ */ jsxs40(Box40, { gap: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: "Space:" }),
-    /* @__PURE__ */ jsx50(Text42, { children: spaceId }),
-    /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: "/" }),
-    /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: "Environment:" }),
-    /* @__PURE__ */ jsx50(Text42, { children: environmentId })
+  return /* @__PURE__ */ jsxs41(Box41, { gap: 1, marginTop: 1, children: [
+    /* @__PURE__ */ jsx51(Text43, { color: PALETTE.muted, children: "Space:" }),
+    /* @__PURE__ */ jsx51(Text43, { children: spaceId }),
+    /* @__PURE__ */ jsx51(Text43, { color: PALETTE.muted, children: "/" }),
+    /* @__PURE__ */ jsx51(Text43, { color: PALETTE.muted, children: "Environment:" }),
+    /* @__PURE__ */ jsx51(Text43, { children: environmentId })
   ] });
 }
 var init_SpaceEnvironment = __esm({
@@ -32101,19 +32263,19 @@ var init_SpaceEnvironment = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/DoneStep.tsx
-import { Box as Box41, Text as Text43 } from "ink";
-import { Fragment as Fragment15, jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Box as Box42, Text as Text44 } from "ink";
+import { Fragment as Fragment16, jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
 function EntityRows({ entity, label }) {
   const plural3 = (n) => `${n} ${label}${n !== 1 ? "s" : ""}`;
-  return /* @__PURE__ */ jsxs41(Fragment15, { children: [
-    ACTIONS.filter((action) => entity[action] > 0).map((action) => /* @__PURE__ */ jsxs41(Text43, { children: [
-      /* @__PURE__ */ jsx51(Text43, { color: PALETTE.success, children: "\u2713" }),
+  return /* @__PURE__ */ jsxs42(Fragment16, { children: [
+    ACTIONS.filter((action) => entity[action] > 0).map((action) => /* @__PURE__ */ jsxs42(Text44, { children: [
+      /* @__PURE__ */ jsx52(Text44, { color: PALETTE.success, children: "\u2713" }),
       " ",
       plural3(entity[action]),
       " ",
       action
     ] }, action)),
-    entity.failed > 0 && /* @__PURE__ */ jsxs41(Text43, { color: PALETTE.error, children: [
+    entity.failed > 0 && /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.error, children: [
       "\u2717 ",
       plural3(entity.failed),
       " failed \u2014 check logs above"
@@ -32121,9 +32283,9 @@ function EntityRows({ entity, label }) {
   ] });
 }
 function LinkRow({ title, url }) {
-  return /* @__PURE__ */ jsxs41(Box41, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx51(Text43, { color: PALETTE.muted, children: title }),
-    /* @__PURE__ */ jsx51(Text43, { color: PALETTE.accent, children: url })
+  return /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx52(Text44, { color: PALETTE.muted, children: title }),
+    /* @__PURE__ */ jsx52(Text44, { color: PALETTE.accent, children: url })
   ] });
 }
 function DoneStep({
@@ -32147,29 +32309,29 @@ function DoneStep({
   const totalPushed = componentTypes.created + componentTypes.updated + componentTypes.removed + designTokens.created + designTokens.updated + designTokens.removed;
   const success = totalFailed === 0;
   const urlArgs = { host: host ?? "api.contentful.com", spaceId, environmentId };
-  return /* @__PURE__ */ jsxs41(Box41, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx51(StepHeader, { step: "done" }),
-    /* @__PURE__ */ jsxs41(Box41, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      success ? /* @__PURE__ */ jsx51(Text43, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx51(Text43, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
-      totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx51(Text43, { color: PALETTE.muted, children: credentialsSkipped ? "Nothing was pushed \u2014 you skipped the Contentful credentials, so the files were only saved locally." : "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs41(Box41, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx51(EntityRows, { entity: componentTypes, label: "Component" }),
-        /* @__PURE__ */ jsx51(EntityRows, { entity: designTokens, label: "Design Token" }),
-        summary && /* @__PURE__ */ jsx51(Box41, { marginTop: 1, children: /* @__PURE__ */ jsxs41(Text43, { color: PALETTE.muted, children: [
+  return /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx52(StepHeader, { step: "done" }),
+    /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      success ? /* @__PURE__ */ jsx52(Text44, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx52(Text44, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
+      totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx52(Text44, { color: PALETTE.muted, children: credentialsSkipped ? "Nothing was pushed \u2014 you skipped the Contentful credentials, so the files were only saved locally." : "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx52(EntityRows, { entity: componentTypes, label: "Component" }),
+        /* @__PURE__ */ jsx52(EntityRows, { entity: designTokens, label: "Design Token" }),
+        summary && /* @__PURE__ */ jsx52(Box42, { marginTop: 1, children: /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.muted, children: [
           "Push result: ",
           summary.succeeded,
           "/",
           summary.total,
           " succeeded",
-          summary.failed > 0 && /* @__PURE__ */ jsxs41(Text43, { color: PALETTE.error, children: [
+          summary.failed > 0 && /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.error, children: [
             ", ",
             summary.failed,
             " failed"
           ] })
         ] }) })
       ] }),
-      failures.length > 0 && /* @__PURE__ */ jsxs41(Box41, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx51(Text43, { bold: true, color: PALETTE.error, children: "Failure details" }),
-        failures.map((failure) => /* @__PURE__ */ jsxs41(Text43, { color: PALETTE.error, children: [
+      failures.length > 0 && /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx52(Text44, { bold: true, color: PALETTE.error, children: "Failure details" }),
+        failures.map((failure) => /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.error, children: [
           failure.entityType,
           " ",
           failure.entityId,
@@ -32177,11 +32339,11 @@ function DoneStep({
           failure.message
         ] }, `${failure.entityType}:${failure.entityId}`))
       ] }),
-      /* @__PURE__ */ jsx51(SpaceEnvironment, { spaceId, environmentId }),
-      success && totalPushed > 0 && /* @__PURE__ */ jsxs41(Box41, { flexDirection: "column", gap: 1, children: [
-        /* @__PURE__ */ jsx51(Text43, { color: PALETTE.success, children: "Your design system is now in Contentful Experiences." }),
-        produced.components && /* @__PURE__ */ jsx51(LinkRow, { title: "View your components here:", url: buildPostPushUrl2(urlArgs) }),
-        produced.tokens && /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx52(SpaceEnvironment, { spaceId, environmentId }),
+      success && totalPushed > 0 && /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", gap: 1, children: [
+        /* @__PURE__ */ jsx52(Text44, { color: PALETTE.success, children: "Your design system is now in Contentful Experiences." }),
+        produced.components && /* @__PURE__ */ jsx52(LinkRow, { title: "View your components here:", url: buildPostPushUrl2(urlArgs) }),
+        produced.tokens && /* @__PURE__ */ jsx52(
           LinkRow,
           {
             title: "View your design tokens here:",
@@ -32189,7 +32351,7 @@ function DoneStep({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx51(ControlHints, { hints: [{ keys: "Enter / q", label: "Exit" }] })
+      /* @__PURE__ */ jsx52(ControlHints, { hints: [{ keys: "Enter / q", label: "Exit" }] })
     ] })
   ] });
 }
@@ -32248,10 +32410,10 @@ var init_use_blinking_cursor = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PathPrompt.tsx
 import { useState as useState28 } from "react";
-import { Box as Box42, Text as Text44 } from "ink";
+import { Box as Box43, Text as Text45 } from "ink";
 import { readdirSync as readdirSync4 } from "node:fs";
 import { dirname as dirname17, basename as basename6, join as join23 } from "node:path";
-import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
 function autocomplete(partial) {
   if (!partial) return null;
   const normalized = normalizePath(partial);
@@ -32309,20 +32471,20 @@ function PathPrompt({
   const shown = input || defaultPath;
   const isPlaceholder = input === "";
   const cursor = cursorVisible ? "\u2588" : " ";
-  return /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx52(StepHeader, { step: "push" }),
-    /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      summary && /* @__PURE__ */ jsx52(Text44, { color: PALETTE.muted, children: summary }),
-      /* @__PURE__ */ jsxs42(Box42, { gap: 1, children: [
-        /* @__PURE__ */ jsx52(Text44, { color: PALETTE.accent, children: "?" }),
-        /* @__PURE__ */ jsxs42(Text44, { bold: true, children: [
+  return /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx53(StepHeader, { step: "push" }),
+    /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      summary && /* @__PURE__ */ jsx53(Text45, { color: PALETTE.muted, children: summary }),
+      /* @__PURE__ */ jsxs43(Box43, { gap: 1, children: [
+        /* @__PURE__ */ jsx53(Text45, { color: PALETTE.accent, children: "?" }),
+        /* @__PURE__ */ jsxs43(Text45, { bold: true, children: [
           label,
           ":"
         ] }),
-        /* @__PURE__ */ jsx52(Text44, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
-        /* @__PURE__ */ jsx52(Text44, { children: cursor })
+        /* @__PURE__ */ jsx53(Text45, { color: isPlaceholder ? PALETTE.muted : void 0, children: shown }),
+        /* @__PURE__ */ jsx53(Text45, { children: cursor })
       ] }),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         ControlHints,
         {
           hints: [
@@ -32372,8 +32534,8 @@ var init_produced = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-timed-spinner.tsx
 import { useEffect as useEffect26, useState as useState29 } from "react";
-import { Spinner as Spinner2 } from "@inkjs/ui";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { Spinner as Spinner3 } from "@inkjs/ui";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function useTimedSpinner() {
   const [elapsedSeconds, setElapsedSeconds] = useState29(0);
   useEffect26(() => {
@@ -32385,7 +32547,7 @@ function useTimedSpinner() {
   const mins = Math.floor(elapsedSeconds / 60);
   const secs = elapsedSeconds % 60;
   return {
-    spinner: /* @__PURE__ */ jsx53(Spinner2, {}),
+    spinner: /* @__PURE__ */ jsx54(Spinner3, {}),
     elapsed: mins > 0 ? `${mins}m ${secs}s` : `${secs}s`
   };
 }
@@ -32396,47 +32558,52 @@ var init_use_timed_spinner = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PushingStep.tsx
-import { Box as Box43, Text as Text45 } from "ink";
+import { Box as Box44, Text as Text46 } from "ink";
 import { ProgressBar as ProgressBar2, ThemeProvider as ThemeProvider2 } from "@inkjs/ui";
-import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 function PushingStep({ progress, produced, counts }) {
   const { spinner, elapsed } = useTimedSpinner();
   const operationId = progress && progress.kind === "queued" ? progress.operationId : null;
   const showGlobal = progress && progress.kind === "progress";
   const showCurrent = progress && progress.kind === "progress" && progress.current ? progress.current : null;
-  return /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx54(StepHeader, { step: "push" }),
-    /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsxs43(Box43, { gap: 1, children: [
+  const items = progress && progress.kind === "progress" ? progress.items : [];
+  return /* @__PURE__ */ jsxs44(Box44, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx55(StepHeader, { step: "push" }),
+    /* @__PURE__ */ jsx55(AsideLayout, { aside: items.length > 0 ? /* @__PURE__ */ jsx55(ActivityPanel, { title: "Entities", items }) : void 0, children: /* @__PURE__ */ jsxs44(Box44, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsxs44(Box44, { gap: 1, children: [
         spinner,
-        /* @__PURE__ */ jsxs43(Text45, { children: [
+        /* @__PURE__ */ jsxs44(Text46, { children: [
           "Writing ",
           countedThings(produced, counts),
           " to your Contentful space..."
         ] })
       ] }),
-      operationId && /* @__PURE__ */ jsxs43(Box43, { gap: 1, children: [
-        /* @__PURE__ */ jsx54(Text45, { color: PALETTE.muted, children: "Operation:" }),
-        /* @__PURE__ */ jsx54(Text45, { children: operationId })
+      operationId && /* @__PURE__ */ jsxs44(Box44, { gap: 1, children: [
+        /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: "Operation:" }),
+        /* @__PURE__ */ jsx55(Text46, { children: operationId })
       ] }),
-      showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx54(Box43, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs43(Box43, { gap: 2, children: [
-        /* @__PURE__ */ jsx54(Box43, { width: 40, children: /* @__PURE__ */ jsx54(ThemeProvider2, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx54(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
-        /* @__PURE__ */ jsxs43(Text45, { color: PALETTE.muted, children: [
+      showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx55(Box44, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs44(Box44, { gap: 2, children: [
+        /* @__PURE__ */ jsx55(Box44, { width: 40, children: /* @__PURE__ */ jsx55(ThemeProvider2, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx55(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
+        /* @__PURE__ */ jsxs44(Text46, { color: PALETTE.muted, children: [
           progress.processed,
           "/",
           progress.total,
           " entities"
+        ] }),
+        progress.failed > 0 && /* @__PURE__ */ jsxs44(Text46, { color: PALETTE.error, children: [
+          progress.failed,
+          " failed"
         ] })
       ] }) }),
-      showCurrent && /* @__PURE__ */ jsxs43(Box43, { gap: 1, children: [
-        /* @__PURE__ */ jsx54(Text45, { color: PALETTE.muted, children: "Now processing:" }),
-        /* @__PURE__ */ jsx54(Text45, { children: showCurrent })
+      showCurrent && /* @__PURE__ */ jsxs44(Box44, { gap: 1, children: [
+        /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: "Now processing:" }),
+        /* @__PURE__ */ jsx55(Text46, { children: showCurrent })
       ] }),
-      /* @__PURE__ */ jsx54(Box43, { marginTop: 1, children: /* @__PURE__ */ jsxs43(Text45, { color: PALETTE.muted, children: [
+      /* @__PURE__ */ jsx55(Box44, { marginTop: 1, children: /* @__PURE__ */ jsxs44(Text46, { color: PALETTE.muted, children: [
         "Elapsed: ",
         elapsed
       ] }) })
-    ] })
+    ] }) })
   ] });
 }
 var init_PushingStep = __esm({
@@ -32445,6 +32612,7 @@ var init_PushingStep = __esm({
     init_StepHeader();
     init_produced();
     init_use_timed_spinner();
+    init_activity_panel();
     init_theme2();
     init_theme();
   }
@@ -32646,8 +32814,8 @@ var init_preview_confirmation_input = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx
 import { useEffect as useEffect27, useState as useState30, useMemo as useMemo7 } from "react";
-import { Box as Box44, Text as Text46 } from "ink";
-import { Fragment as Fragment16, jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Box as Box45, Text as Text47 } from "ink";
+import { Fragment as Fragment17, jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
 function buildPreviewSummaryLines(preview) {
   const lines = [];
   const { components, tokens } = preview;
@@ -32899,12 +33067,12 @@ function WizardPreviewStep({
       return;
     }
   });
-  return /* @__PURE__ */ jsxs44(Box44, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx55(StepHeader, { step: "push" }),
-    /* @__PURE__ */ jsxs44(Box44, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 2, children: [
-      hasAnything ? /* @__PURE__ */ jsxs44(Fragment16, { children: [
-        /* @__PURE__ */ jsx55(Text46, { children: "Here's what will happen in your space:" }),
-        /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs45(Box45, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx56(StepHeader, { step: "push" }),
+    /* @__PURE__ */ jsxs45(Box45, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 2, children: [
+      hasAnything ? /* @__PURE__ */ jsxs45(Fragment17, { children: [
+        /* @__PURE__ */ jsx56(Text47, { children: "Here's what will happen in your space:" }),
+        /* @__PURE__ */ jsxs45(
           WindowedPanel,
           {
             width: Math.max(20, terminalColumns - 4),
@@ -32912,15 +33080,15 @@ function WizardPreviewStep({
             title: diffExpanded ? `Diff (${diffLines.length} lines)` : "",
             focused: false,
             children: [
-              activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx55(Text46, { color: line.color, wrap: "truncate-end", children: line.text }, line.key)),
-              /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
+              activeLines.slice(boundedScrollOffset, boundedScrollOffset + viewportHeight).map((line) => /* @__PURE__ */ jsx56(Text47, { color: line.color, wrap: "truncate-end", children: line.text }, line.key)),
+              /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, wrap: "truncate-end", children: formatPreviewScrollIndicator(activeLines.length, boundedScrollOffset, viewportHeight) })
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: "Nothing to push \u2014 everything is already up to date." }),
-      breakingWithImpact && /* @__PURE__ */ jsx55(Box44, { marginTop: 1, children: /* @__PURE__ */ jsx55(Text46, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
-      /* @__PURE__ */ jsx55(SpaceEnvironment, { spaceId, environmentId }),
-      /* @__PURE__ */ jsx55(Box44, { marginTop: 1, children: /* @__PURE__ */ jsx55(
+      ] }) : /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: "Nothing to push \u2014 everything is already up to date." }),
+      breakingWithImpact && /* @__PURE__ */ jsx56(Box45, { marginTop: 1, children: /* @__PURE__ */ jsx56(Text47, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
+      /* @__PURE__ */ jsx56(SpaceEnvironment, { spaceId, environmentId }),
+      /* @__PURE__ */ jsx56(Box45, { marginTop: 1, children: /* @__PURE__ */ jsx56(
         ControlHints,
         {
           hints: [
@@ -33167,8 +33335,8 @@ var init_use_flow_log = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
-import { Box as Box45 } from "ink";
-import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Box as Box46 } from "ink";
+import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
 function canEditFromPreview(cdf) {
   if (!cdf) return false;
   return parseCDFComponents(cdf).components.length > 0;
@@ -33188,7 +33356,7 @@ function FlowScreen({
   const content = (() => {
     switch (state2.step) {
       case "final-review":
-        return /* @__PURE__ */ jsx56(
+        return /* @__PURE__ */ jsx57(
           GenerateReviewStep,
           {
             extractSessionId: state2.extractSessionId,
@@ -33205,10 +33373,10 @@ function FlowScreen({
           }
         );
       case "previewing":
-        return /* @__PURE__ */ jsx56(RunningStep, { step: "push", description: `Computing diff for ${things} against your Contentful space...` });
+        return /* @__PURE__ */ jsx57(RunningStep, { step: "push", description: `Computing diff for ${things} against your Contentful space...` });
       case "preview-gate":
         if (!state2.serverPreview) return null;
-        return /* @__PURE__ */ jsx56(
+        return /* @__PURE__ */ jsx57(
           WizardPreviewStep,
           {
             preview: state2.serverPreview,
@@ -33220,9 +33388,9 @@ function FlowScreen({
           }
         );
       case "pushing":
-        return /* @__PURE__ */ jsx56(PushingStep, { progress: state2.pushProgress, produced, counts });
+        return /* @__PURE__ */ jsx57(PushingStep, { progress: state2.pushProgress, produced, counts });
       case "path-prompt":
-        return /* @__PURE__ */ jsx56(
+        return /* @__PURE__ */ jsx57(
           PathPrompt,
           {
             summary: `Saving ${things}${state2.credentialsSkipped ? "" : " and pushing them to your Contentful space"}.`,
@@ -33232,10 +33400,10 @@ function FlowScreen({
           }
         );
       case "printing":
-        return /* @__PURE__ */ jsx56(RunningStep, { step: "push", description: "Writing output files to disk..." });
+        return /* @__PURE__ */ jsx57(RunningStep, { step: "push", description: "Writing output files to disk..." });
       case "print-gate": {
         const teaser = buildRunTeaserLine(state2.lastRunId);
-        return /* @__PURE__ */ jsx56(
+        return /* @__PURE__ */ jsx57(
           GateStep,
           {
             step: "push",
@@ -33250,7 +33418,7 @@ function FlowScreen({
       }
       case "done": {
         const totalFailed = state2.pushResult.componentTypes.failed + state2.pushResult.designTokens.failed;
-        return /* @__PURE__ */ jsx56(
+        return /* @__PURE__ */ jsx57(
           DoneStep,
           {
             componentTypes: state2.pushResult.componentTypes,
@@ -33267,7 +33435,7 @@ function FlowScreen({
         );
       }
       case "preview-validation-error":
-        return /* @__PURE__ */ jsx56(
+        return /* @__PURE__ */ jsx57(
           PreviewValidationErrorScreen,
           {
             errors: state2.previewValidationErrors,
@@ -33278,7 +33446,7 @@ function FlowScreen({
           }
         );
       case "error":
-        return /* @__PURE__ */ jsx56(
+        return /* @__PURE__ */ jsx57(
           ErrorStep,
           {
             stepName: state2.errorStep,
@@ -33289,8 +33457,8 @@ function FlowScreen({
         );
     }
   })();
-  return /* @__PURE__ */ jsxs45(Box45, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx56(CustomPromptBanner, { generatePromptPath }),
+  return /* @__PURE__ */ jsxs46(Box46, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx57(CustomPromptBanner, { generatePromptPath }),
     content
   ] });
 }
@@ -33502,6 +33670,21 @@ var init_preview2 = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/push-progress.ts
+function activityFromItems(items) {
+  return items.filter((item) => item.status !== "queued").map((item) => ({
+    name: item.id,
+    state: item.status === "failed" ? "failed" : "done",
+    detail: `${item.action} ${item.entityType === "DesignToken" ? "token" : "component"}`,
+    ...item.error ? { error: typeof item.error === "string" ? item.error : item.error.message } : {}
+  }));
+}
+var init_push_progress = __esm({
+  "packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/push-progress.ts"() {
+    "use strict";
+  }
+});
+
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/push.ts
 async function runPush(input, deps, onPatch) {
   if (shouldRefusePush(input.state)) return buildSkippedPushTransition();
@@ -33554,7 +33737,16 @@ async function runPush(input, deps, onPatch) {
           const items = op.items ?? [];
           const lastDone = items.length > 0 ? items[items.length - 1] : null;
           const current = lastDone && lastDone.status === "succeeded" ? lastDone.id : null;
-          onPatch({ pushProgress: { kind: "progress", processed: done, total: summary.total, current } });
+          onPatch({
+            pushProgress: {
+              kind: "progress",
+              processed: done,
+              total: summary.total,
+              failed: summary.failed,
+              current,
+              items: activityFromItems(items)
+            }
+          });
         }
         safeLog(deps, { pollTick: { attempt: pollCount, status: op.sys.status, summary: op.summary } });
       }
@@ -33665,6 +33857,7 @@ var init_push = __esm({
     init_src3();
     init_src4();
     init_user_agent();
+    init_push_progress();
     init_wizard_state_transitions();
     realPushDeps = (log) => ({
       createClient: (options) => new ApiClient({ ...options, userAgent: cliUserAgent() }),
@@ -34210,14 +34403,14 @@ var init_help_info = __esm({
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
 import { useEffect as useEffect30, useState as useState31 } from "react";
-import { Box as Box46, Text as Text47, useInput as useInput13 } from "ink";
-import { Fragment as Fragment17, jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Box as Box47, Text as Text48, useInput as useInput13 } from "ink";
+import { Fragment as Fragment18, jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
 function Section({ title, rows }) {
-  return /* @__PURE__ */ jsxs46(Box46, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx57(Text47, { bold: true, color: PALETTE.accent, children: title }),
-    rows.map((row) => /* @__PURE__ */ jsxs46(Box46, { gap: 1, children: [
-      /* @__PURE__ */ jsx57(Box46, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text47, { color: PALETTE.muted, children: row.label }) }),
-      /* @__PURE__ */ jsx57(Text47, { children: row.value })
+  return /* @__PURE__ */ jsxs47(Box47, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx58(Text48, { bold: true, color: PALETTE.accent, children: title }),
+    rows.map((row) => /* @__PURE__ */ jsxs47(Box47, { gap: 1, children: [
+      /* @__PURE__ */ jsx58(Box47, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx58(Text48, { color: PALETTE.muted, children: row.label }) }),
+      /* @__PURE__ */ jsx58(Text48, { children: row.value })
     ] }, row.label))
   ] });
 }
@@ -34241,14 +34434,14 @@ function HelpScreen({ onDone }) {
       return;
     }
   });
-  return /* @__PURE__ */ jsxs46(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
-    /* @__PURE__ */ jsx57(Text47, { bold: true, children: "Help" }),
-    info ? /* @__PURE__ */ jsxs46(Fragment17, { children: [
-      /* @__PURE__ */ jsx57(Section, { title: "Where things are stored", rows: info.storage }),
-      /* @__PURE__ */ jsx57(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
-      /* @__PURE__ */ jsx57(Text47, { color: PALETTE.muted, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
-    ] }) : /* @__PURE__ */ jsx57(Text47, { color: PALETTE.accent, children: "Loading..." }),
-    /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs47(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx58(Text48, { bold: true, children: "Help" }),
+    info ? /* @__PURE__ */ jsxs47(Fragment18, { children: [
+      /* @__PURE__ */ jsx58(Section, { title: "Where things are stored", rows: info.storage }),
+      /* @__PURE__ */ jsx58(Section, { title: "Troubleshooting", rows: info.troubleshooting }),
+      /* @__PURE__ */ jsx58(Text48, { color: PALETTE.muted, children: "Hit a problem? Turn on Debug Mode in Settings, reproduce it, then share the session folder above. The CMA token is redacted from those logs." })
+    ] }) : /* @__PURE__ */ jsx58(Text48, { color: PALETTE.accent, children: "Loading..." }),
+    /* @__PURE__ */ jsx58(
       ControlHints,
       {
         hints: [
@@ -34271,8 +34464,8 @@ var init_PageContainer2 = __esm({
 
 // packages/experience-design-system-cli/src/tui/settings/PageContainer.tsx
 import { useState as useState32 } from "react";
-import { Box as Box47, Text as Text48, useInput as useInput14 } from "ink";
-import { jsx as jsx58, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Box as Box48, Text as Text49, useInput as useInput14 } from "ink";
+import { jsx as jsx59, jsxs as jsxs48 } from "react/jsx-runtime";
 function SettingsScreen({
   onNavigate,
   onBack
@@ -34303,15 +34496,15 @@ function SettingsScreen({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsxs47(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx58(Text48, { bold: true, children: "Settings" }),
-    /* @__PURE__ */ jsx58(Text48, { color: PALETTE.muted, children: " " }),
-    items.map((item, i) => /* @__PURE__ */ jsxs47(Text48, { color: i === focusIdx ? PALETTE.accent : void 0, children: [
+  return /* @__PURE__ */ jsxs48(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx59(Text49, { bold: true, children: "Settings" }),
+    /* @__PURE__ */ jsx59(Text49, { color: PALETTE.muted, children: " " }),
+    items.map((item, i) => /* @__PURE__ */ jsxs48(Text49, { color: i === focusIdx ? PALETTE.accent : void 0, children: [
       i === focusIdx ? "> " : "  ",
       item.label
     ] }, item.label)),
-    /* @__PURE__ */ jsx58(Text48, { children: " " }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(Text49, { children: " " }),
+    /* @__PURE__ */ jsx59(
       ControlHints,
       {
         hints: [
@@ -34580,15 +34773,15 @@ var init_agent_debug = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentStatusBadge.tsx
-import { Text as Text49 } from "ink";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { Text as Text50 } from "ink";
+import { jsx as jsx60 } from "react/jsx-runtime";
 function AgentStatusBadge({
   name,
   checks,
   binary
 }) {
   const { symbol, text, tone } = LIST_STATUS[checks ? statusFromChecks(name, checks, binary) : "checking"];
-  return /* @__PURE__ */ jsx59(Text49, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
+  return /* @__PURE__ */ jsx60(Text50, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
 }
 var TONE_COLOR;
 var init_AgentStatusBadge = __esm({
@@ -34606,12 +34799,12 @@ var init_AgentStatusBadge = __esm({
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx
 import { useEffect as useEffect31, useState as useState33 } from "react";
-import { Box as Box48, Text as Text50 } from "ink";
-import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Box as Box49, Text as Text51 } from "ink";
+import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
 function StatusHeading() {
-  return /* @__PURE__ */ jsxs48(Box48, { gap: 1, children: [
-    /* @__PURE__ */ jsx60(Text50, { bold: true, color: PALETTE.muted, children: "STATUS" }),
-    /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "\xB7 read only" })
+  return /* @__PURE__ */ jsxs49(Box49, { gap: 1, children: [
+    /* @__PURE__ */ jsx61(Text51, { bold: true, color: PALETTE.muted, children: "STATUS" }),
+    /* @__PURE__ */ jsx61(Text51, { color: PALETTE.muted, children: "\xB7 read only" })
   ] });
 }
 function AgentDetail({
@@ -34674,7 +34867,7 @@ function AgentDetail({
   };
   const formFields = fields(name);
   const labelWidth = formLabelWidth([...formFields, action]);
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     FieldForm,
     {
       title: `Settings \u203A Configuration \u203A Agents \u203A ${AGENT_LABELS[name]}`,
@@ -34691,9 +34884,9 @@ function AgentDetail({
       actions: [action],
       notice: testing ? null : notice,
       busy: saving || testing,
-      children: /* @__PURE__ */ jsxs48(Box48, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx60(StatusHeading, {}),
-        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx60(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx60(Text50, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
+      children: /* @__PURE__ */ jsxs49(Box49, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsx61(StatusHeading, {}),
+        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx61(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx61(Text51, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
       ] })
     }
   );
@@ -34719,8 +34912,8 @@ var init_AgentDetail = __esm({
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentsScreen.tsx
 import { useEffect as useEffect32, useRef as useRef20, useState as useState34 } from "react";
-import { Box as Box49, Text as Text51, useInput as useInput15 } from "ink";
-import { Fragment as Fragment18, jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Box as Box50, Text as Text52, useInput as useInput15 } from "ink";
+import { Fragment as Fragment19, jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
 function AgentsScreen({ onDone }) {
   const [config, setConfig] = useState34(null);
   const [focus, setFocus] = useState34(0);
@@ -34828,21 +35021,21 @@ function AgentsScreen({ onDone }) {
     }
   });
   if (!config) {
-    return /* @__PURE__ */ jsxs49(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx61(Text51, { bold: true, children: "Settings \u203A Configuration \u203A Agents" }),
-      /* @__PURE__ */ jsx61(Text51, { children: " " }),
-      loadError ? /* @__PURE__ */ jsxs49(Fragment18, { children: [
-        /* @__PURE__ */ jsxs49(Text51, { color: PALETTE.error, children: [
+    return /* @__PURE__ */ jsxs50(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx62(Text52, { bold: true, children: "Settings \u203A Configuration \u203A Agents" }),
+      /* @__PURE__ */ jsx62(Text52, { children: " " }),
+      loadError ? /* @__PURE__ */ jsxs50(Fragment19, { children: [
+        /* @__PURE__ */ jsxs50(Text52, { color: PALETTE.error, children: [
           "\u2717 Could not read the settings: ",
           loadError
         ] }),
-        /* @__PURE__ */ jsx61(Text51, { children: " " }),
-        /* @__PURE__ */ jsx61(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
-      ] }) : /* @__PURE__ */ jsx61(Text51, { color: PALETTE.accent, children: "Loading..." })
+        /* @__PURE__ */ jsx62(Text52, { children: " " }),
+        /* @__PURE__ */ jsx62(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
+      ] }) : /* @__PURE__ */ jsx62(Text52, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
   if (open) {
-    return /* @__PURE__ */ jsx61(
+    return /* @__PURE__ */ jsx62(
       AgentDetail,
       {
         name: open,
@@ -34863,48 +35056,48 @@ function AgentsScreen({ onDone }) {
     );
   }
   const focusedAgent = AGENT_NAMES[focus];
-  return /* @__PURE__ */ jsxs49(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx61(Text51, { bold: true, children: "Settings \u203A Configuration \u203A Agents" }),
-    /* @__PURE__ */ jsx61(Text51, { children: " " }),
-    /* @__PURE__ */ jsx61(Text51, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
-    /* @__PURE__ */ jsx61(Text51, { children: " " }),
-    /* @__PURE__ */ jsxs49(Box49, { gap: 1, children: [
-      /* @__PURE__ */ jsx61(Text51, { color: PALETTE.muted, children: "Default agent" }),
-      /* @__PURE__ */ jsx61(Text51, { bold: true, children: AGENT_LABELS[config.defaultAgent] }),
-      saving && /* @__PURE__ */ jsx61(Text51, { color: PALETTE.accent, children: "\u2026 saving" })
+  return /* @__PURE__ */ jsxs50(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx62(Text52, { bold: true, children: "Settings \u203A Configuration \u203A Agents" }),
+    /* @__PURE__ */ jsx62(Text52, { children: " " }),
+    /* @__PURE__ */ jsx62(Text52, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
+    /* @__PURE__ */ jsx62(Text52, { children: " " }),
+    /* @__PURE__ */ jsxs50(Box50, { gap: 1, children: [
+      /* @__PURE__ */ jsx62(Text52, { color: PALETTE.muted, children: "Default agent" }),
+      /* @__PURE__ */ jsx62(Text52, { bold: true, children: AGENT_LABELS[config.defaultAgent] }),
+      saving && /* @__PURE__ */ jsx62(Text52, { color: PALETTE.accent, children: "\u2026 saving" })
     ] }),
-    /* @__PURE__ */ jsxs49(Box49, { marginTop: 1, gap: 1, children: [
-      /* @__PURE__ */ jsx61(Text51, { children: " " }),
-      /* @__PURE__ */ jsx61(Text51, { children: " " }),
-      /* @__PURE__ */ jsx61(Box49, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx61(Text51, { color: PALETTE.muted, children: "AGENT" }) }),
-      /* @__PURE__ */ jsx61(Text51, { color: PALETTE.muted, children: "STATUS" })
+    /* @__PURE__ */ jsxs50(Box50, { marginTop: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx62(Text52, { children: " " }),
+      /* @__PURE__ */ jsx62(Text52, { children: " " }),
+      /* @__PURE__ */ jsx62(Box50, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx62(Text52, { color: PALETTE.muted, children: "AGENT" }) }),
+      /* @__PURE__ */ jsx62(Text52, { color: PALETTE.muted, children: "STATUS" })
     ] }),
     AGENT_NAMES.map((name) => {
       const isFocused = focusedAgent === name;
-      return /* @__PURE__ */ jsxs49(Box49, { gap: 1, children: [
-        /* @__PURE__ */ jsx61(Text51, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " }),
-        /* @__PURE__ */ jsx61(Text51, { color: PALETTE.success, children: name === config.defaultAgent ? "\u2605" : " " }),
-        /* @__PURE__ */ jsx61(Box49, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx61(Text51, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
-        /* @__PURE__ */ jsx61(AgentStatusBadge, { name, checks: checks[name], binary: config.agents[name].binary })
+      return /* @__PURE__ */ jsxs50(Box50, { gap: 1, children: [
+        /* @__PURE__ */ jsx62(Text52, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " }),
+        /* @__PURE__ */ jsx62(Text52, { color: PALETTE.success, children: name === config.defaultAgent ? "\u2605" : " " }),
+        /* @__PURE__ */ jsx62(Box50, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx62(Text52, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
+        /* @__PURE__ */ jsx62(AgentStatusBadge, { name, checks: checks[name], binary: config.agents[name].binary })
       ] }, name);
     }),
-    /* @__PURE__ */ jsxs49(Box49, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx61(Text51, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
-      panelRows(focusedAgent, checks[focusedAgent], config.agents[focusedAgent]).map((row) => /* @__PURE__ */ jsxs49(Box49, { gap: 1, paddingLeft: 1, children: [
-        /* @__PURE__ */ jsx61(Box49, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx61(Text51, { color: PALETTE.muted, children: row.label }) }),
-        /* @__PURE__ */ jsx61(Text51, { color: TONE_COLOR[row.tone], children: row.value })
+    /* @__PURE__ */ jsxs50(Box50, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx62(Text52, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
+      panelRows(focusedAgent, checks[focusedAgent], config.agents[focusedAgent]).map((row) => /* @__PURE__ */ jsxs50(Box50, { gap: 1, paddingLeft: 1, children: [
+        /* @__PURE__ */ jsx62(Box50, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx62(Text52, { color: PALETTE.muted, children: row.label }) }),
+        /* @__PURE__ */ jsx62(Text52, { color: TONE_COLOR[row.tone], children: row.value })
       ] }, row.label))
     ] }),
-    notice && /* @__PURE__ */ jsxs49(Fragment18, { children: [
-      /* @__PURE__ */ jsx61(Text51, { children: " " }),
-      /* @__PURE__ */ jsxs49(Text51, { bold: true, color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+    notice && /* @__PURE__ */ jsxs50(Fragment19, { children: [
+      /* @__PURE__ */ jsx62(Text52, { children: " " }),
+      /* @__PURE__ */ jsxs50(Text52, { bold: true, color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
       ] })
     ] }),
-    /* @__PURE__ */ jsx61(Text51, { children: " " }),
-    /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx62(Text52, { children: " " }),
+    /* @__PURE__ */ jsx62(
       ControlHints,
       {
         hints: [
@@ -34969,8 +35162,8 @@ var init_project_store = __esm({
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
 import { useEffect as useEffect33, useRef as useRef21, useState as useState35 } from "react";
-import { Box as Box50, Text as Text52, useInput as useInput16 } from "ink";
-import { Fragment as Fragment19, jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Box as Box51, Text as Text53, useInput as useInput16 } from "ink";
+import { Fragment as Fragment20, jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
 function debugFields(config) {
   return {
     space_id: config?.spaceId ?? "",
@@ -35039,17 +35232,17 @@ function ProjectScreen({ onDone }) {
     }
   });
   if (!config) {
-    return /* @__PURE__ */ jsxs50(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx62(Text52, { bold: true, children: "Settings \u203A Configuration \u203A Project" }),
-      /* @__PURE__ */ jsx62(Text52, { children: " " }),
-      loadError ? /* @__PURE__ */ jsxs50(Fragment19, { children: [
-        /* @__PURE__ */ jsxs50(Text52, { color: PALETTE.error, children: [
+    return /* @__PURE__ */ jsxs51(Box51, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx63(Text53, { bold: true, children: "Settings \u203A Configuration \u203A Project" }),
+      /* @__PURE__ */ jsx63(Text53, { children: " " }),
+      loadError ? /* @__PURE__ */ jsxs51(Fragment20, { children: [
+        /* @__PURE__ */ jsxs51(Text53, { color: PALETTE.error, children: [
           "\u2717 Could not read the settings: ",
           loadError
         ] }),
-        /* @__PURE__ */ jsx62(Text52, { children: " " }),
-        /* @__PURE__ */ jsx62(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
-      ] }) : /* @__PURE__ */ jsx62(Text52, { color: PALETTE.accent, children: "Loading..." })
+        /* @__PURE__ */ jsx63(Text53, { children: " " }),
+        /* @__PURE__ */ jsx63(ControlHints, { hints: [{ keys: "Esc/q", label: "back" }] })
+      ] }) : /* @__PURE__ */ jsx63(Text53, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
   const save = () => {
@@ -35070,7 +35263,7 @@ function ProjectScreen({ onDone }) {
     endVisit(config);
     onDone();
   };
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     FieldForm,
     {
       title: "Settings \u203A Configuration \u203A Project",
@@ -35116,8 +35309,8 @@ var init_ProjectScreen = __esm({
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/ConfigurationScreen.tsx
 import { useState as useState36 } from "react";
-import { Box as Box51, Text as Text53, useInput as useInput17 } from "ink";
-import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Box as Box52, Text as Text54, useInput as useInput17 } from "ink";
+import { jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
 function ConfigurationScreen({ onDone }) {
   const [focus, setFocus] = useState36(0);
   const [open, setOpen] = useState36(null);
@@ -35138,18 +35331,18 @@ function ConfigurationScreen({ onDone }) {
     }
     if (key.escape || input === "q") onDone();
   });
-  if (open === "project") return /* @__PURE__ */ jsx63(ProjectScreen, { onDone: close });
-  if (open === "agents") return /* @__PURE__ */ jsx63(AgentsScreen, { onDone: close });
-  return /* @__PURE__ */ jsxs51(Box51, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx63(Text53, { bold: true, children: "Settings \u203A Configuration" }),
-    /* @__PURE__ */ jsx63(Text53, { children: " " }),
-    SECTIONS.map((section, index) => /* @__PURE__ */ jsxs51(Box51, { gap: 1, children: [
-      /* @__PURE__ */ jsx63(Text53, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
-      /* @__PURE__ */ jsx63(Box51, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx63(Text53, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
-      /* @__PURE__ */ jsx63(Text53, { color: PALETTE.muted, children: section.description })
+  if (open === "project") return /* @__PURE__ */ jsx64(ProjectScreen, { onDone: close });
+  if (open === "agents") return /* @__PURE__ */ jsx64(AgentsScreen, { onDone: close });
+  return /* @__PURE__ */ jsxs52(Box52, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx64(Text54, { bold: true, children: "Settings \u203A Configuration" }),
+    /* @__PURE__ */ jsx64(Text54, { children: " " }),
+    SECTIONS.map((section, index) => /* @__PURE__ */ jsxs52(Box52, { gap: 1, children: [
+      /* @__PURE__ */ jsx64(Text54, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
+      /* @__PURE__ */ jsx64(Box52, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx64(Text54, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
+      /* @__PURE__ */ jsx64(Text54, { color: PALETTE.muted, children: section.description })
     ] }, section.id)),
-    /* @__PURE__ */ jsx63(Text53, { children: " " }),
-    /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx64(Text54, { children: " " }),
+    /* @__PURE__ */ jsx64(
       ControlHints,
       {
         hints: [
@@ -35182,8 +35375,8 @@ var init_ConfigurationScreen = __esm({
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
 import { useEffect as useEffect34, useState as useState37 } from "react";
-import { Box as Box52, Text as Text54, useInput as useInput18 } from "ink";
-import { Fragment as Fragment20, jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Box as Box53, Text as Text55, useInput as useInput18 } from "ink";
+import { Fragment as Fragment21, jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
   const [loading, setLoading] = useState37(true);
   const [enabled, setEnabled] = useState37(true);
@@ -35214,21 +35407,21 @@ function OptInAnalyticsScreen({ onDone }) {
       onDone();
     }
   });
-  return /* @__PURE__ */ jsxs52(Box52, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx64(Text54, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
-    /* @__PURE__ */ jsx64(Text54, { children: " " }),
-    loading ? /* @__PURE__ */ jsx64(Text54, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs52(Fragment20, { children: [
-      /* @__PURE__ */ jsxs52(Text54, { children: [
+  return /* @__PURE__ */ jsxs53(Box53, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx65(Text55, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
+    /* @__PURE__ */ jsx65(Text55, { children: " " }),
+    loading ? /* @__PURE__ */ jsx65(Text55, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs53(Fragment21, { children: [
+      /* @__PURE__ */ jsxs53(Text55, { children: [
         "Share anonymous usage data:",
         " ",
-        /* @__PURE__ */ jsx64(Text54, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx65(Text55, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsx64(Text54, { children: " " }),
-      /* @__PURE__ */ jsx64(Text54, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
-      /* @__PURE__ */ jsx64(Text54, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
+      /* @__PURE__ */ jsx65(Text55, { children: " " }),
+      /* @__PURE__ */ jsx65(Text55, { color: PALETTE.muted, children: "Shares which CLI commands are used and where imports succeed or fail." }),
+      /* @__PURE__ */ jsx65(Text55, { color: PALETTE.muted, children: "Never includes source code, file paths, credentials, or authored content." })
     ] }),
-    /* @__PURE__ */ jsx64(Text54, { children: " " }),
-    /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx65(Text55, { children: " " }),
+    /* @__PURE__ */ jsx65(
       ControlHints,
       {
         hints: [
@@ -35251,8 +35444,8 @@ var init_screen12 = __esm({
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
 import { useEffect as useEffect35, useRef as useRef22, useState as useState38 } from "react";
-import { Box as Box53, Text as Text55, useInput as useInput19 } from "ink";
-import { Fragment as Fragment21, jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Box as Box54, Text as Text56, useInput as useInput19 } from "ink";
+import { Fragment as Fragment22, jsx as jsx66, jsxs as jsxs54 } from "react/jsx-runtime";
 function DebugModeScreen({ onDone }) {
   const [setting, setSetting] = useState38(null);
   const [focus, setFocus] = useState38("enabled");
@@ -35328,25 +35521,25 @@ function DebugModeScreen({ onDone }) {
       onDone();
     }
   });
-  const marker = (row) => /* @__PURE__ */ jsx65(Text55, { color: focus === row ? PALETTE.accent : void 0, children: focus === row ? "\u276F" : " " });
-  const label = (row, text) => /* @__PURE__ */ jsx65(Text55, { bold: focus === row, color: focus === row ? PALETTE.accent : PALETTE.muted, children: text });
-  return /* @__PURE__ */ jsxs53(Box53, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx65(Text55, { bold: true, children: "Settings \u203A Debug Mode" }),
-    /* @__PURE__ */ jsx65(Text55, { children: " " }),
-    setting ? /* @__PURE__ */ jsxs53(Fragment21, { children: [
-      /* @__PURE__ */ jsxs53(Box53, { gap: 1, children: [
+  const marker = (row) => /* @__PURE__ */ jsx66(Text56, { color: focus === row ? PALETTE.accent : void 0, children: focus === row ? "\u276F" : " " });
+  const label = (row, text) => /* @__PURE__ */ jsx66(Text56, { bold: focus === row, color: focus === row ? PALETTE.accent : PALETTE.muted, children: text });
+  return /* @__PURE__ */ jsxs54(Box54, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx66(Text56, { bold: true, children: "Settings \u203A Debug Mode" }),
+    /* @__PURE__ */ jsx66(Text56, { children: " " }),
+    setting ? /* @__PURE__ */ jsxs54(Fragment22, { children: [
+      /* @__PURE__ */ jsxs54(Box54, { gap: 1, children: [
         marker("enabled"),
         label("enabled", "Debug logging:"),
-        /* @__PURE__ */ jsx65(Text55, { bold: true, color: setting.enabled ? PALETTE.success : PALETTE.muted, children: setting.enabled ? "On" : "Off" })
+        /* @__PURE__ */ jsx66(Text56, { bold: true, color: setting.enabled ? PALETTE.success : PALETTE.muted, children: setting.enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsxs53(Box53, { gap: 1, children: [
+      /* @__PURE__ */ jsxs54(Box54, { gap: 1, children: [
         marker("retentionDays"),
         label("retentionDays", "Delete logs after:"),
         RETENTION_CHOICES.map((days) => {
           const highlighted = focus === "retentionDays" && days === pending;
           const saved = days === setting.retentionDays;
-          return /* @__PURE__ */ jsx65(
-            Text55,
+          return /* @__PURE__ */ jsx66(
+            Text56,
             {
               bold: highlighted || saved,
               underline: highlighted,
@@ -35357,15 +35550,15 @@ function DebugModeScreen({ onDone }) {
           );
         })
       ] }),
-      /* @__PURE__ */ jsx65(Text55, { children: " " }),
-      notice ? /* @__PURE__ */ jsxs53(Text55, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+      /* @__PURE__ */ jsx66(Text56, { children: " " }),
+      notice ? /* @__PURE__ */ jsxs54(Text56, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
-      ] }) : /* @__PURE__ */ jsx65(Text55, { color: PALETTE.muted, children: "\u2713 marks what is saved. Older logs are deleted the next time the CLI starts." })
-    ] }) : /* @__PURE__ */ jsx65(Text55, { color: PALETTE.muted, children: "Loading\u2026" }),
-    /* @__PURE__ */ jsx65(Text55, { children: " " }),
-    /* @__PURE__ */ jsx65(
+      ] }) : /* @__PURE__ */ jsx66(Text56, { color: PALETTE.muted, children: "\u2713 marks what is saved. Older logs are deleted the next time the CLI starts." })
+    ] }) : /* @__PURE__ */ jsx66(Text56, { color: PALETTE.muted, children: "Loading\u2026" }),
+    /* @__PURE__ */ jsx66(Text56, { children: " " }),
+    /* @__PURE__ */ jsx66(
       ControlHints,
       {
         hints: [
@@ -35403,7 +35596,7 @@ __export(app_exports, {
   runApp: () => runApp
 });
 import { useEffect as useEffect36, useState as useState39 } from "react";
-import { Fragment as Fragment22, jsx as jsx66 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx67 } from "react/jsx-runtime";
 function App({ importOptions, inkClear }) {
   const [screen, setScreen] = useState39("start");
   const [importExitCode, setImportExitCode] = useState39();
@@ -35604,9 +35797,9 @@ function App({ importOptions, inkClear }) {
   const content = (() => {
     switch (screen) {
       case "import":
-        if (showImportResult) return /* @__PURE__ */ jsx66(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
+        if (showImportResult) return /* @__PURE__ */ jsx67(ImportScreen, { exitCode: importExitCode, onDone: finishImportResult });
         if (flow && flowStart) {
-          return /* @__PURE__ */ jsx66(
+          return /* @__PURE__ */ jsx67(
             FlowScreen,
             {
               state: flow.state,
@@ -35617,7 +35810,7 @@ function App({ importOptions, inkClear }) {
           );
         }
         if (tokenReview) {
-          return /* @__PURE__ */ jsx66(
+          return /* @__PURE__ */ jsx67(
             TokenReviewScreen,
             {
               tokensPath: tokenReview.tokensPath,
@@ -35626,15 +35819,15 @@ function App({ importOptions, inkClear }) {
             }
           );
         }
-        if (importDefaults === void 0) return /* @__PURE__ */ jsx66(Fragment22, {});
+        if (importDefaults === void 0) return /* @__PURE__ */ jsx67(Fragment23, {});
         if (target === void 0) {
-          return /* @__PURE__ */ jsx66(PreflightScreen, { onChoose: setTarget, onQuit: leaveImport });
+          return /* @__PURE__ */ jsx67(PreflightScreen, { onChoose: setTarget, onQuit: leaveImport });
         }
         const inputStep = currentInputStep(target, answers);
         if (!extractionRun && !tokensOnlyRun && inputStep !== "credentials") {
           switch (inputStep) {
             case "project":
-              return /* @__PURE__ */ jsx66(
+              return /* @__PURE__ */ jsx67(
                 WelcomeScreen,
                 {
                   mode: target,
@@ -35644,7 +35837,7 @@ function App({ importOptions, inkClear }) {
                 }
               );
             case "token-file":
-              return /* @__PURE__ */ jsx66(
+              return /* @__PURE__ */ jsx67(
                 TokenInputScreen,
                 {
                   mode: target,
@@ -35654,7 +35847,7 @@ function App({ importOptions, inkClear }) {
                 }
               );
             case "path-validation":
-              return /* @__PURE__ */ jsx66(
+              return /* @__PURE__ */ jsx67(
                 PathValidationScreen,
                 {
                   mode: target,
@@ -35669,9 +35862,9 @@ function App({ importOptions, inkClear }) {
         }
         if (tokensOnlyRun) {
           if (tokensOnly?.status === "done" && !tokensOnly.result.ok) {
-            return /* @__PURE__ */ jsx66(ErrorStep, { stepName: tokensOnly.result.step, message: tokensOnly.result.message, onExit: leaveImport });
+            return /* @__PURE__ */ jsx67(ErrorStep, { stepName: tokensOnly.result.step, message: tokensOnly.result.message, onExit: leaveImport });
           }
-          return /* @__PURE__ */ jsx66(
+          return /* @__PURE__ */ jsx67(
             RunningStep,
             {
               step: "generation",
@@ -35682,19 +35875,26 @@ function App({ importOptions, inkClear }) {
         }
         if (extractionRun) {
           if (extraction?.status === "done" && !extraction.result.ok) {
-            return /* @__PURE__ */ jsx66(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
+            return /* @__PURE__ */ jsx67(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
           }
           if (extraction?.status === "running") {
-            return /* @__PURE__ */ jsx66(ExtractionScreen, { progress: extraction.progress, agent: extractionRun.input.agent });
+            return /* @__PURE__ */ jsx67(
+              ExtractionScreen,
+              {
+                progress: extraction.progress,
+                agent: extractionRun.input.agent,
+                rowMs: extraction.rowMs
+              }
+            );
           }
-          return /* @__PURE__ */ jsx66(Fragment22, {});
+          return /* @__PURE__ */ jsx67(Fragment23, {});
         }
         if (scopeRun && scopeFlow) {
           if (scopeFlow.status === "failed") {
-            return /* @__PURE__ */ jsx66(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
+            return /* @__PURE__ */ jsx67(ErrorStep, { stepName: "scope gate", message: scopeFlow.message, onExit: leaveImport });
           }
           if (scopeFlow.status === "deciding") {
-            return /* @__PURE__ */ jsx66(
+            return /* @__PURE__ */ jsx67(
               ScopeGateScreen,
               {
                 components: scopeFlow.load.components,
@@ -35705,22 +35905,23 @@ function App({ importOptions, inkClear }) {
             );
           }
           if (generation?.status === "done" && !generation.result.ok) {
-            return /* @__PURE__ */ jsx66(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
+            return /* @__PURE__ */ jsx67(ErrorStep, { stepName: generation.result.step, message: generation.result.message, onExit: leaveImport });
           }
           if (generation?.status === "running") {
-            return /* @__PURE__ */ jsx66(
+            return /* @__PURE__ */ jsx67(
               GenerationScreen,
               {
                 progress: generation.progress,
                 agent: scopeRun.input.agent,
                 acceptedCount: scopeFlow.decisions.accepted.length,
-                hasTokens: scopeRun.extraction.tokensPath !== ""
+                hasTokens: scopeRun.extraction.tokensPath !== "",
+                rowMs: generation.rowMs
               }
             );
           }
-          return /* @__PURE__ */ jsx66(Fragment22, {});
+          return /* @__PURE__ */ jsx67(Fragment23, {});
         }
-        return /* @__PURE__ */ jsx66(
+        return /* @__PURE__ */ jsx67(
           CredentialsScreen,
           {
             mode: target,
@@ -35731,27 +35932,27 @@ function App({ importOptions, inkClear }) {
           }
         );
       case "help":
-        return /* @__PURE__ */ jsx66(HelpScreen, { onDone: goToStart });
+        return /* @__PURE__ */ jsx67(HelpScreen, { onDone: goToStart });
       case "settings":
-        return /* @__PURE__ */ jsx66(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
+        return /* @__PURE__ */ jsx67(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
       case "settings-configuration":
-        return /* @__PURE__ */ jsx66(ConfigurationScreen, { onDone: goToSettings });
+        return /* @__PURE__ */ jsx67(ConfigurationScreen, { onDone: goToSettings });
       case "settings-opt-in-analytics":
-        return /* @__PURE__ */ jsx66(OptInAnalyticsScreen, { onDone: goToSettings });
+        return /* @__PURE__ */ jsx67(OptInAnalyticsScreen, { onDone: goToSettings });
       case "settings-debug-mode":
-        return /* @__PURE__ */ jsx66(DebugModeScreen, { onDone: goToSettings });
+        return /* @__PURE__ */ jsx67(DebugModeScreen, { onDone: goToSettings });
       case "start":
-        return /* @__PURE__ */ jsx66(HomeScreen, { onNavigate: setScreen });
+        return /* @__PURE__ */ jsx67(HomeScreen, { onNavigate: setScreen });
     }
   })();
-  return /* @__PURE__ */ jsx66(HiddenStepsContext.Provider, { value: target === "tokens" ? TOKENS_ONLY_HIDDEN_STEPS : [], children: content });
+  return /* @__PURE__ */ jsx67(HiddenStepsContext.Provider, { value: target === "tokens" ? TOKENS_ONLY_HIDDEN_STEPS : [], children: content });
 }
 async function runApp(renderApp, importOptions) {
   const inkClear = () => {
     instance.clear?.();
     process.stdout.write("\x1B[H\x1B[0J");
   };
-  const instance = renderApp(/* @__PURE__ */ jsx66(App, { importOptions, inkClear }));
+  const instance = renderApp(/* @__PURE__ */ jsx67(App, { importOptions, inkClear }));
   await instance.waitUntilExit();
 }
 var TOKENS_ONLY_HIDDEN_STEPS;