@parhelia/core 0.1.12895 → 0.1.12900

package/dist/editor/page-editor-chrome/InsertComponentMenu.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from "react";
+import type { InsertOption } from "../../types";
+/**
+ * The component insert/append menu. Unlike a context menu it is anchored to the
+ * placeholder "+" button it belongs to (via {@link PopoverTrigger}) rather than
+ * popping up at the mouse position. It opens to the right by default, flips/
+ * shifts to stay on-screen (Radix collision handling), and animates in with a
+ * slide + zoom from the anchor.
+ *
+ * The trigger is the caller's "+" button: pass it as {@link children}. The
+ * caller keeps full ownership of the button's click handling - opening is driven
+ * by the controlled `open`/`onOpenChange` pair, so modifier-click / quick-insert
+ * shortcuts can short-circuit (preventDefault) without ever opening the menu.
+ */
+export declare function InsertComponentMenu({ open, onOpenChange, title, options, onSelect, side, align, sideOffset, children, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    options: InsertOption[];
+    onSelect: (option: InsertOption) => void;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/page-editor-chrome/InsertComponentMenu.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
+import { cn } from "../../lib/utils";
+import { buildInsertMenuSections } from "../insertMenuItems";
+import { getAbsoluteIconUrl } from "../utils";
+/**
+ * The component insert/append menu. Unlike a context menu it is anchored to the
+ * placeholder "+" button it belongs to (via {@link PopoverTrigger}) rather than
+ * popping up at the mouse position. It opens to the right by default, flips/
+ * shifts to stay on-screen (Radix collision handling), and animates in with a
+ * slide + zoom from the anchor.
+ *
+ * The trigger is the caller's "+" button: pass it as {@link children}. The
+ * caller keeps full ownership of the button's click handling - opening is driven
+ * by the controlled `open`/`onOpenChange` pair, so modifier-click / quick-insert
+ * shortcuts can short-circuit (preventDefault) without ever opening the menu.
+ */
+export function InsertComponentMenu({ open, onOpenChange, title, options, onSelect, side = "right", align = "start", sideOffset = 14, children, }) {
+    const sections = buildInsertMenuSections(options);
+    return (_jsxs(Popover, { open: open, onOpenChange: onOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: children }), _jsxs(PopoverContent, { side: side, align: align, sideOffset: sideOffset, collisionPadding: 12, 
+                // Keep focus on the canvas; the overlay sits above an iframe and
+                // auto-focusing the panel can scroll the editor unexpectedly.
+                onOpenAutoFocus: (event) => event.preventDefault(), "data-testid": "insert-component-menu", className: cn("border-border-default text-popover-foreground z-250 w-60 max-w-[15rem] overflow-hidden rounded-[4px] border bg-white/95 p-1.5 backdrop-blur-md", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=right]:slide-in-from-left-1.5 data-[side=left]:slide-in-from-right-1.5", "data-[side=top]:slide-in-from-bottom-1.5 data-[side=bottom]:slide-in-from-top-1.5", "duration-150 ease-out"), children: [_jsx("div", { className: "text-neutral-grey-50 px-2 pt-1 pb-1.5 text-[11px] font-semibold tracking-wide uppercase", children: title }), _jsx("div", { className: "flex max-h-[min(60vh,22rem)] flex-col gap-0.5 overflow-y-auto", children: sections.map((section, sectionIndex) => (_jsxs("div", { className: "flex flex-col", children: [section.name && (_jsx("div", { className: "text-neutral-grey-50/80 px-2 pt-2 pb-0.5 text-[10px] font-medium tracking-wide uppercase", children: section.name })), section.options.map((option) => (_jsxs("button", { type: "button", "data-testid": "insert-component-menu-item", "data-type-id": option.typeId, onClick: (event) => {
+                                        event.preventDefault();
+                                        event.stopPropagation();
+                                        onSelect(option);
+                                    }, className: cn("group flex w-full items-center gap-2.5 rounded-[4px] px-2 py-1.5 text-left text-[12px]", "transition-colors duration-100 ease-out", "hover:bg-neutral-grey-5 focus-visible:bg-neutral-grey-5 focus-visible:outline-none"), children: [_jsx("span", { className: "bg-neutral-grey-5 flex h-6 w-6 shrink-0 items-center justify-center rounded-[4px] transition-colors duration-100 group-hover:bg-white", children: _jsx("img", { src: getAbsoluteIconUrl(option.icon), width: 16, height: 16, className: "shrink-0", alt: "" }) }), _jsx("span", { className: "truncate", children: option.name })] }, option.typeId)))] }, section.name ?? sectionIndex))) })] })] }));
+}
+//# sourceMappingURL=InsertComponentMenu.js.map

