@kywi-software/core 0.13.0 → 0.15.0

package/dist/admin/layout-editor/drag-utils.js

@@ -99,12 +99,13 @@ export const SECTION_TEMPLATES = [
  *     drop whose cursor has drifted just off the edge of the target.
  *  3. nothing. A drop in dead space is a no-op, not a guess.
  *
- * Canvas drags keep `closestCenter` verbatim, so reordering is unchanged.
+ * Canvas drags keep `closestCenter`, so reordering is unchanged — with ONE
+ * exclusion added by kywi-cms#171, see `armsNeedThePointer` below.
  */
 export const editorCollisionDetection = (args) => {
     const source = args.active.data.current?.source;
     if (source !== 'palette')
-        return closestCenter(args);
+        return armsNeedThePointer(closestCenter(args), pointerWithin(args));
     const atPointer = pointerWithin(args);
     if (atPointer.length > 0)
         return atPointer;
@@ -114,6 +115,33 @@ export const editorCollisionDetection = (args) => {
     // kywi-cms#134: no snap-to-distant-centre — a drop in a section gutter is a no-op.
     return [];
 };
+/** Does this collision name an arm — a drop zone, or an arm's own module? */
+function collidesWithArm(collision) {
+    const container = collision.data?.['droppableContainer'];
+    return Boolean(container?.data?.current?.armContainerId);
+}
+/**
+ * An arm may only win a CANVAS drag when the pointer is genuinely inside it
+ * (kywi-cms#171 review).
+ *
+ * `closestCenter` is the right algorithm for a reorder and it always names a
+ * winner however far away — which was harmless while every droppable meant
+ * "insert around here", and stopped being harmless the moment one of them meant
+ * "REPLACE this variant's content". A reorder released in the neighbourhood of a
+ * personalized module could resolve onto its arm purely on centre distance, and
+ * the author would be answering a destructive prompt about a variant they never
+ * aimed at. Exactly the kywi-cms#134 complaint — the editor moving things by
+ * itself — with a worse consequence.
+ *
+ * So arms are held to the palette drag's standard: the pointer has to be in
+ * them. Everything else `closestCenter` found is kept, in its own order, so the
+ * next-nearest droppable (the container itself, or the column) wins instead —
+ * which is the reorder the author was actually making.
+ */
+function armsNeedThePointer(byCentre, atPointer) {
+    const underPointer = new Set(atPointer.filter(collidesWithArm).map(c => c.id));
+    return byCentre.filter(c => !collidesWithArm(c) || underPointer.has(c.id));
+}
 // ── resolveColumnDropIndex ────────────────────────────────────
 /**
  * Where in a column a drop at `pointerY` belongs: the number of modules already
@@ -167,6 +195,10 @@ function resolveColumnDropIndexFromDocument(columnId, pointerY) {
     const columnEl = Array.from(document.querySelectorAll('[data-kywi-column-drop]')).find(el => el.getAttribute('data-kywi-column-drop') === columnId) ?? null;
     return resolveColumnDropIndex(columnEl, pointerY);
 }
+/** Narrow a resolved drop slot to the arm case. */
+export function isArmSlot(slot) {
+    return 'armContainerId' in slot;
+}
 /**
  * Resolve the slot a palette drag would drop into, from whatever it is
  * currently over.
@@ -181,13 +213,21 @@ function resolveColumnDropIndexFromDocument(columnId, pointerY) {
  * canvas promises mid-drag is by construction what the release delivers.
  *
  * @returns null when there is nothing droppable under the drag, or the thing
- *          under it isn't part of a column (a section gutter, say) — which is a
- *          no-op drop, and so also nothing to draw.
+ *          under it isn't part of a column or an arm (a section gutter, say) —
+ *          which is a no-op drop, and so also nothing to draw.
  */
 export function resolvePaletteDropSlot(over, pointerY) {
     if (!over)
         return null;
     const overData = over.data.current;
+    // kywi-cms#171: an arm zone wins before any column measurement happens. It
+    // has no index space of its own, and the `columnId` an arm module carries is
+    // its CONTAINER's — reading it here would resolve an arm drop into "insert
+    // beside the container", which is the very drop the arm zone exists to
+    // distinguish from.
+    if (overData?.armContainerId && overData.armId) {
+        return { armContainerId: overData.armContainerId, armId: overData.armId };
+    }
     const columnId = overData?.columnId;
     if (!columnId)
         return null;
@@ -195,6 +235,29 @@ export function resolvePaletteDropSlot(over, pointerY) {
     const index = resolveColumnDropIndexFromDocument(columnId, pointerY) ?? declaredIndex;
     return { columnId, index };
 }
+export function classifyArmDrop(active, over) {
+    if (!over)
+        return null;
+    const activeData = active.data.current;
+    const overData = over.data.current;
+    if (activeData?.source !== 'canvas')
+        return null;
+    const overIsArm = Boolean(overData?.armContainerId && overData.armId);
+    if (activeData.armOf) {
+        // Arm to arm is a no-op (D2), and a drag-out needs somewhere to land.
+        return !overIsArm && overData?.columnId ? 'drag-out' : null;
+    }
+    if (!overIsArm)
+        return null;
+    // A whole container into an arm is the nesting containers never do.
+    if (activeData.moduleType === 'moduleVariantContainer')
+        return null;
+    return activeData.moduleId ? 'replace' : null;
+}
+/** Narrow a resolution to the one thing that is a question, not an action. */
+export function isArmDragOutRequest(resolution) {
+    return resolution?.type === 'ARM_DRAG_OUT_REQUEST';
+}
 /**
  * Turn a dnd-kit `DragEndEvent`'s `active`/`over` pair into the editor action
  * it implies, or `null` for a drop that doesn't resolve to anything (dropped
@@ -224,6 +287,23 @@ export function resolveDragEndAction(active, over, ctx) {
         const slot = resolvePaletteDropSlot(over, ctx?.pointerY);
         if (!moduleType || !slot)
             return null;
+        // A palette drop onto an ARM replaces that arm's content rather than
+        // inserting beside it (kywi-cms#171). The arm keeps its identity — id,
+        // label, audience, weight — so the swap is a change of content, not of
+        // audience. Same minted id and registry seeding as the column case below,
+        // for the same reasons.
+        if (isArmSlot(slot)) {
+            const moduleId = generateId();
+            const props = ctx?.registry ? seedModuleDefaults(ctx.registry, moduleType) : undefined;
+            return {
+                type: 'SWAP_MODULE_VARIANT_ARM_TYPE',
+                containerId: slot.armContainerId,
+                armId: slot.armId,
+                moduleType,
+                moduleId,
+                ...(props ? { props } : {}),
+            };
+        }
         // kywi-cms#134: mint the id here (rather than in the reducer) so the
         // caller knows the new module's id before dispatch and can auto-select
         // it; seed props from the registry when one is supplied so the module
@@ -240,6 +320,53 @@ export function resolveDragEndAction(active, over, ctx) {
         };
     }
     if (source === 'canvas') {
+        const overArm = overData?.armContainerId && overData.armId
+            ? { containerId: overData.armContainerId, armId: overData.armId }
+            : null;
+        const armOf = activeData?.armOf;
+        // Both dialog-opening drops are classified in ONE place, which the
+        // announcement reads too (see `classifyArmDrop`).
+        const question = classifyArmDrop(active, over);
+        // 1. An ARM's module dragged out (kywi-cms#171). Checked first, because an
+        //    arm module also reports its CONTAINER's columnId/index — the fallback
+        //    branch below would read those and resolve a reorder of the container.
+        //    Arm to arm resolves to nothing at all (owner decision D2): the gesture
+        //    has no obvious meaning — swap? copy? move-and-empty the source? — and
+        //    only one arm of a container is visible at a time, so it is reachable
+        //    only across two containers. A no-op drop, drawn as no indicator.
+        if (armOf) {
+            if (question !== 'drag-out')
+                return null;
+            const toColumnId = overData?.columnId;
+            if (!toColumnId)
+                return null;
+            return {
+                type: 'ARM_DRAG_OUT_REQUEST',
+                containerId: armOf.containerId,
+                armId: armOf.armId,
+                ...(armOf.label ? { armLabel: armOf.label } : {}),
+                ...(armOf.containerMode ? { containerMode: armOf.containerMode } : {}),
+                toColumnId,
+                toIndex: overData?.index ?? 0,
+            };
+        }
+        // 2. A plain canvas module dropped INTO an arm. A whole CONTAINER dropped
+        //    there is the nesting containers never do — the reducer refuses it, and
+        //    `classifyArmDrop` refusing it here means no indicator promises it
+        //    either.
+        if (overArm) {
+            if (question !== 'replace')
+                return null;
+            const moduleId = activeData?.moduleId;
+            if (!moduleId)
+                return null;
+            return {
+                type: 'MOVE_MODULE_INTO_ARM',
+                moduleId,
+                containerId: overArm.containerId,
+                armId: overArm.armId,
+            };
+        }
         const fromColumnId = activeData?.columnId;
         const fromIndex = activeData?.index;
         const toColumnId = overData?.columnId;

package/dist/admin/layout-editor/drag-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-utils.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/drag-utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"drag-utils.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/drag-utils.ts"],"names":[],"mappings":"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"}

package/dist/admin/layout-editor/editor-canvas.d.ts

@@ -69,6 +69,17 @@ interface EditorCanvasProps {
      * only: the admin artboard's palette is an in-flow column.
      */
     paletteOpen?: boolean;
+    /**
+     * Whether the front editor's right properties rail is out (kywi-cms#166).
+     *
+     * The same problem on the other edge, and a worse one in practice: this rail
+     * opens itself the moment anything is selected, so it is out for as long as
+     * an owner is working — and a module-level variant container's badge and arm
+     * switcher float at the container's own `right: 0`, i.e. exactly underneath
+     * it on a full-width column. In-place only, for the same reason as
+     * `paletteOpen`.
+     */
+    propsRailOpen?: boolean;
     /** Inline text editing controller, only meaningful in in-place mode. */
     inlineEdit?: InlineEditController | null;
     /**

package/dist/admin/layout-editor/editor-canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-canvas.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/editor-canvas.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AA6BlE,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAIjE,oFAAoF;AACpF,KAAK,wBAAwB,GAAG,CAC9B,WAAW,EAAE,MAAM,KAChB;IAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAA;AAEjG;;;;;;;;GAQG;AACH,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,8EAA8E;IAC9E,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,cAAc,EAAE,CACd,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,OAAO,GAAG,IAAI,KACnB,uBAAuB,GAAG,IAAI,CAAA;IACnC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7E,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB;;;;;OAKG;IACH,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;IACtC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC,CAAA;IACzH,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,wBAAwB,CAAA;IAC3C,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wEAAwE;IACxE,UAAU,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACxC;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C;;;;;;;;;;;;;;;OAeG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAuiCD;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,+CA0GvB,CAAA"}
+{"version":3,"file":"editor-canvas.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/editor-canvas.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AA+BlE,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAIjE,oFAAoF;AACpF,KAAK,wBAAwB,GAAG,CAC9B,WAAW,EAAE,MAAM,KAChB;IAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAA;AAEjG;;;;;;;;GAQG;AACH,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,8EAA8E;IAC9E,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,cAAc,EAAE,CACd,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,OAAO,GAAG,IAAI,KACnB,uBAAuB,GAAG,IAAI,CAAA;IACnC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7E,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB;;;;;OAKG;IACH,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;IACtC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC,CAAA;IACzH,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,wBAAwB,CAAA;IAC3C,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,wEAAwE;IACxE,UAAU,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACxC;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C;;;;;;;;;;;;;;;OAeG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAotCD;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,+CAsHvB,CAAA"}

package/dist/admin/layout-editor/editor-canvas.js

@@ -19,6 +19,7 @@ import { ModuleOverlay } from './module-overlay.js';
 import { DropIndicator } from './drop-indicator.js';
 import { DropTargetContext } from './drag-feedback.js';
 import { useChromeFlip, chromeOffsetClasses, chromeOffsetStyle } from './use-chrome-flip.js';
+import { ChromeEnvContext, useChromeEnv } from './chrome-env.js';
 import { ModuleEditorContext } from '../../layout/module-render-context.js';
 import { LinkedComponentPill, linkedComponentName } from './linked-component.js';
 /**
@@ -160,11 +161,13 @@ function slotBoundaryOffset(columnEl, index) {
  * once rather than in whichever copy the next reader finds.
  *
  * What differs between the two is only what the caller passes. An arm module is
- * not a column node: the CONTAINER is, so the arm offers no drag handle
- * (`draggable`), marks no drop slot (`columnSlot`) and is never offered the
- * promote actions — the reducer would refuse to nest one container in another.
+ * not a column node: the CONTAINER is, so the arm marks no drop slot
+ * (`columnSlot`) and is never offered the promote actions — the reducer would
+ * refuse to nest one container in another. It DOES drag, since kywi-cms#171:
+ * `armOf` is what makes that drag mean "promote this variant's content onto the
+ * page" rather than "reorder the container".
  */
-function CanvasModule({ node, columnId, index, state, dispatch, moduleComponents, resolveComponent, inPlace = false, inlineEdit, componentAffordances, draggable = true, columnSlot = true, actions, }) {
+function CanvasModule({ node, columnId, index, state, dispatch, moduleComponents, resolveComponent, inPlace = false, inlineEdit, componentAffordances, draggable = true, columnSlot = true, armOf, actions, }) {
     const inlineText = inlineTextBindingFor(node.id, node.type, inPlace, inlineEdit);
     const select = () => dispatch({ type: 'SELECT', id: node.id, selectionType: 'module' });
     // Nothing safe to bind (kywi-cms#118): double-click would otherwise be a
@@ -182,7 +185,7 @@ function CanvasModule({ node, columnId, index, state, dispatch, moduleComponents
     // are replaced by a clean render from the stored props.
     const previewKey = inlineEdit && inlineEdit.resetId === node.id ? `${node.id}:${inlineEdit.nonce}` : node.id;
     const linkedName = linkedComponentName(node, componentAffordances);
-    return (_jsx(ModuleOverlay, { moduleId: node.id, instanceId: node.instanceId, columnId: columnId, index: index, draggable: draggable, columnSlot: columnSlot, isSelected: state.selectedId === node.id, typeLabel: node.type, inPlace: inPlace, moduleType: node.type, inlineText: inlineText, ...(actions && actions.length > 0 ? { actions } : {}), ...(node.componentId ? { componentId: node.componentId } : {}), ...(linkedName ? { componentName: linkedName } : {}), ...(onInlineFallback ? { onInlineFallback } : {}), onSelect: select, children: _jsx(ModulePreview, { node: node, moduleComponents: moduleComponents, ...(resolveComponent ? { resolveComponent } : {}) }, previewKey) }));
+    return (_jsx(ModuleOverlay, { moduleId: node.id, instanceId: node.instanceId, columnId: columnId, index: index, draggable: draggable, columnSlot: columnSlot, ...(armOf ? { armOf } : {}), isSelected: state.selectedId === node.id, typeLabel: node.type, inPlace: inPlace, moduleType: node.type, inlineText: inlineText, ...(actions && actions.length > 0 ? { actions } : {}), ...(node.componentId ? { componentId: node.componentId } : {}), ...(linkedName ? { componentName: linkedName } : {}), ...(onInlineFallback ? { onInlineFallback } : {}), onSelect: select, children: _jsx(ModulePreview, { node: node, moduleComponents: moduleComponents, ...(resolveComponent ? { resolveComponent } : {}) }, previewKey) }));
 }
 // ── DroppableColumn ───────────────────────────────────────────────────────────
 function DroppableColumn({ column, state, dispatch, moduleComponents, resolveComponent, inPlace = false, inArm = false, canPromoteModules = true, inlineEdit, componentAffordances, }) {
@@ -207,7 +210,10 @@ function DroppableColumn({ column, state, dispatch, moduleComponents, resolveCom
     // The hook publishes ONE target for the whole editor, so every other column
     // draws nothing — which is the point: the owner sees a single destination.
     const dropTarget = React.useContext(DropTargetContext);
-    const target = dropTarget?.columnId === column.id ? dropTarget : null;
+    // Column targets only: an ARM target (kywi-cms#171) is drawn by the arm zone
+    // itself, over the one module it would replace, because the line/placeholder
+    // this column draws is index-relative and an arm has no index.
+    const target = dropTarget && dropTarget.kind !== 'arm' && dropTarget.columnId === column.id ? dropTarget : null;
     // kywi-cms#138: the drop element doubles as the indicator's positioning
     // context, so the indicator has to be measured against the same element it is
     // placed inside. `setNodeRef` is stable (dnd-kit builds it once per hook), so
@@ -392,7 +398,7 @@ function formatWeight(weight) {
  * module reads exactly like switching them on a personalized band.
  */
 function ArmTabs({ arms, activeArm, isAbTest, onSelect, }) {
-    return (_jsx("div", { className: "kywi-editor-vc-arms", role: "tablist", "aria-label": "Variants", children: arms.map(arm => (_jsxs("button", { type: "button", role: "tab", "aria-selected": arm.id === activeArm, "data-arm-id": arm.id, className: `kywi-editor-vc-arm-btn${arm.id === activeArm ? ' kywi-editor-vc-arm-btn--active' : ''}`, onClick: (e) => {
+    return (_jsx("div", { className: "kywi-editor-vc-arms", role: "tablist", "aria-label": "Content Variants", children: arms.map(arm => (_jsxs("button", { type: "button", role: "tab", "aria-selected": arm.id === activeArm, "data-arm-id": arm.id, className: `kywi-editor-vc-arm-btn${arm.id === activeArm ? ' kywi-editor-vc-arm-btn--active' : ''}`, onClick: (e) => {
                 e.stopPropagation();
                 onSelect(arm.id);
             }, children: [arm.label, isAbTest && arm.weight !== null && (_jsx("span", { className: "kywi-editor-vc-arm-weight", children: formatWeight(arm.weight) }))] }, arm.id))) }));
@@ -491,14 +497,68 @@ function VariantContainerBlock({ container, state, dispatch, moduleComponents, r
 function moduleArmLabel(entry, index) {
     return entry.label || entry.audienceId || `Variant ${index + 1}`;
 }
+/**
+ * The drop zone around ONE open arm's module (kywi-cms#171).
+ *
+ * WHY IT EXISTS. `column.nodes` is the editor's single index space, and an arm
+ * module is not in it — the CONTAINER is. So there is no index to aim a drop at
+ * inside a container, and the column's own line/placeholder indicator (which is
+ * entirely index-relative) would be promising a slot that does not exist. This
+ * zone is the other kind of address: not "between these two nodes" but "this
+ * arm's content", which a drop REPLACES.
+ *
+ * WHY THE ID IS PREFIXED. dnd-kit keys droppables by id in one flat registry,
+ * and the arm module inside this zone is a sortable — i.e. a droppable — under
+ * its own module id. `arm:${containerId}:${armId}` cannot collide with it, or
+ * with a column's `column-${id}`.
+ *
+ * WHY THE ARM MODULE CARRIES THE SAME DATA. The two droppables are nested and
+ * either can win a collision depending on where in the module the pointer sits.
+ * Rather than arbitrate that, `ModuleOverlay` publishes the same
+ * `armContainerId`/`armId` from `armOf`, so both answers are identical and the
+ * drop resolves the same way whichever one dnd-kit picks.
+ *
+ * It marks NO `data-kywi-module-slot`: that attribute is what
+ * `resolveColumnDropIndex` counts, one per `column.nodes` entry, and the
+ * container already carries it.
+ *
+ * The affordance below is drawn for a PALETTE drag only, because that is the
+ * only kind `useEditorDnd` projects a target for at all (a canvas reorder
+ * carries dnd-kit's own live transform, which would make any measurement of it
+ * a measurement of itself). The other destructive arm drop — a canvas module
+ * dropped onto an arm — is announced by its confirm dialog instead, on release.
+ */
+function ArmDropZone({ containerId, armId, armLabel, mode, inPlace, children, }) {
+    const { setNodeRef } = useDroppable({
+        id: `arm:${containerId}:${armId}`,
+        data: { armContainerId: containerId, armId, armLabel, armMode: mode },
+    });
+    const dropTarget = React.useContext(DropTargetContext);
+    const active = dropTarget?.kind === 'arm' &&
+        dropTarget.containerId === containerId &&
+        dropTarget.armId === armId
+        ? dropTarget
+        : null;
+    return (_jsxs("div", { ref: setNodeRef, className: [
+            'kywi-editor-arm-drop',
+            // In place the zone sits between the site's own container and module
+            // wrappers, so it gets a class that promises to add no box of its own.
+            inPlace ? 'kywi-ip-arm-drop' : null,
+            active ? 'kywi-editor-arm-drop--over' : null,
+        ]
+            .filter(Boolean)
+            .join(' '), "data-kywi-arm-drop": `${containerId}:${armId}`, children: [children, active && (_jsx("div", { className: "kywi-editor-arm-drop-affordance", "data-kywi-editor-chrome": "", contentEditable: false, children: _jsxs("span", { children: [active.label ? `Drop ${active.label} to replace` : 'Drop to replace', " the ", armLabel, ' ', "variant's content"] }) }))] }));
+}
 /**
  * A MODULE-level variant container, rendered in place of the module it wrapped
  * (kywi-cms#161).
  *
  * The open arm's module renders through the ORDINARY `CanvasModule`, so the
  * props rail, inline text editing and the canvas preview all work on an arm
- * exactly as they do on any module — with the drag handle withheld, because the
- * container is the movable unit in v1. The block itself is the sortable node and
+ * exactly as they do on any module — including its drag handle since
+ * kywi-cms#171, which drags the arm's CONTENT onto the page (the container has
+ * its own grip in the chrome bar, and the two are visually distinct). The block
+ * itself is the sortable node and
  * carries `data-kywi-module-slot` so a palette drop measures against it like any
  * other slot; the arm module inside deliberately does not, or one column node
  * would be counted twice (see `ModuleOverlayProps.columnSlot`). It reuses the
@@ -511,7 +571,9 @@ function ModuleVariantContainerBlock({ container, columnId, index, state, dispat
     // splices against.
     const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
         id: container.id,
-        data: { source: 'canvas', moduleId: container.id, columnId, index, moduleType: 'moduleVariantContainer' },
+        // `containerMode` (kywi-cms#169) lets the DnD announcement say "personalized
+        // module" / "A/B tested module" instead of this sentinel type string itself.
+        data: { source: 'canvas', moduleId: container.id, columnId, index, moduleType: 'moduleVariantContainer', containerMode: container.mode },
     });
     const isAbTest = container.mode === 'ab_test';
     const isSelected = state.selectedId === container.id;
@@ -532,15 +594,62 @@ function ModuleVariantContainerBlock({ container, columnId, index, state, dispat
             weight: v.weight ?? null,
         })),
     ];
+    // The open arm's name, in the one place the switcher above already resolves
+    // it — the drag datum, the announcement and the drop affordance all say the
+    // same thing the tab says (kywi-cms#171).
+    const activeArmLabel = arms.find(a => a.id === activeArm)?.label ?? 'Default';
+    // A module container can itself be a linked component since kywi-cms#170, so
+    // it wears the same linked marks its section-level sibling does: the class,
+    // the `data-component-id` the editor and the public DOM both read, and the
+    // pill naming what it is an instance of.
+    const linkedName = linkedComponentName(container, componentAffordances);
     const className = inPlace
-        ? ['kywi-module-variant-container', 'kywi-ip-mvc', isSelected ? 'kywi-ip-mvc--selected' : null]
-            .filter(Boolean).join(' ')
-        : ['kywi-editor-mvc', isSelected ? 'kywi-editor-mvc--selected' : null].filter(Boolean).join(' ');
-    return (_jsxs("div", { ref: setNodeRef, className: className, style: { transform: CSS.Transform.toString(transform), transition }, "data-module-variant-container-id": container.id, "data-mvc-mode": container.mode, "data-variant": activeArm, "data-kywi-module-slot": "", "data-testid": "editor-module-variant-container", ...attributes, children: [_jsxs("div", { className: inPlace ? 'kywi-ip-chrome kywi-editor-mvc-chrome' : 'kywi-editor-mvc-chrome', "data-kywi-editor-chrome": "", contentEditable: false, onClick: (e) => {
+        ? [
+            'kywi-module-variant-container',
+            'kywi-ip-mvc',
+            isSelected ? 'kywi-ip-mvc--selected' : null,
+            container.componentId ? 'kywi-ip-mvc--linked' : null,
+        ].filter(Boolean).join(' ')
+        : [
+            'kywi-editor-mvc',
+            isSelected ? 'kywi-editor-mvc--selected' : null,
+            container.componentId ? 'kywi-editor-mvc--linked' : null,
+        ].filter(Boolean).join(' ');
+    // This bar is RIGHT-anchored (the arm module's own type chip owns the
+    // above-left corner), which put it exactly under the fixed props rail on a
+    // full-width column — and that rail is out whenever anything is selected, so
+    // the arm switcher could not be clicked for as long as an owner was working
+    // (kywi-cms#166).
+    //
+    // It takes the horizontal dodge and, in practice, no vertical clamp: its
+    // owner is a module, and a module is shorter than
+    // `CHROME_MIN_CLAMP_HEIGHT_PX`, so a clamped bar would land flush over the
+    // very module it labels and eat the click that selects it (kywi-cms#166
+    // review — the rule and the measurement live with the constant). That is the
+    // hook's answer for any short owner rather than a special case here, so a
+    // personalized module tall enough to host a bar still gets the clamp.
+    //
+    // `setNodeRef` is dnd-kit's; the hook needs a ref it can READ, so the two are
+    // joined below rather than one replacing the other.
+    const rootRef = React.useRef(null);
+    const setRefs = React.useCallback((node) => {
+        rootRef.current = node;
+        setNodeRef(node);
+    }, [setNodeRef]);
+    const { propsRailOpen } = useChromeEnv();
+    const chromeOffsets = useChromeFlip(rootRef, inPlace, false, propsRailOpen);
+    return (_jsxs("div", { ref: setRefs, className: className, style: { transform: CSS.Transform.toString(transform), transition }, "data-module-variant-container-id": container.id, "data-mvc-mode": container.mode, ...(container.componentId ? { 'data-component-id': container.componentId } : {}), "data-variant": activeArm, "data-kywi-module-slot": "", "data-testid": "editor-module-variant-container", ...attributes, children: [_jsxs("div", { className: inPlace
+                    ? ['kywi-ip-chrome', 'kywi-editor-mvc-chrome', ...chromeOffsetClasses(chromeOffsets, 'right')].join(' ')
+                    : 'kywi-editor-mvc-chrome', style: inPlace ? chromeOffsetStyle(chromeOffsets, 'right') : undefined, "data-kywi-editor-chrome": "", contentEditable: false, onClick: (e) => {
                     // Stop here so the canvas root doesn't immediately deselect.
                     e.stopPropagation();
                     dispatch({ type: 'SELECT', id: container.id, selectionType: 'moduleVariantContainer' });
-                }, children: [_jsx("span", { className: "kywi-editor-vc-badge", children: isAbTest ? 'A/B test' : 'Personalized' }), _jsx(ArmTabs, { arms: arms, activeArm: activeArm, isAbTest: isAbTest, onSelect: (armId) => dispatch({ type: 'SET_VARIANT_ARM', containerId: container.id, armId }) }), _jsx("button", { type: "button", className: "kywi-editor-module-action-btn kywi-editor-mvc-drag-handle", "aria-label": "Drag to reorder", title: "Drag to reorder", ...listeners, children: _jsx(EditorIcon, { name: "grip", size: 14 }) })] }), _jsx(CanvasModule, { node: node, columnId: columnId, index: index, state: state, dispatch: dispatch, moduleComponents: moduleComponents, inPlace: inPlace, draggable: false, columnSlot: false, ...(inlineEdit ? { inlineEdit } : {}), ...(resolveComponent ? { resolveComponent } : {}), ...(componentAffordances ? { componentAffordances } : {}) })] }));
+                }, children: [_jsx("span", { className: "kywi-editor-vc-badge", children: isAbTest ? 'A/B test' : 'Personalized' }), container.componentId ? _jsx(LinkedComponentPill, { name: linkedName }) : null, _jsx(ArmTabs, { arms: arms, activeArm: activeArm, isAbTest: isAbTest, onSelect: (armId) => dispatch({ type: 'SET_VARIANT_ARM', containerId: container.id, armId }) }), _jsx("button", { type: "button", className: "kywi-editor-module-action-btn kywi-editor-mvc-drag-handle", "aria-label": "Drag to reorder", title: "Drag to reorder", ...listeners, children: _jsx(EditorIcon, { name: "grip", size: 14 }) })] }), _jsx(ArmDropZone, { containerId: container.id, armId: activeArm, armLabel: activeArmLabel, mode: container.mode, inPlace: inPlace, children: _jsx(CanvasModule, { node: node, columnId: columnId, index: index, state: state, dispatch: dispatch, moduleComponents: moduleComponents, inPlace: inPlace, columnSlot: false, armOf: {
+                        containerId: container.id,
+                        armId: activeArm,
+                        label: activeArmLabel,
+                        containerMode: container.mode,
+                    }, ...(inlineEdit ? { inlineEdit } : {}), ...(resolveComponent ? { resolveComponent } : {}), ...(componentAffordances ? { componentAffordances } : {}) }) })] }));
 }
 // ── EditorCanvas ──────────────────────────────────────────────────────────────
 /**
@@ -553,7 +662,7 @@ function ModuleVariantContainerBlock({ container, columnId, index, state, dispat
  * references from the shells (LayoutEditor / OverlayShell) across a
  * drop-target update.
  */
-export const EditorCanvas = React.memo(function EditorCanvas({ state, dispatch, moduleComponents, onInsertSection, resolveComponent, overlayHandles = false, inPlace = false, paletteOpen = false, inlineEdit, componentAffordances, canPromoteModules = true, }) {
+export const EditorCanvas = React.memo(function EditorCanvas({ state, dispatch, moduleComponents, onInsertSection, resolveComponent, overlayHandles = false, inPlace = false, paletteOpen = false, propsRailOpen = false, inlineEdit, componentAffordances, canPromoteModules = true, }) {
     const regions = getRegions(state);
     // In place the canvas is NOT an artboard: it carries no background, padding
     // or max-width of its own, so the page renders at its real width with its own
@@ -569,9 +678,14 @@ export const EditorCanvas = React.memo(function EditorCanvas({ state, dispatch,
     // Variant containers count (kywi-cms#92): a page whose regions hold only
     // personalized / A-B'd bands has a real layout and must not be told it has none.
     const totalNodes = Object.values(regions).reduce((count, nodes) => count + nodes.filter(isRenderableNode).length, 0);
-    return (_jsx(ModuleEditorContext.Provider, { value: true, children: _jsxs("div", { className: canvasClassName, onClick: () => dispatch({ type: 'DESELECT' }), children: [totalNodes === 0 && (_jsxs("div", { className: "kywi-editor-canvas-empty", "data-testid": "editor-canvas-empty", children: [_jsx("p", { className: "kywi-editor-canvas-empty-title", children: "This page currently renders its body content." }), _jsx("p", { className: "kywi-editor-canvas-empty-copy", children: "Add a section to design it with the layout engine." }), _jsx("button", { type: "button", className: "kywi-editor-canvas-empty-cta", onClick: (event) => {
-                                event.stopPropagation();
-                                onInsertSection(Object.keys(regions)[0] ?? 'main');
-                            }, children: "+ Add Section" })] })), Object.entries(regions).map(([regionName, nodes]) => (_jsxs(RegionOverlay, { name: regionName, inPlace: inPlace, children: [nodes.filter(isRenderableNode).map((node) => (_jsxs(React.Fragment, { children: [!inPlace && _jsx(SectionInsertLine, { onInsert: () => onInsertSection(regionName) }), isLayoutSection(node) ? (_jsx(SectionBlock, { section: node, state: state, dispatch: dispatch, moduleComponents: moduleComponents, inPlace: inPlace, paletteOpen: paletteOpen, canPromoteModules: canPromoteModules, ...(inlineEdit ? { inlineEdit } : {}), ...(resolveComponent ? { resolveComponent } : {}), ...(componentAffordances ? { componentAffordances } : {}) })) : (_jsx(VariantContainerBlock, { container: node, state: state, dispatch: dispatch, moduleComponents: moduleComponents, inPlace: inPlace, paletteOpen: paletteOpen, ...(inlineEdit ? { inlineEdit } : {}), ...(resolveComponent ? { resolveComponent } : {}), ...(componentAffordances ? { componentAffordances } : {}) }))] }, node.id))), _jsx(SectionInsertLine, { onInsert: () => onInsertSection(regionName), inPlace: inPlace })] }, regionName)))] }) }));
+    // Which rails are out, for every floating chrome in the tree (kywi-cms#128).
+    // Published from this component's own props — the shell that owns the rails
+    // is still the single source — so a chip five levels down can step aside
+    // without four intermediate components carrying a prop none of them reads.
+    const chromeEnv = React.useMemo(() => ({ paletteOpen, propsRailOpen }), [paletteOpen, propsRailOpen]);
+    return (_jsx(ModuleEditorContext.Provider, { value: true, children: _jsx(ChromeEnvContext.Provider, { value: chromeEnv, children: _jsxs("div", { className: canvasClassName, onClick: () => dispatch({ type: 'DESELECT' }), children: [totalNodes === 0 && (_jsxs("div", { className: "kywi-editor-canvas-empty", "data-testid": "editor-canvas-empty", children: [_jsx("p", { className: "kywi-editor-canvas-empty-title", children: "This page currently renders its body content." }), _jsx("p", { className: "kywi-editor-canvas-empty-copy", children: "Add a section to design it with the layout engine." }), _jsx("button", { type: "button", className: "kywi-editor-canvas-empty-cta", onClick: (event) => {
+                                    event.stopPropagation();
+                                    onInsertSection(Object.keys(regions)[0] ?? 'main');
+                                }, children: "+ Add Section" })] })), Object.entries(regions).map(([regionName, nodes]) => (_jsxs(RegionOverlay, { name: regionName, inPlace: inPlace, children: [nodes.filter(isRenderableNode).map((node) => (_jsxs(React.Fragment, { children: [!inPlace && _jsx(SectionInsertLine, { onInsert: () => onInsertSection(regionName) }), isLayoutSection(node) ? (_jsx(SectionBlock, { section: node, state: state, dispatch: dispatch, moduleComponents: moduleComponents, inPlace: inPlace, paletteOpen: paletteOpen, canPromoteModules: canPromoteModules, ...(inlineEdit ? { inlineEdit } : {}), ...(resolveComponent ? { resolveComponent } : {}), ...(componentAffordances ? { componentAffordances } : {}) })) : (_jsx(VariantContainerBlock, { container: node, state: state, dispatch: dispatch, moduleComponents: moduleComponents, inPlace: inPlace, paletteOpen: paletteOpen, ...(inlineEdit ? { inlineEdit } : {}), ...(resolveComponent ? { resolveComponent } : {}), ...(componentAffordances ? { componentAffordances } : {}) }))] }, node.id))), _jsx(SectionInsertLine, { onInsert: () => onInsertSection(regionName), inPlace: inPlace })] }, regionName)))] }) }) }));
 });
 //# sourceMappingURL=editor-canvas.js.map