@contentful/experience-design-system-cli 2.34.5-dev-build-d408bfc4.0 → 2.34.5-dev-build-d0fcb46e.0

package/dist/src/index.js

@@ -19861,6 +19861,55 @@ function findAllAncestors(target, components) {
   }
   return ancestors;
 }
+function buildAncestorTree(target, components) {
+  const visited = /* @__PURE__ */ new Set();
+  visited.add(target);
+  function walk(name, depth) {
+    const parents = findDirectParents(name, components);
+    const out = [];
+    for (const { parent, slotName } of parents) {
+      if (parent === target) {
+        out.push({
+          name: parent,
+          incomingSlotName: slotName,
+          depth: depth + 1,
+          shared: false,
+          cycle: true,
+          parents: []
+        });
+        continue;
+      }
+      if (visited.has(parent)) {
+        out.push({
+          name: parent,
+          incomingSlotName: slotName,
+          depth: depth + 1,
+          shared: true,
+          cycle: false,
+          parents: []
+        });
+        continue;
+      }
+      visited.add(parent);
+      out.push({
+        name: parent,
+        incomingSlotName: slotName,
+        depth: depth + 1,
+        shared: false,
+        cycle: false,
+        parents: walk(parent, depth + 1)
+      });
+    }
+    return out;
+  }
+  return {
+    name: target,
+    depth: 0,
+    shared: false,
+    cycle: false,
+    parents: walk(target, 0)
+  };
+}
 var init_lineage = __esm({
   "packages/experience-design-system-cli/src/analyze/lineage.ts"() {
     "use strict";
@@ -21249,6 +21298,113 @@ var init_selection_cascade = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/import/tui/hooks/useLineage.ts
+import { useMemo as useMemo3 } from "react";
+function renderCleanAncestorTree(node) {
+  const lines = [];
+  lines.push({ text: node.name, jumpTarget: node.name });
+  const walk = (parents, prefix) => {
+    for (let i = 0; i < parents.length; i++) {
+      const child = parents[i];
+      const isLast = i === parents.length - 1;
+      const glyph = isLast ? "\u2514\u2500" : "\u251C\u2500";
+      lines.push({ text: `${prefix}${glyph} ${child.name}`, jumpTarget: child.name });
+      if (child.parents.length > 0) {
+        const nextPrefix = prefix + (isLast ? "   " : "\u2502  ");
+        walk(child.parents, nextPrefix);
+      }
+    }
+  };
+  walk(node.parents, "");
+  return lines;
+}
+function renderDescendantTree(root, closure, graph) {
+  const lines = [];
+  if (closure.containsCycle) {
+    for (const node of closure.nodes) {
+      if (node.name === root) continue;
+      lines.push({ text: `  ${node.name}`, jumpTarget: node.name });
+    }
+    return lines;
+  }
+  const byName = new Map(graph.map((n) => [n.name, n]));
+  const known = new Set(closure.nodes.map((n) => n.name));
+  const childrenOf = (name) => {
+    const node = byName.get(name);
+    if (!node) return [];
+    const seen = /* @__PURE__ */ new Set();
+    const out = [];
+    for (const slot of node.slots) {
+      for (const target of slot.allowedComponents ?? []) {
+        if (!known.has(target)) continue;
+        if (target === name) continue;
+        if (seen.has(target)) continue;
+        seen.add(target);
+        out.push(target);
+      }
+    }
+    return out.sort((a, b) => a.localeCompare(b));
+  };
+  const visited = /* @__PURE__ */ new Set([root]);
+  const walk = (parent, prefix) => {
+    const kids = childrenOf(parent);
+    for (let i = 0; i < kids.length; i++) {
+      const child = kids[i];
+      if (visited.has(child)) continue;
+      visited.add(child);
+      const isLast = i === kids.length - 1;
+      const glyph = isLast ? "\u2514\u2500" : "\u251C\u2500";
+      lines.push({ text: `${prefix}${glyph} ${child}`, jumpTarget: child });
+      const nextPrefix = prefix + (isLast ? "   " : "\u2502  ");
+      walk(child, nextPrefix);
+    }
+  };
+  walk(root, "");
+  return lines;
+}
+function useLineage(focusedKey, graph) {
+  const graphKey = useMemo3(() => JSON.stringify(graph), [graph]);
+  const stableGraph = useMemo3(() => graph, [graphKey]);
+  const closures = useMemo3(() => computeAllClosures(stableGraph), [stableGraph]);
+  const entries = useMemo3(() => {
+    if (!focusedKey) return [];
+    const name = focusedKey;
+    const tree = buildAncestorTree(name, stableGraph);
+    const closure = closures.get(name);
+    const out = [];
+    out.push({ kind: "section", label: "Ancestors:" });
+    if (tree.parents.length === 0) {
+      out.push({ kind: "empty", label: "  (no ancestors)" });
+    } else {
+      const lines = renderCleanAncestorTree(tree);
+      for (const line of lines) {
+        out.push({ kind: "ancestor", label: "  " + line.text, jumpTarget: line.jumpTarget ?? name });
+      }
+    }
+    out.push({ kind: "section", label: "Descendants:" });
+    if (!closure || closure.nodes.length <= 1) {
+      out.push({ kind: "empty", label: "  (none)" });
+    } else {
+      for (const line of renderDescendantTree(name, closure, stableGraph)) {
+        out.push({ kind: "descendant", label: "  " + line.text, jumpTarget: line.jumpTarget });
+      }
+    }
+    return out;
+  }, [focusedKey, stableGraph, closures]);
+  const jumpables = useMemo3(
+    () => entries.map((entry, i) => ({ entry, i })).filter(({ entry }) => entry.kind === "ancestor" || entry.kind === "descendant"),
+    [entries]
+  );
+  return { entries, jumpables };
+}
+var init_useLineage = __esm({
+  "packages/experience-design-system-cli/src/import/tui/hooks/useLineage.ts"() {
+    "use strict";
+    init_composite_closure();
+    init_lineage();
+  }
+});
+
 // packages/experience-design-system-cli/src/import/cycle-auto-reject.ts
 function computeCycleAutoRejectTargets(slotCycles, graph) {
   const targets = /* @__PURE__ */ new Set();
@@ -21267,6 +21423,65 @@ var init_cycle_auto_reject = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/analyze/select/tui/components/LineagePanel.tsx
+import figures4 from "figures";
+import { Text as Text30 } from "ink";
+import { jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
+function LineagePanel({
+  focusedComponentKey,
+  entries,
+  cursor,
+  jumpables,
+  maxRows,
+  width
+}) {
+  const rows = entries.map((e) => ({
+    label: e.label,
+    jumpTarget: e.kind === "ancestor" || e.kind === "descendant" ? e.jumpTarget : "",
+    kind: e.kind
+  }));
+  const cursorRowIndex = jumpables[cursor]?.i ?? 0;
+  return /* @__PURE__ */ jsx33(
+    GotoBanner,
+    {
+      title: `Lineage: ${focusedComponentKey}`,
+      rows,
+      cursor,
+      cursorRowIndex,
+      maxRows,
+      width,
+      footerHint: LINEAGE_FOOTER_HINT,
+      renderRow: (row, i, isCursor) => {
+        if (row.kind === "section") {
+          return /* @__PURE__ */ jsxs30(Text30, { bold: true, children: [
+            "  ",
+            row.label
+          ] }, i);
+        }
+        if (row.kind === "empty") {
+          return /* @__PURE__ */ jsxs30(Text30, { children: [
+            /* @__PURE__ */ jsx33(Text30, { children: " " }),
+            /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: " " + row.label })
+          ] }, i);
+        }
+        return /* @__PURE__ */ jsxs30(Text30, { children: [
+          isCursor ? /* @__PURE__ */ jsx33(Text30, { color: PALETTE.info, bold: true, children: figures4.pointer }) : /* @__PURE__ */ jsx33(Text30, { children: " " }),
+          /* @__PURE__ */ jsx33(Text30, { inverse: isCursor, children: " " + row.label })
+        ] }, i);
+      }
+    }
+  );
+}
+var LINEAGE_FOOTER_HINT;
+var init_LineagePanel = __esm({
+  "packages/experience-design-system-cli/src/analyze/select/tui/components/LineagePanel.tsx"() {
+    "use strict";
+    init_theme();
+    init_GotoBanner();
+    LINEAGE_FOOTER_HINT = "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [l/Esc] close";
+  }
+});
+
 // packages/experience-design-system-cli/src/import/tui/steps/auto-reject-decision.ts
 function computeAutoRejectDecision(input) {
   if (input.loading) return "skip";
@@ -21350,6 +21565,44 @@ var init_enumerate_cycle_breaks = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/import/tui/lineage-input.ts
+function handleLineageNavigation({
+  key,
+  cursor,
+  jumpables,
+  onCursorChange,
+  onJump,
+  onClose,
+  allowTab
+}) {
+  if (key.upArrow) {
+    onCursorChange((current) => Math.max(0, current - 1));
+    return true;
+  }
+  if (key.downArrow) {
+    onCursorChange((current) => Math.min(Math.max(0, jumpables.length - 1), current + 1));
+    return true;
+  }
+  if (allowTab && key.tab) {
+    onCursorChange((current) => jumpables.length === 0 ? 0 : (current + 1) % jumpables.length);
+    return true;
+  }
+  if (key.return) {
+    const target = jumpables[cursor];
+    if (target && (target.entry.kind === "ancestor" || target.entry.kind === "descendant")) {
+      onJump(target.entry.jumpTarget);
+    }
+    onClose();
+    return true;
+  }
+  return false;
+}
+var init_lineage_input = __esm({
+  "packages/experience-design-system-cli/src/import/tui/lineage-input.ts"() {
+    "use strict";
+  }
+});
+
 // packages/experience-design-system-cli/src/analyze/select/tui/hooks/scroll-offset.ts
 function computeNextScrollOffset(current, input, key, totalLines, panelHeight) {
   const maxOffset = Math.max(0, totalLines - panelHeight);
@@ -21385,14 +21638,14 @@ var init_scroll_offset = __esm({
 
 // packages/experience-design-system-cli/src/analyze/select/tui/components/FieldEditor.tsx
 import React14, { useState as useState15 } from "react";
-import figures4 from "figures";
-import { Box as Box29, Text as Text30 } from "ink";
+import figures5 from "figures";
+import { Box as Box29, Text as Text31 } from "ink";
 import {
   CDF_PROPERTY_TYPES,
   CDF_PROPERTY_CATEGORIES,
   DESIGN_TOKEN_TYPES as DESIGN_TOKEN_TYPES2
 } from "@contentful/experience-design-system-types";
-import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
 function removeAt(values, index) {
   return values.filter((_, i) => i !== index);
 }
@@ -21515,25 +21768,25 @@ function serializeState(state, originalJson) {
   return JSON.stringify(entry, null, 2);
 }
 function Picker({ value, active }) {
-  return /* @__PURE__ */ jsxs30(Box29, { children: [
-    active && /* @__PURE__ */ jsx33(Text30, { color: PALETTE.info, children: "\u2039" }),
-    /* @__PURE__ */ jsx33(Text30, { color: active ? PALETTE.info : PALETTE.inverse, bold: active, children: value }),
-    active && /* @__PURE__ */ jsx33(Text30, { color: PALETTE.info, children: "\u203A" })
+  return /* @__PURE__ */ jsxs31(Box29, { children: [
+    active && /* @__PURE__ */ jsx34(Text31, { color: PALETTE.info, children: "\u2039" }),
+    /* @__PURE__ */ jsx34(Text31, { color: active ? PALETTE.info : PALETTE.inverse, bold: active, children: value }),
+    active && /* @__PURE__ */ jsx34(Text31, { color: PALETTE.info, children: "\u203A" })
   ] });
 }
 function Toggle({ value, active }) {
-  return /* @__PURE__ */ jsx33(Box29, { children: /* @__PURE__ */ jsx33(Text30, { color: active ? PALETTE.info : value ? PALETTE.success : void 0, children: value ? "[\u2713]" : "[ ]" }) });
+  return /* @__PURE__ */ jsx34(Box29, { children: /* @__PURE__ */ jsx34(Text31, { color: active ? PALETTE.info : value ? PALETTE.success : void 0, children: value ? "[\u2713]" : "[ ]" }) });
 }
 function DefaultValueRow({ display, active }) {
-  return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, children: [
-    /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "default:" }),
-    active ? /* @__PURE__ */ jsx33(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx33(Text30, { color: PALETTE.inverse, children: display })
+  return /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, gap: 1, children: [
+    /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "default:" }),
+    active ? /* @__PURE__ */ jsx34(Picker, { value: display, active: true }) : /* @__PURE__ */ jsx34(Text31, { color: PALETTE.inverse, children: display })
   ] });
 }
 function RowLabel({ name, selected }) {
   const nameDisplay = name.length > 14 ? name.slice(0, 13) + "\u2026" : name.padEnd(14);
-  return /* @__PURE__ */ jsxs30(
-    Text30,
+  return /* @__PURE__ */ jsxs31(
+    Text31,
     {
       color: selected ? PALETTE.inverse : PALETTE.info,
       bold: selected,
@@ -21551,10 +21804,10 @@ function ValueInputRow({
   valueText,
   cursorVisible
 }) {
-  return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, children: [
-    /* @__PURE__ */ jsx33(Text30, { color: PALETTE.info, children: mode === "edit" ? "\u270E " : "+ " }),
-    /* @__PURE__ */ jsx33(Text30, { children: valueText }),
-    /* @__PURE__ */ jsx33(Text30, { inverse: cursorVisible, children: " " })
+  return /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, children: [
+    /* @__PURE__ */ jsx34(Text31, { color: PALETTE.info, children: mode === "edit" ? "\u270E " : "+ " }),
+    /* @__PURE__ */ jsx34(Text31, { children: valueText }),
+    /* @__PURE__ */ jsx34(Text31, { inverse: cursorVisible, children: " " })
   ] });
 }
 function EditableListItem({
@@ -21567,9 +21820,9 @@ function EditableListItem({
 }) {
   const isBeingEdited = editingValue?.mode === "edit" && editingValue.index === index;
   if (isBeingEdited) {
-    return /* @__PURE__ */ jsx33(ValueInputRow, { mode: "edit", valueText, cursorVisible });
+    return /* @__PURE__ */ jsx34(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx33(Box29, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx33(Text30, { color: active ? PALETTE.info : PALETTE.inverse, children: active ? `${figures4.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx34(Box29, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx34(Text31, { color: active ? PALETTE.info : PALETTE.inverse, children: active ? `${figures5.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -21582,9 +21835,9 @@ function EditableValueList({
   emptyPaddingLeft,
   showAddInput
 }) {
-  return /* @__PURE__ */ jsxs30(Fragment10, { children: [
-    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: emptyMessage }) : /* @__PURE__ */ jsx33(Box29, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: emptyMessage }) })),
-    values.map((value, index) => /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs31(Fragment10, { children: [
+    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: emptyMessage }) : /* @__PURE__ */ jsx34(Box29, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: emptyMessage }) })),
+    values.map((value, index) => /* @__PURE__ */ jsx34(
       EditableListItem,
       {
         value,
@@ -21596,7 +21849,7 @@ function EditableValueList({
       },
       index
     )),
-    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx33(ValueInputRow, { mode: "add", valueText, cursorVisible })
+    showAddInput && editingValue?.mode === "add" && /* @__PURE__ */ jsx34(ValueInputRow, { mode: "add", valueText, cursorVisible })
   ] });
 }
 function DefaultSubRow({
@@ -21607,39 +21860,39 @@ function DefaultSubRow({
 }) {
   const cursor = cursorVisible ? "\u2588" : " ";
   if (prop.type === "richtext" || prop.type === "media" || prop.type === "link") {
-    return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "default:" }),
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "(not applicable)" })
+    return /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "default:" }),
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "(not applicable)" })
     ] });
   }
   if (prop.type === "boolean") {
     const display = prop.default === true ? "true" : prop.default === false ? "false" : "(unset)";
-    return /* @__PURE__ */ jsx33(DefaultValueRow, { display, active });
+    return /* @__PURE__ */ jsx34(DefaultValueRow, { display, active });
   }
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
-      return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, children: [
-        /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "default:" }),
-        /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "(no values defined)" })
+      return /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, gap: 1, children: [
+        /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "default:" }),
+        /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "(no values defined)" })
       ] });
     }
     const display = typeof prop.default === "string" && prop.default !== "" ? prop.default : "(unset)";
