@parhelia/core 0.1.12894 → 0.1.12900

package/dist/editor/setup-wizard/steps/ModelSelectionStep.js

@@ -3,6 +3,7 @@ import { useState, useEffect, useCallback, useMemo, useRef, } from "react";
 import { Button } from "../../../components/ui/button";
 import { Input } from "../../../components/ui/input";
 import { Select } from "../../../components/ui/select";
+import { SearchInput } from "../../../components/SearchInput";
 import { setupWizardService, } from "../../../setup/services/setupWizardService";
 import { Brain, Image, Hash, RefreshCw, AlertCircle, Cloud, CheckCircle, ArrowRight, ArrowLeft, } from "lucide-react";
 export function ModelSelectionStep({ category, providerId: initialProviderId, onNext, onSkip, onBack, }) {
@@ -231,7 +232,7 @@ export function ModelSelectionStep({ category, providerId: initialProviderId, on
                                                         loadProviderModels();
                                                 }, className: `flex-1 rounded-lg py-2 text-xs font-bold transition-all duration-300 ${view === "import"
                                                     ? "text-feedback-blue bg-white shadow-sm"
-                                                    : "text-neutral-grey-50 hover:text-neutral-grey-100"}`, children: "Import" }))] })] }), view === "manual" ? (_jsxs("div", { className: "animate-in fade-in slide-in-from-bottom-2 space-y-4", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-neutral-grey-50 ml-1 text-[10px] font-bold tracking-[0.2em]", children: "Model Identifier" }), _jsx(Input, { value: manualName, onChange: (e) => setManualName(e.target.value), placeholder: categoryInfo.placeholder, className: "border-border-default focus:ring-feedback-blue h-11 rounded-xl bg-white" })] }), _jsxs(Button, { size: "lg", onClick: handleCreateManual, disabled: creating || !manualName || !selectedProviderId, className: "w-full", children: [creating ? (_jsx(RefreshCw, { className: "mr-2 h-4 w-4 animate-spin" })) : null, "Set ", category.charAt(0).toUpperCase() + category.slice(1), " ", "Model"] })] })) : (_jsx("div", { className: "animate-in fade-in slide-in-from-bottom-2 space-y-4", children: loading ? (_jsxs("div", { className: "flex flex-col items-center py-16", children: [_jsxs("div", { className: "relative mb-4", children: [_jsx("div", { className: "bg-feedback-blue-light absolute inset-0 animate-ping rounded-full opacity-20" }), _jsx(RefreshCw, { className: "text-feedback-blue relative z-10 h-10 w-10 animate-spin", strokeWidth: 1.5 })] }), _jsx("p", { className: "text-neutral-grey-50 text-[10px] font-bold tracking-widest", children: "Fetching Catalog" })] })) : (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between px-1", children: [_jsxs("span", { className: "text-neutral-grey-50 text-[10px] font-bold tracking-[0.2em]", children: [filteredProviderModels.length, " Models Found"] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => loadProviderModels(), children: [_jsx(RefreshCw, { className: "mr-1 h-3 w-3" }), "Sync"] })] }), _jsx("div", { className: "group relative", children: _jsx(Input, { placeholder: `Search for a model...`, value: filterText, onChange: (e) => setFilterText(e.target.value), className: "border-border-default bg-neutral-grey-5 focus:ring-feedback-blue h-10 rounded-xl pl-4 transition-all focus:bg-white" }) }), _jsx("div", { className: "custom-scrollbar divide-border-default border-border-default max-h-[220px] divide-y overflow-y-auto rounded-2xl border bg-white shadow-inner", children: filteredProviderModels.length === 0 ? (_jsx("div", { className: "text-neutral-grey-50 p-12 text-center text-sm font-medium italic", children: providerModels.length === 0
+                                                    : "text-neutral-grey-50 hover:text-neutral-grey-100"}`, children: "Import" }))] })] }), view === "manual" ? (_jsxs("div", { className: "animate-in fade-in slide-in-from-bottom-2 space-y-4", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-neutral-grey-50 ml-1 text-[10px] font-bold tracking-[0.2em]", children: "Model Identifier" }), _jsx(Input, { value: manualName, onChange: (e) => setManualName(e.target.value), placeholder: categoryInfo.placeholder, className: "border-border-default focus:ring-feedback-blue h-11 rounded-xl bg-white" })] }), _jsxs(Button, { size: "lg", onClick: handleCreateManual, disabled: creating || !manualName || !selectedProviderId, className: "w-full", children: [creating ? (_jsx(RefreshCw, { className: "mr-2 h-4 w-4 animate-spin" })) : null, "Set ", category.charAt(0).toUpperCase() + category.slice(1), " ", "Model"] })] })) : (_jsx("div", { className: "animate-in fade-in slide-in-from-bottom-2 space-y-4", children: loading ? (_jsxs("div", { className: "flex flex-col items-center py-16", children: [_jsxs("div", { className: "relative mb-4", children: [_jsx("div", { className: "bg-feedback-blue-light absolute inset-0 animate-ping rounded-full opacity-20" }), _jsx(RefreshCw, { className: "text-feedback-blue relative z-10 h-10 w-10 animate-spin", strokeWidth: 1.5 })] }), _jsx("p", { className: "text-neutral-grey-50 text-[10px] font-bold tracking-widest", children: "Fetching Catalog" })] })) : (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between px-1", children: [_jsxs("span", { className: "text-neutral-grey-50 text-[10px] font-bold tracking-[0.2em]", children: [filteredProviderModels.length, " Models Found"] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => loadProviderModels(), children: [_jsx(RefreshCw, { className: "mr-1 h-3 w-3" }), "Sync"] })] }), _jsx("div", { className: "group relative", children: _jsx(SearchInput, { placeholder: "Search for a model...", value: filterText, onChange: setFilterText, size: "lg", inputClassName: "border-border-default bg-neutral-grey-5 focus:ring-feedback-blue h-10 rounded-xl transition-all focus:bg-white" }) }), _jsx("div", { className: "custom-scrollbar divide-border-default border-border-default max-h-[220px] divide-y overflow-y-auto rounded-2xl border bg-white shadow-inner", children: filteredProviderModels.length === 0 ? (_jsx("div", { className: "text-neutral-grey-50 p-12 text-center text-sm font-medium italic", children: providerModels.length === 0
                                                             ? `No ${category} models found.`
                                                             : "No models match your search." })) : (filteredProviderModels.map((model) => (_jsxs("button", { onClick: () => setSelectedModelFromList(model), disabled: creating, className: `group flex w-full items-center justify-between px-4 py-3.5 text-left transition-all disabled:opacity-50 ${selectedModelFromList?.id === model.id
                                                             ? "bg-feedback-blue-light/50 ring-feedback-blue ring-1 ring-inset"

package/dist/editor/setup-wizard/steps/ModelSelectionStep.js.map

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

package/dist/editor/sidebar/ComponentPalette.d.ts

@@ -1 +1 @@
-export declare function ComponentPalette({}: {}): import("react/jsx-runtime").JSX.Element;
+export declare function ComponentPalette(): import("react/jsx-runtime").JSX.Element;

package/dist/editor/sidebar/ComponentPalette.js

@@ -5,10 +5,11 @@ import { getAbsoluteIconUrl, useCollapsedSections } from "../utils";
 import { cn } from "../../lib/utils";
 import { sanitizeSvg } from "../../lib/sanitize";
 import { useEditContext } from "../client/editContext";
-import { FilterInput, highlightMatch } from "../../components/FilterInput";
-import { useState, useRef, useEffect } from "react";
+import { SearchInput, highlightMatch } from "../../components/SearchInput";
+import { useCallback, useState, useRef, useEffect } from "react";
 import { AlertTriangle } from "lucide-react";
-export function ComponentPalette({}) {
+import { useDragInsertionGesture } from "../page-editor-chrome/useDragInsertionGesture";
+export function ComponentPalette() {
     const editContext = useEditContext();
     const [filter, setFilter] = useState("");
     const filterRef = useRef(null);
@@ -57,7 +58,7 @@ export function ComponentPalette({}) {
         acc[group].push(value);
         return acc;
     }, {});
-    return (_jsxs("div", { className: "tour-component-palette relative flex h-full flex-col", "data-testid": "component-palette", children: [_jsx("div", { className: "p-4", children: _jsx(FilterInput, { ref: filterRef, value: filter, onChange: setFilter, className: "border-border-default", placeholder: "Filter..." }) }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-y-auto", children: Object.keys(insertOptionsByGroup)
+    return (_jsxs("div", { className: "tour-component-palette relative flex h-full flex-col", "data-testid": "component-palette", children: [_jsx("div", { className: "p-4", children: _jsx(SearchInput, { ref: filterRef, value: filter, onChange: setFilter, className: "border-border-default", placeholder: "Filter..." }) }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-y-auto", children: Object.keys(insertOptionsByGroup)
                         .sort()
                         .map((group, index) => {
                         const options = insertOptionsByGroup[group].filter((x) => !x.isHidden).filter((x) => x.name.toLowerCase().indexOf(filter.toLowerCase()) > -1);
@@ -65,30 +66,62 @@ export function ComponentPalette({}) {
                             return;
                         const isCollapsed = isSectionCollapsed(`palette.${group}`);
                         return (_jsxs("div", { className: cn("m-4", index > 0 ? "border-border-default border-t" : ""), children: [_jsxs("div", { className: "mt-2 mb-3 flex cursor-pointer items-center gap-2 text-xs font-bold select-none", onClick: () => toggleSection(`palette.${group}`), children: [_jsx(ArrowDownIcon, { className: cn("transition-transform", isCollapsed ? "-rotate-90" : "") }), " ", group] }), !isCollapsed && (_jsx("div", { className: "grid grid-cols-[repeat(auto-fill,_minmax(70px,_1fr))] gap-4", children: options.map((option) => {
-                                        function handleDragStart(event) {
-                                            editContext?.dragStart({
-                                                type: "template",
-                                                typeId: option.typeId,
-                                                name: option.name,
-                                            });
-                                            // Set the drag image to the entire card element
-                                            const cardElement = event.currentTarget;
-                                            event.dataTransfer.setDragImage(cardElement, 0, 0);
-                                            event.stopPropagation();
-                                        }
-                                        function handleDragEnd() {
-                                            editContext.dragEnd();
-                                            editContext.setSelectedForInsertion("");
-                                        }
-                                        const isDraggable = !option.isInvalid;
-                                        return (_jsxs("div", { id: "insert-component-" + option.typeId, onClick: () => {
-                                                editContext.setSelectedForInsertion(option.typeId);
-                                            }, draggable: isDraggable, onDragStart: handleDragStart, onDragEnd: handleDragEnd, className: cn("border-border-default relative flex flex-col items-center justify-center gap-2 rounded border p-2 text-center text-xs break-all", isDraggable ? "cursor-grab" : "", editContext.selectedForInsertion === option.typeId
-                                                ? "border-feedback-blue"
-                                                : ""), "data-testid": "insert-component-option", children: [option.svg && (_jsx("div", { className: "h-8 w-8", draggable: false, onDragStart: (e) => e.preventDefault(), dangerouslySetInnerHTML: {
-                                                        __html: sanitizeSvg(option.svg),
-                                                    } })), !option.svg && (_jsx("img", { src: getAbsoluteIconUrl(option.thumbnail || option.icon), draggable: false, onDragStart: (e) => e.preventDefault() })), _jsx("div", { className: "text-xs", children: highlightMatch(option.name, filter) }), option.isInvalid && (_jsx("span", { title: option.message, children: _jsx(AlertTriangle, { className: "text-feedback-red absolute top-0 right-0 h-4 w-4" }) }))] }, option.typeId));
+                                        return (_jsx(PaletteOptionCard, { option: option, filter: filter }, option.typeId));
                                     }) }))] }, group));
                     }) }) })] }));
 }
+function PaletteOptionCard({ option, filter, }) {
+    const editContext = useEditContext();
+    const pageViewContext = editContext.getActiveSlotContext()?.primaryPageViewContext;
+    const isDraggable = !option.isInvalid;
+    const suppressNextClickRef = useRef(false);
+    const { onPointerDown } = useDragInsertionGesture({
+        iframe: pageViewContext?.editorIframe,
+        pageViewContext,
+        enabled: isDraggable,
+        preventDefaultOnPointerDown: false,
+        getStartDetail: useCallback(() => ({
+            dragObject: {
+                type: "template",
+                typeId: option.typeId,
+                name: option.name,
+            },
+        }), [option.name, option.typeId]),
+        onStart: useCallback(() => {
+            editContext.setSelectedForInsertion("");
+        }, [editContext]),
+        onEnd: useCallback(({ started, canceled }) => {
+            if (!started) {
+                if (!canceled) {
+                    editContext.setSelectedForInsertion(option.typeId);
+                }
+                return;
+            }
+            suppressNextClickRef.current = true;
+            window.setTimeout(() => {
+                suppressNextClickRef.current = false;
+            }, 0);
+            editContext.setSelectedForInsertion("");
+        }, [editContext, option.typeId]),
+    });
+    return (_jsxs("div", { id: "insert-component-" + option.typeId, onClick: (event) => {
+            if (suppressNextClickRef.current) {
+                suppressNextClickRef.current = false;
+                event.preventDefault();
+                event.stopPropagation();
+                return;
+            }
+            editContext.setSelectedForInsertion(option.typeId);
+        }, onPointerDown: (event) => {
+            event.stopPropagation();
+            if (event.button === 0) {
+                editContext.setSelectedForInsertion(option.typeId);
+            }
+            onPointerDown(event);
+        }, className: cn("border-border-default relative flex flex-col items-center justify-center gap-2 rounded border p-2 text-center text-xs break-all select-none", isDraggable ? "cursor-grab" : "", editContext.selectedForInsertion === option.typeId
+            ? "border-feedback-blue"
+            : ""), "data-testid": "insert-component-option", children: [option.svg && (_jsx("div", { className: "h-8 w-8", draggable: false, onDragStart: (e) => e.preventDefault(), dangerouslySetInnerHTML: {
+                    __html: sanitizeSvg(option.svg),
+                } })), !option.svg && (_jsx("img", { src: getAbsoluteIconUrl(option.thumbnail || option.icon), draggable: false, onDragStart: (e) => e.preventDefault() })), _jsx("div", { className: "text-xs", children: highlightMatch(option.name, filter) }), option.isInvalid && (_jsx("span", { title: option.message, children: _jsx(AlertTriangle, { className: "text-feedback-red absolute top-0 right-0 h-4 w-4" }) }))] }));
+}
 //# sourceMappingURL=ComponentPalette.js.map

package/dist/editor/sidebar/ComponentPalette.js.map

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

package/dist/editor/sidebar/ComponentTree.js

@@ -9,10 +9,11 @@ import { useSlotContext } from "../views/editorSlotContext";
 import { PerfectTree } from "../ui/PerfectTree";
 import { isValidPlaceholder } from "../componentTreeHelper";
 import { buildInsertMenuItems, getVisibleInsertOptions, } from "../insertMenuItems";
-import { Plus, LayoutTemplate, Pentagon, Folder, Square, ChevronRight, Circle, File, Home, } from "lucide-react";
+import { Plus, LayoutTemplate, Pentagon, Folder, Square, ChevronRight, Circle, File, Home, GripVertical, } from "lucide-react";
 import { SimpleIconButton } from "../ui/SimpleIconButton";
 import { Spinner } from "../ui/Spinner";
-import { FilterInput } from "../../components/FilterInput";
+import { SearchInput } from "../../components/SearchInput";
+import { cn } from "../../lib/utils";
 export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading, }) {
     const [expandedKeys, setExpandedKeys] = useState(["page"]);
     const [selectedKeys, setSelectedKeys] = useState(["page"]);
@@ -21,6 +22,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
     const [nodeDictionary, setNodeDictionary] = useState({});
     const [isTreeReady, setIsTreeReady] = useState(false);
     const [treeKey, setTreeKey] = useState(null);
+    const [activeInsertBelowKey, setActiveInsertBelowKey] = useState(null);
     let editContextRef = useEditContextRef();
     const editContext = useEditContext();
     const slotContext = useSlotContext();
@@ -151,6 +153,11 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
         });
     }, [editContext?.selection, nodeDictionary]);
     const selection = editContext?.selection || [];
+    useEffect(() => {
+        if (editContext?.currentOverlay !== "context-menu") {
+            setActiveInsertBelowKey(null);
+        }
+    }, [editContext?.currentOverlay]);
     useEffect(() => {
         const newExpandedKeys = [...expandedKeys];
         for (const id of selection) {
@@ -870,6 +877,48 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
             }
         };
     }, []);
+    // Whether a component can have a sibling inserted right after it. Mirrors the
+    // on-canvas "append" affordance: the parent placeholder must be editable and
+    // expose at least one visible insert option.
+    const canInsertBelow = useCallback((component) => {
+        if (!editContext || editContext.readonly || editContext.mode !== "edit") {
+            return false;
+        }
+        const placeholder = component.parentPlaceholder;
+        if (!placeholder?.editable)
+            return false;
+        return getVisibleInsertOptions(placeholder.insertOptions).length > 0;
+    }, [editContext]);
+    // Open the insert menu to add a component directly after the given one,
+    // reusing the shared insert-option/menu helpers.
+    const handleInsertBelow = useCallback((component, event) => {
+        const ctx = editContextRef.current;
+        setActiveInsertBelowKey(null);
+        if (!ctx || ctx.readonly || ctx.mode !== "edit")
+            return;
+        const placeholder = component.parentPlaceholder;
+        if (!placeholder?.editable)
+            return;
+        const insertOptions = getVisibleInsertOptions(placeholder.insertOptions);
+        if (insertOptions.length === 0)
+            return;
+        const insertIndex = placeholder.components.findIndex((c) => c.id === component.id) + 1;
+        const insertMenuItems = buildInsertMenuItems(insertOptions, async (x) => {
+            await editContextRef.current?.operations.addComponent(x.typeId, placeholder.key, insertIndex, pageItemDescriptor);
+        });
+        if (insertMenuItems.length === 0)
+            return;
+        setActiveInsertBelowKey(component.id);
+        editContextRef.current?.showContextMenu(event, [
+            {
+                id: "insert-below-header",
+                label: "Insert below",
+                disabled: true,
+                className: "pb-0.5 text-neutral-grey-50",
+            },
+            ...insertMenuItems,
+        ]);
+    }, [editContextRef, pageItemDescriptor]);
     // Check if we have a valid page model
     const hasPageModel = page && page.rootComponent && page.item;
     const isRefreshing = editContext?.isRefreshing ?? false;
@@ -907,21 +956,51 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
     };
     // Only show error if page model failed to load (not if page is just empty)
     if (hasInvalidPageModel && isTreeReady && !isSlotLoading && !isRefreshing) {
-        return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "border-border-default badge-pad flex items-center justify-between border-b", children: [_jsx("div", { className: "flex items-center gap-1", children: _jsx(SimpleIconButton, { icon: _jsx(Plus, { strokeWidth: 1, className: "h-4 w-4" }), label: "Add component", size: "small", "data-testid": "component-tree-add-component", selected: insertMode, disabled: !canWriteItem ||
+        return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "border-border-default badge-pad flex items-center justify-between border-b", children: [_jsx("div", { className: "flex items-center gap-1", children: _jsx(SimpleIconButton, { icon: _jsx(Plus, { strokeWidth: 1, className: "h-5 w-5" }), label: "Add component", size: "small", className: "h-[30px] w-[30px]", "data-testid": "component-tree-add-component", selected: insertMode, disabled: !canWriteItem ||
                                     !editContext ||
                                     editContext.readonly ||
-                                    editContext.mode !== "edit", onClick: toggleInsertMode }) }), _jsx("div", { className: "flex items-center gap-1", children: _jsx(SimpleIconButton, { icon: _jsx(LayoutTemplate, { strokeWidth: 1, className: "h-4 w-4" }), label: editContext?.showLayoutComponents
+                                    editContext.mode !== "edit", onClick: toggleInsertMode }) }), _jsx("div", { className: "flex items-center gap-1", children: _jsx(SimpleIconButton, { icon: _jsx(LayoutTemplate, { strokeWidth: 1, className: "h-5 w-5" }), label: editContext?.showLayoutComponents
                                     ? "Hide layout"
-                                    : "Show layout", size: "small", selected: editContext?.showLayoutComponents, "data-testid": "component-tree-toggle-layout", onClick: () => editContext?.setShowLayoutComponents(!editContext.showLayoutComponents) }) })] }), _jsx("div", { className: "text-neutral-grey-50 flex flex-1 items-center justify-center text-xs", children: "Page did not load. Please refresh or try again." }), _jsx(ConfirmationDialog, { ref: confirmDialogRef })] }));
+                                    : "Show layout", size: "small", className: "h-[30px] w-[30px]", selected: editContext?.showLayoutComponents, "data-testid": "component-tree-toggle-layout", onClick: () => editContext?.setShowLayoutComponents(!editContext.showLayoutComponents) }) })] }), _jsx("div", { className: "text-neutral-grey-50 flex flex-1 items-center justify-center text-xs", children: "Page did not load. Please refresh or try again." }), _jsx(ConfirmationDialog, { ref: confirmDialogRef })] }));
     }
     return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "border-border-default badge-pad flex items-center justify-between border-b", children: [_jsx("div", { className: "flex items-center gap-1", children: _jsx(SimpleIconButton, { icon: _jsx(Plus, { strokeWidth: 1, className: "h-4 w-4" }), label: "Add component", size: "small", "data-testid": "component-tree-add-component", selected: insertMode, disabled: !canWriteItem ||
                                 !editContext ||
                                 editContext.readonly ||
-                                editContext.mode !== "edit", onClick: toggleInsertMode }) }), _jsx("div", { className: "flex items-center gap-1", children: _jsx(SimpleIconButton, { icon: _jsx(LayoutTemplate, { strokeWidth: 1, className: "h-4 w-4" }), label: editContext?.showLayoutComponents ? "Hide layout" : "Show layout", size: "small", selected: editContext?.showLayoutComponents, "data-testid": "component-tree-toggle-layout", onClick: () => editContext?.setShowLayoutComponents(!editContext.showLayoutComponents) }) })] }), _jsx("div", { className: "border-border-default border-b p-2", "data-testid": "component-tree-search", children: _jsx(FilterInput, { value: filter, onChange: setFilter, className: "w-full", placeholder: "Search IDs, names, types..." }) }), _jsx("div", { className: "min-h-0 flex-1 overflow-auto overflow-x-hidden p-2", ref: treeRef, "data-testid": "component-tree", children: isFiltering && visibleRootNodes.length === 0 ? (_jsxs("div", { className: "text-neutral-grey-50 flex h-full items-center justify-center px-4 text-center text-xs", children: ["No components match \"", filter.trim(), "\"."] })) : (_jsx(PerfectTree, { nodes: visibleRootNodes, isDragging: !isFiltering && !!editContext?.dragObject, multiDragNoun: "components", selectedKeys: selectedItems, expandedKeys: expandedItems, onToggleExpand: isFiltering ? undefined : handleToggle, onSelect: handleTreeSelection, onContextMenu: handleTreeContextMenu, enableDragAndDrop: !isFiltering, onDragOverZone: handleDragOverZone, isValidDropZone: handleIsValidDropZone, onStartDrag: handleStartDrag, onDragEnd: handleDragEnd, onDrop: handleDropZone, renderNode: (node) => renderNode(node, filter) })) }), _jsx(ConfirmationDialog, { ref: confirmDialogRef })] }));
+                                editContext.mode !== "edit", onClick: toggleInsertMode }) }), _jsx("div", { className: "flex items-center gap-1", children: _jsx(SimpleIconButton, { icon: _jsx(LayoutTemplate, { strokeWidth: 1, className: "h-5 w-5" }), label: editContext?.showLayoutComponents ? "Hide layout" : "Show layout", size: "small", className: "h-[30px] w-[30px]", selected: editContext?.showLayoutComponents, "data-testid": "component-tree-toggle-layout", onClick: () => editContext?.setShowLayoutComponents(!editContext.showLayoutComponents) }) })] }), _jsx("div", { className: "border-border-default border-b p-2", "data-testid": "component-tree-search", children: _jsx(SearchInput, { value: filter, onChange: setFilter, className: "w-full", placeholder: "Search IDs, names, types..." }) }), _jsx("div", { className: "min-h-0 flex-1 overflow-auto overflow-x-hidden p-2", ref: treeRef, "data-testid": "component-tree", children: isFiltering && visibleRootNodes.length === 0 ? (_jsxs("div", { className: "text-neutral-grey-50 flex h-full items-center justify-center px-4 text-center text-xs", children: ["No components match \"", filter.trim(), "\"."] })) : (_jsx(PerfectTree, { nodes: visibleRootNodes, isDragging: !isFiltering && !!editContext?.dragObject, multiDragNoun: "components", selectedKeys: selectedItems, expandedKeys: expandedItems, onToggleExpand: isFiltering ? undefined : handleToggle, onSelect: handleTreeSelection, onContextMenu: handleTreeContextMenu, enableDragAndDrop: !isFiltering, onDragOverZone: handleDragOverZone, isValidDropZone: handleIsValidDropZone, onStartDrag: handleStartDrag, onDragEnd: handleDragEnd, onDrop: handleDropZone, renderNodePrefix: (node) => {
+                        const treeNode = node;
+                        if (treeNode.type !== "component")
+                            return null;
+                        const selected = selectedItems.includes(treeNode.key);
+                        return (_jsx("span", { className: cn("flex h-[23px] w-4 flex-none cursor-grab items-center justify-center transition-colors active:cursor-grabbing", selected
+                                ? "text-component-default"
+                                : "text-neutral-grey-50 hover:text-neutral-grey-100"), "data-testid": "component-tree-drag-handle", "aria-hidden": "true", children: _jsx(GripVertical, { strokeWidth: 1, className: "h-4 w-4" }) }));
+                    }, renderToggleIcon: () => (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: "text-neutral-grey-100", "aria-hidden": "true", children: _jsx("path", { d: "M9 6L4.5 1.66987L4.5 10.3301L9 6Z", fill: "currentColor" }) })), suppressDefaultNodeChrome: (node) => node.type === "component", getRowClassName: (node, _depth, { isSelected, isDragOver }) => {
+                        const nodeType = node.type;
+                        if (nodeType === "component") {
+                            return cn("group mb-1.5 gap-1 rounded-[4px] border px-1 py-2 transition-colors", isSelected || isDragOver
+                                ? "border-component-default bg-component-default/10"
+                                : "border-border-default hover:border-neutral-grey-50");
+                        }
+                        if (nodeType === "page" || nodeType === "placeholder") {
+                            return "mb-1.5 [&>div:last-child]:py-2";
+                        }
+                        return undefined;
+                    }, renderNode: (node) => {
+                        const treeNode = node;
+                        return renderNode(treeNode, filter, {
+                            canInsertBelow,
+                            onInsertBelow: handleInsertBelow,
+                            isInsertBelowActive: activeInsertBelowKey === treeNode.key &&
+                                editContext?.currentOverlay === "context-menu",
+                        });
+                    } })) }), _jsx(ConfirmationDialog, { ref: confirmDialogRef })] }));
 }
