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

package/dist/app.js

@@ -4647,8 +4647,30 @@ function applyScopeDecisions(db, sessionId, decisions) {
     const placeholders = accepted.map(() => "?").join(",");
     db.prepare(`UPDATE raw_components SET status = 'generated' WHERE session_id = ? AND name IN (${placeholders})`).run(sessionId, ...accepted);
   }
+  removeSlotAllowedComponents(db, sessionId, decisions.excludedSlotEdges ?? [], rejected);
   db.prepare("UPDATE sessions SET updated_at = ? WHERE id = ?").run(now, sessionId);
 }
+function removeSlotAllowedComponents(db, sessionId, 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(sessionId, edge.parent);
+      if (row)
+        removeEdge.run(sessionId, row.component_id, edge.child);
+    }
+    for (const name of rejectedNames)
+      removeEverywhere.run(sessionId, name);
+    db.exec("COMMIT");
+  } catch (e) {
+    db.exec("ROLLBACK");
+    throw e;
+  }
+}
 function findLatestSessionForCommand(db, command) {
   return getLatestCompletedSessionForCommand(db, command);
 }
@@ -18910,7 +18932,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 });
       }
     }
@@ -18957,7 +18979,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleMember || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: key
+        rootName: key,
+        parentName: child.parent
       });
     });
   }
@@ -19040,13 +19063,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) => {
@@ -19080,7 +19109,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleChild || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: root
+        rootName: root,
+        parentName: child.parent
       });
     });
   }
