@elytracms/studio 0.0.92 → 0.0.93

package/dist/components/builder/insert-context.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentNode } from '@elytracms/core/project-graph';
+import type { ComponentNode, PlacementScope } from '@elytracms/core/project-graph';
 import type { StudioRegistry } from '@elytracms/studio/lib/registry';
 import type { InsertContext } from './insert-menu.js';
 /**
@@ -9,22 +9,18 @@ import type { InsertContext } from './insert-menu.js';
  * Canvas editor (`composition-field-editor.tsx`, EC-188/AD-12) can own it without
  * importing the dead shell. No UI here — pure graph/registry resolution.
  */
+/** What the resolution reads from the builder store: the tree and its placement scope (EC-584). */
+export interface InsertScope {
+    present: ComponentNode;
+    placement: PlacementScope;
+}
 /**
- * Resolve where an insert lands: into the node's child slot, else as a sibling.
- *
- * `fieldAllow` (EC-188) is the composition field's TOP-LEVEL vocabulary
- * (`field.allow`). It constrains ONLY inserts that land as a direct child of the
- * active page root — the top level of a composition field value — where it is
- * intersected into `slotAllow` so forbidden components are never even offered,
- * mirroring the top-level leash in `validateCompositionValue`. Deeper inserts keep
- * following each component's own slot `allow`. Callers that omit `fieldAllow` get
- * an unconstrained top level. EC-554: which placements the field governs is read
- * through `fieldAllowAt` — the SAME reader drag-and-drop and paste judge with, so
- * the offer and the placement can never disagree.
+ * Resolve where an insert lands: into the node's child slot, else as a sibling. The
+ * offered vocabulary is the landing position's (see {@link contextAt}) — the SAME
+ * reader the reducer, drag-and-drop and paste judge with, so the offer and the
+ * placement can never disagree.
  */
-export declare function resolveInsertContext(builder: {
-    present: ComponentNode;
-}, nodeId: string, fieldAllow?: readonly string[], studio?: StudioRegistry): InsertContext | null;
+export declare function resolveInsertContext(builder: InsertScope, nodeId: string, studio?: StudioRegistry): InsertContext | null;
 /**
  * An in-canvas insertion position relative to a reference node (EC-405) — the
  * DnD position vocabulary (`lib/dnd/drop-rules`), narrowed to the three the
@@ -42,17 +38,15 @@ export type InsertPosition = 'before' | 'after' | 'into';
  * {@link primaryInsertSlot} (the same slot a drop `into` picks; `null` when the
  * node accepts no children), `before`/`after` use the reference's parent slot at
  * `index`/`index + 1` — so this surface and drag-insert can never disagree about
- * where a position lands or what it allows. `fieldAllow` (EC-188) still constrains
- * ONLY a direct child of the composition root, mirroring `resolveInsertContext`.
+ * where a position lands or what it allows (EC-584: the vocabulary is `allowAt`'s,
+ * exactly as in `resolveInsertContext`).
  */
-export declare function resolveInsertContextAt(builder: {
-    present: ComponentNode;
-}, nodeId: string, position: InsertPosition, fieldAllow?: readonly string[], studio?: StudioRegistry): InsertContext | null;
+export declare function resolveInsertContextAt(builder: InsertScope, nodeId: string, position: InsertPosition, studio?: StudioRegistry): InsertContext | null;
 /**
  * Which affordance positions are actually insertable at `nodeId` (EC-405 scope 3):
  * a position is offered only when it structurally exists AND at least one registry
- * component may land there (the SAME slot-rule filter the tree/DnD and the blocks
- * panel apply — {@link hasInsertableComponent} over the resolved `slotAllow`), so a
+ * component may land there (the SAME judge the tree/DnD, the blocks panel and the
+ * reducer apply — {@link hasInsertableComponent} over the resolved `allow`), so a
  * blocked spot shows no dead button.
  *
  * An EMPTY, insertable container surfaces ONLY `into` — the meaningful action there
@@ -62,6 +56,4 @@ export declare function resolveInsertContextAt(builder: {
  * child already carries its own edge affordances, so a filled container needs no
  * center "+").
  */
-export declare function insertablePositions(builder: {
-    present: ComponentNode;
-}, nodeId: string, fieldAllow?: readonly string[], studio?: StudioRegistry): InsertPosition[];
+export declare function insertablePositions(builder: InsertScope, nodeId: string, studio?: StudioRegistry): InsertPosition[];

package/dist/components/builder/insert-context.js

@@ -1,30 +1,29 @@
-import { getNode, getParentInfo } from '@elytracms/core/project-graph';
+import { allowAt, getNode, getParentInfo } from '@elytracms/core/project-graph';
 import { getStudioRegistry } from '@elytracms/studio/lib/registry';
 import { componentDisplayName } from '@elytracms/studio/lib/persona/labels';
-import { fieldAllowAt, manifestRules, primaryInsertSlot } from '@elytracms/studio/lib/dnd/drop-rules';
-import { hasInsertableComponent, intersectAllow } from './blocks-model.js';
+import { manifestRules, primaryInsertSlot } from '@elytracms/studio/lib/dnd/drop-rules';
+import { hasInsertableComponent } from './blocks-model.js';
 /**
- * Where an insert lands: the canvas insert-context resolution, shared by every
- * surface that mounts the canvas engine.
- *
- * Extracted from the retired standalone `BuilderShell` (EC-210) so the in-CMS
- * Canvas editor (`composition-field-editor.tsx`, EC-188/AD-12) can own it without
- * importing the dead shell. No UI here — pure graph/registry resolution.
+ * The offer at a target: its EFFECTIVE vocabulary, read through the core judge's own
+ * reader (`allowAt` — the composition field's at the composition root, keyed on node
+ * identity, mirroring the top-level leash in `validateCompositionValue`; each slot's
+ * own `allow` below), so the offer is exactly what the reducer admits (EC-584).
+ * EC-544: a closed set that admits nothing is the "No allowed components match" state.
  */
+function contextAt(builder, target, destinationLabel) {
+    return {
+        target,
+        allow: allowAt(builder.present, target.parentId, target.slot, builder.placement),
+        destinationLabel,
+    };
+}
 /**
- * Resolve where an insert lands: into the node's child slot, else as a sibling.
- *
- * `fieldAllow` (EC-188) is the composition field's TOP-LEVEL vocabulary
- * (`field.allow`). It constrains ONLY inserts that land as a direct child of the
- * active page root — the top level of a composition field value — where it is
- * intersected into `slotAllow` so forbidden components are never even offered,
- * mirroring the top-level leash in `validateCompositionValue`. Deeper inserts keep
- * following each component's own slot `allow`. Callers that omit `fieldAllow` get
- * an unconstrained top level. EC-554: which placements the field governs is read
- * through `fieldAllowAt` — the SAME reader drag-and-drop and paste judge with, so
- * the offer and the placement can never disagree.
+ * Resolve where an insert lands: into the node's child slot, else as a sibling. The
+ * offered vocabulary is the landing position's (see {@link contextAt}) — the SAME
+ * reader the reducer, drag-and-drop and paste judge with, so the offer and the
+ * placement can never disagree.
  */
