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

package/dist/app.js

@@ -7544,7 +7544,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 +7591,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleMember || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: key
+        rootName: key,
+        parentName: child.parent
       });
     });
   }
@@ -7674,13 +7675,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 +7721,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleChild || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: root
+        rootName: root,
+        parentName: child.parent
       });
     });
   }
@@ -7838,6 +7846,7 @@ function GroupedSidebar(props) {
     showFlatTier,
     viewMode,
     selectionStateByKey,
+    excludedSlotEdges,
     aiFlaggedByKey,
     dimPredicate,
     visibleRows: providedRows,
@@ -7867,8 +7876,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?.some((edge) => edge.parent === row.parentName && edge.child === 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 +7907,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: [
               " ",
@@ -8799,14 +8809,20 @@ function rejectNeedsConfirmation(graph, name, state) {
   const ancestors = toReject.filter((n) => n !== name);
   return ancestors.length + toDeselect.length >= 2;
 }
-function partitionDecisions(components, state) {
+function withEdgeExcluded(edges, edge, excluded) {
+  const others = edges.filter((e) => e.parent !== edge.parent || e.child !== edge.child);
+  return excluded ? [...others, edge] : others;
+}
+function partitionDecisions(components, state, excludedEdges) {
   const accepted = [];
   const rejected = [];
   for (const c2 of components) {
     if (state.get(c2.name) === "accepted") accepted.push(c2.name);
     else rejected.push(c2.name);
   }
-  return { accepted, rejected };
+  const rejectedNames = new Set(rejected);
+  const excludedSlotEdges = excludedEdges.filter((e) => !rejectedNames.has(e.parent) && !rejectedNames.has(e.child));
+  return { accepted, rejected, excludedSlotEdges };
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate.ts
@@ -8814,6 +8830,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([]);
   const [nav, setNav] = useState12({ cursor: 0, scrollOffset: 0 });
   const [focusedColumn, setFocusedColumn] = useState12("main");
   const [addedComponentsCursor, setAddedComponentsCursor] = useState12(0);
@@ -8985,6 +9002,13 @@ 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) => withEdgeExcluded(prev, edge, excluded));
   const jumpCursorTo = (name) => {
     let idx = -1;
     for (let i = 0; i < visibleRows.length; i++) {
@@ -9084,7 +9108,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         onQuit();
         return;
       case "confirm":
-        onConfirm(partitionDecisions(components, decisions));
+        onConfirm(partitionDecisions(components, decisions, excludedEdges));
         return;
       case "close-help":
         setShowHelp(false);
@@ -9132,11 +9156,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 +9269,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
     visibleCount,
     panelMaxRows,
     // sidebar
+    excludedEdges,
     groupedItems,
     graph,
     hasGroupRoots,
@@ -9363,6 +9395,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 +9575,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

@@ -10294,7 +10294,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 +10341,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleMember || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: key
+        rootName: key,
+        parentName: child.parent
       });
     });
   }
@@ -10424,13 +10425,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 +10471,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleChild || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: root
+        rootName: root,
+        parentName: child.parent
       });
     });
   }