-    return /* @__PURE__ */ jsx33(DefaultValueRow, { display, active });
+    return /* @__PURE__ */ jsx34(DefaultValueRow, { display, active });
   }
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
-    return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "row", children: [
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "default:" }),
-      /* @__PURE__ */ jsxs30(Box29, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
-        /* @__PURE__ */ jsx33(Text30, { children: value.slice(0, textCursor) }),
-        /* @__PURE__ */ jsx33(Text30, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
-        /* @__PURE__ */ jsx33(Text30, { children: value.slice(textCursor + 1) })
+    return /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, flexDirection: "row", children: [
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "default:" }),
+      /* @__PURE__ */ jsxs31(Box29, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
+        /* @__PURE__ */ jsx34(Text31, { children: value.slice(0, textCursor) }),
+        /* @__PURE__ */ jsx34(Text31, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
+        /* @__PURE__ */ jsx34(Text31, { children: value.slice(textCursor + 1) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, children: [
-    /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "default:" }),
-    /* @__PURE__ */ jsx33(Text30, { color: value ? PALETTE.inverse : void 0, dimColor: !value, children: value || "(none)" })
+  return /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, gap: 1, children: [
+    /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "default:" }),
+    /* @__PURE__ */ jsx34(Text31, { color: value ? PALETTE.inverse : void 0, dimColor: !value, children: value || "(none)" })
   ] });
 }
 function PropRow({
@@ -21657,28 +21910,28 @@ function PropRow({
 }) {
   const cursor = cursorVisible ? "\u2588" : " ";
   const descActive = activeField === "description";
-  return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsxs30(Box29, { gap: 1, children: [
-      /* @__PURE__ */ jsx33(RowLabel, { name: prop.name, selected }),
-      /* @__PURE__ */ jsx33(Text30, { dimColor: !selected, children: "type:" }),
-      activeField === "type" ? /* @__PURE__ */ jsx33(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx33(Text30, { color: selected ? PALETTE.warning : PALETTE.inverse, children: prop.type }),
-      activeField === "category" && /* @__PURE__ */ jsx33(Picker, { value: prop.category, active: true }),
-      /* @__PURE__ */ jsx33(Text30, { dimColor: !selected, children: "req:" }),
-      activeField === "required" ? /* @__PURE__ */ jsx33(Toggle, { value: prop.required, active: true }) : /* @__PURE__ */ jsx33(Toggle, { value: prop.required, active: false }),
-      prop.type === "enum" && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-        /* @__PURE__ */ jsx33(Text30, { dimColor: !selected, children: "values:" }),
-        /* @__PURE__ */ jsxs30(Text30, { color: selected ? PALETTE.warning : PALETTE.inverse, children: [
+  return /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsxs31(Box29, { gap: 1, children: [
+      /* @__PURE__ */ jsx34(RowLabel, { name: prop.name, selected }),
+      /* @__PURE__ */ jsx34(Text31, { dimColor: !selected, children: "type:" }),
+      activeField === "type" ? /* @__PURE__ */ jsx34(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx34(Text31, { color: selected ? PALETTE.warning : PALETTE.inverse, children: prop.type }),
+      activeField === "category" && /* @__PURE__ */ jsx34(Picker, { value: prop.category, active: true }),
+      /* @__PURE__ */ jsx34(Text31, { dimColor: !selected, children: "req:" }),
+      activeField === "required" ? /* @__PURE__ */ jsx34(Toggle, { value: prop.required, active: true }) : /* @__PURE__ */ jsx34(Toggle, { value: prop.required, active: false }),
+      prop.type === "enum" && /* @__PURE__ */ jsxs31(Fragment10, { children: [
+        /* @__PURE__ */ jsx34(Text31, { dimColor: !selected, children: "values:" }),
+        /* @__PURE__ */ jsxs31(Text31, { color: selected ? PALETTE.warning : PALETTE.inverse, children: [
           "[",
           prop.values.join(", "),
           "]"
         ] })
       ] }),
-      prop.type === "token" && /* @__PURE__ */ jsxs30(Fragment10, { children: [
-        /* @__PURE__ */ jsx33(Text30, { dimColor: !selected, children: "kind:" }),
-        activeField === "tokenKind" ? /* @__PURE__ */ jsx33(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx33(Text30, { color: selected ? PALETTE.success : PALETTE.inverse, children: prop.tokenKind || "\u2014" })
+      prop.type === "token" && /* @__PURE__ */ jsxs31(Fragment10, { children: [
+        /* @__PURE__ */ jsx34(Text31, { dimColor: !selected, children: "kind:" }),
+        activeField === "tokenKind" ? /* @__PURE__ */ jsx34(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx34(Text31, { color: selected ? PALETTE.success : PALETTE.inverse, children: prop.tokenKind || "\u2014" })
       ] })
     ] }),
-    selected && /* @__PURE__ */ jsx33(
+    selected && /* @__PURE__ */ jsx34(
       DefaultSubRow,
       {
         prop,
@@ -21687,33 +21940,33 @@ function PropRow({
         cursorVisible
       }
     ),
-    selected && descActive && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "row", children: [
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "desc:" }),
-      /* @__PURE__ */ jsxs30(Box29, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
-        /* @__PURE__ */ jsx33(Text30, { children: prop.description.slice(0, textCursor) }),
-        /* @__PURE__ */ jsx33(Text30, { inverse: cursorVisible, children: prop.description[textCursor] ?? cursor }),
-        /* @__PURE__ */ jsx33(Text30, { children: prop.description.slice(textCursor + 1) })
+    selected && descActive && /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, flexDirection: "row", children: [
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "desc:" }),
+      /* @__PURE__ */ jsxs31(Box29, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
+        /* @__PURE__ */ jsx34(Text31, { children: prop.description.slice(0, textCursor) }),
+        /* @__PURE__ */ jsx34(Text31, { inverse: cursorVisible, children: prop.description[textCursor] ?? cursor }),
+        /* @__PURE__ */ jsx34(Text31, { children: prop.description.slice(textCursor + 1) })
       ] })
     ] }),
-    selected && !descActive && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "desc:" }),
-      /* @__PURE__ */ jsx33(Text30, { color: PALETTE.success, children: prop.description || "\u2014" })
+    selected && !descActive && /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "desc:" }),
+      /* @__PURE__ */ jsx34(Text31, { color: PALETTE.success, children: prop.description || "\u2014" })
     ] }),
-    selected && prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "allowed:" }),
-      activeField === "allowed" ? /* @__PURE__ */ jsx33(Box29, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx33(Text30, { color: prop.allowed.length > 0 ? PALETTE.info : void 0, dimColor: prop.allowed.length === 0, children: prop.allowed.length > 0 ? prop.allowed.join(", ") : "(any)" })
+    selected && prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "allowed:" }),
+      activeField === "allowed" ? /* @__PURE__ */ jsx34(Box29, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx34(Text31, { color: prop.allowed.length > 0 ? PALETTE.info : void 0, dimColor: prop.allowed.length === 0, children: prop.allowed.length > 0 ? prop.allowed.join(", ") : "(any)" })
     ] }),
-    selected && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx33(Box29, { paddingLeft: 2, children: /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: (() => {
+    selected && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx34(Box29, { paddingLeft: 2, children: /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: (() => {
       const max = Math.max(8, width - 8);
       const text = `~ ${rationale}`;
       return text.length > max ? text.slice(0, max - 1) + "\u2026" : text;
     })() }) }, rowKey ? `rationale-${rowKey}` : void 0),
-    selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs30(Box29, { children: [
-        /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "values:" }),
-        activeField === "values" && /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
+    selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs31(Box29, { children: [
+        /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "values:" }),
+        activeField === "values" && /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(
         EditableValueList,
         {
           values: prop.values,
@@ -21743,22 +21996,22 @@ function SlotRow({
   pickerCursor
 }) {
   const cursor = cursorVisible ? "\u2588" : " ";
-  return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", width, children: [
-    /* @__PURE__ */ jsxs30(Box29, { gap: 1, children: [
-      /* @__PURE__ */ jsx33(RowLabel, { name: slot.name, selected }),
-      /* @__PURE__ */ jsx33(Text30, { dimColor: !selected, children: "req:" }),
-      activeField === "required" ? /* @__PURE__ */ jsx33(Toggle, { value: slot.required, active: true }) : /* @__PURE__ */ jsx33(Toggle, { value: slot.required, active: false })
+  return /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", width, children: [
+    /* @__PURE__ */ jsxs31(Box29, { gap: 1, children: [
+      /* @__PURE__ */ jsx34(RowLabel, { name: slot.name, selected }),
+      /* @__PURE__ */ jsx34(Text31, { dimColor: !selected, children: "req:" }),
+      activeField === "required" ? /* @__PURE__ */ jsx34(Toggle, { value: slot.required, active: true }) : /* @__PURE__ */ jsx34(Toggle, { value: slot.required, active: false })
     ] }),
-    !selected && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "allowed:" }),
-      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "(any)" }) : /* @__PURE__ */ jsx33(Text30, { color: PALETTE.info, children: slot.allowedComponents.join(", ") })
+    !selected && /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "allowed:" }),
+      slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "(any)" }) : /* @__PURE__ */ jsx34(Text31, { color: PALETTE.info, children: slot.allowedComponents.join(", ") })
     ] }),
-    selected && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs30(Box29, { children: [
-        /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "allowed:" }),
-        activeField === "allowedComponents" && /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: slot.allowedComponents.length > 0 ? "  [a]dd  [e]dit  [r]emove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
+    selected && /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs31(Box29, { children: [
+        /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "allowed:" }),
+        activeField === "allowedComponents" && /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: slot.allowedComponents.length > 0 ? "  [a]dd  [e]dit  [r]emove  [\u2190\u2192] cycle  [\u2191\u2193] navigate  [K/J] reorder" : "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(
         EditableValueList,
         {
           values: slot.allowedComponents,
@@ -21772,36 +22025,36 @@ function SlotRow({
           showAddInput: activeField === "allowedComponents"
         }
       ),
-      editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx33(Box29, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
+      editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx34(Box29, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
         const filtered = valueText.length === 0 ? pickerCandidates : pickerCandidates.filter((n) => n.toLowerCase().includes(valueText.toLowerCase()));
         if (filtered.length === 0) {
-          return /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "(no candidates match \u2014 Enter to add as free text)" });
+          return /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "(no candidates match \u2014 Enter to add as free text)" });
         }
         const cursor2 = pickerCursor % filtered.length;
         const MAX_VISIBLE = 5;
         const start = Math.max(0, Math.min(filtered.length - MAX_VISIBLE, cursor2 - 2));
         const slice = filtered.slice(start, start + MAX_VISIBLE);
-        return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
+        return /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
           slice.map((name, i) => {
             const absIdx = start + i;
             const isCursor = absIdx === cursor2;
-            return /* @__PURE__ */ jsx33(Text30, { color: isCursor ? PALETTE.info : void 0, dimColor: !isCursor, children: isCursor ? `  ${figures4.pointer} ${name}` : `    ${name}` }, name);
+            return /* @__PURE__ */ jsx34(Text31, { color: isCursor ? PALETTE.info : void 0, dimColor: !isCursor, children: isCursor ? `  ${figures5.pointer} ${name}` : `    ${name}` }, name);
           })
         ] });
       })() })
     ] }),
-    selected && activeField === "description" && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, flexDirection: "row", children: [
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "desc:" }),
-      /* @__PURE__ */ jsxs30(Box29, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
-        /* @__PURE__ */ jsx33(Text30, { children: slot.description.slice(0, textCursor) }),
-        /* @__PURE__ */ jsx33(Text30, { inverse: cursorVisible, children: slot.description[textCursor] ?? cursor }),
-        /* @__PURE__ */ jsx33(Text30, { children: slot.description.slice(textCursor + 1) })
+    selected && activeField === "description" && /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, flexDirection: "row", children: [
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "desc:" }),
+      /* @__PURE__ */ jsxs31(Box29, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
+        /* @__PURE__ */ jsx34(Text31, { children: slot.description.slice(0, textCursor) }),
+        /* @__PURE__ */ jsx34(Text31, { inverse: cursorVisible, children: slot.description[textCursor] ?? cursor }),
+        /* @__PURE__ */ jsx34(Text31, { children: slot.description.slice(textCursor + 1) })
       ] })
     ] }),
-    selected && activeField !== "description" && /* @__PURE__ */ jsxs30(Box29, { paddingLeft: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "desc:" }),
-      /* @__PURE__ */ jsx33(Text30, { color: PALETTE.success, children: slot.description || "\u2014" })
+    selected && activeField !== "description" && /* @__PURE__ */ jsxs31(Box29, { paddingLeft: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "desc:" }),
+      /* @__PURE__ */ jsx34(Text31, { color: PALETTE.success, children: slot.description || "\u2014" })
     ] })
   ] });
 }
