@parhelia/core 0.1.12554 → 0.1.12555

package/dist/editor/settings/status/useStartupChecks.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStartupChecks.js","sourceRoot":"","sources":["../../../../src/editor/settings/status/useStartupChecks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAkBjE;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC9B,YAAuC;IAEvC,+EAA+E;IAC/E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB,SAAS,CAAC,CAAC;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE7B,iCAAiC;IACjC,MAAM,cAAc,GAAG,YAAY,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IAE/E,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,EAAE,OAA8B,EAAE,EAAE;QACrE,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChC,QAAQ,CAAC,UAAU,CAAC,CAAC;YACrB,SAAS,CAAC,EAAE,CAAC,CAAC;YACd,OAAO;QACT,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;YACrB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;QAED,sCAAsC;QACtC,MAAM,aAAa,GAAG,cAAc,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACvD,IAAI,CAAC;gBACH,OAAO,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;YAC7B,CAAC;YAAC,OAAO,CAAM,EAAE,CAAC;gBAChB,OAAO;oBACL;wBACE,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,QAAQ;wBACvB,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,eAAe;wBACnC,WAAW,EAAE,CAAC,EAAE,OAAO,IAAI,oCAAoC;wBAC/D,QAAQ,EAAE,OAAgB;qBAC3B;iBACF,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACjD,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;QAEjC,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,QAAQ,CAAC,UAAU,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,kCAAkC;IAClC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAClD,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;YACtB,KAAK,SAAS,EAAE,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,OAAO;QACL,KAAK;QACL,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,OAAO,CAAC;QACnE,MAAM;QACN,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE;QAC1B,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;KAChD,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useStartupChecks.js","sourceRoot":"","sources":["../../../../src/editor/settings/status/useStartupChecks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAgBjE;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC9B,YAAuC;IAEvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB,MAAM,CAAC,CAAC;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE7B,iCAAiC;IACjC,MAAM,cAAc,GAAG,YAAY,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IAE/E,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACvC,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChC,QAAQ,CAAC,UAAU,CAAC,CAAC;YACrB,SAAS,CAAC,EAAE,CAAC,CAAC;YACd,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEpB,sCAAsC;QACtC,MAAM,aAAa,GAAG,cAAc,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACvD,IAAI,CAAC;gBACH,OAAO,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;YAC7B,CAAC;YAAC,OAAO,CAAM,EAAE,CAAC;gBAChB,OAAO;oBACL;wBACE,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,QAAQ;wBACvB,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,eAAe;wBACnC,WAAW,EAAE,CAAC,EAAE,OAAO,IAAI,oCAAoC;wBAC/D,QAAQ,EAAE,OAAgB;qBAC3B;iBACF,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACjD,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;QAEjC,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,QAAQ,CAAC,UAAU,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,kCAAkC;IAClC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAClD,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;YACtB,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,OAAO;QACL,KAAK;QACL,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,OAAO,CAAC;QACnE,MAAM;QACN,OAAO,EAAE,SAAS;KACnB,CAAC;AACJ,CAAC"}

package/dist/editor/setup-wizard/steps/CompleteStep.d.ts

@@ -1,10 +1,9 @@
 interface CompleteStepProps {
-    licenseConfigured: boolean;
     chatModelId?: string;
     imageModelId?: string;
     embeddingsModelId?: string;
     onFinish: () => void;
     onBack: () => void;
 }
