@parhelia/core 0.1.12907 → 0.1.12909

package/dist/config/config.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { coreNotificationRoutes } from "./notificationRoutes";
 import { RichTextEditor } from "../editor/field-types/RichTextEditor";
 import { createRichTextContextMenu } from "../editor/field-types/richtext/contextMenuFactory";
@@ -25,7 +25,8 @@ import { Favorites } from "../editor/sidebar/Favorites";
 import { Sessions } from "../editor/sidebar/Sessions";
 import { Workbox } from "../editor/sidebar/Workbox";
 import { DictionaryEditor } from "../editor/sidebar/DictionaryEditor";
-import { SecretAgentIcon } from "../editor/ui/Icons";
+import { ParheliaAgentIcon } from "../editor/ui/Icons";
+import { waitForSelectorAnimations } from "../editor/ui/animationSettle";
 import { ModernSplashScreen } from "../splash-screen/ModernSplashScreen";
 import { NewPageDialog } from "../splash-screen/DialogWrappers";
 import { dispatchManualFieldActionVisibility, getFieldIdsForManualTarget, } from "../editor/manualActionEvents";
@@ -52,27 +53,32 @@ import { SettingsView } from "../editor/settings/SettingsView";
 import { IndexOverview } from "../editor/settings/IndexOverview";
 import { QuotaInfo } from "../editor/settings/QuotaInfo";
 import { About } from "../editor/settings/About";
-import { AgentsPanel, JavaScriptToolsPanel, ProjectTemplatesPanel, PersistentLogsPanel, ProvidersPanel, McpToolsPanel, ModelsPanel, SearchConfigPanel, StatusPanel, ClusterInstancesPanel, } from "../editor/settings/panels";
+import { AgentsPanel, JavaScriptToolsPanel, ProjectTemplatesPanel, PersistentLogsPanel, ProvidersPanel, McpToolsPanel, ModelsPanel, SearchConfigPanel, StatusPanel, ClusterInstancesPanel, FieldTypeSerializersPanel, AgentToolsPanel, UserPreferencesPanel, NotificationSubscriptionsPanel, SystemSettingsPanel, } from "../editor/settings/panels";
 import { coreStatusChecks } from "../editor/settings/status/index";
 import { MainContentTree } from "../editor/sidebar/MainContentTree";
+import { CONTENT_TREE_SIDEBAR_ID } from "../editor/sidebar/contentTreeConstants";
 import { AttachmentEditor } from "../editor/field-types/AttachmentEditor";
+import { replaceMediaItemWithFile } from "../editor/media-selector/mediaUpload";
 import { Reviews } from "../editor/reviews/Reviews";
 import { rejectReviewCommand } from "../editor/reviews/reviewCommands";
 import { approveReviewCommand } from "../editor/reviews/reviewCommands";
 import { agentCommandHandler } from "../editor/commands/handlers/agentHandler";
-import { openDialogCommandHandler, openStatusPanelCommandHandler, openUrlCommandHandler, startTourCommandHandler, switchWorkspaceCommandHandler, } from "../editor/commands/handlers/uiActionHandlers";
+import { openDialogCommandHandler, openItemCommandHandler, openStatusPanelCommandHandler, openUrlCommandHandler, startTourCommandHandler, switchWorkspaceCommandHandler, } from "../editor/commands/handlers/uiActionHandlers";
 import { getPreviewTourSteps } from "../tour/preview-tour";
 import { ImageFieldEditor } from "../editor/field-types/ImageFieldEditor";
 import { ReviewCommands } from "../editor/menubar/toolbar-sections/ReviewCommands";
