@parhelia/core 0.4.12818 → 0.4.12871

package/dist/editor/settings/panels/UserPreferencesPanel.js

@@ -7,6 +7,7 @@ import { Switch } from "../../../components/ui/switch";
 import { Button } from "../../../components/ui/button";
 import { Avatar } from "../../../components/ui/avatar";
 import { useEditContext } from "../../client/editContext";
+import { useActiveSessions } from "../../client/liveSessionState";
 import { uploadAvatar } from "../../services/userService";
 const ACCEPTED_TYPES = ["image/png", "image/jpeg", "image/webp", "image/gif"];
 const MAX_BYTES = 1024 * 1024; // keep in sync with the backend cap
@@ -15,13 +16,14 @@ function PreferenceToggle({ checked, description, label, testId, onCheckedChange
 }
 function AvatarSection() {
     const editContext = useEditContext();
+    const activeSessions = useActiveSessions();
     const fileInputRef = useRef(null);
     const [error, setError] = useState(null);
     const [busy, setBusy] = useState(false);
     const currentUser = editContext?.user;
     // Prefer the live session copy (kept fresh by the active-sessions broadcast) so the
     // preview reflects the latest avatar even after re-opening Settings.
-    const mySession = editContext?.activeSessions.find((s) => s.sessionId === editContext?.sessionId);
+    const mySession = activeSessions.find((s) => s.sessionId === editContext?.sessionId);
     const seededAvatarUrl = mySession?.user.avatarUrl ?? currentUser?.avatarUrl;
     const [avatarUrl, setAvatarUrl] = useState(seededAvatarUrl ?? undefined);
     if (!currentUser || currentUser.isLimitedPreviewUser) {
@@ -60,7 +62,8 @@ export function UserPreferencesPanel() {
     const preferences = editContext?.userInfo.preferences;
     const showSidebarLabels = preferences?.showSidebarLabels ?? false;
     const showDebugButtons = preferences?.showDebugButtons ?? false;
-    return (_jsxs(SettingsPanelLayout, { testId: "user-preferences-panel", contentClassName: "flex flex-col gap-4", children: [_jsx(AvatarSection, {}), _jsx(Card, { icon: _jsx(SlidersHorizontal, { strokeWidth: 1, className: "h-5 w-5" }), title: "Editor Interface", description: "Choose how navigation and optional debug controls appear.", children: _jsxs("div", { className: "divide-y-0", children: [_jsx(PreferenceToggle, { checked: showSidebarLabels, description: "Show text labels below sidebar and workspace icons.", label: "Show sidebar labels", testId: "user-preferences-show-sidebar-labels", onCheckedChange: (checked) => editContext?.setUserPreferences({ showSidebarLabels: checked }) }), _jsx(PreferenceToggle, { checked: showDebugButtons, description: "Persist the debug button preference for features that opt into it.", label: "Show debug buttons", testId: "user-preferences-show-debug-buttons", onCheckedChange: (checked) => editContext?.setUserPreferences({ showDebugButtons: checked }) })] }) })] }));
+    const spellCheckEnabled = preferences?.spellCheckEnabled !== false;
+    return (_jsxs(SettingsPanelLayout, { testId: "user-preferences-panel", contentClassName: "flex flex-col gap-4", children: [_jsx(AvatarSection, {}), _jsx(Card, { icon: _jsx(SlidersHorizontal, { strokeWidth: 1, className: "h-5 w-5" }), title: "Editor Interface", description: "Choose how navigation and optional debug controls appear.", children: _jsxs("div", { className: "divide-y-0", children: [_jsx(PreferenceToggle, { checked: showSidebarLabels, description: "Show text labels below sidebar and workspace icons.", label: "Show sidebar labels", testId: "user-preferences-show-sidebar-labels", onCheckedChange: (checked) => editContext?.setUserPreferences({ showSidebarLabels: checked }) }), _jsx(PreferenceToggle, { checked: showDebugButtons, description: "Persist the debug button preference for features that opt into it.", label: "Show debug buttons", testId: "user-preferences-show-debug-buttons", onCheckedChange: (checked) => editContext?.setUserPreferences({ showDebugButtons: checked }) }), _jsx(PreferenceToggle, { checked: spellCheckEnabled, description: "Underline misspelled words in text fields and on the canvas and offer suggestions on right-click.", label: "Check spelling", testId: "user-preferences-spell-check", onCheckedChange: (checked) => editContext?.setUserPreferences({ spellCheckEnabled: checked }) })] }) })] }));
 }
 export default UserPreferencesPanel;
 //# sourceMappingURL=UserPreferencesPanel.js.map

package/dist/editor/settings/panels/UserPreferencesPanel.js.map

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

package/dist/editor/settings/panels/index.d.ts

@@ -5,6 +5,7 @@
  */
 export { ProvidersPanel } from "./ProvidersPanel";
 export { McpToolsPanel } from "./McpToolsPanel";
+export { McpAccessPanel } from "./McpAccessPanel";
 export { ModelsPanel } from "./ModelsPanel";
 export { AgentsPanel } from "./AgentsPanel";
 export { JavaScriptToolsPanel } from "./JavaScriptToolsPanel";
@@ -22,3 +23,4 @@ export { UserPreferencesPanel } from "./UserPreferencesPanel";
 export { NotificationSubscriptionsPanel } from "./NotificationSubscriptionsPanel";
 export { SystemSettingsPanel } from "./SystemSettingsPanel";
 export { PublicSitesPanel } from "./PublicSitesPanel";
+export { SpellCheckPanel } from "./SpellCheckPanel";

package/dist/editor/settings/panels/index.js

@@ -5,6 +5,7 @@
  */
 export { ProvidersPanel } from "./ProvidersPanel";
 export { McpToolsPanel } from "./McpToolsPanel";
+export { McpAccessPanel } from "./McpAccessPanel";
 export { ModelsPanel } from "./ModelsPanel";
 export { AgentsPanel } from "./AgentsPanel";
 export { JavaScriptToolsPanel } from "./JavaScriptToolsPanel";
@@ -22,4 +23,5 @@ export { UserPreferencesPanel } from "./UserPreferencesPanel";
 export { NotificationSubscriptionsPanel } from "./NotificationSubscriptionsPanel";
 export { SystemSettingsPanel } from "./SystemSettingsPanel";
 export { PublicSitesPanel } from "./PublicSitesPanel";
+export { SpellCheckPanel } from "./SpellCheckPanel";
 //# sourceMappingURL=index.js.map

package/dist/editor/settings/panels/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/editor/settings/panels/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/editor/settings/panels/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/editor/sidebar/ComponentPalette.js

@@ -9,6 +9,7 @@ import { SearchInput, highlightMatch } from "../../components/SearchInput";
 import { useCallback, useState, useRef, useEffect } from "react";
 import { AlertTriangle } from "lucide-react";
 import { useDragInsertionGesture } from "../page-editor-chrome/useDragInsertionGesture";
+import { usePageViewState } from "../page-viewer/pageViewContext";
 export function ComponentPalette() {
     const editContext = useEditContext();
     const [filter, setFilter] = useState("");
@@ -60,7 +61,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: [_jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-neutral-grey-50 mb-3 text-xs", id: "component-insertion-help", children: "Drag a component to a blue insertion marker, or select a component and activate a marker with Enter. Markers show the destination and only accept compatible components." }), _jsx(SearchInput, { ref: filterRef, value: filter, onChange: setFilter, className: "border-border-default", placeholder: "Filter..." })] }), _jsx("div", { className: "relative flex-1", children: _jsxs("div", { className: "absolute inset-0 overflow-y-auto", children: [matchingOptions.length === 0 && (_jsx("div", { className: "text-neutral-grey-50 flex h-full items-center justify-center px-4 text-center text-xs", "data-testid": "component-palette-empty", children: visibleOptions.length === 0
+    return (_jsxs("div", { className: "tour-component-palette relative flex h-full flex-col", "data-testid": "component-palette", children: [_jsxs("div", { className: "p-4", children: [!editContext.componentInsertionHintSeen && (_jsx("p", { className: "text-neutral-grey-50 mb-3 text-xs", id: "component-insertion-help", children: "Drag a component to a blue insertion marker, or select one and press Enter on a marker." })), _jsx(SearchInput, { ref: filterRef, value: filter, onChange: setFilter, className: "border-border-default", placeholder: "Filter..." })] }), _jsx("div", { className: "relative flex-1", children: _jsxs("div", { className: "absolute inset-0 overflow-y-auto", children: [matchingOptions.length === 0 && (_jsx("div", { className: "text-neutral-grey-50 flex h-full items-center justify-center px-4 text-center text-xs", "data-testid": "component-palette-empty", children: visibleOptions.length === 0
                                 ? "No components can be inserted at the current selection."
                                 : `No components match "${filter.trim()}".` })), Object.keys(insertOptionsByGroup)
                             .sort()
@@ -77,6 +78,7 @@ export function ComponentPalette() {
 function PaletteOptionCard({ option, filter, }) {
     const editContext = useEditContext();
     const pageViewContext = editContext.getActiveSlotContext()?.primaryPageViewContext;
+    const editorIframe = usePageViewState(pageViewContext, (state) => state.editorIframe);
     const isDraggable = !option.isInvalid;
     const suppressNextClickRef = useRef(false);
     const hasThumbnail = !option.svg && !!option.thumbnail;
@@ -85,7 +87,7 @@ function PaletteOptionCard({ option, filter, }) {
         ? getAbsoluteIconUrl(option.thumbnail)
         : undefined;
     const { onPointerDown } = useDragInsertionGesture({
-        iframe: pageViewContext?.editorIframe,
+        iframe: editorIframe,
         pageViewContext,
         enabled: isDraggable,
         preventDefaultOnPointerDown: false,
@@ -114,7 +116,9 @@ function PaletteOptionCard({ option, filter, }) {
             editContext.setSelectedForInsertion("");
         }, [editContext, option.typeId]),
     });
-    return (_jsxs("div", { id: "insert-component-" + option.typeId, role: "button", tabIndex: option.isInvalid ? -1 : 0, "aria-label": `Select ${option.name} for insertion`, "aria-describedby": "component-insertion-help", "aria-disabled": !!option.isInvalid, "aria-pressed": editContext.selectedForInsertion === option.typeId, onKeyDown: (event) => {
+    return (_jsxs("div", { id: "insert-component-" + option.typeId, role: "button", tabIndex: option.isInvalid ? -1 : 0, "aria-label": `Select ${option.name} for insertion`, "aria-describedby": editContext.componentInsertionHintSeen
+            ? undefined
+            : "component-insertion-help", "aria-disabled": !!option.isInvalid, "aria-pressed": editContext.selectedForInsertion === option.typeId, onKeyDown: (event) => {
             if (!option.isInvalid && (event.key === "Enter" || event.key === " ")) {
                 event.preventDefault();
                 event.stopPropagation();

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.d.ts

@@ -1,4 +1,4 @@
-import type { PageViewContext } from "../page-viewer/pageViewContext";
+import { type PageViewContext } from "../page-viewer/pageViewContext";
 import { FullItem, ItemDescriptor } from "../pageModel";
 export declare function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading, }: {
     pageViewContext?: PageViewContext;

package/dist/editor/sidebar/ComponentTree.js

@@ -4,8 +4,10 @@ import { providerDistinguishesSharedComponents } from "../services/contentServic
 import { useCanvasSelection, useEditContext, useEditContextRef, } from "../client/editContext";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { getComponentCommands } from "../commands/componentCommands";
+import { groupComponentMenuItems } from "../commands/componentMenuGroups";
 import { getPlaceholderCommands } from "../commands/placeholderCommands";
 import ConfirmationDialog from "../ConfirmationDialog";
+import { usePageViewState, } from "../page-viewer/pageViewContext";
 import { useSlotContext } from "../views/editorSlotContext";
 import { PerfectTree } from "../ui/PerfectTree";
 import { isValidPlaceholder } from "../componentTreeHelper";
@@ -14,7 +16,7 @@ import { Plus, LayoutTemplate, Pentagon, Folder, Square, ChevronRight, Circle, F
 import { SimpleIconButton, SimpleIconButtonStyleProvider, } from "../ui/SimpleIconButton";
 import { Spinner } from "../ui/Spinner";
 import { useComponentVisualMode } from "../componentVisualMode";
-import { findThumbnailRect, getThumbnailBackgroundStyle, useLiveComponentThumbnails, } from "./liveComponentThumbnails";
+import { LIVE_THUMBNAIL_BOX, findThumbnailRect, getThumbnailBackgroundStyle, useLiveComponentThumbnails, } from "./liveComponentThumbnails";
 import { SearchInput } from "../../components/SearchInput";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
 import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
@@ -69,11 +71,11 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
     const { sheet: thumbnailSheet, loading: thumbnailsLoading } = useLiveComponentThumbnails(pageViewContext ?? slotContext?.primaryPageViewContext, showThumbnails);
     // 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 sharedDistinction = providerDistinguishesSharedComponents((pageViewContext ?? slotContext?.primaryPageViewContext)
-        ?.componentsProviderSettings);
+    const ownPage = usePageViewState(pageViewContext, (state) => state.page);
+    const slotPage = usePageViewState(slotContext?.primaryPageViewContext, (state) => state.page);
+    const componentsProviderSettings = usePageViewState(pageViewContext ?? slotContext?.primaryPageViewContext, (state) => state.componentsProviderSettings);
+    const page = ownPage ?? slotPage ?? editContext?.page;
+    const sharedDistinction = providerDistinguishesSharedComponents(componentsProviderSettings);
     const pageItemDescriptor = itemDescriptor ??
         page?.item ??
         slotContext?.itemDescriptor ??
@@ -617,9 +619,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
         };
         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"));
+        const commands = await getComponentCommands(selectedEntities, editContextRef.current, commandProviderContext);
         const menu = commands.map((x) => ({
             id: x.id,
             label: x.label,
@@ -636,53 +636,34 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
                 });
             },
         }));
-        const placeholderWithSettingsItem = getPlaceholderWithSettingsItem(currentNode);
+        // A placeholder node offers every placeholder command (e.g. paste here); for a
+        // component node only its settings-bearing placeholder is exposed, since the
+        // component commands already cover pasting inside it.
+        const placeholderWithSettingsItem = currentNode?.type === "placeholder"
+            ? getPlaceholder(currentNode)
+            : 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({
+        menu.push(...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,
-                }),
-                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);
-        }
+                    event: event,
+                });
+            },
+        })));
         if (editContext?.mode === "edit") {
             // Check if we have a placeholder to add insert options
             const placeholder = getPlaceholder(currentNode);
@@ -693,12 +674,8 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
                     pageItemDescriptor);
                 });
                 if (insertMenuItems.length > 0) {
-                    // Add separator if there are existing menu items
-                    if (menu.length > 0) {
-                        menu.push({ id: "separator-insert", separator: true });
-                    }
                     menu.push({
-                        id: "insert",
+                        id: "insert-submenu",
                         label: "Insert",
                         icon: _jsx(Plus, { strokeWidth: 1, size: 16 }),
                         items: insertMenuItems,
@@ -706,7 +683,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
                 }
             }
         }
-        editContextRef.current?.showContextMenu(event, menu);
+        editContextRef.current?.showContextMenu(event, groupComponentMenuItems(menu));
     };
     // Convert expanded keys for PerfectTree
     const expandedItems = effectiveExpandedKeys;
@@ -1051,7 +1028,10 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
                                     editContext.readonly ||
                                     editContext.mode !== "edit", onClick: toggleInsertMode, children: _jsx("span", { className: "min-w-0 truncate", children: "Add component" }) }) }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(SimpleIconButton, { icon: _jsx(ImageIcon, { strokeWidth: 1, className: "h-5 w-5" }), label: showThumbnails ? "Hide thumbnails" : "Show thumbnails", size: "small", className: "h-[30px] w-[30px]", selected: showThumbnails, "data-testid": "component-tree-toggle-thumbnails", onClick: () => setVisualMode(showThumbnails ? "icon" : "thumbnail") }), _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, onNodeMouseMove: handleNodeInsertTargetHover, onNodeMouseLeave: handleNodeInsertTargetLeave, renderNodePrefix: (node) => {
+                                        : "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", { 
+                // Center 32px reorder targets in the 8px card gaps so they overlap
+                // both neighboring cards and remain easy to hit while dragging.
+                className: "min-h-0 flex-1 overflow-auto overflow-x-hidden p-2 [&_.drop-zone]:-top-1 [&_.drop-zone]:h-8", ref: treeRef, "data-testid": "component-tree", "data-parhelia-component-tree": "true", 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, onNodeMouseMove: handleNodeInsertTargetHover, onNodeMouseLeave: handleNodeInsertTargetLeave, renderNodePrefix: (node) => {
                         const treeNode = node;
                         if (treeNode.type !== "component")
                             return null;
@@ -1105,9 +1085,8 @@ function renderNode(node, filter = "", opts) {
         componentIndex >= 0 &&
         componentIndex < parentPlaceholder.components.length - 1;
     const placeholderInsertTargets = component?.placeholders?.filter((placeholder) => opts?.canInsertIntoPlaceholder?.(placeholder) ?? false) ?? [];
-    return (_jsxs("div", { className: `component-tree-node w-full min-w-0 ${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 min-w-0 items-center gap-2 text-[12px]", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [opts?.showThumbnails && node.type === "component" ? (_jsx(ComponentNodeThumbnail, { componentId: node.componentId, sheet: opts.thumbnailSheet ?? null, loading: opts.thumbnailsLoading ?? false, fallback: typeof node.icon === "string" ? (_jsx("i", { className: node.icon })) : (node.icon) })) : typeof node.icon === "string" ? (_jsx("i", { className: node.icon })) : (node.icon), node.renderingType ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: cn("min-w-0 truncate", node.className), "data-testid": "component-tree-node-label", tabIndex: 0, children: highlightSearchMatch(node.label, trimmedFilter) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 8, children: node.renderingType })] })) : (_jsx("span", { className: cn("min-w-0 truncate", 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 w-full min-w-0 ${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 min-w-0 items-center gap-2 text-[12px]", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [opts?.showThumbnails && node.type === "component" ? (_jsx(ComponentNodeThumbnail, { componentId: node.componentId, sheet: opts.thumbnailSheet ?? null, loading: opts.thumbnailsLoading ?? false, fallback: typeof node.icon === "string" ? (_jsx("i", { className: node.icon })) : (node.icon) })) : typeof node.icon === "string" ? (_jsx("i", { className: node.icon })) : (node.icon), node.renderingType ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: cn("min-w-0 truncate", node.className), "data-testid": "component-tree-node-label", tabIndex: 0, children: highlightSearchMatch(node.label, trimmedFilter) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 8, children: node.renderingType })] })) : (_jsx("span", { className: cn("min-w-0 truncate", node.className), "data-testid": "component-tree-node-label", children: highlightSearchMatch(node.label, trimmedFilter) })), node.tags?.map((x) => (_jsx("div", { className: "max-w-fit min-w-0 flex-1 overflow-hidden", children: _jsxs("span", { id: `id-${node.key}-${x.id}`, className: "flex min-w-0 overflow-hidden rounded p-0.5 px-1.5 text-xs whitespace-nowrap text-white", style: {
                                         backgroundColor: x.color,
-                                        marginLeft: "8px",
                                         fontSize: "10px",
                                     }, title: x.tooltip, onClick: x.onClick
                                         ? (e) => {
@@ -1315,7 +1294,7 @@ function filterComponentTreeNodes(nodes, filter) {
         expandedKeys: Array.from(expandedKeys),
     };
 }
-const NODE_THUMBNAIL_BOX = { width: 56, height: 36 };
+const NODE_THUMBNAIL_BOX = LIVE_THUMBNAIL_BOX;
 /**
  * Live crop of the component out of the shared page sheet. While the first
  * sheet is on its way the box shows a spinner. Components the host did not