@parhelia/core 0.1.12554 → 0.1.12556

package/dist/editor/sidebar/GraphQL.js

@@ -0,0 +1,234 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@uiw/react-textarea-code-editor/dist.css";
+import { Splitter } from "../ui/Splitter";
+import CodeEditor from "@uiw/react-textarea-code-editor";
+import { ActionButton } from "../../components/ActionButton";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { ObjectInspector } from "react-inspector";
+import { SimpleTabs } from "../ui/SimpleTabs";
+import { createAgentCommand } from "../commands/agentCommands";
+import { RefreshCw } from "lucide-react";
+export function GraphQL() {
+    const editContext = useEditContext();
+    const [query, setQuery] = useState("");
+    const [showSpinner, setShowSpinner] = useState(false);
+    const [graphqlResult, setGraphqlResult] = useState({});
+    const [schemaResult, setSchemaResult] = useState({});
+    const [showSchemaSpinner, setShowSchemaSpinner] = useState(false);
+    const [activeTab, setActiveTab] = useState(0);
+    const [aiGeneratedQuery, setAiGeneratedQuery] = useState("");
+    let item = editContext?.page?.item;
+    useEffect(() => {
+        setShowSpinner(false);
+    }, [editContext?.refreshCompletedFlag]);
+    useEffect(() => {
+        const graphql_query = item?.fields.find((x) => x.name === "graphql_query")?.rawValue;
+        if (graphql_query)
+            setQuery(graphql_query || "");
+    }, [item]);
+    // Auto-fetch schema when Schema tab is activated (now tab index 0)
+    useEffect(() => {
+        if (activeTab === 0 && !schemaResult?.data && !showSchemaSpinner) {
+            fetchSchema();
+        }
+    }, [activeTab]);
+    // Register a context factory for GraphQL so agents can pull structured context without tool reads
+    useEffect(() => {
+        if (!editContext || !item)
+            return;
+        const factoryName = "graphql:context:v1";
+        const factory = async () => ({
+            schema: schemaResult?.data || "",
+            currentQuery: query,
+            itemContext: {
+                id: item.id,
+                language: item.language,
+                version: item.version,
+            },
+        });
+        editContext.registerContextFactory?.(factoryName, factory);
+        return () => editContext.unregisterContextFactory?.(factoryName);
+    }, [
+        editContext,
+        item?.id,
+        item?.language,
+        item?.version,
+        query,
+        schemaResult?.data,
+    ]);
+    // if (item) {
+    //   const selectedComponents = editContext!.selection
+    //     .map((x) => getComponentById(x, editContext!.page!))
+    //     .filter((x) => x) as Component[];
+    //   if (selectedComponents.length === 1) item = selectedComponents[0];
+    // }
+    // type JsonType = { [key: string]: any };
+    // function findFields(json: JsonType): { [key: string]: Array<JsonValueType> } {
+    //   let result: { [key: string]: Array<JsonValueType> } = {};
+    //   for (let key in json) {
+    //     if (typeof json[key] === "object" && json[key] !== null) {
+    //       let subResult = findFields(json[key]);
+    //       for (let subKey in subResult) {
+    //         if (result[subKey]) {
+    //           result[subKey] = result[subKey].concat(subResult[subKey]);
+    //         } else {
+    //           result[subKey] = subResult[subKey];
+    //         }
+    //       }
+    //     }
+    //     if (key === "jsonValue" && json[key]) {
+    //       let groupKey = `${json[key].itemId}_${json[key].language}_${json[key].version}`;
+    //       if (result[groupKey]) {
+    //         result[groupKey].push(json[key]);
+    //       } else {
+    //         result[groupKey] = [json[key]];
+    //       }
+    //     }
+    //   }
+    //   return result;
+    // }
+    //type JsonValueType = { itemId: string; language: string; version: string };
+    //const fieldsjsonValues = findFields(graphql);
+    // function renderItem(fields: Field[]) {
+    //   const first = fields[0];
+    //   const item = first.descriptor.item;
+    //   if (!item) return null;
+    //   return (
+    //     <div key={first.id + item.id + item.language + item.version}>
+    //       Item: {item.id} {first.id} {item.language} {item.version}
+    //       <FieldList
+    //         fields={fields}
+    //         validators={
+    //           editContext?.pageValidationResult?.find(
+    //             (x) =>
+    //               x.item.id === item.id &&
+    //               x.item.language === item.language &&
+    //               x.item.version === item.version
+    //           )?.results || []
+    //         }
+    //       />
+    //     </div>
+    //   );
+    // }
+    if (!item)
+        return null;
+    async function refresh() {
+        if (!item || !query.trim())
+            return;
+        setShowSpinner(true);
+        try {
+            const response = await fetch("/alpaca/headless/graphql", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    Query: query,
+                    ItemId: item.id,
+                    Language: item.language,
+                    Version: item.version,
+                }),
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const result = await response.json();
+            if (result.errors) {
+                setGraphqlResult({ status: 400, errors: result.errors });
+            }
+            else {
+                setGraphqlResult({ data: result.data, status: response.status });
+            }
+        }
+        catch (error) {
+            console.error("GraphQL query error:", error);
+            setGraphqlResult({ error: String(error) });
+        }
+        finally {
+            setShowSpinner(false);
+        }
+    }
+    async function fetchSchema() {
+        if (!item)
+            return;
+        setShowSchemaSpinner(true);
+        try {
+            const response = await fetch("/alpaca/headless/graphql/schema", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    ItemId: item.id,
+                    Language: item.language,
+                    Version: item.version,
+                    Schema: "Default", // You may want to make this configurable
+                }),
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const result = await response.text(); // Schema returns plain text, not JSON
+            setSchemaResult({ data: result, status: response.status });
+        }
+        catch (error) {
+            console.error("Schema fetch error:", error);
+            setSchemaResult({ error: String(error) });
+        }
+        finally {
+            setShowSchemaSpinner(false);
+        }
+    }
+    // Function to apply AI-generated query to the editor
+    const applyQueryToEditor = (newQuery) => {
+        setQuery(newQuery);
+        setAiGeneratedQuery(newQuery);
+    };
+    // Extract GraphQL queries from AI response
+    const extractGraphQLFromResponse = (responseText) => {
+        const graphqlBlockRegex = /```graphql\s*([\s\S]*?)\s*```/i;
+        const match = responseText.match(graphqlBlockRegex);
+        return match ? match[1]?.trim() || null : null;
+    };
+    // removed old AiTerminal context
+    // Register a context factory for GraphQL so agents can pull structured context without tool reads
+    // (moved useEffect for context factory above to ensure hooks order remains stable)
+    return (_jsx(Splitter, { direction: "vertical", className: "h-full", panels: [
+            {
+                name: "query",
+                defaultSize: 850,
+                className: "flex flex-col min-h-[500px]",
+                content: (_jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [aiGeneratedQuery && aiGeneratedQuery !== query && (_jsxs("div", { className: "flex items-center gap-2 border-b border-yellow-200 bg-yellow-50 p-2 text-xs", children: [_jsx("span", { className: "text-yellow-800", children: "AI generated a new query" }), _jsx(ActionButton, { onClick: () => applyQueryToEditor(aiGeneratedQuery), className: "p-1 text-xs", variant: "outline", children: "Apply" }), _jsx(ActionButton, { onClick: () => setAiGeneratedQuery(""), className: "p-1", variant: "ghost", children: "\u00D7" })] })), _jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "flex flex-1 flex-col border-b border-gray-300", children: [_jsx("div", { className: "border-b border-gray-300 bg-gray-100 px-3 py-2 text-sm font-medium text-gray-700", children: "GraphQL Query" }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(CodeEditor, { value: query, language: "graphql", placeholder: "Enter your GraphQL query here...", onChange: (evn) => setQuery(evn.target.value), padding: 15, style: {
+                                                        fontSize: 12,
+                                                        backgroundColor: "#f8f9fa",
+                                                        fontFamily: "ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace",
+                                                    } }) }) })] }), _jsx("div", { className: "flex items-center justify-center border-b border-gray-300 bg-gray-50 py-3", children: _jsxs(ActionButton, { onClick: refresh, disabled: showSpinner, className: "px-4 py-2", variant: "outline", children: [_jsx(RefreshCw, { strokeWidth: 1.5, className: "mr-2 h-4 w-4" }), "Run"] }) }), _jsxs("div", { className: "flex flex-1 flex-col", children: [_jsx("div", { className: "border-b border-gray-300 bg-gray-100 px-3 py-2 text-sm font-medium text-gray-700", children: "JSON Result" }), _jsx("div", { className: "flex-1 overflow-auto p-2", children: _jsx("div", { className: "min-w-0 overflow-x-auto", children: _jsx(ObjectInspector, { data: graphqlResult, expandLevel: 3 }) }) })] })] })] })),
+            },
+            {
+                name: "schema",
+                defaultSize: 150,
+                className: "flex flex-col text-xs min-h-[150px]",
+                content: (_jsxs("div", { className: "flex flex-1 flex-col text-xs", children: [_jsx(SimpleTabs, { className: "border-gray-3 border-b px-2 pt-2", tabs: [
+                                {
+                                    id: "schema",
+                                    label: "Schema",
+                                    content: (_jsxs("div", { className: "relative h-full overflow-hidden", children: [_jsx("div", { className: "flex items-center gap-2 border-b p-2", children: _jsx(ActionButton, { onClick: fetchSchema, disabled: showSchemaSpinner, variant: "outline", className: "text-sm", children: "\uD83D\uDCE5 Fetch Schema" }) }), _jsx("div", { className: "flex-1 overflow-auto p-2", children: _jsx("div", { className: "min-w-0 overflow-x-auto", children: _jsx(ObjectInspector, { data: schemaResult, expandLevel: 3 }) }) })] })),
+                                },
+                            ], activeTab: activeTab, setActiveTab: setActiveTab }), _jsx("div", { className: "border-t border-gray-200 p-2", children: _jsx(ActionButton, { variant: "outline", className: "text-xs", onClick: () => {
+                                    editContext?.executeCommand?.({
+                                        command: createAgentCommand,
+                                        data: {
+                                            profileName: "GraphQL Assistant",
+                                            contextFactory: "graphql:context:v1",
+                                            initialPrompt: "Help with the current GraphQL query and schema.",
+                                            additionalData: {
+                                                source: "GraphQLPanel",
+                                            },
+                                        },
+                                    });
+                                }, children: "Start GraphQL Agent" }) })] })),
+            },
+        ] }));
+}
+//# sourceMappingURL=GraphQL.js.map

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

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

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