-export declare function CompleteStep({ licenseConfigured, chatModelId, imageModelId, embeddingsModelId, onFinish, onBack, }: CompleteStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function CompleteStep({ chatModelId, imageModelId, embeddingsModelId, onFinish, onBack, }: CompleteStepProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,7 +3,7 @@ import { useState, useCallback } from "react";
 import { Button } from "../../../components/ui/button";
 import { setupWizardService } from "../../../setup/services/setupWizardService";
 import { CheckCircle, PartyPopper, RefreshCw, ArrowRight, AlertCircle, } from "lucide-react";
-export function CompleteStep({ licenseConfigured, chatModelId, imageModelId, embeddingsModelId, onFinish, onBack, }) {
+export function CompleteStep({ chatModelId, imageModelId, embeddingsModelId, onFinish, onBack, }) {
     const [finishing, setFinishing] = useState(false);
     const handleFinish = useCallback(async () => {
         try {
@@ -31,7 +31,6 @@ export function CompleteStep({ licenseConfigured, chatModelId, imageModelId, emb
         }
     }, [chatModelId, imageModelId, embeddingsModelId, onFinish]);
     return (_jsxs("div", { className: "flex h-full flex-col items-center p-12 text-center", children: [_jsx("div", { className: "mb-8 animate-bounce rounded-full bg-green-50 p-6 shadow-xl ring-1 shadow-green-500/10 ring-green-100", children: _jsx(PartyPopper, { className: "h-16 w-12 text-green-600", strokeWidth: 1.5 }) }), _jsx("h2", { className: "mb-4 text-4xl font-bold tracking-tight text-gray-900", children: "You're Ready!" }), _jsx("p", { className: "mb-10 max-w-md leading-relaxed text-gray-500", children: "Parhelia is now configured and ready to transform your content workflow. Let's get to work." }), _jsxs("div", { className: "mb-12 w-full max-w-sm space-y-3 rounded-2xl border border-gray-100 bg-gray-50/50 p-6 text-left shadow-inner", children: [_jsx("h3", { className: "mb-4 text-center text-[10px] font-bold tracking-[0.2em] text-gray-400 uppercase", children: "Final Configuration" }), _jsx("div", { className: "space-y-2", children: [
-                            { label: "License", value: licenseConfigured ? "configured" : undefined },
                             { label: "Chat", value: chatModelId },
                             { label: "Image", value: imageModelId },
                             { label: "Embeddings", value: embeddingsModelId },

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

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

package/dist/editor/sidebar/ComponentPalette.js

@@ -3,7 +3,6 @@ import { getInsertOptionsForCurrentSelection } from "../utils/insertOptions";
 import { ArrowDownIcon } from "../ui/Icons";
 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";
@@ -85,7 +84,7 @@ export function ComponentPalette({}) {
                                                 editContext.setSelectedForInsertion(option.typeId);
                                             }, draggable: isDraggable, onDragStart: handleDragStart, onDragEnd: handleDragEnd, className: cn("relative flex flex-col items-center justify-center gap-2 rounded border border-gray-200 p-2 text-center text-xs break-all", isDraggable ? "cursor-grab" : "", editContext.selectedForInsertion === option.typeId
                                                 ? "border-sky-500"
-                                                : ""), "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: "absolute top-0 right-0 h-4 w-4 text-red-500" }) }))] }, option.typeId));
+                                                : ""), "data-testid": "insert-component-option", children: [option.svg && (_jsx("div", { className: "h-8 w-8", draggable: false, onDragStart: (e) => e.preventDefault(), dangerouslySetInnerHTML: { __html: 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: "absolute top-0 right-0 h-4 w-4 text-red-500" }) }))] }, option.typeId));
                                     }) }))] }, group));
                     }) }) })] }));
 }

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,8 +1 @@
-import type { PageViewContext } from "../page-viewer/pageViewContext";
-import { FullItem, ItemDescriptor } from "../pageModel";
-export declare function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading, }: {
-    pageViewContext?: PageViewContext;
-    itemDescriptor?: ItemDescriptor;
-    item?: FullItem;
-    isLoading?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function ComponentTree({}: {}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/sidebar/ComponentTree.js

@@ -1,39 +1,24 @@
 "use client";
 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 { useCallback, useEffect, useRef, useState } from "react";
 import { getComponentCommands } from "../commands/componentCommands";
 import ConfirmationDialog from "../ConfirmationDialog";
-import { useSlotContext } from "../views/editorSlotContext";
 import { PerfectTree } from "../ui/PerfectTree";
 import { isValidPlaceholder } from "../componentTreeHelper";
-import { buildInsertMenuItems, getVisibleInsertOptions, } from "../insertMenuItems";
+import { buildInsertMenuItems, getVisibleInsertOptions } from "../insertMenuItems";
 import { Plus, LayoutTemplate, Pentagon, Folder, Square, ChevronRight, Circle, File, Home, } from "lucide-react";
 import { SimpleIconButton } from "../ui/SimpleIconButton";
 import { Spinner } from "../ui/Spinner";
-import { FilterInput } from "../../components/FilterInput";
-export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading, }) {
+export function ComponentTree({}) {
     const [expandedKeys, setExpandedKeys] = useState(["page"]);
     const [selectedKeys, setSelectedKeys] = useState(["page"]);
-    const [filter, setFilter] = useState("");
     const [rootNodes, setRootNodes] = useState([]);
     const [nodeDictionary, setNodeDictionary] = useState({});
     const [isTreeReady, setIsTreeReady] = useState(false);
     const [treeKey, setTreeKey] = 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 resolvedItem = item ?? slotContext?.item ?? editContext?.item;
-    const isSlotLoading = isLoading ??
-        slotContext?.isLoading ??
-        editContext?.getActiveSlotContext?.()?.isLoading ??
-        false;
-    const pageLanguage = page?.item.language ?? pageItemDescriptor?.language;
-    const pageVersion = page?.item.version ?? pageItemDescriptor?.version;
     const treeRef = useRef(null);
     const confirmDialogRef = useRef(null);
     const pendingDragStartTimeoutRef = useRef(null);
@@ -84,16 +69,8 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
     }
     useEffect(() => {
         if (treeRef.current) {
-            const selectedNodeKey = selectedKeys[0];
-            let selectedNodeElement = null;
-            if (selectedNodeKey) {
-                try {
-                    selectedNodeElement = treeRef.current.querySelector(`[data-node-key="${CSS.escape(selectedNodeKey)}"]`);
-                }
-                catch {
-                    selectedNodeElement = treeRef.current.querySelector(`[data-node-key="${selectedNodeKey}"]`);
-                }
-            }
+            const selectedNodeKey = Object.keys(selectedKeys || {})[0];
+            const selectedNodeElement = treeRef.current.querySelector(`[data-id="${selectedNodeKey}"]`);
             if (selectedNodeElement) {
                 selectedNodeElement.scrollIntoView({
                     behavior: "smooth",
@@ -105,24 +82,13 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
     useEffect(() => {
         if (editContext?.selection && editContext.selection.length > 0) {
             setSelectedKeys(editContext.selection);
-            return;
         }
-        // Keep non-component tree selection (e.g. placeholder) when editor selection is empty.
-        // This allows users to click and work with placeholders without being reset to "page".
-        setSelectedKeys((prev) => {
-            if (prev.length === 1) {
-                const current = prev[0];
-                if (current) {
-                    const node = nodeDictionary[current];
-                    if (node && node.type !== "component") {
-                        return prev;
-                    }
-                }
-            }
-            return ["page"];
-        });
-    }, [editContext?.selection, nodeDictionary]);
+        else {
+            setSelectedKeys(["page"]);
+        }
+    }, [editContext?.selection]);
     const selection = editContext?.selection || [];
+    const page = editContext?.page;
     useEffect(() => {
         const newExpandedKeys = [...expandedKeys];
         for (const id of selection) {
@@ -135,28 +101,6 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
             setExpandedKeys(newExpandedKeys);
         }
     }, [selection, nodeDictionary]);
-    function appendNodeClassName(node, className) {
-        node.className = `${node.className || ""} ${className}`.trim();
-    }
-    function reparentVisibleNodes(nodes, parent, inheritedClassName) {
-        return nodes.map((node) => {
-            node.parent = parent;
-            if (inheritedClassName) {
-                appendNodeClassName(node, inheritedClassName);
-            }
-            return node;
-        });
-    }
-    function mapVisibleComponentNodes(component, parent, inheritedClassName) {
-        const componentNode = mapComponentNode(component, parent);
-        if (inheritedClassName) {
-            appendNodeClassName(componentNode, inheritedClassName);
-        }
-        if (!component.layoutId) {
-            return [componentNode];
-        }
-        return reparentVisibleNodes((componentNode.children || []), parent, inheritedClassName);
-    }
     function mapPlaceholderNode(p, parent) {
         const rawLabel = p.description || p.name;
         let cleanedLabel = cleanPlaceholderLabel(rawLabel);
@@ -188,8 +132,12 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
             });
         }
         if (!editContext?.showLayoutComponents) {
-            // Hide layout nodes, but keep their visible descendants in the tree.
-            node.children = p.components.flatMap((component) => mapVisibleComponentNodes(component, node));
+            // Map components and filter out layout components when hidden
+            const mappedComponents = p.components.map((c) => mapComponentNode(c, node));
+            node.children = mappedComponents.filter((componentNode) => {
+                const component = componentNode.data;
+                return !component.layoutId;
+            });
         }
         else {
             // Always map components, but filter based on editability and descendants
@@ -221,12 +169,22 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
             const allComponents = [];
             const seenKeys = new Set();
             for (const placeholder of placeholdersToShow) {
-                const placeholderClassName = !placeholder.editable
-                    ? "text-gray-400"
-                    : undefined;
-                const visibleComponents = placeholder.components.flatMap((component) => mapVisibleComponentNodes(component, parent, placeholderClassName));
+                const mappedComponents = placeholder.components.map((c) => {
+                    const componentNode = mapComponentNode(c, parent);
+                    // Apply gray styling to components in non-editable placeholders
+                    if (!placeholder.editable) {
+                        componentNode.className =
+                            (componentNode.className || "") + " text-gray-400";
+                    }
+                    return componentNode;
+                });
+                // Filter out layout components when not showing them
+                const filteredComponents = mappedComponents.filter((componentNode) => {
+                    const component = componentNode.data;
+                    return !component.layoutId && (component.editable || true);
+                });
                 // Add only components we haven't seen yet to prevent duplicate keys
-                for (const componentNode of visibleComponents) {
+                for (const componentNode of filteredComponents) {
                     if (!seenKeys.has(componentNode.key)) {
                         seenKeys.add(componentNode.key);
                         allComponents.push(componentNode);
@@ -404,22 +362,6 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
         setNodeDictionary(dict);
         setIsTreeReady(true);
     }, [page, editContext?.showLayoutComponents]);
-    const { visibleRootNodes, effectiveExpandedKeys, isFiltering } = useMemo(() => {
-        const query = filter.trim();
-        if (!query) {
-            return {
-                visibleRootNodes: rootNodes,
-                effectiveExpandedKeys: expandedKeys,
-                isFiltering: false,
-            };
-        }
-        const filteredTree = filterComponentTreeNodes(rootNodes, query);
-        return {
-            visibleRootNodes: filteredTree.nodes,
-            effectiveExpandedKeys: filteredTree.expandedKeys,
-            isFiltering: true,
-        };
-    }, [expandedKeys, filter, rootNodes]);
     const handleTreeSelection = useCallback((key, event) => {
         let newKeys = [];
         // Helper: gather visible component keys using current tree data and expanded state
@@ -429,12 +371,12 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
                 for (const n of nodes) {
                     if (n.type === "component")
                         keys.push(n.key);
-                    if (n.children && effectiveExpandedKeys.includes(n.key)) {
+                    if (n.children && expandedKeys.includes(n.key)) {
                         visit(n.children);
                     }
                 }
             };
-            visit(visibleRootNodes);
+            visit(rootNodes);
             return keys;
         };
         if (event.shiftKey) {
@@ -475,7 +417,6 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
         else {
             newKeys = [key];
         }
-        setSelectedKeys(newKeys);
         const selectedComponentIds = Array.from(new Set(newKeys
             .filter((k) => nodeDictionary[k]?.type === "component")
             .map((k) => nodeDictionary[k].componentId)));
@@ -483,7 +424,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]);
     // Handle tree context menu
     const handleTreeContextMenu = async (node, event) => {
         const componentId = nodeDictionary[node.key]?.componentId;
@@ -525,7 +466,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
                 const insertOptions = getVisibleInsertOptions(placeholder.insertOptions);
                 const insertMenuItems = buildInsertMenuItems(insertOptions, async (x) => {
                     await editContextRef.current?.operations.addComponent(x.typeId, placeholder.key, 0, // Insert at the beginning by default
-                    pageItemDescriptor);
+                    editContextRef.current?.currentItemDescriptor);
                 });
                 if (insertMenuItems.length > 0) {
                     // Add separator if there are existing menu items
@@ -544,7 +485,7 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
         editContextRef.current?.showContextMenu(event, menu);
     };
     // Convert expanded keys for PerfectTree
-    const expandedItems = effectiveExpandedKeys;
+    const expandedItems = expandedKeys;
     // Convert selected keys for PerfectTree
     const selectedItems = selectedKeys;
     const handleCollapseItem = useCallback((key) => {
@@ -711,10 +652,8 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
         if (!component?.datasourceItem)
             return;
         pendingDragStartTimeoutRef.current = setTimeout(() => {
-            if (!pageLanguage || pageVersion == null)
-                return;
-            const language = pageLanguage;
-            const version = pageVersion;
+            const language = editContext.page.item.language;
+            const version = editContext.page.item.version;
             const selectedIds = (editContext?.selection?.length || 0) > 1 &&
                 editContext.selection.includes(component.id)
                 ? editContext.selection
@@ -754,32 +693,38 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
     }, []);
     // Check if we have a valid page model
     const hasPageModel = page && page.rootComponent && page.item;
+    // Check if the active slot is still loading its item/page
+    const activeSlotContext = editContext?.getActiveSlotContext?.();
+    const isSlotLoading = activeSlotContext?.isLoading ?? false;
     const isRefreshing = editContext?.isRefreshing ?? false;
-    // Check if the page model failed to load (invalid page model)
-    // Only show error if page model is missing, not if page is just empty (no components)
-    const hasInvalidPageModel = !hasPageModel;
-    // Check if the tree is empty (no components/placeholders) - this is valid, not an error
-    const hasEmptyTree = !!hasPageModel &&
-        (!page?.rootComponent?.placeholders ||
-            page.rootComponent.placeholders.length === 0) &&
-        rootNodes.length <= 1 &&
-        (rootNodes.length === 0 || rootNodes[0]?.key === "page");
     if (!page) {
         // If item has no versions, show appropriate message instead of spinner
-        if (resolvedItem?.versions === 0) {
+        if (editContext?.item?.versions === 0) {
             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) {
+        if (editContext?.item?.hasLayout || isSlotLoading || isRefreshing) {
             return (_jsx("div", { className: "flex h-full items-center justify-center text-xs text-gray-500", children: _jsx(Spinner, {}) }));
         }
         return (_jsx("div", { className: "flex h-full items-center justify-center text-xs text-gray-500", children: "This item has no layout." }));
     }
+    // Check if the page model failed to load (invalid page model)
+    // Only show error if page model is missing, not if page is just empty (no components)
+    const hasInvalidPageModel = !hasPageModel;
+    // Check if the tree is empty (no components/placeholders) - this is valid, not an error
+    const hasEmptyTree = hasPageModel &&
+        (!page.rootComponent?.placeholders ||
+            page.rootComponent.placeholders.length === 0) &&
+        rootNodes.length <= 1 &&
+        (rootNodes.length === 0 || rootNodes[0]?.key === "page");
     // 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: "flex h-full items-center justify-center text-xs text-gray-500", children: _jsx(Spinner, {}) }));
     }
-    const canWriteItem = page?.item.canWriteItem ??
-        resolvedItem?.canWriteItem ??
+    // Get canWriteItem from active slot context if available, fallback to editContext.page
+    // Calculate once and reuse in both error and normal states
+    const canWriteItem = activeSlotContext?.primaryPageViewContext.page?.item.canWriteItem ??
+        activeSlotContext?.item?.canWriteItem ??
+        editContext?.page?.item.canWriteItem ??
         false;
     // Get insert mode state for toggle button
     const insertMode = editContext?.insertMode ?? false;
@@ -801,57 +746,19 @@ export function ComponentTree({ pageViewContext, itemDescriptor, item, isLoading
     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-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 = "") {
-    const trimmedFilter = filter.trim();
-    const filterDetails = trimmedFilter ? getNodeFilterDetails(node) : null;
-    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",
-                            }, title: x.tooltip, onClick: x.onClick
-                                ? (e) => {
-                                    e.stopPropagation();
-                                    x.onClick();
-                                }
-                                : 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-yellow-200/80", children: part }, `${part}-${index}`)) : (part));
+                                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: "flex-1 p-2", ref: treeRef, "data-testid": "component-tree", children: _jsx(PerfectTree, { nodes: rootNodes, isDragging: !!editContext?.dragObject, multiDragNoun: "components", selectedKeys: selectedItems, expandedKeys: expandedItems, onToggleExpand: handleToggle, onSelect: handleTreeSelection, onContextMenu: handleTreeContextMenu, enableDragAndDrop: true, onDragOverZone: handleDragOverZone, isValidDropZone: handleIsValidDropZone, onStartDrag: handleStartDrag, onDragEnd: handleDragEnd, onDrop: handleDropZone, renderNode: (node) => renderNode(node) }) }), _jsx(ConfirmationDialog, { ref: confirmDialogRef })] }));
 }
-function getNodeFilterDetails(node) {
-    if (node.type === "component" && node.data) {
-        const component = node.data;
-        return [
-            component.id ? `ID: ${component.id}` : "",
-            component.type ? `Type: ${component.type}` : "",
-            component.typeId ? `Type ID: ${component.typeId}` : "",
-            component.datasourceItem?.name
-                ? `Datasource: ${component.datasourceItem.name}`
-                : "",
-            component.parentPlaceholder?.key
-                ? `Placeholder: ${component.parentPlaceholder.key}`
-                : "",
-        ]
-            .filter(Boolean)
-            .join(" | ");
-    }
-    if (node.type === "placeholder" && node.data) {
-        const placeholder = node.data;
-        return [
-            placeholder.key ? `Key: ${placeholder.key}` : "",
-            placeholder.description
-                ? `Description: ${placeholder.description}`
-                : "",
-        ]
-            .filter(Boolean)
-            .join(" | ");
-    }
-    return node.componentId ? `ID: ${node.componentId}` : null;
+function renderNode(node) {
+    return (_jsx("div", { className: `component-tree-node ${node.type ? `component-tree-${node.type}` : ""}`, "data-component-node": node.type === "component" ? "true" : undefined, 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, children: node.label }), 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",
+                        }, title: x.tooltip, onClick: x.onClick
+                            ? (e) => {
+                                e.stopPropagation();
+                                x.onClick();
+                            }
+                            : undefined, children: [x.icon, x.value] }) }, `tag-${node.key}-${x.id}`)))] }) }));
 }
 function createMap(treeNodes, nodeDictionary) {
     treeNodes.forEach((n) => {
@@ -880,58 +787,4 @@ function hasSameProps(obj1, obj2) {
     }
     return false;
 }
-function addSearchValue(values, value) {
-    if (!value)
-        return;
-    const trimmed = value.trim();
-    if (trimmed) {
-        values.push(trimmed);
-    }
-}
-function getNodeSearchText(node) {
-    const values = [];
-    addSearchValue(values, node.label);
-    addSearchValue(values, getNodeFilterDetails(node));
-    addSearchValue(values, node.type);
-    node.tags?.forEach((tag) => {
-        addSearchValue(values, tag.id);
-        addSearchValue(values, tag.value);
-    });
-    return values.join(" ").toLowerCase();
-}
-function filterComponentTreeNodes(nodes, filter) {
-    const normalizedFilter = filter.trim().toLowerCase();
-    if (!normalizedFilter) {
-        return { nodes, expandedKeys: [] };
-    }
-    const expandedKeys = new Set();
-    const filterNode = (node, ancestors) => {
-        const filteredChildren = Array.isArray(node.children)
-            ? node.children
-                .map((child) => filterNode(child, [...ancestors, node.key]))
-                .filter((child) => child !== null)
-            : node.children;
-        const hasMatchingChildren = Array.isArray(filteredChildren) && filteredChildren.length > 0;
-        const nodeMatches = getNodeSearchText(node).includes(normalizedFilter);
-        if (!nodeMatches && !hasMatchingChildren) {
-            return null;
-        }
-        ancestors.forEach((ancestorKey) => expandedKeys.add(ancestorKey));
-        if (hasMatchingChildren) {
-            expandedKeys.add(node.key);
-        }
-        return {
-            ...node,
-            children: Array.isArray(node.children)
-                ? filteredChildren
-                : node.children,
-        };
-    };
-    return {
-        nodes: nodes
-            .map((node) => filterNode(node, []))
-            .filter((node) => node !== null),
-        expandedKeys: Array.from(expandedKeys),
-    };
-}
 //# sourceMappingURL=ComponentTree.js.map