@elevasis/ui 2.57.0 → 2.59.0

package/dist/{chunk-ETZY6MFL.js → chunk-4N5GYO6R.js}

@@ -7,7 +7,7 @@ import { CardHeader } from './chunk-S3XR4II4.js';
 import { useInitialization, InitializationContext, InitializationProvider } from './chunk-LO7GWG24.js';
 import { OrganizationContext, useOrganization } from './chunk-DD3CCMCZ.js';
 import { SessionIdParamSchema, CreateSessionSchema, GetNotificationsQuerySchema, MarkAsReadParamsSchema, ExecutionIdParamsSchema, createLiveTempMessageIdentity, WebSocketSessionTurnSchema, mergeSessionMessages } from './chunk-M7WWRZ5Z.js';
-import { StyledMarkdown, ChatInterface, ChatHeader, ChatSidebar } from './chunk-T73S4G4P.js';
+import { StyledMarkdown, ChatInterface, ChatHeader } from './chunk-7AJKZM4F.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger, useGraphHighlighting, calculateGraphHeight, GRAPH_CONSTANTS } from './chunk-HENXLGVD.js';
 import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent, getResourceStatusColor, useMergedExecution, useTimelineData, useAgentIterationData } from './chunk-I3CFGE3N.js';
@@ -22,7 +22,7 @@ import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { createContext, forwardRef, lazy, memo, useEffect, useRef, createElement, useContext, useLayoutEffect, useMemo, useState, cloneElement, useCallback, useId, Fragment as Fragment$1, Component, useDeferredValue, useEffectEvent, Suspense } from 'react';
 import { useQueryClient, useMutation, useQuery, QueryClientProvider, useQueries, QueryClient } from '@tanstack/react-query';
 import { z } from 'zod';
-import { IconPlayerPlay, IconPlayerStop, IconArrowsSplit, IconSquare, IconBrain, IconFileText, IconLayoutSidebarLeftExpand, IconLayoutSidebarLeftCollapse, IconUser, IconLogout, IconChevronRight, IconLayoutGrid, IconColumns, IconFileInvoice, IconMail, IconSend, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconShieldLock, IconActivity, IconTopologyStar3, IconApps, IconBriefcase, IconBuilding, IconBolt, IconSearch, IconChartBar, IconUsers, IconInfoCircle, IconMessagePlus, IconDatabase, IconGitBranch, IconDashboard, IconBuildingStore, IconPlug, IconTargetArrow, IconBook, IconArchive, IconSettings, IconTool, IconCalendar, IconNotes, IconChecklist, IconFlag, IconList, IconAddressBook, IconTarget, IconCode, IconLock, IconShieldOff, IconChevronUp, IconChevronDown, IconSelector, IconTrash, IconMinus, IconTrendingUp, IconTrendingDown, IconAlertCircle, IconBan, IconInbox, IconHeartHandshake, IconUserOff, IconMailForward, IconBell, IconCalendarEvent, IconCalendarCancel, IconMessageReply, IconCircleCheck, IconCreditCard, IconArrowRight, IconPlus, IconDownload, IconChartLine, IconThumbDown, IconThumbUp, IconCircleX, IconFilterOff, IconArrowUpRight, IconExternalLink, IconChartPie, IconHeartbeat, IconCpu, IconCash, IconExclamationCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconMoonStars, IconSun, IconFocus2, IconClockHour4, IconVersions, IconNetwork, IconSitemap, IconPencil, IconKey, IconExclamationMark, IconCopy, IconPower, IconTag, IconWebhook, IconReload, IconTerminal2, IconMessage, IconArrowLeft, IconCalendarRepeat, IconCalendarTime, IconRobot, IconDotsVertical, IconPlayerPause, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconFilter, IconCategory, IconHistory, IconCurrencyDollar, IconTrophy, IconMessages, IconRestore, IconSparkles, IconListDetails, IconLayoutDashboard, IconBuildingFactory2, IconFileDescription, IconRoute, IconHandStop, IconAdjustmentsHorizontal, IconCircleDashed, IconFolders, IconBraces, IconLayoutSidebarRightExpand, IconNote, IconTimeline, IconPalette, IconStar, IconUserCog, IconUsersGroup, IconBrandDropbox, IconBrandGoogleDrive, IconClockExclamation, IconArrowDown, IconUserX, IconUserCheck, IconFileOff, IconActivityHeartbeat, IconClockPause, IconArrowsMaximize, IconShare2, IconFolder, IconCheckbox, IconPhone, IconStarFilled, IconWand, IconScript, IconPlugConnected, IconCircleCheckFilled } from '@tabler/icons-react';
+import { IconPlayerPlay, IconPlayerStop, IconArrowsSplit, IconSquare, IconBrain, IconFileText, IconLayoutSidebarLeftExpand, IconLayoutSidebarLeftCollapse, IconUser, IconLogout, IconChevronRight, IconLayoutGrid, IconColumns, IconFileInvoice, IconMail, IconSend, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconShieldLock, IconActivity, IconTopologyStar3, IconApps, IconBriefcase, IconBuilding, IconBolt, IconSearch, IconChartBar, IconUsers, IconInfoCircle, IconMessagePlus, IconDatabase, IconGitBranch, IconDashboard, IconBuildingStore, IconPlug, IconTargetArrow, IconBook, IconArchive, IconSettings, IconTool, IconCalendar, IconNotes, IconChecklist, IconFlag, IconList, IconAddressBook, IconTarget, IconCode, IconLock, IconShieldOff, IconChevronUp, IconChevronDown, IconSelector, IconTrash, IconMinus, IconTrendingUp, IconTrendingDown, IconAlertCircle, IconBan, IconInbox, IconHeartHandshake, IconUserOff, IconMailForward, IconBell, IconCalendarEvent, IconCalendarCancel, IconMessageReply, IconCircleCheck, IconCreditCard, IconArrowRight, IconPlus, IconDownload, IconChartLine, IconThumbDown, IconThumbUp, IconCircleX, IconFilterOff, IconArrowUpRight, IconExternalLink, IconChartPie, IconHeartbeat, IconCpu, IconCash, IconExclamationCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconMoonStars, IconSun, IconFocus2, IconClockHour4, IconVersions, IconNetwork, IconSitemap, IconPencil, IconKey, IconExclamationMark, IconCopy, IconPower, IconTag, IconWebhook, IconReload, IconTerminal2, IconMessage, IconArrowLeft, IconCalendarRepeat, IconCalendarTime, IconRobot, IconDotsVertical, IconPlayerPause, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconFilter, IconCategory, IconHistory, IconCurrencyDollar, IconTrophy, IconMessages, IconRestore, IconSparkles, IconListDetails, IconLayoutDashboard, IconBuildingFactory2, IconFileDescription, IconRoute, IconHandStop, IconAdjustmentsHorizontal, IconCircleDashed, IconFolders, IconBraces, IconTimeline, IconNote, IconPalette, IconStar, IconUserCog, IconUsersGroup, IconBrandDropbox, IconBrandGoogleDrive, IconClockExclamation, IconArrowDown, IconUserX, IconUserCheck, IconFileOff, IconActivityHeartbeat, IconClockPause, IconArrowsMaximize, IconShare2, IconFolder, IconCheckbox, IconPhone, IconStarFilled, IconWand, IconScript, IconPlugConnected, IconCircleCheckFilled } from '@tabler/icons-react';
 import * as runtime from 'react/jsx-runtime';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createUseExternalEvents, Collapse, Paper, Stack, Text, Group, Badge, Box, HoverCard, UnstyledButton, Tooltip, ScrollArea, Menu, Avatar, useComputedColorScheme, ThemeIcon, Center, Card, Title, Checkbox, Modal, TextInput, Textarea, Loader, Alert, Button, Space, Table, Select, Code, Grid, Timeline, NumberFormatter, SimpleGrid, SegmentedControl, ActionIcon, Switch, Pagination, mergeThemeOverrides, MantineProvider, Divider, Popover, Indicator, Container, useMantineColorScheme, CopyButton, PasswordInput, Anchor, useMantineTheme, RangeSlider, Progress, Tabs, Breadcrumbs as Breadcrumbs$1, NumberInput, ColorSwatch, RingProgress, LoadingOverlay, Accordion, MultiSelect, useTree, Tree, Radio, Pill, Drawer, Chip, JsonInput, TagsInput, List } from '@mantine/core';
