@parhelia/core 0.1.12534 → 0.1.12554

package/dist/editor/client/EditorShell.js

@@ -4,7 +4,7 @@ import React, { useState, useEffect, useRef, useCallback, useSyncExternalStore,
 import { toast } from "sonner";
 import { EditContextProvider, FieldsEditContextProvider, OperationsContextProvider, useEditContext, } from "./editContext";
 import { fieldModificationStore } from "./fieldModificationStore";
-import { useRouter, useSearchParams, usePathname } from "next/navigation";
+import { useRouter, useSearchParams, usePathname } from "./navigation";
 import { findComponent, getComponentById } from "../componentTreeHelper";
 import { getOperationsContext } from "./operations";
 import { handleErrorResult } from "./helpers";
@@ -53,7 +53,7 @@ import { useWorkbox } from "./hooks/useWorkbox";
 import { useMediaSelector } from "./hooks/useMediaSelector";
 import { useGlobalEditorKeyDown } from "./hooks/useGlobalEditorKeyDown";
 import { useStartupChecks } from "../settings/status/index";
-import { LicenseProvider, LicenseOverlay } from "../../licensing";
+import { FeatureGate, LicenseFeatures, LicenseProvider, LicenseOverlay, } from "../../licensing";
 function AgentsSlotContextBridge({ slot }) {
     const editContext = useEditContext();
     const slotContext = useEditorSlotContext({
@@ -79,7 +79,7 @@ function AgentsSlotContextBridge({ slot }) {
 function AgentsSlotContextBridgeHost({ slots }) {
     return (_jsx(_Fragment, { children: slots.map((slot) => (_jsx(AgentsSlotContextBridge, { slot: slot }, `agents-slot-bridge-${slot.slotId}`))) }));
 }
-export function EditorShell({ configuration, className, item: loadItemDescriptor, sessionId, userInfo, userPreferences, parheliaSettings, setUserPreferences, children, }) {
+export function EditorShell({ configuration, className, item: loadItemDescriptor, sessionId, userInfo, userPreferences, initialLicenseStatus, initialLicenseStatusLoaded, parheliaSettings, setUserPreferences, children, }) {
     const router = useRouter();
     const pathname = usePathname();
     const searchParams = useSearchParams();
@@ -127,6 +127,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     const [historyMode, setHistoryMode] = useState("global");
     const [showOnlyMyChanges, setShowOnlyMyChanges] = useState(true);
     const [filterByCurrentLanguage, setFilterByCurrentLanguage] = useState(true);
+    const [historySearchQuery, setHistorySearchQuery] = useState("");
     const [recentEdits, setRecentEdits] = useState([]);
     const addRecentEdit = useCallback((edit) => {
         setRecentEdits((prevEditedFields) => {
@@ -1552,6 +1553,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         const shouldFilterByLanguage = filterByLanguage !== undefined
             ? filterByLanguage
             : filterByCurrentLanguage;
+        const trimmedHistoryQuery = historySearchQuery.trim();
+        const historyQuery = trimmedHistoryQuery.length > 0 ? trimmedHistoryQuery : undefined;
         if (currentMode === "global") {
             // Global mode: optionally filter by session and/or language
             const currentLanguage = item?.descriptor?.language || currentItemDescriptor?.language;
@@ -1561,6 +1564,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                 language: shouldFilterByLanguage && currentLanguage
                     ? currentLanguage
                     : undefined,
+                query: historyQuery,
             });
             if (handleErrorResult(result, ui, state)) {
                 console.error("[EditorShell] Failed to load history:", result);
@@ -1578,8 +1582,12 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                 };
                 if (!prev.length)
                     return sortEditHistoryByDateDesc(next.filter((op) => matchesHistoryScope(op, scope)));
-                if (!next.length)
+                if (!next.length) {
+                    // When searching, respect the empty result — don't fall back to previous items
+                    if (historyQuery)
+                        return [];
                     return sortEditHistoryByDateDesc(prev.filter((op) => matchesHistoryScope(op, scope)));
+                }
                 const prevById = new Map(prev.map((x) => [x.id, x]));
                 const nextById = new Set(next.map((x) => x.id));
                 const merged = next
@@ -1615,9 +1623,12 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                     return mergedOp;
                 });
                 // Preserve operations that arrived via WebSocket during the fetch window
-                for (const [id, priorOp] of prevById) {
-                    if (!nextById.has(id) && matchesHistoryScope(priorOp, scope)) {
-                        merged.push(priorOp);
+                // but not when filtering by search query — search results are authoritative
+                if (!historyQuery) {
+                    for (const [id, priorOp] of prevById) {
+                        if (!nextById.has(id) && matchesHistoryScope(priorOp, scope)) {
+                            merged.push(priorOp);
+                        }
                     }
                 }
                 return sortEditHistoryByDateDesc(merged);
@@ -1640,6 +1651,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             const result = await getEditHistory({
                 item: itemFilter,
                 sessionId: shouldFilterBySession ? sessionId : undefined,
+                query: historyQuery,
             });
             if (handleErrorResult(result, ui, state)) {
                 console.error("[EditorShell] Failed to load item history:", result);
@@ -1668,8 +1680,11 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                 };
                 if (!prev.length)
                     return sortEditHistoryByDateDesc(operations.filter((op) => matchesHistoryScope(op, scope)));
-                if (!operations.length)
+                if (!operations.length) {
+                    if (historyQuery)
+                        return [];
                     return sortEditHistoryByDateDesc(prev.filter((op) => matchesHistoryScope(op, scope)));
+                }
                 const prevById = new Map(prev.map((x) => [x.id, x]));
                 const nextById = new Set(operations.map((x) => x.id));
                 const merged = operations
@@ -1705,9 +1720,12 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                     return mergedOp;
                 });
                 // Preserve operations that arrived via WebSocket during the fetch window
-                for (const [id, priorOp] of prevById) {
-                    if (!nextById.has(id) && matchesHistoryScope(priorOp, scope)) {
-                        merged.push(priorOp);
+                // but not when filtering by search query — search results are authoritative
+                if (!historyQuery) {
+                    for (const [id, priorOp] of prevById) {
+                        if (!nextById.has(id) && matchesHistoryScope(priorOp, scope)) {
+                            merged.push(priorOp);
+                        }
                     }
                 }
                 return sortEditHistoryByDateDesc(merged);
@@ -1718,6 +1736,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         historyMode,
         showOnlyMyChanges,
         filterByCurrentLanguage,
+        historySearchQuery,
         item,
         currentItemDescriptor,
         matchesHistoryScope,
@@ -1807,6 +1826,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         historyMode,
         showOnlyMyChanges,
         filterByCurrentLanguage,
+        historySearchQuery,
         currentItemDescriptor?.id,
         currentItemDescriptor?.language,
         currentItemDescriptor?.version,
@@ -1871,6 +1891,9 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         if (isInitialLoad)
             return;
         const current = new URLSearchParams(window.location.search);
+        const urlWorkspace = current.get("workspace");
+        const urlView = current.get("view");
+        const isWorkspaceTransitioning = !!urlWorkspace && urlWorkspace !== viewName;
         // Sync item-related parameters only when an item is selected
         if (currentItemDescriptor) {
             if (current.get("itemid") !== currentItemDescriptor.id) {
@@ -1901,7 +1924,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             // If reviewId or urlItemId exists, preserve itemid/lang/version from URL
         }
         // Always sync workspace-related parameters regardless of item selection
-        if (current.get("workspace") !== viewName) {
+        if (!isWorkspaceTransitioning && current.get("workspace") !== viewName) {
             current.set("workspace", viewName);
         }
         // Sync sidebar state
@@ -1945,8 +1968,12 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         else {
             current.delete("wizardid");
         }
-        // Only preserve settings-specific parameters when on settings view
-        if (viewName !== "settings") {
+        // Preserve settings-specific parameters while transitioning into Settings too.
+        // Some callers update the URL first and switch the workspace state a moment later.
+        const isSettingsNavigation = viewName === "settings" ||
+            urlWorkspace === "settings" ||
+            urlView === "settings";
+        if (!isSettingsNavigation) {
             current.delete("ccpanel");
             current.delete("providerId");
             current.delete("modelId");
@@ -2609,7 +2636,10 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             // Mark that we're pushing from switchWorkspace so the URL sync effect
             // will replaceState instead of pushing a second history entry.
             switchWorkspacePushedRef.current = true;
-            updateUrl({ workspace: targetWorkspaceId });
+            updateUrl({
+                workspace: targetWorkspaceId,
+                ...options?.urlParams,
+            });
             if (typeof document.startViewTransition === "function") {
                 document.startViewTransition(() => {
                     flushSync(() => {
@@ -2795,6 +2825,38 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             return normalizeSidebarStacks(openIds, next);
         });
     }, [normalizeSidebarStacks]);
+    const moveSidebarToColumn = useCallback((sidebarId, targetSidebarId, position = "after") => {
+        if (!sidebarId || !targetSidebarId || sidebarId === targetSidebarId) {
+            return;
+        }
+        const currentOpen = openSidebarsRef.current;
+        const baseOpen = currentOpen.filter((id) => id !== sidebarId);
+        const targetIndex = baseOpen.indexOf(targetSidebarId);
+        if (targetIndex === -1) {
+            return;
+        }
+        const insertIndex = position === "before" ? targetIndex : targetIndex + 1;
+        const nextOpen = [...baseOpen];
+        nextOpen.splice(insertIndex, 0, sidebarId);
+        openSidebarsRef.current = nextOpen;
+        setOpenSidebars(nextOpen);
+        startTransition(() => {
+            updateUrl({ sidebar: nextOpen.join(",") || undefined });
+        });
+        setSidebarStacks((prev) => {
+            const normalized = normalizeSidebarStacks(nextOpen, prev);
+            const next = normalized
+                .map((stack) => stack.filter((id) => id !== sidebarId))
+                .filter((stack) => stack.length > 0);
+            const targetStackIndex = next.findIndex((stack) => stack.includes(targetSidebarId));
+            if (targetStackIndex === -1) {
+                next.push([sidebarId]);
+                return normalizeSidebarStacks(nextOpen, next);
+            }
+            next.splice(position === "before" ? targetStackIndex : targetStackIndex + 1, 0, [sidebarId]);
+            return normalizeSidebarStacks(nextOpen, next);
+        });
+    }, [normalizeSidebarStacks, updateUrl]);
     const unstackSidebar = useCallback((sidebarId) => {
         setSidebarStacks((prev) => {
             const openIds = openSidebarsRef.current;
@@ -3123,9 +3185,45 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         }
         return true;
     }, [operations, ignoreBlur, sessionId]);
+    const quickSwitcherEntries = useMemo(() => {
+        const entries = [];
+        const seen = new Set();
+        const pushEntry = (entry) => {
+            const key = entry.item
+                ? `${entry.workspaceId}:${entry.item.id}:${entry.item.language}:${entry.item.version}`
+                : `${entry.workspaceId}:no-item`;
+            if (seen.has(key))
+                return;
+            seen.add(key);
+            entries.push(entry);
+        };
+        for (const entry of navigationHistory) {
+            pushEntry(entry);
+        }
+        for (const entry of browseHistory) {
+            if (!entry.id || !entry.language)
+                continue;
+            pushEntry({
+                workspaceId,
+                item: {
+                    id: entry.id,
+                    language: entry.language,
+                    version: entry.version ?? 0,
+                },
+                timestamp: entry.visitedAt
+                    ? new Date(entry.visitedAt).getTime()
+                    : Date.now(),
+                displayName: entry.name || workspaceId,
+                itemName: entry.name,
+                itemPath: entry.path,
+                itemIcon: entry.icon,
+            });
+        }
+        return entries.slice(0, 25);
+    }, [navigationHistory, browseHistory, workspaceId]);
     // Quick switcher handlers
     const showQuickSwitcher = useCallback((show) => {
-        if (show && navigationHistory.length > 1) {
+        if (show && quickSwitcherEntries.length > 1) {
             setQuickSwitcherVisible(true);
             // Start with index 1 (second entry - previous entry) for quick switching
             setQuickSwitcherSelectedIndex(1);
@@ -3133,11 +3231,11 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         else {
             setQuickSwitcherVisible(false);
         }
-    }, [navigationHistory]);
+    }, [quickSwitcherEntries]);
     const cycleQuickSwitcher = useCallback((direction) => {
         if (!quickSwitcherVisible)
             return;
-        const maxItems = Math.min(5, navigationHistory.length);
+        const maxItems = Math.min(5, quickSwitcherEntries.length);
         setQuickSwitcherSelectedIndex((current) => {
             let newIndex = current;
             // Determine grid layout (responsive columns)
@@ -3182,9 +3280,9 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             }
             return newIndex;
         });
-    }, [quickSwitcherVisible, navigationHistory]);
+    }, [quickSwitcherVisible, quickSwitcherEntries]);
     const handleQuickSwitcherSelect = useCallback((index) => {
-        const selectedEntry = navigationHistory[index];
+        const selectedEntry = quickSwitcherEntries[index];
         if (selectedEntry) {
             // Determine target workspace: entries with items should go to "editor" workspace
             // (fixes issue where browse history entries initialized with wrong workspaceId)
@@ -3236,13 +3334,43 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         }
         setQuickSwitcherVisible(false);
     }, [
-        navigationHistory,
+        quickSwitcherEntries,
         loadItem,
         switchWorkspace,
         workspaceId,
         item,
         setNavigationHistory,
     ]);
+    useEffect(() => {
+        if (typeof window === "undefined" ||
+            process.env.PARHELIA_DEV_MODE !== "true") {
+            return;
+        }
+        window.__parheliaQuickSwitcherTestApi = {
+            open: () => showQuickSwitcher(true),
+            cycle: (direction = "next") => cycleQuickSwitcher(direction),
+            closeWithoutSelection: () => setQuickSwitcherVisible(false),
+            selectCurrent: () => handleQuickSwitcherSelect(quickSwitcherSelectedIndex),
+            getState: () => ({
+                visible: quickSwitcherVisible,
+                selectedIndex: quickSwitcherSelectedIndex,
+                entryCount: quickSwitcherEntries.length,
+                entries: quickSwitcherEntries.map((entry) => ({
+                    workspaceId: entry.workspaceId,
+                    itemId: entry.item?.id,
+                    displayName: entry.displayName,
+                })),
+            }),
+        };
+        return () => {
+            delete window.__parheliaQuickSwitcherTestApi;
+        };
+    }, [
+        showQuickSwitcher,
+        cycleQuickSwitcher,
+        handleQuickSwitcherSelect,
+        quickSwitcherSelectedIndex,
+    ]);
     const { handleKeyDown } = useKeyboardNavigation({
         editContextRef,
         keyboardCommands: activeKeyboardCommands,
@@ -3833,6 +3961,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         setShowOnlyMyChanges,
         filterByCurrentLanguage,
         setFilterByCurrentLanguage,
+        historySearchQuery,
+        setHistorySearchQuery,
         refreshHistory,
         isRefreshing,
         activeSessions,
@@ -3881,6 +4011,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         toggleSidebarPin,
         toggleSidebarLock,
         stackSidebar,
+        moveSidebarToColumn,
         unstackSidebar,
         reorderSidebarInStack,
         reorderPinnedSidebars,
@@ -4483,13 +4614,13 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                         ? `${window.location.pathname}?${queryString}`
                         : window.location.pathname;
                     window.history.replaceState(null, "", newUrl);
-                }, configuration: configuration, restoredFromUrl: tourRestoredRef.current })), _jsx(GuidanceOverlay, {}), _jsx(AgentDialogHandler, {})] }));
-    return (_jsx(LicenseProvider, { children: _jsx("div", { className: `editor h-full w-full`, children: _jsx(OperationsContextProvider, { value: operationsContext.context, children: _jsx(FieldsEditContextProvider, { value: fieldsEditContext, children: _jsxs(EditContextProvider, { value: editContext, children: [_jsx(DevModeIndicator, {}), startupChecks.state === "loading" && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-white/70 backdrop-blur-[1px]", children: _jsx("div", { className: "flex items-center gap-3 rounded-md border border-gray-200 bg-white px-4 py-3 text-gray-700 shadow-sm", children: _jsx(Spinner, { size: "xl" }) }) })), editContext.isRefreshing && (_jsx("div", { className: "pointer-events-none fixed right-0 bottom-0 flex h-24 w-24 items-center justify-center text-gray-600 opacity-50 select-none", children: _jsx(Spinner, {}) })), (currentWorkspace.id === "agents" ||
+                }, configuration: configuration, restoredFromUrl: tourRestoredRef.current })), _jsx(FeatureGate, { feature: LicenseFeatures.AI, children: _jsx(GuidanceOverlay, {}) }), _jsx(FeatureGate, { feature: LicenseFeatures.AI, children: _jsx(AgentDialogHandler, {}) })] }));
+    return (_jsx(LicenseProvider, { initialLicenseStatus: initialLicenseStatus, initialStatusLoaded: initialLicenseStatusLoaded, children: _jsx("div", { className: `editor h-full w-full`, children: _jsx(OperationsContextProvider, { value: operationsContext.context, children: _jsx(FieldsEditContextProvider, { value: fieldsEditContext, children: _jsxs(EditContextProvider, { value: editContext, children: [_jsx(DevModeIndicator, {}), startupChecks.state === "loading" && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-white/70 backdrop-blur-[1px]", children: _jsx("div", { className: "flex items-center gap-3 rounded-md border border-gray-200 bg-white px-4 py-3 text-gray-700 shadow-sm", children: _jsx(Spinner, { size: "xl" }) }) })), editContext.isRefreshing && (_jsx("div", { className: "pointer-events-none fixed right-0 bottom-0 flex h-24 w-24 items-center justify-center text-gray-600 opacity-50 select-none", children: _jsx(Spinner, {}) })), (currentWorkspace.id === "agents" ||
                                 currentWorkspace.id === "taskboard") &&
                                 showAgentsWorkspaceEditor && (_jsx(AgentsSlotContextBridgeHost, { slots: editorSlots })), startupChecks.state !== "loading" && (children || editorUi), startupChecks.state !== "loading" && dialog, _jsx(Toaster, { position: "top-center" }), " ", _jsx(ConfirmationDialog, { ref: confirmationDialogRef }), _jsx(ConcurrentUserLimitDialog, { open: concurrentUserLimitError !== null, onOpenChange: (open) => {
                                     if (!open) {
                                         setConcurrentUserLimitError(null);
                                     }
-                                }, sessionId: sessionId, currentUsers: concurrentUserLimitError?.currentUsers ?? 0, maxUsers: concurrentUserLimitError?.maxUsers ?? 0, message: concurrentUserLimitError?.message ?? "", onRetry: handleRetryConnection, isAdministrator: userInfo.user.isAdministrator === true }), _jsx(QuickItemSwitcher, { visible: quickSwitcherVisible, entries: navigationHistory.slice(0, 5), selectedIndex: quickSwitcherSelectedIndex, onSelect: handleQuickSwitcherSelect, onClose: () => setQuickSwitcherVisible(false) }), _jsx(EditContextMenu, { ref: contextMenuRef }), _jsx(InlineAiTrigger, {}), media.mediaSelectorVisible && (_jsx(MediaSelector, { language: editContext.currentItemDescriptor.language, visible: media.mediaSelectorVisible, onHide: media.handleHide, onMediaSelected: media.onMediaSelect, selectedIdPath: media.selectedMediaIdPath, mode: media.mediaSelectorMode, initialSearchTerm: media.initialSearchTerm })), _jsx(FieldEditorPopup, { ref: fieldEditorPopupRef }), _jsx(LicenseOverlay, {})] }) }) }) }) }));
+                                }, sessionId: sessionId, currentUsers: concurrentUserLimitError?.currentUsers ?? 0, maxUsers: concurrentUserLimitError?.maxUsers ?? 0, message: concurrentUserLimitError?.message ?? "", onRetry: handleRetryConnection, isAdministrator: userInfo.user.isAdministrator === true }), _jsx(QuickItemSwitcher, { visible: quickSwitcherVisible, entries: quickSwitcherEntries.slice(0, 5), selectedIndex: quickSwitcherSelectedIndex, onSelect: handleQuickSwitcherSelect, onClose: () => setQuickSwitcherVisible(false) }), _jsx(EditContextMenu, { ref: contextMenuRef }), _jsx(FeatureGate, { feature: LicenseFeatures.AI, children: _jsx(InlineAiTrigger, {}) }), media.mediaSelectorVisible && (_jsx(MediaSelector, { language: editContext.currentItemDescriptor.language, visible: media.mediaSelectorVisible, onHide: media.handleHide, onMediaSelected: media.onMediaSelect, selectedIdPath: media.selectedMediaIdPath, mode: media.mediaSelectorMode, initialSearchTerm: media.initialSearchTerm })), _jsx(FieldEditorPopup, { ref: fieldEditorPopupRef }), _jsx(LicenseOverlay, {})] }) }) }) }) }));
 }
 //# sourceMappingURL=EditorShell.js.map