package/dist/editor/page-editor-chrome/InsertComponentMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsertComponentMenu.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/InsertComponentMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,OAAO,EACf,UAAU,GAAG,EAAE,EACf,QAAQ,GAWT;IACC,MAAM,QAAQ,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;IAElD,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aAC7C,KAAC,cAAc,IAAC,OAAO,kBAAE,QAAQ,GAAkB,EACnD,MAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,EAAE;gBACpB,iEAAiE;gBACjE,8DAA8D;gBAC9D,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,iBACtC,uBAAuB,EACnC,SAAS,EAAE,EAAE,CACX,gJAAgJ,EAChJ,8DAA8D,EAC9D,4DAA4D,EAC5D,8DAA8D,EAC9D,mFAAmF,EACnF,mFAAmF,EACnF,uBAAuB,CACxB,aAED,cAAK,SAAS,EAAC,yFAAyF,YACrG,KAAK,GACF,EACN,cAAK,SAAS,EAAC,+DAA+D,YAC3E,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE,CAAC,CACvC,eAAwC,SAAS,EAAC,eAAe,aAC9D,OAAO,CAAC,IAAI,IAAI,CACf,cAAK,SAAS,EAAC,0FAA0F,YACtG,OAAO,CAAC,IAAI,GACT,CACP,EACA,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC/B,kBAEE,IAAI,EAAC,QAAQ,iBACD,4BAA4B,kBAC1B,MAAM,CAAC,MAAM,EAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;wCACjB,KAAK,CAAC,cAAc,EAAE,CAAC;wCACvB,KAAK,CAAC,eAAe,EAAE,CAAC;wCACxB,QAAQ,CAAC,MAAM,CAAC,CAAC;oCACnB,CAAC,EACD,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,yCAAyC,EACzC,oFAAoF,CACrF,aAED,eAAM,SAAS,EAAC,uIAAuI,YACrJ,cACE,GAAG,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,EACpC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,UAAU,EACpB,GAAG,EAAC,EAAE,GACN,GACG,EACP,eAAM,SAAS,EAAC,UAAU,YAAE,MAAM,CAAC,IAAI,GAAQ,KAxB1C,MAAM,CAAC,MAAM,CAyBX,CACV,CAAC,KAlCM,OAAO,CAAC,IAAI,IAAI,YAAY,CAmChC,CACP,CAAC,GACE,IACS,IACT,CACX,CAAC;AACJ,CAAC"}

package/dist/editor/page-editor-chrome/PageEditorChrome.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { useEditContext } from "../client/editContext";
 import { FieldActionsIndicators } from "./FieldActionIndicators";
 import { PlaceholderDropZones } from "./PlaceholderDropZones";
+import { DragInsertionOverlay } from "./DragInsertionOverlay";
 import { PictureEditorOverlay } from "./PictureEditorOverlay";
 import { LockedFieldIndicator } from "./LockedFieldIndicator";
 import { FrameMenus } from "./FrameMenus";
@@ -13,6 +15,15 @@ import { useSlotContext } from "../views/editorSlotContext";
 import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
 import { BridgeInlineFormatOverlay } from "./BridgeInlineFormatOverlay";
 import { measureElementRect, rectEquals, } from "./overlay/geometry";