@@ -0,0 +1 @@
+export declare function LeftToolbar(): import("react/jsx-runtime").JSX.Element;

package/dist/editor/sidebar/LeftToolbar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { useEditContext } from "../client/editContext";
+import { NavigationSidebar } from "./NavigationSidebar";
+export function LeftToolbar() {
+    const editContext = useEditContext();
+    const showLabels = editContext?.userInfo.preferences?.showLabels ?? editContext?.userInfo.preferences?.showViewNames ?? false;
+    return (_jsx("div", { className: cn("border-gray-200 bg-gray-50/50 flex items-center gap-1.5 border-r p-1.5", editContext?.isMobile
+            ? "scrollbar-hide flex-row overflow-x-auto"
+            : `flex-col ${showLabels ? "w-16" : "w-9"}`), children: _jsx(NavigationSidebar, {}) }));
+}
+//# sourceMappingURL=LeftToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeftToolbar.js","sourceRoot":"","sources":["../../../src/editor/sidebar/LeftToolbar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,UAAU,WAAW;IACzB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,UAAU,GACd,WAAW,EAAE,QAAQ,CAAC,WAAW,EAAE,UAAU,IAAI,WAAW,EAAE,QAAQ,CAAC,WAAW,EAAE,aAAa,IAAI,KAAK,CAAC;IAC7G,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,WAAW,EAAE,QAAQ;YACnB,CAAC,CAAC,yCAAyC;YAC3C,CAAC,CAAC,YAAY,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,CAC9C,YAED,KAAC,iBAAiB,KAAG,GACjB,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/sidebar/MainContentTree.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import ContentTree from "../ContentTree";
-import { TreeSettingsMenu } from "../content-tree/TreeSettingsMenu";
 import { useEditContext } from "../client/editContext";
 import { getInsertOptionsForCurrentSelection } from "../utils/insertOptions";
 import ItemSearch from "../ui/ItemSearch";