@@ -10588,6 +10596,7 @@ function GroupedSidebar(props) {
     showFlatTier,
     viewMode,
     selectionStateByKey,
+    excludedSlotEdges,
     aiFlaggedByKey,
     dimPredicate,
     visibleRows: providedRows,
@@ -10617,8 +10626,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?.some((edge) => edge.parent === row.parentName && edge.child === 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 +10657,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: [
               " ",
@@ -11681,14 +11691,20 @@ function rejectNeedsConfirmation(graph, name, state) {
   const ancestors = toReject.filter((n) => n !== name);
   return ancestors.length + toDeselect.length >= 2;
 }
-function partitionDecisions(components, state) {
+function withEdgeExcluded(edges, edge, excluded) {
+  const others = edges.filter((e) => e.parent !== edge.parent || e.child !== edge.child);
+  return excluded ? [...others, edge] : others;
+}
+function partitionDecisions(components, state, excludedEdges) {
   const accepted = [];
   const rejected = [];
   for (const c2 of components) {
     if (state.get(c2.name) === "accepted") accepted.push(c2.name);
     else rejected.push(c2.name);
   }
-  return { accepted, rejected };
+  const rejectedNames = new Set(rejected);
+  const excludedSlotEdges = excludedEdges.filter((e) => !rejectedNames.has(e.parent) && !rejectedNames.has(e.child));
+  return { accepted, rejected, excludedSlotEdges };
 }
 var init_state = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/state.ts"() {
@@ -11704,6 +11720,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([]);
   const [nav, setNav] = useState12({ cursor: 0, scrollOffset: 0 });
   const [focusedColumn, setFocusedColumn] = useState12("main");
   const [addedComponentsCursor, setAddedComponentsCursor] = useState12(0);
@@ -11875,6 +11892,13 @@ 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) => withEdgeExcluded(prev, edge, excluded));
   const jumpCursorTo = (name) => {
     let idx = -1;
     for (let i = 0; i < visibleRows.length; i++) {
@@ -11974,7 +11998,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         onQuit();
         return;
       case "confirm":
-        onConfirm(partitionDecisions(components, decisions));
+        onConfirm(partitionDecisions(components, decisions, excludedEdges));
         return;
       case "close-help":
         setShowHelp(false);
@@ -12022,11 +12046,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 +12159,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
     visibleCount,
     panelMaxRows,
     // sidebar
+    excludedEdges,
     groupedItems,
     graph,
     hasGroupRoots,
@@ -12240,6 +12272,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 +12521,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-444a2d6a.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

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { CDFComponentEntry } from '@contentful/experience-design-system-types';
 import { type ComponentGraphNode, type NodeStatus } from '../../graph/composite-closure.js';
+import type { ParentChildEdge } from '../../types.js';
 import type { PreviewAnnotation, RenderStatus } from '../types.js';
 export interface GroupedSidebarItem {
     key: string;
@@ -27,6 +28,8 @@ export interface GroupedSidebarProps {
     alwaysExpanded?: boolean;
     showFlatTier?: boolean;
     selectionStateByKey?: Map<string, 'accepted' | 'rejected' | 'undecided'>;
+    /** Slot edges the user removed; their nested rows render unchecked. */
+    excludedSlotEdges?: ParentChildEdge[];
     aiFlaggedByKey?: Map<string, boolean>;
     dimPredicate?: (componentKey: string) => boolean;
     viewMode?: 'grouped' | 'flat';
@@ -45,6 +48,8 @@ export interface VisibleRow {
     cycleChild?: boolean;
     itemIdx: number;
     rootName?: string;
+    /** The parent whose slot the nested row sits in. */
+    parentName?: string;
 }
 export declare function buildVisibleRows(props: {
     items: GroupedSidebarItem[];

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

@@ -1,5 +1,5 @@
 import { type ScopeGraph } from './graph/index.js';
-import type { Decision, ScopeComponent, ScopeDecisions } from './types.js';
+import type { Decision, ParentChildEdge, ScopeComponent, ScopeDecisions } from './types.js';
 export type DecisionState = Map<string, Decision>;
 export type DecisionAction = {
     type: 'accept';
@@ -15,5 +15,6 @@ export type DecisionAction = {
 export declare function reduceDecisions(state: DecisionState, action: DecisionAction, components: ScopeComponent[], graph: ScopeGraph): DecisionState;
 /** Whether rejecting `name` touches 2 or more other components, so the screen has to ask first. */
 export declare function rejectNeedsConfirmation(graph: ScopeGraph, name: string, state: DecisionState): boolean;
+export declare function withEdgeExcluded(edges: ParentChildEdge[], edge: ParentChildEdge, excluded: boolean): ParentChildEdge[];
 /** Everything not accepted counts as rejected, as legacy's `partition` did. */
-export declare function partitionDecisions(components: ScopeComponent[], state: DecisionState): ScopeDecisions;
+export declare function partitionDecisions(components: ScopeComponent[], state: DecisionState, excludedEdges: ParentChildEdge[]): ScopeDecisions;

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

@@ -1,4 +1,4 @@
-import type { ScopeComponent, ScopeDecisions } from './types.js';
+import type { ParentChildEdge, ScopeComponent, ScopeDecisions } from './types.js';
 interface UseScopeGateOptions {
     components: ScopeComponent[];
     onConfirm: (decisions: ScopeDecisions) => void;
@@ -20,6 +20,7 @@ export declare function useScopeGate({ components, onConfirm, onQuit }: UseScope
     panelLayout: import("./columns.js").ScopeGatePanelLayout;
     visibleCount: number;
     panelMaxRows: number;
+    excludedEdges: ParentChildEdge[];
     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

@@ -46,6 +46,8 @@ export interface VisibleRow {
     cycleChild?: boolean;
     itemIdx: number;
     rootName?: string;
+    /** The parent whose slot the nested row sits in. */
+    parentName?: string;
 }
 export declare function buildVisibleRows(props: {
     items: GroupedSidebarItem[];

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

@@ -1,4 +1,5 @@
 import { type ImportHandoff } from '@contentful/experience-design-system-types/handoff';
+import type { ParentChildEdge } from '../../session/db.js';
 /** The wizard state the early stages produce. Every field is one the stage used to write. */
 export interface HandoffState {
     credentialsSkipped: boolean;
@@ -18,6 +19,7 @@ export interface HandoffScope {
     decisions: {
         accepted: string[];
         rejected: string[];
+        excludedSlotEdges: ParentChildEdge[];
     };
     /** 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
   };
 }
@@ -19504,7 +19527,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 +19574,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleMember || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: key
+        rootName: key,
+        parentName: child.parent
       });
     });
   }
@@ -19634,13 +19658,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 +19704,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleChild || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: root
+        rootName: root,
+        parentName: child.parent
       });
     });
   }
@@ -19827,7 +19858,7 @@ 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 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 selState = supportsSelectionGlyph ? selectionStateByKey.get(itemName) ?? "undecided" : void 0;
       const isCycleRow = row.kind === "cycle";
       const selStyle = selectionGlyphStyleFor(selState, isCycleRow);
@@ -19857,7 +19888,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 +22292,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 +22508,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 +23932,7 @@ function finalizeReviewSession(extractSessionId, components) {
         db.exec("ROLLBACK");
         throw error;
       }
+      removeSlotAllowedComponents(db, extractSessionId, [], toReject);
     } finally {
       db.close();
     }
@@ -25242,33 +25274,50 @@ function GenerateReviewStepView({
     const cycle = cycleRows[cyclesCursor];
     return cycle ? enumerateCycleBreaks(cycle, components) : [];
   }, [cycleRows, cyclesCursor, components]);
-  const handleBreakEdge = (edge) => {
-    const target = components.find((component) => component.key === edge.fromComponent);
-    const slot = target?.entry.$slots?.[edge.slotName];
-    if (!target || !slot || !Array.isArray(slot.$allowedComponents)) return;
-    const nextEntry = {
-      ...target.entry,
-      $slots: {
-        ...target.entry.$slots,
-        [edge.slotName]: {
-          ...slot,
-          $allowedComponents: slot.$allowedComponents.filter((value) => value !== edge.toComponent)
-        }
-      }
-    };
+  const saveSlotChange = (parentKey, nextEntry, historyLabel) => {
     const next = components.map(
-      (component) => component.key === target.key ? { ...component, entry: nextEntry } : component
+      (component) => component.key === parentKey ? { ...component, entry: nextEntry } : component
     );
     setComponents(next);
     const db = openPipelineDb();
     try {
-      storeCDFComponents(db, extractSessionId, [{ key: target.key, entry: nextEntry }]);
+      storeCDFComponents(db, extractSessionId, [{ key: parentKey, entry: nextEntry }]);
     } finally {
       db.close();
     }
     recomputeCycles(next);
     livePreviewHook.trigger();
-    pushHistorySnapshot(next, "break-cycle-edge");
+    pushHistorySnapshot(next, historyLabel);
+  };
+  const handleBreakEdge = (edge) => {
+    const target = components.find((component) => component.key === edge.fromComponent);
+    const slot = target?.entry.$slots?.[edge.slotName];
+    if (!target || !slot || !Array.isArray(slot.$allowedComponents)) return;
+    saveSlotChange(
+      target.key,
+      {
+        ...target.entry,
+        $slots: {
+          ...target.entry.$slots,
+          [edge.slotName]: {
+            ...slot,
+            $allowedComponents: slot.$allowedComponents.filter((value) => value !== edge.toComponent)
+          }
+        }
+      },
+      "break-cycle-edge"
+    );
+  };
+  const handleRemoveSlotChild = (parentKey, childKey) => {
+    const parent = components.find((component) => component.key === parentKey);
+    if (!parent?.entry.$slots) return;
+    const slots = Object.fromEntries(
+      Object.entries(parent.entry.$slots).map(([slotName, slot]) => [
+        slotName,
+        Array.isArray(slot.$allowedComponents) ? { ...slot, $allowedComponents: slot.$allowedComponents.filter((value) => value !== childKey) } : slot
+      ])
+    );
+    saveSlotChange(parentKey, { ...parent.entry, $slots: slots }, "remove-slot-child");
   };
   const handleRejectComponent = (key) => {
     const rejectCascade = computeRejectCascade(key, componentGraph);
@@ -25598,6 +25647,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-444a2d6a.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-444a2d6a.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-generation": "2.37.1-dev-build-444a2d6a.0",
+    "@contentful/experience-design-system-types": "2.37.1-dev-build-444a2d6a.0",
+    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-444a2d6a.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",