-export function resolveInsertContext(builder, nodeId, fieldAllow, studio = getStudioRegistry()) {
+export function resolveInsertContext(builder, nodeId, studio = getStudioRegistry()) {
     const root = builder.present;
     const node = getNode(root, nodeId);
     if (!node)
@@ -35,47 +34,24 @@ export function resolveInsertContext(builder, nodeId, fieldAllow, studio = getSt
     // instead of silently degrading to a sibling insert.
     const manifest = studio.registry.getManifest(node.componentId);
     const childSlot = primaryInsertSlot(manifestRules(manifest));
-    const ctx = childSlot
-        ? {
-            target: { parentId: nodeId, slot: childSlot.name },
-            slotAllow: childSlot.allow,
-            destinationLabel: `${componentDisplayName(node.componentId, manifest)} · ${childSlot.name}`,
-        }
-        : resolveSiblingContext(studio, root, nodeId);
-    // The field vocabulary governs only the top level (a direct child of the page
-    // root). EC-544: an `allow` list is a closed set — absent = any, a list (even
-    // an empty one) = exactly those ids — the same reading the validator applies,
-    // so an empty intersection here is the "No allowed components match" state.
-    return withFieldLeash(root, ctx, fieldAllow);
-}
-/**
- * Layer the composition field's top-level vocabulary over the resolved slot
- * `allow` (EC-188) — for a direct child of the root only, as decided by
- * {@link fieldAllowAt} (EC-554: the one reader every placement path shares).
- */
-function withFieldLeash(root, ctx, fieldAllow) {
-    const leash = fieldAllowAt(root, ctx.target.parentId, fieldAllow);
-    return leash ? { ...ctx, slotAllow: intersectAllow(ctx.slotAllow, leash) } : ctx;
+    if (childSlot) {
+        return contextAt(builder, { parentId: nodeId, slot: childSlot.name }, `${componentDisplayName(node.componentId, manifest)} · ${childSlot.name}`);
+    }
+    return resolveSiblingContext(studio, builder, nodeId);
 }
 /** A destination's component label — its manifest title (EC-591: never a stripped id prefix). */
 function parentLabel(studio, componentId) {
     return componentDisplayName(componentId, studio.registry.getManifest(componentId));
 }
 /** Sibling-or-root insert context for a node with no insertable child slot. */
-function resolveSiblingContext(studio, root, nodeId) {
-    const info = getParentInfo(root, nodeId);
+function resolveSiblingContext(studio, builder, nodeId) {
+    const info = getParentInfo(builder.present, nodeId);
     if (info) {
-        // EC-386: the parent slot may be a blocks-prop region — look it up on the
-        // merged vocabulary so its `allow` leash still filters sibling inserts.
-        const pManifest = manifestRules(studio.registry.getManifest(info.parent.componentId));
-        const allow = pManifest?.slots.find((s) => s.name === info.slot)?.allow;
-        return {
-            target: { parentId: info.parent.id, slot: info.slot, index: info.index + 1 },
-            slotAllow: allow,
-            destinationLabel: `${parentLabel(studio, info.parent.componentId)} · ${info.slot}`,
-        };
+        // EC-386: the parent slot may be a blocks-prop region — its `allow` leash still
+        // filters sibling inserts (the core lookup merges blocks props into the slots).
+        return contextAt(builder, { parentId: info.parent.id, slot: info.slot, index: info.index + 1 }, `${parentLabel(studio, info.parent.componentId)} · ${info.slot}`);
     }
-    return { target: { parentId: nodeId, slot: 'children' }, destinationLabel: 'root' };
+    return contextAt(builder, { parentId: nodeId, slot: 'children' }, 'root');
 }
 /**
  * Resolve an `InsertContext` for an EXPLICIT position relative to `nodeId`
@@ -87,15 +63,14 @@ function resolveSiblingContext(studio, root, nodeId) {
  * {@link primaryInsertSlot} (the same slot a drop `into` picks; `null` when the
  * node accepts no children), `before`/`after` use the reference's parent slot at
  * `index`/`index + 1` — so this surface and drag-insert can never disagree about
- * where a position lands or what it allows. `fieldAllow` (EC-188) still constrains
- * ONLY a direct child of the composition root, mirroring `resolveInsertContext`.
+ * where a position lands or what it allows (EC-584: the vocabulary is `allowAt`'s,
+ * exactly as in `resolveInsertContext`).
  */
-export function resolveInsertContextAt(builder, nodeId, position, fieldAllow, studio = getStudioRegistry()) {
+export function resolveInsertContextAt(builder, nodeId, position, studio = getStudioRegistry()) {
     const root = builder.present;
     const node = getNode(root, nodeId);
     if (!node)
         return null;
-    let ctx;
     if (position === 'into') {
         // EC-386: `manifestRules` folds blocks-prop regions into the slot set, so
         // an affordance/drop `into` a Section-style body lands in that region.
@@ -103,40 +78,18 @@ export function resolveInsertContextAt(builder, nodeId, position, fieldAllow, st
         const slot = primaryInsertSlot(manifestRules(manifest));
         if (!slot)
             return null; // the node accepts no children — no `into` position
-        ctx = {
-            target: {
-                parentId: nodeId,
-                slot: slot.name,
-                index: (node.slots?.[slot.name] ?? []).length,
-            },
-            slotAllow: slot.allow,
-            destinationLabel: `${componentDisplayName(node.componentId, manifest)} · ${slot.name}`,
-        };
+        return contextAt(builder, { parentId: nodeId, slot: slot.name, index: (node.slots?.[slot.name] ?? []).length }, `${componentDisplayName(node.componentId, manifest)} · ${slot.name}`);
     }
-    else {
-        const info = getParentInfo(root, nodeId);
-        if (!info)
-            return null; // the root has no siblings — no before/after position
-        // EC-386: merged vocabulary — a blocks-prop parent region keeps its leash.
-        const pManifest = manifestRules(studio.registry.getManifest(info.parent.componentId));
-        ctx = {
-            target: {
-                parentId: info.parent.id,
-                slot: info.slot,
-                index: info.index + (position === 'after' ? 1 : 0),
-            },
-            slotAllow: pManifest?.slots.find((s) => s.name === info.slot)?.allow,
-            destinationLabel: `${parentLabel(studio, info.parent.componentId)} · ${info.slot}`,
-        };
-    }
-    // EC-544: closed-set reading, same as `resolveInsertContext` above.
-    return withFieldLeash(root, ctx, fieldAllow);
+    const info = getParentInfo(root, nodeId);
+    if (!info)
+        return null; // the root has no siblings — no before/after position
+    return contextAt(builder, { parentId: info.parent.id, slot: info.slot, index: info.index + (position === 'after' ? 1 : 0) }, `${parentLabel(studio, info.parent.componentId)} · ${info.slot}`);
 }
 /**
  * Which affordance positions are actually insertable at `nodeId` (EC-405 scope 3):
  * a position is offered only when it structurally exists AND at least one registry
- * component may land there (the SAME slot-rule filter the tree/DnD and the blocks
- * panel apply — {@link hasInsertableComponent} over the resolved `slotAllow`), so a
+ * component may land there (the SAME judge the tree/DnD, the blocks panel and the
+ * reducer apply — {@link hasInsertableComponent} over the resolved `allow`), so a
  * blocked spot shows no dead button.
  *
  * An EMPTY, insertable container surfaces ONLY `into` — the meaningful action there
@@ -146,17 +99,17 @@ export function resolveInsertContextAt(builder, nodeId, position, fieldAllow, st
  * child already carries its own edge affordances, so a filled container needs no
  * center "+").
  */
-export function insertablePositions(builder, nodeId, fieldAllow, studio = getStudioRegistry()) {
+export function insertablePositions(builder, nodeId, studio = getStudioRegistry()) {
     // Empty insertable container → into only.
-    const into = resolveInsertContextAt(builder, nodeId, 'into', fieldAllow, studio);
-    if (into && (into.target.index ?? 0) === 0 && hasInsertableComponent(studio, into.slotAllow)) {
+    const into = resolveInsertContextAt(builder, nodeId, 'into', studio);
+    if (into && (into.target.index ?? 0) === 0 && hasInsertableComponent(studio, into.allow)) {
         return ['into'];
     }
     // Otherwise the sibling edges that accept something.
     const out = [];
     for (const position of ['before', 'after']) {
-        const ctx = resolveInsertContextAt(builder, nodeId, position, fieldAllow, studio);
-        if (ctx && hasInsertableComponent(studio, ctx.slotAllow))
+        const ctx = resolveInsertContextAt(builder, nodeId, position, studio);
+        if (ctx && hasInsertableComponent(studio, ctx.allow))
             out.push(position);
     }
     return out;

package/dist/components/builder/insert-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"insert-context.js","sourceRoot":"","sources":["../../../src/components/builder/insert-context.ts"],"names":[],"mappings":"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","sourcesContent":["import { getNode, getParentInfo } from '@elytracms/core/project-graph'\nimport type { ComponentNode } from '@elytracms/core/project-graph'\nimport { getStudioRegistry } from '@elytracms/studio/lib/registry'\nimport type { StudioRegistry } from '@elytracms/studio/lib/registry'\nimport { componentDisplayName } from '@elytracms/studio/lib/persona/labels'\nimport { fieldAllowAt, manifestRules, primaryInsertSlot } from '@elytracms/studio/lib/dnd/drop-rules'\nimport { hasInsertableComponent, intersectAllow } from './blocks-model'\nimport type { InsertContext } from './insert-menu'\n\n/**\n * Where an insert lands: the canvas insert-context resolution, shared by every\n * surface that mounts the canvas engine.\n *\n * Extracted from the retired standalone `BuilderShell` (EC-210) so the in-CMS\n * Canvas editor (`composition-field-editor.tsx`, EC-188/AD-12) can own it without\n * importing the dead shell. No UI here — pure graph/registry resolution.\n */\n\n/**\n * Resolve where an insert lands: into the node's child slot, else as a sibling.\n *\n * `fieldAllow` (EC-188) is the composition field's TOP-LEVEL vocabulary\n * (`field.allow`). It constrains ONLY inserts that land as a direct child of the\n * active page root — the top level of a composition field value — where it is\n * intersected into `slotAllow` so forbidden components are never even offered,\n * mirroring the top-level leash in `validateCompositionValue`. Deeper inserts keep\n * following each component's own slot `allow`. Callers that omit `fieldAllow` get\n * an unconstrained top level. EC-554: which placements the field governs is read\n * through `fieldAllowAt` — the SAME reader drag-and-drop and paste judge with, so\n * the offer and the placement can never disagree.\n */\nexport function resolveInsertContext(\n  builder: { present: ComponentNode },\n  nodeId: string,\n  fieldAllow?: readonly string[],\n  studio: StudioRegistry = getStudioRegistry(),\n): InsertContext | null {\n  const root = builder.present\n  const node = getNode(root, nodeId)\n  if (!node) return null\n  // EC-386: resolve against the merged slot vocabulary (`manifestRules` folds\n  // blocks-prop regions in), through the SAME `primaryInsertSlot` rule a DnD\n  // `into` uses — so a `project.Section.body`-style region receives the insert\n  // instead of silently degrading to a sibling insert.\n  const manifest = studio.registry.getManifest(node.componentId)\n  const childSlot = primaryInsertSlot(manifestRules(manifest))\n  const ctx: InsertContext = childSlot\n    ? {\n        target: { parentId: nodeId, slot: childSlot.name },\n        slotAllow: childSlot.allow,\n        destinationLabel: `${componentDisplayName(node.componentId, manifest)} · ${childSlot.name}`,\n      }\n    : resolveSiblingContext(studio, root, nodeId)\n\n  // The field vocabulary governs only the top level (a direct child of the page\n  // root). EC-544: an `allow` list is a closed set — absent = any, a list (even\n  // an empty one) = exactly those ids — the same reading the validator applies,\n  // so an empty intersection here is the \"No allowed components match\" state.\n  return withFieldLeash(root, ctx, fieldAllow)\n}\n\n/**\n * Layer the composition field's top-level vocabulary over the resolved slot\n * `allow` (EC-188) — for a direct child of the root only, as decided by\n * {@link fieldAllowAt} (EC-554: the one reader every placement path shares).\n */\nfunction withFieldLeash(\n  root: ComponentNode,\n  ctx: InsertContext,\n  fieldAllow: readonly string[] | undefined,\n): InsertContext {\n  const leash = fieldAllowAt(root, ctx.target.parentId, fieldAllow)\n  return leash ? { ...ctx, slotAllow: intersectAllow(ctx.slotAllow, leash) } : ctx\n}\n\n/** A destination's component label — its manifest title (EC-591: never a stripped id prefix). */\nfunction parentLabel(studio: StudioRegistry, componentId: string): string {\n  return componentDisplayName(componentId, studio.registry.getManifest(componentId))\n}\n\n/** Sibling-or-root insert context for a node with no insertable child slot. */\nfunction resolveSiblingContext(studio: StudioRegistry, root: ComponentNode, nodeId: string): InsertContext {\n  const info = getParentInfo(root, nodeId)\n  if (info) {\n    // EC-386: the parent slot may be a blocks-prop region — look it up on the\n    // merged vocabulary so its `allow` leash still filters sibling inserts.\n    const pManifest = manifestRules(studio.registry.getManifest(info.parent.componentId))\n    const allow = pManifest?.slots.find((s) => s.name === info.slot)?.allow\n    return {\n      target: { parentId: info.parent.id, slot: info.slot, index: info.index + 1 },\n      slotAllow: allow,\n      destinationLabel: `${parentLabel(studio, info.parent.componentId)} · ${info.slot}`,\n    }\n  }\n  return { target: { parentId: nodeId, slot: 'children' }, destinationLabel: 'root' }\n}\n\n/**\n * An in-canvas insertion position relative to a reference node (EC-405) — the\n * DnD position vocabulary (`lib/dnd/drop-rules`), narrowed to the three the\n * insertion affordances offer: `before`/`after` a sibling, or `into` an (empty)\n * container. `left`/`right` (the wrap-into-columns gesture) are DnD-only.\n */\nexport type InsertPosition = 'before' | 'after' | 'into'\n\n/**\n * Resolve an `InsertContext` for an EXPLICIT position relative to `nodeId`\n * (EC-405) — the position-carrying twin of {@link resolveInsertContext}, so an\n * affordance click at a chosen edge lands the insert at exactly that spot rather\n * than the panel re-deriving it from the selection.\n *\n * The slot resolution reuses the shared DnD rules — `into` uses\n * {@link primaryInsertSlot} (the same slot a drop `into` picks; `null` when the\n * node accepts no children), `before`/`after` use the reference's parent slot at\n * `index`/`index + 1` — so this surface and drag-insert can never disagree about\n * where a position lands or what it allows. `fieldAllow` (EC-188) still constrains\n * ONLY a direct child of the composition root, mirroring `resolveInsertContext`.\n */\nexport function resolveInsertContextAt(\n  builder: { present: ComponentNode },\n  nodeId: string,\n  position: InsertPosition,\n  fieldAllow?: readonly string[],\n  studio: StudioRegistry = getStudioRegistry(),\n): InsertContext | null {\n  const root = builder.present\n  const node = getNode(root, nodeId)\n  if (!node) return null\n\n  let ctx: InsertContext\n  if (position === 'into') {\n    // EC-386: `manifestRules` folds blocks-prop regions into the slot set, so\n    // an affordance/drop `into` a Section-style body lands in that region.\n    const manifest = studio.registry.getManifest(node.componentId)\n    const slot = primaryInsertSlot(manifestRules(manifest))\n    if (!slot) return null // the node accepts no children — no `into` position\n    ctx = {\n      target: {\n        parentId: nodeId,\n        slot: slot.name,\n        index: (node.slots?.[slot.name] ?? []).length,\n      },\n      slotAllow: slot.allow,\n      destinationLabel: `${componentDisplayName(node.componentId, manifest)} · ${slot.name}`,\n    }\n  } else {\n    const info = getParentInfo(root, nodeId)\n    if (!info) return null // the root has no siblings — no before/after position\n    // EC-386: merged vocabulary — a blocks-prop parent region keeps its leash.\n    const pManifest = manifestRules(studio.registry.getManifest(info.parent.componentId))\n    ctx = {\n      target: {\n        parentId: info.parent.id,\n        slot: info.slot,\n        index: info.index + (position === 'after' ? 1 : 0),\n      },\n      slotAllow: pManifest?.slots.find((s) => s.name === info.slot)?.allow,\n      destinationLabel: `${parentLabel(studio, info.parent.componentId)} · ${info.slot}`,\n    }\n  }\n\n  // EC-544: closed-set reading, same as `resolveInsertContext` above.\n  return withFieldLeash(root, ctx, fieldAllow)\n}\n\n/**\n * Which affordance positions are actually insertable at `nodeId` (EC-405 scope 3):\n * a position is offered only when it structurally exists AND at least one registry\n * component may land there (the SAME slot-rule filter the tree/DnD and the blocks\n * panel apply — {@link hasInsertableComponent} over the resolved `slotAllow`), so a\n * blocked spot shows no dead button.\n *\n * An EMPTY, insertable container surfaces ONLY `into` — the meaningful action there\n * is \"add the first child\", and an empty container often renders zero-height, so\n * its own before/after edges are degenerate and would pile the three \"+\" buttons\n * onto one point. A filled container and every leaf get before/after instead (each\n * child already carries its own edge affordances, so a filled container needs no\n * center \"+\").\n */\nexport function insertablePositions(\n  builder: { present: ComponentNode },\n  nodeId: string,\n  fieldAllow?: readonly string[],\n  studio: StudioRegistry = getStudioRegistry(),\n): InsertPosition[] {\n  // Empty insertable container → into only.\n  const into = resolveInsertContextAt(builder, nodeId, 'into', fieldAllow, studio)\n  if (into && (into.target.index ?? 0) === 0 && hasInsertableComponent(studio, into.slotAllow)) {\n    return ['into']\n  }\n  // Otherwise the sibling edges that accept something.\n  const out: InsertPosition[] = []\n  for (const position of ['before', 'after'] as const) {\n    const ctx = resolveInsertContextAt(builder, nodeId, position, fieldAllow, studio)\n    if (ctx && hasInsertableComponent(studio, ctx.slotAllow)) out.push(position)\n  }\n  return out\n}\n"]}
+{"version":3,"file":"insert-context.js","sourceRoot":"","sources":["../../../src/components/builder/insert-context.ts"],"names":[],"mappings":"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","sourcesContent":["import { allowAt, getNode, getParentInfo } from '@elytracms/core/project-graph'\nimport type { ComponentNode, InsertTarget, PlacementScope } from '@elytracms/core/project-graph'\nimport { getStudioRegistry } from '@elytracms/studio/lib/registry'\nimport type { StudioRegistry } from '@elytracms/studio/lib/registry'\nimport { componentDisplayName } from '@elytracms/studio/lib/persona/labels'\nimport { manifestRules, primaryInsertSlot } from '@elytracms/studio/lib/dnd/drop-rules'\nimport { hasInsertableComponent } from './blocks-model'\nimport type { InsertContext } from './insert-menu'\n\n/**\n * Where an insert lands: the canvas insert-context resolution, shared by every\n * surface that mounts the canvas engine.\n *\n * Extracted from the retired standalone `BuilderShell` (EC-210) so the in-CMS\n * Canvas editor (`composition-field-editor.tsx`, EC-188/AD-12) can own it without\n * importing the dead shell. No UI here — pure graph/registry resolution.\n */\n\n/** What the resolution reads from the builder store: the tree and its placement scope (EC-584). */\nexport interface InsertScope {\n  present: ComponentNode\n  placement: PlacementScope\n}\n\n/**\n * The offer at a target: its EFFECTIVE vocabulary, read through the core judge's own\n * reader (`allowAt` — the composition field's at the composition root, keyed on node\n * identity, mirroring the top-level leash in `validateCompositionValue`; each slot's\n * own `allow` below), so the offer is exactly what the reducer admits (EC-584).\n * EC-544: a closed set that admits nothing is the \"No allowed components match\" state.\n */\nfunction contextAt(builder: InsertScope, target: InsertTarget, destinationLabel: string): InsertContext {\n  return {\n    target,\n    allow: allowAt(builder.present, target.parentId, target.slot, builder.placement),\n    destinationLabel,\n  }\n}\n\n/**\n * Resolve where an insert lands: into the node's child slot, else as a sibling. The\n * offered vocabulary is the landing position's (see {@link contextAt}) — the SAME\n * reader the reducer, drag-and-drop and paste judge with, so the offer and the\n * placement can never disagree.\n */\nexport function resolveInsertContext(\n  builder: InsertScope,\n  nodeId: string,\n  studio: StudioRegistry = getStudioRegistry(),\n): InsertContext | null {\n  const root = builder.present\n  const node = getNode(root, nodeId)\n  if (!node) return null\n  // EC-386: resolve against the merged slot vocabulary (`manifestRules` folds\n  // blocks-prop regions in), through the SAME `primaryInsertSlot` rule a DnD\n  // `into` uses — so a `project.Section.body`-style region receives the insert\n  // instead of silently degrading to a sibling insert.\n  const manifest = studio.registry.getManifest(node.componentId)\n  const childSlot = primaryInsertSlot(manifestRules(manifest))\n  if (childSlot) {\n    return contextAt(\n      builder,\n      { parentId: nodeId, slot: childSlot.name },\n      `${componentDisplayName(node.componentId, manifest)} · ${childSlot.name}`,\n    )\n  }\n  return resolveSiblingContext(studio, builder, nodeId)\n}\n\n/** A destination's component label — its manifest title (EC-591: never a stripped id prefix). */\nfunction parentLabel(studio: StudioRegistry, componentId: string): string {\n  return componentDisplayName(componentId, studio.registry.getManifest(componentId))\n}\n\n/** Sibling-or-root insert context for a node with no insertable child slot. */\nfunction resolveSiblingContext(studio: StudioRegistry, builder: InsertScope, nodeId: string): InsertContext {\n  const info = getParentInfo(builder.present, nodeId)\n  if (info) {\n    // EC-386: the parent slot may be a blocks-prop region — its `allow` leash still\n    // filters sibling inserts (the core lookup merges blocks props into the slots).\n    return contextAt(\n      builder,\n      { parentId: info.parent.id, slot: info.slot, index: info.index + 1 },\n      `${parentLabel(studio, info.parent.componentId)} · ${info.slot}`,\n    )\n  }\n  return contextAt(builder, { parentId: nodeId, slot: 'children' }, 'root')\n}\n\n/**\n * An in-canvas insertion position relative to a reference node (EC-405) — the\n * DnD position vocabulary (`lib/dnd/drop-rules`), narrowed to the three the\n * insertion affordances offer: `before`/`after` a sibling, or `into` an (empty)\n * container. `left`/`right` (the wrap-into-columns gesture) are DnD-only.\n */\nexport type InsertPosition = 'before' | 'after' | 'into'\n\n/**\n * Resolve an `InsertContext` for an EXPLICIT position relative to `nodeId`\n * (EC-405) — the position-carrying twin of {@link resolveInsertContext}, so an\n * affordance click at a chosen edge lands the insert at exactly that spot rather\n * than the panel re-deriving it from the selection.\n *\n * The slot resolution reuses the shared DnD rules — `into` uses\n * {@link primaryInsertSlot} (the same slot a drop `into` picks; `null` when the\n * node accepts no children), `before`/`after` use the reference's parent slot at\n * `index`/`index + 1` — so this surface and drag-insert can never disagree about\n * where a position lands or what it allows (EC-584: the vocabulary is `allowAt`'s,\n * exactly as in `resolveInsertContext`).\n */\nexport function resolveInsertContextAt(\n  builder: InsertScope,\n  nodeId: string,\n  position: InsertPosition,\n  studio: StudioRegistry = getStudioRegistry(),\n): InsertContext | null {\n  const root = builder.present\n  const node = getNode(root, nodeId)\n  if (!node) return null\n\n  if (position === 'into') {\n    // EC-386: `manifestRules` folds blocks-prop regions into the slot set, so\n    // an affordance/drop `into` a Section-style body lands in that region.\n    const manifest = studio.registry.getManifest(node.componentId)\n    const slot = primaryInsertSlot(manifestRules(manifest))\n    if (!slot) return null // the node accepts no children — no `into` position\n    return contextAt(\n      builder,\n      { parentId: nodeId, slot: slot.name, index: (node.slots?.[slot.name] ?? []).length },\n      `${componentDisplayName(node.componentId, manifest)} · ${slot.name}`,\n    )\n  }\n  const info = getParentInfo(root, nodeId)\n  if (!info) return null // the root has no siblings — no before/after position\n  return contextAt(\n    builder,\n    { parentId: info.parent.id, slot: info.slot, index: info.index + (position === 'after' ? 1 : 0) },\n    `${parentLabel(studio, info.parent.componentId)} · ${info.slot}`,\n  )\n}\n\n/**\n * Which affordance positions are actually insertable at `nodeId` (EC-405 scope 3):\n * a position is offered only when it structurally exists AND at least one registry\n * component may land there (the SAME judge the tree/DnD, the blocks panel and the\n * reducer apply — {@link hasInsertableComponent} over the resolved `allow`), so a\n * blocked spot shows no dead button.\n *\n * An EMPTY, insertable container surfaces ONLY `into` — the meaningful action there\n * is \"add the first child\", and an empty container often renders zero-height, so\n * its own before/after edges are degenerate and would pile the three \"+\" buttons\n * onto one point. A filled container and every leaf get before/after instead (each\n * child already carries its own edge affordances, so a filled container needs no\n * center \"+\").\n */\nexport function insertablePositions(\n  builder: InsertScope,\n  nodeId: string,\n  studio: StudioRegistry = getStudioRegistry(),\n): InsertPosition[] {\n  // Empty insertable container → into only.\n  const into = resolveInsertContextAt(builder, nodeId, 'into', studio)\n  if (into && (into.target.index ?? 0) === 0 && hasInsertableComponent(studio, into.allow)) {\n    return ['into']\n  }\n  // Otherwise the sibling edges that accept something.\n  const out: InsertPosition[] = []\n  for (const position of ['before', 'after'] as const) {\n    const ctx = resolveInsertContextAt(builder, nodeId, position, studio)\n    if (ctx && hasInsertableComponent(studio, ctx.allow)) out.push(position)\n  }\n  return out\n}\n"]}

package/dist/components/builder/page-tree.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentNode, LayoutContainerIds } from '@elytracms/core/project-graph';
+import type { ComponentNode, LayoutContainerIds, PlacementScope } from '@elytracms/core/project-graph';
 import type { DragSubject, DropIndicator, DropResolution, ManifestLookup } from '@elytracms/studio/lib/dnd/drop-rules';
 /**
  * The tree's dragover resolution (EC-160/EC-162), pure: the row under the pointer
@@ -12,8 +12,8 @@ export declare function resolveTreeRowDrop(args: {
     getManifest: ManifestLookup;
     /** The layout-role component ids (EC-591) — `builder.layout`. */
     layout: LayoutContainerIds;
-    /** The composition field's top-level `allow` (EC-554) — `builder.field.allow`. */
-    fieldAllow: readonly string[] | undefined;
+    /** EC-584: the store's placement scope (`builder.placement`) — the reducer judges the same. */
+    placement: PlacementScope;
     subject: DragSubject;
     row: {
         id: string;

package/dist/components/builder/page-tree.js

@@ -32,7 +32,7 @@ function flatten(node, depth, rows, meta) {
  * are pinned without a DOM — the handler only measures the pointer and renders.
  */
 export function resolveTreeRowDrop(args) {
-    const { root, getManifest, layout, fieldAllow, subject, row, pointer } = args;
+    const { root, getManifest, layout, placement, subject, row, pointer } = args;
     let position = 'into';
     if (!row.isRoot) {
         // The hit-band axis follows the parent container's flow (EC-162):
@@ -48,7 +48,7 @@ export function resolveTreeRowDrop(args) {
         root,
         getManifest,
         layout,
-        fieldAllow,
+        placement,
         subject,
         location: { nodeId: row.id, position },
     });
@@ -130,7 +130,7 @@ export function PageTree({ onAddChild }) {
             root: builder.present,
             getManifest,
             layout: builder.layout,
-            fieldAllow: builder.field.allow,
+            placement: builder.placement,
             subject: drag.subject,
             row,
             pointer: {

package/dist/components/builder/page-tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-tree.js","sourceRoot":"","sources":["../../../src/components/builder/page-tree.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Boxes,\n  ChevronUp,\n  ChevronDown,\n  ClipboardCopy,\n  ClipboardPaste,\n  ClipboardX,\n  Copy,\n  MoreHorizontal,\n  Plus,\n  Trash2,\n  Unlink,\n} from 'lucide-react'\nimport { useEffect, useRef, useState } from 'react'\nimport type { ComponentNode, LayoutContainerIds } from '@elytracms/core/project-graph'\nimport { getParentInfo } from '@elytracms/core/project-graph'\nimport {\n  canNestInto,\n  containerFlowAxis,\n  dropIndicatorFor,\n  dropPositionForPointer,\n  manifestRules,\n  resolveDrop,\n} from '@elytracms/studio/lib/dnd/drop-rules'\nimport type {\n  DragSubject,\n  DropIndicator,\n  DropPlan,\n  DropPosition,\n  DropResolution,\n  ManifestLookup,\n} from '@elytracms/studio/lib/dnd/drop-rules'\nimport { getStudioRegistry } from '@elytracms/studio/lib/registry'\nimport { componentDisplayName } from '@elytracms/studio/lib/persona/labels'\nimport { translate, useUiLocale } from '@elytracms/studio/lib/i18n'\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  Row,\n  Spacer,\n  Text,\n} from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { useBuilder } from './builder-store'\nimport { attachClipboardListeners, useStudioClipboard } from './clipboard-actions'\nimport { attachDeleteKeyListener } from './delete-key'\nimport { nodeDisplayTitle } from './node-title'\nimport { useReuse } from './reuse-context'\nimport { activeDrag, beginDrag, endDrag, onDragSessionEnd } from './drag-session'\n\ninterface TreeRow {\n  id: string\n  componentId: string\n  /** The node itself — EC-407 derives the instance title from its prop values. */\n  node: ComponentNode\n  depth: number\n  isRoot: boolean\n  isFirst: boolean\n  isLast: boolean\n}\n\nfunction flatten(\n  node: ComponentNode,\n  depth: number,\n  rows: TreeRow[],\n  meta: { isFirst: boolean; isLast: boolean; isRoot: boolean },\n): void {\n  rows.push({ id: node.id, componentId: node.componentId, node, depth, ...meta })\n  for (const children of Object.values(node.slots ?? {})) {\n    children.forEach((child, i) =>\n      flatten(child, depth + 1, rows, {\n        isFirst: i === 0,\n        isLast: i === children.length - 1,\n        isRoot: false,\n      }),\n    )\n  }\n}\n\n/**\n * The tree's dragover resolution (EC-160/EC-162), pure: the row under the pointer\n * → a drop position (the hit band along the parent's flow axis; the root row is\n * always `into`) → the shared {@link resolveDrop} verdict → the row indicator.\n * Extracted from the React handler (EC-554) so the tree surface's placement rules\n * are pinned without a DOM — the handler only measures the pointer and renders.\n */\nexport function resolveTreeRowDrop(args: {\n  root: ComponentNode\n  getManifest: ManifestLookup\n  /** The layout-role component ids (EC-591) — `builder.layout`. */\n  layout: LayoutContainerIds\n  /** The composition field's top-level `allow` (EC-554) — `builder.field.allow`. */\n  fieldAllow: readonly string[] | undefined\n  subject: DragSubject\n  row: { id: string; componentId: string; isRoot: boolean }\n  /** Pointer offset within the row box, 0..1 per axis (unused for the root row). */\n  pointer: { x: number; y: number }\n}): { resolution: DropResolution; indicator: DropIndicator } {\n  const { root, getManifest, layout, fieldAllow, subject, row, pointer } = args\n  let position: DropPosition = 'into'\n  if (!row.isRoot) {\n    // The hit-band axis follows the parent container's flow (EC-162):\n    // children of horizontal Stacks/Grids reorder along the row's x axis.\n    const flow = containerFlowAxis(getParentInfo(root, row.id)?.parent, layout)\n    position = dropPositionForPointer({\n      ratio: flow === 'horizontal' ? pointer.x : pointer.y,\n      nestable: canNestInto(getManifest, row.componentId),\n      edges: true,\n    })\n  }\n  const resolution = resolveDrop({\n    root,\n    getManifest,\n    layout,\n    fieldAllow,\n    subject,\n    location: { nodeId: row.id, position },\n  })\n  return { resolution, indicator: dropIndicatorFor(resolution, position) }\n}\n\n/** Tailwind classes per drop indicator state (EC-160/EC-162) — rejection is visible. */\nconst ROW_DROP_CLASSES: Record<Exclude<DropIndicator, null>, string> = {\n  into: 'ring-1 ring-inset ring-emerald-400 bg-emerald-400/10',\n  before: 'shadow-[inset_0_2px_0_0_#38bdf8]',\n  after: 'shadow-[inset_0_-2px_0_0_#38bdf8]',\n  // Wrap-into-columns gesture (EC-162): the tree can execute wrap plans, the\n  // bands themselves are a canvas gesture (rows have no spatial \"beside\").\n  left: 'shadow-[inset_2px_0_0_0_#a78bfa] bg-violet-400/10',\n  right: 'shadow-[inset_-2px_0_0_0_#a78bfa] bg-violet-400/10',\n  blocked: 'ring-1 ring-inset ring-red-500/80 bg-red-500/10 cursor-not-allowed',\n}\n\nexport function PageTree({ onAddChild }: { onAddChild: (parentId: string) => void }) {\n  const builder = useBuilder()\n  const studio = getStudioRegistry()\n  const uiLocale = useUiLocale()\n  const rows: TreeRow[] = []\n  flatten(builder.present, 0, rows, { isFirst: true, isLast: true, isRoot: true })\n\n  // Copy/cut/paste (EC-175): keyboard shortcuts for the whole studio window\n  // (the canvas iframe wires its own document) plus per-row affordances. The\n  // shared listener keeps shortcuts inert in form fields/inline editors. (A\n  // \"published preview is read-only\" guard used to sit here, keyed on the\n  // collaboration store's `previewMode`; that mode was a constant `'draft'` with\n  // no setter caller, so the guard never fired — EC-574 deleted both.)\n  const clipboard = useStudioClipboard()\n  const selectedIdRef = useRef(builder.selectedId)\n  selectedIdRef.current = builder.selectedId\n  useEffect(\n    () =>\n      attachClipboardListeners(window, {\n        clipboard,\n        getSelectedId: () => selectedIdRef.current,\n        getSelection: () => window.getSelection(),\n      }),\n    [clipboard],\n  )\n\n  // Delete/Backspace removes the selected node from the tree side too (EC-404),\n  // beside the clipboard shortcuts. Inert while focus is in a form field /\n  // inline editor (isEditingContext).\n  const { dispatch } = builder\n  const rootId = builder.present.id\n  useEffect(\n    () =>\n      attachDeleteKeyListener(window, {\n        getSelectedId: () => selectedIdRef.current,\n        remove: (id) => dispatch({ type: 'remove', id }),\n        getRootId: () => rootId,\n      }),\n    [rootId, dispatch],\n  )\n\n  // Drag & drop (EC-160): eligibility comes from the same pure rule set the\n  // canvas uses (`lib/dnd/drop-rules`); the tree only renders the resolution.\n  // One eligible drop dispatches exactly one move/insert action.\n  // The current plan lives in a ref: `drop` fires synchronously after the\n  // last `dragover`, before React flushes indicator state.\n  const dropPlanRef = useRef<DropPlan | null>(null)\n  const [drop, setDrop] = useState<{ rowId: string; indicator: DropIndicator } | null>(null)\n  const clearDrop = () => {\n    dropPlanRef.current = null\n    setDrop(null)\n  }\n  useEffect(() => onDragSessionEnd(() => clearDrop()), [])\n  // EC-386: adapt through `manifestRules` so blocks-prop regions (e.g. a\n  // Section's `body`) are drop targets with their `allow` leash, like raw slots.\n  const getManifest = (id: string) => manifestRules(studio.registry.getManifest(id))\n\n  function handleRowDragStart(row: TreeRow, e: React.DragEvent) {\n    if (row.isRoot) {\n      e.preventDefault()\n      return\n    }\n    beginDrag(\n      {\n        subject: { kind: 'node', nodeId: row.id, componentId: row.componentId },\n        source: 'tree',\n        label: componentDisplayName(row.componentId, studio.registry.getManifest(row.componentId)),\n      },\n      e.dataTransfer,\n    )\n  }\n\n  function handleRowDragOver(row: TreeRow, e: React.DragEvent) {\n    const drag = activeDrag()\n    if (!drag) return\n    const rect = e.currentTarget.getBoundingClientRect()\n    const { resolution, indicator } = resolveTreeRowDrop({\n      root: builder.present,\n      getManifest,\n      layout: builder.layout,\n      fieldAllow: builder.field.allow,\n      subject: drag.subject,\n      row,\n      pointer: {\n        x: rect.width > 0 ? (e.clientX - rect.left) / rect.width : 0.5,\n        y: rect.height > 0 ? (e.clientY - rect.top) / rect.height : 0.5,\n      },\n    })\n    dropPlanRef.current = resolution.eligible ? resolution : null\n    setDrop({ rowId: row.id, indicator })\n    if (resolution.eligible) {\n      e.preventDefault()\n      e.dataTransfer.dropEffect = drag.subject.kind === 'node' ? 'move' : 'copy'\n    }\n  }\n\n  function handleRowDrop(e: React.DragEvent) {\n    const drag = activeDrag()\n    if (!drag) return\n    const plan = dropPlanRef.current\n    clearDrop()\n    if (!plan) return\n    e.preventDefault()\n    // Exactly one dispatch per completed drop (one undo step, one command).\n    if (plan.kind === 'move') {\n      builder.dispatch({ type: 'move', id: plan.nodeId, target: plan.target })\n    } else if (plan.kind === 'wrap') {\n      // EC-162: shared plan vocabulary — the tree executes wrap plans too.\n      const subject =\n        plan.nodeId !== undefined\n          ? { kind: 'node' as const, nodeId: plan.nodeId }\n          : drag.buildNode\n            ? { kind: 'component' as const, node: drag.buildNode() }\n            : null\n      if (!subject) {\n        endDrag('cancelled')\n        return\n      }\n      builder.dispatch({ type: 'wrap', referenceId: plan.referenceId, side: plan.side, subject })\n    } else if (drag.buildNode) {\n      builder.dispatch({ type: 'insert', target: plan.target, node: drag.buildNode() })\n    } else {\n      endDrag('cancelled')\n      return\n    }\n    endDrag('dropped')\n  }\n\n  function handleRowDragEnd() {\n    clearDrop()\n    endDrag('cancelled')\n  }\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <Row gap=\"2\" className=\"h-10 shrink-0 border-b border-border px-3\">\n        <Text size=\"sm\" weight=\"semibold\">\n          {translate('builder.pageTree.title')}\n        </Text>\n        <Spacer />\n        <Text size=\"xs\" tone=\"subtle\" mono>\n          {rows.length}\n        </Text>\n      </Row>\n      <div\n        className=\"min-h-0 flex-1 overflow-auto p-1.5\"\n        onMouseLeave={() => builder.dispatch({ type: 'hover', id: null })}\n        onDragLeave={(e) => {\n          // Clear the indicator when the drag exits the tree panel.\n          if (!e.currentTarget.contains(e.relatedTarget as Node | null)) clearDrop()\n        }}\n      >\n        {rows.map((row) => {\n          const manifest = studio.registry.getManifest(row.componentId)\n          const title = nodeDisplayTitle(manifest, row.node, uiLocale)\n          const selected = row.id === builder.selectedId\n          const hovered = row.id === builder.hoveredId\n          return (\n            <div\n              key={row.id}\n              onMouseEnter={() => builder.dispatch({ type: 'hover', id: row.id })}\n              draggable={!row.isRoot}\n              onDragStart={(e) => handleRowDragStart(row, e)}\n              onDragOver={(e) => handleRowDragOver(row, e)}\n              onDrop={handleRowDrop}\n              onDragEnd={handleRowDragEnd}\n              data-tree-row={row.id}\n              data-tree-drop={drop?.rowId === row.id ? (drop.indicator ?? undefined) : undefined}\n              className={cn(\n                'group flex items-center rounded-md pr-1 text-left text-xs transition-colors',\n                selected\n                  ? 'bg-accent text-accent-foreground'\n                  : hovered\n                    ? 'bg-muted text-foreground'\n                    : 'text-muted-foreground',\n                drop?.rowId === row.id && drop.indicator\n                  ? ROW_DROP_CLASSES[drop.indicator]\n                  : undefined,\n              )}\n            >\n              <button\n                type=\"button\"\n                onClick={() => builder.dispatch({ type: 'select', id: row.id })}\n                title={row.componentId}\n                className=\"flex min-w-0 flex-1 items-center gap-1.5 py-1\"\n                style={{ paddingLeft: `${6 + row.depth * 14}px` }}\n              >\n                {/* EC-407: instance title (its own text content) is primary; the\n                    localized component name is secondary context. The raw mono id\n                    left the row — it stays in the `title=` above + inspector header. */}\n                <span className=\"truncate\">{title.primary}</span>\n                {title.secondary ? (\n                  <span className=\"truncate text-muted-foreground/70\">{title.secondary}</span>\n                ) : null}\n              </button>\n\n              <div\n                className={cn(\n                  'flex shrink-0 items-center gap-0.5',\n                  selected\n                    ? 'opacity-100'\n                    : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100',\n                )}\n              >\n                {/* Add child stays inline — the one constructive, high-frequency\n                    action. Everything else collapses into the ••• menu so labels\n                    stop cropping on the 200–240px panel (EC-211). */}\n                <IconAction label={translate('builder.pageTree.addChild')} onClick={() => onAddChild(row.id)}>\n                  <Plus />\n                </IconAction>\n                <RowActionsMenu row={row} builder={builder} clipboard={clipboard} />\n              </div>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\n/** Right-aligned keyboard-shortcut hint in a menu item — informational only; the\n * shortcut fires globally via the clipboard listeners regardless of the menu. */\nfunction MenuShortcut({ children }: { children: React.ReactNode }) {\n  return <span className=\"ml-auto pl-6 text-xs tracking-widest text-muted-foreground\">{children}</span>\n}\n\n/**\n * The per-row \"•••\" action menu (EC-211). Copy/Paste on every row; Cut, Move,\n * Duplicate, Delete for non-root rows. Collapsing the old inline icon cluster\n * (up to 8 buttons, cropping on the 200–240px panel) into a menu changes no\n * behavior — same clipboard fragment + dispatch paths, same Cmd/Ctrl shortcuts.\n * Delete stays a one-click (undoable) destructive item, consistent with the rest\n * of the studio.\n */\nfunction RowActionsMenu({\n  row,\n  builder,\n  clipboard,\n}: {\n  row: { id: string; isRoot: boolean; isFirst: boolean; isLast: boolean }\n  builder: ReturnType<typeof useBuilder>\n  clipboard: ReturnType<typeof useStudioClipboard>\n}) {\n  // EC-282 in-canvas reuse gestures, present only where a reuse capability is\n  // configured (and the row is eligible). Null outside the composition editor.\n  const reuse = useReuse()\n  const canMakeReusable = !row.isRoot && (reuse?.canMakeReusable(row.id) ?? false)\n  const canDetach = reuse?.canDetach(row.id) ?? false\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          size=\"icon-sm\"\n          variant=\"ghost\"\n          aria-label={translate('builder.pageTree.moreActions')}\n          title={translate('builder.pageTree.moreActions')}\n          className=\"size-6\"\n        >\n          <MoreHorizontal />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuItem onClick={() => clipboard.copyNode(row.id)}>\n          <ClipboardCopy /> {translate('common.copy')} <MenuShortcut>⌘C</MenuShortcut>\n        </DropdownMenuItem>\n        <DropdownMenuItem onClick={() => void clipboard.pasteFromClipboard(row.id)}>\n          <ClipboardPaste /> {translate('builder.clipboard.paste')} <MenuShortcut>⌘V</MenuShortcut>\n        </DropdownMenuItem>\n        {!row.isRoot ? (\n          <>\n            <DropdownMenuItem onClick={() => clipboard.cutNode(row.id)}>\n              <ClipboardX /> {translate('builder.clipboard.cut')} <MenuShortcut>⌘X</MenuShortcut>\n            </DropdownMenuItem>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem\n              disabled={row.isFirst}\n              onClick={() => builder.dispatch({ type: 'reorder', id: row.id, delta: -1 })}\n            >\n              <ChevronUp /> {translate('builder.pageTree.moveUp')}\n            </DropdownMenuItem>\n            <DropdownMenuItem\n              disabled={row.isLast}\n              onClick={() => builder.dispatch({ type: 'reorder', id: row.id, delta: 1 })}\n            >\n              <ChevronDown /> {translate('builder.pageTree.moveDown')}\n            </DropdownMenuItem>\n            <DropdownMenuItem onClick={() => builder.dispatch({ type: 'duplicate', id: row.id })}>\n              <Copy /> {translate('common.duplicate')}\n            </DropdownMenuItem>\n            {canMakeReusable || canDetach ? <DropdownMenuSeparator /> : null}\n            {canMakeReusable ? (\n              <DropdownMenuItem onClick={() => reuse?.startMakeReusable(row.id)}>\n                <Boxes /> {translate('builder.reuse.makeReusable')}\n              </DropdownMenuItem>\n            ) : null}\n            {canDetach ? (\n              <DropdownMenuItem onClick={() => reuse?.detach(row.id)}>\n                <Unlink /> {translate('builder.reuse.detachToCopy')}\n              </DropdownMenuItem>\n            ) : null}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem\n              variant=\"destructive\"\n              onClick={() => builder.dispatch({ type: 'remove', id: row.id })}\n            >\n              <Trash2 /> {translate('common.delete')}\n            </DropdownMenuItem>\n          </>\n        ) : null}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nfunction IconAction({\n  label,\n  onClick,\n  disabled,\n  destructive,\n  children,\n}: {\n  label: string\n  onClick: () => void\n  disabled?: boolean\n  destructive?: boolean\n  children: React.ReactNode\n}) {\n  return (\n    <Button\n      size=\"icon-sm\"\n      variant=\"ghost\"\n      aria-label={label}\n      title={label}\n      disabled={disabled}\n      onClick={onClick}\n      className={cn('size-6', destructive && 'hover:text-destructive')}\n    >\n      {children}\n    </Button>\n  )\n}\n"]}
+{"version":3,"file":"page-tree.js","sourceRoot":"","sources":["../../../src/components/builder/page-tree.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Boxes,\n  ChevronUp,\n  ChevronDown,\n  ClipboardCopy,\n  ClipboardPaste,\n  ClipboardX,\n  Copy,\n  MoreHorizontal,\n  Plus,\n  Trash2,\n  Unlink,\n} from 'lucide-react'\nimport { useEffect, useRef, useState } from 'react'\nimport type { ComponentNode, LayoutContainerIds, PlacementScope } from '@elytracms/core/project-graph'\nimport { getParentInfo } from '@elytracms/core/project-graph'\nimport {\n  canNestInto,\n  containerFlowAxis,\n  dropIndicatorFor,\n  dropPositionForPointer,\n  manifestRules,\n  resolveDrop,\n} from '@elytracms/studio/lib/dnd/drop-rules'\nimport type {\n  DragSubject,\n  DropIndicator,\n  DropPlan,\n  DropPosition,\n  DropResolution,\n  ManifestLookup,\n} from '@elytracms/studio/lib/dnd/drop-rules'\nimport { getStudioRegistry } from '@elytracms/studio/lib/registry'\nimport { componentDisplayName } from '@elytracms/studio/lib/persona/labels'\nimport { translate, useUiLocale } from '@elytracms/studio/lib/i18n'\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  Row,\n  Spacer,\n  Text,\n} from '@elytracms/studio/ui'\nimport { cn } from '@elytracms/studio/lib/utils'\nimport { useBuilder } from './builder-store'\nimport { attachClipboardListeners, useStudioClipboard } from './clipboard-actions'\nimport { attachDeleteKeyListener } from './delete-key'\nimport { nodeDisplayTitle } from './node-title'\nimport { useReuse } from './reuse-context'\nimport { activeDrag, beginDrag, endDrag, onDragSessionEnd } from './drag-session'\n\ninterface TreeRow {\n  id: string\n  componentId: string\n  /** The node itself — EC-407 derives the instance title from its prop values. */\n  node: ComponentNode\n  depth: number\n  isRoot: boolean\n  isFirst: boolean\n  isLast: boolean\n}\n\nfunction flatten(\n  node: ComponentNode,\n  depth: number,\n  rows: TreeRow[],\n  meta: { isFirst: boolean; isLast: boolean; isRoot: boolean },\n): void {\n  rows.push({ id: node.id, componentId: node.componentId, node, depth, ...meta })\n  for (const children of Object.values(node.slots ?? {})) {\n    children.forEach((child, i) =>\n      flatten(child, depth + 1, rows, {\n        isFirst: i === 0,\n        isLast: i === children.length - 1,\n        isRoot: false,\n      }),\n    )\n  }\n}\n\n/**\n * The tree's dragover resolution (EC-160/EC-162), pure: the row under the pointer\n * → a drop position (the hit band along the parent's flow axis; the root row is\n * always `into`) → the shared {@link resolveDrop} verdict → the row indicator.\n * Extracted from the React handler (EC-554) so the tree surface's placement rules\n * are pinned without a DOM — the handler only measures the pointer and renders.\n */\nexport function resolveTreeRowDrop(args: {\n  root: ComponentNode\n  getManifest: ManifestLookup\n  /** The layout-role component ids (EC-591) — `builder.layout`. */\n  layout: LayoutContainerIds\n  /** EC-584: the store's placement scope (`builder.placement`) — the reducer judges the same. */\n  placement: PlacementScope\n  subject: DragSubject\n  row: { id: string; componentId: string; isRoot: boolean }\n  /** Pointer offset within the row box, 0..1 per axis (unused for the root row). */\n  pointer: { x: number; y: number }\n}): { resolution: DropResolution; indicator: DropIndicator } {\n  const { root, getManifest, layout, placement, subject, row, pointer } = args\n  let position: DropPosition = 'into'\n  if (!row.isRoot) {\n    // The hit-band axis follows the parent container's flow (EC-162):\n    // children of horizontal Stacks/Grids reorder along the row's x axis.\n    const flow = containerFlowAxis(getParentInfo(root, row.id)?.parent, layout)\n    position = dropPositionForPointer({\n      ratio: flow === 'horizontal' ? pointer.x : pointer.y,\n      nestable: canNestInto(getManifest, row.componentId),\n      edges: true,\n    })\n  }\n  const resolution = resolveDrop({\n    root,\n    getManifest,\n    layout,\n    placement,\n    subject,\n    location: { nodeId: row.id, position },\n  })\n  return { resolution, indicator: dropIndicatorFor(resolution, position) }\n}\n\n/** Tailwind classes per drop indicator state (EC-160/EC-162) — rejection is visible. */\nconst ROW_DROP_CLASSES: Record<Exclude<DropIndicator, null>, string> = {\n  into: 'ring-1 ring-inset ring-emerald-400 bg-emerald-400/10',\n  before: 'shadow-[inset_0_2px_0_0_#38bdf8]',\n  after: 'shadow-[inset_0_-2px_0_0_#38bdf8]',\n  // Wrap-into-columns gesture (EC-162): the tree can execute wrap plans, the\n  // bands themselves are a canvas gesture (rows have no spatial \"beside\").\n  left: 'shadow-[inset_2px_0_0_0_#a78bfa] bg-violet-400/10',\n  right: 'shadow-[inset_-2px_0_0_0_#a78bfa] bg-violet-400/10',\n  blocked: 'ring-1 ring-inset ring-red-500/80 bg-red-500/10 cursor-not-allowed',\n}\n\nexport function PageTree({ onAddChild }: { onAddChild: (parentId: string) => void }) {\n  const builder = useBuilder()\n  const studio = getStudioRegistry()\n  const uiLocale = useUiLocale()\n  const rows: TreeRow[] = []\n  flatten(builder.present, 0, rows, { isFirst: true, isLast: true, isRoot: true })\n\n  // Copy/cut/paste (EC-175): keyboard shortcuts for the whole studio window\n  // (the canvas iframe wires its own document) plus per-row affordances. The\n  // shared listener keeps shortcuts inert in form fields/inline editors. (A\n  // \"published preview is read-only\" guard used to sit here, keyed on the\n  // collaboration store's `previewMode`; that mode was a constant `'draft'` with\n  // no setter caller, so the guard never fired — EC-574 deleted both.)\n  const clipboard = useStudioClipboard()\n  const selectedIdRef = useRef(builder.selectedId)\n  selectedIdRef.current = builder.selectedId\n  useEffect(\n    () =>\n      attachClipboardListeners(window, {\n        clipboard,\n        getSelectedId: () => selectedIdRef.current,\n        getSelection: () => window.getSelection(),\n      }),\n    [clipboard],\n  )\n\n  // Delete/Backspace removes the selected node from the tree side too (EC-404),\n  // beside the clipboard shortcuts. Inert while focus is in a form field /\n  // inline editor (isEditingContext).\n  const { dispatch } = builder\n  const rootId = builder.present.id\n  useEffect(\n    () =>\n      attachDeleteKeyListener(window, {\n        getSelectedId: () => selectedIdRef.current,\n        remove: (id) => dispatch({ type: 'remove', id }),\n        getRootId: () => rootId,\n      }),\n    [rootId, dispatch],\n  )\n\n  // Drag & drop (EC-160): eligibility comes from the same pure rule set the\n  // canvas uses (`lib/dnd/drop-rules`); the tree only renders the resolution.\n  // One eligible drop dispatches exactly one move/insert action.\n  // The current plan lives in a ref: `drop` fires synchronously after the\n  // last `dragover`, before React flushes indicator state.\n  const dropPlanRef = useRef<DropPlan | null>(null)\n  const [drop, setDrop] = useState<{ rowId: string; indicator: DropIndicator } | null>(null)\n  const clearDrop = () => {\n    dropPlanRef.current = null\n    setDrop(null)\n  }\n  useEffect(() => onDragSessionEnd(() => clearDrop()), [])\n  // EC-386: adapt through `manifestRules` so blocks-prop regions (e.g. a\n  // Section's `body`) are drop targets with their `allow` leash, like raw slots.\n  const getManifest = (id: string) => manifestRules(studio.registry.getManifest(id))\n\n  function handleRowDragStart(row: TreeRow, e: React.DragEvent) {\n    if (row.isRoot) {\n      e.preventDefault()\n      return\n    }\n    beginDrag(\n      {\n        subject: { kind: 'node', nodeId: row.id, componentId: row.componentId },\n        source: 'tree',\n        label: componentDisplayName(row.componentId, studio.registry.getManifest(row.componentId)),\n      },\n      e.dataTransfer,\n    )\n  }\n\n  function handleRowDragOver(row: TreeRow, e: React.DragEvent) {\n    const drag = activeDrag()\n    if (!drag) return\n    const rect = e.currentTarget.getBoundingClientRect()\n    const { resolution, indicator } = resolveTreeRowDrop({\n      root: builder.present,\n      getManifest,\n      layout: builder.layout,\n      placement: builder.placement,\n      subject: drag.subject,\n      row,\n      pointer: {\n        x: rect.width > 0 ? (e.clientX - rect.left) / rect.width : 0.5,\n        y: rect.height > 0 ? (e.clientY - rect.top) / rect.height : 0.5,\n      },\n    })\n    dropPlanRef.current = resolution.eligible ? resolution : null\n    setDrop({ rowId: row.id, indicator })\n    if (resolution.eligible) {\n      e.preventDefault()\n      e.dataTransfer.dropEffect = drag.subject.kind === 'node' ? 'move' : 'copy'\n    }\n  }\n\n  function handleRowDrop(e: React.DragEvent) {\n    const drag = activeDrag()\n    if (!drag) return\n    const plan = dropPlanRef.current\n    clearDrop()\n    if (!plan) return\n    e.preventDefault()\n    // Exactly one dispatch per completed drop (one undo step, one command).\n    if (plan.kind === 'move') {\n      builder.dispatch({ type: 'move', id: plan.nodeId, target: plan.target })\n    } else if (plan.kind === 'wrap') {\n      // EC-162: shared plan vocabulary — the tree executes wrap plans too.\n      const subject =\n        plan.nodeId !== undefined\n          ? { kind: 'node' as const, nodeId: plan.nodeId }\n          : drag.buildNode\n            ? { kind: 'component' as const, node: drag.buildNode() }\n            : null\n      if (!subject) {\n        endDrag('cancelled')\n        return\n      }\n      builder.dispatch({ type: 'wrap', referenceId: plan.referenceId, side: plan.side, subject })\n    } else if (drag.buildNode) {\n      builder.dispatch({ type: 'insert', target: plan.target, node: drag.buildNode() })\n    } else {\n      endDrag('cancelled')\n      return\n    }\n    endDrag('dropped')\n  }\n\n  function handleRowDragEnd() {\n    clearDrop()\n    endDrag('cancelled')\n  }\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <Row gap=\"2\" className=\"h-10 shrink-0 border-b border-border px-3\">\n        <Text size=\"sm\" weight=\"semibold\">\n          {translate('builder.pageTree.title')}\n        </Text>\n        <Spacer />\n        <Text size=\"xs\" tone=\"subtle\" mono>\n          {rows.length}\n        </Text>\n      </Row>\n      <div\n        className=\"min-h-0 flex-1 overflow-auto p-1.5\"\n        onMouseLeave={() => builder.dispatch({ type: 'hover', id: null })}\n        onDragLeave={(e) => {\n          // Clear the indicator when the drag exits the tree panel.\n          if (!e.currentTarget.contains(e.relatedTarget as Node | null)) clearDrop()\n        }}\n      >\n        {rows.map((row) => {\n          const manifest = studio.registry.getManifest(row.componentId)\n          const title = nodeDisplayTitle(manifest, row.node, uiLocale)\n          const selected = row.id === builder.selectedId\n          const hovered = row.id === builder.hoveredId\n          return (\n            <div\n              key={row.id}\n              onMouseEnter={() => builder.dispatch({ type: 'hover', id: row.id })}\n              draggable={!row.isRoot}\n              onDragStart={(e) => handleRowDragStart(row, e)}\n              onDragOver={(e) => handleRowDragOver(row, e)}\n              onDrop={handleRowDrop}\n              onDragEnd={handleRowDragEnd}\n              data-tree-row={row.id}\n              data-tree-drop={drop?.rowId === row.id ? (drop.indicator ?? undefined) : undefined}\n              className={cn(\n                'group flex items-center rounded-md pr-1 text-left text-xs transition-colors',\n                selected\n                  ? 'bg-accent text-accent-foreground'\n                  : hovered\n                    ? 'bg-muted text-foreground'\n                    : 'text-muted-foreground',\n                drop?.rowId === row.id && drop.indicator\n                  ? ROW_DROP_CLASSES[drop.indicator]\n                  : undefined,\n              )}\n            >\n              <button\n                type=\"button\"\n                onClick={() => builder.dispatch({ type: 'select', id: row.id })}\n                title={row.componentId}\n                className=\"flex min-w-0 flex-1 items-center gap-1.5 py-1\"\n                style={{ paddingLeft: `${6 + row.depth * 14}px` }}\n              >\n                {/* EC-407: instance title (its own text content) is primary; the\n                    localized component name is secondary context. The raw mono id\n                    left the row — it stays in the `title=` above + inspector header. */}\n                <span className=\"truncate\">{title.primary}</span>\n                {title.secondary ? (\n                  <span className=\"truncate text-muted-foreground/70\">{title.secondary}</span>\n                ) : null}\n              </button>\n\n              <div\n                className={cn(\n                  'flex shrink-0 items-center gap-0.5',\n                  selected\n                    ? 'opacity-100'\n                    : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100',\n                )}\n              >\n                {/* Add child stays inline — the one constructive, high-frequency\n                    action. Everything else collapses into the ••• menu so labels\n                    stop cropping on the 200–240px panel (EC-211). */}\n                <IconAction label={translate('builder.pageTree.addChild')} onClick={() => onAddChild(row.id)}>\n                  <Plus />\n                </IconAction>\n                <RowActionsMenu row={row} builder={builder} clipboard={clipboard} />\n              </div>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\n/** Right-aligned keyboard-shortcut hint in a menu item — informational only; the\n * shortcut fires globally via the clipboard listeners regardless of the menu. */\nfunction MenuShortcut({ children }: { children: React.ReactNode }) {\n  return <span className=\"ml-auto pl-6 text-xs tracking-widest text-muted-foreground\">{children}</span>\n}\n\n/**\n * The per-row \"•••\" action menu (EC-211). Copy/Paste on every row; Cut, Move,\n * Duplicate, Delete for non-root rows. Collapsing the old inline icon cluster\n * (up to 8 buttons, cropping on the 200–240px panel) into a menu changes no\n * behavior — same clipboard fragment + dispatch paths, same Cmd/Ctrl shortcuts.\n * Delete stays a one-click (undoable) destructive item, consistent with the rest\n * of the studio.\n */\nfunction RowActionsMenu({\n  row,\n  builder,\n  clipboard,\n}: {\n  row: { id: string; isRoot: boolean; isFirst: boolean; isLast: boolean }\n  builder: ReturnType<typeof useBuilder>\n  clipboard: ReturnType<typeof useStudioClipboard>\n}) {\n  // EC-282 in-canvas reuse gestures, present only where a reuse capability is\n  // configured (and the row is eligible). Null outside the composition editor.\n  const reuse = useReuse()\n  const canMakeReusable = !row.isRoot && (reuse?.canMakeReusable(row.id) ?? false)\n  const canDetach = reuse?.canDetach(row.id) ?? false\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          size=\"icon-sm\"\n          variant=\"ghost\"\n          aria-label={translate('builder.pageTree.moreActions')}\n          title={translate('builder.pageTree.moreActions')}\n          className=\"size-6\"\n        >\n          <MoreHorizontal />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuItem onClick={() => clipboard.copyNode(row.id)}>\n          <ClipboardCopy /> {translate('common.copy')} <MenuShortcut>⌘C</MenuShortcut>\n        </DropdownMenuItem>\n        <DropdownMenuItem onClick={() => void clipboard.pasteFromClipboard(row.id)}>\n          <ClipboardPaste /> {translate('builder.clipboard.paste')} <MenuShortcut>⌘V</MenuShortcut>\n        </DropdownMenuItem>\n        {!row.isRoot ? (\n          <>\n            <DropdownMenuItem onClick={() => clipboard.cutNode(row.id)}>\n              <ClipboardX /> {translate('builder.clipboard.cut')} <MenuShortcut>⌘X</MenuShortcut>\n            </DropdownMenuItem>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem\n              disabled={row.isFirst}\n              onClick={() => builder.dispatch({ type: 'reorder', id: row.id, delta: -1 })}\n            >\n              <ChevronUp /> {translate('builder.pageTree.moveUp')}\n            </DropdownMenuItem>\n            <DropdownMenuItem\n              disabled={row.isLast}\n              onClick={() => builder.dispatch({ type: 'reorder', id: row.id, delta: 1 })}\n            >\n              <ChevronDown /> {translate('builder.pageTree.moveDown')}\n            </DropdownMenuItem>\n            <DropdownMenuItem onClick={() => builder.dispatch({ type: 'duplicate', id: row.id })}>\n              <Copy /> {translate('common.duplicate')}\n            </DropdownMenuItem>\n            {canMakeReusable || canDetach ? <DropdownMenuSeparator /> : null}\n            {canMakeReusable ? (\n              <DropdownMenuItem onClick={() => reuse?.startMakeReusable(row.id)}>\n                <Boxes /> {translate('builder.reuse.makeReusable')}\n              </DropdownMenuItem>\n            ) : null}\n            {canDetach ? (\n              <DropdownMenuItem onClick={() => reuse?.detach(row.id)}>\n                <Unlink /> {translate('builder.reuse.detachToCopy')}\n              </DropdownMenuItem>\n            ) : null}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem\n              variant=\"destructive\"\n              onClick={() => builder.dispatch({ type: 'remove', id: row.id })}\n            >\n              <Trash2 /> {translate('common.delete')}\n            </DropdownMenuItem>\n          </>\n        ) : null}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nfunction IconAction({\n  label,\n  onClick,\n  disabled,\n  destructive,\n  children,\n}: {\n  label: string\n  onClick: () => void\n  disabled?: boolean\n  destructive?: boolean\n  children: React.ReactNode\n}) {\n  return (\n    <Button\n      size=\"icon-sm\"\n      variant=\"ghost\"\n      aria-label={label}\n      title={label}\n      disabled={disabled}\n      onClick={onClick}\n      className={cn('size-6', destructive && 'hover:text-destructive')}\n    >\n      {children}\n    </Button>\n  )\n}\n"]}

package/dist/components/builder/placement-refusal.d.ts

@@ -0,0 +1,18 @@
+import type { PlacementVerdict } from '@elytracms/core/project-graph';
+import type { PlacementRefusal } from './builder-store.js';
+/**
+ * The sentence for a refused placement — pure (beyond the catalog and the registry's
+ * titles), so each wording is pinned without mounting. A field refusal names the
+ * FIELD (`fieldLabel`), never the invisible synthetic root's slot.
+ */
+export declare function placementRefusalMessage(verdict: PlacementVerdict, fieldLabel: string, label?: (componentId: string) => string): string;
+/**
+ * The refusal above the canvas while it stands (the next edit, selection, undo or redo
+ * clears it; the editor may dismiss it). `role="alert"` so assistive tech announces it
+ * the moment a drop, paste, duplicate or reuse gesture is refused.
+ */
+export declare function PlacementRefusalNotice({ refusal, fieldLabel, onDismiss, }: {
+    refusal: PlacementRefusal | null;
+    fieldLabel: string;
+    onDismiss: () => void;
+}): import("react").JSX.Element | null;

package/dist/components/builder/placement-refusal.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Ban, X } from 'lucide-react';
+import { Button, Row, Text } from '@elytracms/studio/ui';
+import { getStudioRegistry } from '@elytracms/studio/lib/registry';
+import { componentDisplayName } from '@elytracms/studio/lib/persona/labels';
+import { translate } from '@elytracms/studio/lib/i18n';
+/**
+ * EC-584 — the visible reason a placement was refused. The builder reducer runs the
+ * one core judge over every node an `insert`/`replace`/`move`/`wrap`/`duplicate`
+ * places and, on a refusal, leaves the composition unchanged and records the verdict
+ * (`BuilderState.refusal`); this is how that verdict reaches the editor. Never a
+ * silent no-op.
+ */
+/** A component's label in a notice — its manifest title (EC-591: never a stripped id prefix). */
+function componentLabel(componentId) {
+    return componentDisplayName(componentId, getStudioRegistry().registry.getManifest(componentId));
+}
+/**
+ * The sentence for a refused placement — pure (beyond the catalog and the registry's
+ * titles), so each wording is pinned without mounting. A field refusal names the
+ * FIELD (`fieldLabel`), never the invisible synthetic root's slot.
+ */
+export function placementRefusalMessage(verdict, fieldLabel, label = componentLabel) {
+    const component = label(verdict.componentId);
+    if (verdict.code === 'server-only-component') {
+        return translate('builder.placement.serverOnly', { component });
+    }
+    if (verdict.site.kind === 'field') {
+        return translate('builder.placement.notAllowedByField', { component, field: fieldLabel });
+    }
+    return translate('builder.placement.notAllowedInSlot', {
+        component,
+        destination: `${label(verdict.site.parentComponentId)} · ${verdict.site.slot}`,
+    });
+}
+/**
+ * The refusal above the canvas while it stands (the next edit, selection, undo or redo
+ * clears it; the editor may dismiss it). `role="alert"` so assistive tech announces it
+ * the moment a drop, paste, duplicate or reuse gesture is refused.
+ */
+export function PlacementRefusalNotice({ refusal, fieldLabel, onDismiss, }) {
+    if (!refusal)
+        return null;
+    return (_jsxs(Row, { gap: "2", align: "center", role: "alert", "data-testid": "placement-refusal", "data-refusal-code": refusal.verdict.code, className: "shrink-0 border-b border-border bg-destructive/10 px-3 py-1.5", children: [_jsx(Ban, { "aria-hidden": true, className: "size-3.5 shrink-0 text-destructive" }), _jsx(Text, { size: "xs", className: "min-w-0 flex-1", children: placementRefusalMessage(refusal.verdict, fieldLabel) }), _jsx(Button, { size: "icon-sm", variant: "ghost", "aria-label": translate('builder.placement.dismiss'), title: translate('builder.placement.dismiss'), onClick: onDismiss, children: _jsx(X, {}) })] }));
+}
+//# sourceMappingURL=placement-refusal.js.map