@parhelia/core 0.1.12534 → 0.1.12555

package/dist/editor/client/EditorShell.js

@@ -1,17 +1,15 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useEffect, useRef, useCallback, useSyncExternalStore, useMemo, startTransition, } from "react";
 import { toast } from "sonner";
-import { EditContextProvider, FieldsEditContextProvider, OperationsContextProvider, useEditContext, } from "./editContext";
+import { EditContextProvider, FieldsEditContextProvider, OperationsContextProvider, } from "./editContext";
 import { fieldModificationStore } from "./fieldModificationStore";
 import { useRouter, useSearchParams, usePathname } from "next/navigation";
 import { findComponent, getComponentById } from "../componentTreeHelper";
 import { getOperationsContext } from "./operations";
 import { handleErrorResult } from "./helpers";
-import { executeFieldAction as executeFieldServerAction, connectSocket, getEditHistory, getRunningOperations, reconnectSession, releaseFieldLocks, validateItems, } from "../services/editService";
+import { executeFieldAction as executeFieldServerAction, connectSocket, getEditHistory, getRunningOperations, releaseFieldLocks, validateItems, } from "../services/editService";
 import { useEditorWebSocket } from "./hooks/useEditorWebSocket";
-import { createEditorSocketDiagnostics, } from "./socketDiagnostics";
-import { localStorageService } from "../services/localStorageService";
 import { useSocketMessageHandler } from "./hooks/useSocketMessageHandler";
 import "react-json-view-lite/dist/index.css";
 import { MediaSelector, } from "../media-selector/MediaSelector";
@@ -22,7 +20,6 @@ import { getItemDescriptor } from "../utils";
 import { EditContextMenu } from "../ContextMenu";
 import { InlineAiTrigger } from "../ai/InlineAiTrigger";
 import { FieldEditorPopup } from "../FieldEditorPopup";
-import { ConcurrentUserLimitDialog } from "../ConcurrentUserLimitDialog";
 import { post } from "../services/serviceHelper";
 import { PageViewerFrame } from "../page-viewer/PageViewerFrame";
 import { useItemsRepository } from "./itemsRepository";
@@ -36,7 +33,6 @@ import { GuidanceOverlay } from "../ai/GuidanceOverlay";
 import { AgentDialogHandler } from "../ai/dialogs";
 import { usePageViewContext, } from "../page-viewer/pageViewContext";
 import { QuickItemSwitcher } from "../QuickItemSwitcher";
-import { useEditorSlotContext, } from "../views/editorSlotContext";
 import { getComments, getAvailableCommentTags, } from "../services/reviewsService";
 import { useReviews } from "../reviews/useReviews";
 import uuid from "react-uuid";
