@parhelia/core 0.1.12485 → 0.1.12515

package/dist/editor/client/EditorShell.js

@@ -154,14 +154,14 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     if (typeof window !== "undefined")
         sessionStorage?.setItem("sessionId", sessionId);
     // Workspace state
-    // Note: "reviews" is a sidebar, not a workspace. If view/workspace=reviews, we should
+    // Note: "reviews" is a sidebar, not a workspace. If workspace=reviews, we should
     // set workspace to "editor" and open the reviews sidebar instead.
     // Memoize searchParams reads to avoid triggering Router state updates during render
     // (Next.js App Router uses startTransition internally for URL changes)
-    const rawWorkspace = useMemo(() => searchParams.get("workspace") ?? searchParams.get("view"), [searchParams]);
+    const rawWorkspace = useMemo(() => searchParams.get("workspace"), [searchParams]);
     const isReviewsSidebarRequest = rawWorkspace === "reviews";
     const [workspaceId, setWorkspaceId] = useState(
-    // If view=reviews, use "editor" workspace (reviews is a sidebar, not a workspace)
+    // If workspace=reviews, use "editor" workspace (reviews is a sidebar, not a workspace)
     isReviewsSidebarRequest
         ? "editor"
         : (rawWorkspace ??
@@ -183,7 +183,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         else {
             sidebars = [...(configuration.editor.defaultOpenSidebars ?? [])];
         }
-        // If view/workspace=reviews was requested, ensure reviews sidebar is open
+        // If workspace=reviews was requested, ensure reviews sidebar is open
         if (isReviewsSidebarRequest && !sidebars.includes("reviews")) {
             sidebars.push("reviews");
         }
@@ -313,12 +313,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         }
         catch { }
     }, [lockedSidebars]);
-    // Legacy aliases for backwards compatibility
     const viewName = workspaceId;
-    const setViewName = setWorkspaceId;
-    const viewNameRef = workspaceIdRef;
-    const previousViewName = previousWorkspaceId;
-    const setPreviousViewName = setPreviousWorkspaceId;
     const [compareMode, setCompareModeState] = useState(false);
     const [componentDesignerComponent, setComponentDesignerComponent] = useState();
     const [componentDesignerRendering, setComponentDesignerRendering] = useState();
@@ -443,13 +438,12 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             visitedAt: entry.visitedAt,
         }));
     });
-    // Navigation history for browser history (view + item combinations)
+    // Navigation history for browser history (workspace + item combinations)
     const [navigationHistory, setNavigationHistory] = useState(() => {
-        // Initialize from browse history with current view
+        // Initialize from browse history with the current workspace
         if (!userInfo.browseHistory)
             return [];
         const defaultWorkspaceId = searchParams.get("workspace") ??
-            searchParams.get("view") ??
             configuration.editor.defaultWorkspace ??
             configuration.editor.workspaces?.[0]?.id ??
             "editor";
@@ -508,6 +502,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     const [helpTerminalInitialPrompt, setHelpTerminalInitialPrompt] = useState(undefined);
     const [helpTerminalProfileName, setHelpTerminalProfileName] = useState(undefined);
     const [helpTerminalActiveTab, setHelpTerminalActiveTab] = useState(undefined);
+    const [selectedHelpSectionId, setSelectedHelpSectionId] = useState(null);
     const [showAgentsWorkspaceEditor, setShowAgentsWorkspaceEditor] = useState(false);
     const [selectedAgentsWorkspaceAgentId, setSelectedAgentsWorkspaceAgentId] = useState(null);
     const [activeEditorTab, setActiveEditorTab] = useState(null);
@@ -534,13 +529,12 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         if (!startupChecks.hasBlockingIssues)
             return;
         // Don't redirect if already in settings workspace - let user navigate freely within settings
-        const currentWorkspace = searchParams.get("workspace") ?? searchParams.get("view");
+        const currentWorkspace = searchParams.get("workspace");
         if (currentWorkspace === "settings")
             return;
         // Redirect to the status panel (where user can see all issues and navigate to fixes)
         const url = new URL(window.location.href);
         url.searchParams.set("workspace", "settings");
-        url.searchParams.delete("view"); // Remove legacy param
         url.searchParams.set("ccpanel", "status");
         router.push(url.toString(), { scroll: false });
     }, [
@@ -558,6 +552,16 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             setMode(queryMode);
         }
     }, [searchParams, isInitialLoad]);
