@contentful/experience-design-system-cli 2.37.1-dev-build-40c29bf0.0 → 2.37.1-dev-build-7a46c9e6.0

package/dist/app.js

@@ -7429,6 +7429,9 @@ function PreviewBadge({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GroupedSidebar.tsx
 import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+function slotEdgeKey(parent, child) {
+  return `${parent}\u2192${child}`;
+}
 var GLYPH_EXPAND_COLLAPSED = "\u25B8";
 var GLYPH_EXPAND_EXPANDED = "\u25BE";
 var GLYPH_TREE_MID = "\u251C\u2500";
@@ -7544,7 +7547,7 @@ function buildVisibleRows(props) {
         if (visited.has(target)) continue;
         visited.add(target);
         const isCycleMember = cycleParticipants.has(target);
-        out.push({ name: target, depth: cur.depth + 1, isCycleMember });
+        out.push({ name: target, depth: cur.depth + 1, isCycleMember, parent: cur.name });
         queue.push({ name: target, depth: cur.depth + 1 });
       }
     }
@@ -7591,7 +7594,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleMember || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: key
+        rootName: key,
+        parentName: child.parent
       });
     });
   }
@@ -7674,13 +7678,19 @@ function buildVisibleRows(props) {
         injectedChildren.push({
           name: target,
           depth: parentDepth + 1,
-          isCycleChild: true
+          isCycleChild: true,
+          parent: parentName
         });
       }
     };
     emitCycleChildrenOf(root, 0);
     for (const c2 of closureChildren) {
-      injectedChildren.push({ name: c2.name, depth: c2.depth, isCycleChild: false });
+      injectedChildren.push({
+        name: c2.name,
+        depth: c2.depth,
+        isCycleChild: false,
+        parent: c2.path[c2.path.length - 2] ?? root
+      });
       emitCycleChildrenOf(c2.name, c2.depth);
     }
     const isLastAtDepth = (idx) => {
@@ -7714,7 +7724,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleChild || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: root
+        rootName: root,
+        parentName: child.parent
       });
     });
   }