-import { Activity, BookA, History, FolderTreeIcon, InboxIcon, Layers, MessageCircleMore, Settings, Star, Users, WandSparkles, ClipboardCheck, ShieldCheck, Info as InfoIcon, BarChart3, Search, Home, File, ExternalLink, Image as ImageIcon, Video, X, Expand, Download, Server, Sparkles, Bug, FileCode2, Wrench, ListTodo, GitBranch, SquarePen, } from "lucide-react";
+import { Activity, Bell, BookA, History, FolderTreeIcon, InboxIcon, Layers, MessageCircleMore, Settings, SlidersHorizontal, Star, Users, WandSparkles, ClipboardCheck, ShieldCheck, Info as InfoIcon, BarChart3, Search, Home, File, ExternalLink, Image as ImageIcon, Video, X, Expand, Download, Paperclip, Server, Sparkles, Bug, FileCode2, Wrench, ListTodo, TrendingUpDown, GitBranch, SquarePen, DatabaseZap, Network, } from "lucide-react";
 import { Completions } from "../editor/sidebar/Completions";
+import { openRenderingItemComponentCommandProvider } from "../editor/commands/componentCommands";
+import { openPlaceholderSettingsCommandProvider } from "../editor/commands/placeholderCommands";
 import { GenericToolbar } from "../editor/menubar/GenericToolbar";
 import { EditControls, UtilityControls, } from "../editor/menubar/toolbar-sections";
 import { Agents } from "../editor/ai/Agents";
 import { ComponentTypeSelectorInline, QuestionnaireInline, } from "../editor/ai/dialogs";
 import { getFeedbackPanels } from "../editor/reviews/CommentsAndFeedback";
+import { openCommentsFeedback } from "../editor/reviews/openCommentsFeedback";
 import { getRedoCommand, getUndoCommand } from "../editor/commands/undo";
-import { favoriteHistoryBackCommand, favoriteHistoryForwardCommand, historyBackCommand, historyForwardCommand, toggleInsertModeCommand, } from "../editor/commands/keyboardCommands";
+import { favoriteHistoryBackCommand, favoriteHistoryForwardCommand, historyBackCommand, historyForwardCommand, moveComponentDownCommand, moveComponentUpCommand, toggleInsertModeCommand, } from "../editor/commands/keyboardCommands";
 export const contentItemId = "0DE95AE4-41AB-4D01-9EB0-67441B7C2450";
 export const templatesRootItemId = "3c1715fe-6a13-4fcf-845f-de308ba9741d";
 export const rootItemId = "11111111-1111-1111-1111-111111111111";