@@ -19238,7 +19268,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);
@@ -19268,7 +19298,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: [
               " ",
@@ -19927,6 +19957,7 @@ function resolveKey(mode, key, ctx) {
 function resolveMain(key, ctx) {
   const { input } = key;
   const inMain = ctx.focusedColumn === "main";
+  if (key.ctrl && input === "z") return { type: "undo" };
   if (input === "q" || key.escape) {
     if (key.escape && ctx.jumpFilterActive) return { type: "clear-jump-filter" };
     if (key.escape && ctx.searchActive) return { type: "clear-search" };
@@ -20196,21 +20227,42 @@ function rejectNeedsConfirmation(graph, name, state2) {
   const ancestors = toReject.filter((n) => n !== name);
   return ancestors.length + toDeselect.length >= 2;
 }
-function partitionDecisions(components, state2) {
+function removeSlotChild(components, edge) {
+  return components.map(
+    (component) => component.name === edge.parent ? {
+      ...component,
+      slots: component.slots?.map((slot) => ({
+        ...slot,
+        allowedComponents: slot.allowedComponents.filter((name) => name !== edge.child)
+      }))
+    } : component
+  );
+}
+function withoutSlotChildren(components, removedEdges) {
+  return removedEdges.reduce(removeSlotChild, components);
+}
+function partitionDecisions(components, state2, removedEdges) {
   const accepted = [];
   const rejected = [];
   for (const c2 of components) {
     if (state2.get(c2.name) === "accepted") accepted.push(c2.name);
     else rejected.push(c2.name);
   }
-  return { accepted, rejected };
+  const rejectedNames = new Set(rejected);
+  const excludedSlotEdges = removedEdges.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
-function useScopeGate({ components, onConfirm, onQuit }) {
+function useScopeGate({ components: loadedComponents, onConfirm, onQuit }) {
   const { columns: totalWidth, rows: terminalRows } = useTerminalSize();
   const columnPlan = useMemo2(() => computeColumnWidths(totalWidth), [totalWidth]);
   const [decisions, setDecisions] = useState12(/* @__PURE__ */ new Map());
+  const [removedEdges, setRemovedEdges] = useState12([]);
+  const components = useMemo2(
+    () => withoutSlotChildren(loadedComponents, removedEdges),
+    [loadedComponents, removedEdges]
+  );
   const [nav, setNav] = useState12({ cursor: 0, scrollOffset: 0 });
   const [focusedColumn, setFocusedColumn] = useState12("main");
   const [addedComponentsCursor, setAddedComponentsCursor] = useState12(0);
@@ -20383,6 +20435,14 @@ 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 removeFromParentSlot = (edge) => setRemovedEdges((edges) => [...edges, edge]);
+  const undoSlotRemoval = () => setRemovedEdges((edges) => edges.slice(0, -1));
   const jumpCursorTo = (name) => {
     let idx = -1;
     for (let i = 0; i < visibleRows.length; i++) {
@@ -20482,7 +20542,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         onQuit();
         return;
       case "confirm":
-        onConfirm(partitionDecisions(components, decisions));
+        onConfirm(partitionDecisions(components, decisions, removedEdges));
         return;
       case "close-help":
         setShowHelp(false);
@@ -20535,6 +20595,11 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         return;
       }
       case "reject": {
+        const edge = focusedColumn === "main" ? focusedNestedEdge() : void 0;
+        if (edge) {
+          removeFromParentSlot(edge);
+          return;
+        }
         const key = focusedColumn === "added-components" ? addedComponents[safeAddedComponentsCursor]?.name : focusedRowKey();
         if (key) requestReject(key);
         return;
@@ -20542,6 +20607,9 @@ function useScopeGate({ components, onConfirm, onQuit }) {
       case "toggle-all":
         decide({ type: "toggle-all" });
         return;
+      case "undo":
+        undoSlotRemoval();
+        return;
       case "accept-unflagged":
         decide({ type: "accept-unflagged" });
         return;
@@ -23174,8 +23242,8 @@ function FieldEditor({
     return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
       /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
       /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "There is nothing to edit here." }),
+      /* @__PURE__ */ jsx27(Text23, { 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;
@@ -23390,7 +23458,7 @@ function FieldEditor({
       children: [
         hasEmptyProperties && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
         header,
-        /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && !inSlots && currentProp ? /* @__PURE__ */ jsx27(
           PropRow,
           {
             prop: currentProp,
@@ -24307,6 +24375,7 @@ function finalizeReviewSession(extractSessionId, components) {
         db.exec("ROLLBACK");
         throw error;
       }
+      removeSlotAllowedComponents(db, extractSessionId, [], toReject);
     } finally {
       db.close();
     }
@@ -26038,33 +26107,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 rejectCascade2 = computeRejectCascade(key, componentGraph);
@@ -26394,6 +26480,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/dist/index.js

@@ -3765,8 +3765,30 @@ function applyScopeDecisions(db, sessionId, decisions) {
     const placeholders = accepted.map(() => "?").join(",");
     db.prepare(`UPDATE raw_components SET status = 'generated' WHERE session_id = ? AND name IN (${placeholders})`).run(sessionId, ...accepted);
   }
+  removeSlotAllowedComponents(db, sessionId, decisions.excludedSlotEdges ?? [], rejected);
   db.prepare("UPDATE sessions SET updated_at = ? WHERE id = ?").run(now, sessionId);
 }
+function removeSlotAllowedComponents(db, sessionId, 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(sessionId, edge.parent);
+      if (row)
+        removeEdge.run(sessionId, row.component_id, edge.child);
+    }
+    for (const name of rejectedNames)
+      removeEverywhere.run(sessionId, name);
+    db.exec("COMMIT");
+  } catch (e) {
+    db.exec("ROLLBACK");
+    throw e;
+  }
+}
 function findLatestSessionForCommand(db, command) {
   return getLatestCompletedSessionForCommand(db, command);
 }
@@ -22290,7 +22312,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 });
       }
     }
@@ -22337,7 +22359,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleMember || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: key
+        rootName: key,
+        parentName: child.parent
       });
     });
   }
@@ -22420,13 +22443,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) => {
@@ -22460,7 +22489,8 @@ function buildVisibleRows(props) {
         sharedSuffix,
         cycleChild: child.isCycleChild || void 0,
         itemIdx: childRec?.idx ?? -1,
-        rootName: root
+        rootName: root,
+        parentName: child.parent
       });
     });
   }
@@ -22618,7 +22648,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);
@@ -22648,7 +22678,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: [
               " ",
@@ -23399,6 +23429,7 @@ function resolveKey(mode, key, ctx) {
 function resolveMain(key, ctx) {
   const { input } = key;
   const inMain = ctx.focusedColumn === "main";
+  if (key.ctrl && input === "z") return { type: "undo" };
   if (input === "q" || key.escape) {
     if (key.escape && ctx.jumpFilterActive) return { type: "clear-jump-filter" };
     if (key.escape && ctx.searchActive) return { type: "clear-search" };
@@ -23709,14 +23740,30 @@ function rejectNeedsConfirmation(graph, name, state2) {
   const ancestors = toReject.filter((n) => n !== name);
   return ancestors.length + toDeselect.length >= 2;
 }
-function partitionDecisions(components, state2) {
+function removeSlotChild(components, edge) {
+  return components.map(
+    (component) => component.name === edge.parent ? {
+      ...component,
+      slots: component.slots?.map((slot) => ({
+        ...slot,
+        allowedComponents: slot.allowedComponents.filter((name) => name !== edge.child)
+      }))
+    } : component
+  );
+}
+function withoutSlotChildren(components, removedEdges) {
+  return removedEdges.reduce(removeSlotChild, components);
+}
+function partitionDecisions(components, state2, removedEdges) {
   const accepted = [];
   const rejected = [];
   for (const c2 of components) {
     if (state2.get(c2.name) === "accepted") accepted.push(c2.name);
     else rejected.push(c2.name);
   }
-  return { accepted, rejected };
+  const rejectedNames = new Set(rejected);
+  const excludedSlotEdges = removedEdges.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"() {
@@ -23728,10 +23775,15 @@ var init_state = __esm({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/use-scope-gate.ts
 import { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef4, useState as useState12 } from "react";
-function useScopeGate({ components, onConfirm, onQuit }) {
+function useScopeGate({ components: loadedComponents, onConfirm, onQuit }) {
   const { columns: totalWidth, rows: terminalRows } = useTerminalSize();
   const columnPlan = useMemo2(() => computeColumnWidths(totalWidth), [totalWidth]);
   const [decisions, setDecisions] = useState12(/* @__PURE__ */ new Map());
+  const [removedEdges, setRemovedEdges] = useState12([]);
+  const components = useMemo2(
+    () => withoutSlotChildren(loadedComponents, removedEdges),
+    [loadedComponents, removedEdges]
+  );
   const [nav, setNav] = useState12({ cursor: 0, scrollOffset: 0 });
   const [focusedColumn, setFocusedColumn] = useState12("main");
   const [addedComponentsCursor, setAddedComponentsCursor] = useState12(0);
@@ -23904,6 +23956,14 @@ 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 removeFromParentSlot = (edge) => setRemovedEdges((edges) => [...edges, edge]);
+  const undoSlotRemoval = () => setRemovedEdges((edges) => edges.slice(0, -1));
   const jumpCursorTo = (name) => {
     let idx = -1;
     for (let i = 0; i < visibleRows.length; i++) {
@@ -24003,7 +24063,7 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         onQuit();
         return;
       case "confirm":
-        onConfirm(partitionDecisions(components, decisions));
+        onConfirm(partitionDecisions(components, decisions, removedEdges));
         return;
       case "close-help":
         setShowHelp(false);
@@ -24056,6 +24116,11 @@ function useScopeGate({ components, onConfirm, onQuit }) {
         return;
       }
       case "reject": {
+        const edge = focusedColumn === "main" ? focusedNestedEdge() : void 0;
+        if (edge) {
+          removeFromParentSlot(edge);
+          return;
+        }
         const key = focusedColumn === "added-components" ? addedComponents[safeAddedComponentsCursor]?.name : focusedRowKey();
         if (key) requestReject(key);
         return;
@@ -24063,6 +24128,9 @@ function useScopeGate({ components, onConfirm, onQuit }) {
       case "toggle-all":
         decide({ type: "toggle-all" });
         return;
+      case "undo":
+        undoSlotRemoval();
+        return;
       case "accept-unflagged":
         decide({ type: "accept-unflagged" });
         return;
@@ -26961,8 +27029,8 @@ function FieldEditor({
     return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
       /* @__PURE__ */ jsx27(Text23, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
       /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
-      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "Enter to save \xB7 Esc to discard" })
+      /* @__PURE__ */ jsx27(Text23, { color: PALETTE.muted, children: "There is nothing to edit here." }),
+      /* @__PURE__ */ jsx27(Text23, { 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;
@@ -27177,7 +27245,7 @@ function FieldEditor({
       children: [
         hasEmptyProperties && /* @__PURE__ */ jsx27(Text23, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
         header,
-        /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx27(Box21, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && !inSlots && currentProp ? /* @__PURE__ */ jsx27(
           PropRow,
           {
             prop: currentProp,
@@ -28189,6 +28257,7 @@ function finalizeReviewSession(extractSessionId, components) {
         db.exec("ROLLBACK");
         throw error;
       }
+      removeSlotAllowedComponents(db, extractSessionId, [], toReject);
     } finally {
       db.close();
     }
@@ -29967,33 +30036,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 rejectCascade2 = computeRejectCascade(key, componentGraph);
@@ -30323,6 +30409,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/dist/package.json

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

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

@@ -80,5 +80,7 @@ export type GateAction = {
     type: 'toggle-jump-filter';
 } | {
     type: 'toggle-view';
+} | {
+    type: 'undo';
 };
 export declare function resolveKey(mode: GateMode, key: KeyPress, ctx: GateContext): GateAction;

package/dist/src/tui/import/steps/07-scope-gate/sidebar/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/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 withoutSlotChildren(components: ScopeComponent[], removedEdges: ParentChildEdge[]): ScopeComponent[];
 /** 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, removedEdges: 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. Missing means none were removed. */
+    excludedSlotEdges?: ParentChildEdge[];
 }
 export type ScopeGateLoad = {
     ok: true;

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

@@ -10,7 +10,7 @@ export interface PendingRejectCascade {
     ancestors: string[];
     descendants: string[];
 }
-export declare function useScopeGate({ components, onConfirm, onQuit }: UseScopeGateOptions): {
+export declare function useScopeGate({ components: loadedComponents, onConfirm, onQuit }: UseScopeGateOptions): {
     totalWidth: number;
     columnPlan: {
         layout: "single" | "two-column";

package/dist/src/tui/import/steps/08-generation/types.d.ts

@@ -1,11 +1,9 @@
 import type { GenerationHandoff } from '@contentful/experience-design-system-types/handoff';
+import type { ScopeDecisions } from '../07-scope-gate/types.js';
 export interface GenerationInput {
     /** The extraction session the scope was decided on. */
     sessionId: string;
-    decisions: {
-        accepted: string[];
-        rejected: string[];
-    };
+    decisions: ScopeDecisions;
     /**
      * The cache check that ran while the scope gate was open, which restores cached definitions into the pipeline
      * database. The stage waits for it before saving the decisions, since both write to that database.

package/package.json

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