-function renderNode(node, filter = "") {
+function renderNode(node, filter = "", opts) {
     const trimmedFilter = filter.trim();
     const filterDetails = trimmedFilter ? getNodeFilterDetails(node) : null;
+    const component = node.type === "component" ? node.data : null;
+    const showInsertBelow = !!component && (opts?.canInsertBelow?.(component) ?? false);
+    const isInsertBelowActive = !!opts?.isInsertBelowActive;
     return (_jsxs("div", { className: `component-tree-node ${node.type ? `component-tree-${node.type}` : ""}`, "data-component-node": node.type === "component" ? "true" : undefined, "data-testid": "component-tree-node", "data-component-key": node.key, "data-component-type": node.type, children: [_jsxs("div", { className: "text-neutral-grey-100 flex items-center gap-2 text-[12px]", children: [typeof node.icon === "string" ? (_jsx("i", { className: node.icon })) : (node.icon), _jsx("span", { className: node.className, "data-testid": "component-tree-node-label", children: highlightSearchMatch(node.label, trimmedFilter) }), node.tags?.map((x) => (_jsx("div", { children: _jsxs("span", { id: `id-${node.key}-${x.id}`, className: "ml-2 flex rounded p-0.5 px-1.5 text-xs text-white", style: {
                                 backgroundColor: x.color,
                                 marginLeft: "8px",
@@ -931,7 +1010,12 @@ function renderNode(node, filter = "") {
                                     e.stopPropagation();
                                     x.onClick();
                                 }
-                                : undefined, children: [x.icon, highlightSearchMatch(x.value, trimmedFilter)] }) }, `tag-${node.key}-${x.id}`)))] }), filterDetails ? (_jsx("div", { className: "text-neutral-grey-50 mt-0.5 ml-6 truncate text-[10px]", title: filterDetails, children: highlightSearchMatch(filterDetails, trimmedFilter) })) : null] }));
+                                : undefined, children: [x.icon, highlightSearchMatch(x.value, trimmedFilter)] }) }, `tag-${node.key}-${x.id}`)))] }), filterDetails ? (_jsx("div", { className: "text-neutral-grey-50 mt-0.5 ml-6 truncate text-[10px]", title: filterDetails, children: highlightSearchMatch(filterDetails, trimmedFilter) })) : null, showInsertBelow ? (_jsx("button", { type: "button", "data-testid": "component-tree-insert-below", "data-active": isInsertBelowActive ? "true" : undefined, "aria-label": "Insert component below", title: "Insert component below", onMouseDown: (e) => e.stopPropagation(), onClick: (e) => {
+                    e.stopPropagation();
+                    opts?.onInsertBelow?.(component, e);
+                }, className: cn("bg-component-default absolute bottom-0 left-1/2 z-20 flex h-6 w-6 -translate-x-1/2 translate-y-1/2 items-center justify-center rounded-[4px] text-white transition-all hover:brightness-105 active:scale-95", isInsertBelowActive
+                    ? "pointer-events-auto opacity-100"
+                    : "pointer-events-none opacity-0 group-hover:pointer-events-auto group-hover:opacity-100 focus-visible:pointer-events-auto focus-visible:opacity-100"), children: _jsx(Plus, { className: "h-4 w-4", strokeWidth: 2.5 }) })) : null] }));
 }
 function highlightSearchMatch(text, filter) {
     if (!filter.trim())