@@ -119,28 +125,147 @@ const toggleFieldActionsVisibility = (mode) => ({ runId, elements }) => {
     });
 };
 const openMoreSidebarsPanel = async ({ selectorDef, resolveElements, }) => {
-    const targetSelector = selectorDef.availabilitySelector || selectorDef.selector;
-    if (targetSelector && resolveElements(targetSelector).length > 0) {
+    // Prefer the actual highlight target: the anchor (availabilitySelector) is
+    // often the More-panels trigger itself, which is always present and would
+    // otherwise short-circuit opening the panel.
+    const targetSelector = selectorDef.selector || selectorDef.availabilitySelector;
+    if (hasVisibleManualTarget(resolveElements, targetSelector)) {
+        return;
+    }
+    if (document.querySelector('[data-testid="more-sidebars-button"][aria-expanded="true"]')) {
         return;
     }
     const trigger = document.querySelector('[data-testid="more-sidebars-button"]');
     if (!trigger)
         return;
     trigger.click();
-    for (let attempt = 0; attempt < 10; attempt += 1) {
-        await new Promise((resolve) => window.setTimeout(resolve, 50));
-        if (targetSelector && resolveElements(targetSelector).length > 0) {
-            return;
-        }
-        if (resolveElements("@more-sidebars-panel").length > 0) {
-            return;
+    // Wait for the Radix popover's open animation to finish (mounts on open).
+    await waitForSelectorAnimations('[data-testid="more-sidebars-panel"]');
+};
+const openVersionSelector = async ({ selectorDef, resolveElements, }) => {
+    const targetSelector = selectorDef.selector || selectorDef.availabilitySelector;
+    if (hasVisibleManualTarget(resolveElements, targetSelector)) {
+        return;
+    }
+    if (document.querySelector('[data-testid="version-selector"][aria-expanded="true"]')) {
+        return;
+    }
+    const trigger = document.querySelector('[data-testid="version-selector"]');
+    if (!trigger)
+        return;
+    trigger.click();
+    // Wait for the Radix popover's open animation to finish (mounts on open).
+    await waitForSelectorAnimations('[data-testid="version-selector-list"]');
+};
+const openNotificationCenter = async ({ selectorDef, resolveElements, }) => {
+    const targetSelector = selectorDef.selector || selectorDef.availabilitySelector;
+    if (hasVisibleManualTarget(resolveElements, targetSelector)) {
+        return;
+    }
+    if (document.querySelector('[data-testid="notification-center-trigger"][aria-expanded="true"]')) {
+        return;
+    }
+    const trigger = document.querySelector('[data-testid="notification-center-trigger"]');
+    if (!trigger)
+        return;
+    trigger.click();
+    await waitForSelectorAnimations('[data-testid="notification-center-list"]');
+};
+function isManualTargetVisible(element) {
+    if (element.closest('[aria-hidden="true"]'))
+        return false;
+    const candidate = element;
+    if (typeof candidate.checkVisibility === "function") {
+        if (!candidate.checkVisibility({
+            checkOpacity: true,
+            checkVisibilityCSS: true,
+        })) {
+            return false;
         }
     }
+    const style = window.getComputedStyle(element);
+    if (style.display === "none" ||
+        style.visibility === "hidden" ||
+        style.visibility === "collapse") {
+        return false;
+    }
+    const rect = element.getBoundingClientRect();
+    return rect.width > 0 && rect.height > 0;
+}
+function hasVisibleManualTarget(resolveElements, selector) {
+    return !!selector && resolveElements(selector).some(isManualTargetVisible);
+}
+// Open the Agents panel sidebar so targets that live inside it (chat input,
+// send/stop button, settings trigger, mode selector, cost display, etc.) become
+// present and can be highlighted. Keeps any other open sidebars (e.g. the Manual
+// browser) in place.
+const openAgentsPanel = async ({ editContext, selectorDef, resolveElements, }) => {
+    const targetSelector = selectorDef.selector;
+    const isAgentsPanelOpen = () => {
+        const trigger = document.querySelector('[data-testid="agents-panel-button"]');
+        const sidebarPanel = resolveElements("@sidebar-panel-agents-panel").find(isManualTargetVisible);
+        return trigger?.getAttribute("aria-pressed") === "true" || !!sidebarPanel;
+    };
+    if (hasVisibleManualTarget(resolveElements, targetSelector)) {
+        return;
+    }
+    // Already open (shared-surface fast path): nothing to animate, don't wait.
+    if (isAgentsPanelOpen()) {
+        return;
+    }
+    // The surface key to await depends on which surface actually animates:
+    // - Desktop opens the dedicated far-right agents panel ("agents-panel").
+    // - Mobile (and any setShowAgentsPanel-less context) opens it as a left
+    //   sidebar stack, which MainLayout reports as "sidebar:agents-panel".
+    // Awaiting the wrong key means the event-driven settle never fires and we
+    // fall back to the 1.5s safety timeout, making Show-me needlessly slow.
+    let surfaceKey = "agents-panel";
+    if (!editContext.isMobile &&
+        typeof editContext.setShowAgentsPanel === "function") {
+        editContext.setShowAgentsPanel(true);
+    }
+    else if (typeof editContext.openSidebar === "function") {
+        editContext.openSidebar("agents-panel", { preserveOpenSidebars: true });
+        surfaceKey = "sidebar:agents-panel";
+    }
+    // Wait for the panel's open animation to finish before the caller highlights.
+    await editContext.waitForSurfaceSettled?.(surfaceKey);
+};
+// Open the agent settings popover (which itself lives inside the Agents panel)
+// so targets rendered only inside it (model picker, profile selector) become
+// present. Opens the Agents panel first when needed.
+const openAgentSettings = async (props) => {
+    const { selectorDef, resolveElements } = props;
+    const targetSelector = selectorDef.selector;
+    if (hasVisibleManualTarget(resolveElements, targetSelector)) {
+        return;
+    }
+    // Make sure the Agents panel (and therefore the settings trigger) is visible.
+    await openAgentsPanel({
+        ...props,
+        selectorDef: {
+            ...selectorDef,
+            selector: "@agent-settings-popover-trigger",
+        },
+    });
+    if (hasVisibleManualTarget(resolveElements, targetSelector)) {
+        return;
+    }
+    const trigger = document.querySelector('[data-testid="agent-settings-popover-trigger"]');
+    if (!trigger)
+        return;
+    trigger.click();
+    // Wait for the settings popover's open animation to finish (mounts on open).
+    await waitForSelectorAnimations('[data-testid="agent-settings-popover-content"]');
 };
 const coreManualActions = {
     "show-field-actions": toggleFieldActionsVisibility("show"),
     "hide-field-actions": toggleFieldActionsVisibility("hide"),
     "open-more-sidebars": openMoreSidebarsPanel,
+    "open-version-selector": openVersionSelector,
+    "open-notification-center": openNotificationCenter,
+    "open-agents-panel": openAgentsPanel,
+    "open-agent-settings": openAgentSettings,
 };
 // Picture variant buttons - these will be exported for external packages
 const selectImageButton = {
@@ -181,7 +306,7 @@ const selectImageButton = {
             else {
                 selected.MediaId = selectedImageId;
             }
-            editContext.operations.editField({
+            await editContext.operations.editField({
                 field: field.descriptor,
                 rawValue: JSON.stringify(raw),
                 refresh: "immediate",
@@ -230,7 +355,7 @@ const selectVideoButton = {
             else {
                 selected.VideoId = selectedVideoId;
             }
-            editContext.operations.editField({
+            await editContext.operations.editField({
                 field: field.descriptor,
                 rawValue: JSON.stringify(raw),
                 refresh: "immediate",
@@ -261,7 +386,7 @@ const resetVariantButton = {
             }
         })();
         raw.Variants = raw.Variants.filter((x) => x.Name !== variantName);
-        editContext.operations.editField({
+        await editContext.operations.editField({
             field: field.descriptor,
             rawValue: JSON.stringify(raw),
             refresh: "immediate",
@@ -285,14 +410,15 @@ const openPictureMediaItemButton = {
     icon: (_jsx(ExternalLink, { strokeWidth: 1, size: 16 })),
     visible: ({ variantData }) => !!variantData?.mediaId,
     clientAction: (props) => {
-        const { field, editContext, variantData } = props;
+        const { field, editContext, variantData, event } = props;
         const mediaId = variantData?.mediaId;
         if (mediaId) {
+            const openInNewSlot = !!event?.altKey;
             editContext.loadItem({
                 id: mediaId,
                 language: field.descriptor.item.language,
                 version: 0,
-            });
+            }, { openInNewSlot });
         }
     },
     isGenerator: false,
@@ -302,16 +428,17 @@ const openPictureMediaItemButton = {
 const openImageMediaItemButton = {
     label: "Open media item",
     icon: (_jsx(ExternalLink, { strokeWidth: 1, size: 16 })),
-    clientAction: ({ field, editContext }) => {
+    clientAction: ({ field, editContext, event }) => {
         // Extract mediaId from XML rawValue: <image mediaid="{GUID}" />
         const rawValue = field.rawValue || "";
         const mediaIdMatch = rawValue.match(/mediaid="[{]?([0-9a-fA-F-]+)[}]?"/i);
         if (mediaIdMatch && mediaIdMatch[1]) {
+            const openInNewSlot = !!event?.altKey;
             editContext.loadItem({
                 id: mediaIdMatch[1],
                 language: field.descriptor.item.language,
                 version: 0,
-            });
+            }, { openInNewSlot });
         }
     },
     isGenerator: false,
@@ -332,6 +459,81 @@ const openAttachmentButton = {
     id: "open-attachment",
     description: "Opens the attachment in a new tab",
 };
+const selectLocalFile = (accept = "*/*") => new Promise((resolve) => {
+    if (typeof document === "undefined") {
+        resolve(undefined);
+        return;
+    }
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = accept;
+    input.style.display = "none";
+    let resolved = false;
+    const cleanup = () => {
+        input.removeEventListener("change", handleChange);
+        input.removeEventListener("cancel", handleCancel);
+        window.removeEventListener("focus", handleWindowFocus);
+        input.remove();
+    };
+    const finish = (file) => {
+        if (resolved)
+            return;
+        resolved = true;
+        cleanup();
+        resolve(file);
+    };
+    const handleChange = () => {
+        finish(input.files?.[0]);
+    };
+    const handleCancel = () => {
+        finish(undefined);
+    };
+    const handleWindowFocus = () => {
+        window.setTimeout(() => {
+            if (!input.files?.length) {
+                finish(undefined);
+            }
+        }, 500);
+    };
+    input.addEventListener("change", handleChange);
+    input.addEventListener("cancel", handleCancel);
+    window.setTimeout(() => {
+        window.addEventListener("focus", handleWindowFocus, { once: true });
+    }, 0);
+    document.body.appendChild(input);
+    input.click();
+});
+const attachAttachmentButton = {
+    label: "Attach",
+    icon: (_jsx(Paperclip, { strokeWidth: 1, size: 16 })),
+    clientAction: async ({ field, editContext }) => {
+        const file = await selectLocalFile();
+        if (!file)
+            return;
+        const value = field.value;
+        const mediaItemName = field.descriptor.item.displayName ??
+            field.descriptor.item.name ??
+            value?.fileName ??
+            field.displayName ??
+            "media item";
+        await replaceMediaItemWithFile({
+            file,
+            mediaItem: {
+                id: field.descriptor.item.id,
+                name: mediaItemName,
+            },
+            editContext,
+            language: field.descriptor.item.language,
+            itemDescriptor: field.descriptor.item,
+            refreshFields: [field.id],
+            skipConfirmation: !value?.src,
+        });
+    },
+    isDisabled: ({ field }) => field.canWrite === false,
+    isGenerator: false,
+    id: "attach-attachment",
+    description: "Attaches a file to the media item",
+};
 const downloadAttachmentButton = {
     label: "Download",
     icon: (_jsx(Download, { strokeWidth: 1, size: 16 })),
@@ -371,6 +573,8 @@ const editorKeyboardCommandIds = [
     "historyForward",
     "favoriteHistoryBack",
     "favoriteHistoryForward",
+    "moveComponentUp",
+    "moveComponentDown",
 ];
 const undoCommand = getUndoCommand();
 const redoCommand = getRedoCommand();
@@ -384,6 +588,8 @@ const coreKeyboardCommands = [
     historyForwardCommand,
     favoriteHistoryBackCommand,
     favoriteHistoryForwardCommand,
+    moveComponentUpCommand,
+    moveComponentDownCommand,
 ];
 /**
  * Core workspace definitions.
@@ -396,7 +602,6 @@ export const coreWorkspaces = [
         icon: _jsx(Home, { strokeWidth: 1 }),
         component: _jsx(ModernSplashScreen, {}),
         supportsSidebars: false,
-        hideToolbar: true, // Home is an immersive workspace without toolbar
     },
     {
         id: "editor",
@@ -407,13 +612,13 @@ export const coreWorkspaces = [
         titlebar: _jsx(Titlebar, {}),
         supportsSidebars: true,
         keyboardCommandIds: editorKeyboardCommandIds,
-        defaultSidebars: ["content-tree"],
+        defaultSidebars: [CONTENT_TREE_SIDEBAR_ID],
         sortOrder: 10,
     },
     {
         id: "agents",
         title: "AI Agents",
-        icon: _jsx(SecretAgentIcon, { size: 20, strokeWidth: 1 }),
+        icon: _jsx(ParheliaAgentIcon, { size: 20, strokeWidth: 1 }),
         component: _jsx(AgentsWorkspaceView, {}),
         titlebar: _jsx(AgentsTitlebar, {}),
         supportsSidebars: false,
@@ -421,11 +626,12 @@ export const coreWorkspaces = [
     },
     {
         id: "taskboard",
-        title: "Tasks",
-        icon: _jsx(ListTodo, { strokeWidth: 1 }),
+        title: "Workflow Projects",
+        icon: _jsx(TrendingUpDown, { strokeWidth: 1 }),
         component: _jsx(TaskBoardWorkspace, {}),
         titlebar: _jsx(TaskBoardTitlebar, {}),
         supportsSidebars: true,
+        defaultSidebars: ["taskboard-project-list"],
         sortOrder: 30,
     },
     {
@@ -433,7 +639,6 @@ export const coreWorkspaces = [
         title: "Settings",
         icon: _jsx(Settings, { strokeWidth: 1 }),
         component: _jsx(SettingsView, {}),
-        menuBar: _jsx(_Fragment, {}),
         supportsSidebars: false,
         sortOrder: 40,
     },
@@ -448,12 +653,15 @@ export const coreWorkspaces = [
 export const coreSidebars = (isMobile) => [
     // Left sidebars
     {
-        id: "content-tree",
+        id: CONTENT_TREE_SIDEBAR_ID,
         title: "Content Tree",
         icon: _jsx(FolderTreeIcon, { strokeWidth: 1 }),
         position: "left",
         sortOrder: 10,
         defaultWidth: 400,
+        // Desktop renders this through MainLayout's dedicated content-tree panel.
+        // Keep the sidebar definition for URL state, mobile, and programmatic opens.
+        hidden: true,
         panels: [
             {
                 name: "tree",
@@ -514,6 +722,7 @@ export const coreSidebars = (isMobile) => [
         icon: _jsx(MessageCircleMore, { strokeWidth: 1 }),
         position: "left",
         sortOrder: 30,
+        hidden: !isMobile,
         panels: getFeedbackPanels(isMobile),
     },
     {
@@ -600,11 +809,12 @@ export const coreSidebars = (isMobile) => [
         icon: _jsx(Layers, { strokeWidth: 1 }),
         position: "left",
         sortOrder: 110,
-        defaultWidth: 320,
+        defaultWidth: 368,
         panels: [
             {
                 name: "taskboard-project-list",
-                title: "Project List",
+                title: "Projects",
+                hideHeaderIcon: true,
                 content: _jsx(TaskBoardProjectListSidebar, {}),
                 initialSize: 100,
             },
@@ -647,7 +857,7 @@ export const coreSidebars = (isMobile) => [
     {
         id: "agents-panel",
         title: "Agents",
-        icon: _jsx(SecretAgentIcon, { size: 16, strokeWidth: 1 }),
+        icon: _jsx(ParheliaAgentIcon, { size: 16, strokeWidth: 1 }),
         position: "right",
         sortOrder: 20,
         defaultWidth: 600,
@@ -657,6 +867,8 @@ export const coreSidebars = (isMobile) => [
                 title: "Agents",
                 content: _jsx(Agents, {}),
                 initialSize: 100,
+                hideHeader: true,
+                noOverflow: true,
             },
         ],
     },
@@ -712,7 +924,7 @@ export const getConfiguration = (isMobile = false) => {
                 getSteps: (params) => getPreviewTourSteps(params),
             },
         },
-        activeTour: "default",
+        activeTour: "",
         commands: {
             renameItem: renameItemCommand,
             deleteItem: deleteItemCommand,
@@ -749,8 +961,15 @@ export const getConfiguration = (isMobile = false) => {
                 openUrlCommandHandler,
                 startTourCommandHandler,
                 openStatusPanelCommandHandler,
+                openItemCommandHandler,
             ],
         },
+        componentCommands: {
+            providers: [openRenderingItemComponentCommandProvider],
+        },
+        placeholderCommands: {
+            providers: [openPlaceholderSettingsCommandProvider],
+        },
         events: {},
         services: {
             aiService: {
@@ -871,7 +1090,11 @@ export const getConfiguration = (isMobile = false) => {
             },
             attachment: {
                 editor: AttachmentEditor,
-                buttons: [openAttachmentButton, downloadAttachmentButton],
+                buttons: [
+                    attachAttachmentButton,
+                    openAttachmentButton,
+                    downloadAttachmentButton,
+                ],
             },
         },
         editorWarnings: [
@@ -887,7 +1110,13 @@ export const getConfiguration = (isMobile = false) => {
         },
         debounceFieldEditsInterval: 250,
         devices: [
+            // The first device is the default selected by the "Mobile" viewport
+            // switcher option (see DeviceSwitchToolbar). Keep
+            // iPhone 14 Pro Max first so the default mobile viewport width stays stable
+            // when new presets are added to the dropdown.
             { name: "iPhone 14 Pro Max", width: 430, height: 932 },
+            { name: "iPhone 17 Pro Max", width: 440, height: 956 },
+            { name: "Galaxy S26 Ultra", width: 412, height: 891 },
             { name: "iPhone SE", width: 375, height: 667 },
             { name: "Pixel 7", width: 412, height: 915 },
             { name: "iPad Mini", width: 768, height: 1024 },
@@ -895,8 +1124,28 @@ export const getConfiguration = (isMobile = false) => {
             { name: "Responsive", width: undefined, height: undefined },
         ],
         settings: {
-            subtitle: "Configure Parhelia settings",
+            subtitle: "Parhelia settings",
             groups: [
+                {
+                    title: "Personal",
+                    icon: _jsx(Users, { strokeWidth: 1 }),
+                    panels: [
+                        {
+                            id: "user-preferences",
+                            title: "User Preferences",
+                            subtitle: "Configure personal editor preferences",
+                            icon: _jsx(SlidersHorizontal, { strokeWidth: 1 }),
+                            content: _jsx(UserPreferencesPanel, {}),
+                        },
+                        {
+                            id: "notification-subscriptions",
+                            title: "Notification Subscriptions",
+                            subtitle: "Review and manage what you're watching",
+                            icon: _jsx(Bell, { strokeWidth: 1 }),
+                            content: _jsx(NotificationSubscriptionsPanel, {}),
+                        },
+                    ],
+                },
                 {
                     title: "AI",
                     icon: _jsx(Sparkles, { strokeWidth: 1 }),
@@ -919,7 +1168,7 @@ export const getConfiguration = (isMobile = false) => {
                             id: "ai-agents",
                             title: "Agent Profiles",
                             subtitle: "Browse installed agent profiles and edit their core settings",
-                            icon: _jsx(SecretAgentIcon, { size: 16, strokeWidth: 1 }),
+                            icon: _jsx(ParheliaAgentIcon, { size: 16, strokeWidth: 1 }),
                             content: _jsx(AgentsPanel, {}),
                         },
                         {
@@ -945,8 +1194,8 @@ export const getConfiguration = (isMobile = false) => {
                         },
                         {
                             id: "project-templates",
-                            title: "Project Templates",
-                            subtitle: "Create reusable project templates",
+                            title: "Workflow Project Templates",
+                            subtitle: "Create project templates",
                             icon: _jsx(GitBranch, { strokeWidth: 1 }),
                             content: _jsx(ProjectTemplatesPanel, {}),
                         },
@@ -983,6 +1232,13 @@ export const getConfiguration = (isMobile = false) => {
                     title: "System",
                     icon: _jsx(Server, { strokeWidth: 1 }),
                     panels: [
+                        {
+                            id: "system-settings",
+                            title: "System Settings",
+                            subtitle: "Realtime transport and other system-wide options",
+                            icon: _jsx(Network, { strokeWidth: 1 }),
+                            content: _jsx(SystemSettingsPanel, {}),
+                        },
                         {
                             id: "status",
                             title: "System Status",
@@ -997,6 +1253,20 @@ export const getConfiguration = (isMobile = false) => {
                             icon: _jsx(Server, { strokeWidth: 1 }),
                             content: _jsx(ClusterInstancesPanel, {}),
                         },
+                        {
+                            id: "field-type-serializers",
+                            title: "Field Type Serializers",
+                            subtitle: "View Sitecore field types and their Parhelia serializer mappings",
+                            icon: _jsx(DatabaseZap, { strokeWidth: 1 }),
+                            content: _jsx(FieldTypeSerializersPanel, {}),
+                        },
+                        {
+                            id: "agent-tools",
+                            title: "Agent Tools",
+                            subtitle: "Registered agent tool keys and signatures",
+                            icon: _jsx(Wrench, { strokeWidth: 1 }),
+                            content: _jsx(AgentToolsPanel, {}),
+                        },
                     ],
                 },
                 {
@@ -1025,7 +1295,7 @@ export const getConfiguration = (isMobile = false) => {
             workspaces: coreWorkspaces,
             sidebars: coreSidebars(isMobile),
             defaultWorkspace: "home",
-            defaultOpenSidebars: ["content-tree"],
+            defaultOpenSidebars: [CONTENT_TREE_SIDEBAR_ID],
             manualActions: coreManualActions,
             // Agent dialog function components
             agentDialogs: [
@@ -1152,7 +1422,7 @@ export const getConfiguration = (isMobile = false) => {
                             });
                             if (!loaded)
                                 return;
-                            editContext.openSidebar("feedback", {
+                            openCommentsFeedback(editContext, {
                                 preserveOpenSidebars: true,
                             });
                         },
@@ -1200,34 +1470,6 @@ export const getConfiguration = (isMobile = false) => {
                                 }),
                             };
                         }) || [];
-                        // const copyMenuItem = {
-                        //   label: "Copy",
-                        //   id: "copy",
-                        //   template: (
-                        //     <CopyMoveMenuTemplate
-                        //       command={editContext.configuration.commands.copyItems}
-                        //       items={props.items}
-                        //       commandCallback={(command, result) =>
-                        //         props.commandCallback?.(command, result)
-                        //       }
-                        //     />
-                        //   ),
-                        // };
-                        // menuItems.push(copyMenuItem);
-                        // const moveMenuItem = {
-                        //   label: "Move",
-                        //   id: "move",
-                        //   template: (
-                        //     <CopyMoveMenuTemplate
-                        //       command={editContext.configuration.commands.moveItems}
-                        //       items={props.items}
-                        //       commandCallback={(command, result) =>
-                        //         props.commandCallback?.(command, result)
-                        //       }
-                        //     />
-                        //   ),
-                        // };
-                        // menuItems.push(moveMenuItem);
                         if (props.items.length > 1)
                             return menuItems;
                         const item = props.items[0];
@@ -1257,7 +1499,9 @@ export function configureForUser(configuration, user) {
             ] }));
         // For limited preview users, only allow feedback and reviews sidebars
         // and override the editor workspace toolbar
-        const limitedSidebars = (configuration.editor.sidebars ?? []).filter((s) => s.id === "feedback" || s.id === "reviews");
+        const limitedSidebars = (configuration.editor.sidebars ?? [])
+            .filter((s) => s.id === "feedback" || s.id === "reviews")
+            .map((s) => (s.id === "feedback" ? { ...s, hidden: false } : s));
         const limitedWorkspaces = (configuration.editor.workspaces ?? [])
             .map((w) => {
             if (w.id === "editor") {
@@ -1271,7 +1515,7 @@ export function configureForUser(configuration, user) {
             .filter((w) => w.id === "editor"); // Only allow editor workspace
         return {
             ...configuration,
-            activeTour: "preview",
+            activeTour: "",
             editor: {
                 ...configuration.editor,
                 workspaces: limitedWorkspaces,