-import { GutterProvider, GutterColumns, useGutterContextSafe, } from "../tree-indicators";
+import { GutterProvider, GutterSelector, GutterColumns, useGutterContextSafe, } from "../tree-indicators";
 /** Width of each gutter column in pixels */
 const GUTTER_COLUMN_WIDTH = 18;
 /**
@@ -49,7 +48,7 @@ function MainContentTreeInner({ mode, rootItemIds, selectedItem, shouldScrollToS
                             language: item.language,
                             version: 0,
                         });
-                    }, showGrabCursorForDraggableNodes: mode === "insert-component", isDraggable: isDraggable, enableContextMenu: mode === "normal", hideRootNodes: hideRootNodes, renderNodePrefix: (node, depth) => showIndicators && node.data?.id ? (_jsx(GutterColumns, { itemId: node.data.id, itemLanguage: currentLanguage, depth: depth })) : null }) }) }) }));
+                    }, showGrabCursorForDraggableNodes: mode === "insert-component", isDraggable: isDraggable, enableContextMenu: mode === "normal", hideRootNodes: hideRootNodes, renderNodePrefix: (node, depth) => showIndicators && node.data?.id ? (_jsx(GutterColumns, { itemId: node.data.id, depth: depth })) : null }) }) }) }));
 }
 export function MainContentTree({ mode, rootItemId, hideRootNodes, }) {
     const editContext = useEditContext();
@@ -165,6 +164,6 @@ export function MainContentTree({ mode, rootItemId, hideRootNodes, }) {
                                     id: item.id,
                                     language: item.language,
                                     version: 0,
-                                }) }) }), mode !== "insert-component" && _jsx(TreeSettingsMenu, {})] }), _jsx(MainContentTreeInner, { mode: mode, rootItemIds: rootItemIds, selectedItem: selectedItem, shouldScrollToSelected: shouldScrollToSelected, selectedItemIds: selectedItemIds, setShouldScrollToSelected: setShouldScrollToSelected, setSelectedItemIds: setSelectedItemIds, editContext: editContext, isDraggable: isDraggable, hideRootNodes: hideRootNodes, currentLanguage: currentLanguage, onTreeItemClick: handleTreeItemClick })] }) }));
+                                }) }) }), mode !== "insert-component" && _jsx(GutterSelector, {})] }), _jsx(MainContentTreeInner, { mode: mode, rootItemIds: rootItemIds, selectedItem: selectedItem, shouldScrollToSelected: shouldScrollToSelected, selectedItemIds: selectedItemIds, setShouldScrollToSelected: setShouldScrollToSelected, setSelectedItemIds: setSelectedItemIds, editContext: editContext, isDraggable: isDraggable, hideRootNodes: hideRootNodes, currentLanguage: currentLanguage, onTreeItemClick: handleTreeItemClick })] }) }));
 }
 //# sourceMappingURL=MainContentTree.js.map

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

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

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

@@ -0,0 +1,4 @@
+import React from "react";
+declare function NavigationSidebarComponent(): import("react/jsx-runtime").JSX.Element;
+export declare const NavigationSidebar: React.MemoExoticComponent<typeof NavigationSidebarComponent>;
+export {};

package/dist/editor/sidebar/NavigationSidebar.js

@@ -0,0 +1,254 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useMemo, useCallback, useRef, useEffect, } from "react";
+import { cn } from "../../lib/utils";
+import { useEditContext } from "../client/editContext";
+import { VerticalDotsIcon, ViewToggleIcon } from "../ui/Icons";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../../components/ui/tooltip";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "../../components/ui/context-menu";
+import { DrawingPinFilledIcon, DrawingPinIcon } from "@radix-ui/react-icons";
+import { Pin, PinOff, X } from "lucide-react";
+function NavigationSidebarComponent() {
+    const editContext = useEditContext();
+    // Extract sidebar values
+    const contextValues = useMemo(() => ({
+        // Workspace state (for checking if we're in Editor workspace)
+        workspaceId: editContext?.workspaceId ?? "home",
+        // Sidebar state (for Editor workspace)
+        sidebars: editContext?.availableSidebars ?? [],
+        openSidebars: editContext?.openSidebars ?? [],
+        pinnedSidebars: editContext?.pinnedSidebars ?? [],
+        lockedSidebars: editContext?.lockedSidebars ?? [],
+        sidebarStacks: editContext?.sidebarStacks ?? [],
+        toggleSidebar: editContext?.toggleSidebar,
+        openSidebar: editContext?.openSidebar,
+        toggleSidebarPin: editContext?.toggleSidebarPin,
+        toggleSidebarLock: editContext?.toggleSidebarLock,
+        stackSidebar: editContext?.stackSidebar,
+        unstackSidebar: editContext?.unstackSidebar,
+        // Display preferences
+        showLabels: editContext?.userInfo.preferences?.showLabels ??
+            editContext?.userInfo.preferences?.showViewNames ??
+            false,
+        isMobile: editContext?.isMobile ?? false,
+        setUserPreferences: editContext?.setUserPreferences,
+        // Workspace state
+        visibleWorkspaces: editContext?.visibleWorkspaces ?? [],
+        switchWorkspace: editContext?.switchWorkspace,
+    }), [
+        editContext?.workspaceId,
+        editContext?.availableSidebars,
+        editContext?.openSidebars,
+        editContext?.pinnedSidebars,
+        editContext?.lockedSidebars,
+        editContext?.toggleSidebar,
+        editContext?.openSidebar,
+        editContext?.toggleSidebarPin,
+        editContext?.toggleSidebarLock,
+        editContext?.sidebarStacks,
+        editContext?.stackSidebar,
+        editContext?.unstackSidebar,
+        editContext?.userInfo.preferences?.showLabels,
+        editContext?.userInfo.preferences?.showViewNames,
+        editContext?.isMobile,
+        editContext?.setUserPreferences,
+        editContext?.visibleWorkspaces,
+        editContext?.switchWorkspace,
+    ]);
+    const [isSidebarPopoverOpen, setIsSidebarPopoverOpen] = useState(false);
+    const [disableTooltip, setDisableTooltip] = useState(false);
+    const tooltipReenableTimer = useRef(null);
+    useEffect(() => {
+        return () => {
+            if (tooltipReenableTimer.current) {
+                window.clearTimeout(tooltipReenableTimer.current);
+                tooltipReenableTimer.current = null;
+            }
+        };
+    }, []);
+    // Check if we're in the Editor workspace (which supports sidebars)
+    const isEditorWorkspace = contextValues.workspaceId === "editor";
+    // Get visible sidebars for the current position
+    const leftSidebars = useMemo(() => {
+        return contextValues.sidebars
+            .filter((s) => s.position === "left" && !s.hidden)
+            .sort((a, b) => (a.sortOrder ?? 100) - (b.sortOrder ?? 100));
+    }, [contextValues.sidebars]);
+    const toggleShowLabels = useCallback(() => {
+        const newShowLabels = !contextValues.showLabels;
+        contextValues.setUserPreferences?.({ showLabels: newShowLabels });
+    }, [contextValues.showLabels, contextValues.setUserPreferences]);
+    const mobileWorkspaces = useMemo(() => {
+        const base = (contextValues.visibleWorkspaces ?? [])
+            .filter((w) => !w.hidden)
+            .filter((w) => w.id !== "home")
+            .slice()
+            .sort((a, b) => (a.sortOrder ?? 100) - (b.sortOrder ?? 100));
+        const settingsIndex = base.findIndex((w) => w.id === "settings");
+        if (settingsIndex >= 0) {
+            const [settings] = base.splice(settingsIndex, 1);
+            if (settings)
+                base.push(settings);
+        }
+        return base;
+    }, [contextValues.visibleWorkspaces]);
+    const handleWorkspaceClick = useCallback((targetWorkspaceId) => {
+        if (targetWorkspaceId !== contextValues.workspaceId) {
+            contextValues.switchWorkspace?.(targetWorkspaceId);
+        }
+    }, [contextValues.workspaceId, contextValues.switchWorkspace]);
+    const renderIcon = useCallback((icon, additionalClassName) => {
+        if (icon && React.isValidElement(icon)) {
+            return React.cloneElement(icon, {
+                className: cn("w-4 h-4", additionalClassName),
+                strokeWidth: 1.5,
+            });
+        }
+        return null;
+    }, []);
+    const handleSidebarClick = useCallback((sidebarId) => {
+        contextValues.toggleSidebar?.(sidebarId);
+    }, [contextValues.toggleSidebar]);
+    const handleSidebarClickAndClosePopover = useCallback((sidebarId) => {
+        contextValues.openSidebar?.(sidebarId);
+        if (tooltipReenableTimer.current) {
+            window.clearTimeout(tooltipReenableTimer.current);
+        }
+        setDisableTooltip(true);
+        tooltipReenableTimer.current = window.setTimeout(() => {
+            setDisableTooltip(false);
+            tooltipReenableTimer.current = null;
+        }, 800);
+        setIsSidebarPopoverOpen(false);
+    }, [contextValues.openSidebar]);
+    const handlePinClick = useCallback((e, sidebarId) => {
+        e.stopPropagation();
+        contextValues.toggleSidebarPin?.(sidebarId);
+    }, [contextValues.toggleSidebarPin]);
+    // Drag state for reordering pinned sidebar icons
+    const [dragOverId, setDragOverId] = useState(null);
+    const handleIconDragStart = useCallback((e, sidebarId) => {
+        e.dataTransfer.setData("text/alpaca-sidebar-icon", sidebarId);
+        e.dataTransfer.effectAllowed = "move";
+    }, []);
+    const handleIconDragOver = useCallback((e, sidebarId) => {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = "move";
+        setDragOverId(sidebarId);
+    }, []);
+    const handleIconDragLeave = useCallback(() => {
+        setDragOverId(null);
+    }, []);
+    const handleIconDrop = useCallback((e, targetSidebarId) => {
+        e.preventDefault();
+        setDragOverId(null);
+        const sourceSidebarId = e.dataTransfer.getData("text/alpaca-sidebar-icon");
+        if (!sourceSidebarId || sourceSidebarId === targetSidebarId) {
+            return;
+        }
+        // Reorder pinned sidebars
+        const currentPinned = [...contextValues.pinnedSidebars];
+        const sourceIndex = currentPinned.indexOf(sourceSidebarId);
+        const targetIndex = currentPinned.indexOf(targetSidebarId);
+        if (sourceIndex === -1 || targetIndex === -1) {
+            return;
+        }
+        // Remove source and insert at target position
+        currentPinned.splice(sourceIndex, 1);
+        const newTargetIndex = currentPinned.indexOf(targetSidebarId);
+        const insertIndex = sourceIndex < targetIndex ? newTargetIndex + 1 : newTargetIndex;
+        currentPinned.splice(insertIndex, 0, sourceSidebarId);
+        editContext?.reorderPinnedSidebars?.(currentPinned);
+    }, [contextValues.pinnedSidebars, editContext]);
+    // Get the currently visible sidebars in the selector (pinned + open)
+    // Order: pinned sidebars first (in their saved order), then open-but-not-pinned
+    const visibleSidebarItems = useMemo(() => {
+        const pinnedSet = new Set(contextValues.pinnedSidebars);
+        const openSet = new Set(contextValues.openSidebars);
+        const sidebarMap = new Map(leftSidebars.map((s) => [s.id, s]));
+        // Start with pinned sidebars in their saved order
+        const result = [];
+        for (const id of contextValues.pinnedSidebars) {
+            const sidebar = sidebarMap.get(id);
+            if (sidebar) {
+                result.push(sidebar);
+            }
+        }
+        // Add open-but-not-pinned sidebars (in their sortOrder)
+        for (const sidebar of leftSidebars) {
+            if (openSet.has(sidebar.id) && !pinnedSet.has(sidebar.id)) {
+                result.push(sidebar);
+            }
+        }
+        return result;
+    }, [leftSidebars, contextValues.pinnedSidebars, contextValues.openSidebars]);
+    return (_jsxs(TooltipProvider, { delayDuration: 500, skipDelayDuration: 0, children: [isEditorWorkspace &&
+                visibleSidebarItems.map((sidebar) => {
+                    const isOpen = contextValues.openSidebars.includes(sidebar.id);
+                    const isPinned = contextValues.pinnedSidebars.includes(sidebar.id);
+                    const currentStack = contextValues.sidebarStacks?.find((s) => s.includes(sidebar.id)) ??
+                        null;
+                    const isStacked = !!(currentStack && currentStack.length > 1);
+                    // Check if any sidebar in the stack is locked (stack-level lock)
+                    const isLocked = currentStack
+                        ? currentStack.some((id) => contextValues.lockedSidebars?.includes(id))
+                        : (contextValues.lockedSidebars?.includes(sidebar.id) ?? false);
+                    const stackCandidates = leftSidebars.filter((s) => s.id !== sidebar.id && contextValues.openSidebars.includes(s.id));
+                    return (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsxs(Tooltip, { delayDuration: 500, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: cn(
+                                                // Sidebar icons: smaller, subtler appearance
+                                                isOpen
+                                                    ? "border-gray-300 bg-gray-100 text-gray-900"
+                                                    : "border-transparent text-gray-500 hover:bg-gray-50 hover:text-gray-700", "relative flex cursor-pointer flex-col items-center justify-center rounded border select-none", contextValues.showLabels ? "p-1" : "p-1", contextValues.isMobile ? "shrink-0" : "", 
+                                                // Drag-over visual feedback
+                                                dragOverId === sidebar.id && "ring-2 ring-blue-400"), "data-sidebar-id": sidebar.id, "data-testid": `sidebar-icon-${sidebar.id}`, onClick: () => {
+                                                    handleSidebarClick(sidebar.id);
+                                                }, 
+                                                // Drag-and-drop for reordering pinned icons
+                                                draggable: isPinned, onDragStart: (e) => isPinned && handleIconDragStart(e, sidebar.id), onDragOver: (e) => isPinned && handleIconDragOver(e, sidebar.id), onDragLeave: handleIconDragLeave, onDrop: (e) => isPinned && handleIconDrop(e, sidebar.id), children: [_jsxs("div", { className: cn("relative", contextValues.showLabels ? "p-0.5" : ""), children: [renderIcon(sidebar.icon), isStacked && (_jsx("div", { className: "bg-theme-secondary absolute right-0 bottom-0 size-1.5 rounded-full" }))] }), contextValues.showLabels && (_jsx("span", { className: "mt-0.5 max-w-[50px] text-center text-[10px] leading-tight wrap-break-word", children: sidebar.title }))] }) }), _jsx(TooltipContent, { side: "right", children: sidebar.title })] }) }), _jsxs(ContextMenuContent, { children: [isOpen && (_jsx(ContextMenuItem, { onSelect: () => {
+                                            contextValues.toggleSidebarLock?.(sidebar.id);
+                                        }, children: isLocked ? (_jsxs(_Fragment, { children: [_jsx(PinOff, { className: "size-4", strokeWidth: 1 }), isStacked ? "Unpin stack" : "Unpin"] })) : (_jsxs(_Fragment, { children: [_jsx(Pin, { className: "size-4", strokeWidth: 1 }), isStacked ? "Pin stack open" : "Pin open"] })) })), isOpen && stackCandidates.length > 0 && (_jsxs(ContextMenuSub, { children: [_jsx(ContextMenuSubTrigger, { children: "Stack with..." }), _jsx(ContextMenuSubContent, { children: stackCandidates.map((target) => (_jsx(ContextMenuItem, { onSelect: () => {
+                                                        contextValues.stackSidebar?.(sidebar.id, target.id, "after");
+                                                    }, children: target.title }, `stack-with-${sidebar.id}-${target.id}`))) })] })), isOpen && isStacked && (_jsx(ContextMenuItem, { onSelect: () => {
+                                            contextValues.unstackSidebar?.(sidebar.id);
+                                        }, children: "Unstack" })), _jsx(ContextMenuItem, { onSelect: () => {
+                                            contextValues.toggleSidebarPin?.(sidebar.id);
+                                        }, children: isPinned ? (_jsxs(_Fragment, { children: [_jsx(PinOff, { className: "size-4", strokeWidth: 1 }), "Unpin from toolbar"] })) : (_jsxs(_Fragment, { children: [_jsx(Pin, { className: "size-4", strokeWidth: 1 }), "Pin to toolbar"] })) }), isOpen && (_jsxs(ContextMenuItem, { onSelect: () => {
+                                            contextValues.toggleSidebar?.(sidebar.id, {
+                                                forceClose: true,
+                                            });
+                                        }, children: [_jsx(X, { className: "size-4", strokeWidth: 1 }), "Close"] }))] })] }, `sidebar-${sidebar.id}`));
+                }), isEditorWorkspace && leftSidebars.length > 0 && (_jsxs(Popover, { open: isSidebarPopoverOpen, onOpenChange: (open) => {
+                    setIsSidebarPopoverOpen(open);
+                }, children: [_jsxs(Tooltip, { delayDuration: disableTooltip ? 100000 : 500, open: isSidebarPopoverOpen || disableTooltip ? false : undefined, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { "data-testid": "more-sidebars-button", className: cn("flex items-center justify-center rounded border border-transparent p-1", "text-gray-400 hover:border-gray-200 hover:bg-gray-50 hover:text-gray-600", contextValues.isMobile ? "shrink-0" : ""), children: _jsx(VerticalDotsIcon, { className: "h-4 w-4" }) }) }) }), _jsx(TooltipContent, { side: "right", children: "More panels" })] }), _jsx(PopoverContent, { className: "w-56 p-2", side: contextValues.isMobile ? "bottom" : "right", align: "start", onInteractOutside: (e) => {
+                            const target = e.target;
+                            if (target && target.closest('[data-slot="tooltip-content"]')) {
+                                e.preventDefault();
+                            }
+                        }, onPointerDownOutside: (e) => {
+                            const target = e.target;
+                            if (target && target.closest('[data-slot="tooltip-content"]')) {
+                                e.preventDefault();
+                            }
+                        }, onFocusOutside: (e) => {
+                            const target = e.target;
+                            if (target && target.closest('[data-slot="tooltip-content"]')) {
+                                e.preventDefault();
+                            }
+                        }, children: _jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "px-2 py-1 text-[9px] font-medium tracking-wider text-gray-600 uppercase", children: "Sidebars" }), leftSidebars.map((sidebar) => {
+                                    const isOpen = contextValues.openSidebars.includes(sidebar.id);
+                                    const isPinned = contextValues.pinnedSidebars.includes(sidebar.id);
+                                    return (_jsxs("div", { className: cn("group flex cursor-pointer items-center justify-between rounded p-2 hover:bg-gray-100", isOpen && "bg-gray-50"), onClick: () => handleSidebarClickAndClosePopover(sidebar.id), "data-testid": `sidebar-${sidebar.id}`, children: [_jsxs("div", { className: "flex flex-1 items-center gap-1.5", children: [renderIcon(sidebar.icon, "w-4 h-4"), _jsx("span", { className: "text-xs", children: sidebar.title })] }), _jsxs(Tooltip, { delayDuration: 500, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "flex h-6 w-6 shrink-0 items-center justify-center rounded hover:bg-gray-200", onClick: (e) => {
+                                                                e.stopPropagation();
+                                                                e.preventDefault();
+                                                                handlePinClick(e, sidebar.id);
+                                                            }, onMouseDown: (e) => {
+                                                                e.stopPropagation();
+                                                            }, children: isPinned ? (_jsx(DrawingPinFilledIcon, { className: "text-theme-secondary h-4 w-4" })) : (_jsx(DrawingPinIcon, { className: "h-4 w-4 text-gray-400" })) }) }), _jsx(TooltipContent, { side: "right", children: isPinned ? "Unpin from toolbar" : "Pin to toolbar" })] })] }, `menu-sidebar-${sidebar.id}`));
+                                })] }) })] })), _jsx("div", { className: "flex-1" }), contextValues.isMobile && mobileWorkspaces.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "mx-1 h-px w-full bg-gray-200" }), mobileWorkspaces.map((workspace) => {
+                        const active = workspace.id === contextValues.workspaceId;
+                        return (_jsx("button", { type: "button", "aria-label": workspace.title, "aria-current": active ? "page" : undefined, "data-testid": `workspace-mobile-${workspace.id}`, className: cn("flex items-center justify-center rounded border border-transparent p-1", "text-gray-500 hover:border-gray-200 hover:bg-gray-50 hover:text-gray-800", active && "border-gray-300 bg-gray-100 text-gray-900"), onClick: () => handleWorkspaceClick(workspace.id), children: renderIcon(workspace.icon) }, `workspace-${workspace.id}`));
+                    })] })), _jsxs(Tooltip, { delayDuration: 500, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { className: cn("flex items-center justify-center rounded border border-transparent p-0.5", "text-gray-400 hover:border-gray-200 hover:bg-gray-50 hover:text-gray-600", contextValues.isMobile ? "shrink-0" : ""), onClick: toggleShowLabels, children: _jsx(ViewToggleIcon, { className: "h-4 w-4" }) }) }), _jsx(TooltipContent, { side: "right", children: contextValues.showLabels ? "Hide labels" : "Show labels" })] })] }));
+}
+// Export memoized component to prevent unnecessary re-renders
+export const NavigationSidebar = React.memo(NavigationSidebarComponent);
+//# sourceMappingURL=NavigationSidebar.js.map