+    useEffect(() => {
+        if (!isInitialLoad)
+            return;
+        const helpParam = searchParams.get("help");
+        if (helpParam) {
+            setHelpTerminalActiveTab("manual");
+            setShowHelpTerminal(true);
+            setSelectedHelpSectionId(helpParam === "contents" || helpParam === "true" ? null : helpParam);
+        }
+    }, [searchParams, isInitialLoad]);
     useEffect(() => {
         if (mode === "suggestions") {
             // Ensure we're in the editor workspace and open the feedback sidebar
@@ -782,8 +786,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         console.error(`No workspace found for id: ${workspaceId}`);
         return null;
     }
-    // Legacy alias for backwards compatibility
-    const currentView = currentWorkspace;
     const activeKeyboardCommands = useMemo(() => {
         const activeCommandIds = new Set(currentWorkspace.keyboardCommandIds ?? []);
         return (configuration.commands.keyboardCommands ?? []).filter((command) => activeCommandIds.has(command.id));
@@ -934,6 +936,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             setHelpTerminalInitialPrompt(undefined);
             setHelpTerminalProfileName(undefined);
             setHelpTerminalActiveTab(undefined);
+            setSelectedHelpSectionId(null);
         }
     }, [showHelpTerminal]);
     const toggleHelpTerminal = useCallback((options) => {
@@ -1093,9 +1096,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                 isHandlingPopStateRef.current = true;
                 // Sync URL parameters back to component state for browser navigation
                 const urlParams = new URLSearchParams(window.location.search);
-                // Handle workspace changes (with legacy view fallback)
-                const urlWorkspace = urlParams.get("workspace") ?? urlParams.get("view");
-                if (urlWorkspace && urlWorkspace !== viewNameRef.current) {
+                const urlWorkspace = urlParams.get("workspace");
+                if (urlWorkspace && urlWorkspace !== workspaceIdRef.current) {
                     setWorkspaceId(urlWorkspace);
                 }
                 // Handle sidebar changes
@@ -1112,6 +1114,18 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                 if (compareValue !== compareMode) {
                     setCompareMode(compareValue);
                 }
+                // Handle help panel changes
+                const helpParam = urlParams.get("help");
+                if (helpParam) {
+                    setHelpTerminalActiveTab("manual");
+                    setShowHelpTerminal(true);
+                    setSelectedHelpSectionId(helpParam === "contents" || helpParam === "true"
+                        ? null
+                        : helpParam);
+                }
+                else {
+                    handleSetShowHelpTerminal(false);
+                }
                 // Handle mode changes
                 const urlMode = urlParams.get("mode");
                 if (urlMode && urlMode !== mode) {
@@ -1890,7 +1904,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         if (current.get("workspace") !== viewName) {
             current.set("workspace", viewName);
         }
-        current.delete("view"); // Remove legacy view param
         // Sync sidebar state
         const currentSidebars = current.get("sidebar") ?? "";
         const newSidebars = openSidebars.join(",");
@@ -1902,6 +1915,12 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                 current.delete("sidebar");
             }
         }
+        if (showHelpTerminal) {
+            current.set("help", selectedHelpSectionId ?? "contents");
+        }
+        else {
+            current.delete("help");
+        }
         if (!compareMode) {
             current.delete("compare");
             current.delete("compareLanguage");
@@ -1969,6 +1988,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         fullscreen,
         currentWizardId,
         openSidebars,
+        showHelpTerminal,
+        selectedHelpSectionId,
     ]);
     useEffect(() => {
         async function load() {
@@ -2364,20 +2385,35 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                     ? existingOp.progress
                     : op.progress;
                 // IMPORTANT: Once canUndo becomes true, never downgrade it to false,
-                // UNLESS this update indicates the operation was undone. When an undo
-                // completes, the server sends canUndo: false and canRedo: true (or undone: true).
-                // We must respect that transition so the UI reflects the undo.
-                const isUndoUpdate = op.undone === true || op.canRedo === true;
+                // UNLESS this update indicates the operation was undone.
+                // Runtime logs show long-running undo completion can arrive as:
+                // - existing: canUndo=true, executionStatus=executing
+                // - incoming: canUndo=false, executionStatus=completed
+                // without explicit undone/canRedo flags yet.
+                const isExplicitUndoUpdate = op.undone === true || op.canRedo === true;
+                const isInferredUndoCompletion = existingOp.executionStatus === "executing" &&
+                    op.executionStatus === "completed" &&
+                    existingOp.canUndo === true &&
+                    op.canUndo === false;
+                const isUndoUpdate = isExplicitUndoUpdate || isInferredUndoCompletion;
                 const mergedCanUndo = isUndoUpdate
                     ? false
                     : existingOp.canUndo === true
                         ? true
                         : op.canUndo;
+                const mergedCanRedo = isUndoUpdate
+                    ? true
+                    : op.canRedo ?? existingOp.canRedo;
+                const mergedUndone = isUndoUpdate
+                    ? true
+                    : op.undone ?? existingOp.undone;
                 const mergedOp = {
                     ...existingOp,
                     ...op,
                     progress: mergedProgress,
                     canUndo: mergedCanUndo,
+                    canRedo: mergedCanRedo,
+                    undone: mergedUndone,
                 };
                 // Ensure undone operations always have canRedo: true.
                 if (mergedOp.undone && !mergedOp.canRedo) {
@@ -2431,10 +2467,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     });
     // Ref for markOperationComplete callback (needed because operationsContext is created later)
     const markOperationCompleteRef = useRef(null);
-    // When the websocket is reconnecting, we can briefly lose the ability to send messages.
-    // Agent dialog responses (e.g. questionnaire cancel/submit) must not be dropped, otherwise
-    // the backend tool call can remain pending and tests/users will hang.
-    const pendingAgentDialogResponsesRef = useRef([]);
     // WebSocket message handler and connection
     const messageHandler = useSocketMessageHandler({
         sessionId,
@@ -2485,22 +2517,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             void startupChecks.recheckQuiet();
             // Increment socket connection version to trigger re-subscriptions
             setSocketConnectionVersion((v) => v + 1);
-            // Flush any queued agent dialog responses now that the socket is open.
-            // Keep this early so pending tool calls unblock ASAP.
-            try {
-                if (socketInstanceRef.current &&
-                    socketInstanceRef.current.readyState === WebSocket.OPEN &&
-                    pendingAgentDialogResponsesRef.current.length > 0) {
-                    // FIFO flush
-                    while (pendingAgentDialogResponsesRef.current.length > 0) {
-                        const queued = pendingAgentDialogResponsesRef.current.shift();
-                        socketInstanceRef.current.send(JSON.stringify(queued));
-                    }
-                }
-            }
-            catch (e) {
-                console.error("Failed to flush queued agent dialog responses:", e);
-            }
             // Fetch any running operations on (re)connect for auto-resume
             // This ensures the UI shows operations that are still executing
             try {
@@ -2525,6 +2541,13 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         sendClientInfo,
         setSocketDiagnostics,
     });
+    useEffect(() => {
+        const hasMySession = activeSessions.some((s) => s.sessionId === sessionId);
+        if (hasMySession &&
+            socketInstanceRef.current?.readyState === WebSocket.OPEN) {
+            toast.dismiss("session-revoked");
+        }
+    }, [activeSessions, sessionId, socketConnectionVersion, socketInstanceRef]);
     useEffect(() => {
         const handleRevoked = (event) => {
             const customEvent = event;
@@ -2540,15 +2563,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             socketInstanceRef.current.readyState === WebSocket.OPEN) {
             socketInstanceRef.current.send(JSON.stringify(message));
         }
-        else if (message.type === "agent-dialog-response") {
-            // Queue dialog responses to avoid losing them during reconnects.
-            pendingAgentDialogResponsesRef.current.push(message);
-            // Prevent unbounded growth in pathological scenarios.
-            if (pendingAgentDialogResponsesRef.current.length > 50) {
-                pendingAgentDialogResponsesRef.current =
-                    pendingAgentDialogResponsesRef.current.slice(-50);
-            }
-        }
     }, [socketInstanceRef]);
     // URL update helper - defined early so it can be used by workspace/sidebar functions
     const updateUrl = useCallback((params) => {
@@ -2615,14 +2629,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         updateUrl,
         handleSetShowAgentsPanel,
     ]);
-    // Legacy alias for backwards compatibility
-    const switchView = useCallback((viewName, options) => {
-        // Handle ccpanel for settings workspace
-        if (options?.ccpanel) {
-            updateUrl({ ccpanel: options.ccpanel, workspace: viewName });
-        }
-        switchWorkspace(viewName, options);
-    }, [switchWorkspace, updateUrl]);
     // Helper: get all sidebar IDs that should be preserved (locked sidebars + their stack mates)
     const getPreservedSidebarIds = useCallback(() => {
         const lockedSet = new Set(lockedSidebarsRef.current);
@@ -2698,18 +2704,21 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         isMobile,
     ]);
     // Ensure a sidebar is open (without toggling it closed if already open)
-    const openSidebar = useCallback((sidebarId) => {
+    const openSidebar = useCallback((sidebarId, options) => {
         const currentOpenSidebars = openSidebarsRef.current;
         if (currentOpenSidebars.includes(sidebarId)) {
             // Already open, nothing to do
             return;
         }
-        // Keep sidebars that are locked OR in a stack with a locked sidebar
-        const preservedSet = getPreservedSidebarIds();
-        const newSidebars = [
-            ...currentOpenSidebars.filter((id) => preservedSet.has(id)), // Keep locked stacks
-            sidebarId, // Add the new one
-        ];
+        const preservedSet = options?.preserveOpenSidebars
+            ? undefined
+            : getPreservedSidebarIds();
+        const newSidebars = options?.preserveOpenSidebars
+            ? [...currentOpenSidebars, sidebarId]
+            : [
+                ...currentOpenSidebars.filter((id) => preservedSet?.has(id)),
+                sidebarId,
+            ];
         openSidebarsRef.current = newSidebars;
         setOpenSidebars(newSidebars);
         ensureSidebarPinned(sidebarId);
@@ -3383,8 +3392,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                             skipViewChange: true,
                         });
                         if (item) {
-                            // Switch to the editor view
-                            switchView("editor", {
+                            switchWorkspace("editor", {
                                 skipNavigationHistory: true,
                             });
                             showInfoToast({
@@ -3417,7 +3425,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                 document.removeEventListener("click", handleCtrlClick, true);
             };
         }
-    }, [loadItem, switchView, showInfoToast, showErrorToast]);
+    }, [loadItem, switchWorkspace, showInfoToast, showErrorToast]);
     useEffect(() => {
         const handleGlobalBlur = () => {
             operations.onFieldBlur?.();
@@ -3455,18 +3463,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         // Otherwise, only show workspaces that are in the settings
         return workspaceIdsFromSettings.includes(w.id) && !w.visible;
     });
-    // Legacy: Calculate visible views for backwards compatibility
-    const allViews = (configuration.editor.views ?? [])
-        .filter((x) => {
-        return !x.visible && !x.hidden;
-    })
-        .filter((x) => !userInfo.views ||
-        userInfo.views.map((view) => view.name).includes(x.name));
-    const pinnedViews = userInfo.preferences?.pinnedViews ||
-        configuration.editor.defaultPinnedViews ||
-        [];
-    // Legacy visibleViews for backwards compatibility
-    const visibleViews = allViews.filter((view) => view.name === viewName || pinnedViews.includes(view.name));
     // Handle initial mode setup from URL (only on initial load)
     useEffect(() => {
         if (!isInitialLoad)
@@ -3511,7 +3507,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             // This is especially important when called from the tour, where the current workspace
             // might be the editor and URL-only navigation would get "corrected" back.
             try {
-                switchView("home", {
+                switchWorkspace("home", {
                     skipConfirmation: true,
                     skipNavigationHistory: true,
                 });
@@ -3558,7 +3554,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             const current = new URLSearchParams(searchParams.toString());
             current.delete("version");
             current.delete("itemid");
-            current.delete("view"); // Remove legacy param
             current.delete("workspace"); // Clear workspace
             current.set("create", "1");
             const newUrl = `${pathname}?${current.toString()}`;
@@ -3891,12 +3886,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         reorderPinnedSidebars,
         reorderOpenSidebars,
         getResolvedSidebar,
-        // Legacy compatibility (deprecated)
-        viewName,
-        previousViewName,
-        switchView,
-        view: currentView,
-        visibleViews,
         compareMode,
         setCompareMode,
         fullscreen,
@@ -3949,6 +3938,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         setActiveSlot,
         revision,
         notifyPageModelReady,
+        pageModelReadyToken,
         selectedComment,
         setSelectedComment,
         comments,
@@ -4040,6 +4030,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         helpTerminalProfileName,
         helpTerminalActiveTab,
         setHelpTerminalActiveTab,
+        selectedHelpSectionId,
+        setSelectedHelpSectionId,
         showAgentsWorkspaceEditor,
         setShowAgentsWorkspaceEditor: handleSetShowAgentsWorkspaceEditor,
         selectedAgentsWorkspaceAgentId,
@@ -4092,7 +4084,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         configuration,
         updateUrl,
         workspaceId,
-        switchView,
         pathname,
         router,
         item,
@@ -4133,9 +4124,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         reorderOpenSidebars,
         getResolvedSidebar,
         viewName,
-        previousViewName,
-        currentView,
-        visibleViews,
         compareMode,
         // Important: in multi-slot mode the active PageViewContext can change
         // without the base `pageViewContext` identity changing (e.g. switching slots).
@@ -4160,6 +4148,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         currentItemDescriptor,
         revision,
         notifyPageModelReady,
+        pageModelReadyToken,
         selectedComment,
         comments,
         availableCommentTags,
@@ -4203,6 +4192,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         helpTerminalProfileName,
         helpTerminalActiveTab,
         setHelpTerminalActiveTab,
+        selectedHelpSectionId,
         showAgentsWorkspaceEditor,
         selectedAgentsWorkspaceAgentId,
         activeEditorTab,
@@ -4476,15 +4466,13 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     useEffect(() => {
         fieldsEditContext.clearModifiedFields();
     }, [currentItemDescriptor]);
-    if (!currentView)
+    if (!currentWorkspace)
         return null;
     const editorUi = fullscreen ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "fixed inset-0 flex", children: [_jsx(PageViewerFrame, { compareView: compareMode, pageViewContext: activePageViewContext }), _jsx(FullscreenControls, { device: activePageViewContext.device, setDevice: (d) => activePageViewContext.setDevice(d), canExit: !configuration.forceFullscreen, onExit: () => setFullscreen(false), firstMobileDeviceName: configuration.devices[0]?.name })] }), showFullscreenHint && !configuration.forceFullscreen && !isMobile && (_jsx("div", { className: "fixed inset-0 z-10000", onMouseMoveCapture: () => {
                     setTimeout(() => {
                         setShowFullscreenHint(false);
                     }, 600);
-                }, "data-testid": "fullscreen-hint-overlay", children: _jsxs("div", { className: "fixed top-6 left-1/2 -translate-x-1/2 transform rounded-full bg-black/60 px-6 py-2.5 text-sm font-medium text-white shadow-2xl backdrop-blur-md transition-all duration-500", children: ["Press", " ", _jsx("kbd", { className: "mx-1 rounded bg-white/20 px-1.5 py-0.5 text-xs font-semibold", children: "Ctrl + F11" }), " ", "to exit fullscreen"] }) }))] })) : (_jsxs(_Fragment, { children: [_jsx(EditorChrome, { className: className, currentWorkspace: currentWorkspace, centerPanelView: centerPanelView, editContext: editContext, showAgentsPanel: showAgentsPanel, handleSetShowAgentsPanel: handleSetShowAgentsPanel, workspaceId: workspaceId, 
-                // Legacy props for backwards compatibility
-                currentView: currentView, viewName: viewName }), isTourActive && (_jsx(Tour, { tourStopCallback: () => {
+                }, "data-testid": "fullscreen-hint-overlay", children: _jsxs("div", { className: "fixed top-6 left-1/2 -translate-x-1/2 transform rounded-full bg-black/60 px-6 py-2.5 text-sm font-medium text-white shadow-2xl backdrop-blur-md transition-all duration-500", children: ["Press", " ", _jsx("kbd", { className: "mx-1 rounded bg-white/20 px-1.5 py-0.5 text-xs font-semibold", children: "Ctrl + F11" }), " ", "to exit fullscreen"] }) }))] })) : (_jsxs(_Fragment, { children: [_jsx(EditorChrome, { className: className, currentWorkspace: currentWorkspace, centerPanelView: centerPanelView, editContext: editContext, showAgentsPanel: showAgentsPanel, handleSetShowAgentsPanel: handleSetShowAgentsPanel, workspaceId: workspaceId }), isTourActive && (_jsx(Tour, { tourStopCallback: () => {
                     setIsTourActive(false);
                     // Remove tour state from URL
                     // Use history.replaceState instead of router.replace to avoid triggering React navigation
@@ -4495,7 +4483,7 @@ 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, { sendWebSocketMessage: (type, payload) => sendSocketMessage({ type, payload }) })] }));
+                }, 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" ||
                                 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) => {