@@ -53,32 +49,6 @@ 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";
-function AgentsSlotContextBridge({ slot }) {
-    const editContext = useEditContext();
-    const slotContext = useEditorSlotContext({
-        slotId: slot.slotId,
-        itemDescriptor: slot.itemDescriptor,
-        refreshToken: slot.refreshToken,
-    });
-    if (!editContext || !slotContext)
-        return null;
-    useEffect(() => {
-        editContext.registerSlotContext(slot.slotId, slotContext);
-        return () => {
-            editContext.unregisterSlotContext(slot.slotId);
-        };
-    }, [
-        slot.slotId,
-        slotContext,
-        editContext.registerSlotContext,
-        editContext.unregisterSlotContext,
-    ]);
-    return null;
-}
-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, }) {
     const router = useRouter();
     const pathname = usePathname();
@@ -154,14 +124,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 workspace=reviews, we should
+    // Note: "reviews" is a sidebar, not a workspace. If view/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]);
+    const rawWorkspace = useMemo(() => searchParams.get("workspace") ?? searchParams.get("view"), [searchParams]);
     const isReviewsSidebarRequest = rawWorkspace === "reviews";
     const [workspaceId, setWorkspaceId] = useState(
-    // If workspace=reviews, use "editor" workspace (reviews is a sidebar, not a workspace)
+    // If view=reviews, use "editor" workspace (reviews is a sidebar, not a workspace)
     isReviewsSidebarRequest
         ? "editor"
         : (rawWorkspace ??
@@ -183,7 +153,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         else {
             sidebars = [...(configuration.editor.defaultOpenSidebars ?? [])];
         }
-        // If workspace=reviews was requested, ensure reviews sidebar is open
+        // If view/workspace=reviews was requested, ensure reviews sidebar is open
         if (isReviewsSidebarRequest && !sidebars.includes("reviews")) {
             sidebars.push("reviews");
         }
@@ -191,11 +161,17 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     });
     // Toolbar pinned sidebars - icons always visible in toolbar (defined early so callbacks can access)
     const [pinnedSidebars, setPinnedSidebars] = useState(userInfo.preferences?.pinnedSidebars || []);
-    const pinnedSidebarsRef = useRef(pinnedSidebars);
     // Locked sidebars - open panels that stay visible when selecting another sidebar
     const [lockedSidebars, setLockedSidebars] = useState(() => {
+        if (typeof window === "undefined") {
+            return [];
+        }
         try {
-            const parsed = localStorageService.getOrSetItem("editor.lockedSidebars", []);
+            const stored = window.localStorage.getItem("editor.lockedSidebars");
+            if (!stored) {
+                return [];
+            }
+            const parsed = JSON.parse(stored);
             if (!Array.isArray(parsed) ||
                 !parsed.every((id) => typeof id === "string")) {
                 return [];
@@ -211,9 +187,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     useEffect(() => {
         lockedSidebarsRef.current = lockedSidebars;
     }, [lockedSidebars]);
-    useEffect(() => {
-        pinnedSidebarsRef.current = pinnedSidebars;
-    }, [pinnedSidebars]);
     // Filter locked sidebars to only include currently open sidebars
     useEffect(() => {
         const openSet = new Set(openSidebars);
@@ -275,11 +248,15 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     // Group open sidebars into vertical stacks (each stack shares one left column).
     const [sidebarStacks, setSidebarStacks] = useState(() => {
         const defaultStacks = openSidebars.map((id) => [id]);
+        if (typeof window === "undefined") {
+            return normalizeSidebarStacks(openSidebars, defaultStacks);
+        }
         try {
-            const parsed = localStorageService.getItem("editor.sidebarStacks");
-            if (!parsed) {
+            const stored = window.localStorage.getItem("editor.sidebarStacks");
+            if (!stored) {
                 return normalizeSidebarStacks(openSidebars, defaultStacks);
             }
+            const parsed = JSON.parse(stored);
             if (!Array.isArray(parsed) ||
                 !parsed.every((x) => Array.isArray(x) && x.every((id) => typeof id === "string"))) {
                 return normalizeSidebarStacks(openSidebars, defaultStacks);
@@ -301,19 +278,28 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     }, [openSidebars, normalizeSidebarStacks]);
     // Persist stacks independently of the URL (user layout preference).
     useEffect(() => {
+        if (typeof window === "undefined")
+            return;
         try {
-            localStorageService.setItem("editor.sidebarStacks", sidebarStacks);
+            window.localStorage.setItem("editor.sidebarStacks", JSON.stringify(sidebarStacks));
         }
         catch { }
     }, [sidebarStacks]);
     // Persist locked sidebars to localStorage.
     useEffect(() => {
+        if (typeof window === "undefined")
+            return;
         try {
-            localStorageService.setItem("editor.lockedSidebars", lockedSidebars);
+            window.localStorage.setItem("editor.lockedSidebars", JSON.stringify(lockedSidebars));
         }
         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();
@@ -340,29 +326,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         activeSlotIdRef.current = activeSlotId;
     }, [activeSlotId]);
     const [slotContexts, setSlotContexts] = useState(() => new Map());
-    const promptSessionReconnect = useCallback((reason) => {
-        const description = reason && reason !== "session-revoked"
-            ? `${reason}. Click reconnect to continue in this browser.`
-            : "You were disconnected because this account is active in another browser.";
-        toast.error("Session disconnected", {
-            id: "session-revoked",
-            description,
-            action: {
-                label: "Reconnect",
-                onClick: async () => {
-                    const result = await reconnectSession(sessionId);
-                    if (result.type === "success") {
-                        window.location.reload();
-                        return;
-                    }
-                    toast.error("Reconnect failed", {
-                        description: "Could not claim this browser session. Try again.",
-                    });
-                },
-            },
-            duration: Infinity,
-        });
-    }, [sessionId]);
     // Track previous item ID to detect actual navigation between pages
     const previousItemIdRef = useRef(undefined);
     useEffect(() => {
@@ -391,9 +354,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     // Ref to track when we're handling a popstate event (browser back/forward)
     // This prevents the URL sync effect from pushing new history entries during back navigation
     const isHandlingPopStateRef = useRef(false);
-    // When switchWorkspace already pushed a URL entry, the follow-up URL sync
-    // effect should only *replace* that entry (not push a second one).
-    const switchWorkspacePushedRef = useRef(false);
     // Ref to track the last known URL for the popstate handler
     // This is updated both when the popstate handler runs AND when the URL sync effect pushes a new URL
     // Without this, the popstate handler would have a stale lastUrl value after pushState calls
@@ -410,16 +370,26 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     const [showSuggestedEditsDiff, setShowSuggestedEditsDiff] = useState(false);
     const [availableCommentTags, setAvailableCommentTags] = useState([]);
     const [showComments, setShowComments] = useState(() => {
-        return localStorageService.getOrSetItem("editor.showComments", true);
+        const savedShowComments = typeof window !== "undefined"
+            ? localStorage.getItem("editor.showComments")
+            : null;
+        return savedShowComments ? JSON.parse(savedShowComments) : true;
     });
     useEffect(() => {
-        localStorageService.setItem("editor.showComments", showComments);
+        if (typeof window !== "undefined") {
+            localStorage.setItem("editor.showComments", JSON.stringify(showComments));
+        }
     }, [showComments]);
     const [showResolvedComments, setShowResolvedComments] = useState(() => {
-        return localStorageService.getOrSetItem("editor.showResolvedComments", false);
+        const saved = typeof window !== "undefined"
+            ? localStorage.getItem("editor.showResolvedComments")
+            : null;
+        return saved ? JSON.parse(saved) : false;
     });
     useEffect(() => {
-        localStorageService.setItem("editor.showResolvedComments", showResolvedComments);
+        if (typeof window !== "undefined") {
+            localStorage.setItem("editor.showResolvedComments", JSON.stringify(showResolvedComments));
+        }
     }, [showResolvedComments]);
     const [selectedComment, setSelectedComment] = useState();
     const [browseHistory, setBrowseHistory] = useState(() => {
@@ -438,12 +408,13 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             visitedAt: entry.visitedAt,
         }));
     });
-    // Navigation history for browser history (workspace + item combinations)
+    // Navigation history for browser history (view + item combinations)
     const [navigationHistory, setNavigationHistory] = useState(() => {
-        // Initialize from browse history with the current workspace
+        // Initialize from browse history with current view
         if (!userInfo.browseHistory)
             return [];
         const defaultWorkspaceId = searchParams.get("workspace") ??
+            searchParams.get("view") ??
             configuration.editor.defaultWorkspace ??
             configuration.editor.workspaces?.[0]?.id ??
             "editor";
@@ -475,43 +446,20 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     const [statusMessage, setStatusMessage] = useState("");
     const [focusFieldComponentId, setFocusFieldComponentId] = useState();
     const [enableCompletions, setEnableCompletions] = useState(false);
-    const [showComponentNavigatorDefault, setShowComponentNavigatorDefault] = useState(userPreferences.showComponentNavigator ?? false);
-    const [slotComponentNavigatorVisibility, setSlotComponentNavigatorVisibility] = useState({});
-    useEffect(() => {
-        setSlotComponentNavigatorVisibility((prev) => {
-            const next = {};
-            let changed = false;
-            for (const slot of editorSlots) {
-                if (Object.prototype.hasOwnProperty.call(prev, slot.slotId)) {
-                    next[slot.slotId] = prev[slot.slotId];
-                }
-                else {
-                    next[slot.slotId] = showComponentNavigatorDefault;
-                    changed = true;
-                }
-            }
-            if (Object.keys(prev).length !== editorSlots.length) {
-                changed = true;
-            }
-            return changed ? next : prev;
-        });
-    }, [editorSlots, showComponentNavigatorDefault]);
+    const [showComponentNavigator, setShowComponentNavigator] = useState(userPreferences.showComponentNavigator ?? false);
     const [showAgentsPanel, setShowAgentsPanel] = useState(userPreferences.showAgentsPanel ?? false);
     const [showMinimap, setShowMinimap] = useState(userPreferences.showMinimap ?? true);
     const [showHelpTerminal, setShowHelpTerminal] = useState(false);
     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 [showAgentsWorkspaceEditor, setShowAgentsWorkspaceEditor] = useState(true);
     const [activeEditorTab, setActiveEditorTab] = useState(null);
     const [showLayoutComponents, setShowLayoutComponents] = useState(userPreferences.showLayoutComponents ?? false);
     const { quotaInfo, setQuotaInfo, isQuotaExceeded, getQuotaWarningMessage } = useQuota({
         showError: ({ summary, details }) => showErrorToast({ summary, details }),
     });
     const [webSocketMessages, setWebSocketMessages] = useState([]);
-    const [socketDiagnostics, setSocketDiagnostics] = useState(() => createEditorSocketDiagnostics(sessionId));
     const [favorites, setFavorites] = useState([]);
     // Quick item switcher state
     const [quickSwitcherVisible, setQuickSwitcherVisible] = useState(false);
@@ -529,12 +477,13 @@ 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");
+        const currentWorkspace = searchParams.get("workspace") ?? searchParams.get("view");
         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 });
     }, [
@@ -552,16 +501,6 @@ 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
@@ -608,19 +547,12 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         setSlotContexts((prev) => {
             if (!prev.has(slotId))
                 return prev;
-            if (slotId === activeSlotIdRef.current) {
-                const activeCtx = prev.get(slotId);
-                if (activeCtx) {
-                    lastActiveSlotContextRef.current = activeCtx;
-                }
-            }
             const next = new Map(prev);
             next.delete(slotId);
             return next;
         });
     }, []);
     const slotContextsRef = useRef(slotContexts);
-    const lastActiveSlotContextRef = useRef(null);
     useEffect(() => {
         slotContextsRef.current = slotContexts;
     }, [slotContexts]);
@@ -646,12 +578,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     const activeSlotContext = activeSlotId
         ? slotContexts.get(activeSlotId)
         : undefined;
-    const isComponentNavigatorOpenForSlot = useCallback((slotId) => {
-        if (!slotId)
-            return showComponentNavigatorDefault;
-        return (slotComponentNavigatorVisibility[slotId] ?? showComponentNavigatorDefault);
-    }, [slotComponentNavigatorVisibility, showComponentNavigatorDefault]);
-    const showComponentNavigator = isComponentNavigatorOpenForSlot(activeSlotId);
     // Sync global compareMode from the active slot's compareMode for URL syncing
     useEffect(() => {
         if (activeSlotContext && activeSlotContext.compareMode !== compareMode) {
@@ -699,9 +625,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     const isItemUsedInCurrentPage = useCallback((item) => pageItemsSetRef.current.has(makeItemKey(item)), [makeItemKey]);
     const socketMessageListeners = useRef(new Set());
     const [socketConnectionVersion, setSocketConnectionVersion] = useState(0);
-    useEffect(() => {
-        setSocketDiagnostics(createEditorSocketDiagnostics(sessionId));
-    }, [sessionId]);
     const addSocketMessageListener = useCallback((callback) => {
         socketMessageListeners.current.add(callback);
         return () => socketMessageListeners.current.delete(callback);
@@ -786,13 +709,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         console.error(`No workspace found for id: ${workspaceId}`);
         return null;
     }
-    const activeKeyboardCommands = useMemo(() => {
-        const activeCommandIds = new Set(currentWorkspace.keyboardCommandIds ?? []);
-        return (configuration.commands.keyboardCommands ?? []).filter((command) => activeCommandIds.has(command.id));
-    }, [
-        currentWorkspace.keyboardCommandIds,
-        configuration.commands.keyboardCommands,
-    ]);
+    // Legacy alias for backwards compatibility
+    const currentView = currentWorkspace;
     useEffect(() => {
         if (currentWorkspace?.component) {
             setCenterPanelView(currentWorkspace.component);
@@ -829,59 +747,30 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         const newUrl = `${window.location.pathname}?${params.toString()}`;
         window.history.replaceState(null, "", newUrl);
     }, [setIsTourActive]);
-    const isMobile = useMediaQuery("(max-width: 767px)");
-    // On mobile, clear all locked sidebars and keep only the last-opened panel.
-    // Handles viewport resize: desktop -> mobile unlocks everything and trims to one panel.
-    useEffect(() => {
-        if (isMobile) {
-            setLockedSidebars([]);
-            const current = openSidebarsRef.current;
-            const lastSidebar = current[current.length - 1];
-            if (current.length > 1 && lastSidebar) {
-                const trimmed = [lastSidebar];
-                openSidebarsRef.current = trimmed;
-                setOpenSidebars(trimmed);
-            }
-        }
-    }, [isMobile]);
-    const setComponentNavigatorOpenForSlot = useCallback((slotId, value) => {
-        const previousValue = isComponentNavigatorOpenForSlot(slotId);
-        const newValue = typeof value === "function" ? value(previousValue) : value;
-        if (slotId) {
-            setSlotComponentNavigatorVisibility((prev) => {
-                const currentValue = prev[slotId] ?? showComponentNavigatorDefault;
-                if (currentValue === newValue && prev[slotId] !== undefined) {
-                    return prev;
-                }
-                return {
-                    ...prev,
-                    [slotId]: newValue,
-                };
-            });
-        }
-        setShowComponentNavigatorDefault(newValue);
+    const isMobile = useMediaQuery("(max-width: 768px)");
+    const handleSetShowComponentNavigator = useCallback((value) => {
+        const newValue = typeof value === "function" ? value(showComponentNavigator) : value;
+        setShowComponentNavigator(newValue);
         setUserPreferences({ showComponentNavigator: newValue });
+        // On mobile, close Agents Panel when opening Component Navigator
         if (isMobile && newValue) {
             setShowAgentsPanel(false);
             setUserPreferences({ showAgentsPanel: false });
         }
     }, [
-        isComponentNavigatorOpenForSlot,
-        showComponentNavigatorDefault,
+        showComponentNavigator,
+        setShowComponentNavigator,
         setUserPreferences,
         isMobile,
         setShowAgentsPanel,
     ]);
-    const handleSetShowComponentNavigator = useCallback((value) => {
-        setComponentNavigatorOpenForSlot(activeSlotIdRef.current, value);
-    }, [setComponentNavigatorOpenForSlot]);
     const handleSetShowAgentsPanel = useCallback((value) => {
         const newValue = typeof value === "function" ? value(showAgentsPanel) : value;
         setShowAgentsPanel(newValue);
         setUserPreferences({ showAgentsPanel: newValue });
         // On mobile, close Component Navigator when opening Agents Panel
         if (isMobile && newValue) {
-            setComponentNavigatorOpenForSlot(activeSlotIdRef.current, false);
+            setShowComponentNavigator(false);
             setUserPreferences({ showComponentNavigator: false });
         }
     }, [
@@ -889,40 +778,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         setShowAgentsPanel,
         setUserPreferences,
         isMobile,
-        setComponentNavigatorOpenForSlot,
+        setShowComponentNavigator,
     ]);
-    // Mobile editor panel state (EditorForm shown in bottom panel on mobile)
-    const [mobileEditorPanelOpen, setMobileEditorPanelOpenRaw] = useState(false);
-    const [dismissedMobilePanelToken, setDismissedMobilePanelToken] = useState(null);
-    const previousActiveSlotIdRef = useRef(null);
-    const mobilePanelDismissToken = useMemo(() => {
-        const selectionKey = selection.join(",");
-        return [
-            activeSlotId || "no-slot",
-            selectionKey,
-            insertMode ? "insert" : "browse",
-        ].join("|");
-    }, [activeSlotId, insertMode, selection]);
-    useEffect(() => {
-        const previousActiveSlotId = previousActiveSlotIdRef.current;
-        if (previousActiveSlotId !== activeSlotId) {
-            setDismissedMobilePanelToken(null);
-        }
-        previousActiveSlotIdRef.current = activeSlotId;
-    }, [activeSlotId]);
-    const handleSetMobileEditorPanelOpen = useCallback((open) => {
-        setMobileEditorPanelOpenRaw(open);
-        if (!open) {
-            setDismissedMobilePanelToken(mobilePanelDismissToken);
-            return;
-        }
-        setDismissedMobilePanelToken(null);
-        if (open && isMobile) {
-            // Close all sidebars when opening the editor panel on mobile
-            openSidebarsRef.current = [];
-            setOpenSidebars([]);
-        }
-    }, [isMobile, mobilePanelDismissToken]);
     const handleSetShowMinimap = useCallback((value) => {
         const newValue = typeof value === "function" ? value(showMinimap) : value;
         setShowMinimap(newValue);
@@ -936,7 +793,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             setHelpTerminalInitialPrompt(undefined);
             setHelpTerminalProfileName(undefined);
             setHelpTerminalActiveTab(undefined);
-            setSelectedHelpSectionId(null);
         }
     }, [showHelpTerminal]);
     const toggleHelpTerminal = useCallback((options) => {
@@ -979,27 +835,13 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         setOpenSidebars(newOrder);
         setSidebarStacks((prev) => normalizeSidebarStacks(newOrder, prev));
     }, []);
-    const ensureSidebarPinned = useCallback((sidebarId) => {
-        const currentPinnedSidebars = pinnedSidebarsRef.current;
-        if (currentPinnedSidebars.includes(sidebarId)) {
-            return;
-        }
-        const newPinnedSidebars = [...currentPinnedSidebars, sidebarId];
-        pinnedSidebarsRef.current = newPinnedSidebars;
-        setPinnedSidebars(newPinnedSidebars);
-        setUserPreferences({ pinnedSidebars: newPinnedSidebars });
-    }, [setUserPreferences]);
     // messageHandler is defined after loadItem/loadHistory declarations to avoid temporal dead zones
     const user = activeSessions.find((x) => x.sessionId === sessionId)?.user ||
         userInfo.user;
-    // Self-heal if our session disappears (e.g., after HMR). Skip when concurrent user limit
-    // is showing so we don't spam recovery attempts when the connection was rejected.
+    // Self-heal if our session disappears (e.g., after HMR)
     const missingSessionRecoveryTimerRef = useRef(null);
     const missingSessionRecoveryAttemptsRef = useRef(0);
-    const concurrentUserLimitErrorRef = useRef(null);
     useEffect(() => {
-        if (concurrentUserLimitErrorRef.current !== null)
-            return;
         const hasMySession = activeSessions.some((s) => s.sessionId === sessionId);
         if (hasMySession) {
             // Reset recovery state when we see ourselves again
@@ -1015,6 +857,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             return;
         const attempt = missingSessionRecoveryAttemptsRef.current + 1;
         const delay = Math.min(250 * Math.pow(2, attempt - 1), 2000);
+        console.warn(`⚠️ Current session not present in active sessions. Recovery attempt ${attempt} in ${delay}ms...`);
         missingSessionRecoveryTimerRef.current = setTimeout(() => {
             missingSessionRecoveryTimerRef.current = null;
             missingSessionRecoveryAttemptsRef.current = attempt;
@@ -1023,7 +866,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             }
             else {
                 // Force a reconnect to refresh presence after several failed nudges
-                console.warn("Session presence did not recover after retries. Forcing reconnect.");
                 try {
                     globalThis.editorSocket?.close(4000, "recover-presence");
                 }
@@ -1043,15 +885,9 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         // Initialize lastUrlRef to current URL on mount
         lastUrlRef.current = window.location.href;
         const keepAliveUrl = "/parhelia/keepalive";
-        const runSessionCheck = () => {
+        const interval = setInterval(() => {
             fetch(keepAliveUrl + "?ts=" + Date.now())
                 .then((response) => {
-                if (response.headers.get("X-Parhelia-Session-Revoked") === "true") {
-                    window.dispatchEvent(new CustomEvent("parhelia:session-revoked", {
-                        detail: { reason: "session-revoked" },
-                    }));
-                    return;
-                }
                 if (response.status === 401 || response.status === 403) {
                     toast.error("Your session has expired", {
                         description: "Please login again to continue editing.",
@@ -1064,24 +900,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                 }
             })
                 .catch((error) => console.error("Keep Alive error:", error));
-        };
-        const keepaliveIntervalMs = (() => {
-            const param = new URLSearchParams(window.location.search).get("keepaliveIntervalMs");
-            if (!param)
-                return 5 * 60 * 1000;
-            const ms = parseInt(param, 10);
-            return Number.isFinite(ms) && ms >= 2000 && ms <= 60000
-                ? ms
-                : 5 * 60 * 1000;
-        })();
-        const interval = setInterval(() => {
-            runSessionCheck();
-        }, keepaliveIntervalMs);
-        const handleVisibilityChange = () => {
-            if (document.visibilityState === "visible") {
-                runSessionCheck();
-            }
-        };
+        }, 5 * 60 * 1000);
         const handleMessage = (event) => {
             if (event.data.type === "componentsSelected") {
                 setSelection(event.data.componentIds);
@@ -1096,8 +915,9 @@ 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);
-                const urlWorkspace = urlParams.get("workspace");
-                if (urlWorkspace && urlWorkspace !== workspaceIdRef.current) {
+                // Handle workspace changes (with legacy view fallback)
+                const urlWorkspace = urlParams.get("workspace") ?? urlParams.get("view");
+                if (urlWorkspace && urlWorkspace !== viewNameRef.current) {
                     setWorkspaceId(urlWorkspace);
                 }
                 // Handle sidebar changes
@@ -1114,18 +934,6 @@ 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) {
@@ -1181,11 +989,9 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         };
         window.addEventListener("message", handleMessage);
         window.addEventListener("popstate", handlePopState);
-        window.addEventListener("visibilitychange", handleVisibilityChange);
         return () => {
             window.removeEventListener("message", handleMessage);
             window.removeEventListener("popstate", handlePopState);
-            window.removeEventListener("visibilitychange", handleVisibilityChange);
             clearInterval(interval);
         };
     }, []);
@@ -1195,34 +1001,14 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         if (searchParams.get("noTour") !== null) {
             return;
         }
-        // Don't start tour when there are setup errors (user is or will be on system status page)
-        if (startupChecks.state === "complete" && startupChecks.hasBlockingIssues) {
-            return;
-        }
-        // Don't start tour when already on settings system status page
-        if (viewName === "settings" && searchParams.get("ccpanel") === "status") {
-            return;
-        }
-        // Wait for startup checks so we know whether we'll redirect to status
-        if (startupChecks.state !== "complete") {
-            return;
-        }
         const tour = configuration.activeTour;
         const key = tour === "default" ? "editor.tourShown" : "editor.tourShown." + tour;
-        const tourShown = localStorageService.getString(key);
+        const tourShown = localStorage.getItem(key);
         if (!tourShown) {
             startTour();
-            localStorageService.setString(key, "true");
+            localStorage.setItem(key, "true");
         }
-    }, [
-        user,
-        startupChecks.state,
-        startupChecks.hasBlockingIssues,
-        viewName,
-        searchParams,
-        configuration.activeTour,
-        startTour,
-    ]);
+    }, [user]);
     // WebSocket initialization is performed after messageHandler is defined
     // Defer URL sync until loadItem is defined below
     // Mark end of initial load phase
@@ -1354,8 +1140,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     const loadComments = useCallback(async () => {
         if (!currentItemDescriptor)
             return;
-        const reviewId = searchParams.get("reviewId");
-        const result = await getComments(currentItemDescriptor.id, currentItemDescriptor.language, currentItemDescriptor.version, reviewId ?? undefined);
+        const result = await getComments(currentItemDescriptor.id, currentItemDescriptor.language, currentItemDescriptor.version);
         if (handleErrorResult(result, ui, state))
             return;
         setComments((x) => {
@@ -1368,7 +1153,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             allComments.sort((a, b) => a.position - b.position);
             return allComments;
         });
-    }, [currentItemDescriptor, searchParams]);
+    }, [currentItemDescriptor]);
     // Assuming currentItemDescriptor, ui, state, handleErrorResult, and setSuggestedEdits
     // are available in your component context.
     const loadSuggestedEdits = useCallback(async () => {
@@ -1377,8 +1162,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         const result = await getSuggestedEdits(item.descriptor.id, item.descriptor.language, item.descriptor.version);
         if (handleErrorResult(result, ui, state))
             return;
-        const edits = result.data || [];
-        setSuggestedEdits(edits);
+        setSuggestedEdits(result.data || []);
     }, [item]);
     const loadFavorites = useCallback(async () => {
         try {
@@ -1452,25 +1236,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             return idB.localeCompare(idA);
         });
     }, []);
-    const normalizeEditHistoryPayload = useCallback((value) => {
-        if (Array.isArray(value)) {
-            return value;
-        }
-        if (value && typeof value === "object") {
-            const payload = value;
-            const candidates = [
-                payload.operations,
-                payload.history,
-                payload.items,
-                payload.data,
-            ];
-            const firstArray = candidates.find((candidate) => Array.isArray(candidate));
-            if (Array.isArray(firstArray)) {
-                return firstArray;
-            }
-        }
-        return [];
-    }, []);
     useEffect(() => {
         // Read fresh page from the mutable slot context ref chain.
         // The slot context uses a stable ref that is mutated in-place (see editorSlotContext.ts),
@@ -1493,7 +1258,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         if (handleErrorResult(result, ui, state))
             return;
         setEditHistory((prev) => {
-            const next = normalizeEditHistoryPayload(result.data);
+            const next = result.data || [];
             if (!prev.length)
                 return sortEditHistoryByDateDesc(next);
             if (!next.length)
@@ -1567,7 +1332,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                 return;
             }
             setEditHistory((prev) => {
-                const next = normalizeEditHistoryPayload(result.data);
+                const next = result.data || [];
                 const scope = {
                     mode: currentMode,
                     filterBySession: shouldFilterBySession,
@@ -1645,7 +1410,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                 console.error("[EditorShell] Failed to load item history:", result);
                 return;
             }
-            let operations = normalizeEditHistoryPayload(result.data);
+            let operations = result.data || [];
             // Client-side version filtering for current-version mode
             if (currentMode === "current-version") {
                 // Defensive filter: only include operations for the current version
@@ -1721,7 +1486,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         item,
         currentItemDescriptor,
         matchesHistoryScope,
-        normalizeEditHistoryPayload,
         sortEditHistoryByDateDesc,
     ]);
     // Debounced history refresh to avoid hammering `/parhelia/editHistory` on rapid UI changes.
@@ -1787,14 +1551,13 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             }
         }
         else if (historyMode !== "global" && currentItemDescriptor) {
-            // Always load immediately for page-centric/current-version/timeline so we don't show
-            // an empty history list for the debounce window (e.g. 600ms). The effect only runs on
-            // mode or item id/lang/version change, not on every keystroke, so this avoids flaky
-            // undo/redo tests and improves UX when switching to page-centric.
             if (!historyInitialLoadDoneRef.current) {
                 historyInitialLoadDoneRef.current = true;
+                refreshHistoryRef.current(historyMode);
+            }
+            else {
+                debouncedRefreshHistoryRef.current(historyMode);
             }
-            refreshHistoryRef.current(historyMode);
         }
         else if (historyMode !== "global" && !currentItemDescriptor) {
             // Clear history if no item loaded in page-centric modes
@@ -1904,6 +1667,7 @@ 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(",");
@@ -1915,12 +1679,6 @@ 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");
@@ -1945,11 +1703,15 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         else {
             current.delete("wizardid");
         }
-        // Only preserve settings-specific parameters when on settings view
-        if (viewName !== "settings") {
+        // Only preserve ccpanel parameter when on settings view, remove it otherwise
+        if (viewName === "settings") {
+            const ccpanel = current.get("ccpanel");
+            if (ccpanel) {
+                current.set("ccpanel", ccpanel);
+            }
+        }
+        else {
             current.delete("ccpanel");
-            current.delete("providerId");
-            current.delete("modelId");
         }
         // Preserve reviewId parameter if it exists (for review links)
         // This ensures review links don't lose the reviewId when URL is synced
@@ -1968,13 +1730,9 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             return;
         }
         if (newUrl !== oldUrl) {
-            if (switchWorkspacePushedRef.current) {
-                window.history.replaceState(null, "", newUrl);
-                switchWorkspacePushedRef.current = false;
-            }
-            else {
-                window.history.pushState(null, "", newUrl);
-            }
+            window.history.pushState(null, "", newUrl);
+            // Update lastUrlRef so the popstate handler knows the current URL
+            // This fixes the issue where goBack() wouldn't work because lastUrl was stale
             lastUrlRef.current = newUrl;
         }
     }, [
@@ -1988,8 +1746,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         fullscreen,
         currentWizardId,
         openSidebars,
-        showHelpTerminal,
-        selectedHelpSectionId,
     ]);
     useEffect(() => {
         async function load() {
@@ -2283,10 +2039,9 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     useEffect(() => {
         if (fullscreen &&
             !searchParams.get("fullscreen") &&
-            !configuration.forceFullscreen &&
-            !isMobile)
+            !configuration.forceFullscreen)
             setShowFullscreenHint(true);
-    }, [fullscreen, configuration.forceFullscreen, searchParams, isMobile]);
+    }, [fullscreen, configuration.forceFullscreen, searchParams]);
     const state = {
         page,
         configuration,
@@ -2385,35 +2140,20 @@ 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.
-                // 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;
+                // 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;
                 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) {
@@ -2467,6 +2207,10 @@ 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,
@@ -2492,31 +2236,28 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             markOperationCompleteRef.current?.(operationId);
         },
     });
-    // Concurrent user limit error state
-    const [concurrentUserLimitError, setConcurrentUserLimitError] = useState(null);
-    concurrentUserLimitErrorRef.current = concurrentUserLimitError;
-    const handleRetryConnection = useCallback(() => {
-        setConcurrentUserLimitError(null);
-        // Force reconnection by triggering a new connection attempt
-        // The useEditorWebSocket hook will check availability again
-        const socket = globalThis.editorSocket;
-        if (socket) {
-            socket.close();
-            delete globalThis.editorSocket;
-        }
-        // The hook will automatically attempt to reconnect
-    }, []);
     const { socketRef: socketInstanceRef } = useEditorWebSocket({
         sessionId,
         onMessage: messageHandler,
         onOpen: async () => {
-            // Clear concurrent user limit error on successful connection
-            setConcurrentUserLimitError(null);
-            // Startup WebSocket probe may have failed with a blocking error while seats were full;
-            // re-run status checks quietly so "1 error" does not stick after a successful connect.
-            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 {
@@ -2532,37 +2273,24 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             }
         },
         onError: (error) => console.error("WebSocket error:", error),
-        onConcurrentUserLimit: (error) => {
-            setConcurrentUserLimitError(error);
-        },
-        onSessionRevoked: () => promptSessionReconnect("session-revoked"),
         connectSocket,
         requestQuota,
         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;
-            promptSessionReconnect(customEvent?.detail?.reason);
-        };
-        window.addEventListener("parhelia:session-revoked", handleRevoked);
-        return () => {
-            window.removeEventListener("parhelia:session-revoked", handleRevoked);
-        };
-    }, [promptSessionReconnect]);
     const sendSocketMessage = useCallback((message) => {
         if (socketInstanceRef.current &&
             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) => {
@@ -2606,9 +2334,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             if (!options?.skipNavigationHistory) {
                 addNavigationEntry(targetWorkspaceId, item);
             }
-            // Mark that we're pushing from switchWorkspace so the URL sync effect
-            // will replaceState instead of pushing a second history entry.
-            switchWorkspacePushedRef.current = true;
+            // Update URL
             updateUrl({ workspace: targetWorkspaceId });
             if (typeof document.startViewTransition === "function") {
                 document.startViewTransition(() => {
@@ -2629,6 +2355,14 @@ 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);
@@ -2666,9 +2400,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             setOpenSidebars(newSidebars);
             setLockedSidebars((locked) => locked.filter((id) => id !== sidebarId));
             setSidebarStacks((prevStacks) => normalizeSidebarStacks(newSidebars, prevStacks));
-            if (sidebarId === "agents-panel") {
-                setUserPreferences({ showAgentsPanel: false });
-            }
             startTransition(() => {
                 updateUrl({ sidebar: newSidebars.join(",") || undefined });
             });
@@ -2683,69 +2414,34 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         ];
         openSidebarsRef.current = newSidebars;
         setOpenSidebars(newSidebars);
-        ensureSidebarPinned(sidebarId);
         setSidebarStacks((prevStacks) => normalizeSidebarStacks(newSidebars, prevStacks));
-        if (sidebarId === "agents-panel") {
-            setUserPreferences({ showAgentsPanel: true });
-        }
-        // On mobile, close the editor form panel when opening a sidebar
-        if (isMobile) {
-            setMobileEditorPanelOpenRaw(false);
-        }
         startTransition(() => {
             updateUrl({ sidebar: newSidebars.join(",") || undefined });
         });
-    }, [
-        updateUrl,
-        getPreservedSidebarIds,
-        normalizeSidebarStacks,
-        ensureSidebarPinned,
-        setUserPreferences,
-        isMobile,
-    ]);
+    }, [updateUrl, getPreservedSidebarIds, normalizeSidebarStacks]);
     // Ensure a sidebar is open (without toggling it closed if already open)
-    const openSidebar = useCallback((sidebarId, options) => {
+    const openSidebar = useCallback((sidebarId) => {
         const currentOpenSidebars = openSidebarsRef.current;
         if (currentOpenSidebars.includes(sidebarId)) {
             // Already open, nothing to do
             return;
         }
-        const preservedSet = options?.preserveOpenSidebars
-            ? undefined
-            : getPreservedSidebarIds();
-        const newSidebars = options?.preserveOpenSidebars
-            ? [...currentOpenSidebars, sidebarId]
-            : [
-                ...currentOpenSidebars.filter((id) => preservedSet?.has(id)),
-                sidebarId,
-            ];
+        // 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
+        ];
         openSidebarsRef.current = newSidebars;
         setOpenSidebars(newSidebars);
-        ensureSidebarPinned(sidebarId);
         setSidebarStacks((prevStacks) => normalizeSidebarStacks(newSidebars, prevStacks));
-        if (sidebarId === "agents-panel") {
-            setUserPreferences({ showAgentsPanel: true });
-        }
-        // On mobile, close the editor form panel when opening a sidebar
-        if (isMobile) {
-            setMobileEditorPanelOpenRaw(false);
-        }
         startTransition(() => {
             updateUrl({ sidebar: newSidebars.join(",") || undefined });
         });
-    }, [
-        updateUrl,
-        getPreservedSidebarIds,
-        normalizeSidebarStacks,
-        ensureSidebarPinned,
-        setUserPreferences,
-        isMobile,
-    ]);
+    }, [updateUrl, getPreservedSidebarIds, normalizeSidebarStacks]);
     // Toggle lock state for a sidebar stack (keeps it visible when selecting another)
     // When toggling any sidebar, we toggle the entire stack it belongs to
     const toggleSidebarLock = useCallback((sidebarId) => {
-        if (isMobile)
-            return;
         const currentStacks = sidebarStacksRef.current;
         const stackContainingSidebar = currentStacks.find((stack) => stack.includes(sidebarId));
         const sidebarIdsToToggle = stackContainingSidebar || [sidebarId];
@@ -2763,7 +2459,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                 ];
             }
         });
-    }, [isMobile]);
+    }, []);
     const stackSidebar = useCallback((sidebarId, targetSidebarId, position = "after") => {
         if (!sidebarId || !targetSidebarId || sidebarId === targetSidebarId)
             return;
@@ -2840,34 +2536,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     // Get resolved sidebar (with panels materialized)
     // Note: This is defined as a function that will be called later when editContext is available
     const sidebars = configuration.editor.sidebars ?? [];
-    const taskboardSidebarIds = new Set([
-        "taskboard-project-list",
-        "taskboard-my-tasks",
-    ]);
-    const getSidebarsForWorkspace = useCallback((targetWorkspaceId) => {
-        const isTaskboardWorkspace = targetWorkspaceId === "taskboard";
-        const workspaceAllowedSidebarIds = userInfo.workspaces?.find((w) => w.id === targetWorkspaceId)
-            ?.sidebars ?? [];
-        return sidebars.filter((s) => {
-            const isTaskboardSidebar = taskboardSidebarIds.has(s.id);
-            if (isTaskboardWorkspace && !isTaskboardSidebar)
-                return false;
-            if (!isTaskboardWorkspace && isTaskboardSidebar)
-                return false;
-            // Always show agents-panel regardless of workspace settings.
-            if (s.id === "agents-panel") {
-                return true;
-            }
-            // If no workspace settings or no sidebars defined for current workspace, show all.
-            if (workspaceAllowedSidebarIds.length === 0) {
-                return true;
-            }
-            // Only show sidebars that are in the allowed list for the current workspace.
-            return workspaceAllowedSidebarIds.includes(s.id);
-        });
-    }, [sidebars, userInfo.workspaces]);
     const getResolvedSidebar = useCallback((sidebarId) => {
-        const sidebar = getSidebarsForWorkspace(workspaceId).find((s) => s.id === sidebarId);
+        const sidebar = sidebars.find((s) => s.id === sidebarId);
         if (!sidebar)
             return undefined;
         // Resolve panel factories using editContextRef to avoid circular dependency
@@ -2881,35 +2551,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             ...sidebar,
             panels: resolvedPanels,
         };
-    }, [getSidebarsForWorkspace, workspaceId]);
-    useEffect(() => {
-        if (!currentWorkspace.supportsSidebars) {
-            return;
-        }
-        const allowedIds = new Set(getSidebarsForWorkspace(workspaceId).map((sidebar) => sidebar.id));
-        const currentOpen = openSidebarsRef.current;
-        let nextOpen = currentOpen.filter((id) => allowedIds.has(id));
-        if (nextOpen.length === 0 && currentWorkspace.defaultSidebars?.length) {
-            nextOpen = currentWorkspace.defaultSidebars.filter((id) => allowedIds.has(id));
-        }
-        const unchanged = nextOpen.length === currentOpen.length &&
-            nextOpen.every((id, index) => id === currentOpen[index]);
-        if (unchanged) {
-            return;
-        }
-        openSidebarsRef.current = nextOpen;
-        setOpenSidebars(nextOpen);
-        setSidebarStacks((prev) => normalizeSidebarStacks(nextOpen, prev));
-        startTransition(() => {
-            updateUrl({ sidebar: nextOpen.join(",") || undefined });
-        });
-    }, [
-        currentWorkspace,
-        getSidebarsForWorkspace,
-        normalizeSidebarStacks,
-        updateUrl,
-        workspaceId,
-    ]);
+    }, [sidebars]);
     // Listen for switch-workspace and open-sidebar commands from agents via websocket
     useEffect(() => {
         const handleAgentMessage = (message) => {
@@ -3245,7 +2887,14 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     ]);
     const { handleKeyDown } = useKeyboardNavigation({
         editContextRef,
-        keyboardCommands: activeKeyboardCommands,
+        operations,
+        pageViewContext: activePageViewContext,
+        configuration,
+        item,
+        browseHistory,
+        loadItem,
+        showInfoToast,
+        showErrorToast,
         executeCommand,
         showQuickSwitcher,
         cycleQuickSwitcher,
@@ -3365,19 +3014,10 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             }
             return null;
         };
-        let modifierWasPressedOnMouseDown = false;
-        const handleMouseDown = (event) => {
-            modifierWasPressedOnMouseDown = event.ctrlKey || event.metaKey;
-        };
         const handleCtrlClick = async (event) => {
-            // Only proceed if Ctrl/Cmd was already pressed when the mouse interaction started.
-            // This avoids accidental navigation when users press Ctrl after selecting text to copy.
-            if (!modifierWasPressedOnMouseDown)
-                return;
-            // Also require the modifier to still be held for the final click event.
+            // Only proceed if Ctrl (or Cmd on Mac) is pressed
             if (!event.ctrlKey && !event.metaKey)
                 return;
-            modifierWasPressedOnMouseDown = false;
             const target = event.target;
             const text = getTextFromElement(target);
             if (text && isGuid(text)) {
@@ -3392,7 +3032,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
                             skipViewChange: true,
                         });
                         if (item) {
-                            switchWorkspace("editor", {
+                            // Switch to the editor view
+                            switchView("editor", {
                                 skipNavigationHistory: true,
                             });
                             showInfoToast({
@@ -3418,14 +3059,12 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
             }
         };
         if (typeof document !== "undefined") {
-            document.addEventListener("mousedown", handleMouseDown, true);
             document.addEventListener("click", handleCtrlClick, true);
             return () => {
-                document.removeEventListener("mousedown", handleMouseDown, true);
                 document.removeEventListener("click", handleCtrlClick, true);
             };
         }
-    }, [loadItem, switchWorkspace, showInfoToast, showErrorToast]);
+    }, [loadItem, switchView, showInfoToast, showErrorToast]);
     useEffect(() => {
         const handleGlobalBlur = () => {
             operations.onFieldBlur?.();
@@ -3463,6 +3102,21 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         // Otherwise, only show workspaces that are in the settings
         return workspaceIdsFromSettings.includes(w.id) && !w.visible;
     });
+    // Get sidebars allowed for the current workspace from settings
+    const currentWorkspaceSettings = userInfo.workspaces?.find((w) => w.id === workspaceId);
+    const allowedSidebarIds = currentWorkspaceSettings?.sidebars ?? [];
+    // 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)
@@ -3507,7 +3161,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 {
-                switchWorkspace("home", {
+                switchView("home", {
                     skipConfirmation: true,
                     skipNavigationHistory: true,
                 });
@@ -3554,6 +3208,7 @@ 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()}`;
@@ -3870,8 +3525,19 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         workspaceId,
         previousWorkspaceId,
         switchWorkspace,
-        // Sidebar state
-        availableSidebars: getSidebarsForWorkspace(workspaceId),
+        // Sidebar state - filter by workspace settings if available
+        availableSidebars: (configuration.editor.sidebars ?? []).filter((s) => {
+            // Always show agents-panel regardless of workspace settings
+            if (s.id === "agents-panel") {
+                return true;
+            }
+            // If no workspace settings or no sidebars defined for current workspace, show all
+            if (!allowedSidebarIds || allowedSidebarIds.length === 0) {
+                return true;
+            }
+            // Only show sidebars that are in the allowed list for the current workspace
+            return allowedSidebarIds.includes(s.id);
+        }),
         openSidebars,
         pinnedSidebars,
         lockedSidebars,
@@ -3886,6 +3552,12 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         reorderPinnedSidebars,
         reorderOpenSidebars,
         getResolvedSidebar,
+        // Legacy compatibility (deprecated)
+        viewName,
+        previousViewName,
+        switchView,
+        view: currentView,
+        visibleViews,
         compareMode,
         setCompareMode,
         fullscreen,
@@ -3925,7 +3597,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         addSocketMessageListener,
         sendSocketMessage,
         socketConnectionVersion,
-        socketDiagnostics,
         currentItemDescriptor,
         editorSlots,
         activeSlotId,
@@ -3938,7 +3609,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         setActiveSlot,
         revision,
         notifyPageModelReady,
-        pageModelReadyToken,
         selectedComment,
         setSelectedComment,
         comments,
@@ -4017,8 +3687,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         setEnableCompletions,
         showComponentNavigator,
         setShowComponentNavigator: handleSetShowComponentNavigator,
-        isComponentNavigatorOpenForSlot,
-        setComponentNavigatorOpenForSlot,
         showAgentsPanel,
         setShowAgentsPanel: handleSetShowAgentsPanel,
         showMinimap,
@@ -4030,12 +3698,8 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         helpTerminalProfileName,
         helpTerminalActiveTab,
         setHelpTerminalActiveTab,
-        selectedHelpSectionId,
-        setSelectedHelpSectionId,
         showAgentsWorkspaceEditor,
         setShowAgentsWorkspaceEditor: handleSetShowAgentsWorkspaceEditor,
-        selectedAgentsWorkspaceAgentId,
-        setSelectedAgentsWorkspaceAgentId,
         activeEditorTab,
         setActiveEditorTab,
         showLayoutComponents,
@@ -4044,8 +3708,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         isQuotaExceeded: isQuotaExceeded(),
         getQuotaWarningMessage,
         isMobile,
-        mobileEditorPanelOpen,
-        setMobileEditorPanelOpen: handleSetMobileEditorPanelOpen,
         openDialog,
         webSocketMessages,
         clearWebSocketMessages: () => setWebSocketMessages([]),
@@ -4084,6 +3746,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         configuration,
         updateUrl,
         workspaceId,
+        switchView,
         pathname,
         router,
         item,
@@ -4113,6 +3776,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         currentWorkspace,
         previousWorkspaceId,
         switchWorkspace,
+        allowedSidebarIds,
         openSidebars,
         pinnedSidebars,
         lockedSidebars,
@@ -4124,6 +3788,9 @@ 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).
@@ -4148,7 +3815,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         currentItemDescriptor,
         revision,
         notifyPageModelReady,
-        pageModelReadyToken,
         selectedComment,
         comments,
         availableCommentTags,
@@ -4167,7 +3833,6 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         quickSwitcherSelectedIndex,
         handleQuickSwitcherSelect,
         webSocketMessages,
-        socketDiagnostics,
         factoriesRef,
         user,
         statusMessage,
@@ -4176,11 +3841,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         isQuotaExceeded,
         getQuotaWarningMessage,
         isMobile,
-        mobileEditorPanelOpen,
-        handleSetMobileEditorPanelOpen,
         showComponentNavigator,
-        isComponentNavigatorOpenForSlot,
-        setComponentNavigatorOpenForSlot,
         handleSetShowComponentNavigator,
         showAgentsPanel,
         handleSetShowAgentsPanel,
@@ -4192,9 +3853,7 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
         helpTerminalProfileName,
         helpTerminalActiveTab,
         setHelpTerminalActiveTab,
-        selectedHelpSectionId,
         showAgentsWorkspaceEditor,
-        selectedAgentsWorkspaceAgentId,
         activeEditorTab,
         showLayoutComponents,
         openDialog,
@@ -4439,40 +4098,18 @@ export function EditorShell({ configuration, className, item: loadItemDescriptor
     //   prevDependencies.current = currentDependencies;
     //   editContextRef.current = editContext;
     // }, [editContext]);
-    // Auto-open the mobile editor panel for new selection/intent changes, but
-    // keep a manual close sticky for the exact same context.
-    useEffect(() => {
-        if (!isMobile || workspaceId !== "editor")
-            return;
-        if (activeEditorTab) {
-            handleSetMobileEditorPanelOpen(true);
-            return;
-        }
-        if (!(selection.length > 0 || insertMode))
-            return;
-        if (dismissedMobilePanelToken === mobilePanelDismissToken)
-            return;
-        handleSetMobileEditorPanelOpen(true);
-    }, [
-        activeEditorTab,
-        dismissedMobilePanelToken,
-        handleSetMobileEditorPanelOpen,
-        insertMode,
-        isMobile,
-        mobilePanelDismissToken,
-        selection,
-        workspaceId,
-    ]);
     useEffect(() => {
         fieldsEditContext.clearModifiedFields();
     }, [currentItemDescriptor]);
-    if (!currentWorkspace)
+    if (!currentView)
         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: () => {
+    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 && (_jsx("div", { className: "fixed inset-0", 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 }), 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, showComponentNavigator: showComponentNavigator, handleSetShowComponentNavigator: handleSetShowComponentNavigator, showAgentsPanel: showAgentsPanel, handleSetShowAgentsPanel: handleSetShowAgentsPanel, workspaceId: workspaceId, 
+                // Legacy props for backwards compatibility
+                currentView: currentView, viewName: viewName }), isTourActive && (_jsx(Tour, { tourStopCallback: () => {
                     setIsTourActive(false);
                     // Remove tour state from URL
                     // Use history.replaceState instead of router.replace to avoid triggering React navigation
@@ -4483,13 +4120,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, {})] }));
-    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) => {
-                                    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, {})] }) }) }) }) }));
+                }, configuration: configuration, restoredFromUrl: tourRestoredRef.current })), _jsx(GuidanceOverlay, {}), _jsx(AgentDialogHandler, { sendWebSocketMessage: (type, payload) => sendSocketMessage({ type, payload }) })] }));
+    return (_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, {}) })), children || editorUi, dialog, _jsx(Toaster, { position: "top-center" }), " ", _jsx(ConfirmationDialog, { ref: confirmationDialogRef }), _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 })] }) }) }) }));
 }
 //# sourceMappingURL=EditorShell.js.map