@parhelia/core 0.1.12902 → 0.1.12904

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

@@ -3,17 +3,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEditContext, useEditContextRef } from "../client/editContext";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { getComponentCommands } from "../commands/componentCommands";
-import { getPlaceholderCommands } from "../commands/placeholderCommands";
 import ConfirmationDialog from "../ConfirmationDialog";
 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, GripVertical, } from "lucide-react";
+import { Plus, LayoutTemplate, Pentagon, Folder, Square, ChevronRight, Circle, File, Home, } from "lucide-react";
 import { SimpleIconButton } from "../ui/SimpleIconButton";
 import { Spinner } from "../ui/Spinner";
-import { SearchInput } from "../../components/SearchInput";
-import { cn } from "../../lib/utils";
+import { FilterInput } from "../../components/FilterInput";
 export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading, }) {
     const [expandedKeys, setExpandedKeys] = useState(["page"]);
     const [selectedKeys, setSelectedKeys] = useState(["page"]);
@@ -22,19 +20,13 @@ 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();
     // Prefer the nearest slot context so multiple visible trees can render the
     // correct page instead of following the globally active slot.
-    const page = pageViewContext?.page ??
-        slotContext?.primaryPageViewContext.page ??
-        editContext?.page;
-    const pageItemDescriptor = itemDescriptor ??
-        page?.item ??
-        slotContext?.itemDescriptor ??
-        editContext?.currentItemDescriptor;
+    const page = pageViewContext?.page ?? slotContext?.primaryPageViewContext.page ?? editContext?.page;
+    const pageItemDescriptor = itemDescriptor ?? page?.item ?? slotContext?.itemDescriptor ?? editContext?.currentItemDescriptor;
     const resolvedItem = item ?? slotContext?.item ?? editContext?.item;
     const isSlotLoading = isLoading ??
         slotContext?.isLoading ??
@@ -153,11 +145,6 @@ 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) {
@@ -208,7 +195,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
             data: p,
             parent: parent,
             type: "placeholder",
-            className: !p.editable ? "text-neutral-grey-50" : "",
+            className: !p.editable ? "text-gray-400" : "",
             tags: [],
         };
         // Add tag for implicit placeholders
@@ -219,7 +206,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
                 value: "Implicit",
                 icon: "",
                 tooltip: "Implicit placeholder for multi-component editor",
-                color: "var(--color-component-default)", // blue-500
+                color: "rgb(59, 130, 246)", // blue-500
             });
         }
         if (!editContext?.showLayoutComponents) {
@@ -257,7 +244,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
             const seenKeys = new Set();
             for (const placeholder of placeholdersToShow) {
                 const placeholderClassName = !placeholder.editable
-                    ? "text-neutral-grey-50"
+                    ? "text-gray-400"
                     : undefined;
                 const visibleComponents = placeholder.components.flatMap((component) => mapVisibleComponentNodes(component, parent, placeholderClassName));
                 // Add only components we haven't seen yet to prevent duplicate keys
@@ -287,9 +274,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
             parent: parent,
             isDraggable: true,
             tags: [],
-            className: c.isRemovedFromMasterLanguage || !c.editable
-                ? "text-neutral-grey-50"
-                : "",
+            className: c.isRemovedFromMasterLanguage || !c.editable ? "text-gray-400" : "",
             type: "component",
         };
         if (c.isInheritedFromMasterLanguage) {
@@ -309,7 +294,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
                 severity: "warning",
                 value: "Layout",
                 icon: _jsx(ChevronRight, { className: "h-3 w-3" }),
-                color: "var(--color-component-layout)",
+                color: "rgb(192 132 252)",
                 tooltip: "Component is inherited from layout. Click to edit layout.",
                 onClick: async () => {
                     if (!editContext || !c.layoutId)
@@ -338,7 +323,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
                 id: "shared-layout",
                 severity: "warning",
                 value: "",
-                icon: (_jsx(Pentagon, { className: "text-neutral-grey-50 h-3 w-3", strokeWidth: 1 })),
+                icon: _jsx(Pentagon, { className: "h-3 w-3 text-gray-400", strokeWidth: 1 }),
                 tooltip: "Component is shared across all languages",
             });
         }
@@ -349,7 +334,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
                 value: "Shared",
                 icon: "",
                 tooltip: "Component is linked to " + c.datasourceItem?.id,
-                color: "var(--color-component-shared)",
+                color: "rgb(251, 146, 60)",
             });
         }
         if (c.type && c.type !== c.name) {
@@ -359,7 +344,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
                 value: c.type,
                 icon: "",
                 tooltip: "Rendering",
-                color: "var(--color-component-readonly)",
+                color: "rgb(107, 114, 128)",
             });
         }
         node.children = mapPlaceholders(c, node);
@@ -520,13 +505,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
         if (selectedComponentIds.length === 1) {
             editContextRef.current?.setScrollIntoView(selectedComponentIds[0]);
         }