@@ -22586,18 +22839,18 @@ function FieldEditor({
   });
   const innerWidth = Math.max(1, width - 2);
   if (parseErr) {
-    return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
-      /* @__PURE__ */ jsx33(Text30, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
-      /* @__PURE__ */ jsx33(Text30, { color: PALETTE.error, children: parseErr }),
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "Cannot display structured editor. Fix the JSON first." })
+    return /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
+      /* @__PURE__ */ jsx34(Text31, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
+      /* @__PURE__ */ jsx34(Text31, { color: PALETTE.error, children: parseErr }),
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "Cannot display structured editor. Fix the JSON first." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
-    return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
-      /* @__PURE__ */ jsx33(Text30, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
-      /* @__PURE__ */ jsx33(Text30, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "Ctrl+S to save \xB7 Esc to discard" })
+    return /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
+      /* @__PURE__ */ jsx34(Text31, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
+      /* @__PURE__ */ jsx34(Text31, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "You can add fields manually below or reject this component." }),
+      /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "Ctrl+S to save \xB7 Esc to discard" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -22648,7 +22901,7 @@ function FieldEditor({
   const visibleRows = Math.max(1, height - 3);
   const scrollStart = selectedRowIdx < 0 ? 0 : Math.max(0, Math.min(selectedRowIdx, rows.length - visibleRows));
   const visibleRowSlice = rows.slice(scrollStart, scrollStart + visibleRows);
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     Box29,
     {
       flexDirection: "column",
@@ -22656,18 +22909,18 @@ function FieldEditor({
       borderStyle: "single",
       borderColor: hasEmptyProperties ? PALETTE.warning : PALETTE.info,
       children: [
-        hasEmptyProperties && /* @__PURE__ */ jsx33(Text30, { 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." }),
-        /* @__PURE__ */ jsx33(Box29, { flexDirection: "column", width: innerWidth, children: visibleRowSlice.map((row, i) => {
+        hasEmptyProperties && /* @__PURE__ */ jsx34(Text31, { 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." }),
+        /* @__PURE__ */ jsx34(Box29, { flexDirection: "column", width: innerWidth, children: visibleRowSlice.map((row, i) => {
           if (row.kind === "header") {
-            return /* @__PURE__ */ jsx33(Text30, { bold: true, color: PALETTE.success, children: row.label }, `header-${i}`);
+            return /* @__PURE__ */ jsx34(Text31, { bold: true, color: PALETTE.success, children: row.label }, `header-${i}`);
           }
           if (row.kind === "component-description") {
             const isSelected2 = inComponentDesc && active;
             const isEditing = isSelected2 && focusLevel === "field" && activeField === "description";
             const desc = editorState.componentDescription;
-            return /* @__PURE__ */ jsx33(Box29, { flexDirection: "column", children: /* @__PURE__ */ jsxs30(Box29, { gap: 1, children: [
-              /* @__PURE__ */ jsx33(
-                Text30,
+            return /* @__PURE__ */ jsx34(Box29, { flexDirection: "column", children: /* @__PURE__ */ jsxs31(Box29, { gap: 1, children: [
+              /* @__PURE__ */ jsx34(
+                Text31,
                 {
                   color: isSelected2 ? PALETTE.inverse : PALETTE.info,
                   bold: isSelected2,
@@ -22675,18 +22928,18 @@ function FieldEditor({
                   children: `${isSelected2 ? "\u203A" : " "} description: `
                 }
               ),
-              isEditing ? /* @__PURE__ */ jsxs30(Box29, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
-                /* @__PURE__ */ jsx33(Text30, { children: desc.slice(0, textCursor) }),
-                /* @__PURE__ */ jsx33(Text30, { inverse: cursorVisible, children: desc[textCursor] ?? (cursorVisible ? "\u2588" : " ") }),
-                /* @__PURE__ */ jsx33(Text30, { children: desc.slice(textCursor + 1) })
-              ] }) : /* @__PURE__ */ jsx33(Text30, { color: isSelected2 ? PALETTE.warning : PALETTE.inverse, dimColor: !desc, children: desc || "(none \u2014 Return to edit)" })
+              isEditing ? /* @__PURE__ */ jsxs31(Box29, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
+                /* @__PURE__ */ jsx34(Text31, { children: desc.slice(0, textCursor) }),
+                /* @__PURE__ */ jsx34(Text31, { inverse: cursorVisible, children: desc[textCursor] ?? (cursorVisible ? "\u2588" : " ") }),
+                /* @__PURE__ */ jsx34(Text31, { children: desc.slice(textCursor + 1) })
+              ] }) : /* @__PURE__ */ jsx34(Text31, { color: isSelected2 ? PALETTE.warning : PALETTE.inverse, dimColor: !desc, children: desc || "(none \u2014 Return to edit)" })
             ] }) }, `component-description-${i}`);
           }
           if (row.kind === "prop") {
             const p = props[row.idx];
             const isSelected2 = !inSlots && !inComponentDesc && row.idx === propIdx;
             const propMeta = metadata?.props?.[p.name];
-            return /* @__PURE__ */ jsx33(
+            return /* @__PURE__ */ jsx34(
               PropRow,
               {
                 prop: p,
@@ -22707,7 +22960,7 @@ function FieldEditor({
           const s = slots[row.idx];
           const isSelected = inSlots && row.idx === slotIdx;
           const slotPickerCandidates = isSelected && editingValue?.mode === "add" && activeField === "allowedComponents" && projectSlotGraph && currentComponentName ? computeAllowedComponentCandidates(projectSlotGraph, currentComponentName, slots, s.name) : null;
-          return /* @__PURE__ */ jsx33(
+          return /* @__PURE__ */ jsx34(
             SlotRow,
             {
               slot: s,
@@ -22733,50 +22986,50 @@ function FieldEditor({
           const src = metadata?.componentSource ?? null;
           const headerPath = path ?? "<unknown source path>";
           if (!start || !end || !src) {
-            return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-              /* @__PURE__ */ jsx33(Text30, { dimColor: true, bold: true, children: `source: ${headerPath}` }),
-              /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "(no source location captured for this prop)" }),
-              /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "[s] close" })
+            return /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+              /* @__PURE__ */ jsx34(Text31, { dimColor: true, bold: true, children: `source: ${headerPath}` }),
+              /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "(no source location captured for this prop)" }),
+              /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "[s] close" })
             ] });
           }
           const lines = src.split("\n").slice(Math.max(0, start - 1), end);
-          return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-            /* @__PURE__ */ jsx33(Text30, { dimColor: true, bold: true, children: `${headerPath}: lines ${start}\u2013${end}` }),
-            lines.map((ln, i) => /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: ln }, `source-line-${i}`)),
-            /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "[s] close \xB7 [Esc] close" })
+          return /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+            /* @__PURE__ */ jsx34(Text31, { dimColor: true, bold: true, children: `${headerPath}: lines ${start}\u2013${end}` }),
+            lines.map((ln, i) => /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: ln }, `source-line-${i}`)),
+            /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "[s] close \xB7 [Esc] close" })
           ] });
         })(),
-        showHelp && /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
-          /* @__PURE__ */ jsx33(Text30, { bold: true, color: PALETTE.info, children: "Keybindings" }),
-          /* @__PURE__ */ jsx33(Text30, { children: " " }),
-          /* @__PURE__ */ jsx33(Text30, { bold: true, children: "Row navigation" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  \u2191/\u2193 or j/k       move between rows" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  Enter            edit fields on the current row" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  Esc              exit the panel" }),
-          /* @__PURE__ */ jsx33(Text30, { children: " " }),
-          /* @__PURE__ */ jsx33(Text30, { bold: true, children: "Field editing" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  \u2191/\u2193 or j/k       cycle through fields (j/k literal in text inputs)" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  Space/Enter      toggle required" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  Type             edit description / string default" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  Ctrl+S           save changes" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  Esc              exit field-edit back to the row" }),
-          /* @__PURE__ */ jsx33(Text30, { children: " " }),
-          /* @__PURE__ */ jsx33(Text30, { bold: true, children: "Values / allowedComponents" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  \u2191\u2193 or j/k        navigate the list" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  K / J            reorder up \xB7 down" }),
-          /* @__PURE__ */ jsx33(Text30, { children: " " }),
-          /* @__PURE__ */ jsx33(Text30, { bold: true, children: "Panels" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  s                toggle source-view for the current prop" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
-          /* @__PURE__ */ jsx33(Text30, { children: "  ?                toggle this overlay" }),
-          /* @__PURE__ */ jsx33(Text30, { children: " " }),
-          /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: "press ? or Esc to close" })
+        showHelp && /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
+          /* @__PURE__ */ jsx34(Text31, { bold: true, color: PALETTE.info, children: "Keybindings" }),
+          /* @__PURE__ */ jsx34(Text31, { children: " " }),
+          /* @__PURE__ */ jsx34(Text31, { bold: true, children: "Row navigation" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  \u2191/\u2193 or j/k       move between rows" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  Enter            edit fields on the current row" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  Esc              exit the panel" }),
+          /* @__PURE__ */ jsx34(Text31, { children: " " }),
+          /* @__PURE__ */ jsx34(Text31, { bold: true, children: "Field editing" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  \u2191/\u2193 or j/k       cycle through fields (j/k literal in text inputs)" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  \u2190/\u2192              cycle picker values \xB7 move cursor in text inputs" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  Space/Enter      toggle required" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  Type             edit description / string default" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  Ctrl+S           save changes" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  Esc              exit field-edit back to the row" }),
+          /* @__PURE__ */ jsx34(Text31, { children: " " }),
+          /* @__PURE__ */ jsx34(Text31, { bold: true, children: "Values / allowedComponents" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  a / e / r        add \xB7 edit \xB7 remove" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  \u2191\u2193 or j/k        navigate the list" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  K / J            reorder up \xB7 down" }),
+          /* @__PURE__ */ jsx34(Text31, { children: " " }),
+          /* @__PURE__ */ jsx34(Text31, { bold: true, children: "Panels" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  s                toggle source-view for the current prop" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  " + propRationaleKey.padEnd(16) + " toggle prop rationale panel" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  " + componentRationaleKey.padEnd(16) + " toggle component rationale panel" }),
+          /* @__PURE__ */ jsx34(Text31, { children: "  ?                toggle this overlay" }),
+          /* @__PURE__ */ jsx34(Text31, { children: " " }),
+          /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: "press ? or Esc to close" })
         ] }),
-        validationError && /* @__PURE__ */ jsx33(Text30, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx33(Text30, { dimColor: true, children: modeLabel })
+        validationError && /* @__PURE__ */ jsx34(Text31, { color: PALETTE.error, children: "\u2717 " + validationError }),
+        /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: modeLabel })
       ]
     }
   );
@@ -22831,23 +23084,23 @@ var init_wrap_text = __esm({
 });
 
 // packages/experience-design-system-cli/src/analyze/select/tui/components/RationaleLine.tsx
-import { Box as Box30, Text as Text31 } from "ink";
-import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Box as Box30, Text as Text32 } from "ink";
+import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
 function RationaleLine({ line, active }) {
   if (line.kind === "blank") {
-    return /* @__PURE__ */ jsx34(Box30, { children: /* @__PURE__ */ jsx34(Text31, { children: " " }) });
+    return /* @__PURE__ */ jsx35(Box30, { children: /* @__PURE__ */ jsx35(Text32, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx34(Box30, { children: /* @__PURE__ */ jsx34(Text31, { bold: true, color: PALETTE.info, dimColor: !active, children: line.text }) });
+    return /* @__PURE__ */ jsx35(Box30, { children: /* @__PURE__ */ jsx35(Text32, { bold: true, color: PALETTE.info, dimColor: !active, children: line.text }) });
   }
   if (line.kind === "label") {
-    return /* @__PURE__ */ jsxs31(Box30, { children: [
-      line.prefix && /* @__PURE__ */ jsx34(Text31, { children: line.prefix }),
-      /* @__PURE__ */ jsx34(Text31, { bold: true, color: line.color, dimColor: !active, children: line.text }),
-      line.suffix && /* @__PURE__ */ jsx34(Text31, { dimColor: true, children: line.suffix })
+    return /* @__PURE__ */ jsxs32(Box30, { children: [
+      line.prefix && /* @__PURE__ */ jsx35(Text32, { children: line.prefix }),
+      /* @__PURE__ */ jsx35(Text32, { bold: true, color: line.color, dimColor: !active, children: line.text }),
+      line.suffix && /* @__PURE__ */ jsx35(Text32, { dimColor: true, children: line.suffix })
     ] });
   }
-  return /* @__PURE__ */ jsx34(Box30, { children: /* @__PURE__ */ jsx34(Text31, { dimColor: !active || line.dim, children: line.text }) });
+  return /* @__PURE__ */ jsx35(Box30, { children: /* @__PURE__ */ jsx35(Text32, { dimColor: !active || line.dim, children: line.text }) });
 }
 var init_RationaleLine = __esm({
   "packages/experience-design-system-cli/src/analyze/select/tui/components/RationaleLine.tsx"() {
@@ -22857,8 +23110,8 @@ var init_RationaleLine = __esm({
 });
 
 // packages/experience-design-system-cli/src/analyze/select/tui/components/ComponentRationalePanel.tsx
-import { Box as Box31, Text as Text32 } from "ink";
-import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Box as Box31, Text as Text33 } from "ink";
+import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
 function renderComponentRationaleLines(data, innerWidth) {
   const out = [];
   const pushSection = (heading, body) => {
@@ -22925,7 +23178,7 @@ function ComponentRationalePanel({
   const overflowed = totalLines > contentHeight;
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + contentHeight);
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     Box31,
     {
       flexDirection: "column",
@@ -22934,9 +23187,9 @@ function ComponentRationalePanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.inverse : void 0,
       children: [
-        /* @__PURE__ */ jsx35(Box31, { children: /* @__PURE__ */ jsx35(Text32, { bold: true, dimColor: !active, children: `Component rationale: ${data.name}` }) }),
-        visible.map((line, i) => /* @__PURE__ */ jsx35(RationaleLine, { line, active }, i)),
-        /* @__PURE__ */ jsx35(Box31, { children: overflowed ? /* @__PURE__ */ jsx35(Text32, { dimColor: true, children: `${visibleStart}-${visibleEnd}/${totalLines}    [j/k] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx35(Text32, { dimColor: true, children: "[I/Esc] close" }) })
+        /* @__PURE__ */ jsx36(Box31, { children: /* @__PURE__ */ jsx36(Text33, { bold: true, dimColor: !active, children: `Component rationale: ${data.name}` }) }),
+        visible.map((line, i) => /* @__PURE__ */ jsx36(RationaleLine, { line, active }, i)),
+        /* @__PURE__ */ jsx36(Box31, { children: overflowed ? /* @__PURE__ */ jsx36(Text33, { dimColor: true, children: `${visibleStart}-${visibleEnd}/${totalLines}    [j/k] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx36(Text33, { dimColor: true, children: "[I/Esc] close" }) })
       ]
     }
   );
@@ -22953,10 +23206,10 @@ var init_ComponentRationalePanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/analyze/select/tui/components/HighlightedLine.tsx
-import { Text as Text33 } from "ink";
-import { Fragment as Fragment11, jsx as jsx36 } from "react/jsx-runtime";
+import { Text as Text34 } from "ink";
+import { Fragment as Fragment11, jsx as jsx37 } from "react/jsx-runtime";
 function HighlightedLine({ parts }) {
-  return /* @__PURE__ */ jsx36(Fragment11, { children: parts.map((part, i) => /* @__PURE__ */ jsx36(Text33, { color: part.color, dimColor: part.dim, children: part.text }, i)) });
+  return /* @__PURE__ */ jsx37(Fragment11, { children: parts.map((part, i) => /* @__PURE__ */ jsx37(Text34, { color: part.color, dimColor: part.dim, children: part.text }, i)) });
 }
 var init_HighlightedLine = __esm({
   "packages/experience-design-system-cli/src/analyze/select/tui/components/HighlightedLine.tsx"() {
@@ -22965,8 +23218,8 @@ var init_HighlightedLine = __esm({
 });
 
 // packages/experience-design-system-cli/src/analyze/select/tui/components/ScrollablePanel.tsx
-import { Box as Box32, Text as Text34 } from "ink";
-import { Fragment as Fragment12, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Box as Box32, Text as Text35 } from "ink";
+import { Fragment as Fragment12, jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
 function ScrollablePanel({
   header,
   width,
@@ -22979,12 +23232,12 @@ function ScrollablePanel({
   children
 }) {
   const overflowed = totalLines > height;
-  return /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
-    /* @__PURE__ */ jsxs33(Box32, { children: [
+  return /* @__PURE__ */ jsxs34(Box32, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
+    /* @__PURE__ */ jsxs34(Box32, { children: [
       header,
-      overflowed && /* @__PURE__ */ jsxs33(Fragment12, { children: [
-        /* @__PURE__ */ jsx37(Box32, { flexGrow: 1 }),
-        /* @__PURE__ */ jsx37(Text34, { dimColor: !active, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
+      overflowed && /* @__PURE__ */ jsxs34(Fragment12, { children: [
+        /* @__PURE__ */ jsx38(Box32, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx38(Text35, { dimColor: !active, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
     children
@@ -22997,8 +23250,8 @@ var init_ScrollablePanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/analyze/select/tui/components/JsonPanel.tsx
-import { Box as Box33, Text as Text35 } from "ink";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { Box as Box33, Text as Text36 } from "ink";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function highlightJson(line) {
   const parts = [];
   let remaining = line;
@@ -23036,7 +23289,7 @@ function highlightJson(line) {
     parts.push({ text: remaining[0] });
     remaining = remaining.slice(1);
   }
-  return /* @__PURE__ */ jsx38(HighlightedLine, { parts });
+  return /* @__PURE__ */ jsx39(HighlightedLine, { parts });
 }
 function truncateLine(line, maxWidth) {
   if (line.length <= maxWidth) return line;
@@ -23049,10 +23302,10 @@ function JsonPanel({ label, value, scrollOffset, width, height, active }) {
   const totalLines = allLines.length;
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + height);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     ScrollablePanel,
     {
-      header: /* @__PURE__ */ jsx38(Text35, { bold: true, dimColor: !active, children: label }),
+      header: /* @__PURE__ */ jsx39(Text36, { bold: true, dimColor: !active, children: label }),
       width,
       height,
       active,
@@ -23062,7 +23315,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__ */ jsx38(Box33, { children: highlightJson(truncated) }, i);
+        return /* @__PURE__ */ jsx39(Box33, { children: highlightJson(truncated) }, i);
       })
     }
   );
@@ -23076,8 +23329,8 @@ var init_JsonPanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/analyze/select/tui/components/RationalePanel.tsx
-import { Text as Text36 } from "ink";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { Text as Text37 } from "ink";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function renderRationaleLines(rows, innerWidth) {
   const out = [];
   rows.forEach((row, idx) => {
@@ -23110,10 +23363,10 @@ function RationalePanel({
   const visible = allLines.slice(scrollOffset, scrollOffset + height);
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + height);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     ScrollablePanel,
     {
-      header: /* @__PURE__ */ jsx39(Text36, { bold: true, dimColor: !active, children: `RATIONALE \u2014 ${componentName}` }),
+      header: /* @__PURE__ */ jsx40(Text37, { bold: true, dimColor: !active, children: `RATIONALE \u2014 ${componentName}` }),
       width,
       height,
       active,
@@ -23121,7 +23374,7 @@ function RationalePanel({
       visibleStart,
       visibleEnd,
       borderColor: active ? PALETTE.inverse : void 0,
-      children: visible.map((line, i) => /* @__PURE__ */ jsx39(RationaleLine, { line, active }, i))
+      children: visible.map((line, i) => /* @__PURE__ */ jsx40(RationaleLine, { line, active }, i))
     }
   );
 }
@@ -23136,9 +23389,9 @@ var init_RationalePanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/analyze/select/tui/components/TokenReviewPanel.tsx
-import figures5 from "figures";
-import { Box as Box34, Text as Text37 } from "ink";
-import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
+import figures6 from "figures";
+import { Box as Box34, Text as Text38 } from "ink";
+import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 function collectTokenSuggestions(entry, availableTokens = []) {
   return Object.entries(entry.$properties).filter(([, def]) => {
     const rawKind = def["$token.kind"];
@@ -23172,7 +23425,7 @@ 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__ */ jsxs34(
+    return /* @__PURE__ */ jsxs35(
       Box34,
       {
         flexDirection: "column",
@@ -23181,24 +23434,24 @@ function TokenReviewPanel({
         borderStyle: "single",
         borderColor: active ? PALETTE.inverse : void 0,
         children: [
-          /* @__PURE__ */ jsx40(Text37, { bold: true, dimColor: !active, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
-          /* @__PURE__ */ jsx40(Text37, { dimColor: true, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
-          /* @__PURE__ */ jsx40(Text37, { children: " " }),
-          current.paths.length === 0 && /* @__PURE__ */ jsx40(Text37, { dimColor: true, children: "(no compatible tokens found for this token kind)" }),
+          /* @__PURE__ */ jsx41(Text38, { bold: true, dimColor: !active, wrap: "truncate", children: `TOKEN REVIEW \u2014 ${componentName} \xB7 ${current.propName} (edit allowed)` }),
+          /* @__PURE__ */ jsx41(Text38, { dimColor: true, wrap: "truncate", children: `select which tokens are allowed (${rangeLabel})` }),
+          /* @__PURE__ */ jsx41(Text38, { children: " " }),
+          current.paths.length === 0 && /* @__PURE__ */ jsx41(Text38, { dimColor: true, children: "(no compatible tokens found for this token kind)" }),
           visiblePaths.map((path, i) => {
             const pathIndex = scrollStart + i;
             const checked = editSelection.has(path);
             const focused = pathIndex === editCursor;
-            return /* @__PURE__ */ jsx40(Box34, { children: /* @__PURE__ */ jsx40(Text37, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, wrap: "truncate", children: `  [${checked ? "x" : " "}] ${path}` }) }, path);
+            return /* @__PURE__ */ jsx41(Box34, { children: /* @__PURE__ */ jsx41(Text38, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, wrap: "truncate", children: `  [${checked ? "x" : " "}] ${path}` }) }, path);
           }),
-          /* @__PURE__ */ jsx40(Text37, { children: " " }),
-          /* @__PURE__ */ jsx40(Text37, { dimColor: true, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
-          /* @__PURE__ */ jsx40(Text37, { dimColor: true, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
+          /* @__PURE__ */ jsx41(Text38, { children: " " }),
+          /* @__PURE__ */ jsx41(Text38, { dimColor: true, wrap: "truncate", children: "[\u2191/\u2193] move  [Space] toggle" }),
+          /* @__PURE__ */ jsx41(Text38, { dimColor: true, wrap: "truncate", children: "[Ctrl+S] save  [Esc] cancel" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     Box34,
     {
       flexDirection: "column",
@@ -23207,18 +23460,18 @@ function TokenReviewPanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.inverse : void 0,
       children: [
-        /* @__PURE__ */ jsx40(Text37, { bold: true, dimColor: !active, children: `TOKEN REVIEW \u2014 ${componentName}` }),
-        suggestions.length === 0 && /* @__PURE__ */ jsx40(Text37, { dimColor: true, children: "(no token suggestions for this component)" }),
+        /* @__PURE__ */ jsx41(Text38, { bold: true, dimColor: !active, children: `TOKEN REVIEW \u2014 ${componentName}` }),
+        suggestions.length === 0 && /* @__PURE__ */ jsx41(Text38, { dimColor: true, children: "(no token suggestions for this component)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
-          return /* @__PURE__ */ jsxs34(Box34, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx40(Box34, { children: /* @__PURE__ */ jsx40(Text37, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, children: `${focused ? figures5.pointer : " "} ${s.propName}` }) }),
-            /* @__PURE__ */ jsx40(Text37, { dimColor: true, children: `  suggested: ${s.suggested.join(", ")}` }),
-            /* @__PURE__ */ jsx40(Text37, { dimColor: true, children: `  allowed: ${s.allowed.join(", ")}` })
+          return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx41(Box34, { children: /* @__PURE__ */ jsx41(Text38, { color: focused ? PALETTE.info : void 0, bold: focused, dimColor: !active, children: `${focused ? figures6.pointer : " "} ${s.propName}` }) }),
+            /* @__PURE__ */ jsx41(Text38, { dimColor: true, children: `  suggested: ${s.suggested.join(", ")}` }),
+            /* @__PURE__ */ jsx41(Text38, { dimColor: true, children: `  allowed: ${s.allowed.join(", ")}` })
           ] }, s.propName);
         }),
-        /* @__PURE__ */ jsx40(Text37, { children: " " }),
-        /* @__PURE__ */ jsx40(Text37, { dimColor: true, children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
+        /* @__PURE__ */ jsx41(Text38, { children: " " }),
+        /* @__PURE__ */ jsx41(Text38, { dimColor: true, children: "[\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" })
       ]
     }
   );
@@ -23231,8 +23484,8 @@ var init_TokenReviewPanel = __esm({
 });
 
 // packages/experience-design-system-cli/src/import/tui/steps/review-details-panel.tsx
-import { Text as Text38 } from "ink";
-import { Fragment as Fragment13, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Text as Text39 } from "ink";
+import { Fragment as Fragment13, jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
 function ReviewDetailsPanel({
   selectedKey,
   panelOpen,
@@ -23267,7 +23520,7 @@ function ReviewDetailsPanel({
         rationale: s.rationale ?? ""
       }))
     ];
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       RationalePanel,
       {
         componentName: componentRationale?.name ?? selectedKey,
@@ -23280,7 +23533,7 @@ function ReviewDetailsPanel({
     );
   }
   if (panelOpen === "component-rationale") {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       ComponentRationalePanel,
       {
         data: componentRationale ?? {
@@ -23305,14 +23558,14 @@ function ReviewDetailsPanel({
     const headerPath = path ?? "<unknown source path>";
     const sourceLineCount = Math.max(1, height - 4);
     const lines = source ? source.split("\n").slice(panelScrollOffset, panelScrollOffset + sourceLineCount) : [];
-    return /* @__PURE__ */ jsxs35(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx41(Text38, { dimColor: true, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
-      source ? lines.map((line, index) => /* @__PURE__ */ jsx41(Text38, { dimColor: true, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx41(Text38, { dimColor: true, children: "(no source captured)" }),
-      /* @__PURE__ */ jsx41(Text38, { dimColor: true, wrap: "truncate-end", children: "[s/Esc] close" })
+    return /* @__PURE__ */ jsxs36(FixedPanel, { width, height, borderStyle: "single", borderColor: sourceBorderColor, paddingLeft: 1, children: [
+      /* @__PURE__ */ jsx42(Text39, { dimColor: true, bold: true, wrap: "truncate-end", children: `source: ${headerPath}` }),
+      source ? lines.map((line, index) => /* @__PURE__ */ jsx42(Text39, { dimColor: true, wrap: "truncate-end", children: line }, `source-line-${index}`)) : /* @__PURE__ */ jsx42(Text39, { dimColor: true, children: "(no source captured)" }),
+      /* @__PURE__ */ jsx42(Text39, { dimColor: true, wrap: "truncate-end", children: "[s/Esc] close" })
     ] });
   }
   if (panelOpen === "token-review") {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       TokenReviewPanel,
       {
         componentName: selectedKey,
@@ -23328,7 +23581,7 @@ function ReviewDetailsPanel({
     );
   }
   if (showJson) {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       JsonPanel,
       {
         label: "GENERATED DEFINITION (read-only)",
@@ -23340,7 +23593,7 @@ function ReviewDetailsPanel({
       }
     );
   }
-  return /* @__PURE__ */ jsx41(Fragment13, { children: editor });
+  return /* @__PURE__ */ jsx42(Fragment13, { children: editor });
 }
 var init_review_details_panel = __esm({
   "packages/experience-design-system-cli/src/import/tui/steps/review-details-panel.tsx"() {
@@ -23354,7 +23607,7 @@ var init_review_details_panel = __esm({
 });
 
 // packages/experience-design-system-cli/src/import/tui/components/ReviewDetailsEditor.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 import { createElement as createElement5 } from "react";
 function toFieldEditorMetadata(reviewMetadata) {
   if (!reviewMetadata) return void 0;
@@ -23387,7 +23640,7 @@ function ReviewDetailsEditor({
     jsonScrollOffset,
     currentTokenSuggestions
   } = reviewEditor;
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     ReviewDetailsPanel,
     {
       selectedKey,
@@ -23431,8 +23684,8 @@ var init_ReviewDetailsEditor = __esm({
 });
 
 // packages/experience-design-system-cli/src/import/tui/components/ReviewComponentPanel.tsx
-import { Box as Box35, Text as Text39 } from "ink";
-import { Fragment as Fragment14, jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Box as Box35, Text as Text40 } from "ink";
+import { Fragment as Fragment14, jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
 function buildReviewFieldEditor(reviewEditor, selectedJson, onExit, overrides = {}) {
   return {
     value: reviewEditor.draftValue || selectedJson,
@@ -23472,17 +23725,17 @@ function ReviewEmptyComponentsWarning({
   hidden
 }) {
   if (hidden || count === 0) return null;
-  return /* @__PURE__ */ jsx43(Text39, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
+  return /* @__PURE__ */ jsx44(Text40, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx43(Box35, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx43(Text39, { dimColor: true, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx44(Box35, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx44(Text40, { dimColor: true, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
   hidden
 }) {
   if (hidden || !message) return null;
-  return /* @__PURE__ */ jsx43(Text39, { color: PALETTE.error, children: `\u26A0 ${message}` });
+  return /* @__PURE__ */ jsx44(Text40, { color: PALETTE.error, children: `\u26A0 ${message}` });
 }
 function ReviewPanelFooter({
   reviewEditor,
@@ -23491,10 +23744,10 @@ function ReviewPanelFooter({
   livePreview,
   livePreviewSpinner
 }) {
-  return /* @__PURE__ */ jsxs36(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs37(Fragment14, { children: [
     reviewEditor.panelOpen === "token-review" ? "  [\u2191/\u2193] move  [Enter] edit allowed  [Esc] close" : sidebarFocused ? sidebarFooter : reviewEditor.showJson ? "  [j/k] scroll  [Ctrl+u/d] half-page  [gg/G] top/bottom  [Tab] focus list" : "  [Tab] focus list  (edit fields)" + (reviewEditor.currentTokenSuggestions().length > 0 ? "  [t] token review" : ""),
-    livePreview.status === "running" && /* @__PURE__ */ jsx43(Text39, { children: `  ${livePreviewSpinner} live preview` }),
-    livePreview.disabled && /* @__PURE__ */ jsx43(Text39, { children: "  \xB7 live preview disabled" })
+    livePreview.status === "running" && /* @__PURE__ */ jsx44(Text40, { children: `  ${livePreviewSpinner} live preview` }),
+    livePreview.disabled && /* @__PURE__ */ jsx44(Text40, { children: "  \xB7 live preview disabled" })
   ] });
 }
 function ReviewComponentPanel({
@@ -23518,11 +23771,11 @@ function ReviewComponentPanel({
   const slotCount = selectedEntry.$slots ? Object.keys(selectedEntry.$slots).length : 0;
   const contentHeight = Math.max(1, height - 3);
   const contentWidth = Math.max(1, width - 1);
-  return /* @__PURE__ */ jsx43(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs36(Box35, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
-    /* @__PURE__ */ jsxs36(Box35, { width: contentWidth, height: 1, flexShrink: 0, children: [
-      /* @__PURE__ */ jsx43(Text39, { bold: true, wrap: "truncate-end", children: selectedKey }),
-      /* @__PURE__ */ jsx43(Box35, { flexGrow: 1 }),
-      /* @__PURE__ */ jsxs36(Text39, { dimColor: true, wrap: "truncate-end", children: [
+  return /* @__PURE__ */ jsx44(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs37(Box35, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
+    /* @__PURE__ */ jsxs37(Box35, { width: contentWidth, height: 1, flexShrink: 0, children: [
+      /* @__PURE__ */ jsx44(Text40, { bold: true, wrap: "truncate-end", children: selectedKey }),
+      /* @__PURE__ */ jsx44(Box35, { flexGrow: 1 }),
+      /* @__PURE__ */ jsxs37(Text40, { dimColor: true, wrap: "truncate-end", children: [
         propCount,
         " prop",
         propCount !== 1 ? "s" : "",
@@ -23531,7 +23784,7 @@ function ReviewComponentPanel({
         sidebarFocused ? "[Tab] focus panel" : "[Tab] focus list"
       ] })
     ] }),
-    /* @__PURE__ */ jsx43(Box35, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Box35, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx44(
       ReviewDetailsEditor,
       {
         selectedKey,
@@ -23546,8 +23799,8 @@ function ReviewComponentPanel({
         fieldEditor
       }
     ) }),
-    /* @__PURE__ */ jsx43(Box35, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx43(Text39, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
-    /* @__PURE__ */ jsx43(Box35, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx43(Text39, { dimColor: true, wrap: "truncate-end", children: /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(Box35, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx44(Text40, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
+    /* @__PURE__ */ jsx44(Box35, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx44(Text40, { dimColor: true, wrap: "truncate-end", children: /* @__PURE__ */ jsx44(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -23569,9 +23822,43 @@ var init_ReviewComponentPanel = __esm({
   }
 });
 
+// packages/experience-design-system-cli/src/analyze/select/tui/components/StatusBar.tsx
+import { Box as Box36, Text as Text41 } from "ink";
+import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
+function StatusBar({ accepted, rejected, reviewed, needsReview }) {
+  const allResolved = needsReview === 0;
+  return /* @__PURE__ */ jsxs38(Box36, { gap: 2, flexWrap: "wrap", children: [
+    /* @__PURE__ */ jsxs38(Text41, { color: PALETTE.success, children: [
+      accepted,
+      " accepted"
+    ] }),
+    /* @__PURE__ */ jsxs38(Text41, { color: PALETTE.error, children: [
+      rejected,
+      " rejected"
+    ] }),
+    /* @__PURE__ */ jsxs38(Text41, { dimColor: true, children: [
+      needsReview,
+      " pending"
+    ] }),
+    /* @__PURE__ */ jsxs38(Text41, { color: PALETTE.info, children: [
+      reviewed,
+      " reviewed"
+    ] }),
+    /* @__PURE__ */ jsx45(Text41, { dimColor: true, children: "\xB7" }),
+    /* @__PURE__ */ jsx45(Text41, { dimColor: true, children: "[A] accept all" }),
+    /* @__PURE__ */ jsx45(Text41, { bold: allResolved, color: allResolved ? PALETTE.success : PALETTE.fg, children: "[F] finalize" })
+  ] });
+}
+var init_StatusBar = __esm({
+  "packages/experience-design-system-cli/src/analyze/select/tui/components/StatusBar.tsx"() {
+    "use strict";
+    init_theme();
+  }
+});
+
 // packages/experience-design-system-cli/src/import/tui/components/ReviewStatus.tsx
-import { Box as Box36, Text as Text40 } from "ink";
-import { jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Box as Box37, Text as Text42 } from "ink";
+import { jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 function countReviewStatuses(entries) {
   return entries.reduce(
     (counts, entry) => {
@@ -23583,20 +23870,39 @@ function countReviewStatuses(entries) {
     { accepted: 0, rejected: 0, needsReview: 0 }
   );
 }
+function ReviewStatusBar({
+  entries,
+  onApproveAll,
+  onFinalize
+}) {
+  const { accepted, rejected, needsReview } = countReviewStatuses(entries);
+  return /* @__PURE__ */ jsx46(
+    StatusBar,
+    {
+      accepted,
+      rejected,
+      reviewed: 0,
+      needsReview,
+      onApproveAll,
+      onFinalize
+    }
+  );
+}
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx44(Box36, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx44(Text40, { dimColor: true, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx46(Box37, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx46(Text42, { dimColor: true, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
-  return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx44(Text40, { color: PALETTE.error, children: message }),
-    /* @__PURE__ */ jsx44(Text40, { children: " " }),
-    /* @__PURE__ */ jsx44(Text40, { dimColor: true, children: "[q / Enter / Esc] Quit" })
+  return /* @__PURE__ */ jsxs39(Box37, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx46(Text42, { color: PALETTE.error, children: message }),
+    /* @__PURE__ */ jsx46(Text42, { children: " " }),
+    /* @__PURE__ */ jsx46(Text42, { dimColor: true, children: "[q / Enter / Esc] Quit" })
   ] });
 }
 var init_ReviewStatus = __esm({
   "packages/experience-design-system-cli/src/import/tui/components/ReviewStatus.tsx"() {
     "use strict";
     init_theme();
+    init_StatusBar();
   }
 });
 
@@ -23724,8 +24030,8 @@ var init_runLivePreview = __esm({
 });
 
 // packages/experience-design-system-cli/src/analyze/select/tui/components/FinalizeDialog.tsx
-import { Box as Box37, Text as Text41 } from "ink";
-import { Fragment as Fragment15, jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Box as Box38, Text as Text43 } from "ink";
+import { Fragment as Fragment15, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
 function FinalizeDialog({
   accepted,
   rejected,
@@ -23753,51 +24059,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__ */ jsxs38(Box37, { flexDirection: "column", borderStyle: "round", padding: 1, width: 58, children: [
-    /* @__PURE__ */ jsx45(Text41, { bold: true, children: "\u2500".repeat(17) + " Finalize " + "\u2500".repeat(17) }),
-    /* @__PURE__ */ jsx45(Text41, { children: " " }),
-    /* @__PURE__ */ jsxs38(Text41, { children: [
-      /* @__PURE__ */ jsxs38(Text41, { color: PALETTE.success, children: [
+  return /* @__PURE__ */ jsxs40(Box38, { flexDirection: "column", borderStyle: "round", padding: 1, width: 58, children: [
+    /* @__PURE__ */ jsx47(Text43, { bold: true, children: "\u2500".repeat(17) + " Finalize " + "\u2500".repeat(17) }),
+    /* @__PURE__ */ jsx47(Text43, { children: " " }),
+    /* @__PURE__ */ jsxs40(Text43, { children: [
+      /* @__PURE__ */ jsxs40(Text43, { color: PALETTE.success, children: [
         accepted,
         " accepted"
       ] }),
-      /* @__PURE__ */ jsx45(Text41, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs38(Text41, { color: PALETTE.error, children: [
+      /* @__PURE__ */ jsx47(Text43, { children: " \xB7 " }),
+      /* @__PURE__ */ jsxs40(Text43, { color: PALETTE.error, children: [
         rejected,
         " rejected"
       ] }),
-      /* @__PURE__ */ jsx45(Text41, { children: " \xB7 " }),
-      /* @__PURE__ */ jsxs38(Text41, { dimColor: true, children: [
+      /* @__PURE__ */ jsx47(Text43, { children: " \xB7 " }),
+      /* @__PURE__ */ jsxs40(Text43, { dimColor: true, children: [
         needsReview,
         " unresolved"
       ] })
     ] }),
-    /* @__PURE__ */ jsx45(Text41, { children: " " }),
-    noneAccepted && /* @__PURE__ */ jsxs38(Fragment15, { children: [
-      /* @__PURE__ */ jsx45(Text41, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
-      /* @__PURE__ */ jsx45(Text41, { color: PALETTE.warning, children: "  Accept at least one component ([a] a row, [A] accept all) to push." }),
-      /* @__PURE__ */ jsx45(Text41, { children: " " })
+    /* @__PURE__ */ jsx47(Text43, { children: " " }),
+    noneAccepted && /* @__PURE__ */ jsxs40(Fragment15, { children: [
+      /* @__PURE__ */ jsx47(Text43, { bold: true, color: PALETTE.warning, children: "\u26A0 No components are accepted \u2014 nothing will be pushed." }),
+      /* @__PURE__ */ jsx47(Text43, { color: PALETTE.warning, children: "  Accept at least one component ([a] a row, [A] accept all) to push." }),
+      /* @__PURE__ */ jsx47(Text43, { children: " " })
     ] }),
-    !allResolved && /* @__PURE__ */ jsxs38(Fragment15, { children: [
-      /* @__PURE__ */ jsx45(Text41, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
-      /* @__PURE__ */ jsx45(Text41, { color: PALETTE.warning, children: "  Only explicitly accepted components ship." }),
-      /* @__PURE__ */ jsx45(Text41, { children: " " })
+    !allResolved && /* @__PURE__ */ jsxs40(Fragment15, { children: [
+      /* @__PURE__ */ jsx47(Text43, { color: PALETTE.warning, children: "\u26A0 " + needsReview + " unresolved component" + (needsReview === 1 ? "" : "s") + " will not be pushed." }),
+      /* @__PURE__ */ jsx47(Text43, { color: PALETTE.warning, children: "  Only explicitly accepted components ship." }),
+      /* @__PURE__ */ jsx47(Text43, { children: " " })
     ] }),
-    /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", height: 2, children: [
-      previewStatus === "running" ? /* @__PURE__ */ jsx45(Text41, { dimColor: true, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx45(Text41, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx45(Text41, { children: " " }),
-      /* @__PURE__ */ jsx45(Text41, { children: " " })
+    /* @__PURE__ */ jsxs40(Box38, { flexDirection: "column", height: 2, children: [
+      previewStatus === "running" ? /* @__PURE__ */ jsx47(Text43, { dimColor: true, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx47(Text43, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx47(Text43, { children: " " }),
+      /* @__PURE__ */ jsx47(Text43, { children: " " })
     ] }),
-    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs38(Fragment15, { children: [
-      /* @__PURE__ */ jsx45(Text41, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
-      hasMoreAbove && /* @__PURE__ */ jsx45(Text41, { dimColor: true, children: "  \u2191 more above" }),
-      windowed.map((rc) => /* @__PURE__ */ jsx45(Text41, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
-      hasMoreBelow && /* @__PURE__ */ jsx45(Text41, { dimColor: true, children: "  \u2193 more below" }),
-      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx45(Text41, { dimColor: true, children: "  [j/k] scroll deletions" }),
-      /* @__PURE__ */ jsx45(Text41, { children: " " })
+    previewStatus === "done" && removed.length > 0 && /* @__PURE__ */ jsxs40(Fragment15, { children: [
+      /* @__PURE__ */ jsx47(Text43, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removed.length, false) }),
+      hasMoreAbove && /* @__PURE__ */ jsx47(Text43, { dimColor: true, children: "  \u2191 more above" }),
+      windowed.map((rc) => /* @__PURE__ */ jsx47(Text43, { color: PALETTE.error, children: removedComponentLine(rc) }, rc.id)),
+      hasMoreBelow && /* @__PURE__ */ jsx47(Text43, { dimColor: true, children: "  \u2193 more below" }),
+      removed.length > FINALIZE_REMOVED_WINDOW && /* @__PURE__ */ jsx47(Text43, { dimColor: true, children: "  [j/k] scroll deletions" }),
+      /* @__PURE__ */ jsx47(Text43, { children: " " })
     ] }),
-    /* @__PURE__ */ jsx45(Text41, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
-    /* @__PURE__ */ jsx45(Text41, { children: " " }),
-    /* @__PURE__ */ jsx45(Text41, { children: "  [y / Enter]  Confirm    [n / Esc]  Cancel" })
+    /* @__PURE__ */ jsx47(Text43, { children: noneAccepted ? "Confirm exit with nothing accepted?" : allResolved ? "Save decisions and exit? All components resolved." : "Save decisions and exit?" }),
+    /* @__PURE__ */ jsx47(Text43, { children: " " }),
+    /* @__PURE__ */ jsx47(Text43, { children: "  [y / Enter]  Confirm    [n / Esc]  Cancel" })
   ] });
 }
 var FINALIZE_REMOVED_WINDOW;
@@ -24302,8 +24608,8 @@ var init_useReviewSurfaceState = __esm({
 });
 
 // packages/experience-design-system-cli/src/analyze/select/tui/components/QuitDialog.tsx
-import { Box as Box38, Text as Text42 } from "ink";
-import { Fragment as Fragment16, jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Box as Box39, Text as Text44 } from "ink";
+import { Fragment as Fragment16, jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
 function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
   useImmediateInput((input, key) => {
     if (input === "y" || key.return) {
@@ -24312,16 +24618,16 @@ function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
       onCancel();
     }
   });
-  return /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
-    /* @__PURE__ */ jsx46(Text42, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
-    /* @__PURE__ */ jsx46(Text42, { children: " " }),
-    hasUnsavedDrafts ? /* @__PURE__ */ jsxs39(Fragment16, { children: [
-      /* @__PURE__ */ jsx46(Text42, { children: "You have unsaved draft edits." }),
-      /* @__PURE__ */ jsx46(Text42, { children: "Session state is preserved \u2014 you can resume" }),
-      /* @__PURE__ */ jsx46(Text42, { children: "by running the same review command again." })
-    ] }) : /* @__PURE__ */ jsx46(Text42, { children: "Session is saved. Quit without finalizing?" }),
-    /* @__PURE__ */ jsx46(Text42, { children: " " }),
-    /* @__PURE__ */ jsx46(Text42, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
+  return /* @__PURE__ */ jsxs41(Box39, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
+    /* @__PURE__ */ jsx48(Text44, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
+    /* @__PURE__ */ jsx48(Text44, { children: " " }),
+    hasUnsavedDrafts ? /* @__PURE__ */ jsxs41(Fragment16, { children: [
+      /* @__PURE__ */ jsx48(Text44, { children: "You have unsaved draft edits." }),
+      /* @__PURE__ */ jsx48(Text44, { children: "Session state is preserved \u2014 you can resume" }),
+      /* @__PURE__ */ jsx48(Text44, { children: "by running the same review command again." })
+    ] }) : /* @__PURE__ */ jsx48(Text44, { children: "Session is saved. Quit without finalizing?" }),
+    /* @__PURE__ */ jsx48(Text44, { children: " " }),
+    /* @__PURE__ */ jsx48(Text44, { children: "  [y / Enter]  Quit    [n / Esc]  Stay" })
   ] });
 }
 var init_QuitDialog = __esm({
@@ -24332,8 +24638,8 @@ var init_QuitDialog = __esm({
 });
 
 // packages/experience-design-system-cli/src/import/tui/components/ReviewDialogs.tsx
-import { Box as Box39, Text as Text43 } from "ink";
-import { Fragment as Fragment17, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Box as Box40, Text as Text45 } from "ink";
+import { Fragment as Fragment17, jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
 function ReviewFinalizeDialogs({
   showFinalize,
   showQuit,
@@ -24347,8 +24653,8 @@ function ReviewFinalizeDialogs({
   onQuitCancel
 }) {
   const { accepted, rejected, needsReview } = countReviewStatuses(components);
-  return /* @__PURE__ */ jsxs40(Fragment17, { children: [
-    showFinalize && /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsxs42(Fragment17, { children: [
+    showFinalize && /* @__PURE__ */ jsx49(
       FinalizeDialog,
       {
         accepted,
@@ -24361,7 +24667,7 @@ function ReviewFinalizeDialogs({
         onCancel: onFinalizeCancel
       }
     ),
-    showQuit && /* @__PURE__ */ jsx47(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
+    showQuit && /* @__PURE__ */ jsx49(QuitDialog, { hasUnsavedDrafts: false, onConfirm: onQuitConfirm, onCancel: onQuitCancel })
   ] });
 }
 function ReviewStepDialogs({
@@ -24371,7 +24677,7 @@ function ReviewStepDialogs({
   onFinalize,
   onQuit
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     ReviewFinalizeDialogs,
     {
       showFinalize: surfaceState.showFinalize,
@@ -24389,12 +24695,12 @@ function ReviewStepDialogs({
 }
 function ReviewReloadDialog({ open }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-    /* @__PURE__ */ jsx47(Text43, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
-    /* @__PURE__ */ jsx47(Text43, { children: "Unsaved in-memory changes will be lost." }),
-    /* @__PURE__ */ jsx47(Text43, { children: " " }),
-    /* @__PURE__ */ jsx47(Text43, { children: "  [Enter]  Confirm" }),
-    /* @__PURE__ */ jsx47(Text43, { children: "  [Esc]    Cancel" })
+  return /* @__PURE__ */ jsxs42(Box40, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+    /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
+    /* @__PURE__ */ jsx49(Text45, { children: "Unsaved in-memory changes will be lost." }),
+    /* @__PURE__ */ jsx49(Text45, { children: " " }),
+    /* @__PURE__ */ jsx49(Text45, { children: "  [Enter]  Confirm" }),
+    /* @__PURE__ */ jsx49(Text45, { children: "  [Esc]    Cancel" })
   ] });
 }
 var init_ReviewDialogs = __esm({
@@ -24802,8 +25108,8 @@ var init_useReviewPreview = __esm({
 });
 
 // packages/experience-design-system-cli/src/import/tui/components/LivePreviewSummary.tsx
-import { Box as Box40, Text as Text44 } from "ink";
-import { jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Box as Box41, Text as Text46 } from "ink";
+import { jsx as jsx50, jsxs as jsxs43 } from "react/jsx-runtime";
 function LivePreviewSummary({
   enabled,
   previewAnnotations,
@@ -24817,19 +25123,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__ */ jsx48(Text44, { dimColor: true, children: "Preview: disabled (creds rejected)" });
-  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx48(Text44, { dimColor: true, children: `Preview: ${spinner} running...` });
+  if (disabled) return /* @__PURE__ */ jsx50(Text46, { dimColor: true, children: "Preview: disabled (creds rejected)" });
+  if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx50(Text46, { dimColor: true, children: `Preview: ${spinner} running...` });
   if (!hasCounts) return null;
-  return /* @__PURE__ */ jsxs41(Box40, { children: [
-    /* @__PURE__ */ jsx48(Text44, { children: "Preview: " }),
-    /* @__PURE__ */ jsx48(Text44, { color: PALETTE.success, children: `${counts.new} new` }),
-    /* @__PURE__ */ jsx48(Text44, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx48(Text44, { color: PALETTE.warning, children: `${counts.changed} changed` }),
-    /* @__PURE__ */ jsx48(Text44, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx48(Text44, { dimColor: true, children: `${counts.removed} removed` }),
-    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx48(Text44, { dimColor: true, children: " ([d] removed list)" }),
-    /* @__PURE__ */ jsx48(Text44, { children: " \xB7 " }),
-    /* @__PURE__ */ jsx48(Text44, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
+  return /* @__PURE__ */ jsxs43(Box41, { children: [
+    /* @__PURE__ */ jsx50(Text46, { children: "Preview: " }),
+    /* @__PURE__ */ jsx50(Text46, { color: PALETTE.success, children: `${counts.new} new` }),
+    /* @__PURE__ */ jsx50(Text46, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx50(Text46, { color: PALETTE.warning, children: `${counts.changed} changed` }),
+    /* @__PURE__ */ jsx50(Text46, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx50(Text46, { dimColor: true, children: `${counts.removed} removed` }),
+    showRemovedListHint && removedCount > 0 && /* @__PURE__ */ jsx50(Text46, { dimColor: true, children: " ([d] removed list)" }),
+    /* @__PURE__ */ jsx50(Text46, { children: " \xB7 " }),
+    /* @__PURE__ */ jsx50(Text46, { color: PALETTE.error, bold: true, children: `${counts.breaking} breaking` })
   ] });
 }
 var init_LivePreviewSummary = __esm({
@@ -24840,10 +25146,10 @@ var init_LivePreviewSummary = __esm({
 });
 
 // packages/experience-design-system-cli/src/import/tui/steps/GenerateReviewStep.tsx
-import { useCallback as useCallback6, useEffect as useEffect13, useMemo as useMemo3, useRef as useRef9, useState as useState22 } from "react";
-import figures6 from "figures";
-import { Box as Box41, Text as Text45, useStdout as useStdout2 } from "ink";
-import { Fragment as Fragment18, jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
+import { useCallback as useCallback6, useEffect as useEffect13, useMemo as useMemo4, useRef as useRef9, useState as useState22 } from "react";
+import figures7 from "figures";
+import { Box as Box42, Text as Text47, useStdout as useStdout2 } from "ink";
+import { Fragment as Fragment18, jsx as jsx51, jsxs as jsxs44 } 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) => {
@@ -24884,10 +25190,10 @@ function CyclePathLine({
   highlightComponents = false,
   highlightLine = false
 }) {
-  return /* @__PURE__ */ jsxs42(Text45, { color: highlightLine ? PALETTE.warning : void 0, children: [
+  return /* @__PURE__ */ jsxs44(Text47, { color: highlightLine ? PALETTE.warning : void 0, children: [
     prefix,
     segments.map(
-      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx49(Text45, { color: PALETTE.info, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: segment.text }, index) : /* @__PURE__ */ jsx49(Text45, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
+      (segment, index) => segment.kind === "slot" ? /* @__PURE__ */ jsx51(Text47, { color: PALETTE.info, children: segment.text }, index) : segment.kind === "arrow" ? /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: segment.text }, index) : /* @__PURE__ */ jsx51(Text47, { color: highlightComponents ? PALETTE.warning : void 0, children: segment.text }, index)
     )
   ] });
 }
@@ -24934,9 +25240,9 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    return /* @__PURE__ */ jsx49(Box41, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx49(Text45, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
+    return /* @__PURE__ */ jsx51(Box42, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx51(Text47, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
   }
-  return /* @__PURE__ */ jsx49(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
+  return /* @__PURE__ */ jsx51(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
 function GenerateReviewStepView({
   extractSessionId,
@@ -25039,6 +25345,8 @@ function GenerateReviewStepView({
     showHelp,
     setShowHelp
   } = useSidebarSearchState();
+  const lineagePanel = useOverlayPanel({ toggleKey: "l" });
+  const [lineageCursor, setLineageCursor] = useState22(0);
   const breakingPanel = useOverlayPanel({ toggleKey: "b", onClose: () => setBreakingDetailOpen(false) });
   const [breakingChanges, setBreakingChanges] = useState22([]);
   const [breakingCursor, setBreakingCursor] = useState22(0);
@@ -25107,12 +25415,12 @@ function GenerateReviewStepView({
     } catch {
     }
   };
-  const componentGraph = useMemo3(() => buildComponentGraph(components), [components]);
-  const sidebarGraph = useMemo3(
+  const componentGraph = useMemo4(() => buildComponentGraph(components), [components]);
+  const sidebarGraph = useMemo4(
     () => buildComponentGraph(components, { stripRejectedEdges: true }),
     [components]
   );
-  const closures = useMemo3(() => computeAllClosures(componentGraph), [componentGraph]);
+  const closures = useMemo4(() => computeAllClosures(componentGraph), [componentGraph]);
   useEffect13(() => {
     if (seededGroupsRef.current) return;
     if (closures.size === 0 && slotCycles.length === 0) return;
@@ -25124,14 +25432,14 @@ function GenerateReviewStepView({
       )
     );
   }, [closures, slotCycles]);
-  const directIssues = useMemo3(() => {
+  const directIssues = useMemo4(() => {
     const m = /* @__PURE__ */ new Map();
     for (const c2 of components) {
       if (c2.status === "rejected") m.set(c2.key, "error");
     }
     return m;
   }, [components]);
-  const cycleView = useMemo3(() => computeCycleView(components), [components]);
+  const cycleView = useMemo4(() => computeCycleView(components), [components]);
   useEffect13(() => {
     const decision = computeAutoRejectDecision({
       loading,
@@ -25202,7 +25510,7 @@ function GenerateReviewStepView({
     reviewEditor.setSaveError(null);
     setFinalizeError(null);
   };
-  const groupedItemsMemo = useMemo3(
+  const groupedItemsMemo = useMemo4(
     () => components.map((c2) => ({
       key: c2.key,
       entry: c2.entry,
@@ -25210,12 +25518,12 @@ function GenerateReviewStepView({
     })),
     [components, directIssues]
   );
-  const brokenKeys = useMemo3(
+  const brokenKeys = useMemo4(
     () => new Set(breakingChanges.map((b) => b.componentName)),
     [breakingChanges]
   );
-  const breakingRows = useMemo3(() => buildBreakingRows(breakingChanges), [breakingChanges]);
-  const filterVisibleKeys = useMemo3(() => {
+  const breakingRows = useMemo4(() => buildBreakingRows(breakingChanges), [breakingChanges]);
+  const filterVisibleKeys = useMemo4(() => {
     if (jumpFilterTarget) {
       return findAllAncestors2(jumpFilterTarget, sidebarGraph);
     }
@@ -25231,7 +25539,7 @@ function GenerateReviewStepView({
     })();
     return intersectFilterKeys(categoryKeys, searchKeys);
   }, [jumpFilterTarget, activeFilters, cycleView, brokenKeys, searchQuery, groupedItemsMemo, sidebarGraph]);
-  const visibleRowsMemo = useMemo3(
+  const visibleRowsMemo = useMemo4(
     () => buildVisibleRows({
       items: groupedItemsMemo,
       cycleParticipants: cycleView.structural,
@@ -25242,7 +25550,7 @@ function GenerateReviewStepView({
     }),
     [groupedItemsMemo, cycleView, expandedGroups, columnOneView, sidebarGraph, filterVisibleKeys]
   );
-  const selectableRowPositions = useMemo3(() => {
+  const selectableRowPositions = useMemo4(() => {
     const out = [];
     for (let i = 0; i < visibleRowsMemo.length; i++) {
       if (visibleRowsMemo[i].itemIdx >= 0) out.push(i);
@@ -25251,9 +25559,11 @@ function GenerateReviewStepView({
   }, [visibleRowsMemo]);
   const selectedIdx = visibleRowsMemo[cursorRowIdx]?.itemIdx ?? -1;
   const focusedComponentKey = components[selectedIdx]?.key ?? null;
+  const { entries: lineageEntries, jumpables: lineageJumpables } = useLineage(focusedComponentKey, componentGraph);
   const { sidebarVisibleCount: visibleCount, panelMaxRows } = computeSidebarBudget({
     rows: stdout?.rows ?? FALLBACK_ROWS,
-    panelOpen: false
+    panelOpen: lineagePanel.isOpen,
+    entryCount: lineageEntries.length
   });
   useEffect13(() => {
     if (selectableRowPositions.length === 0) return;
@@ -25286,7 +25596,7 @@ function GenerateReviewStepView({
     selectedIdx,
     extractSessionId
   });
-  const renderStatusByKey = useMemo3(() => {
+  const renderStatusByKey = useMemo4(() => {
     const merged = /* @__PURE__ */ new Map();
     for (const closure of closures.values()) {
       const per = computeRenderStatuses(closure, directIssues);
@@ -25299,7 +25609,7 @@ function GenerateReviewStepView({
     }
     return merged;
   }, [closures, directIssues]);
-  const selectionStateByKey = useMemo3(() => {
+  const selectionStateByKey = useMemo4(() => {
     const map = /* @__PURE__ */ new Map();
     for (const c2 of components) {
       if (c2.status === "accepted") map.set(c2.key, "accepted");
@@ -25308,7 +25618,7 @@ function GenerateReviewStepView({
     }
     return map;
   }, [components]);
-  const searchMatches = useMemo3(() => {
+  const searchMatches = useMemo4(() => {
     if (!searchQuery) return [];
     const out = [];
     for (const pos of selectableRowPositions) {
@@ -25318,7 +25628,7 @@ function GenerateReviewStepView({
     }
     return out;
   }, [searchQuery, selectableRowPositions, visibleRowsMemo, components]);
-  const searchMatchCount = useMemo3(() => {
+  const searchMatchCount = useMemo4(() => {
     if (searchMatches.length === 0) return 0;
     const seen = /* @__PURE__ */ new Set();
     for (const pos of searchMatches) {
@@ -25327,7 +25637,7 @@ function GenerateReviewStepView({
     }
     return seen.size;
   }, [searchMatches, visibleRowsMemo]);
-  const dimPredicate = useMemo3(
+  const dimPredicate = useMemo4(
     () => buildFlatDimPredicate({
       viewMode: columnOneView,
       searchQuery,
@@ -25358,7 +25668,7 @@ function GenerateReviewStepView({
       }
     }
   };
-  const breakEdges = useMemo3(() => {
+  const breakEdges = useMemo4(() => {
     const cycle = slotCycles[cyclesCursor];
     if (!cycle) return [];
     return enumerateCycleBreaks(cycle, components);
@@ -25511,6 +25821,21 @@ function GenerateReviewStepView({
       }
       return;
     }
+    if (lineagePanel.isOpen) {
+      if (lineagePanel.handleInput(input, key)) return;
+      if (handleLineageNavigation({
+        input,
+        key,
+        cursor: lineageCursor,
+        jumpables: lineageJumpables,
+        onCursorChange: setLineageCursor,
+        onJump: jumpCursorToName,
+        onClose: lineagePanel.close,
+        allowTab: true
+      }))
+        return;
+      return;
+    }
     if (breakPanel.isOpen) {
       if (breakConfirm) {
         if (input === "y") {
@@ -25583,6 +25908,11 @@ function GenerateReviewStepView({
       setCyclesCursor(0);
       return;
     }
+    if (input === "l" && sidebarFocused && focusedComponentKey) {
+      lineagePanel.open();
+      setLineageCursor(0);
+      return;
+    }
     if (input === "b" && sidebarFocused && breakingChanges.length > 0) {
       breakingPanel.open();
       setBreakingCursor(0);
@@ -25780,30 +26110,30 @@ function GenerateReviewStepView({
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx49(ReviewLoadingState, {});
+    return /* @__PURE__ */ jsx51(ReviewLoadingState, {});
   }
   if (loadError) {
-    return /* @__PURE__ */ jsx49(ReviewLoadError, { message: loadError });
+    return /* @__PURE__ */ jsx51(ReviewLoadError, { message: loadError });
   }
   if (showHelp) {
-    return /* @__PURE__ */ jsx49(HelpOverlay, { sections: HELP_SECTIONS2, onClose: () => setShowHelp(false) });
+    return /* @__PURE__ */ jsx51(HelpOverlay, { sections: HELP_SECTIONS2, onClose: () => setShowHelp(false) });
   }
   const renderBreakOverlay = (width) => {
     const highlightedCycle = slotCycles[cyclesCursor];
-    return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, width, children: [
-      /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.warning, children: `BREAK CYCLE ${cyclesCursor + 1} \u2014 remove a slot edge or reject a member` }),
-      highlightedCycle && /* @__PURE__ */ jsx49(CyclePathLine, { segments: formatCyclePathSegments(highlightedCycle), prefix: "  ", highlightComponents: true }),
-      /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: highlightedCycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
-      /* @__PURE__ */ jsx49(Text45, { children: " " }),
-      breakEdges.length > 0 && /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "remove slot edge:" }),
+    return /* @__PURE__ */ jsxs44(Box42, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, width, children: [
+      /* @__PURE__ */ jsx51(Text47, { bold: true, color: PALETTE.warning, children: `BREAK CYCLE ${cyclesCursor + 1} \u2014 remove a slot edge or reject a member` }),
+      highlightedCycle && /* @__PURE__ */ jsx51(CyclePathLine, { segments: formatCyclePathSegments(highlightedCycle), prefix: "  ", highlightComponents: true }),
+      /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: highlightedCycle ? "Deleting an edge removes it from $allowedComponents (undo with Ctrl+Z)." : "No cycle highlighted." }),
+      /* @__PURE__ */ jsx51(Text47, { children: " " }),
+      breakEdges.length > 0 && /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: "remove slot edge:" }),
       breakEdges.map((edge, idx) => {
         const isCursor = idx === breakCursor;
-        return /* @__PURE__ */ jsx49(Text45, { inverse: isCursor, children: `${isCursor ? figures6.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `break-${idx}`);
+        return /* @__PURE__ */ jsx51(Text47, { inverse: isCursor, children: `${isCursor ? figures7.pointer : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `break-${idx}`);
       }),
-      breakConfirm ? /* @__PURE__ */ jsxs42(Fragment18, { children: [
-        /* @__PURE__ */ jsx49(Text45, { children: " " }),
-        /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" })
-      ] }) : /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "[\u2191\u2193/j/k] move  [Enter] delete  [x/Esc] close" })
+      breakConfirm ? /* @__PURE__ */ jsxs44(Fragment18, { children: [
+        /* @__PURE__ */ jsx51(Text47, { children: " " }),
+        /* @__PURE__ */ jsx51(Text47, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" })
+      ] }) : /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: "[\u2191\u2193/j/k] move  [Enter] delete  [x/Esc] close" })
     ] });
   };
   const breakOverlayFullScreen = breakPanel.isOpen && shouldBreakOverlayGoFullScreen({
@@ -25847,8 +26177,8 @@ function GenerateReviewStepView({
     for (const c2 of closures.values()) if (c2.nodes.length > 1) return true;
     return false;
   })();
-  return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs44(Box42, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx51(
       ReviewStepDialogs,
       {
         surfaceState: reviewSurface,
@@ -25858,24 +26188,24 @@ function GenerateReviewStepView({
         onQuit
       }
     ),
-    showUnsavedWarning && !dialogOpen && /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-      /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.warning, children: "Unsaved changes" }),
-      /* @__PURE__ */ jsx49(Text45, { children: "You have unsaved edits in the current field editor." }),
-      /* @__PURE__ */ jsx49(Text45, { children: " " }),
-      /* @__PURE__ */ jsx49(Text45, { children: "  [Enter]  Save and continue" }),
-      /* @__PURE__ */ jsx49(Text45, { children: "  [Esc]    Discard changes and continue" }),
-      /* @__PURE__ */ jsx49(Text45, { children: "  [Tab]    Stay in the panel" })
+    showUnsavedWarning && !dialogOpen && /* @__PURE__ */ jsxs44(Box42, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+      /* @__PURE__ */ jsx51(Text47, { bold: true, color: PALETTE.warning, children: "Unsaved changes" }),
+      /* @__PURE__ */ jsx51(Text47, { children: "You have unsaved edits in the current field editor." }),
+      /* @__PURE__ */ jsx51(Text47, { children: " " }),
+      /* @__PURE__ */ jsx51(Text47, { children: "  [Enter]  Save and continue" }),
+      /* @__PURE__ */ jsx51(Text47, { children: "  [Esc]    Discard changes and continue" }),
+      /* @__PURE__ */ jsx51(Text47, { children: "  [Tab]    Stay in the panel" })
     ] }),
-    /* @__PURE__ */ jsx49(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
-    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
-      /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
-      !removedBannerCollapsed && /* @__PURE__ */ jsxs42(Fragment18, { children: [
-        /* @__PURE__ */ jsx49(Text45, { children: " " }),
-        removedComponents.map((rc) => /* @__PURE__ */ jsx49(Text45, { children: removedComponentLine(rc) }, rc.id))
+    /* @__PURE__ */ jsx51(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
+    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs44(Box42, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
+      /* @__PURE__ */ jsx51(Text47, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
+      !removedBannerCollapsed && /* @__PURE__ */ jsxs44(Fragment18, { children: [
+        /* @__PURE__ */ jsx51(Text47, { children: " " }),
+        removedComponents.map((rc) => /* @__PURE__ */ jsx51(Text47, { children: removedComponentLine(rc) }, rc.id))
       ] })
     ] }),
-    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx49(Box41, { paddingX: 1, children: /* @__PURE__ */ jsx49(
-      Text45,
+    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx51(Box42, { paddingX: 1, children: /* @__PURE__ */ jsx51(
+      Text47,
       {
         color: PALETTE.warning,
         children: `[b] ${breakingChanges.length} breaking change${breakingChanges.length === 1 ? "" : "s"}`
@@ -25885,58 +26215,58 @@ function GenerateReviewStepView({
       const row = breakingRows[breakingCursor];
       const comp = row ? breakingChanges.find((b) => b.componentName === row.componentName) : void 0;
       if (!comp) return null;
-      return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
-        /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
-        comp.impact && /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
-        comp.changes.length === 0 ? /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx49(Text45, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
-        /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "[D/Esc] close detail" })
+      return /* @__PURE__ */ jsxs44(Box42, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+        /* @__PURE__ */ jsx51(Text47, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
+        comp.impact && /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
+        comp.changes.length === 0 ? /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx51(Text47, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
+        /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: "[D/Esc] close detail" })
       ] });
     })(),
     cyclePanel.isOpen && !dialogOpen && (() => {
       const PANEL_H = 20;
       const lines = [];
       lines.push(
-        /* @__PURE__ */ jsx49(Text45, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${slotCycles.length})` }, "cyc-title")
+        /* @__PURE__ */ jsx51(Text47, { bold: true, color: PALETTE.warning, children: `SLOT DEPENDENCY CYCLES (${slotCycles.length})` }, "cyc-title")
       );
       lines.push(
-        /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "push will fail until these are resolved" }, "cyc-sub")
+        /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: "push will fail until these are resolved" }, "cyc-sub")
       );
       lines.push(
-        /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "To fix: reject a cycle member, or break the cycle by removing a slot edge." }, "cyc-guide")
+        /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: "To fix: reject a cycle member, or break the cycle by removing a slot edge." }, "cyc-guide")
       );
-      lines.push(/* @__PURE__ */ jsx49(Text45, { children: " " }, "cyc-space"));
+      lines.push(/* @__PURE__ */ jsx51(Text47, { children: " " }, "cyc-space"));
       slotCycles.forEach((cycle, idx) => {
         const nodeCount = new Set(cycle.path).size;
         const isCursor = idx === cyclesCursor;
         lines.push(
-          /* @__PURE__ */ jsx49(
-            Text45,
+          /* @__PURE__ */ jsx51(
+            Text47,
             {
               bold: true,
               inverse: isCursor,
-              children: `${isCursor ? figures6.pointer : " "} Cycle ${idx + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):`
+              children: `${isCursor ? figures7.pointer : " "} Cycle ${idx + 1} (${nodeCount} component${nodeCount === 1 ? "" : "s"}):`
             },
             `cyc-h-${idx}`
           )
         );
         lines.push(
-          /* @__PURE__ */ jsx49(CyclePathLine, { segments: formatCyclePathSegments(cycle, 16), prefix: "    " }, `cyc-p-${idx}`)
+          /* @__PURE__ */ jsx51(CyclePathLine, { segments: formatCyclePathSegments(cycle, 16), prefix: "    " }, `cyc-p-${idx}`)
         );
         if (cycle.suggestedBreak) {
           const b = cycle.suggestedBreak;
           lines.push(
-            /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: `    Suggested fix: remove '${b.toComponent}' from ${b.fromComponent}.$slots.${b.slotName}.$allowedComponents` }, `cyc-f-${idx}`)
+            /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: `    Suggested fix: remove '${b.toComponent}' from ${b.fromComponent}.$slots.${b.slotName}.$allowedComponents` }, `cyc-f-${idx}`)
           );
         }
-        lines.push(/* @__PURE__ */ jsx49(Text45, { children: " " }, `cyc-s-${idx}`));
+        lines.push(/* @__PURE__ */ jsx51(Text47, { children: " " }, `cyc-s-${idx}`));
       });
       const visible = lines.slice(cyclePanelScroll, cyclePanelScroll + PANEL_H);
-      return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+      return /* @__PURE__ */ jsxs44(Box42, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
         visible,
-        /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "[\u2191\u2193/j/k] move  [Enter] jump  [x] break cycle  [c/q/Esc] close" })
+        /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: "[\u2191\u2193/j/k] move  [Enter] jump  [x] break cycle  [c/q/Esc] close" })
       ] });
     })(),
-    !dialogOpen && /* @__PURE__ */ jsx49(
+    !dialogOpen && /* @__PURE__ */ jsx51(
       LivePreviewSummary,
       {
         enabled: livePreview,
@@ -25955,17 +26285,17 @@ 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__ */ jsxs42(Box41, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
-        /* @__PURE__ */ jsx49(Text45, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
-        members.length > 0 && /* @__PURE__ */ jsx49(Text45, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
-        ancestors.length > 0 && /* @__PURE__ */ jsx49(Text45, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
-        /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
+      return /* @__PURE__ */ jsxs44(Box42, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
+        /* @__PURE__ */ jsx51(Text47, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
+        members.length > 0 && /* @__PURE__ */ jsx51(Text47, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
+        ancestors.length > 0 && /* @__PURE__ */ jsx51(Text47, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
+        /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: undoSnapshot ? "  [Ctrl+Z] undo \xB7 [r]/[a] manually toggle \xB7 [F] continue" : "  [r]/[a] manually toggle \xB7 [F] continue" })
       ] });
     })(),
-    /* @__PURE__ */ jsx49(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
-    /* @__PURE__ */ jsx49(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
-    !dialogOpen && /* @__PURE__ */ jsxs42(Box41, { children: [
-      breakingPanel.isOpen ? /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx51(ReviewEmptyComponentsWarning, { count: emptyCount, hidden: dialogOpen }),
+    /* @__PURE__ */ jsx51(ReviewFinalizeError, { message: finalizeError, hidden: dialogOpen }),
+    !dialogOpen && /* @__PURE__ */ jsxs44(Box42, { children: [
+      breakingPanel.isOpen ? /* @__PURE__ */ jsx51(
         GotoBanner,
         {
           title: "Breaking changes",
@@ -25978,7 +26308,17 @@ function GenerateReviewStepView({
           width: sidebarWidth,
           footerHint: "[\u2191/\u2193] move \xB7 [Enter] jump \xB7 [D] detail \xB7 [Esc] close"
         }
-      ) : /* @__PURE__ */ jsx49(
+      ) : lineagePanel.isOpen && focusedComponentKey ? /* @__PURE__ */ jsx51(
+        LineagePanel,
+        {
+          focusedComponentKey,
+          entries: lineageEntries,
+          cursor: lineageCursor,
+          jumpables: lineageJumpables,
+          maxRows: panelMaxRows,
+          width: sidebarWidth
+        }
+      ) : /* @__PURE__ */ jsx51(
         GroupedSidebar,
         {
           items: groupedItems,
@@ -26016,7 +26356,7 @@ function GenerateReviewStepView({
           graph: sidebarGraph
         }
       ),
-      selected ? /* @__PURE__ */ jsx49(
+      selected ? /* @__PURE__ */ jsx51(
         ReviewComponentPanel,
         {
           selectedKey: selected.key,
@@ -26043,13 +26383,13 @@ function GenerateReviewStepView({
           livePreview: livePreviewHook,
           livePreviewSpinner
         }
-      ) : /* @__PURE__ */ jsx49(ReviewNoSelection, {})
+      ) : /* @__PURE__ */ jsx51(ReviewNoSelection, {})
     ] }),
     breakPanel.isOpen && !breakOverlayFullScreen && !dialogOpen && renderBreakOverlay(),
-    !dialogOpen && slotCycles.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx49(Text45, { color: PALETTE.warning, children: `\u26A0 ${slotCycles.length} slot dependency cycle${slotCycles.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
+    !dialogOpen && slotCycles.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs44(Box42, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx51(Text47, { color: PALETTE.warning, children: `\u26A0 ${slotCycles.length} slot dependency cycle${slotCycles.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
       slotCycles.slice(0, 3).map((cycle, idx) => {
-        return /* @__PURE__ */ jsx49(
+        return /* @__PURE__ */ jsx51(
           CyclePathLine,
           {
             segments: formatCyclePathSegments(cycle),
@@ -26060,10 +26400,10 @@ function GenerateReviewStepView({
           `cyc-banner-${idx}`
         );
       }),
-      slotCycles.length > 3 && /* @__PURE__ */ jsx49(Text45, { color: PALETTE.warning, children: `  \u2026${slotCycles.length - 3} more` }),
-      /* @__PURE__ */ jsx49(Text45, { dimColor: true, children: "  press [c] for detail" })
+      slotCycles.length > 3 && /* @__PURE__ */ jsx51(Text47, { color: PALETTE.warning, children: `  \u2026${slotCycles.length - 3} more` }),
+      /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: "  press [c] for detail" })
     ] }),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx51(
       SearchMatchSummary,
       {
         open: searchOpen,
@@ -26074,17 +26414,18 @@ function GenerateReviewStepView({
         hidden: dialogOpen
       }
     ),
-    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx49(Box41, { columnGap: 2, flexWrap: "wrap", children: reviewEditor.panelOpen === "token-review" ? /* @__PURE__ */ jsxs42(Fragment18, { children: [
+    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx51(Box42, { columnGap: 2, flexWrap: "wrap", children: reviewEditor.panelOpen === "token-review" ? /* @__PURE__ */ jsxs44(Fragment18, { children: [
       legendEntry("[\u2191/\u2193]", "move"),
       legendEntry("[Enter]", "edit allowed"),
       legendEntry("[Esc]", "close")
-    ] }) : /* @__PURE__ */ jsxs42(Fragment18, { children: [
+    ] }) : /* @__PURE__ */ jsxs44(Fragment18, { children: [
       legendEntry("[j/k]", "move"),
       legendEntry("[a]", "accept"),
       legendEntry("[r]", "reject"),
       legendEntry("[A]", "accept all"),
       legendEntry("[F]", "finalize"),
       legendEntry("[L]", "flat", columnOneView === "flat"),
+      legendEntry("[l]", "lineage", lineagePanel.isOpen),
       legendEntry("[i]", "focus lineage", jumpFilterTarget !== null),
       legendEntry("[w]", "only breaking", activeFilters.has("broken")),
       slotCycles.length > 0 && legendEntry("[o]", "only cycles", activeFilters.has("cycles")),
@@ -26108,7 +26449,17 @@ function GenerateReviewStepView({
       legendEntry("[Ctrl+R]", "reload"),
       legendEntry("[?]", "help"),
       legendEntry("[q]", "quit")
-    ] }) })
+    ] }) }),
+    !dialogOpen && /* @__PURE__ */ jsx51(
+      ReviewStatusBar,
+      {
+        entries: components,
+        onApproveAll: () => {
+          setComponents((prev) => prev.map((c2) => c2.status === "needs-review" ? { ...c2, status: "accepted" } : c2));
+        },
+        onFinalize: () => setShowFinalize(true)
+      }
+    )
   ] });
 }
 var PANEL_HEIGHT, HELP_SECTIONS2;
@@ -26131,8 +26482,10 @@ var init_GenerateReviewStep = __esm({
     init_search_neighborhood();
     init_sidebar_width();
     init_selection_cascade();
+    init_useLineage();
     init_cycle_auto_reject();
     init_useOverlayPanel();
+    init_LineagePanel();
     init_GotoBanner();
     init_lineage_layout();
     init_HelpOverlay();
@@ -26145,6 +26498,7 @@ var init_GenerateReviewStep = __esm({
     init_sidebar_help();
     init_sidebar_input();
     init_sidebar_navigation();
+    init_lineage_input();
     init_sidebar_search_state();
     init_SearchMatchSummary();
     init_ReviewComponentPanel();
@@ -26473,7 +26827,7 @@ __export(WizardApp_exports, {
   shouldRunMapTokens: () => shouldRunMapTokens
 });
 import { useEffect as useEffect14, useRef as useRef10, useState as useState23 } from "react";
-import { Box as Box42, Text as Text46 } from "ink";
+import { Box as Box43, Text as Text48 } from "ink";
 import { join as join20, resolve as resolve17 } from "node:path";
 import { appendFileSync as appendFileSync2, writeFileSync } from "node:fs";
 import { access as access7, stat as stat5, writeFile as writeFile6 } from "node:fs/promises";
@@ -26481,7 +26835,7 @@ import { tmpdir } from "node:os";
 import { execFile as execFile2, spawn as spawn3 } from "node:child_process";
 import { mkdir as mkdir5 } from "node:fs/promises";
 import { buildCDF as buildCDF3, validateCDF as validateCDF3, validateSlotReferences as validateSlotReferences2 } from "@contentful/experience-design-system-types";
-import { jsx as jsx50, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs45 } from "react/jsx-runtime";
 function buildGenerateComponentsArgs(opts) {
   const args = ["__generate", "components", "--agent", opts.agent, "--session", opts.sessionId];
   if (opts.tokensPath) args.push("--tokens", opts.tokensPath);
@@ -27887,7 +28241,7 @@ If using a custom host configuration, make sure the space exists on that host.`
   const stepContent = (() => {
     switch (state.step) {
       case "welcome":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           WelcomeStep,
           {
             onContinue: (path) => {
@@ -27899,7 +28253,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "token-input":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           TokenInputStep,
           {
             onConfirm: (rawTokensPath) => {
@@ -27910,7 +28264,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "token-reuse-gate":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           GateStep,
           {
             successMessage: "Existing tokens.json found",
@@ -27938,7 +28292,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "checking-claude-auth":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           RunningStep,
           {
             stepNumber: state.authCheckStepNumber,
@@ -27948,7 +28302,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "path-validation":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           PathValidationStep,
           {
             projectPath: state.projectPath,
@@ -27981,7 +28335,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         }
         const selectionDetail = state.selectionAgentStatus === "complete" ? "Selection agent complete" : `Filtering component selection via ${state.agent}...`;
         const compositionDetail = state.compositionPhase === "cache-hit" ? "Composition mapping (cached)" : compositionComplete ? "Composition mapping complete" : state.compositionPhase?.startsWith("agent:") ? `Mapping composition via ${state.compositionPhase.slice("agent:".length)}...` : `Mapping composition via ${state.agent}...`;
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           RunningStep,
           {
             stepNumber: hasTokenStage ? 2 : 1,
@@ -28003,7 +28357,7 @@ If using a custom host configuration, make sure the space exists on that host.`
       }
       case "scope-gate": {
         if (!state.extractSessionId) {
-          return /* @__PURE__ */ jsx50(Box42, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx50(Text46, { color: PALETTE.error, children: "Error: extract session ID missing \u2014 please re-run." }) });
+          return /* @__PURE__ */ jsx52(Box43, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx52(Text48, { color: PALETTE.error, children: "Error: extract session ID missing \u2014 please re-run." }) });
         }
         const sessionId2 = state.extractSessionId;
         const db = openPipelineDb();
@@ -28013,7 +28367,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         } finally {
           db.close();
         }
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           ScopeGateStep,
           {
             components,
@@ -28054,7 +28408,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         const displayAgent = state.agent.charAt(0).toUpperCase() + state.agent.slice(1);
         const progressDetail = p ? `[${p.done}/${p.total}] ${p.current}` : `Starting up ${displayAgent}...`;
         const mapTokensDetail = state.mapTokensStatus === "running" ? skipMapTokens ? "Resolving token defaults..." : `Mapping token restrictions via ${displayAgent}...` : state.mapTokensStatus === "complete" ? skipMapTokens ? "Token defaults ready" : "Token restrictions ready" : void 0;
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           RunningStep,
           {
             stepNumber: stepNum,
@@ -28069,7 +28423,7 @@ If using a custom host configuration, make sure the space exists on that host.`
       }
       case "mapping-tokens": {
         const stepNum = hasTokenStage ? 5 : 4;
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           RunningStep,
           {
             stepNumber: stepNum,
@@ -28081,7 +28435,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       }
       case "final-review": {
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           GenerateReviewStep,
           {
             extractSessionId: state.extractSessionId,
@@ -28137,7 +28491,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       }
       case "credentials":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           CredentialsStep,
           {
             initialSpaceId: state.spaceId,
@@ -28172,7 +28526,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "previewing":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -28183,7 +28537,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       case "preview-gate": {
         const editableComponentCount = extractComponents(state.cdf).length;
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           WizardPreviewStep,
           {
             preview: state.serverPreview,
@@ -28208,9 +28562,9 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       }
       case "pushing":
-        return /* @__PURE__ */ jsx50(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state.pushProgress });
+        return /* @__PURE__ */ jsx52(PushingStep, { stepNumber: totalSteps, totalSteps, progress: state.pushProgress });
       case "path-prompt":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           PathPrompt,
           {
             defaultPath: state.outDir,
@@ -28231,7 +28585,7 @@ If using a custom host configuration, make sure the space exists on that host.`
           }
         );
       case "printing":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           RunningStep,
           {
             stepNumber: totalSteps,
@@ -28242,7 +28596,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       case "print-gate": {
         const teaser = buildRunTeaserLine(state.lastRunId);
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           GateStep,
           {
             successMessage: "Files saved",
@@ -28260,7 +28614,7 @@ If using a custom host configuration, make sure the space exists on that host.`
       case "done": {
         const totalFailed = state.pushResult.componentTypes.failed + state.pushResult.designTokens.failed;
         const teaser = buildRunTeaserLine(state.lastRunId);
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           DoneStep,
           {
             componentTypes: state.pushResult.componentTypes,
@@ -28276,7 +28630,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       }
       case "preview-validation-error": {
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           PreviewValidationErrorStep,
           {
             errors: state.previewValidationErrors,
@@ -28292,7 +28646,7 @@ If using a custom host configuration, make sure the space exists on that host.`
         );
       }
       case "error":
-        return /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsx52(
           ErrorStep,
           {
             stepName: state.errorStep,
@@ -28314,9 +28668,9 @@ If using a custom host configuration, make sure the space exists on that host.`
         return null;
     }
   })();
-  return /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", width: terminalWidth, children: [
-    /* @__PURE__ */ jsx50(TopBar, { subcommand: "import", hints }),
-    /* @__PURE__ */ jsx50(CustomPromptBanner, { generatePromptPath }),
+  return /* @__PURE__ */ jsxs45(Box43, { flexDirection: "column", width: terminalWidth, children: [
+    /* @__PURE__ */ jsx52(TopBar, { subcommand: "import", hints }),
+    /* @__PURE__ */ jsx52(CustomPromptBanner, { generatePromptPath }),
     stepContent
   ] });
 }
@@ -28830,8 +29184,8 @@ var init_command7 = __esm({
 
 // packages/experience-design-system-cli/src/setup/SetupStepper.tsx
 import React17 from "react";
-import { Box as Box43, Text as Text47 } from "ink";
-import { jsx as jsx51, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Box as Box44, Text as Text49 } from "ink";
+import { jsx as jsx53, jsxs as jsxs46 } from "react/jsx-runtime";
 function stepLabel(step, title, state, wide) {
   if (state === "complete") return wide ? `\u2713 ${title}` : "\u2713";
   if (state === "active") return wide ? `[${step} ${title}]` : `[${step}]`;
@@ -28844,12 +29198,12 @@ function stepColor(state) {
 }
 function SetupStepper({ activeStep, columns }) {
   const wide = columns !== void 0 && columns >= WIDE_MIN_COLUMNS;
-  return /* @__PURE__ */ jsx51(Box43, { columnGap: wide ? 0 : COMPACT_GAP, children: SETUP_SCREENS.map((title, index) => {
+  return /* @__PURE__ */ jsx53(Box44, { columnGap: wide ? 0 : COMPACT_GAP, children: SETUP_SCREENS.map((title, index) => {
     const step = index + 1;
     const state = step < activeStep ? "complete" : step === activeStep ? "active" : "pending";
-    return /* @__PURE__ */ jsxs44(React17.Fragment, { children: [
-      wide && index > 0 && /* @__PURE__ */ jsx51(Text47, { dimColor: true, children: WIDE_SEPARATOR }),
-      /* @__PURE__ */ jsx51(Text47, { bold: state === "active", dimColor: state === "pending", color: stepColor(state), children: stepLabel(step, title, state, wide) })
+    return /* @__PURE__ */ jsxs46(React17.Fragment, { children: [
+      wide && index > 0 && /* @__PURE__ */ jsx53(Text49, { dimColor: true, children: WIDE_SEPARATOR }),
+      /* @__PURE__ */ jsx53(Text49, { bold: state === "active", dimColor: state === "pending", color: stepColor(state), children: stepLabel(step, title, state, wide) })
     ] }, step);
   }) });
 }
@@ -28868,33 +29222,33 @@ var init_SetupStepper = __esm({
 });
 
 // packages/experience-design-system-cli/src/setup/steps/StepLayout.tsx
-import { Box as Box44, Text as Text48 } from "ink";
-import { jsx as jsx52, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Box as Box45, Text as Text50 } from "ink";
+import { jsx as jsx54, jsxs as jsxs47 } from "react/jsx-runtime";
 function StepLayout({ helpText, children, prompt }) {
-  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs47(Box45, { flexDirection: "column", children: [
     children,
-    prompt && /* @__PURE__ */ jsx52(Box44, { marginTop: 1, children: prompt }),
-    helpText && /* @__PURE__ */ jsx52(Box44, { marginTop: 1, children: /* @__PURE__ */ jsx52(Text48, { dimColor: true, children: helpText }) })
+    prompt && /* @__PURE__ */ jsx54(Box45, { marginTop: 1, children: prompt }),
+    helpText && /* @__PURE__ */ jsx54(Box45, { marginTop: 1, children: /* @__PURE__ */ jsx54(Text50, { dimColor: true, children: helpText }) })
   ] });
 }
 function StepSuccess({ children }) {
-  return /* @__PURE__ */ jsxs45(Text48, { color: PALETTE.success, children: [
+  return /* @__PURE__ */ jsxs47(Text50, { color: PALETTE.success, children: [
     "\u2713 ",
     children
   ] });
 }
 function StepWarning({ children }) {
-  return /* @__PURE__ */ jsxs45(Text48, { color: PALETTE.warning, children: [
+  return /* @__PURE__ */ jsxs47(Text50, { color: PALETTE.warning, children: [
     "\u26A0 ",
     children
   ] });
 }
 function StepValue({ label, value }) {
   const color = value ? void 0 : PALETTE.warning;
-  return /* @__PURE__ */ jsxs45(Box44, { children: [
-    /* @__PURE__ */ jsx52(Box44, { width: 2, children: /* @__PURE__ */ jsx52(Text48, { color, children: value ? "" : "\u26A0" }) }),
-    /* @__PURE__ */ jsx52(Box44, { width: 20, flexShrink: 0, children: /* @__PURE__ */ jsx52(Text48, { color, children: label }) }),
-    /* @__PURE__ */ jsx52(Text48, { color, children: value || "(not set)" })
+  return /* @__PURE__ */ jsxs47(Box45, { children: [
+    /* @__PURE__ */ jsx54(Box45, { width: 2, children: /* @__PURE__ */ jsx54(Text50, { color, children: value ? "" : "\u26A0" }) }),
+    /* @__PURE__ */ jsx54(Box45, { width: 20, flexShrink: 0, children: /* @__PURE__ */ jsx54(Text50, { color, children: label }) }),
+    /* @__PURE__ */ jsx54(Text50, { color, children: value || "(not set)" })
   ] });
 }
 var init_StepLayout = __esm({
@@ -28906,9 +29260,9 @@ var init_StepLayout = __esm({
 
 // packages/experience-design-system-cli/src/setup/steps/CodingAgentScreen.tsx
 import { useEffect as useEffect15, useRef as useRef11, useState as useState24 } from "react";
-import { Box as Box45, Text as Text49 } from "ink";
+import { Box as Box46, Text as Text51 } from "ink";
 import { Select, TextInput } from "@inkjs/ui";
-import { jsx as jsx53, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs48 } from "react/jsx-runtime";
 async function detectAgents(exists = binaryExists) {
   const found = await Promise.all(AGENT_DEFS.map(async (agent) => await exists(agent.binary) ? agent : void 0));
   return found.filter((agent) => agent !== void 0);
@@ -28941,7 +29295,7 @@ function CodingAgentScreen({ onDone, deps }) {
       const found = await detectAgents(exists);
       if (found.length === 1) {
         const only = found[0];
-        setNotes([/* @__PURE__ */ jsx53(StepSuccess, { children: `${only.name} (${only.binary}) found` }, "found")]);
+        setNotes([/* @__PURE__ */ jsx55(StepSuccess, { children: `${only.name} (${only.binary}) found` }, "found")]);
         afterSelection(only);
         return;
       }
@@ -28949,7 +29303,7 @@ function CodingAgentScreen({ onDone, deps }) {
         setPhase({ kind: "choose", found });
         return;
       }
-      setNotes([/* @__PURE__ */ jsx53(StepWarning, { children: "No coding agent found on PATH" }, "none")]);
+      setNotes([/* @__PURE__ */ jsx55(StepWarning, { children: "No coding agent found on PATH" }, "none")]);
       setPhase({ kind: "install-choice" });
     })();
   }, []);
@@ -28961,12 +29315,12 @@ function CodingAgentScreen({ onDone, deps }) {
       onDone("failed");
       return;
     }
-    setNotes((current) => [...current, /* @__PURE__ */ jsx53(StepSuccess, { children: `${agent.name} installed` }, "installed")]);
+    setNotes((current) => [...current, /* @__PURE__ */ jsx55(StepSuccess, { children: `${agent.name} installed` }, "installed")]);
     afterSelection(agent);
   };
-  const chooser = (question, options, describe, onPick) => /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx53(Text49, { children: question }),
-    /* @__PURE__ */ jsx53(Box45, { marginTop: 1, children: /* @__PURE__ */ jsx53(
+  const chooser = (question, options, describe, onPick) => /* @__PURE__ */ jsxs48(Box46, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx55(Text51, { children: question }),
+    /* @__PURE__ */ jsx55(Box46, { marginTop: 1, children: /* @__PURE__ */ jsx55(
       Select,
       {
         options: [
@@ -28978,7 +29332,7 @@ function CodingAgentScreen({ onDone, deps }) {
     ) })
   ] });
   if (phase.kind === "choose") {
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx55(
       StepLayout,
       {
         helpText: AGENT_HELP,
@@ -28993,7 +29347,7 @@ function CodingAgentScreen({ onDone, deps }) {
     );
   }
   if (phase.kind === "install-choice") {
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx55(
       StepLayout,
       {
         helpText: AGENT_HELP,
@@ -29008,13 +29362,13 @@ function CodingAgentScreen({ onDone, deps }) {
     );
   }
   if (phase.kind === "model") {
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx55(
       StepLayout,
       {
         helpText: AGENT_HELP,
-        prompt: /* @__PURE__ */ jsxs46(Box45, { children: [
-          /* @__PURE__ */ jsx53(Text49, { children: "Model name (optional - press Enter for Codex default): " }),
-          /* @__PURE__ */ jsx53(
+        prompt: /* @__PURE__ */ jsxs48(Box46, { children: [
+          /* @__PURE__ */ jsx55(Text51, { children: "Model name (optional - press Enter for Codex default): " }),
+          /* @__PURE__ */ jsx55(
             TextInput,
             {
               onSubmit: (value) => void save(phase.agent.binary, value.trim() || void 0)
@@ -29024,19 +29378,19 @@ function CodingAgentScreen({ onDone, deps }) {
         ] }),
         children: [
           ...notes,
-          /* @__PURE__ */ jsx53(StepWarning, { children: "No OPENAI_API_KEY \u2014 using ChatGPT account authentication." }, "no-key"),
-          /* @__PURE__ */ jsx53(Text49, { dimColor: true, children: "Tip: run codex then type /model to browse all available models." }, "tip")
+          /* @__PURE__ */ jsx55(StepWarning, { children: "No OPENAI_API_KEY \u2014 using ChatGPT account authentication." }, "no-key"),
+          /* @__PURE__ */ jsx55(Text51, { dimColor: true, children: "Tip: run codex then type /model to browse all available models." }, "tip")
         ]
       }
     );
   }
   if (phase.kind === "installing") {
-    return /* @__PURE__ */ jsx53(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx53(Text49, { children: `Installing ${phase.agent.name}\u2026` }, "installing")] });
+    return /* @__PURE__ */ jsx55(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx55(Text51, { children: `Installing ${phase.agent.name}\u2026` }, "installing")] });
   }
   if (phase.kind === "failed") {
-    return /* @__PURE__ */ jsx53(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx53(Text49, { children: `\u2717 ${phase.message}` }, "failed")] });
+    return /* @__PURE__ */ jsx55(StepLayout, { helpText: AGENT_HELP, children: [...notes, /* @__PURE__ */ jsx55(Text51, { children: `\u2717 ${phase.message}` }, "failed")] });
   }
-  return /* @__PURE__ */ jsx53(Text49, { dimColor: true, children: "Looking for a coding agent\u2026" });
+  return /* @__PURE__ */ jsx55(Text51, { dimColor: true, children: "Looking for a coding agent\u2026" });
 }
 var AGENT_HELP, SKIP_VALUE;
 var init_CodingAgentScreen = __esm({
@@ -29053,9 +29407,9 @@ var init_CodingAgentScreen = __esm({
 
 // packages/experience-design-system-cli/src/setup/steps/ContentfulCredentialsScreen.tsx
 import { useEffect as useEffect16, useRef as useRef12, useState as useState25 } from "react";
-import { Box as Box46, Text as Text50 } from "ink";
+import { Box as Box47, Text as Text52 } from "ink";
 import { PasswordInput, Select as Select2, TextInput as TextInput2 } from "@inkjs/ui";
-import { Fragment as Fragment19, jsx as jsx54, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx56, jsxs as jsxs49 } from "react/jsx-runtime";
 function envShadowingWarning(env) {
   const set = ENV_KEYS.filter((key) => env[key]);
   if (set.length === 0) return null;
@@ -29072,21 +29426,21 @@ function ContentfulCredentialsScreen({ onDone }) {
   useEffect16(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx54(Text50, { dimColor: true, children: "Reading saved credentials\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx56(Text52, { dimColor: true, children: "Reading saved credentials\u2026" });
   const currentHost = stored.host ?? DEFAULT_CONFIGURED_HOST;
   const hasAny = Boolean(stored.spaceId || stored.environmentId || stored.cmaToken);
   const allSet = Boolean(stored.spaceId && stored.environmentId && stored.cmaToken);
   const shadowing = envShadowingWarning(process.env);
-  const summary = /* @__PURE__ */ jsxs47(Fragment19, { children: [
-    shadowing && /* @__PURE__ */ jsx54(StepWarning, { children: shadowing }),
-    hasAny && /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", marginTop: shadowing ? 1 : 0, children: [
-      /* @__PURE__ */ jsx54(Text50, { children: "Current values:" }),
-      /* @__PURE__ */ jsx54(StepValue, { label: "Space ID", value: stored.spaceId }),
-      /* @__PURE__ */ jsx54(StepValue, { label: "Environment ID", value: stored.environmentId }),
-      /* @__PURE__ */ jsx54(StepValue, { label: "CMA Token", value: stored.cmaToken ? maskToken(stored.cmaToken) : void 0 }),
-      /* @__PURE__ */ jsx54(StepValue, { label: "API Host", value: currentHost })
+  const summary = /* @__PURE__ */ jsxs49(Fragment19, { children: [
+    shadowing && /* @__PURE__ */ jsx56(StepWarning, { children: shadowing }),
+    hasAny && /* @__PURE__ */ jsxs49(Box47, { flexDirection: "column", marginTop: shadowing ? 1 : 0, children: [
+      /* @__PURE__ */ jsx56(Text52, { children: "Current values:" }),
+      /* @__PURE__ */ jsx56(StepValue, { label: "Space ID", value: stored.spaceId }),
+      /* @__PURE__ */ jsx56(StepValue, { label: "Environment ID", value: stored.environmentId }),
+      /* @__PURE__ */ jsx56(StepValue, { label: "CMA Token", value: stored.cmaToken ? maskToken(stored.cmaToken) : void 0 }),
+      /* @__PURE__ */ jsx56(StepValue, { label: "API Host", value: currentHost })
     ] }),
-    error && /* @__PURE__ */ jsx54(StepWarning, { children: error })
+    error && /* @__PURE__ */ jsx56(StepWarning, { children: error })
   ] });
   const helpText = `Saved to ${experiencesCredentialsPath()} \u2014 loaded automatically by experiences import.`;
   if (field === "confirm") {
@@ -29094,13 +29448,13 @@ function ContentfulCredentialsScreen({ onDone }) {
       { label: hasAny ? "Update the saved credentials" : "Enter credentials now", value: ENTER },
       { label: allSet ? "Keep them as they are" : "Skip for now", value: KEEP }
     ];
-    return /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx56(
       StepLayout,
       {
         helpText,
-        prompt: /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx54(Text50, { children: "Contentful credentials" }),
-          /* @__PURE__ */ jsx54(Box46, { marginTop: 1, children: /* @__PURE__ */ jsx54(
+        prompt: /* @__PURE__ */ jsxs49(Box47, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx56(Text52, { children: "Contentful credentials" }),
+          /* @__PURE__ */ jsx56(Box47, { marginTop: 1, children: /* @__PURE__ */ jsx56(
             Select2,
             {
               options: allSet ? [...options].reverse() : options,
@@ -29141,24 +29495,24 @@ function ContentfulCredentialsScreen({ onDone }) {
     onDone("completed");
   };
   const prompts = {
-    spaceId: /* @__PURE__ */ jsxs47(Box46, { children: [
-      /* @__PURE__ */ jsx54(Text50, { children: `Space ID${stored.spaceId ? ` [${stored.spaceId}]` : ""}: ` }),
-      /* @__PURE__ */ jsx54(TextInput2, { onSubmit: (v) => advance("spaceId", v) }, "spaceId")
+    spaceId: /* @__PURE__ */ jsxs49(Box47, { children: [
+      /* @__PURE__ */ jsx56(Text52, { children: `Space ID${stored.spaceId ? ` [${stored.spaceId}]` : ""}: ` }),
+      /* @__PURE__ */ jsx56(TextInput2, { onSubmit: (v) => advance("spaceId", v) }, "spaceId")
     ] }),
-    environmentId: /* @__PURE__ */ jsxs47(Box46, { children: [
-      /* @__PURE__ */ jsx54(Text50, { children: `Environment ID [${stored.environmentId || "master"}]: ` }),
-      /* @__PURE__ */ jsx54(TextInput2, { onSubmit: (v) => advance("environmentId", v) }, "environmentId")
+    environmentId: /* @__PURE__ */ jsxs49(Box47, { children: [
+      /* @__PURE__ */ jsx56(Text52, { children: `Environment ID [${stored.environmentId || "master"}]: ` }),
+      /* @__PURE__ */ jsx56(TextInput2, { onSubmit: (v) => advance("environmentId", v) }, "environmentId")
     ] }),
-    cmaToken: /* @__PURE__ */ jsxs47(Box46, { children: [
-      /* @__PURE__ */ jsx54(Text50, { children: `CMA token${stored.cmaToken ? " [press Enter to keep existing]" : " (paste here)"}: ` }),
-      /* @__PURE__ */ jsx54(PasswordInput, { onSubmit: (v) => advance("cmaToken", v) }, "cmaToken")
+    cmaToken: /* @__PURE__ */ jsxs49(Box47, { children: [
+      /* @__PURE__ */ jsx56(Text52, { children: `CMA token${stored.cmaToken ? " [press Enter to keep existing]" : " (paste here)"}: ` }),
+      /* @__PURE__ */ jsx56(PasswordInput, { onSubmit: (v) => advance("cmaToken", v) }, "cmaToken")
     ] }),
-    host: /* @__PURE__ */ jsxs47(Box46, { children: [
-      /* @__PURE__ */ jsx54(Text50, { children: `API host [${currentHost}]: ` }),
-      /* @__PURE__ */ jsx54(TextInput2, { onSubmit: (v) => advance("host", v) }, "host")
+    host: /* @__PURE__ */ jsxs49(Box47, { children: [
+      /* @__PURE__ */ jsx56(Text52, { children: `API host [${currentHost}]: ` }),
+      /* @__PURE__ */ jsx56(TextInput2, { onSubmit: (v) => advance("host", v) }, "host")
     ] })
   };
-  return /* @__PURE__ */ jsx54(StepLayout, { helpText, prompt: prompts[field], children: summary });
+  return /* @__PURE__ */ jsx56(StepLayout, { helpText, prompt: prompts[field], children: summary });
 }
 var ENV_KEYS, ENTER, KEEP, FIELD_ORDER;
 var init_ContentfulCredentialsScreen = __esm({
@@ -29176,9 +29530,9 @@ var init_ContentfulCredentialsScreen = __esm({
 
 // packages/experience-design-system-cli/src/setup/steps/preferences/BooleanInput.tsx
 import { useEffect as useEffect17, useState as useState26 } from "react";
-import { Box as Box47, Text as Text51 } from "ink";
+import { Box as Box48, Text as Text53 } from "ink";
 import { Select as Select3 } from "@inkjs/ui";
-import { jsx as jsx55, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs50 } from "react/jsx-runtime";
 function tick(labels, forOn, current) {
   const label = forOn ? labels.on : labels.off;
   return forOn === current ? `${label} \u2713` : label;
@@ -29196,7 +29550,7 @@ function BooleanInput({
   useEffect17(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx55(Text51, { dimColor: true, children: "Reading saved preferences\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx57(Text53, { dimColor: true, children: "Reading saved preferences\u2026" });
   const current = read(stored) ?? fallback;
   const submit = (value) => {
     if (value === current) {
@@ -29205,13 +29559,13 @@ function BooleanInput({
     }
     void writeExperiencesCredentials(write2(stored, value)).then(() => onDone("completed"));
   };
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     StepLayout,
     {
       helpText,
-      prompt: /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx55(Text51, { children: question }),
-        /* @__PURE__ */ jsx55(Box47, { marginTop: 1, children: /* @__PURE__ */ jsx55(
+      prompt: /* @__PURE__ */ jsxs50(Box48, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx57(Text53, { children: question }),
+        /* @__PURE__ */ jsx57(Box48, { marginTop: 1, children: /* @__PURE__ */ jsx57(
           Select3,
           {
             options: [
@@ -29236,9 +29590,9 @@ var init_BooleanInput = __esm({
 });
 
 // packages/experience-design-system-cli/src/setup/steps/preferences/AnalyticsScreen.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function AnalyticsScreen({ onDone }) {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx58(
     BooleanInput,
     {
       helpText: "Shares anonymous usage data about which CLI commands are used and where imports succeed or fail. Never includes source code, file paths, credentials, or authored content",
@@ -29259,9 +29613,9 @@ var init_AnalyticsScreen = __esm({
 });
 
 // packages/experience-design-system-cli/src/setup/steps/preferences/ColorPreferenceScreen.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function ColorPreferenceScreen({ onDone }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx59(
     BooleanInput,
     {
       helpText: `Prints plain text with no color, which suits CI logs and basic terminals.`,
@@ -29283,9 +29637,9 @@ var init_ColorPreferenceScreen = __esm({
 
 // packages/experience-design-system-cli/src/setup/steps/preferences/CustomPromptScreen.tsx
 import { useEffect as useEffect18, useState as useState27 } from "react";
-import { Box as Box48, Text as Text52 } from "ink";
+import { Box as Box49, Text as Text54 } from "ink";
 import { ConfirmInput, TextInput as TextInput3 } from "@inkjs/ui";
-import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs51 } from "react/jsx-runtime";
 function parseCustomSkillPath(answer) {
   const trimmed = answer.trim();
   if (trimmed === "") return void 0;
@@ -29307,19 +29661,19 @@ function CustomPromptsScreen({ onDone }) {
   useEffect18(() => {
     void readExperiencesCredentials().then(setStored);
   }, []);
-  if (!stored) return /* @__PURE__ */ jsx58(Text52, { dimColor: true, children: "Reading saved prompt paths\u2026" });
+  if (!stored) return /* @__PURE__ */ jsx60(Text54, { dimColor: true, children: "Reading saved prompt paths\u2026" });
   const submit = (answer) => {
     const next = applyCustomSkillPath(stored, parseCustomSkillPath(answer));
     void writeExperiencesCredentials(next).then(() => onDone("completed"));
   };
   if (phase === "confirm") {
-    return /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx60(
       StepLayout,
       {
         helpText: CUSTOM_PROMPTS_HELP,
-        prompt: /* @__PURE__ */ jsxs49(Box48, { children: [
-          /* @__PURE__ */ jsx58(Text52, { children: "Use your own prompt file instead of the built-in one? " }),
-          /* @__PURE__ */ jsx58(
+        prompt: /* @__PURE__ */ jsxs51(Box49, { children: [
+          /* @__PURE__ */ jsx60(Text54, { children: "Use your own prompt file instead of the built-in one? " }),
+          /* @__PURE__ */ jsx60(
             ConfirmInput,
             {
               defaultChoice: "cancel",
@@ -29331,13 +29685,13 @@ function CustomPromptsScreen({ onDone }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     StepLayout,
     {
       helpText: CUSTOM_PROMPTS_HELP,
-      prompt: /* @__PURE__ */ jsxs49(Box48, { children: [
-        /* @__PURE__ */ jsx58(Text52, { children: customSkillPathQuestion(stored.generatePromptPath) }),
-        /* @__PURE__ */ jsx58(TextInput3, { onSubmit: submit })
+      prompt: /* @__PURE__ */ jsxs51(Box49, { children: [
+        /* @__PURE__ */ jsx60(Text54, { children: customSkillPathQuestion(stored.generatePromptPath) }),
+        /* @__PURE__ */ jsx60(TextInput3, { onSubmit: submit })
       ] })
     }
   );
@@ -29353,9 +29707,9 @@ var init_CustomPromptScreen = __esm({
 });
 
 // packages/experience-design-system-cli/src/setup/steps/preferences/DebugLogsScreen.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 function DebugLogsScreen({ onDone }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     BooleanInput,
     {
       helpText: `Writes a verbose trace of every command decision, for troubleshooting.`,
@@ -29377,16 +29731,16 @@ var init_DebugLogsScreen = __esm({
 
 // packages/experience-design-system-cli/src/setup/steps/preferences/PreferencesMenu.tsx
 import { useState as useState28 } from "react";
-import { Box as Box49, Text as Text53 } from "ink";
+import { Box as Box50, Text as Text55 } from "ink";
 import { Select as Select4 } from "@inkjs/ui";
-import { jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
 function PreferencesMenu({ onDone }) {
   const [open, setOpen] = useState28(null);
   const [changed, setChanged] = useState28(/* @__PURE__ */ new Set());
   const entry = open === null ? void 0 : PREFERENCE_OPTIONS.find((option) => option.key === open);
-  if (!entry) return /* @__PURE__ */ jsx60(PreferenceList, { changed, onOpen: setOpen, onDone });
+  if (!entry) return /* @__PURE__ */ jsx62(PreferenceList, { changed, onOpen: setOpen, onDone });
   const { key, Screen } = entry;
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx62(
     Screen,
     {
       onDone: (status) => {
@@ -29403,13 +29757,13 @@ function PreferenceList({ changed, onOpen, onDone }) {
     ...PREFERENCE_OPTIONS.map((option) => ({ label: option.label, value: option.key })),
     { label: "Done", value: DONE_VALUE }
   ];
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx62(
     StepLayout,
     {
       helpText: PREFERENCES_MENU_HELP,
-      prompt: /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx60(Text53, { children: "Preferences" }),
-        /* @__PURE__ */ jsx60(Box49, { marginTop: 1, children: /* @__PURE__ */ jsx60(
+      prompt: /* @__PURE__ */ jsxs52(Box50, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx62(Text55, { children: "Preferences" }),
+        /* @__PURE__ */ jsx62(Box50, { marginTop: 1, children: /* @__PURE__ */ jsx62(
           Select4,
           {
             options,
@@ -29442,22 +29796,22 @@ var init_PreferencesMenu = __esm({
       {
         key: "customPrompts",
         label: "Custom prompts",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx60(CustomPromptsScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx62(CustomPromptsScreen, { onDone })
       },
       {
         key: "debug",
         label: "Debug logging",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx60(DebugLogsScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx62(DebugLogsScreen, { onDone })
       },
       {
         key: "analytics",
         label: "Usage analytics",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx60(AnalyticsScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx62(AnalyticsScreen, { onDone })
       },
       {
         key: "noColor",
         label: "Terminal colors",
-        Screen: ({ onDone }) => /* @__PURE__ */ jsx60(ColorPreferenceScreen, { onDone })
+        Screen: ({ onDone }) => /* @__PURE__ */ jsx62(ColorPreferenceScreen, { onDone })
       }
     ];
     DONE_VALUE = "menu:done";
@@ -29673,23 +30027,23 @@ var init_prerequisites = __esm({
 
 // packages/experience-design-system-cli/src/setup/steps/prerequisites/PrerequisitesScreen.tsx
 import { useEffect as useEffect19, useRef as useRef13, useState as useState29 } from "react";
-import { Box as Box50, Text as Text54 } from "ink";
+import { Box as Box51, Text as Text56 } from "ink";
 import { ConfirmInput as ConfirmInput2 } from "@inkjs/ui";
-import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
 function EventLine({ event }) {
-  if (event.kind === "success") return /* @__PURE__ */ jsxs51(Text54, { color: PALETTE.success, children: [
+  if (event.kind === "success") return /* @__PURE__ */ jsxs53(Text56, { color: PALETTE.success, children: [
     "\u2713 ",
     event.message
   ] });
-  if (event.kind === "failure") return /* @__PURE__ */ jsxs51(Text54, { color: PALETTE.error, children: [
+  if (event.kind === "failure") return /* @__PURE__ */ jsxs53(Text56, { color: PALETTE.error, children: [
     "\u2717 ",
     event.message
   ] });
-  if (event.kind === "warning") return /* @__PURE__ */ jsxs51(Text54, { color: PALETTE.warning, children: [
+  if (event.kind === "warning") return /* @__PURE__ */ jsxs53(Text56, { color: PALETTE.warning, children: [
     "\u26A0 ",
     event.message
   ] });
-  return /* @__PURE__ */ jsx61(Text54, { children: event.message });
+  return /* @__PURE__ */ jsx63(Text56, { children: event.message });
 }
 function PrerequisitesScreen({
   repoRoot,
@@ -29728,15 +30082,15 @@ function PrerequisitesScreen({
       ...skipBuild !== void 0 ? { skipBuild } : {}
     }).then(onDone);
   }, []);
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx63(
     StepLayout,
     {
-      prompt: confirm ? /* @__PURE__ */ jsxs51(Box50, { children: [
-        /* @__PURE__ */ jsxs51(Text54, { children: [
+      prompt: confirm ? /* @__PURE__ */ jsxs53(Box51, { children: [
+        /* @__PURE__ */ jsxs53(Text56, { children: [
           confirm.question,
           " "
         ] }),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx63(
           ConfirmInput2,
           {
             defaultChoice: confirm.defaultYes ? "confirm" : "cancel",
@@ -29745,8 +30099,8 @@ function PrerequisitesScreen({
           },
           confirm.question
         )
-      ] }) : /* @__PURE__ */ jsx61(Text54, { color: PALETTE.info, children: "\u27F3 Checking prerequisites\u2026" }),
-      children: /* @__PURE__ */ jsx61(Box50, { flexDirection: "column", children: events.map((event, index) => /* @__PURE__ */ jsx61(EventLine, { event }, `${index}-${event.message}`)) })
+      ] }) : /* @__PURE__ */ jsx63(Text56, { color: PALETTE.info, children: "\u27F3 Checking prerequisites\u2026" }),
+      children: /* @__PURE__ */ jsx63(Box51, { flexDirection: "column", children: events.map((event, index) => /* @__PURE__ */ jsx63(EventLine, { event }, `${index}-${event.message}`)) })
     }
   );
 }
@@ -29767,8 +30121,8 @@ __export(SetupScreen_exports, {
   formatSetupCompletionMessage: () => formatSetupCompletionMessage
 });
 import { useEffect as useEffect20, useRef as useRef14, useState as useState30 } from "react";
-import { Box as Box51, Text as Text55 } from "ink";
-import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Box as Box52, Text as Text57 } from "ink";
+import { jsx as jsx64, jsxs as jsxs54 } from "react/jsx-runtime";
 function countRequiredFailures(results) {
   return results.filter((result) => result.required && result.status === "failed").length;
 }
@@ -29799,7 +30153,7 @@ function SetupScreen({
     });
     void (async () => {
       const results = [];
-      const prerequisites = await runScreen((done) => /* @__PURE__ */ jsx62(
+      const prerequisites = await runScreen((done) => /* @__PURE__ */ jsx64(
         PrerequisitesScreen,
         {
           repoRoot,
@@ -29833,21 +30187,21 @@ function SetupScreen({
       if (skip.skipAgent) {
         results.push({ name: "Coding agent", status: "skipped", required: false });
       } else {
-        const status = await runScreen((done) => /* @__PURE__ */ jsx62(CodingAgentScreen, { onDone: done }));
+        const status = await runScreen((done) => /* @__PURE__ */ jsx64(CodingAgentScreen, { onDone: done }));
         results.push({ name: "Coding agent", status, required: true });
       }
       setActiveStep(3);
       if (skip.skipCredentials) {
         results.push({ name: "Contentful credentials", status: "skipped", required: false });
       } else {
-        const status = await runScreen((done) => /* @__PURE__ */ jsx62(ContentfulCredentialsScreen, { onDone: done }));
+        const status = await runScreen((done) => /* @__PURE__ */ jsx64(ContentfulCredentialsScreen, { onDone: done }));
         results.push({ name: "Contentful credentials", status, required: false });
       }
       setActiveStep(4);
       if (skip.skipOptional) {
         results.push({ name: "Preferences", status: "skipped", required: false });
       } else {
-        const status = await runScreen((done) => /* @__PURE__ */ jsx62(PreferencesMenu, { onDone: done }));
+        const status = await runScreen((done) => /* @__PURE__ */ jsx64(PreferencesMenu, { onDone: done }));
         results.push({ name: "Preferences", status, required: false });
       }
       const exitCode = countRequiredFailures(results) === 0 ? 0 : 1;
@@ -29856,37 +30210,37 @@ function SetupScreen({
       onComplete(finalOutcome);
     })();
   }, []);
-  return /* @__PURE__ */ jsxs52(Box51, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs52(Box51, { justifyContent: "space-between", columnGap: 1, ...columns !== void 0 ? { width: columns - 2 } : {}, children: [
-      /* @__PURE__ */ jsx62(Box51, { flexShrink: 0, children: /* @__PURE__ */ jsx62(Text55, { bold: true, children: "experiences setup" }) }),
-      /* @__PURE__ */ jsx62(Box51, { flexShrink: 0, children: /* @__PURE__ */ jsxs52(Text55, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs54(Box52, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs54(Box52, { justifyContent: "space-between", columnGap: 1, ...columns !== void 0 ? { width: columns - 2 } : {}, children: [
+      /* @__PURE__ */ jsx64(Box52, { flexShrink: 0, children: /* @__PURE__ */ jsx64(Text57, { bold: true, children: "experiences setup" }) }),
+      /* @__PURE__ */ jsx64(Box52, { flexShrink: 0, children: /* @__PURE__ */ jsxs54(Text57, { dimColor: true, children: [
         "v",
         version
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx62(Box51, { marginTop: 1, children: /* @__PURE__ */ jsx62(SetupStepper, { activeStep, columns }) }),
-    outcome ? /* @__PURE__ */ jsx62(SetupSummary, { outcome, notice }) : screen && /* @__PURE__ */ jsx62(Box51, { marginTop: 1, children: screen })
+    /* @__PURE__ */ jsx64(Box52, { marginTop: 1, children: /* @__PURE__ */ jsx64(SetupStepper, { activeStep, columns }) }),
+    outcome ? /* @__PURE__ */ jsx64(SetupSummary, { outcome, notice }) : screen && /* @__PURE__ */ jsx64(Box52, { marginTop: 1, children: screen })
   ] });
 }
 function SetupSummary({ outcome, notice }) {
   const requiredFailed = countRequiredFailures(outcome.results);
-  return /* @__PURE__ */ jsxs52(Box51, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsx62(Text55, { bold: true, children: "Summary" }),
+  return /* @__PURE__ */ jsxs54(Box52, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx64(Text57, { bold: true, children: "Summary" }),
     outcome.results.map((result) => {
       if (result.status === "completed") {
-        return /* @__PURE__ */ jsxs52(Text55, { color: PALETTE.success, children: [
+        return /* @__PURE__ */ jsxs54(Text57, { color: PALETTE.success, children: [
           "\u2713 ",
           result.name
         ] }, result.name);
       }
       if (result.status === "skipped") {
-        return /* @__PURE__ */ jsxs52(Text55, { dimColor: true, children: [
+        return /* @__PURE__ */ jsxs54(Text57, { dimColor: true, children: [
           "\u2013 ",
           result.name,
           " \u2014 skipped"
         ] }, result.name);
       }
-      return /* @__PURE__ */ jsxs52(Text55, { color: result.required ? PALETTE.error : PALETTE.warning, children: [
+      return /* @__PURE__ */ jsxs54(Text57, { color: result.required ? PALETTE.error : PALETTE.warning, children: [
         result.required ? "\u2717" : "\u26A0",
         " ",
         result.name,
@@ -29894,10 +30248,10 @@ function SetupSummary({ outcome, notice }) {
         result.required ? "required" : "optional"
       ] }, result.name);
     }),
-    notice && /* @__PURE__ */ jsx62(Box51, { marginTop: 1, children: /* @__PURE__ */ jsx62(Text55, { color: PALETTE.warning, children: notice }) }),
-    /* @__PURE__ */ jsx62(Box51, { marginTop: 1, children: /* @__PURE__ */ jsx62(Text55, { bold: true, color: requiredFailed === 0 ? PALETTE.success : PALETTE.warning, children: formatSetupCompletionMessage(outcome.results) }) }),
-    requiredFailed > 0 && /* @__PURE__ */ jsx62(Text55, { dimColor: true, children: "Complete the steps above, then re-run experiences setup." }),
-    /* @__PURE__ */ jsx62(Text55, { dimColor: true, children: "Run experiences doctor any time to re-check." })
+    notice && /* @__PURE__ */ jsx64(Box52, { marginTop: 1, children: /* @__PURE__ */ jsx64(Text57, { color: PALETTE.warning, children: notice }) }),
+    /* @__PURE__ */ jsx64(Box52, { marginTop: 1, children: /* @__PURE__ */ jsx64(Text57, { bold: true, color: requiredFailed === 0 ? PALETTE.success : PALETTE.warning, children: formatSetupCompletionMessage(outcome.results) }) }),
+    requiredFailed > 0 && /* @__PURE__ */ jsx64(Text57, { dimColor: true, children: "Complete the steps above, then re-run experiences setup." }),
+    /* @__PURE__ */ jsx64(Text57, { dimColor: true, children: "Run experiences doctor any time to re-check." })
   ] });
 }
 var init_SetupScreen = __esm({