@@ -7838,6 +7849,7 @@ function GroupedSidebar(props) {
     showFlatTier,
     viewMode,
     selectionStateByKey,
+    excludedSlotEdges,
     aiFlaggedByKey,
     dimPredicate,
     visibleRows: providedRows,
@@ -7867,8 +7879,9 @@ function GroupedSidebar(props) {
       const rs = itemName ? renderStatusByKey?.get(itemName) : void 0;
       const badge = itemName ? previewBadge(previewAnnotationByKey?.get(itemName)) : null;
       const showInheritance = rs !== void 0 && row.kind !== "cycle" && row.kind !== "empty" && row.kind !== "group-root";
-      const supportsSelectionGlyph = selectionStateByKey !== void 0 && itemName !== void 0 && (row.kind === "standalone" || row.kind === "group-root" || row.kind === "group-child" || row.kind === "flat" || row.kind === "cycle");
-      const selState = supportsSelectionGlyph ? selectionStateByKey.get(itemName) ?? "undecided" : void 0;
+      const supportsSelectionGlyph = selectionStateByKey !== void 0 && itemName !== void 0 && (row.kind === "standalone" || row.kind === "group-root" || row.kind === "group-child" || row.kind === "flat" || row.kind === "empty" || row.kind === "cycle");
+      const edgeExcluded = row.kind === "group-child" && row.parentName !== void 0 && itemName !== void 0 && excludedSlotEdges?.has(slotEdgeKey(row.parentName, itemName)) === true;
+      const selState = supportsSelectionGlyph ? edgeExcluded ? "undecided" : selectionStateByKey.get(itemName) ?? "undecided" : void 0;
       const isCycleRow = row.kind === "cycle";
       const selStyle = selectionGlyphStyleFor(selState, isCycleRow);
       const selGlyph = selStyle.glyph;
@@ -7897,7 +7910,7 @@ function GroupedSidebar(props) {
             color: isSelected ? PALETTE2.info : labelStyle.dim ? PALETTE2.muted : labelStyle.color,
             bold: isSelected || labelStyle.bold,
             inverse: false,
-            underline: isSelected && !focused,
+            underline: isSelected && focused,
             wrap: wrapLabels ? "wrap" : "truncate",
             children: [
               " ",
@@ -8806,7 +8819,7 @@ function partitionDecisions(components, state) {
     if (state.get(c2.name) === "accepted") accepted.push(c2.name);
     else rejected.push(c2.name);
   }
-  return { accepted, rejected };
+  return { accepted, rejected, excludedSlotEdges: [] };
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate.ts
@@ -8814,6 +8827,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
   const { columns: totalWidth, rows: terminalRows } = useTerminalSize();
   const columnPlan = useMemo2(() => computeColumnWidths(totalWidth), [totalWidth]);
   const [decisions, setDecisions] = useState12(/* @__PURE__ */ new Map());
+  const [excludedEdges, setExcludedEdges] = useState12(/* @__PURE__ */ new Set());
   const [nav, setNav] = useState12({ cursor: 0, scrollOffset: 0 });
   const [focusedColumn, setFocusedColumn] = useState12("main");
   const [addedComponentsCursor, setAddedComponentsCursor] = useState12(0);
@@ -8985,6 +8999,28 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         return void 0;
     }
   };
+  const focusedNestedEdge = () => {
+    const row = visibleRows[safeCursor];
+    if (row?.kind !== "group-child" || !row.parentName || row.itemIdx < 0) return void 0;
+    const child = groupedItems[row.itemIdx]?.key;
+    return child ? { parent: row.parentName, child } : void 0;
+  };
+  const setEdgeExcluded = (edge, excluded) => {
+    setExcludedEdges((prev) => {
+      const next = new Set(prev);
+      const key = slotEdgeKey(edge.parent, edge.child);
+      if (excluded) next.add(key);
+      else next.delete(key);
+      return next;
+    });
+  };
+  const confirmedEdges = (rejected) => {
+    const rejectedSet = new Set(rejected);
+    return [...excludedEdges].map((key) => {
+      const [parent, child] = key.split("\u2192");
+      return { parent, child };
+    }).filter((edge) => !rejectedSet.has(edge.parent) && !rejectedSet.has(edge.child));
+  };
   const jumpCursorTo = (name) => {
     let idx = -1;
     for (let i = 0; i < visibleRows.length; i++) {
@@ -9084,7 +9120,10 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         onQuit();
         return;
       case "confirm":
-        onConfirm(partitionDecisions(components, decisions));
+        {
+          const partition = partitionDecisions(components, decisions);
+          onConfirm({ ...partition, excludedSlotEdges: confirmedEdges(partition.rejected) });
+        }
         return;
       case "close-help":
         setShowHelp(false);
@@ -9132,11 +9171,18 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         }
         return;
       case "accept": {
+        const edge = focusedNestedEdge();
+        if (edge) setEdgeExcluded(edge, false);
         const key = focusedRowKey();
         if (key) decide({ type: "accept", name: key });
         return;
       }
       case "reject": {
+        const edge = focusedColumn === "main" ? focusedNestedEdge() : void 0;
+        if (edge) {
+          setEdgeExcluded(edge, true);
+          return;
+        }
         const key = focusedColumn === "added-components" ? addedComponents[safeAddedComponentsCursor]?.name : focusedRowKey();
         if (key) requestReject(key);
         return;
@@ -9238,6 +9284,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
     visibleCount,
     panelMaxRows,
     // sidebar
+    excludedEdges,
     groupedItems,
     graph,
     hasGroupRoots,
@@ -9363,6 +9410,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
           visibleCount: gate.visibleCount,
           showFlatTier: false,
           selectionStateByKey: gate.selectionStateByKey,
+          excludedSlotEdges: gate.excludedEdges,
           aiFlaggedByKey: gate.aiFlaggedByKey,
           dimPredicate: gate.dimPredicate,
           visibleRows: gate.visibleRows,
@@ -9542,6 +9590,8 @@ var ScopeSchema = z5.object({
   accepted: z5.array(z5.string()),
   /** Everything else at the gate, which counts as rejected. */
   rejected: z5.array(z5.string()),
+  /** Slot edges the user removed at the gate. The child stays accepted; only that parent stops allowing it. */
+  excludedSlotEdges: z5._default(z5.array(z5.object({ parent: z5.string(), child: z5.string() })), []),
   /**
    * Components the generation cache already holds, found by the check that ran while the gate was open and which has
    * finished (and restored them) before the wizard starts. Empty when the cache is off or the check failed.

package/dist/index.js

@@ -10185,6 +10185,9 @@ var init_badge = __esm({
 import figures4 from "figures";
 import { Box as Box17, Text as Text19 } from "ink";
 import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+function slotEdgeKey(parent, child) {
+  return `${parent}\u2192${child}`;
+}
 function isEmpty(entry) {
   return Object.keys(entry.$properties ?? {}).length === 0 && Object.keys(entry.$slots ?? {}).length === 0;
 }
@@ -10294,7 +10297,7 @@ function buildVisibleRows(props) {
         if (visited.has(target)) continue;
         visited.add(target);
         const isCycleMember = cycleParticipants.has(target);
-        out.push({ name: target, depth: cur.depth + 1, isCycleMember });
+        out.push({ name: target, depth: cur.depth + 1, isCycleMember, parent: cur.name });
         queue.push({ name: target, depth: cur.depth + 1 });
       }
     }
@@ -10341,7 +10344,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleMember || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: key
+        rootName: key,
+        parentName: child.parent
       });
     });
   }
@@ -10424,13 +10428,19 @@ function buildVisibleRows(props) {
         injectedChildren.push({
           name: target,
           depth: parentDepth + 1,
-          isCycleChild: true
+          isCycleChild: true,
+          parent: parentName
         });
       }
     };
     emitCycleChildrenOf(root, 0);
     for (const c2 of closureChildren) {
-      injectedChildren.push({ name: c2.name, depth: c2.depth, isCycleChild: false });
+      injectedChildren.push({
+        name: c2.name,
+        depth: c2.depth,
+        isCycleChild: false,
+        parent: c2.path[c2.path.length - 2] ?? root
+      });
       emitCycleChildrenOf(c2.name, c2.depth);
     }
     const isLastAtDepth = (idx) => {
@@ -10464,7 +10474,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleChild || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: root
+        rootName: root,
+        parentName: child.parent
       });
     });
   }
@@ -10588,6 +10599,7 @@ function GroupedSidebar(props) {
     showFlatTier,
     viewMode,
     selectionStateByKey,
+    excludedSlotEdges,
     aiFlaggedByKey,
     dimPredicate,
     visibleRows: providedRows,
@@ -10617,8 +10629,9 @@ function GroupedSidebar(props) {
       const rs = itemName ? renderStatusByKey?.get(itemName) : void 0;
       const badge = itemName ? previewBadge(previewAnnotationByKey?.get(itemName)) : null;
       const showInheritance = rs !== void 0 && row.kind !== "cycle" && row.kind !== "empty" && row.kind !== "group-root";
-      const supportsSelectionGlyph = selectionStateByKey !== void 0 && itemName !== void 0 && (row.kind === "standalone" || row.kind === "group-root" || row.kind === "group-child" || row.kind === "flat" || row.kind === "cycle");
-      const selState = supportsSelectionGlyph ? selectionStateByKey.get(itemName) ?? "undecided" : void 0;
+      const supportsSelectionGlyph = selectionStateByKey !== void 0 && itemName !== void 0 && (row.kind === "standalone" || row.kind === "group-root" || row.kind === "group-child" || row.kind === "flat" || row.kind === "empty" || row.kind === "cycle");
+      const edgeExcluded = row.kind === "group-child" && row.parentName !== void 0 && itemName !== void 0 && excludedSlotEdges?.has(slotEdgeKey(row.parentName, itemName)) === true;
+      const selState = supportsSelectionGlyph ? edgeExcluded ? "undecided" : selectionStateByKey.get(itemName) ?? "undecided" : void 0;
       const isCycleRow = row.kind === "cycle";
       const selStyle = selectionGlyphStyleFor(selState, isCycleRow);
       const selGlyph = selStyle.glyph;
@@ -10647,7 +10660,7 @@ function GroupedSidebar(props) {
             color: isSelected ? PALETTE2.info : labelStyle.dim ? PALETTE2.muted : labelStyle.color,
             bold: isSelected || labelStyle.bold,
             inverse: false,
-            underline: isSelected && !focused,
+            underline: isSelected && focused,
             wrap: wrapLabels ? "wrap" : "truncate",
             children: [
               " ",
@@ -11688,7 +11701,7 @@ function partitionDecisions(components, state) {
     if (state.get(c2.name) === "accepted") accepted.push(c2.name);
     else rejected.push(c2.name);
   }
-  return { accepted, rejected };
+  return { accepted, rejected, excludedSlotEdges: [] };
 }
 var init_state = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/state.ts"() {
@@ -11704,6 +11717,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
   const { columns: totalWidth, rows: terminalRows } = useTerminalSize();
   const columnPlan = useMemo2(() => computeColumnWidths(totalWidth), [totalWidth]);
   const [decisions, setDecisions] = useState12(/* @__PURE__ */ new Map());
+  const [excludedEdges, setExcludedEdges] = useState12(/* @__PURE__ */ new Set());
   const [nav, setNav] = useState12({ cursor: 0, scrollOffset: 0 });
   const [focusedColumn, setFocusedColumn] = useState12("main");
   const [addedComponentsCursor, setAddedComponentsCursor] = useState12(0);
@@ -11875,6 +11889,28 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         return void 0;
     }
   };
+  const focusedNestedEdge = () => {
+    const row = visibleRows[safeCursor];
+    if (row?.kind !== "group-child" || !row.parentName || row.itemIdx < 0) return void 0;
+    const child = groupedItems[row.itemIdx]?.key;
+    return child ? { parent: row.parentName, child } : void 0;
+  };
+  const setEdgeExcluded = (edge, excluded) => {
+    setExcludedEdges((prev) => {
+      const next = new Set(prev);
+      const key = slotEdgeKey(edge.parent, edge.child);
+      if (excluded) next.add(key);
+      else next.delete(key);
+      return next;
+    });
+  };
+  const confirmedEdges = (rejected) => {
+    const rejectedSet = new Set(rejected);
+    return [...excludedEdges].map((key) => {
+      const [parent, child] = key.split("\u2192");
+      return { parent, child };
+    }).filter((edge) => !rejectedSet.has(edge.parent) && !rejectedSet.has(edge.child));
+  };
   const jumpCursorTo = (name) => {
     let idx = -1;
     for (let i = 0; i < visibleRows.length; i++) {
@@ -11974,7 +12010,10 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         onQuit();
         return;
       case "confirm":
-        onConfirm(partitionDecisions(components, decisions));
+        {
+          const partition = partitionDecisions(components, decisions);
+          onConfirm({ ...partition, excludedSlotEdges: confirmedEdges(partition.rejected) });
+        }
         return;
       case "close-help":
         setShowHelp(false);
@@ -12022,11 +12061,18 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         }
         return;
       case "accept": {
+        const edge = focusedNestedEdge();
+        if (edge) setEdgeExcluded(edge, false);
         const key = focusedRowKey();
         if (key) decide({ type: "accept", name: key });
         return;
       }
       case "reject": {
+        const edge = focusedColumn === "main" ? focusedNestedEdge() : void 0;
+        if (edge) {
+          setEdgeExcluded(edge, true);
+          return;
+        }
         const key = focusedColumn === "added-components" ? addedComponents[safeAddedComponentsCursor]?.name : focusedRowKey();
         if (key) requestReject(key);
         return;
@@ -12128,6 +12174,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
     visibleCount,
     panelMaxRows,
     // sidebar
+    excludedEdges,
     groupedItems,
     graph,
     hasGroupRoots,
@@ -12240,6 +12287,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
           visibleCount: gate.visibleCount,
           showFlatTier: false,
           selectionStateByKey: gate.selectionStateByKey,
+          excludedSlotEdges: gate.excludedEdges,
           aiFlaggedByKey: gate.aiFlaggedByKey,
           dimPredicate: gate.dimPredicate,
           visibleRows: gate.visibleRows,
@@ -12488,6 +12536,8 @@ var init_handoff = __esm({
       accepted: z5.array(z5.string()),
       /** Everything else at the gate, which counts as rejected. */
       rejected: z5.array(z5.string()),
+      /** Slot edges the user removed at the gate. The child stays accepted; only that parent stops allowing it. */
+      excludedSlotEdges: z5._default(z5.array(z5.object({ parent: z5.string(), child: z5.string() })), []),
       /**
        * Components the generation cache already holds, found by the check that ran while the gate was open and which has
        * finished (and restored them) before the wizard starts. Empty when the cache is off or the check failed.

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-40c29bf0.0",
+  "version": "2.37.1-dev-build-7a46c9e6.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/dist/src/tui/import/steps/07-scope-gate/sidebar/components/GroupedSidebar.d.ts

@@ -27,6 +27,8 @@ export interface GroupedSidebarProps {
     alwaysExpanded?: boolean;
     showFlatTier?: boolean;
     selectionStateByKey?: Map<string, 'accepted' | 'rejected' | 'undecided'>;
+    /** `parent→child` slot edges the user removed; their nested rows render unchecked. */
+    excludedSlotEdges?: Set<string>;
     aiFlaggedByKey?: Map<string, boolean>;
     dimPredicate?: (componentKey: string) => boolean;
     viewMode?: 'grouped' | 'flat';
@@ -34,6 +36,7 @@ export interface GroupedSidebarProps {
     graph: ComponentGraphNode[];
     filterVisibleKeys?: Set<string>;
 }
+export declare function slotEdgeKey(parent: string, child: string): string;
 type RowKind = 'cycle' | 'empty' | 'group-root' | 'group-child' | 'standalone' | 'flat' | 'flat-header';
 export interface VisibleRow {
     kind: RowKind;
@@ -45,6 +48,8 @@ export interface VisibleRow {
     cycleChild?: boolean;
     itemIdx: number;
     rootName?: string;
+    /** Direct parent of a nested row; identifies the slot edge the row stands for. */
+    parentName?: string;
 }
 export declare function buildVisibleRows(props: {
     items: GroupedSidebarItem[];

package/dist/src/tui/import/steps/07-scope-gate/types.d.ts

@@ -10,10 +10,17 @@ export type ScopeComponent = Omit<ScopeComponentRow, 'aiDecision' | 'aiReason' |
     slots?: ScopeComponentRow['slots'];
 };
 export type Decision = 'accepted' | 'rejected' | 'undecided';
+/** One slot edge: `parent` allows `child` in a slot. */
+export interface ParentChildEdge {
+    parent: string;
+    child: string;
+}
 /** What the user confirmed. Becomes `ImportHandoff.scope`; the legacy wizard saves it and starts generation. */
 export interface ScopeDecisions {
     accepted: string[];
     rejected: string[];
+    /** Slot edges removed at the gate. The child keeps its own decision. */
+    excludedSlotEdges: ParentChildEdge[];
 }
 export type ScopeGateLoad = {
     ok: true;

package/dist/src/tui/import/steps/07-scope-gate/use-scope-gate.d.ts

@@ -20,6 +20,7 @@ export declare function useScopeGate({ components, onConfirm, onQuit }: UseScope
     panelLayout: import("./columns.js").ScopeGatePanelLayout;
     visibleCount: number;
     panelMaxRows: number;
+    excludedEdges: Set<string>;
     groupedItems: import("./graph/index.js").SidebarItem[];
     graph: import("./graph/index.js").ScopeGraph;
     hasGroupRoots: boolean;

package/legacy/dist/src/analyze/select/tui/components/GroupedSidebar.d.ts

@@ -28,6 +28,7 @@ export interface GroupedSidebarProps {
     alwaysExpanded?: boolean;
     showFlatTier?: boolean;
     selectionStateByKey?: Map<string, 'accepted' | 'rejected' | 'undecided'>;
+    excludedSlotEdges?: Set<string>;
     aiFlaggedByKey?: Map<string, boolean>;
     dimPredicate?: (componentKey: string) => boolean;
     viewMode?: 'grouped' | 'flat';
@@ -35,6 +36,7 @@ export interface GroupedSidebarProps {
     graph: ComponentGraphNode[];
     filterVisibleKeys?: Set<string>;
 }
+export declare function slotEdgeKey(parent: string, child: string): string;
 type RowKind = 'cycle' | 'empty' | 'group-root' | 'group-child' | 'standalone' | 'flat' | 'flat-header';
 export interface VisibleRow {
     kind: RowKind;
@@ -46,6 +48,8 @@ export interface VisibleRow {
     cycleChild?: boolean;
     itemIdx: number;
     rootName?: string;
+    /** Direct parent of a nested row; identifies the slot edge the row stands for. */
+    parentName?: string;
 }
 export declare function buildVisibleRows(props: {
     items: GroupedSidebarItem[];

package/legacy/dist/src/import/tui/handoff.d.ts

@@ -18,6 +18,10 @@ export interface HandoffScope {
     decisions: {
         accepted: string[];
         rejected: string[];
+        excludedSlotEdges: Array<{
+            parent: string;
+            child: string;
+        }>;
     };
     /** Components the cache check (finished and restored before the wizard started) found already generated. */
     cachedNames: string[];

package/legacy/dist/src/import/tui/runScopeGate.d.ts

@@ -1,8 +1,10 @@
+import { type ParentChildEdge } from '../../session/db.js';
 export declare function runScopeGate(opts: {
     sessionId: string;
     decisions: {
         accepted: string[];
         rejected: string[];
+        excludedSlotEdges?: ParentChildEdge[];
     };
     onAdvanceToGenerate: (info: {
         sessionId: string;

package/legacy/dist/src/index.js

@@ -3633,8 +3633,31 @@ function applyScopeDecisions(db, sessionId2, decisions) {
       ...accepted
     );
   }
+  removeSlotAllowedComponents(db, sessionId2, decisions.excludedSlotEdges ?? [], rejected);
   db.prepare("UPDATE sessions SET updated_at = ? WHERE id = ?").run(now, sessionId2);
 }
+function removeSlotAllowedComponents(db, sessionId2, edges, rejectedNames) {
+  if (edges.length === 0 && rejectedNames.length === 0) return;
+  const componentId = db.prepare("SELECT component_id FROM raw_components WHERE session_id = ? AND name = ?");
+  const removeEdge = db.prepare(
+    "DELETE FROM raw_slot_allowed_components WHERE session_id = ? AND component_id = ? AND allowed_component = ?"
+  );
+  const removeEverywhere = db.prepare(
+    "DELETE FROM raw_slot_allowed_components WHERE session_id = ? AND allowed_component = ?"
+  );
+  db.exec("BEGIN");
+  try {
+    for (const edge of edges) {
+      const row = componentId.get(sessionId2, edge.parent);
+      if (row) removeEdge.run(sessionId2, row.component_id, edge.child);
+    }
+    for (const name of rejectedNames) removeEverywhere.run(sessionId2, name);
+    db.exec("COMMIT");
+  } catch (e) {
+    db.exec("ROLLBACK");
+    throw e;
+  }
+}
 function findLatestSessionForCommand(db, command) {
   return getLatestCompletedSessionForCommand(db, command);
 }
@@ -9864,7 +9887,7 @@ function scopeFromHandoff(handoff) {
   const { scope } = handoff;
   if (!scope) return null;
   return {
-    decisions: { accepted: scope.accepted, rejected: scope.rejected },
+    decisions: { accepted: scope.accepted, rejected: scope.rejected, excludedSlotEdges: scope.excludedSlotEdges },
     cachedNames: scope.cachedNames
   };
 }
@@ -19395,6 +19418,9 @@ var init_Sidebar = __esm({
 import figures from "figures";
 import { Box as Box18, Text as Text19 } from "ink";
 import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+function slotEdgeKey(parent, child) {
+  return `${parent}\u2192${child}`;
+}
 function isEmpty(entry) {
   return Object.keys(entry.$properties ?? {}).length === 0 && Object.keys(entry.$slots ?? {}).length === 0;
 }
@@ -19504,7 +19530,7 @@ function buildVisibleRows(props) {
         if (visited.has(target)) continue;
         visited.add(target);
         const isCycleMember = cycleParticipants.has(target);
-        out.push({ name: target, depth: cur.depth + 1, isCycleMember });
+        out.push({ name: target, depth: cur.depth + 1, isCycleMember, parent: cur.name });
         queue.push({ name: target, depth: cur.depth + 1 });
       }
     }
@@ -19551,7 +19577,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleMember || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: key
+        rootName: key,
+        parentName: child.parent
       });
     });
   }
@@ -19634,13 +19661,19 @@ function buildVisibleRows(props) {
         injectedChildren.push({
           name: target,
           depth: parentDepth + 1,
-          isCycleChild: true
+          isCycleChild: true,
+          parent: parentName
         });
       }
     };
     emitCycleChildrenOf(root, 0);
     for (const c2 of closureChildren) {
-      injectedChildren.push({ name: c2.name, depth: c2.depth, isCycleChild: false });
+      injectedChildren.push({
+        name: c2.name,
+        depth: c2.depth,
+        isCycleChild: false,
+        parent: c2.path[c2.path.length - 2] ?? root
+      });
       emitCycleChildrenOf(c2.name, c2.depth);
     }
     const isLastAtDepth = (idx) => {
@@ -19674,7 +19707,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleChild || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: root
+        rootName: root,
+        parentName: child.parent
       });
     });
   }
@@ -19798,6 +19832,7 @@ function GroupedSidebar(props) {
     showFlatTier,
     viewMode,
     selectionStateByKey,
+    excludedSlotEdges,
     aiFlaggedByKey,
     dimPredicate,
     visibleRows: providedRows,
@@ -19827,8 +19862,9 @@ function GroupedSidebar(props) {
       const rs = itemName ? renderStatusByKey?.get(itemName) : void 0;
       const badge = itemName ? previewBadge(previewAnnotationByKey?.get(itemName)) : null;
       const showInheritance = rs !== void 0 && row.kind !== "cycle" && row.kind !== "empty" && row.kind !== "group-root";
-      const supportsSelectionGlyph = selectionStateByKey !== void 0 && itemName !== void 0 && (row.kind === "standalone" || row.kind === "group-root" || row.kind === "group-child" || row.kind === "flat" || row.kind === "cycle");
-      const selState = supportsSelectionGlyph ? selectionStateByKey.get(itemName) ?? "undecided" : void 0;
+      const supportsSelectionGlyph = selectionStateByKey !== void 0 && itemName !== void 0 && (row.kind === "standalone" || row.kind === "group-root" || row.kind === "group-child" || row.kind === "flat" || row.kind === "empty" || row.kind === "cycle");
+      const edgeExcluded = row.kind === "group-child" && row.parentName !== void 0 && itemName !== void 0 && excludedSlotEdges?.has(slotEdgeKey(row.parentName, itemName)) === true;
+      const selState = supportsSelectionGlyph ? edgeExcluded ? "undecided" : selectionStateByKey.get(itemName) ?? "undecided" : void 0;
       const isCycleRow = row.kind === "cycle";
       const selStyle = selectionGlyphStyleFor(selState, isCycleRow);
       const selGlyph = selStyle.glyph;
@@ -19857,7 +19893,7 @@ function GroupedSidebar(props) {
             color: isSelected ? PALETTE.info : labelStyle.dim ? PALETTE.muted : labelStyle.color,
             bold: isSelected || labelStyle.bold,
             inverse: false,
-            underline: isSelected && !focused,
+            underline: isSelected && focused,
             wrap: wrapLabels ? "wrap" : "truncate",
             children: [
               " ",
@@ -22261,8 +22297,8 @@ function FieldEditor({
     return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
       /* @__PURE__ */ jsx28(Text24, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
       /* @__PURE__ */ jsx28(Text24, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
+      /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: "There is nothing to edit here." }),
+      /* @__PURE__ */ jsx28(Text24, { color: PALETTE.muted, children: active ? "[Esc] go back to the list" : "In the list: [r] reject this component \xB7 [a] accept it" })
     ] });
   }
   const hasEmptyProperties = props.length === 0 && slots.length === 0;
@@ -22477,7 +22513,7 @@ function FieldEditor({
       children: [
         hasEmptyProperties && /* @__PURE__ */ jsx28(Text24, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
         header,
-        /* @__PURE__ */ jsx28(Box23, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx28(Box23, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && !inSlots && currentProp ? /* @__PURE__ */ jsx28(
           PropRow,
           {
             prop: currentProp,
@@ -23901,6 +23937,7 @@ function finalizeReviewSession(extractSessionId, components) {
         db.exec("ROLLBACK");
         throw error;
       }
+      removeSlotAllowedComponents(db, extractSessionId, [], toReject);
     } finally {
       db.close();
     }
@@ -25270,6 +25307,28 @@ function GenerateReviewStepView({
     livePreviewHook.trigger();
     pushHistorySnapshot(next, "break-cycle-edge");
   };
+  const handleRemoveSlotChild = (parentKey, childKey) => {
+    const parent = components.find((component) => component.key === parentKey);
+    if (!parent?.entry.$slots) return;
+    const slots = {};
+    for (const [slotName, slot] of Object.entries(parent.entry.$slots)) {
+      slots[slotName] = Array.isArray(slot.$allowedComponents) ? { ...slot, $allowedComponents: slot.$allowedComponents.filter((value) => value !== childKey) } : slot;
+    }
+    const nextEntry = { ...parent.entry, $slots: slots };
+    const next = components.map(
+      (component) => component.key === parentKey ? { ...component, entry: nextEntry } : component
+    );
+    setComponents(next);
+    const db = openPipelineDb();
+    try {
+      storeCDFComponents(db, extractSessionId, [{ key: parentKey, entry: nextEntry }]);
+    } finally {
+      db.close();
+    }
+    recomputeCycles(next);
+    livePreviewHook.trigger();
+    pushHistorySnapshot(next, "remove-slot-child");
+  };
   const handleRejectComponent = (key) => {
     const rejectCascade = computeRejectCascade(key, componentGraph);
     const acceptCascade = computeAcceptCascade(key, componentGraph);
@@ -25598,6 +25657,11 @@ function GenerateReviewStepView({
     if (input === "r") {
       const current = components[selectedIdx];
       if (!current) return;
+      const row = visibleRowsMemo[cursorRowIdx];
+      if (row?.kind === "group-child" && row.parentName) {
+        handleRemoveSlotChild(row.parentName, current.key);
+        return;
+      }
       handleRejectComponent(current.key);
       return;
     }

package/legacy/dist/src/session/db.d.ts

@@ -99,10 +99,21 @@ export type ScopeComponentRow = {
     }>;
 };
 export declare function loadScopeComponents(db: DatabaseSync, sessionId: string): ScopeComponentRow[];
+/** A parent component's slot allowing a child component. */
+export interface ParentChildEdge {
+    parent: string;
+    child: string;
+}
 export declare function applyScopeDecisions(db: DatabaseSync, sessionId: string, decisions: {
     accepted: string[];
     rejected: string[];
+    excludedSlotEdges?: ParentChildEdge[];
 }): void;
+/**
+ * Drops excluded parent→child edges from slot allowed lists. Rejected
+ * components are also removed from every slot, since they will not exist.
+ */
+export declare function removeSlotAllowedComponents(db: DatabaseSync, sessionId: string, edges: ParentChildEdge[], rejectedNames: string[]): void;
 export declare function findLatestSessionForCommand(db: DatabaseSync, command: CommandName): string | null;
 export declare function seedCDFFromPriorSession(db: DatabaseSync, targetSessionId: string): number;
 export declare function seedCDFFromPreviewResponse(db: DatabaseSync, sessionId: string, removedItems: ComponentTypeSummary[]): number;

package/legacy/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-40c29bf0.0",
+  "version": "2.37.1-dev-build-7a46c9e6.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-40c29bf0.0",
+  "version": "2.37.1-dev-build-7a46c9e6.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",
@@ -45,9 +45,9 @@
     "ts-morph": "^27.0.2",
     "typescript": "^5.9.3",
     "zod": "^4.6.5",
-    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-40c29bf0.0",
-    "@contentful/experience-design-system-types": "2.37.1-dev-build-40c29bf0.0",
-    "@contentful/experience-design-system-generation": "2.37.1-dev-build-40c29bf0.0"
+    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-7a46c9e6.0",
+    "@contentful/experience-design-system-generation": "2.37.1-dev-build-7a46c9e6.0",
+    "@contentful/experience-design-system-types": "2.37.1-dev-build-7a46c9e6.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",