-    }, [
-        selectedKeys,
-        nodeDictionary,
-        editContextRef,
-        visibleRootNodes,
-        effectiveExpandedKeys,
-    ]);
+    }, [selectedKeys, nodeDictionary, editContextRef, visibleRootNodes, effectiveExpandedKeys]);
     // Handle tree context menu
     const handleTreeContextMenu = async (node, event) => {
         const componentId = nodeDictionary[node.key]?.componentId;
@@ -540,9 +519,6 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
         function isDefinedEntity(entity) {
             return entity !== undefined;
         }
-        function isComponentEntity(entity) {
-            return entity.components === undefined;
-        }
         let selectedEntities = selectedComponentIds
             .filter((key) => nodeDictionary[key])
             .map((key) => nodeDictionary[key].data)
@@ -550,86 +526,23 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
         if (selectedEntities.length === 0 && nodeDictionary[node.key]?.data) {
             selectedEntities = [nodeDictionary[node.key].data];
         }
-        const currentNode = nodeDictionary[node.key] || null;
-        const commandProviderContext = {
-            surface: "componentTree",
-            pageItem: pageItemDescriptor,
-            language: pageLanguage,
-            targetComponent: currentNode?.type === "component"
-                ? currentNode.data
-                : undefined,
-        };
-        const selectedComponents = selectedEntities.filter(isComponentEntity);
-        const componentCommandData = { components: selectedComponents };
-        let commands = await getComponentCommands(selectedEntities, editContextRef.current, commandProviderContext);
-        const componentTreeCommands = commands.filter((command) => command.visibilityScopes.includes("componentTree"));
-        commands = commands.filter((command) => !command.visibilityScopes.includes("componentTree"));
+        let commands = await getComponentCommands(selectedEntities, editContextRef.current);
         const menu = commands.map((x) => ({
             id: x.id,
             label: x.label,
             icon: x.icon,
-            disabled: editContextRef.current?.isCommandDisabled({
-                command: x,
-                data: componentCommandData,
-            }),
-            command: async () => {
+            disabled: editContextRef.current?.isCommandDisabled({ command: x }),
+            command: async (ev) => {
                 await editContextRef.current?.executeCommand({
                     command: x,
-                    data: componentCommandData,
+                    data: { components: selectedEntities },
                     event: event,
                 });
             },
         }));
-        const placeholderWithSettingsItem = getPlaceholderWithSettingsItem(currentNode);
-        const placeholderCommandData = {
-            placeholders: placeholderWithSettingsItem
-                ? [placeholderWithSettingsItem]
-                : [],
-        };
-        const placeholderCommands = await getPlaceholderCommands(placeholderCommandData.placeholders, editContextRef.current, commandProviderContext);
-        const openInNewSlotItems = [
-            ...componentTreeCommands.map((x) => ({
-                id: x.id,
-                label: x.label,
-                icon: x.icon,
-                disabled: editContextRef.current?.isCommandDisabled({
-                    command: x,
-                    data: componentCommandData,
-                }),
-                command: async () => {
-                    await editContextRef.current?.executeCommand({
-                        command: x,
-                        data: componentCommandData,
-                        event: event,
-                    });
-                },
-            })),
-            ...placeholderCommands.map((x) => ({
-                id: x.id,
-                label: x.label,
-                icon: x.icon,
-                disabled: editContextRef.current?.isCommandDisabled({
-                    command: x,
-                    data: placeholderCommandData,
-                }),
-                command: async () => {
-                    await editContextRef.current?.executeCommand({
-                        command: x,
-                        data: placeholderCommandData,
-                        event: event,
-                    });
-                },
-            })),
-        ];
-        if (openInNewSlotItems.length > 0) {
-            if (menu.length > 0) {
-                menu.push({ id: "separator-open-items", separator: true });
-            }
-            menu.push(...openInNewSlotItems);
-        }
         if (editContext?.mode === "edit") {
             // Check if we have a placeholder to add insert options
-            const placeholder = getPlaceholder(currentNode);
+            const placeholder = getPlaceholder(nodeDictionary[node.key] || null);
             if (placeholder && placeholder.insertOptions) {
                 const insertOptions = getVisibleInsertOptions(placeholder.insertOptions);
                 const insertMenuItems = buildInsertMenuItems(insertOptions, async (x) => {
@@ -689,22 +602,6 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
         }
         return null;
     };
-    const getPlaceholderWithSettingsItem = (node) => {
-        if (!node)
-            return null;
-        if (node.type === "placeholder") {
-            const placeholder = node.data;
-            return placeholder.placeholderSettingsItem ? placeholder : null;
-        }
-        if (node.type === "component" && node.data.placeholders) {
-            const placeholders = node.data.placeholders;
-            if (placeholders.length !== 1)
-                return null;
-            const placeholder = placeholders[0];
-            return placeholder.placeholderSettingsItem ? placeholder : null;
-        }
-        return null;
-    };
     // Resolve placeholder and correct index for drop zones even when placeholders are hidden/flattened
     const getSiblingsForParent = (parent) => {
         if (!parent)
@@ -877,48 +774,6 @@ 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;
@@ -934,18 +789,20 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
     if (!page) {
         // If item has no versions, show appropriate message instead of spinner
         if (resolvedItem?.versions === 0) {
-            return (_jsx("div", { className: "text-neutral-grey-50 flex h-full items-center justify-center text-xs", children: "Item has no versions." }));
+            return (_jsx("div", { className: "flex h-full items-center justify-center text-xs text-gray-500", children: "Item has no versions." }));
         }
         if (resolvedItem?.hasLayout || isSlotLoading || isRefreshing) {
-            return (_jsx("div", { className: "text-neutral-grey-50 flex h-full items-center justify-center text-xs", children: _jsx(Spinner, {}) }));
+            return (_jsx("div", { className: "flex h-full items-center justify-center text-xs text-gray-500", children: _jsx(Spinner, {}) }));
         }
-        return (_jsx("div", { className: "text-neutral-grey-50 flex h-full items-center justify-center text-xs", children: "This item has no layout." }));
+        return (_jsx("div", { className: "flex h-full items-center justify-center text-xs text-gray-500", children: "This item has no layout." }));
     }
     // If the page model is incomplete but we're still loading, show a spinner instead of error
     if (hasInvalidPageModel && (!isTreeReady || isSlotLoading || isRefreshing)) {
-        return (_jsx("div", { className: "text-neutral-grey-50 flex h-full items-center justify-center text-xs", children: _jsx(Spinner, {}) }));
+        return (_jsx("div", { className: "flex h-full items-center justify-center text-xs text-gray-500", children: _jsx(Spinner, {}) }));
     }
-    const canWriteItem = page?.item.canWriteItem ?? resolvedItem?.canWriteItem ?? false;
+    const canWriteItem = page?.item.canWriteItem ??
+        resolvedItem?.canWriteItem ??
+        false;
     // Get insert mode state for toggle button
     const insertMode = editContext?.insertMode ?? false;
     // Toggle insert mode function
@@ -956,52 +813,22 @@ 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-5 w-5" }), label: "Add component", size: "small", className: "h-[30px] w-[30px]", "data-testid": "component-tree-add-component", selected: insertMode, disabled: !canWriteItem ||
+        return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-gray-200 px-2 py-1", 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-5 w-5" }), 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-4 w-4" }), 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: "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", selected: editContext?.showLayoutComponents, "data-testid": "component-tree-toggle-layout", onClick: () => editContext?.setShowLayoutComponents(!editContext.showLayoutComponents) }) })] }), _jsx("div", { className: "flex flex-1 items-center justify-center text-xs text-gray-500", 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 ||
+    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-gray-200 px-2 py-1", 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-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 })] }));
+                                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-b border-gray-200 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: "flex-1 min-h-0 overflow-auto overflow-x-hidden p-2", ref: treeRef, "data-testid": "component-tree", children: isFiltering && visibleRootNodes.length === 0 ? (_jsxs("div", { className: "flex h-full items-center justify-center px-4 text-center text-xs text-gray-500", 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 })] }));
 }