@@ -9703,6 +9703,7 @@ var OperationsService = class {
       resourceId: session.resourceId,
       turnCount: session.turnCount,
       isEnded: session.isEnded,
+      title: session.title ?? null,
       createdAt: new Date(session.createdAt),
       updatedAt: new Date(session.updatedAt)
     }));
@@ -10837,6 +10838,27 @@ function useDeleteSession() {
     }
   });
 }
+function useEndSession() {
+  const { apiRequest } = useElevasisServices();
+  const { currentSupabaseOrganizationId } = useOrganization();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (sessionId) => {
+      SessionIdParamSchema.parse({ sessionId });
+      await apiRequest(`/sessions/${sessionId}/end`, {
+        method: "POST"
+      });
+    },
+    onSuccess: (_, sessionId) => {
+      queryClient.invalidateQueries({
+        queryKey: sessionsKeys.session(currentSupabaseOrganizationId, sessionId)
+      });
+      queryClient.invalidateQueries({
+        queryKey: sessionsKeys.sessions(currentSupabaseOrganizationId)
+      });
+    }
+  });
+}
 function useArchiveSession() {
   const { apiRequest } = useElevasisServices();
   const { currentSupabaseOrganizationId } = useOrganization();
@@ -44275,6 +44297,9 @@ function SessionListItem({ session, onClick, isSelected = false, onDeleted }) {
   };
   const titleColor = isSelected ? "var(--color-primary)" : "var(--color-text)";
   const descriptionColor = isSelected ? "var(--color-text)" : "var(--color-text-subtle)";
+  const trimmedTitle = session.title?.trim();
+  const primaryLabel = trimmedTitle ? trimmedTitle : `${session.turnCount} turns`;
+  const metaLine = trimmedTitle ? `${session.turnCount} turns \xB7 ${formatLastActivity(session.updatedAt)}` : formatLastActivity(session.updatedAt);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Card,
@@ -44292,12 +44317,9 @@ function SessionListItem({ session, onClick, isSelected = false, onDeleted }) {
         onClick: handleClick,
         children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
           /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", children: [
-            /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-              /* @__PURE__ */ jsx(IconMessage, { color: titleColor, size: 14 }),
-              /* @__PURE__ */ jsxs(Text, { size: "xs", fw: 500, c: titleColor, children: [
-                session.turnCount,
-                " turns"
-              ] })
+            /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx(IconMessage, { color: titleColor, size: 14, style: { flexShrink: 0 } }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, c: titleColor, lineClamp: 1, children: primaryLabel })
             ] }),
             /* @__PURE__ */ jsx(
               ActionIcon,
@@ -44312,7 +44334,7 @@ function SessionListItem({ session, onClick, isSelected = false, onDeleted }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: descriptionColor, children: formatLastActivity(session.updatedAt) })
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: descriptionColor, children: metaLine })
         ] })
       }
     ),
@@ -44402,13 +44424,34 @@ function SessionsPage({
     ] }) }) })
   ] });
 }
-function SessionHeader({
-  session: _session,
-  connectionState,
-  onToggleSidebar,
-  isSidebarOpen,
-  tokenUsage
-}) {
+
+// src/features/operations/sidebar/pathUtils.ts
+var RESOURCE_DETAIL_PATTERN = /^\/operations\/resources\/(workflow|agent)\/([^/]+)$/;
+var SESSION_DETAIL_PATTERN = /^\/operations\/sessions\/([^/]+)$/;
+function getActiveResource(pathname) {
+  const match = pathname.match(RESOURCE_DETAIL_PATTERN);
+  if (!match) return null;
+  return {
+    type: match[1],
+    id: match[2]
+  };
+}
+function isResourceDetailPage(pathname) {
+  return RESOURCE_DETAIL_PATTERN.test(pathname);
+}
+function getSessionId(pathname) {
+  const match = pathname.match(SESSION_DETAIL_PATTERN);
+  return match?.[1];
+}
+function getSessionAgentParam(search) {
+  if (!search) return void 0;
+  return new URLSearchParams(search).get("agent") ?? void 0;
+}
+function getSessionView(search) {
+  if (!search) return "chat";
+  return new URLSearchParams(search).get("view") === "info" ? "info" : "chat";
+}
+function SessionHeader({ session: _session, connectionState, tokenUsage }) {
   const mockTokenUsage = tokenUsage || { used: 45e3, total: 128e3 };
   return /* @__PURE__ */ jsx(
     ChatHeader,
@@ -44418,11 +44461,7 @@ function SessionHeader({
         label: connectionState.isConnected ? "Connected" : "Disconnected",
         color: connectionState.isConnected ? "green" : "gray"
       },
-      contextUsage: mockTokenUsage,
-      sidebarIcon: /* @__PURE__ */ jsx(IconLayoutSidebarRightExpand, { size: 20 }),
-      onToggleSidebar,
-      isSidebarOpen,
-      sidebarTooltip: isSidebarOpen ? "Close details" : "Show details"
+      contextUsage: mockTokenUsage
     }
   );
 }
@@ -44445,275 +44484,7 @@ function SessionChatInterface({
     placeholder: "Message the agent..."
   }) });
 }