+import { componentFrameBgColorVariants } from "../componentFrameColors";
+// Keeps the "+" dots and the drag insertion line in sync: DragInsertionOverlay
+// publishes the gap it is currently targeting, and PlaceholderDropZones lights
+// up the matching dot. The state lives here (not in PageEditorChrome) so a gap
+// change only re-renders these two siblings, not the whole chrome.
+function PlaceholderInsertionLayer({ pageViewContext, }) {
+    const [activeTargetKey, setActiveTargetKey] = useState(null);
+    return (_jsxs(_Fragment, { children: [_jsx(PlaceholderDropZones, { size: "large", pageViewContext: pageViewContext, activeTargetKey: activeTargetKey }), _jsx(DragInsertionOverlay, { pageViewContext: pageViewContext, onActiveTargetChange: setActiveTargetKey })] }));
+}
 export function PageEditorChrome(props) {
     const editContext = useEditContext();
     const hasBridgeChromeData = props.pageViewContext.bridgeReady ||
@@ -25,7 +36,7 @@ export function PageEditorChrome(props) {
 }
 function PageEditorChromeContent({ compareView, pageViewContext, editContext, onBridgeRichTextCommand, }) {
     const slotContext = useSlotContext();
-    return (_jsxs(_Fragment, { children: [_jsx(FrameMenus, { pageViewContext: pageViewContext, compareView: compareView }), _jsx(BridgeInlineFormatOverlay, { onCommand: onBridgeRichTextCommand, pageViewContext: pageViewContext }), editContext.mode === "edit" && (_jsxs(_Fragment, { children: [_jsx(PlaceholderDropZones, { size: "large", pageViewContext: pageViewContext }), slotContext?.isActive && _jsx(InsertingIndicator, {})] })), editContext.showComments && (_jsx(CommentHighlightings, { pageViewContext: pageViewContext })), editContext.showSuggestedEdits && (_jsx(SuggestionHighlightings, { pageViewContext: pageViewContext })), _jsx(LockedFieldIndicator, { pageViewContext: pageViewContext }), editContext.mode === "edit" && (_jsx(PictureEditorOverlay, { pageViewContext: pageViewContext })), editContext.showVersionDiffHighlighting && (_jsx(VersionDiffHighlightings, { pageViewContext: pageViewContext })), _jsx(FieldActionsIndicators, { pageViewContext: pageViewContext }), _jsx(FieldEditedIndicators, { pageViewContext: pageViewContext })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(FrameMenus, { pageViewContext: pageViewContext, compareView: compareView }), _jsx(BridgeInlineFormatOverlay, { onCommand: onBridgeRichTextCommand, pageViewContext: pageViewContext }), editContext.mode === "edit" && (_jsxs(_Fragment, { children: [_jsx(PlaceholderInsertionLayer, { pageViewContext: pageViewContext }), slotContext?.isActive && _jsx(InsertingIndicator, {})] })), editContext.showComments && (_jsx(CommentHighlightings, { pageViewContext: pageViewContext })), editContext.showSuggestedEdits && (_jsx(SuggestionHighlightings, { pageViewContext: pageViewContext })), _jsx(LockedFieldIndicator, { pageViewContext: pageViewContext }), editContext.mode === "edit" && (_jsx(PictureEditorOverlay, { pageViewContext: pageViewContext })), editContext.showVersionDiffHighlighting && (_jsx(VersionDiffHighlightings, { pageViewContext: pageViewContext })), _jsx(FieldActionsIndicators, { pageViewContext: pageViewContext }), _jsx(FieldEditedIndicators, { pageViewContext: pageViewContext })] }));
 }
 function InsertingIndicator() {
     const editContext = useEditContext();
@@ -62,7 +73,8 @@ function InsertingIndicator() {
     });
     if (!position)
         return null;
-    return (_jsxs("div", { className: "pointer-events-none absolute flex h-8 w-8", style: { top: position.y - 16, left: position.x - 16, zIndex: 1000 }, children: [_jsx("span", { className: "bg-feedback-blue absolute inline-flex h-full w-full animate-ping rounded-full opacity-75" }), _jsx("span", { className: "bg-feedback-blue relative inline-flex h-8 w-8 rounded-full" })] }));
+    const colorClassName = componentFrameBgColorVariants[inserting?.color ?? "default"];
+    return (_jsxs("div", { className: "pointer-events-none absolute flex h-8 w-8", style: { top: position.y - 16, left: position.x - 16, zIndex: 1000 }, children: [_jsx("span", { className: `${colorClassName} absolute inline-flex h-full w-full animate-ping rounded-full opacity-75` }), _jsx("span", { className: `${colorClassName} relative inline-flex h-8 w-8 rounded-full` })] }));
 }
 function clampInsertionPosition(position, metrics) {
     const maxX = Math.max(20, metrics.scrollWidth * metrics.visualScale - 20);

package/dist/editor/page-editor-chrome/PageEditorChrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageEditorChrome.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/PageEditorChrome.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PageEditorChrome.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/PageEditorChrome.tsx"],"names":[],"mappings":"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"}

package/dist/editor/page-editor-chrome/PlaceholderDropZone.d.ts

@@ -1,5 +1,7 @@
 import { Placeholder } from "../pageModel";
-export declare function PlaceholderDropZone({ placeholder, description, index, parentName, spotPosition, spotPositionElement, spotPositionAnchor, size, className, insertMenuTitle, typeIdOnCtrlClick, isLayoutZone, }: {
+import { type ComponentFrameColor, type ComponentFrameInsertColor } from "../componentFrameColors";
+export declare const SMALL_DROPZONE_SCALE = 0.44;
+export declare function PlaceholderDropZone({ placeholder, description, index, parentName, spotPosition, displaySpotPosition, spotPositionElement, spotPositionAnchor, size, className, insertMenuTitle, typeIdOnCtrlClick, color, frameColor, pillLabel, onDragHandlePointerDown, interactive, isActiveTarget, }: {
     placeholder: Placeholder;
     description?: string;
     index: number;
@@ -8,11 +10,40 @@ export declare function PlaceholderDropZone({ placeholder, description, index, p
         x: number;
         y: number;
     };
+    displaySpotPosition?: {
+        x: number;
+        y: number;
+    };
     spotPositionElement?: Element | null;
     size: "large" | "small";
     spotPositionAnchor: "top" | "bottom" | "left" | "right";
     className?: string;
     insertMenuTitle?: string;
     typeIdOnCtrlClick?: string;
-    isLayoutZone?: boolean;
+    color?: ComponentFrameInsertColor;
+    frameColor?: ComponentFrameColor;
+    /**
+     * When set, the dropzone renders as a labelled "pill" button (a "+" icon
+     * followed by this text) instead of the compact circular "+". Used for the
+     * component append affordance in {@link FrameMenu}.
+     */
+    pillLabel?: string;
+    /**
+     * Pointer-down handler for the pill's drag grip. When provided (pill mode), a
+     * 6-dot grip is rendered to the left of the pill; pressing and dragging it
+     * starts a whole-component drag - the same gesture the frame-header grip uses.
+     */
+    onDragHandlePointerDown?: (e: React.PointerEvent<HTMLElement>) => void;
+    /**
+     * When false (e.g. while a drag is in progress), the dot renders as a
+     * pointer-events-none visual affordance only - the DragInsertionOverlay owns
+     * the drop, so the dots stay visible but never intercept dragover/drop/hover.
+     */
+    interactive?: boolean;
+    /**
+     * True when this dot's gap is the one the drag insertion line is currently
+     * targeting. The dot is emphasized (scaled + ringed) and lifted above its
+     * siblings so it reads as the live drop target.
+     */
+    isActiveTarget?: boolean;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/page-editor-chrome/PlaceholderDropZone.js

@@ -2,12 +2,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { useEditContext } from "../client/editContext";
-import { Plus } from "lucide-react";
+import { GripVertical, Plus } from "lucide-react";
 import { cn } from "../../lib/utils";
+import { getVisibleInsertOptions } from "../insertMenuItems";
+import { InsertComponentMenu } from "./InsertComponentMenu";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
-import { buildInsertMenuItems, getVisibleInsertOptions, } from "../insertMenuItems";
-export function PlaceholderDropZone({ placeholder, description, index, parentName, spotPosition, spotPositionElement, spotPositionAnchor, size, className, insertMenuTitle, typeIdOnCtrlClick, isLayoutZone, }) {
+import { componentFrameBgColorVariants, componentFrameBgHoverColorVariants, } from "../componentFrameColors";
+export const SMALL_DROPZONE_SCALE = 0.44;
+// During a drag the "+" dots sit ABOVE the insertion line (z 860, see
+// InsertionLine.tsx) so the line reads as passing BEHIND the buttons. The dots
+// are pointer-events-none in that mode, so the drop still routes to the drag
+// surface underneath.
+const DRAGGING_DROPZONE_Z_INDEX = 870;
+export function PlaceholderDropZone({ placeholder, description, index, parentName, spotPosition, displaySpotPosition, spotPositionElement, spotPositionAnchor, size, className, insertMenuTitle, typeIdOnCtrlClick, color = "default", frameColor, pillLabel, onDragHandlePointerDown, interactive = true, isActiveTarget = false, }) {
     const [isHovering, setIsHovering] = useState(false);
+    const [menuOpen, setMenuOpen] = useState(false);
     const dropZoneRef = useRef(null);
     const editContext = useEditContext();
     function dragOver(ev) {
@@ -31,16 +40,25 @@ export function PlaceholderDropZone({ placeholder, description, index, parentNam
         setIsHovering(false);
         editContext.setStatusMessage("");
         const anchorElement = spotPositionElement ?? dropZoneRef.current;
-        editContext.droppedInPlaceholder(placeholder.key, index, anchorElement ?? undefined, anchorElement ? spotPositionAnchor : undefined, undefined, spotPosition);
+        editContext.droppedInPlaceholder(placeholder.key, index, anchorElement ?? undefined, anchorElement ? spotPositionAnchor : undefined, undefined, spotPosition, color);
     }
+    const visualSpotPosition = displaySpotPosition ?? spotPosition;
     const overlayStyle = {
-        top: spotPosition.y,
-        left: spotPosition.x,
-        zIndex: isHovering ? 40 : 30,
+        top: visualSpotPosition.y,
+        left: visualSpotPosition.x,
+        zIndex: interactive
+            ? isHovering
+                ? 40
+                : 30
+            : isActiveTarget
+                ? DRAGGING_DROPZONE_Z_INDEX + 5
+                : DRAGGING_DROPZONE_Z_INDEX,
         transform: "none",
     };
-    if (size === "small")
-        overlayStyle.transform = "scale(0.5)";
+    // Pills keep their full size; only the compact "+" dots scale down.
+    if (size === "small" && !pillLabel) {
+        overlayStyle.transform = `scale(${SMALL_DROPZONE_SCALE})`;
+    }
     useEffect(() => {
         if (!editContext)
             return;
@@ -64,6 +82,14 @@ export function PlaceholderDropZone({ placeholder, description, index, parentNam
     const visibleInsertOptions = getVisibleInsertOptions(placeholder.insertOptions);
     if (visibleInsertOptions.length === 0)
         return null;
+    const visualColor = frameColor ?? color;
+    const colorClassName = componentFrameBgColorVariants[visualColor];
+    const hoverColorClassName = componentFrameBgHoverColorVariants[visualColor];
+    const selectedInsertOption = visibleInsertOptions.find((x) => x.typeId === editContext.selectedForInsertion ||
+        x.compatibleTypeIds?.includes(editContext.selectedForInsertion));
+    // Resolve a friendly placeholder label for the tooltip title: implicit
+    // placeholders are keyed by GUID, so swap the GUID for the datasource/item
+    // display name when we can find a match.
     const formatPlaceholderLabel = (rawLabel, currentPlaceholder) => {
         const isImplicit = currentPlaceholder.key.startsWith("implicit_");
         if (!isImplicit)
@@ -83,13 +109,13 @@ export function PlaceholderDropZone({ placeholder, description, index, parentNam
             return rawLabel;
         return rawLabel.replace(guidRegex, resolvedName);
     };
-    const ctrlTypeOption = typeIdOnCtrlClick
-        ? visibleInsertOptions.find((x) => x.typeId === typeIdOnCtrlClick)
+    // Name of the type that Ctrl+Click quick-inserts, shown in the tooltip.
+    const ctrlTypeName = typeIdOnCtrlClick
+        ? visibleInsertOptions.find((x) => x.typeId === typeIdOnCtrlClick)?.name
         : undefined;
-    const ctrlTypeName = ctrlTypeOption?.name;
-    const selectedInsertOption = visibleInsertOptions.find((x) => x.typeId === editContext.selectedForInsertion ||
-        x.compatibleTypeIds?.includes(editContext.selectedForInsertion));
     const placeholderLabel = `${formatPlaceholderLabel(description ?? placeholder.name, placeholder)} (${index + 1})`;
+    // The pill's hover tooltip: placeholder context plus the Click / Ctrl+Click
+    // interaction hint (the Ctrl+Click line only when a quick-insert type exists).
     const tooltipBody = typeIdOnCtrlClick ? (_jsxs("div", { className: "p-1 text-sm", children: [_jsx("div", { className: "mb-1.5 text-xs font-medium text-white", children: placeholderLabel }), _jsxs("div", { className: "space-y-0.5 text-xs text-white/85", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "badge-pad-sm rounded border border-white/15 bg-white/15 font-mono text-[10px] text-white", children: "Click" }), _jsx("span", { children: "Open menu" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "badge-pad-sm rounded border border-white/15 bg-white/15 font-mono text-[10px] text-white", children: "Ctrl+Click" }), _jsxs("span", { children: ["Quick-add ", ctrlTypeName || "same type"] })] })] })] })) : (_jsx("div", { className: "p-1 text-sm", children: _jsx("div", { className: "text-xs font-medium text-white", children: placeholderLabel }) }));
     function dragLeave(ev) {
         // Check if we're actually leaving the drop zone (not just moving to a child element)
@@ -102,62 +128,59 @@ export function PlaceholderDropZone({ placeholder, description, index, parentNam
         }
         setIsHovering(false);
     }
-    return (_jsx("div", { className: "pointer-events-auto absolute", style: overlayStyle, children: _jsxs("div", { ref: dropZoneRef, onDragOver: dragOver, "data-testid": "placeholder-dropzone", "data-testindex": index, "data-parent-name": parentName || "", "data-placeholder-name": description || placeholder.name, "data-insert-option-type-ids": visibleInsertOptions
-                .map((x) => x.typeId)
-                .join("|"), "data-insert-option-names": visibleInsertOptions
-                .map((x) => x.name)
-                .join("|"), "data-selected-insert-type": selectedInsertOption ? editContext.selectedForInsertion : undefined, onDrop: drop, onDragLeave: dragLeave, onClick: (e) => {
-                // Prevent the initiating click from bubbling to the window-level
-                // context menu close handlers, which would immediately close the menu
-                // after opening it.
-                e.stopPropagation();
-                // Quick-insert on Ctrl+Click: add a component of the provided type immediately
-                if (e.ctrlKey && typeIdOnCtrlClick) {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    const sameTypeOption = visibleInsertOptions.find((x) => x.typeId === typeIdOnCtrlClick);
-                    const anchorElement = spotPositionElement ?? dropZoneRef.current;
-                    if (sameTypeOption) {
-                        editContext.droppedInPlaceholder(placeholder.key, index, anchorElement ?? undefined, anchorElement ? spotPositionAnchor : undefined, sameTypeOption, spotPosition);
-                    }
-                    else {
-                        editContext.operations.addComponent(typeIdOnCtrlClick, placeholder.key, index, editContext.currentItemDescriptor);
-                    }
-                    return;
-                }
-                //const placeholderKeyComponents = placeholder.key.split("_");
-                // const parentId =
-                //   placeholderKeyComponents.length === 1
-                //     ? undefined
-                //     : placeholderKeyComponents[0];
-                const insertOption = visibleInsertOptions.find((x) => x.typeId === editContext.selectedForInsertion);
-                if (insertOption) {
-                    const anchorElement = spotPositionElement ?? dropZoneRef.current;
-                    editContext.droppedInPlaceholder(placeholder.key, index, anchorElement ?? undefined, anchorElement ? spotPositionAnchor : undefined, insertOption, spotPosition);
-                    return;
-                }
-                const insertMenuItems = buildInsertMenuItems(visibleInsertOptions, async (x) => {
-                    await editContext.operations.addComponent(x.typeId, placeholder.key, index, editContext.currentItemDescriptor);
-                });
-                if (insertMenuItems.length > 0)
-                    editContext.showContextMenu(e, [
-                        {
-                            id: "header",
-                            label: insertMenuTitle || "Insert Component",
-                            disabled: true,
-                            className: "pb-0.5 text-neutral-grey-50",
-                        },
-                        ...insertMenuItems,
-                    ]);
-                e.preventDefault();
-            }, className: "placeholder placeholder-dropzone pointer-events-auto cursor-pointer", children: [isHovering && (_jsx("div", { className: "pointer-events-none absolute top-full left-1/2 z-50 mt-3 min-w-max -translate-x-1/2", "data-testid": "placeholder-dropzone-drag-label", children: _jsx("div", { className: "bg-neutral-grey-100/95 rounded-md border-0 text-white shadow-xl backdrop-blur-md", children: tooltipBody }) })), _jsxs(Tooltip, { delayDuration: 500, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { draggable: false, className: cn("test-ph-dropzone tour-placeholder-dropzone", "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", "flex items-center justify-center rounded-full", "h-8 w-8", "text-white", "transition-all duration-300 ease-out", "border border-white/50", isHovering ? "z-40 scale-[1.15]" : "z-30 hover:scale-[1.15]", isLayoutZone ? "bg-highlight-100" : "bg-component-default", className), style: {
-                                    boxShadow: isLayoutZone
-                                        ? isHovering
-                                            ? "0 8px 24px color-mix(in srgb, var(--color-highlight-100) 50%, transparent)"
-                                            : "0 4px 12px color-mix(in srgb, var(--color-highlight-100) 30%, transparent)"
-                                        : isHovering
-                                            ? "0 8px 24px color-mix(in srgb, var(--color-component-default) 50%, transparent)"
-                                            : "0 4px 12px color-mix(in srgb, var(--color-component-default) 30%, transparent)",
-                                }, "data-testid": "placeholder-dropzone-button", children: _jsx(Plus, { className: "h-4 w-4", strokeWidth: 2.5, style: { pointerEvents: "none" } }) }) }), _jsx(TooltipContent, { className: "bg-neutral-grey-100/95 border-0 text-white shadow-xl backdrop-blur-md", sideOffset: 8, children: tooltipBody })] })] }) }));
+    const insertOptionAtThisGap = (option) => {
+        void editContext.operations.addComponent(option.typeId, placeholder.key, index, editContext.currentItemDescriptor);
+    };
+    const handleDropZoneClick = (e) => {
+        // Keep the click from bubbling to window-level close handlers.
+        e.stopPropagation();
+        // Quick-insert on Ctrl+Click: add a component of the provided type
+        // immediately. preventDefault() stops the popover trigger from also opening.
+        if (e.ctrlKey && typeIdOnCtrlClick) {
+            e.preventDefault();
+            const sameTypeOption = visibleInsertOptions.find((x) => x.typeId === typeIdOnCtrlClick);
+            const anchorElement = spotPositionElement ?? dropZoneRef.current;
+            if (sameTypeOption) {
+                editContext.droppedInPlaceholder(placeholder.key, index, anchorElement ?? undefined, anchorElement ? spotPositionAnchor : undefined, sameTypeOption, spotPosition, color);
+            }
+            else {
+                editContext.operations.addComponent(typeIdOnCtrlClick, placeholder.key, index, editContext.currentItemDescriptor);
+            }
+            return;
+        }
+        // A type pre-selected for insertion (insert mode) drops directly into this
+        // gap - no menu. preventDefault() keeps the popover trigger from opening.
+        const insertOption = visibleInsertOptions.find((x) => x.typeId === editContext.selectedForInsertion);
+        if (insertOption) {
+            e.preventDefault();
+            const anchorElement = spotPositionElement ?? dropZoneRef.current;
+            editContext.droppedInPlaceholder(placeholder.key, index, anchorElement ?? undefined, anchorElement ? spotPositionAnchor : undefined, insertOption, spotPosition, color);
+            return;
+        }
+        // Otherwise let the InsertComponentMenu popover trigger toggle (do NOT
+        // preventDefault): the menu opens anchored to this "+" button.
+    };
+    return (_jsx("div", { className: cn("absolute", interactive ? "pointer-events-auto" : "pointer-events-none"), style: overlayStyle, children: pillLabel ? (
+        // Append affordance: a labelled "+ <pillLabel>" pill, optionally preceded
+        // by a 6-dot grip that drag-moves the owning component.
+        _jsxs("div", { className: "absolute top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center gap-1.5", children: [onDragHandlePointerDown && (_jsx("div", { onPointerDown: onDragHandlePointerDown, onClick: (e) => e.stopPropagation(), "aria-label": `Drag to move ${parentName ?? "component"}`, "data-testid": "placeholder-dropzone-drag-handle", className: cn("pointer-events-auto flex h-8 w-7 cursor-move items-center justify-center rounded-[4px] text-white transition-colors duration-100 ease-out select-none", colorClassName, hoverColorClassName, className), children: _jsx(GripVertical, { className: "h-5 w-5", strokeWidth: 1, style: { pointerEvents: "none" } }) })), _jsxs(Tooltip, { children: [_jsx(InsertComponentMenu, { open: menuOpen, onOpenChange: setMenuOpen, title: insertMenuTitle || "Insert Component", options: visibleInsertOptions, onSelect: insertOptionAtThisGap, side: "right", align: "start", sideOffset: 12, children: _jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { ref: dropZoneRef, onDragOver: dragOver, "data-testid": "placeholder-dropzone", "data-testindex": index, "data-parent-name": parentName || "", "data-placeholder-name": description || placeholder.name, "data-insert-option-type-ids": visibleInsertOptions
+                                        .map((x) => x.typeId)
+                                        .join("|"), "data-insert-option-names": visibleInsertOptions
+                                        .map((x) => x.name)
+                                        .join("|"), "data-selected-insert-type": selectedInsertOption
+                                        ? editContext.selectedForInsertion
+                                        : undefined, onDrop: drop, onDragLeave: dragLeave, onClick: handleDropZoneClick, "aria-label": pillLabel, className: cn("placeholder placeholder-dropzone group/add-component pointer-events-auto flex h-8 cursor-pointer items-center overflow-hidden rounded-[4px] px-2 text-[12px] font-normal whitespace-nowrap text-white transition-colors duration-100 ease-out select-none data-[state=open]:ring-2 data-[state=open]:ring-white/70", colorClassName, hoverColorClassName, className), children: _jsxs("span", { "data-testid": "placeholder-dropzone-button", className: "test-ph-dropzone tour-placeholder-dropzone flex items-center", children: [_jsx(Plus, { className: "h-4 w-4 shrink-0", strokeWidth: 1 }), _jsx("span", { className: "ml-0 max-w-0 translate-x-[-2px] overflow-hidden opacity-0 transition-[max-width,opacity,transform,margin] duration-200 ease-out group-hover/add-component:ml-1.5 group-hover/add-component:max-w-[7rem] group-hover/add-component:translate-x-0 group-hover/add-component:opacity-100 group-data-[state=open]/add-component:ml-1.5 group-data-[state=open]/add-component:max-w-[7rem] group-data-[state=open]/add-component:translate-x-0 group-data-[state=open]/add-component:opacity-100", children: pillLabel })] }) }) }) }), _jsx(TooltipContent, { side: "top", sideOffset: 8, className: "bg-neutral-grey-100/95 border-0 text-white shadow-xl backdrop-blur-md", children: tooltipBody })] })] })) : (_jsx(InsertComponentMenu, { open: menuOpen, onOpenChange: setMenuOpen, title: insertMenuTitle || "Insert Component", options: visibleInsertOptions, onSelect: insertOptionAtThisGap, side: "right", align: "start", sideOffset: 24, children: _jsx("div", { ref: dropZoneRef, onDragOver: dragOver, "data-testid": "placeholder-dropzone", "data-testindex": index, "data-parent-name": parentName || "", "data-placeholder-name": description || placeholder.name, "data-insert-option-type-ids": visibleInsertOptions
+                    .map((x) => x.typeId)
+                    .join("|"), "data-insert-option-names": visibleInsertOptions
+                    .map((x) => x.name)
+                    .join("|"), "data-selected-insert-type": selectedInsertOption
+                    ? editContext.selectedForInsertion
+                    : undefined, onDrop: drop, onDragLeave: dragLeave, onClick: handleDropZoneClick, className: cn("placeholder placeholder-dropzone group/placeholder-dropzone relative h-0 w-0 cursor-pointer", interactive ? "pointer-events-auto" : "pointer-events-none"), children: _jsx("div", { draggable: false, className: cn("test-ph-dropzone tour-placeholder-dropzone", "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", "flex items-center justify-center rounded-[4px]", "h-8 w-8", "text-white", "transition-all duration-300 ease-out", "border border-white/50", isActiveTarget
+                        ? "z-50 scale-[1.25] shadow-md ring-2 ring-white"
+                        : menuOpen
+                            ? "z-50 scale-[1.15] shadow-md ring-2 ring-white/80"
+                            : isHovering
+                                ? "z-40 scale-[1.15]"
+                                : "z-30 hover:scale-[1.15]", colorClassName, hoverColorClassName, className), "data-testid": "placeholder-dropzone-button", "data-active-target": isActiveTarget || undefined, children: _jsx(Plus, { className: "h-4 w-4", strokeWidth: 2.5, style: { pointerEvents: "none" } }) }) }) })) }));
 }
 //# sourceMappingURL=PlaceholderDropZone.js.map

package/dist/editor/page-editor-chrome/PlaceholderDropZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlaceholderDropZone.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/PlaceholderDropZone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PlaceholderDropZone.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/PlaceholderDropZone.tsx"],"names":[],"mappings":"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"}

package/dist/editor/page-editor-chrome/PlaceholderDropZones.d.ts

@@ -1,5 +1,16 @@
 import type { PageViewContext } from "../page-viewer/pageViewContext";
-export declare function PlaceholderDropZones({ size, pageViewContext, }: {
+import type { OverlayMetrics } from "./overlay/geometry";
+import { type PlaceholderZone } from "./overlay/placeholderZones";
+export declare function PlaceholderDropZones({ size, pageViewContext, scopeInsertModeToHoveredComponent, avoidOverlaps, activeTargetKey, }: {
     size: "large" | "small";
     pageViewContext?: PageViewContext;
-}): import("react/jsx-runtime").JSX.Element[] | null;
+    scopeInsertModeToHoveredComponent?: boolean;
+    avoidOverlaps?: boolean;
+    activeTargetKey?: string | null;
+}): import("react/jsx-runtime").JSX.Element | null;
+export type DropZoneOverlapOptions = {
+    edgePadding: number;
+    overlapThreshold: number;
+    shiftStep: number;
+};
+export declare function applyDropZoneOverlapAvoidance(zones: PlaceholderZone[], metrics: OverlayMetrics, options?: DropZoneOverlapOptions): PlaceholderZone[];