-function renderNode(node, filter = "", opts) {
+function renderNode(node, filter = "") {
     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: {
+    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: "flex items-center gap-2 text-[12px] text-gray-600", 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",
                                 fontSize: "10px",
@@ -1010,18 +837,13 @@ function renderNode(node, filter = "", opts) {
                                     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, 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] }));
+                                : undefined, children: [x.icon, highlightSearchMatch(x.value, trimmedFilter)] }) }, `tag-${node.key}-${x.id}`)))] }), filterDetails ? (_jsx("div", { className: "ml-6 mt-0.5 truncate text-[10px] text-gray-400", title: filterDetails, children: highlightSearchMatch(filterDetails, trimmedFilter) })) : null] }));
 }
 function highlightSearchMatch(text, filter) {
     if (!filter.trim())
         return text;
     const regex = new RegExp(`(${filter.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`, "gi");
-    return text.split(regex).map((part, index) => part.toLowerCase() === filter.toLowerCase() && part ? (_jsx("span", { className: "bg-feedback-orange-light/80", children: part }, `${part}-${index}`)) : (part));
+    return text.split(regex).map((part, index) => part.toLowerCase() === filter.toLowerCase() && part ? (_jsx("span", { className: "bg-yellow-200/80", children: part }, `${part}-${index}`)) : (part));
 }
 function getNodeFilterDetails(node) {
     if (node.type === "component" && node.data) {
@@ -1044,7 +866,9 @@ function getNodeFilterDetails(node) {
         const placeholder = node.data;
         return [
             placeholder.key ? `Key: ${placeholder.key}` : "",
-            placeholder.description ? `Description: ${placeholder.description}` : "",
+            placeholder.description
+                ? `Description: ${placeholder.description}`
+                : "",
         ]
             .filter(Boolean)
             .join(" | ");
@@ -1120,7 +944,9 @@ function filterComponentTreeNodes(nodes, filter) {
         }
         return {
             ...node,
-            children: Array.isArray(node.children) ? filteredChildren : node.children,
+            children: Array.isArray(node.children)
+                ? filteredChildren
+                : node.children,
         };
     };
     return {