-function SessionDetailsSidebar({
-  session,
-  isOpen,
-  onClose,
-  organizationName,
-  onDeleted
-}) {
-  const deleteSession = useDeleteSession();
-  const [isDeleting, setIsDeleting] = useState(false);
-  const [showConfirmation, setShowConfirmation] = useState(false);
-  const [copiedResource, setCopiedResource] = useState(false);
-  const [copiedSessionId, setCopiedSessionId] = useState(false);
-  const { data: executionsData } = useSessionExecutions(session.sessionId);
-  const [instructions, setInstructions] = useState(session.metadata?.instructions || "");
-  const [isSavingInstructions, setIsSavingInstructions] = useState(false);
-  const { data: resourcesData } = useResources();
-  const agent = resourcesData?.agents.find((a) => a.resourceId === session.resourceId);
-  const { data: agentDefinition } = useResourceDefinition(session.resourceId);
-  const agentInfo = {
-    name: agent?.name || session.resourceId,
-    description: agent?.description || "No description available",
-    resourceId: session.resourceId
-  };
-  const metrics = {
-    totalDuration: 0,
-    avgTurnTime: 0,
-    successRate: 0,
-    completedTurns: 0,
-    failedTurns: 0
-  };
-  if (executionsData?.executions) {
-    const executions = executionsData.executions;
-    metrics.totalDuration = executions.reduce((sum, ex) => sum + (ex.duration || 0), 0);
-    metrics.avgTurnTime = executions.length > 0 ? metrics.totalDuration / executions.length : 0;
-    metrics.completedTurns = executions.filter((ex) => ex.status === "completed" || ex.status === "warning").length;
-    metrics.failedTurns = executions.filter((ex) => ex.status === "failed").length;
-    metrics.successRate = executions.length > 0 ? metrics.completedTurns / executions.length * 100 : 0;
-  }
-  const handleConfirmDelete = async () => {
-    if (isDeleting) return;
-    setIsDeleting(true);
-    try {
-      await deleteSession.mutateAsync(session.sessionId);
-      setShowConfirmation(false);
-      onClose();
-      onDeleted?.();
-    } catch (error) {
-      console.error("Failed to delete session:", error);
-    } finally {
-      setIsDeleting(false);
-    }
-  };
-  const handleSaveInstructions = async () => {
-    setIsSavingInstructions(true);
-    try {
-      console.log("Saving instructions:", instructions);
-      await new Promise((resolve) => setTimeout(resolve, 500));
-    } finally {
-      setIsSavingInstructions(false);
-    }
-  };
-  const handleCopyResource = async () => {
-    const resourcePath = `${organizationName}/${session.resourceId}`;
-    await navigator.clipboard.writeText(resourcePath);
-    setCopiedResource(true);
-    setTimeout(() => setCopiedResource(false), 2e3);
-  };
-  const handleCopySessionId = async () => {
-    await navigator.clipboard.writeText(session.sessionId);
-    setCopiedSessionId(true);
-    setTimeout(() => setCopiedSessionId(false), 2e3);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(ChatSidebar, { isOpen, title: "Session Details", children: [
-      /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ jsxs(Stack, { p: "sm", children: [
-        /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs(Group, { gap: 4, mb: 4, justify: "space-between", children: [
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", children: "Resource (CLI)" }),
-              /* @__PURE__ */ jsx(Tooltip, { label: copiedResource ? "Copied!" : "Copy resource path", position: "right", children: /* @__PURE__ */ jsx(
-                ActionIcon,
-                {
-                  variant: "subtle",
-                  color: copiedResource ? "green" : "gray",
-                  onClick: handleCopyResource,
-                  size: "xs",
-                  children: copiedResource ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 })
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", ff: "monospace", style: { wordBreak: "break-all" }, children: [
-              organizationName,
-              "/",
-              session.resourceId
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs(Group, { gap: 4, mb: 4, justify: "space-between", children: [
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", children: "Session ID" }),
-              /* @__PURE__ */ jsx(Tooltip, { label: copiedSessionId ? "Copied!" : "Copy session ID", position: "right", children: /* @__PURE__ */ jsx(
-                ActionIcon,
-                {
-                  variant: "subtle",
-                  color: copiedSessionId ? "green" : "gray",
-                  onClick: handleCopySessionId,
-                  size: "xs",
-                  children: copiedSessionId ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 })
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", style: { wordBreak: "break-all" }, children: session.sessionId })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", mb: 8, children: "Agent" }),
-          /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: agentInfo.name }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", lineClamp: 3, children: agentInfo.description }),
-            agentDefinition && "modelConfig" in agentDefinition && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Divider, { my: "xs" }),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fw: 600, mb: 4, children: "Model Configuration" }),
-                /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-                  agentDefinition.modelConfig.model && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-                    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Model" }),
-                    /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", children: agentDefinition.modelConfig.model })
-                  ] }),
-                  agentDefinition.modelConfig.temperature !== void 0 && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-                    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Temperature" }),
-                    /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", children: agentDefinition.modelConfig.temperature })
-                  ] }),
-                  agentDefinition.modelConfig.maxOutputTokens && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-                    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Max Tokens" }),
-                    /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", children: agentDefinition.modelConfig.maxOutputTokens })
-                  ] })
-                ] })
-              ] })
-            ] }),
-            agentDefinition && "tools" in agentDefinition && agentDefinition.tools.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Divider, { my: "sm" }),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", fw: 600, mb: 4, children: [
-                  "Tools (",
-                  agentDefinition.tools.length,
-                  ")"
-                ] }),
-                /* @__PURE__ */ jsx(Stack, { gap: 4, children: agentDefinition.tools.map(
-                  (tool, index) => {
-                    const toolName = typeof tool === "string" ? tool : tool.name;
-                    const toolKey = typeof tool === "string" ? tool : `${tool.name}-${index}`;
-                    return /* @__PURE__ */ jsxs(Text, { size: "sm", ff: "monospace", c: "dimmed", children: [
-                      "\u2022 ",
-                      toolName
-                    ] }, toolKey);
-                  }
-                ) })
-              ] })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: 8, children: [
-            /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-              /* @__PURE__ */ jsx(IconNote, { size: 14, color: "var(--color-text-subtle)" }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", children: "Session Instructions" })
-            ] }),
-            isSavingInstructions && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { fontStyle: "italic" }, children: "Saving..." })
-          ] }),
-          /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              placeholder: "Add custom instructions to append to the system prompt...",
-              value: instructions,
-              onChange: (e) => setInstructions(e.target.value),
-              onBlur: handleSaveInstructions,
-              autosize: true,
-              minRows: 4,
-              maxRows: 8,
-              size: "sm",
-              styles: {
-                input: {
-                  fontSize: "var(--mantine-font-size-sm)"
-                }
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", mb: 8, children: "Timestamps" }),
-          /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-            /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Created" }),
-              /* @__PURE__ */ jsx(Text, { size: "sm", children: new Date(session.createdAt).toLocaleString() })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Last Updated" }),
-              /* @__PURE__ */ jsx(Text, { size: "sm", children: new Date(session.updatedAt).toLocaleString() })
-            ] }),
-            session.endedAt && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Ended" }),
-              /* @__PURE__ */ jsx(Text, { size: "sm", children: new Date(session.endedAt).toLocaleString() })
-            ] })
-          ] })
-        ] }),
-        (() => {
-          const modelConfig = session.metadata?.modelConfig;
-          if (!modelConfig) return null;
-          return /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Divider, {}),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", mb: 4, children: "Model Configuration" }),
-              /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-                modelConfig.model && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-                  /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Model" }),
-                  /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", children: modelConfig.model })
-                ] }),
-                modelConfig.temperature !== void 0 && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-                  /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Temperature" }),
-                  /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", children: modelConfig.temperature })
-                ] }),
-                modelConfig.maxOutputTokens && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-                  /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Max Tokens" }),
-                  /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", children: modelConfig.maxOutputTokens })
-                ] })
-              ] })
-            ] })
-          ] });
-        })()
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { style: { borderTop: "1px solid var(--color-border)", padding: "var(--mantine-spacing-md)" }, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          fullWidth: true,
-          color: "red",
-          variant: "light",
-          leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 16 }),
-          onClick: () => setShowConfirmation(true),
-          loading: isDeleting,
-          disabled: isDeleting,
-          children: "Delete Session"
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      ConfirmationModal,
-      {
-        opened: showConfirmation,
-        onClose: () => setShowConfirmation(false),
-        icon: /* @__PURE__ */ jsx(IconAlertTriangle, {}),
-        title: "Delete Session",
-        text: "Are you sure you want to delete this session? All messages and execution history will be permanently removed. This action cannot be undone.",
-        buttonText: "Delete Session",
-        buttonColor: "red",
-        confirmationHandler: handleConfirmDelete,
-        loading: isDeleting
-      }
-    )
-  ] });
-}
-function SessionChatArea({
-  sessionId,
-  session,
-  organizationName,
-  onDeleted,
-  renderConversationView
-}) {
-  const [isSidebarOpen, setIsSidebarOpen] = useState(false);
+function SessionChatArea({ sessionId, session, renderConversationView }) {
   const [connectionState, setConnectionState] = useState({
     isConnected: false,
     isProcessing: false,
@@ -44727,57 +44498,23 @@ function SessionChatArea({
         display: "flex",
         flexDirection: "column",
         gap: "16px",
-        height: `calc(100vh - ${topbarHeight}px)`,
-        flexShrink: 0,
-        overflowX: "hidden"
+        flex: 1,
+        minHeight: 0,
+        height: "100%",
+        overflow: "hidden",
+        borderRadius: "var(--mantine-radius-md)",
+        padding: 8
       },
       children: [
-        /* @__PURE__ */ jsxs(
-          "div",
+        /* @__PURE__ */ jsx(SessionHeader, { session, connectionState }),
+        /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx(
+          SessionChatInterface,
           {
-            style: {
-              height: "100%",
-              display: "flex",
-              flexDirection: "column",
-              gap: "16px",
-              transition: "margin-right var(--duration-normal) var(--easing)",
-              marginRight: isSidebarOpen ? "320px" : "0",
-              overflow: "hidden",
-              borderRadius: "var(--mantine-radius-md)",
-              position: "relative",
-              padding: 8
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                SessionHeader,
-                {
-                  session,
-                  connectionState,
-                  onToggleSidebar: () => setIsSidebarOpen(!isSidebarOpen),
-                  isSidebarOpen
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx(
-                SessionChatInterface,
-                {
-                  sessionId,
-                  onConnectionStateChange: setConnectionState,
-                  renderConversationView
-                }
-              ) })
-            ]
+            sessionId,
+            onConnectionStateChange: setConnectionState,
+            renderConversationView
           }
-        ),
-        /* @__PURE__ */ jsx(
-          SessionDetailsSidebar,
-          {
-            session,
-            isOpen: isSidebarOpen,
-            onClose: () => setIsSidebarOpen(false),
-            organizationName,
-            onDeleted
-          }
-        )
+        ) })
       ]
     }
   );
@@ -44866,6 +44603,207 @@ function ExecutionItem({ execution, session: _session, buildExecutionUrl }) {
     }
   );
 }
+function SessionDetailsPanel({ session, organizationName, onDeleted }) {
+  const deleteSession = useDeleteSession();
+  const endSession = useEndSession();
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [isEnding, setIsEnding] = useState(false);
+  const [showConfirmation, setShowConfirmation] = useState(false);
+  const [copiedResource, setCopiedResource] = useState(false);
+  const [copiedSessionId, setCopiedSessionId] = useState(false);
+  const [instructions, setInstructions] = useState(session.metadata?.instructions || "");
+  const [isSavingInstructions, setIsSavingInstructions] = useState(false);
+  const handleConfirmDelete = async () => {
+    if (isDeleting) return;
+    setIsDeleting(true);
+    try {
+      await deleteSession.mutateAsync(session.sessionId);
+      setShowConfirmation(false);
+      onDeleted?.();
+    } catch (error) {
+      console.error("Failed to delete session:", error);
+    } finally {
+      setIsDeleting(false);
+    }
+  };
+  const handleEndSession = async () => {
+    if (isEnding) return;
+    setIsEnding(true);
+    try {
+      await endSession.mutateAsync(session.sessionId);
+    } catch (error) {
+      console.error("Failed to end session:", error);
+    } finally {
+      setIsEnding(false);
+    }
+  };
+  const handleSaveInstructions = async () => {
+    setIsSavingInstructions(true);
+    try {
+      console.log("Saving instructions:", instructions);
+      await new Promise((resolve) => setTimeout(resolve, 500));
+    } finally {
+      setIsSavingInstructions(false);
+    }
+  };
+  const handleCopyResource = async () => {
+    await navigator.clipboard.writeText(`${organizationName}/${session.resourceId}`);
+    setCopiedResource(true);
+    setTimeout(() => setCopiedResource(false), 2e3);
+  };
+  const handleCopySessionId = async () => {
+    await navigator.clipboard.writeText(session.sessionId);
+    setCopiedSessionId(true);
+    setTimeout(() => setCopiedSessionId(false), 2e3);
+  };
+  const sessionModelConfig = session.metadata?.modelConfig;
+  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, p: "sm", children: [
+    /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Session Details" }),
+      /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs(Group, { gap: 4, mb: 4, justify: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", children: "Resource (CLI)" }),
+            /* @__PURE__ */ jsx(Tooltip, { label: copiedResource ? "Copied!" : "Copy resource path", position: "left", children: /* @__PURE__ */ jsx(
+              ActionIcon,
+              {
+                variant: "subtle",
+                color: copiedResource ? "green" : "gray",
+                onClick: handleCopyResource,
+                size: "xs",
+                children: copiedResource ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", ff: "monospace", style: { wordBreak: "break-all" }, children: [
+            organizationName,
+            "/",
+            session.resourceId
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs(Group, { gap: 4, mb: 4, justify: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", children: "Session ID" }),
+            /* @__PURE__ */ jsx(Tooltip, { label: copiedSessionId ? "Copied!" : "Copy session ID", position: "left", children: /* @__PURE__ */ jsx(
+              ActionIcon,
+              {
+                variant: "subtle",
+                color: copiedSessionId ? "green" : "gray",
+                onClick: handleCopySessionId,
+                size: "xs",
+                children: copiedSessionId ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", style: { wordBreak: "break-all" }, children: session.sessionId })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: 8, children: [
+          /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+            /* @__PURE__ */ jsx(IconNote, { size: 14, color: "var(--color-text-subtle)" }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", children: "Session Instructions" })
+          ] }),
+          isSavingInstructions && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { fontStyle: "italic" }, children: "Saving..." })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            placeholder: "Add custom instructions to append to the system prompt...",
+            value: instructions,
+            onChange: (e) => setInstructions(e.target.value),
+            onBlur: handleSaveInstructions,
+            autosize: true,
+            minRows: 4,
+            maxRows: 8,
+            size: "sm",
+            styles: { input: { fontSize: "var(--mantine-font-size-sm)" } }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", mb: 8, children: "Timestamps" }),
+        /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+          /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Created" }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: new Date(session.createdAt).toLocaleString() })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Last Updated" }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: new Date(session.updatedAt).toLocaleString() })
+          ] }),
+          session.endedAt && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Ended" }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", children: new Date(session.endedAt).toLocaleString() })
+          ] })
+        ] })
+      ] }),
+      sessionModelConfig && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", mb: 8, children: "Session Model Override" }),
+          /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+            sessionModelConfig.model && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Model" }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", children: sessionModelConfig.model })
+            ] }),
+            sessionModelConfig.temperature !== void 0 && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Temperature" }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", children: sessionModelConfig.temperature })
+            ] }),
+            sessionModelConfig.maxOutputTokens && /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Max Tokens" }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", children: sessionModelConfig.maxOutputTokens })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          fullWidth: true,
+          color: "orange",
+          variant: "light",
+          leftSection: /* @__PURE__ */ jsx(IconPlayerStop, { size: 16 }),
+          onClick: handleEndSession,
+          loading: isEnding,
+          disabled: isEnding || session.isEnded,
+          children: session.isEnded ? "Conversation Ended" : "End Conversation"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          fullWidth: true,
+          color: "red",
+          variant: "light",
+          leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 16 }),
+          onClick: () => setShowConfirmation(true),
+          loading: isDeleting,
+          disabled: isDeleting,
+          children: "Delete Session"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmationModal,
+      {
+        opened: showConfirmation,
+        onClose: () => setShowConfirmation(false),
+        icon: /* @__PURE__ */ jsx(IconAlertTriangle, {}),
+        title: "Delete Session",
+        text: "Are you sure you want to delete this session? All messages and execution history will be permanently removed. This action cannot be undone.",
+        buttonText: "Delete Session",
+        buttonColor: "red",
+        confirmationHandler: handleConfirmDelete,
+        loading: isDeleting
+      }
+    )
+  ] });
+}
 var DRAFT_SENTINEL2 = "new";
 function AgentChatOuterSubshellContainer({ children }) {
   return /* @__PURE__ */ jsx(
@@ -44883,13 +44821,15 @@ function AgentChatOuterSubshellContainer({ children }) {
 }
 function useDefaultConversationViewRenderer() {
   const { apiUrl } = useElevasisServices();
-  if (!apiUrl) {
-    throw new Error(
-      "SessionChatPage default conversation view requires apiUrl on ElevasisCoreProvider; mount with apiUrl or pass renderConversationView."
-    );
-  }
   return useCallback(
-    (args) => /* @__PURE__ */ jsx(SessionConversationView, { apiUrl, ...args }),
+    (args) => {
+      if (!apiUrl) {
+        throw new Error(
+          "SessionChatPage default conversation view requires apiUrl on ElevasisCoreProvider; mount with apiUrl or pass renderConversationView."
+        );
+      }
+      return /* @__PURE__ */ jsx(SessionConversationView, { apiUrl, ...args });
+    },
     [apiUrl]
   );
 }
@@ -44898,7 +44838,7 @@ function SessionChatPage({
   isReady,
   renderConversationView,
   buildExecutionUrl,
-  buildSessionListUrl: _buildSessionListUrl,
+  buildSessionListUrl,
   organizationName,
   buildSessionDetailUrl
 }) {
@@ -44972,6 +44912,7 @@ function SessionChatPage({
       sessionId: effectiveSessionId,
       renderConversationView: resolvedRenderer,
       buildExecutionUrl,
+      buildSessionListUrl,
       organizationName,
       pendingFirstMessage: pendingFirstMessage ?? void 0,
       onPendingSent
@@ -44982,6 +44923,7 @@ function SessionChatPageLive({
   sessionId,
   renderConversationView,
   buildExecutionUrl,
+  buildSessionListUrl,
   organizationName,
   pendingFirstMessage,
   onPendingSent
@@ -45003,6 +44945,7 @@ function SessionChatPageLive({
       session,
       renderConversationView,
       buildExecutionUrl,
+      buildSessionListUrl,
       organizationName,
       pendingFirstMessage,
       onPendingSent
@@ -45014,11 +44957,14 @@ function SessionChatPageContent({
   session,
   renderConversationView,
   buildExecutionUrl,
+  buildSessionListUrl,
   organizationName,
   pendingFirstMessage,
   onPendingSent
 }) {
   const { data: resourceDefinition } = useResourceDefinition(session.resourceId);
+  const { currentSearch } = useRouterContext();
+  const activeView = getSessionView(currentSearch);
   const renderConversationViewWithPending = useCallback(
     (args) => renderConversationView({
       ...args,
@@ -45027,23 +44973,59 @@ function SessionChatPageContent({
     }),
     [renderConversationView, pendingFirstMessage, onPendingSent]
   );
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(AgentChatOuterSubshellContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+  return /* @__PURE__ */ jsx(AgentChatOuterSubshellContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs("div", { style: { height: `calc(100vh - ${topbarHeight}px)`, display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ jsx(
-      SessionChatArea,
+      "div",
       {
-        sessionId,
-        session,
-        organizationName,
-        renderConversationView: renderConversationViewWithPending
+        style: {
+          flex: 1,
+          minHeight: 0,
+          display: activeView === "chat" ? "flex" : "none",
+          flexDirection: "column"
+        },
+        children: /* @__PURE__ */ jsx(
+          SessionChatArea,
+          {
+            sessionId,
+            session,
+            renderConversationView: renderConversationViewWithPending
+          }
+        )
       }
     ),
-    /* @__PURE__ */ jsx("div", { style: { padding: "8px", display: "flex", flexDirection: "column", gap: "8px" }, children: /* @__PURE__ */ jsxs(Stack, { style: { flex: 1, height: "100%" }, children: [
-      resourceDefinition && /* @__PURE__ */ jsx(ResourceDefinitionSection, { resourceDefinition }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
-        /* @__PURE__ */ jsx(SessionMemory, { memory: session.memorySnapshot }),
-        /* @__PURE__ */ jsx(SessionExecutionLogs, { sessionId, session, buildExecutionUrl })
-      ] }) })
-    ] }) })
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          minHeight: 0,
+          overflow: "auto",
+          display: activeView === "info" ? "block" : "none"
+        },
+        children: /* @__PURE__ */ jsx("div", { style: { padding: "8px", display: "flex", flexDirection: "column", gap: "8px" }, children: /* @__PURE__ */ jsxs(Stack, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(
+            SessionDetailsPanel,
+            {
+              session,
+              organizationName,
+              onDeleted: () => window.location.assign(buildSessionListUrl())
+            }
+          ),
+          resourceDefinition && /* @__PURE__ */ jsx(ResourceDefinitionSection, { resourceDefinition }),
+          /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
+            /* @__PURE__ */ jsx(SessionMemory, { memory: session.memorySnapshot }),
+            /* @__PURE__ */ jsx(
+              SessionExecutionLogs,
+              {
+                sessionId,
+                session,
+                buildExecutionUrl
+              }
+            )
+          ] }) })
+        ] }) })
+      }
+    )
   ] }) }) });
 }
 function AgentSessionGroup({
@@ -45106,7 +45088,9 @@ function SessionsSidebar({
   onAgentClick,
   buildSessionDetailUrl,
   sessionId,
-  agentParam
+  agentParam,
+  activeView,
+  onViewChange
 }) {
   const theme = useMantineTheme();
   const { organizationReady } = useInitialization();
@@ -45124,6 +45108,32 @@ function SessionsSidebar({
   const hasSessionsData = agentSessions.length > 0;
   const isInitialLoading = !isReady || !organizationReady || isResourcesLoading && !hasResourcesData || isSessionView && (isCurrentSessionLoading || isSessionsLoading) && !hasSessionsData;
   return /* @__PURE__ */ jsxs(Box, { style: { flex: 1, minHeight: 0, padding: theme.spacing.sm, display: "flex", flexDirection: "column" }, children: [
+    isSessionView && activeView && onViewChange && /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        fullWidth: true,
+        size: "xs",
+        value: activeView,
+        onChange: (value) => onViewChange(value),
+        mb: "md",
+        data: [
+          {
+            value: "chat",
+            label: /* @__PURE__ */ jsxs(Center, { style: { gap: 6 }, children: [
+              /* @__PURE__ */ jsx(IconMessageCircle, { size: 14 }),
+              /* @__PURE__ */ jsx("span", { children: "Chat" })
+            ] })
+          },
+          {
+            value: "info",
+            label: /* @__PURE__ */ jsxs(Center, { style: { gap: 6 }, children: [
+              /* @__PURE__ */ jsx(IconInfoCircle, { size: 14 }),
+              /* @__PURE__ */ jsx("span", { children: "Info" })
+            ] })
+          }
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "dimmed", tt: "uppercase", mb: "md", children: isSessionView ? "Agent Sessions" : "Agents" }),
     /* @__PURE__ */ jsx(ScrollArea, { style: { flex: 1, minHeight: 0 }, scrollbarSize: 8, children: isInitialLoading ? /* @__PURE__ */ jsx(SubshellSidebarLoader, {}) : isSessionView ? agentSessions.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: "xs", children: agentSessions.map((session) => /* @__PURE__ */ jsx(
       SessionListItem,
@@ -45161,9 +45171,9 @@ function AgentListItem({ agent, isSelected, onAgentClick }) {
       },
       onClick: () => onAgentClick(agent.resourceId),
       children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(IconBrain, { size: 16, color: theme.colors[theme.primaryColor][6] }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, c: titleColor, children: agent.name })
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", align: "flex-start", children: [
+          /* @__PURE__ */ jsx(IconBrain, { size: 16, color: theme.colors[theme.primaryColor][6], style: { flexShrink: 0, marginTop: 2 } }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, c: titleColor, style: { flex: 1, minWidth: 0 }, children: agent.name })
         ] }),
         agent.description && /* @__PURE__ */ jsx(Text, { size: "xs", c: descriptionColor, lineClamp: 2, children: agent.description })
       ] })
@@ -45175,29 +45185,6 @@ function AgentListItem({ agent, isSelected, onAgentClick }) {
 var OperationsSidebarTop = () => {
   return null;
 };
-
-// src/features/operations/sidebar/pathUtils.ts
-var RESOURCE_DETAIL_PATTERN = /^\/operations\/resources\/(workflow|agent)\/([^/]+)$/;
-var SESSION_DETAIL_PATTERN = /^\/operations\/sessions\/([^/]+)$/;
-function getActiveResource(pathname) {
-  const match = pathname.match(RESOURCE_DETAIL_PATTERN);
-  if (!match) return null;
-  return {
-    type: match[1],
-    id: match[2]
-  };
-}
-function isResourceDetailPage(pathname) {
-  return RESOURCE_DETAIL_PATTERN.test(pathname);
-}
-function getSessionId(pathname) {
-  const match = pathname.match(SESSION_DETAIL_PATTERN);
-  return match?.[1];
-}
-function getSessionAgentParam(search) {
-  if (!search) return void 0;
-  return new URLSearchParams(search).get("agent") ?? void 0;
-}
 var ExecutionLogsSidebar = () => {
   const { currentPath } = useRouterContext();
   const { operationsApiUrl, operationsSSEManager } = useElevasisSystems();
@@ -45626,6 +45613,8 @@ var OperationsSidebarMiddle = () => {
         isReady: true,
         sessionId: getSessionId(currentPath),
         agentParam: getSessionAgentParam(currentSearch),
+        activeView: getSessionView(currentSearch),
+        onViewChange: (view) => navigate(view === "info" ? `${currentPath}?view=info` : currentPath),
         buildSessionDetailUrl: (sessionId) => `/operations/sessions/${sessionId}`,
         onAgentClick: (agentId) => navigate(`/operations/sessions?agent=${encodeURIComponent(agentId)}`)
       }
@@ -51591,4 +51580,4 @@ function useAccess(key) {
   };
 }
 
-export { APIErrorAlert, AbsoluteScheduleForm, AccessGuard, AccessKeys, AccountSettings, ActionModal, ActivityCard, ActivityFeed, ActivityFeedWidget, ActivityFilters, ActivityLog, ActivityTable, ActivityTimeline, ActivityTrendChart, AgentDefinitionDisplay, AgentExecutionLogs, AgentExecutionPanel, AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationDetailPanel, AgentIterationEdge, AgentIterationNode, AgentResourceEntrySchema, AgentSessionGroup, AllTasksPage, ApiKeyDisplayModal, ApiKeyList, ApiKeyService, ApiKeySettings, AppErrorBoundary, AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, AppearanceContext, AppearanceProvider, AppearanceSettings, BaseEdge, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, BaseNode, Breadcrumbs, BusinessImpactCard, CRM_ITEMS, CenteredErrorState, ChartFrame, Checklist, CheckpointGroup, CollapsibleJsonSection, CollapsibleSection, CollapsibleSidebarGroup, CombinedTrendChart, CommandQueueDetailPage, CommandQueuePage, CommandQueueShell, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewPage, CompanyDetailPage, ConfigCard, ConfirmationInputModal, ConfirmationModal, ContactDetailPage, ContentSections, ContextUsageBadge, ContextViewer, ContractDisplay, ConversationThread, CostAnalytics, CostBreakdownCard, CostByModelTable, CostMetricsCard, CostTrendChart, CrashErrorFallback, CreateApiKeyModal, CreateCredentialModal, CreateDeliveryEntityModal, CreateRoleModal, CreateScheduleModal, CreateWebhookEndpointModal, CredentialList, CredentialService, CredentialSettings, CrmActionsProvider, CrmOverview, CrmSettingsPage, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, CustomModal, CustomSelector, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, CyberParticles, DEAL_STAGES, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DEFAULT_KANBAN_CONFIG, DEFAULT_SEMANTIC_ICON_REGISTRY, DELIVERY_COMMUNICATION_ITEMS, DELIVERY_PROJECT_ITEMS, DELIVERY_WORK_ITEMS, Dashboard, DashboardOperationsOverview, DealDetailPage, DealKanbanCard, DealsListPage, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentService, DeploymentSettings, DeploymentStatusBadge, DetailCardSkeleton, EMPTY_LIST_ACTIONS, EditApiKeyModal, EditCredentialModal, EditWebhookEndpointModal, ElevasisCoreProvider, ElevasisLoader, ElevasisSystemsProvider, ElevasisUIProvider, EmptyState, EmptyVisualizer, ErrorAnalysisCard, ErrorBreakdownTable, ErrorDetailsModal, ErrorReportCard, ExecuteWorkflowModal, ExecutionBreakdownTable, ExecutionErrorSection, ExecutionHealth, ExecutionHealthCard, ExecutionLogsFilters, ExecutionLogsPage, ExecutionLogsTable, ExecutionPanel, ExecutionStats, ExecutionStatusBadge, FILTERABLE_DOMAIN_KEYS, FeatureUnavailableState, FilterBar, GlowDot, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, HealthStatusCard, HeroStatsRow, IdentityDomainSchema, IntegrationResourceEntrySchema, JsonViewer, KNOWLEDGE_DOMAINS_WITH_PANELS, KNOWLEDGE_ICON_TOKEN_BY_KIND, KanbanBoard, KnowledgeSearchBar, KnowledgeTree, LEAD_GEN_ITEMS, LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, LinksGroup, ListActionsProvider, ListBuilderIndexPage, ListBuilderPage, ListSkeleton, LogEntry, LogGroup, MdxRenderer, MemberAccessModal, MembershipStatusBadge, MetricsStrip, MilestoneTimeline, MyRolesPage, MyTasksPanel, NavigationButton, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, NoAccessState, NotificationBell, NotificationCenter, NotificationItem, NotificationList, NotificationPanel, NotificationProvider, OAuthConnectModal, OAuthIntegrationsCard, OM_NESTED_TREE_GROUPS, OM_TREE_GROUPS, ORPHAN_STAGE_ORDER, OperationsOverview, OperationsService, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, OrgMembersList, OrganizationGraphPage, OrganizationMembershipService, OrganizationMembershipsList, OrganizationProvider, OrganizationSettings, OrganizationSwitcher, OrganizationSwitcherConnected, PIPELINE_FUNNEL_ORDER, PageContainer, PageNotFound, PageTitleCaption, PermissionMatrix, PipelineFunnelWidget, PolicySchema, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, ProtectedRoute, QuickCreateActions, RecentExecutionsByResource, RecurringScheduleForm, RelativeScheduleForm, RequestActionIcon, RequestModal, ResourceCard, ResourceDefinitionSection, ResourceDetailPage, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceHealthChart, ResourceHealthPanel, ResourceNotFoundState, ResourceOverview, ResourcesPage, ResourcesSidebar, RichTextEditor, RoleBadge, RoleSchema, RunResourceButton, SAVED_VIEW_PRESETS, SavedViewsPanel, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, ScriptResourceEntrySchema, SemanticIcon, SessionChatArea, SessionChatInterface, SessionChatPage, SessionConversationView, SessionDetailsSidebar, SessionExecutionLogs, SessionHeader, SessionListItem, SessionMemory, SessionsPage, SessionsSidebar, Sidebar, SidebarContext, SidebarProvider, SortableHeader, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, StepConfigForm, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellNavList, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarLoader, SurfaceDefinitionSchema, SystemOpsView, SystemShell, TabCountBadge, TabSection, TableSelectionToolbar, TaskCard, TaskScheduler, TimeRangeSelector, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, ToolsListDisplay, Topbar, TopbarActions, TopbarContainer, TrendIndicator, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, UnresolvedErrorsTeaser, UpcomingMilestonesPage, Vignette, VisualizerContainer, WebhookEndpointList, WebhookEndpointService, WebhookEndpointSettings, WebhookUrlDisplayModal, WorkflowDefinitionDisplay, WorkflowExecutionLogs, WorkflowExecutionPanel, WorkflowExecutionTimeline, WorkflowResourceEntrySchema, ZodFormRenderer, acquisitionListKeys, aggregateSystemMetrics, buildErrorReport, buildKnowledgeOmTreeData, calculateProgress, clientsKeys, collectResourceFilterFacets, companyKeys, contactKeys, createOrganizationsSlice, createTestSystemsProvider, createUseOrgInitialization, createUseOrganizations, crmManifest, crmPrioritySettingsKeys, dealKeys, dealNoteKeys, dealTaskKeys, deliveryManifest, deriveBusinessProgress, executionsKeys, extendSemanticIconRegistry, filterByDomainFilters, findKnowledgeTreeNodeByValue, findListActionByAction, findOmTreeGroup, formatDate3 as formatDate, formatDealStageLabel, formatResourceAttribution, formatStatusLabel, getConceptDefinition, getEnrichmentColor, getEnrichmentStatus, getExecutionStatusConfig, getGraphBackgroundStyles, getHealthColor, getIcon, getKnowledgeDomainFolderCommand, getKnowledgeGraphNodeCommand, getKnowledgeIconToken, getKnowledgeNodeReadCommand, getKnowledgeOntologyProjection, getKnowledgeTreeFolderCommand, getLeadGenApiInterfaceReadiness, getLeadGenExportWorkflowId, getListActionWorkflowId, getLogLevelConfig, getOntologyDomainLabel, getPrimaryOntologyItemsForDomain, getResourceFilterFacetIds, getSemanticIconComponent, getSeriesColor, getSharedOrganizationGraph, getStateKeyColor, getStatusColor4 as getStatusColor, getStepActionLabel, iconMap, isLeadGenExportAction, isSessionCapable, knowledgeManifest, labelResourceFilterFacet, leadGenArtifactKeys, leadGenListCompanyKeys, leadGenListMemberKeys, leadGenManifest, mdxComponents, milestoneKeys, milestoneStatusColors, monitoringManifest, normaliseConceptKey, noteKeys, noteTypeColors, observabilityKeys, operationsKeys, operationsManifest, projectActivityKeys, projectKeys, projectNavigationGroups, projectNavigationSurfaces, projectStatusColors, requestTopbarActionManifest, requestsKeys, resolveBuildPlanSteps, resolveBuildState, resolveSemanticIconComponent, scheduleKeys, sessionsKeys, settingsManifest, showApiErrorNotification, showAuthError, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification, sortData, sortStageKeys, subsidebarWidth, taskKeys, taskStatusColors, taskTypeColors, useAccess, useActivateDeployment, useActivities, useActivitiesRealtime, useActivityFilters, useActivityTrend, useAddCompaniesToList, useAddContactsToList, useAppearance, useArchiveSession, useArchivedLogs, useArtifacts, useAssignRole, useBatchDelete, useBatchTelemetry, useBatchedResourcesHealth, useBreadcrumbs, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCancelSchedule, useCheckpointTasks, useClient, useClientStatus, useClients, useCommandQueue, useCommandQueueTask, useCommandQueueTotals, useCommandViewData, useCommandViewDomainFilters, useCommandViewStats, useCommandViewStore, useCompanies, useCompany, useCompanyFacets, useCompleteDealTask, useContact, useContacts, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateApiKey, useCreateArtifact, useCreateClient, useCreateCompany, useCreateContact, useCreateCredential, useCreateDealNote, useCreateDealTask, useCreateList, useCreateMilestone, useCreateNote, useCreateOrgRole, useCreateProject, useCreateSchedule, useCreateSession, useCreateTask, useCreateWebhookEndpoint, useCredentials, useCrmActions, useCrmPipelineSummary, useCrmPrioritySettings, useCrmQuickMetrics, useCyberColors, useDashboardMetrics, useDeactivateDeployment, useDeactivateMembership, useDealDetail, useDealNotes, useDealTasks, useDealTasksDue, useDeals, useDealsLookup, useDealsSummary, useDeleteApiKey, useDeleteClient, useDeleteCompanies, useDeleteContacts, useDeleteCredential, useDeleteDeal, useDeleteDeployment, useDeleteExecution, useDeleteList, useDeleteLists, useDeleteMilestone, useDeleteOrgRole, useDeleteProject, useDeleteRequest, useDeleteSchedule, useDeleteSession, useDeleteTask, useDeleteTask2, useDeleteWebhookEndpoint, useDeriveActions, useEffectivePermissions, useElevasisSystems, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useErrorTrends, useExecuteAction, useExecuteAsync, useExecuteResource, useExecution, useExecutionHealth, useExecutionLogSSE, useExecutionLogs, useExecutionLogsFilters, useExecutionPanelState, useExecutionSSE, useExecutions, useGetExecutionHistory, useGetSchedule, useGraphBackgroundStyles, useGraphTheme, useInFlightExecutions, useLeadGenConfig, useList, useListActions, useListApiKeys, useListDeployments, useListExecutions, useListMember, useListMembers, useListProgress, useListRecords, useListSchedules, useListWebhookEndpoints, useLists, useListsTelemetry, useMarkAllAsRead, useMarkAsRead, useMilestones, useNewKnowledgeMapLayout, useNotificationAdapter, useNotificationCount, useNotifications, useOptionalElevasisSystems, useOrgRoles, useOrganizationMembers, usePaginationState, usePatchTask, usePauseSchedule, usePermissionCatalog, useProject, useProjectActivities, useProjectMilestones, useProjectNotes, useProjectRealtime, useProjectTasks, useProjects, useReactivateMembership, useRecentCrmActivity, useRecentExecutionsByResource, useRemoveCompaniesFromList, useRequest, useRequestsList, useResetCrmPrioritySettings, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResolvedOrganizationModel, useResourceDefinition, useResourceErrors, useResourceExecutions, useResourceSearch, useResources, useResourcesDomainFilters, useResourcesHealth, useResumeSchedule, useRetryExecution, useRevokeRole, useSSEConnection, useScheduledTasks, useSession, useSessionCheck, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions, useSidebar, useSidebarCollapse, useSortedData, useStableAccessToken, useStatusFilter, useSubmitAction, useSubmitRequest, useSuccessNotification, useSystemHealth, useTableSelection, useTableSort, useTasks, useTestNotification, useTimeRangeDates, useTopFailingResources, useTransitionItem, useTransitionListCompany, useTransitionListMember, useTransitionState, useUnresolveError, useUnresolvedErrors, useUpdateAnchor, useUpdateApiKey, useUpdateClient, useUpdateCompany, useUpdateContact, useUpdateCredential, useUpdateCrmPrioritySettings, useUpdateList, useUpdateListConfig, useUpdateListStatus, useUpdateMilestone, useUpdateOrgRole, useUpdateProject, useUpdateRequestStatus, useUpdateSchedule, useUpdateTask, useUpdateWebhookEndpoint, useUserMemberships, useVerifyCredential, useVisibleResources, useWarningNotification, useWorkflowExecution };
+export { APIErrorAlert, AbsoluteScheduleForm, AccessGuard, AccessKeys, AccountSettings, ActionModal, ActivityCard, ActivityFeed, ActivityFeedWidget, ActivityFilters, ActivityLog, ActivityTable, ActivityTimeline, ActivityTrendChart, AgentDefinitionDisplay, AgentExecutionLogs, AgentExecutionPanel, AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationDetailPanel, AgentIterationEdge, AgentIterationNode, AgentResourceEntrySchema, AgentSessionGroup, AllTasksPage, ApiKeyDisplayModal, ApiKeyList, ApiKeyService, ApiKeySettings, AppErrorBoundary, AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, AppearanceContext, AppearanceProvider, AppearanceSettings, BaseEdge, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, BaseNode, Breadcrumbs, BusinessImpactCard, CRM_ITEMS, CenteredErrorState, ChartFrame, Checklist, CheckpointGroup, CollapsibleJsonSection, CollapsibleSection, CollapsibleSidebarGroup, CombinedTrendChart, CommandQueueDetailPage, CommandQueuePage, CommandQueueShell, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewPage, CompanyDetailPage, ConfigCard, ConfirmationInputModal, ConfirmationModal, ContactDetailPage, ContentSections, ContextUsageBadge, ContextViewer, ContractDisplay, ConversationThread, CostAnalytics, CostBreakdownCard, CostByModelTable, CostMetricsCard, CostTrendChart, CrashErrorFallback, CreateApiKeyModal, CreateCredentialModal, CreateDeliveryEntityModal, CreateRoleModal, CreateScheduleModal, CreateWebhookEndpointModal, CredentialList, CredentialService, CredentialSettings, CrmActionsProvider, CrmOverview, CrmSettingsPage, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, CustomModal, CustomSelector, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, CyberParticles, DEAL_STAGES, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DEFAULT_KANBAN_CONFIG, DEFAULT_SEMANTIC_ICON_REGISTRY, DELIVERY_COMMUNICATION_ITEMS, DELIVERY_PROJECT_ITEMS, DELIVERY_WORK_ITEMS, Dashboard, DashboardOperationsOverview, DealDetailPage, DealKanbanCard, DealsListPage, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentService, DeploymentSettings, DeploymentStatusBadge, DetailCardSkeleton, EMPTY_LIST_ACTIONS, EditApiKeyModal, EditCredentialModal, EditWebhookEndpointModal, ElevasisCoreProvider, ElevasisLoader, ElevasisSystemsProvider, ElevasisUIProvider, EmptyState, EmptyVisualizer, ErrorAnalysisCard, ErrorBreakdownTable, ErrorDetailsModal, ErrorReportCard, ExecuteWorkflowModal, ExecutionBreakdownTable, ExecutionErrorSection, ExecutionHealth, ExecutionHealthCard, ExecutionLogsFilters, ExecutionLogsPage, ExecutionLogsTable, ExecutionPanel, ExecutionStats, ExecutionStatusBadge, FILTERABLE_DOMAIN_KEYS, FeatureUnavailableState, FilterBar, GlowDot, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, HealthStatusCard, HeroStatsRow, IdentityDomainSchema, IntegrationResourceEntrySchema, JsonViewer, KNOWLEDGE_DOMAINS_WITH_PANELS, KNOWLEDGE_ICON_TOKEN_BY_KIND, KanbanBoard, KnowledgeSearchBar, KnowledgeTree, LEAD_GEN_ITEMS, LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, LinksGroup, ListActionsProvider, ListBuilderIndexPage, ListBuilderPage, ListSkeleton, LogEntry, LogGroup, MdxRenderer, MemberAccessModal, MembershipStatusBadge, MetricsStrip, MilestoneTimeline, MyRolesPage, MyTasksPanel, NavigationButton, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, NoAccessState, NotificationBell, NotificationCenter, NotificationItem, NotificationList, NotificationPanel, NotificationProvider, OAuthConnectModal, OAuthIntegrationsCard, OM_NESTED_TREE_GROUPS, OM_TREE_GROUPS, ORPHAN_STAGE_ORDER, OperationsOverview, OperationsService, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, OrgMembersList, OrganizationGraphPage, OrganizationMembershipService, OrganizationMembershipsList, OrganizationProvider, OrganizationSettings, OrganizationSwitcher, OrganizationSwitcherConnected, PIPELINE_FUNNEL_ORDER, PageContainer, PageNotFound, PageTitleCaption, PermissionMatrix, PipelineFunnelWidget, PolicySchema, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, ProtectedRoute, QuickCreateActions, RecentExecutionsByResource, RecurringScheduleForm, RelativeScheduleForm, RequestActionIcon, RequestModal, ResourceCard, ResourceDefinitionSection, ResourceDetailPage, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceHealthChart, ResourceHealthPanel, ResourceNotFoundState, ResourceOverview, ResourcesPage, ResourcesSidebar, RichTextEditor, RoleBadge, RoleSchema, RunResourceButton, SAVED_VIEW_PRESETS, SavedViewsPanel, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, ScriptResourceEntrySchema, SemanticIcon, SessionChatArea, SessionChatInterface, SessionChatPage, SessionConversationView, SessionDetailsPanel, SessionExecutionLogs, SessionHeader, SessionListItem, SessionMemory, SessionsPage, SessionsSidebar, Sidebar, SidebarContext, SidebarProvider, SortableHeader, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, StepConfigForm, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellNavList, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarLoader, SurfaceDefinitionSchema, SystemOpsView, SystemShell, TabCountBadge, TabSection, TableSelectionToolbar, TaskCard, TaskScheduler, TimeRangeSelector, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, ToolsListDisplay, Topbar, TopbarActions, TopbarContainer, TrendIndicator, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, UnresolvedErrorsTeaser, UpcomingMilestonesPage, Vignette, VisualizerContainer, WebhookEndpointList, WebhookEndpointService, WebhookEndpointSettings, WebhookUrlDisplayModal, WorkflowDefinitionDisplay, WorkflowExecutionLogs, WorkflowExecutionPanel, WorkflowExecutionTimeline, WorkflowResourceEntrySchema, ZodFormRenderer, acquisitionListKeys, aggregateSystemMetrics, buildErrorReport, buildKnowledgeOmTreeData, calculateProgress, clientsKeys, collectResourceFilterFacets, companyKeys, contactKeys, createOrganizationsSlice, createTestSystemsProvider, createUseOrgInitialization, createUseOrganizations, crmManifest, crmPrioritySettingsKeys, dealKeys, dealNoteKeys, dealTaskKeys, deliveryManifest, deriveBusinessProgress, executionsKeys, extendSemanticIconRegistry, filterByDomainFilters, findKnowledgeTreeNodeByValue, findListActionByAction, findOmTreeGroup, formatDate3 as formatDate, formatDealStageLabel, formatResourceAttribution, formatStatusLabel, getConceptDefinition, getEnrichmentColor, getEnrichmentStatus, getExecutionStatusConfig, getGraphBackgroundStyles, getHealthColor, getIcon, getKnowledgeDomainFolderCommand, getKnowledgeGraphNodeCommand, getKnowledgeIconToken, getKnowledgeNodeReadCommand, getKnowledgeOntologyProjection, getKnowledgeTreeFolderCommand, getLeadGenApiInterfaceReadiness, getLeadGenExportWorkflowId, getListActionWorkflowId, getLogLevelConfig, getOntologyDomainLabel, getPrimaryOntologyItemsForDomain, getResourceFilterFacetIds, getSemanticIconComponent, getSeriesColor, getSharedOrganizationGraph, getStateKeyColor, getStatusColor4 as getStatusColor, getStepActionLabel, iconMap, isLeadGenExportAction, isSessionCapable, knowledgeManifest, labelResourceFilterFacet, leadGenArtifactKeys, leadGenListCompanyKeys, leadGenListMemberKeys, leadGenManifest, mdxComponents, milestoneKeys, milestoneStatusColors, monitoringManifest, normaliseConceptKey, noteKeys, noteTypeColors, observabilityKeys, operationsKeys, operationsManifest, projectActivityKeys, projectKeys, projectNavigationGroups, projectNavigationSurfaces, projectStatusColors, requestTopbarActionManifest, requestsKeys, resolveBuildPlanSteps, resolveBuildState, resolveSemanticIconComponent, scheduleKeys, sessionsKeys, settingsManifest, showApiErrorNotification, showAuthError, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification, sortData, sortStageKeys, subsidebarWidth, taskKeys, taskStatusColors, taskTypeColors, useAccess, useActivateDeployment, useActivities, useActivitiesRealtime, useActivityFilters, useActivityTrend, useAddCompaniesToList, useAddContactsToList, useAppearance, useArchiveSession, useArchivedLogs, useArtifacts, useAssignRole, useBatchDelete, useBatchTelemetry, useBatchedResourcesHealth, useBreadcrumbs, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCancelSchedule, useCheckpointTasks, useClient, useClientStatus, useClients, useCommandQueue, useCommandQueueTask, useCommandQueueTotals, useCommandViewData, useCommandViewDomainFilters, useCommandViewStats, useCommandViewStore, useCompanies, useCompany, useCompanyFacets, useCompleteDealTask, useContact, useContacts, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateApiKey, useCreateArtifact, useCreateClient, useCreateCompany, useCreateContact, useCreateCredential, useCreateDealNote, useCreateDealTask, useCreateList, useCreateMilestone, useCreateNote, useCreateOrgRole, useCreateProject, useCreateSchedule, useCreateSession, useCreateTask, useCreateWebhookEndpoint, useCredentials, useCrmActions, useCrmPipelineSummary, useCrmPrioritySettings, useCrmQuickMetrics, useCyberColors, useDashboardMetrics, useDeactivateDeployment, useDeactivateMembership, useDealDetail, useDealNotes, useDealTasks, useDealTasksDue, useDeals, useDealsLookup, useDealsSummary, useDeleteApiKey, useDeleteClient, useDeleteCompanies, useDeleteContacts, useDeleteCredential, useDeleteDeal, useDeleteDeployment, useDeleteExecution, useDeleteList, useDeleteLists, useDeleteMilestone, useDeleteOrgRole, useDeleteProject, useDeleteRequest, useDeleteSchedule, useDeleteSession, useDeleteTask, useDeleteTask2, useDeleteWebhookEndpoint, useDeriveActions, useEffectivePermissions, useElevasisSystems, useEndSession, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useErrorTrends, useExecuteAction, useExecuteAsync, useExecuteResource, useExecution, useExecutionHealth, useExecutionLogSSE, useExecutionLogs, useExecutionLogsFilters, useExecutionPanelState, useExecutionSSE, useExecutions, useGetExecutionHistory, useGetSchedule, useGraphBackgroundStyles, useGraphTheme, useInFlightExecutions, useLeadGenConfig, useList, useListActions, useListApiKeys, useListDeployments, useListExecutions, useListMember, useListMembers, useListProgress, useListRecords, useListSchedules, useListWebhookEndpoints, useLists, useListsTelemetry, useMarkAllAsRead, useMarkAsRead, useMilestones, useNewKnowledgeMapLayout, useNotificationAdapter, useNotificationCount, useNotifications, useOptionalElevasisSystems, useOrgRoles, useOrganizationMembers, usePaginationState, usePatchTask, usePauseSchedule, usePermissionCatalog, useProject, useProjectActivities, useProjectMilestones, useProjectNotes, useProjectRealtime, useProjectTasks, useProjects, useReactivateMembership, useRecentCrmActivity, useRecentExecutionsByResource, useRemoveCompaniesFromList, useRequest, useRequestsList, useResetCrmPrioritySettings, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResolvedOrganizationModel, useResourceDefinition, useResourceErrors, useResourceExecutions, useResourceSearch, useResources, useResourcesDomainFilters, useResourcesHealth, useResumeSchedule, useRetryExecution, useRevokeRole, useSSEConnection, useScheduledTasks, useSession, useSessionCheck, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions, useSidebar, useSidebarCollapse, useSortedData, useStableAccessToken, useStatusFilter, useSubmitAction, useSubmitRequest, useSuccessNotification, useSystemHealth, useTableSelection, useTableSort, useTasks, useTestNotification, useTimeRangeDates, useTopFailingResources, useTransitionItem, useTransitionListCompany, useTransitionListMember, useTransitionState, useUnresolveError, useUnresolvedErrors, useUpdateAnchor, useUpdateApiKey, useUpdateClient, useUpdateCompany, useUpdateContact, useUpdateCredential, useUpdateCrmPrioritySettings, useUpdateList, useUpdateListConfig, useUpdateListStatus, useUpdateMilestone, useUpdateOrgRole, useUpdateProject, useUpdateRequestStatus, useUpdateSchedule, useUpdateTask, useUpdateWebhookEndpoint, useUserMemberships, useVerifyCredential, useVisibleResources, useWarningNotification, useWorkflowExecution };