@elevasis/ui 1.26.0 → 1.27.0

package/dist/features/operations/index.js

@@ -1,3773 +1,38 @@
-import { ChatHeader, ChatSidebar } from '../../chunk-ROSMICXG.js';
-import { FormFieldRenderer, ResourceDefinitionSection, CommandQueueTaskRow, getIcon, ActionModal, CommandViewGraph, WorkflowExecutionLogs, AgentExecutionLogs, ResourceFilter, getExecutionStatusConfig, SessionMemory } from '../../chunk-TCKIAHDC.js';
-import { SubshellLoader, SubshellSidebarSection, PageContainer, CollapsibleSidebarGroup, SidebarListItem } from '../../chunk-AWT255UH.js';
-import { ResourceHealthPanel } from '../../chunk-4WKWLFBZ.js';
-import { ConfirmationModal, CustomModal } from '../../chunk-GBMNCNHX.js';
-import { ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline } from '../../chunk-O4UB5DQQ.js';
-import { useCyberColors, CyberDonut } from '../../chunk-JHVKGZ2P.js';
-import { PageTitleCaption, TabCountBadge, ResourceCard, ContextViewer, JsonViewer, APIErrorAlert, EmptyState, CardHeader } from '../../chunk-MCA6LOGM.js';
+export { AgentExecutionPanel, AgentSessionGroup, CalibrationPage, CalibrationProgress, CalibrationProjectDetailPage, CalibrationProjectsPage, CalibrationRunDetailPage, CalibrationSidebar, CommandQueueDetailPage, CommandQueuePage, CommandViewPage, CommandViewSidebarContent, ExecuteWorkflowModal, ExecutionPanel, ResourceDetailPage, ResourceExecuteDialog, ResourceExecuteForm, ResourcesPage, ResourcesSidebar, SessionChatArea, SessionChatInterface, SessionChatPage, SessionDetailsSidebar, SessionExecutionLogs, SessionHeader, SessionListItem, SessionsPage, SessionsSidebar, WorkflowExecutionPanel, operationsManifest } from '../../chunk-TLAIQC7B.js';
+import '../../chunk-ROSMICXG.js';
+import '../../chunk-2IJCM3VQ.js';
+import '../../chunk-P5EWG45B.js';
+import '../../chunk-GBMNCNHX.js';
+import '../../chunk-F2J7675J.js';
+import '../../chunk-JHVKGZ2P.js';
+import '../../chunk-MCA6LOGM.js';
 import '../../chunk-3KMDHCAR.js';
 import '../../chunk-NNKKBSJN.js';
-import { AppShellLoader } from '../../chunk-WWEMNIHW.js';
-import { topbarHeight } from '../../chunk-QJ2S46NI.js';
-import { useStatusFilter, useResourceSearch, useResourcesDomainFilters, filterByDomainFilters, useCommandViewDomainFilters } from '../../chunk-YNGQ7U5H.js';
-import { usePaginationState, useResources, useRecentExecutionsByResource, useExecuteAsync, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueueTotals, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStore, useCommandViewStats, useCalibrationProjects, useCalibrationProject, useAllCalibrationProjects, useResourceExecutions, useCheckpointTasks, useCalibrationSSE, useCalibrationRunFull, useExecuteRun, useGradeRun, useCalibrationRuns, useExecutionPanelState, useExecution, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, calibrationKeys, useDeleteProject, useCreateProject } from '../../chunk-ZVJKIJFG.js';
+import '../../chunk-YYBM5LNJ.js';
+import '../../chunk-WLNEJ6JJ.js';
+import '../../chunk-RCQPWA5X.js';
 import '../../chunk-LXHZYSMQ.js';
-import '../../chunk-MHW43EOH.js';
 import '../../chunk-F6RBK7NJ.js';
-import { useMergedExecution, useTimelineData, useAgentIterationData } from '../../chunk-XA34RETF.js';
-import { ResourceStatusColors } from '../../chunk-ELJIFLCB.js';
-import '../../chunk-L4XXM55J.js';
-import '../../chunk-SLVC5OJ2.js';
-import '../../chunk-RNP5R5I3.js';
-import '../../chunk-RMPXGBNI.js';
+import '../../chunk-XA34RETF.js';
+import '../../chunk-ELJIFLCB.js';
+import '../../chunk-5JSR6TL5.js';
 import '../../chunk-SZHARWKU.js';
-import '../../chunk-FEZZ3IDU.js';
+import '../../chunk-TXPUIHX2.js';
 import '../../chunk-CYXZHBP4.js';
-import '../../chunk-R7WLWGPO.js';
+import '../../chunk-ITCEULI5.js';
+import '../../chunk-5COLSYBE.js';
 import '../../chunk-NVOCKXUQ.js';
-import '../../chunk-V7XHGJQZ.js';
+import '../../chunk-MHW43EOH.js';
+import '../../chunk-W4VYXIN7.js';
 import '../../chunk-QJ2KCHKX.js';
-import { formatRelativeTime, DOMAIN_MAP, getNodeId, PAGE_SIZE_DEFAULT, getErrorInfo, formatErrorMessage, getResourceIcon } from '../../chunk-IOKL7BKE.js';
+import '../../chunk-QJ2S46NI.js';
+import '../../chunk-SLVC5OJ2.js';
+import '../../chunk-RNP5R5I3.js';
+import '../../chunk-IOKL7BKE.js';
 import '../../chunk-RWQIFKMJ.js';
 import '../../chunk-ALA56RGZ.js';
-import { useInitialization } from '../../chunk-TUXTSEAF.js';
-import { useOrganization } from '../../chunk-DD3CCMCZ.js';
+import '../../chunk-TUXTSEAF.js';
+import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-QEPXAWE2.js';
 import '../../chunk-BRJ3QZ4E.js';
 import '../../chunk-Q7DJKLEN.js';
-import { Stack, Card, Text, Button, Tabs, Group, Pagination, useMantineTheme, Box, Center, Loader, UnstyledButton, TextInput, Divider, Modal, Code, Alert, LoadingOverlay, Badge, Paper, ActionIcon, Title, SimpleGrid, CopyButton, SegmentedControl, ThemeIcon, Switch, Space, Progress, Timeline, Collapse, ScrollArea, Tooltip, Textarea, Menu, Table } from '@mantine/core';
-import { IconApps, IconRoute, IconBrain, IconRefresh, IconAdjustmentsHorizontal, IconSearch, IconChevronDown, IconCircleX, IconCircleCheck, IconCircleDashed, IconCheck, IconExternalLink, IconAlertCircle, IconTrash, IconArrowLeft, IconClock, IconCopy, IconPlayerPlay, IconPlus, IconAdjustments, IconSitemap, IconSettings, IconX, IconChartBar, IconReportAnalytics, IconCoin, IconChevronRight, IconFlask, IconInfoCircle, IconMessage, IconAlertTriangle, IconRobot, IconLayoutSidebarRightExpand, IconNote, IconArchive, IconDownload, IconTimeline, IconDotsVertical } from '@tabler/icons-react';
-import { useState, useEffect, useMemo, useRef, useCallback } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useClipboard } from '@mantine/hooks';
-import { notifications } from '@mantine/notifications';
-import { Link, useNavigate } from '@tanstack/react-router';
-import { useForm } from '@mantine/form';
-import { formatDistanceToNow } from 'date-fns';
-import { useQueryClient } from '@tanstack/react-query';
-
-// ../core/src/platform/utils/debounce.ts
-function debounce(fn, wait) {
-  let timeoutId = null;
-  const debounced = (...args) => {
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      fn(...args);
-      timeoutId = null;
-    }, wait);
-  };
-  debounced.cancel = () => {
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
-  return debounced;
-}
-function ResourcesPage({
-  initialFilter,
-  onTypeChange,
-  timeRange,
-  onResourceClick,
-  pageSize = 20
-}) {
-  const { organizationReady } = useInitialization();
-  const urlType = initialFilter;
-  const [selectedFilter, setSelectedFilter] = useState(urlType || "all");
-  const statusFilter = useStatusFilter((s) => s.value);
-  const searchQuery = useResourceSearch((s) => s.query);
-  const domainFilters = useResourcesDomainFilters((s) => s.filters);
-  const { page, setPage, offset, totalPages } = usePaginationState(pageSize, [
-    selectedFilter,
-    statusFilter,
-    domainFilters,
-    searchQuery
-  ]);
-  useEffect(() => {
-    if (urlType) {
-      setSelectedFilter(urlType);
-    } else {
-      setSelectedFilter("all");
-    }
-  }, [urlType]);
-  const { data, error, refetch, isFetching } = useResources();
-  const { data: executionData } = useRecentExecutionsByResource({
-    timeRange
-  });
-  const executionLookup = useMemo(() => {
-    if (!executionData?.resources) return /* @__PURE__ */ new Map();
-    return new Map(executionData.resources.map((r) => [r.resourceId, r]));
-  }, [executionData]);
-  const { workflows = [], agents = [], total = 0 } = data || {};
-  const filteredResources = useMemo(() => {
-    const typedWorkflows = (workflows || []).map((w) => ({ ...w, type: "workflow" }));
-    const typedAgents = (agents || []).map((a) => ({ ...a, type: "agent" }));
-    let resources = [];
-    switch (selectedFilter) {
-      case "workflow":
-        resources = typedWorkflows;
-        break;
-      case "agent":
-        resources = typedAgents;
-        break;
-      case "all":
-        resources = [...typedWorkflows, ...typedAgents];
-        break;
-      default:
-        resources = [];
-    }
-    if (statusFilter !== "all") {
-      resources = resources.filter((resource) => resource.status === statusFilter);
-    }
-    resources = filterByDomainFilters(resources, domainFilters);
-    if (searchQuery.trim()) {
-      const q = searchQuery.toLowerCase();
-      resources = resources.filter(
-        (r) => r.name.toLowerCase().includes(q) || r.resourceId.toLowerCase().includes(q) || r.description?.toLowerCase().includes(q)
-      );
-    }
-    const enriched = resources.map((resource) => {
-      const execData = executionLookup.get(resource.resourceId);
-      return {
-        ...resource,
-        lastExecution: execData?.lastExecution,
-        totalExecutions: execData?.totalExecutions || 0,
-        successCount: execData?.successCount || 0,
-        failureCount: execData?.failureCount || 0,
-        successRate: execData?.successRate || 0
-      };
-    });
-    enriched.sort((a, b) => {
-      if (a.lastExecution && b.lastExecution) {
-        return new Date(b.lastExecution).getTime() - new Date(a.lastExecution).getTime();
-      }
-      if (a.lastExecution) return -1;
-      if (b.lastExecution) return 1;
-      return a.name.localeCompare(b.name);
-    });
-    return enriched;
-  }, [workflows, agents, selectedFilter, statusFilter, domainFilters, searchQuery, executionLookup]);
-  if (!organizationReady || isFetching && !data) {
-    return /* @__PURE__ */ jsx(SubshellLoader, {});
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Resources", caption: "Failed to load resources" }),
-      /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsxs(Text, { c: "red", children: [
-          "Error: ",
-          error.message
-        ] }),
-        /* @__PURE__ */ jsx(Button, { onClick: () => refetch(), children: "Retry" })
-      ] })
-    ] });
-  }
-  const getResourceCount = (type) => {
-    const filteredW = filterByDomainFilters(workflows, domainFilters);
-    const filteredA = filterByDomainFilters(agents, domainFilters);
-    switch (type) {
-      case "workflow":
-        return filteredW.length;
-      case "agent":
-        return filteredA.length;
-      case "all":
-        return filteredW.length + filteredA.length;
-      default:
-        return 0;
-    }
-  };
-  const handleTabChange = (value) => {
-    if (value) {
-      const filterValue = value;
-      setSelectedFilter(filterValue);
-      onTypeChange(filterValue === "all" ? void 0 : filterValue);
-    }
-  };
-  const isFiltering = filteredResources.length !== total;
-  const paginatedResources = filteredResources.slice(offset, offset + pageSize);
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(
-      PageTitleCaption,
-      {
-        title: "Resources",
-        caption: isFiltering ? `${filteredResources.length} Resources Available, ${total - filteredResources.length} Filtered` : `${total} Resources Available`
-      }
-    ),
-    /* @__PURE__ */ jsx(Tabs, { value: selectedFilter, onChange: handleTabChange, variant: "default", children: /* @__PURE__ */ jsxs(Tabs.List, { children: [
-      /* @__PURE__ */ jsx(
-        Tabs.Tab,
-        {
-          value: "all",
-          leftSection: /* @__PURE__ */ jsx(IconApps, { size: 16 }),
-          rightSection: /* @__PURE__ */ jsx(TabCountBadge, { count: getResourceCount("all"), isLoading: isFetching }),
-          children: "All"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Tabs.Tab,
-        {
-          value: "workflow",
-          leftSection: /* @__PURE__ */ jsx(IconRoute, { size: 16 }),
-          rightSection: /* @__PURE__ */ jsx(TabCountBadge, { count: getResourceCount("workflow"), isLoading: isFetching }),
-          children: "Workflows"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Tabs.Tab,
-        {
-          value: "agent",
-          leftSection: /* @__PURE__ */ jsx(IconBrain, { size: 16 }),
-          rightSection: /* @__PURE__ */ jsx(TabCountBadge, { count: getResourceCount("agent"), isLoading: isFetching }),
-          children: "Agents"
-        }
-      )
-    ] }) }),
-    filteredResources.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: "xs", children: paginatedResources.map((resource) => {
-      const isDormant = resource.totalExecutions === 0;
-      return /* @__PURE__ */ jsx(
-        ResourceCard,
-        {
-          resource,
-          onClick: onResourceClick,
-          layout: "row",
-          "data-resource-id": resource.resourceId,
-          lastRunLabel: resource.lastExecution ? `Last run ${formatRelativeTime(resource.lastExecution)}` : void 0,
-          rightSection: /* @__PURE__ */ jsx(
-            ExecutionStats,
-            {
-              totalExecutions: resource.totalExecutions,
-              successCount: resource.successCount,
-              failureCount: resource.failureCount,
-              successRate: resource.successRate,
-              compact: true
-            }
-          ),
-          style: isDormant ? { opacity: 0.4 } : void 0
-        },
-        resource.resourceId
-      );
-    }) }) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Stack, { align: "center", children: [
-      /* @__PURE__ */ jsxs(Text, { c: "dimmed", children: [
-        "No resources found for ",
-        selectedFilter === "all" ? "any type" : selectedFilter
-      ] }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: selectedFilter === "all" ? "Register workflows or agents to see them here" : `Register ${selectedFilter}s to see them here` })
-    ] }) }),
-    totalPages(filteredResources.length) > 1 && /* @__PURE__ */ jsx(Group, { justify: "flex-start", children: /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        size: "sm",
-        total: totalPages(filteredResources.length),
-        value: page,
-        onChange: setPage,
-        boundaries: 1
-      }
-    ) })
-  ] });
-}
-var FILTER_STATE_ICONS = {
-  neutral: IconCircleDashed,
-  include: IconCircleCheck,
-  exclude: IconCircleX
-};
-var FILTER_STATE_COLORS = {
-  neutral: "var(--color-text-subtle)",
-  include: "var(--mantine-color-green-6)",
-  exclude: "var(--mantine-color-red-6)"
-};
-var FILTER_STATE_LABELS = {
-  neutral: "Not filtered",
-  include: "Include only",
-  exclude: "Exclude"
-};
-function ResourcesSidebar({ timeRange }) {
-  const searchQuery = useResourceSearch((s) => s.query);
-  const setSearchQuery = useResourceSearch((s) => s.set);
-  const statusFilter = useStatusFilter((s) => s.value);
-  const setStatusFilter = useStatusFilter((s) => s.set);
-  const [domainsOpen, setDomainsOpen] = useState(true);
-  const domainFilters = useResourcesDomainFilters((s) => s.filters);
-  const cycleDomainFilter = useResourcesDomainFilters((s) => s.cycle);
-  const { organizationReady } = useInitialization();
-  const { data: resources, isLoading: isResourcesLoading, error, refetch } = useResources();
-  const theme = useMantineTheme();
-  const colors = useCyberColors();
-  const { data: executionData } = useRecentExecutionsByResource({ timeRange });
-  const activeDomains = useMemo(() => {
-    if (!resources) return [];
-    const allResources = [...resources.workflows || [], ...resources.agents || []];
-    const domainSet = /* @__PURE__ */ new Set();
-    allResources.forEach((r) => r.domains?.forEach((d) => domainSet.add(d)));
-    const bottomDomains = /* @__PURE__ */ new Set(["utility", "diagnostic"]);
-    return Array.from(domainSet).sort((a, b) => {
-      const aBottom = bottomDomains.has(a) ? 1 : 0;
-      const bBottom = bottomDomains.has(b) ? 1 : 0;
-      if (aBottom !== bBottom) return aBottom - bBottom;
-      return a.localeCompare(b);
-    });
-  }, [resources]);
-  const domainFilteredResources = useMemo(() => {
-    if (!resources) return [];
-    const allResources = [...resources.workflows || [], ...resources.agents || []];
-    return filterByDomainFilters(allResources, domainFilters);
-  }, [resources, domainFilters]);
-  const { donutSuccessCount, donutFailedCount } = useMemo(() => {
-    if (!executionData?.resources || domainFilteredResources.length === 0) {
-      return { donutSuccessCount: 0, donutFailedCount: 0 };
-    }
-    const filteredIds = new Set(domainFilteredResources.map((r) => r.resourceId));
-    let success = 0;
-    let failed = 0;
-    for (const r of executionData.resources) {
-      if (filteredIds.has(r.resourceId)) {
-        success += r.successCount;
-        failed += r.failureCount;
-      }
-    }
-    return { donutSuccessCount: success, donutFailedCount: failed };
-  }, [executionData, domainFilteredResources]);
-  if (!organizationReady || isResourcesLoading) {
-    return /* @__PURE__ */ jsx(Box, { style: { flex: 1, minHeight: 0, padding: theme.spacing.sm }, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxs(Box, { style: { flex: 1, minHeight: 0, padding: theme.spacing.sm }, children: [
-      /* @__PURE__ */ jsx(
-        Text,
-        {
-          size: "xs",
-          fw: 600,
-          c: "dimmed",
-          tt: "uppercase",
-          mb: "md",
-          style: { fontFamily: "var(--elevasis-font-family-subtitle)" },
-          children: "Error Loading Resources"
-        }
-      ),
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "red", mb: "md", children: error instanceof Error ? error.message : "Failed to load resources" }),
-      /* @__PURE__ */ jsx(Button, { size: "xs", leftSection: /* @__PURE__ */ jsx(IconRefresh, { size: 14 }), onClick: () => refetch(), variant: "light", children: "Retry" })
-    ] });
-  }
-  const totalExecutions = donutSuccessCount + donutFailedCount;
-  const successRate = totalExecutions > 0 ? donutSuccessCount / totalExecutions * 100 : 0;
-  const healthSegments = [
-    { name: "Completed", value: donutSuccessCount, color: colors.green },
-    { name: "Failed", value: donutFailedCount, color: colors.red }
-  ];
-  const centerValueColor = totalExecutions === 0 ? "var(--mantine-color-dimmed)" : successRate >= 95 ? colors.green : successRate >= 80 ? colors.yellow : colors.red;
-  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, minHeight: 0, overflow: "hidden" }, children: [
-    /* @__PURE__ */ jsx(Box, { p: "sm", pb: 0, children: /* @__PURE__ */ jsx(Box, { pb: "xs", mb: 4, children: /* @__PURE__ */ jsx(
-      CyberDonut,
-      {
-        title: `Execution Health (${timeRange})`,
-        segments: healthSegments,
-        centerValue: totalExecutions === 0 ? "\u2014" : `${Math.round(successRate)}%`,
-        centerLabel: `${totalExecutions} runs`,
-        centerValueColor,
-        glowId: "resHealthGlow",
-        colors
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx(
-      SubshellSidebarSection,
-      {
-        icon: IconAdjustmentsHorizontal,
-        label: "Resource Filters",
-        withTopBorder: true,
-        rightSection: /* @__PURE__ */ jsx(UnstyledButton, { title: "Refresh resources", onClick: () => refetch(), children: /* @__PURE__ */ jsx(IconRefresh, { size: 16, color: "var(--color-text-subtle)" }) })
-      }
-    ),
-    /* @__PURE__ */ jsxs(Box, { p: "sm", style: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column", overflowY: "auto" }, children: [
-      resources && (() => {
-        const stats = [
-          {
-            key: "all",
-            label: "All",
-            count: domainFilteredResources.length,
-            color: "var(--color-text)",
-            activeColor: "var(--color-primary)"
-          },
-          {
-            key: "prod",
-            label: "Prod",
-            count: domainFilteredResources.filter((r) => r.status === "prod").length,
-            color: "var(--color-text)",
-            activeColor: "var(--color-primary)"
-          },
-          {
-            key: "dev",
-            label: "Dev",
-            count: domainFilteredResources.filter((r) => r.status === "dev").length,
-            color: "var(--color-text)",
-            activeColor: "var(--color-primary)"
-          }
-        ];
-        return /* @__PURE__ */ jsx(
-          Group,
-          {
-            gap: 0,
-            mb: "sm",
-            style: {
-              flexShrink: 0,
-              borderRadius: "var(--mantine-radius-default)",
-              border: "1px solid var(--color-border)",
-              background: "var(--glass-background)",
-              overflow: "hidden"
-            },
-            children: stats.map((stat, i) => {
-              const isActive = statusFilter === stat.key;
-              return /* @__PURE__ */ jsx(
-                UnstyledButton,
-                {
-                  onClick: () => setStatusFilter(stat.key),
-                  style: {
-                    flex: 1,
-                    borderLeft: i > 0 ? "1px solid var(--color-border)" : void 0,
-                    background: isActive ? "var(--active-background)" : "transparent",
-                    boxShadow: isActive ? "inset 0 -2px 0 var(--color-primary)" : "none",
-                    transition: "all var(--duration-fast) var(--easing)"
-                  },
-                  children: /* @__PURE__ */ jsxs(Stack, { gap: 0, align: "center", py: 8, children: [
-                    /* @__PURE__ */ jsx(
-                      Text,
-                      {
-                        size: "md",
-                        fw: 700,
-                        ff: "monospace",
-                        style: { color: isActive ? stat.activeColor : "var(--color-text)", lineHeight: 1.2 },
-                        children: stat.count
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Text,
-                      {
-                        size: "xs",
-                        c: isActive ? void 0 : "dimmed",
-                        fw: isActive ? 600 : 400,
-                        style: { lineHeight: 1.2 },
-                        children: stat.label
-                      }
-                    )
-                  ] })
-                },
-                stat.key
-              );
-            })
-          }
-        );
-      })(),
-      /* @__PURE__ */ jsx(
-        TextInput,
-        {
-          placeholder: "Filter resources...",
-          leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
-          size: "sm",
-          value: searchQuery,
-          onChange: (e) => setSearchQuery(e.currentTarget.value),
-          mb: "sm",
-          style: { flexShrink: 0 }
-        }
-      ),
-      activeDomains.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(UnstyledButton, { onClick: () => setDomainsOpen((o) => !o), style: { width: "100%", flexShrink: 0 }, mt: 4, children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              size: "sm",
-              fw: 600,
-              tt: "uppercase",
-              style: {
-                color: "var(--color-text-subtle)",
-                fontFamily: "var(--elevasis-font-family-subtitle)"
-              },
-              children: "Domains"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconChevronDown,
-            {
-              size: 14,
-              style: {
-                transform: domainsOpen ? "rotate(180deg)" : "rotate(0deg)",
-                transition: "transform var(--duration-fast) var(--easing)",
-                color: "var(--color-text-subtle)"
-              }
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              display: "grid",
-              gridTemplateRows: domainsOpen ? "1fr" : "0fr",
-              transition: "grid-template-rows 200ms cubic-bezier(0.4, 0, 0.2, 1)"
-            },
-            children: /* @__PURE__ */ jsx("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx(Stack, { gap: 2, mt: "xs", style: { flexShrink: 0 }, children: activeDomains.map((domainId) => {
-              const domain = DOMAIN_MAP[domainId];
-              if (!domain) return null;
-              const filterState = domainFilters[domainId] || "neutral";
-              const StateIcon = FILTER_STATE_ICONS[filterState];
-              return /* @__PURE__ */ jsx(
-                UnstyledButton,
-                {
-                  title: FILTER_STATE_LABELS[filterState],
-                  onClick: () => cycleDomainFilter(domainId),
-                  py: 5,
-                  px: 6,
-                  style: {
-                    transition: "background-color var(--duration-fast) var(--easing)",
-                    "&:hover": { backgroundColor: "var(--color-surface-hover)" }
-                  },
-                  children: /* @__PURE__ */ jsxs(Group, { gap: 10, wrap: "nowrap", children: [
-                    /* @__PURE__ */ jsx(
-                      StateIcon,
-                      {
-                        size: 16,
-                        style: {
-                          color: FILTER_STATE_COLORS[filterState],
-                          flexShrink: 0,
-                          transition: "color var(--duration-fast) var(--easing)"
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Text,
-                      {
-                        size: "sm",
-                        truncate: true,
-                        fw: filterState !== "neutral" ? 500 : 400,
-                        c: filterState !== "neutral" ? void 0 : "dimmed",
-                        children: domain.name
-                      }
-                    )
-                  ] })
-                },
-                domainId
-              );
-            }) }) })
-          }
-        ),
-        /* @__PURE__ */ jsx(Divider, { my: "sm", color: "var(--color-border)", style: { flexShrink: 0 } })
-      ] })
-    ] })
-  ] });
-}
-function ResourceHeader({
-  resource,
-  type,
-  connected,
-  runningCount,
-  sessionCapable,
-  onRun,
-  onNavigateToResources,
-  onNavigateToSessions
-}) {
-  const { currentMembership } = useOrganization();
-  const organizationName = currentMembership?.organization?.name;
-  const navigate = useNavigate();
-  const Icon = getResourceIcon(type);
-  const clipboard = useClipboard({ timeout: 2e3 });
-  const handleCopyId = () => {
-    clipboard.copy(`"${organizationName}/${resource.resourceId}"`);
-    notifications.show({
-      message: "Resource ID copied to clipboard",
-      color: "teal"
-    });
-  };
-  const handleGoToSessions = onNavigateToSessions ?? (() => navigate({
-    to: "/operations/sessions",
-    search: { agent: resource.resourceId }
-  }));
-  const handleGoToResources = onNavigateToResources ?? (() => navigate({ to: "/operations/resources" }));
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      PageTitleCaption,
-      {
-        title: resource.name,
-        caption: resource.description || `${type.charAt(0).toUpperCase()}${type.slice(1)} details`
-      }
-    ),
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Icon, { size: 20, color: "var(--color-primary)" }),
-        /* @__PURE__ */ jsxs(Badge, { color: "blue", variant: "light", children: [
-          type.charAt(0).toUpperCase(),
-          type.slice(1)
-        ] }),
-        /* @__PURE__ */ jsx(Badge, { color: ResourceStatusColors[resource.status], variant: "outline", size: "sm", children: resource.status.toUpperCase() }),
-        resource.version && /* @__PURE__ */ jsxs(Badge, { variant: "outline", size: "sm", children: [
-          "v",
-          resource.version
-        ] }),
-        /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-          /* @__PURE__ */ jsxs(Text, { size: "sm", ff: "monospace", c: "dimmed", children: [
-            organizationName,
-            "/",
-            resource.resourceId
-          ] }),
-          /* @__PURE__ */ jsx(Tooltip, { label: clipboard.copied ? "Copied!" : "Copy ID", children: /* @__PURE__ */ jsx(ActionIcon, { size: "sm", variant: "subtle", onClick: handleCopyId, color: clipboard.copied ? "teal" : "gray", children: /* @__PURE__ */ jsx(IconCopy, { size: 14, color: clipboard.copied ? "teal" : "gray" }) }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        connected && /* @__PURE__ */ jsx(Badge, { color: "green", variant: "dot", children: "CONNECTED" }),
-        runningCount && runningCount > 0 && /* @__PURE__ */ jsxs(Badge, { color: "blue", variant: "filled", children: [
-          runningCount,
-          " running"
-        ] }),
-        onRun && /* @__PURE__ */ jsx(Button, { size: "xs", variant: "filled", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), onClick: onRun, children: "Run" }),
-        type === "agent" && sessionCapable && /* @__PURE__ */ jsx(Button, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ jsx(IconMessage, { size: 16 }), onClick: handleGoToSessions, children: "Go to Sessions" }),
-        /* @__PURE__ */ jsx(Button, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: handleGoToResources, children: "Resources" })
-      ] })
-    ] })
-  ] });
-}
-function ResourceErrorState({ error }) {
-  return /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Stack, { align: "center", children: [
-    /* @__PURE__ */ jsx(Text, { c: "red", children: "Failed to load resource" }),
-    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: error.message })
-  ] }) }) });
-}
-function ResourceNotFoundState({ type, resourceId, onNavigateBack }) {
-  const navigate = useNavigate();
-  const { currentMembership } = useOrganization();
-  const orgName = currentMembership?.organization?.name || "current organization";
-  const handleBack = onNavigateBack ?? (() => navigate({ to: "/operations", search: { type: void 0 } }));
-  return /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Stack, { align: "center", children: [
-    /* @__PURE__ */ jsx(Text, { size: "lg", c: "dimmed", fw: 500, children: "Resource not found" }),
-    /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", ta: "center", children: [
-      "The ",
-      type,
-      ' "',
-      resourceId,
-      '" could not be found in ',
-      orgName,
-      "."
-    ] }),
-    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ta: "center", children: "This resource may exist in a different organization. Try switching organizations or returning to the overview." }),
-    /* @__PURE__ */ jsx(Button, { variant: "light", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: handleBack, children: "Back to Operations" })
-  ] }) }) });
-}
-function ExecuteWorkflowModal({
-  opened,
-  onClose,
-  resource,
-  isPending = false,
-  error,
-  result,
-  onViewExecution,
-  onReset,
-  children
-}) {
-  const canClose = !isPending;
-  const title = resource.name ?? resource.resourceId;
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      opened,
-      onClose: canClose ? onClose : () => void 0,
-      centered: true,
-      size: "lg",
-      closeOnClickOutside: canClose,
-      closeOnEscape: canClose,
-      withCloseButton: canClose,
-      title: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsxs(Text, { fw: 600, children: [
-          "Run ",
-          resource.resourceType
-        ] }),
-        /* @__PURE__ */ jsx(Badge, { color: "blue", variant: "light", size: "sm", children: resource.resourceType })
-      ] }),
-      children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-        /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Target:" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: title }),
-          /* @__PURE__ */ jsx(Code, { children: resource.resourceId })
-        ] }),
-        /* @__PURE__ */ jsx(Divider, {}),
-        result ? /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Alert, { variant: "light", color: "teal", title: "Execution started", icon: /* @__PURE__ */ jsx(IconCheck, { size: 16 }), children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-              "The ",
-              resource.resourceType,
-              " is now running."
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Execution ID:" }),
-              /* @__PURE__ */ jsx(Code, { children: result.executionId })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "xs", children: [
-            onReset && /* @__PURE__ */ jsx(Button, { variant: "default", onClick: onReset, children: "Run again" }),
-            onViewExecution && /* @__PURE__ */ jsx(
-              Button,
-              {
-                leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 16 }),
-                onClick: () => onViewExecution(result.executionId),
-                children: "View execution"
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: onClose, children: "Close" })
-          ] })
-        ] }) : error ? /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Alert, { variant: "light", color: "red", title: "Execution failed to start", icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), children: /* @__PURE__ */ jsx(Text, { size: "sm", children: error.message || "An unknown error occurred." }) }),
-          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "xs", children: [
-            onReset && /* @__PURE__ */ jsx(Button, { variant: "default", onClick: onReset, children: "Try again" }),
-            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: onClose, children: "Close" })
-          ] })
-        ] }) : /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
-          /* @__PURE__ */ jsx(LoadingOverlay, { visible: isPending, zIndex: 1e3, overlayProps: { blur: 2 } }),
-          children ?? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No input form provided." })
-        ] })
-      ] })
-    }
-  );
-}
-function getInitialValues(fields) {
-  const values = {};
-  for (const field of fields) {
-    values[field.name] = field.defaultValue ?? (field.type === "checkbox" ? false : "");
-  }
-  return values;
-}
-function applyFieldMappings(values, mappings) {
-  if (!mappings) return values;
-  const mapped = {};
-  for (const [key, value] of Object.entries(values)) {
-    const targetKey = mappings[key] ?? key;
-    mapped[targetKey] = value;
-  }
-  return mapped;
-}
-function ResourceExecuteForm({
-  formSchema,
-  onSubmit,
-  isPending = false,
-  disabled = false,
-  submitLabel = "Run"
-}) {
-  const hasFields = formSchema?.fields?.length > 0;
-  const form = useForm({
-    initialValues: hasFields ? getInitialValues(formSchema.fields) : {},
-    validate: hasFields ? Object.fromEntries(
-      formSchema.fields.filter((f) => f.required).map((f) => [
-        f.name,
-        (value) => !value && value !== false ? `${f.label} is required` : null
-      ])
-    ) : {}
-  });
-  const handleSubmit = (values) => {
-    const input = applyFieldMappings(values, formSchema?.fieldMappings);
-    void onSubmit(input);
-  };
-  if (!hasFields) {
-    return /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This workflow takes no input." }),
-      /* @__PURE__ */ jsx(Button, { onClick: () => void onSubmit({}), loading: isPending, disabled, fullWidth: true, children: isPending ? formSchema?.submitButton?.loadingLabel ?? "Running..." : submitLabel })
-    ] });
-  }
-  return /* @__PURE__ */ jsx("form", { onSubmit: form.onSubmit(handleSubmit), children: /* @__PURE__ */ jsxs(Stack, { children: [
-    formSchema.fields.map((field) => /* @__PURE__ */ jsx(FormFieldRenderer, { field, form }, field.name)),
-    /* @__PURE__ */ jsx(Button, { type: "submit", loading: isPending, disabled, fullWidth: true, children: isPending ? formSchema.submitButton?.loadingLabel ?? "Running..." : submitLabel })
-  ] }) });
-}
-function ResourceExecuteDialog({ opened, onClose, resource, onViewExecution }) {
-  const mutation = useExecuteAsync();
-  const handleSubmit = async (input) => {
-    await mutation.mutateAsync({
-      resourceId: resource.resourceId,
-      resourceType: resource.resourceType,
-      input
-    });
-  };
-  const handleReset = () => {
-    mutation.reset();
-  };
-  const modalResource = {
-    resourceId: resource.resourceId,
-    resourceType: resource.resourceType,
-    name: resource.name
-  };
-  return /* @__PURE__ */ jsx(
-    ExecuteWorkflowModal,
-    {
-      opened,
-      onClose,
-      resource: modalResource,
-      isPending: mutation.isPending,
-      error: mutation.error,
-      result: mutation.data ?? null,
-      onViewExecution,
-      onReset: handleReset,
-      children: /* @__PURE__ */ jsx(
-        ResourceExecuteForm,
-        {
-          formSchema: resource.formSchema ?? { fields: [] },
-          onSubmit: handleSubmit,
-          isPending: mutation.isPending,
-          disabled: mutation.isPending
-        }
-      )
-    }
-  );
-}
-function ResourceDetailPage({
-  type,
-  resourceId,
-  timeRange,
-  renderExecutionPanel,
-  onNavigateToResources,
-  onNavigateToSessions,
-  onNavigateBack
-}) {
-  const { organizationReady } = useInitialization();
-  const { data, isLoading, error } = useResources();
-  const [connected, setConnected] = useState(false);
-  const [runningCount, setRunningCount] = useState(0);
-  const [runOpened, setRunOpened] = useState(false);
-  const resource = data ? (() => {
-    const resources = [...data.workflows, ...data.agents];
-    const found = resources.find((r) => r.resourceId === resourceId && r.type === type);
-    return found || null;
-  })() : null;
-  const {
-    data: resourceDefinition,
-    isLoading: definitionLoading,
-    error: definitionError
-  } = useResourceDefinition(resourceId, true);
-  const handleConnectionStatus = (isConnected, count) => {
-    setConnected(isConnected);
-    setRunningCount(count);
-  };
-  if (!organizationReady || isLoading || definitionLoading) {
-    return /* @__PURE__ */ jsx(SubshellLoader, {});
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(ResourceErrorState, { error });
-  }
-  if (!resource) {
-    return /* @__PURE__ */ jsx(ResourceNotFoundState, { type, resourceId, onNavigateBack });
-  }
-  const validResource = resource;
-  const sessionCapable = isSessionCapable(type, resourceDefinition);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ResourceExecuteDialog,
-      {
-        opened: runOpened,
-        onClose: () => setRunOpened(false),
-        resource: {
-          resourceId,
-          resourceType: type,
-          name: validResource.name,
-          formSchema: resourceDefinition?.interface?.form
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(
-        ResourceHeader,
-        {
-          resource: validResource,
-          type,
-          connected,
-          runningCount,
-          sessionCapable,
-          onRun: () => setRunOpened(true),
-          onNavigateToResources,
-          onNavigateToSessions
-        }
-      ),
-      /* @__PURE__ */ jsx(ResourceHealthPanel, { resourceId, resourceType: type, timeRange }),
-      resourceDefinition && /* @__PURE__ */ jsx(ResourceDefinitionSection, { resourceDefinition })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Paper,
-      {
-        withBorder: true,
-        p: "0",
-        style: {
-          flex: 1,
-          overflow: "hidden",
-          display: "flex",
-          flexDirection: "column"
-        },
-        children: definitionError ? /* @__PURE__ */ jsx(ResourceErrorState, { error: definitionError }) : !resourceDefinition ? /* @__PURE__ */ jsx(ResourceErrorState, { error: new Error("Resource definition not found") }) : renderExecutionPanel({
-          resourceId,
-          resourceType: type,
-          resourceName: validResource.name,
-          resourceDefinition,
-          onConnectionStatus: handleConnectionStatus
-        })
-      }
-    )
-  ] });
-}
-function CommandQueuePage({
-  timeRange,
-  pageSize = 20,
-  onNavigateToTask,
-  selectedCheckpoint,
-  status = "pending",
-  priorityRange = [1, 10]
-}) {
-  const { organizationReady } = useInitialization();
-  const [deleteConfirmId, setDeleteConfirmId] = useState(null);
-  const { mutate: deleteTask, isPending: isDeleting } = useDeleteTask();
-  const serverStatus = status === "all" ? void 0 : status;
-  const { page, setPage, offset, totalPages } = usePaginationState(pageSize, [
-    selectedCheckpoint,
-    status,
-    timeRange,
-    priorityRange
-  ]);
-  const { data: checkpointData, isLoading: isLoadingCheckpoints } = useCommandQueueTotals({
-    timeRange,
-    priorityMin: priorityRange[0],
-    priorityMax: priorityRange[1]
-  });
-  const { data: tasks = [], isLoading: isLoadingTasks } = useCommandQueue({
-    status: serverStatus,
-    humanCheckpoint: selectedCheckpoint,
-    timeRange,
-    priorityMin: priorityRange[0],
-    priorityMax: priorityRange[1],
-    limit: pageSize,
-    offset
-  });
-  useEffect(() => {
-    if (!isLoadingTasks && tasks.length === 0 && page > 1) {
-      setPage(page - 1);
-    }
-  }, [tasks.length, isLoadingTasks]);
-  if (isLoadingCheckpoints || !organizationReady) return /* @__PURE__ */ jsx(AppShellLoader, {});
-  const totalTasks = checkpointData?.total ?? 0;
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Command Queue", caption: "Human-in-the-loop approval system for agent/workflow actions" }),
-    /* @__PURE__ */ jsx(Stack, { gap: "xs", children: isLoadingTasks ? /* @__PURE__ */ jsx(AppShellLoader, {}) : tasks.length === 0 ? /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Text, { ta: "center", c: "dimmed", children: "No tasks found" }) }) : tasks.map((task) => /* @__PURE__ */ jsx(
-      CommandQueueTaskRow,
-      {
-        task,
-        onClick: () => onNavigateToTask(task.id),
-        onDelete: (taskId) => setDeleteConfirmId(taskId)
-      },
-      task.id
-    )) }),
-    totalPages(totalTasks) > 1 && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(Pagination, { size: "sm", total: totalPages(totalTasks), value: page, onChange: setPage, boundaries: 1 }) }),
-    /* @__PURE__ */ jsx(
-      ConfirmationModal,
-      {
-        opened: deleteConfirmId !== null,
-        onClose: () => setDeleteConfirmId(null),
-        loading: isDeleting,
-        icon: /* @__PURE__ */ jsx(IconTrash, { color: "red" }),
-        title: "Delete Task",
-        text: "Are you sure you want to delete this task? This action cannot be undone.",
-        buttonText: "Delete Task",
-        buttonColor: "red",
-        confirmationHandler: () => {
-          if (deleteConfirmId) {
-            deleteTask(deleteConfirmId, {
-              onSuccess: () => setDeleteConfirmId(null),
-              onError: () => setDeleteConfirmId(null)
-            });
-          }
-        }
-      }
-    )
-  ] });
-}
-function getPriorityColor(priority) {
-  if (priority >= 8) return "red";
-  if (priority >= 5) return "yellow";
-  return "gray";
-}
-function getStatusColor(status) {
-  switch (status) {
-    case "pending":
-      return "blue";
-    case "processing":
-      return "blue";
-    case "completed":
-      return "green";
-    case "failed":
-      return "red";
-    case "expired":
-      return "orange";
-    default:
-      return "gray";
-  }
-}
-function formatDate(date) {
-  const now = /* @__PURE__ */ new Date();
-  const diffMs = now.getTime() - date.getTime();
-  const diffMins = Math.floor(diffMs / 6e4);
-  const diffHours = Math.floor(diffMins / 60);
-  const diffDays = Math.floor(diffHours / 24);
-  if (diffMins < 60) return `${diffMins}m ago`;
-  if (diffHours < 24) return `${diffHours}h ago`;
-  return `${diffDays}d ago`;
-}
-function CommandQueueDetailPage({
-  taskId,
-  orgName,
-  renderRichText,
-  onNavigateBack,
-  onViewExecution
-}) {
-  const { mutate: submitAction, isPending, error: submitError, reset: resetSubmitAction } = useSubmitAction();
-  const { mutate: deleteTask, isPending: isDeleting } = useDeleteTask();
-  const [actionModalOpened, setActionModalOpened] = useState(false);
-  const [selectedAction, setSelectedAction] = useState(null);
-  const [confirmAction, setConfirmAction] = useState(null);
-  const [deleteConfirmOpened, setDeleteConfirmOpened] = useState(false);
-  const [contextView, setContextView] = useState("formatted");
-  const [submitResultError, setSubmitResultError] = useState(null);
-  const { data: tasks, isLoading } = useCommandQueue();
-  const task = tasks?.find((t) => t.id === taskId);
-  const richTextRenderer = renderRichText ? (props) => renderRichText(props) : void 0;
-  const submitCallbacks = {
-    onSuccess: (data) => {
-      if (data.execution?.success === false) {
-        setSubmitResultError(data.execution.error?.message || "Action execution failed.");
-      } else {
-        setSubmitResultError(null);
-      }
-    },
-    onError: (error) => {
-      const { message, fields, requestId } = getErrorInfo(error);
-      setSubmitResultError(formatErrorMessage(message, requestId, fields));
-    }
-  };
-  const handleActionClick = (action) => {
-    if (action.requiresConfirmation) {
-      setConfirmAction(action);
-    } else if (action.form) {
-      setSubmitResultError(null);
-      setSelectedAction(action);
-      setActionModalOpened(true);
-    } else {
-      submitAction({ taskId, actionId: action.id }, submitCallbacks);
-    }
-  };
-  const handleConfirm = () => {
-    if (!confirmAction) return;
-    if (confirmAction.form) {
-      setSubmitResultError(null);
-      setSelectedAction(confirmAction);
-      setActionModalOpened(true);
-    } else {
-      submitAction({ taskId, actionId: confirmAction.id }, submitCallbacks);
-    }
-    setConfirmAction(null);
-  };
-  const handleRetry = () => {
-    if (task?.selectedAction) {
-      setSubmitResultError(null);
-      submitAction({ taskId, actionId: task.selectedAction, payload: task.actionPayload }, submitCallbacks);
-    }
-  };
-  const handleViewExecution = () => {
-    if (!task?.targetExecutionId || !task.targetResourceId || !task.targetResourceType) return;
-    onViewExecution(task.targetResourceType, task.targetResourceId, task.targetExecutionId);
-  };
-  if (isLoading) return /* @__PURE__ */ jsx(AppShellLoader, {});
-  if (!task) {
-    return /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(
-        PageTitleCaption,
-        {
-          title: "Task Not Found",
-          rightSection: /* @__PURE__ */ jsx(Button, { variant: "subtle", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: onNavigateBack, size: "sm", children: "Back to Queue" })
-        }
-      ),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Text, { ta: "center", c: "dimmed", children: "This task no longer exists or could not be loaded." }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(
-      PageTitleCaption,
-      {
-        title: "Task Detail",
-        caption: task.description || "Task approval required",
-        rightSection: /* @__PURE__ */ jsx(Button, { variant: "light", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: onNavigateBack, size: "sm", children: "Back to Queue" })
-      }
-    ),
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsxs(Badge, { color: getPriorityColor(task.priority), variant: "light", size: "sm", children: [
-          "P",
-          task.priority
-        ] }),
-        /* @__PURE__ */ jsx(
-          Badge,
-          {
-            color: getStatusColor(task.status),
-            variant: "light",
-            size: "sm",
-            leftSection: task.status === "processing" ? /* @__PURE__ */ jsx(Loader, { size: 6 }) : void 0,
-            children: task.status.toUpperCase()
-          }
-        ),
-        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-          /* @__PURE__ */ jsx(IconClock, { size: 14, style: { verticalAlign: "middle", marginRight: 4 } }),
-          formatDate(task.createdAt)
-        ] }),
-        task.expiresAt && /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-          "Expires ",
-          formatDate(task.expiresAt)
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        task.status === "failed" && /* @__PURE__ */ jsx(Button, { variant: "light", color: "red", size: "xs", loading: isPending, onClick: handleRetry, children: "Retry" }),
-        /* @__PURE__ */ jsx(
-          ActionIcon,
-          {
-            variant: "subtle",
-            color: "red",
-            size: "sm",
-            disabled: task.status === "processing",
-            onClick: () => setDeleteConfirmOpened(true),
-            title: "Delete task",
-            children: /* @__PURE__ */ jsx(IconTrash, { size: 16 })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Title, { order: 3, children: "Resources" }),
-      /* @__PURE__ */ jsxs(SimpleGrid, { cols: 2, children: [
-        /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", children: "Task ID" }),
-          /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", c: "var(--color-text-subtle)", children: task.id }),
-            /* @__PURE__ */ jsx(CopyButton, { value: task.id, children: ({ copied, copy }) => /* @__PURE__ */ jsx(
-              ActionIcon,
-              {
-                onClick: copy,
-                variant: "subtle",
-                size: "xs",
-                color: copied ? "green" : "var(--color-text-subtle)",
-                children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 })
-              }
-            ) })
-          ] })
-        ] }),
-        task.humanCheckpoint && /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", children: "Checkpoint" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", c: "var(--color-text-subtle)", children: task.humanCheckpoint })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(SimpleGrid, { cols: 2, children: [
-        /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", children: "Origin Resource" }),
-          /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", c: "var(--color-text-subtle)", children: task.originResourceId }),
-            /* @__PURE__ */ jsx(CopyButton, { value: task.originResourceId, children: ({ copied, copy }) => /* @__PURE__ */ jsx(
-              ActionIcon,
-              {
-                onClick: copy,
-                variant: "subtle",
-                size: "xs",
-                color: copied ? "green" : "var(--color-text-subtle)",
-                children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 })
-              }
-            ) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", children: "Origin Execution ID" }),
-          /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", c: "var(--color-text-subtle)", children: task.originExecutionId }),
-            /* @__PURE__ */ jsx(CopyButton, { value: `${orgName}/${task.originResourceId} ${task.originExecutionId}`, children: ({ copied, copy }) => /* @__PURE__ */ jsx(
-              ActionIcon,
-              {
-                onClick: copy,
-                variant: "subtle",
-                size: "xs",
-                color: copied ? "green" : "var(--color-text-subtle)",
-                children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 })
-              }
-            ) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(SimpleGrid, { cols: 2, children: [
-        /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", children: "Target Resource" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", c: "var(--color-text-subtle)", children: task.targetResourceId || "N/A" })
-        ] }),
-        /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", children: "Target Execution ID" }),
-          /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", c: "var(--color-text-subtle)", children: task.targetExecutionId ?? "N/A" }),
-            task.targetExecutionId && /* @__PURE__ */ jsx(CopyButton, { value: `${orgName}/${task.targetResourceId} ${task.targetExecutionId}`, children: ({ copied, copy }) => /* @__PURE__ */ jsx(
-              ActionIcon,
-              {
-                onClick: copy,
-                variant: "subtle",
-                size: "xs",
-                color: copied ? "green" : "var(--color-text-subtle)",
-                children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 })
-              }
-            ) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "light",
-          color: "var(--color-primary)",
-          size: "sm",
-          leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 }),
-          onClick: () => window.open(
-            `/operations/resources/${task.originResourceType}/${task.originResourceId}?exec=${task.originExecutionId}`,
-            "_blank",
-            "noopener,noreferrer"
-          ),
-          children: "View Origin Execution"
-        }
-      ) })
-    ] }) }),
-    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Context" }),
-        /* @__PURE__ */ jsx(
-          SegmentedControl,
-          {
-            value: contextView,
-            onChange: (v) => setContextView(v),
-            size: "xs",
-            data: [
-              { label: "Formatted", value: "formatted" },
-              { label: "JSON", value: "json" }
-            ]
-          }
-        )
-      ] }),
-      contextView === "formatted" ? /* @__PURE__ */ jsx(ContextViewer, { data: task.context }) : /* @__PURE__ */ jsx(JsonViewer, { data: task.context })
-    ] }) }),
-    (task.status === "pending" || task.status === "failed") && task.actions.length > 0 && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-      /* @__PURE__ */ jsx(Title, { order: 3, children: "Actions" }),
-      /* @__PURE__ */ jsx(Group, { gap: "sm", children: task.actions.map((action) => {
-        const Icon = getIcon(action.icon);
-        const variant = "light";
-        return /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant,
-            color: action.color || (action.type === "danger" ? "red" : "blue"),
-            leftSection: Icon ? /* @__PURE__ */ jsx(Icon, { size: 16 }) : null,
-            loading: isPending,
-            onClick: () => handleActionClick(action),
-            title: action.description,
-            size: "sm",
-            children: action.label
-          },
-          action.id
-        );
-      }) })
-    ] }) }),
-    task.selectedAction && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-      /* @__PURE__ */ jsx(Title, { order: 3, children: "Action" }),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(ThemeIcon, { size: "sm", variant: "light", color: "green", radius: "xl", children: /* @__PURE__ */ jsx(IconCheck, { size: 12 }) }),
-        /* @__PURE__ */ jsxs(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: [
-          "Submitted: ",
-          task.actions.find((a) => a.id === task.selectedAction)?.label || task.selectedAction
-        ] }),
-        task.targetExecutionId && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "cyan", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 10 }), children: "Executed" })
-      ] }),
-      task.actionPayload !== void 0 && task.actionPayload !== null && /* @__PURE__ */ jsx(JsonViewer, { data: task.actionPayload, maxHeight: 200 }),
-      task.completedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        "Completed ",
-        formatDate(task.completedAt),
-        task.completedBy ? ` by ${task.completedBy}` : ""
-      ] }),
-      task.targetExecutionId && /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "light",
-          size: "sm",
-          leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 }),
-          onClick: handleViewExecution,
-          w: "fit-content",
-          children: "View Target Execution"
-        }
-      )
-    ] }) }),
-    submitResultError && /* @__PURE__ */ jsx(
-      Alert,
-      {
-        color: "red",
-        variant: "light",
-        icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }),
-        title: "Submission failed",
-        withCloseButton: true,
-        onClose: () => setSubmitResultError(null),
-        children: /* @__PURE__ */ jsx(Text, { size: "sm", style: { whiteSpace: "pre-line" }, children: submitResultError })
-      }
-    ),
-    /* @__PURE__ */ jsx(CustomModal, { opened: !!confirmAction, onClose: () => setConfirmAction(null), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(Text, { fw: 600, children: "Confirm Action" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", children: confirmAction?.confirmationMessage || `Are you sure you want to ${confirmAction?.label.toLowerCase()}?` }),
-      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setConfirmAction(null), children: "Cancel" }),
-        /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, children: confirmAction?.label })
-      ] })
-    ] }) }),
-    selectedAction && /* @__PURE__ */ jsx(
-      ActionModal,
-      {
-        action: selectedAction,
-        task,
-        opened: actionModalOpened,
-        onClose: () => {
-          setActionModalOpened(false);
-          resetSubmitAction();
-        },
-        onSubmit: (payload, notes) => {
-          submitAction(
-            { taskId, actionId: selectedAction.id, payload, notes },
-            {
-              onSuccess: (data) => {
-                submitCallbacks.onSuccess(data);
-                setActionModalOpened(false);
-              },
-              onError: submitCallbacks.onError
-            }
-          );
-        },
-        richTextRenderer,
-        error: submitError,
-        isPending
-      }
-    ),
-    /* @__PURE__ */ jsx(CustomModal, { opened: deleteConfirmOpened, onClose: () => setDeleteConfirmOpened(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(Text, { fw: 600, children: "Delete Task" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", children: "Are you sure you want to delete this task? This action cannot be undone." }),
-      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setDeleteConfirmOpened(false), children: "Cancel" }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            color: "red",
-            loading: isDeleting,
-            onClick: () => {
-              deleteTask(task.id, {
-                onSuccess: () => onNavigateBack()
-              });
-              setDeleteConfirmOpened(false);
-            },
-            children: "Delete"
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-}
-
-// src/hooks/operations/command-view/utils/transformCommandViewData.ts
-function transformCommandViewData(data) {
-  const nodes = [
-    // Map triggers (resourceId -> id)
-    ...data.triggers.map((trigger) => ({
-      id: trigger.resourceId,
-      type: "trigger",
-      name: trigger.name,
-      description: trigger.description,
-      status: trigger.status,
-      triggerType: trigger.triggerType,
-      webhookPath: trigger.webhookPath,
-      schedule: trigger.schedule
-    })),
-    // Map agents (resourceId -> id)
-    ...data.agents.map((agent) => {
-      const agentWithStats = agent;
-      return {
-        id: agent.resourceId,
-        type: "agent",
-        name: agent.name,
-        description: agent.description,
-        status: agent.status,
-        modelProvider: agent.modelProvider,
-        modelId: agent.modelId,
-        toolCount: agent.toolCount,
-        hasKnowledgeMap: agent.hasKnowledgeMap,
-        hasMemory: agent.hasMemory,
-        stats: agentWithStats.stats || null
-        // Preserve stats if present
-      };
-    }),
-    // Map workflows (resourceId -> id)
-    ...data.workflows.map((workflow) => {
-      const workflowWithStats = workflow;
-      return {
-        id: workflow.resourceId,
-        type: "workflow",
-        name: workflow.name,
-        description: workflow.description,
-        status: workflow.status,
-        stepCount: workflow.stepCount,
-        entryPoint: workflow.entryPoint,
-        stats: workflowWithStats.stats || null
-        // Preserve stats if present
-      };
-    }),
-    // Map integrations (resourceId -> id)
-    ...data.integrations.map((integration) => ({
-      id: integration.resourceId,
-      type: "integration",
-      name: integration.name,
-      description: integration.description,
-      status: integration.status,
-      provider: integration.provider,
-      connectionStatus: "connected",
-      // Default - runtime status not yet available
-      credentialName: integration.credentialName
-    })),
-    // Map external resources (resourceId -> id)
-    ...(data.externalResources ?? []).map((external) => ({
-      id: external.resourceId,
-      type: "external",
-      name: external.name,
-      description: external.description,
-      status: external.status,
-      platform: external.platform,
-      platformUrl: external.platformUrl,
-      externalId: external.externalId
-    })),
-    // Map human checkpoints to human nodes (resourceId -> id)
-    ...(data.humanCheckpoints ?? []).map((humanCheckpoint) => {
-      const checkpointWithStats = humanCheckpoint;
-      return {
-        id: humanCheckpoint.resourceId,
-        type: "human",
-        name: humanCheckpoint.name,
-        description: humanCheckpoint.description ?? "",
-        status: humanCheckpoint.status,
-        stats: checkpointWithStats.stats || null
-        // Preserve stats if present
-      };
-    })
-  ];
-  const edges = data.edges.map((edge, index) => ({
-    id: edge.id || `edge-${index}`,
-    source: edge.source,
-    target: edge.target,
-    relationship: edge.relationship
-  }));
-  return { nodes, edges };
-}
-
-// src/hooks/operations/command-view/utils/filterCommandViewData.ts
-function filterCommandViewData(data, filters) {
-  const { domains: selectedDomains, excludedDomains = [], status: statusFilter, showIntegrations } = filters;
-  const hasDomainFilter = selectedDomains.length > 0;
-  const hasExcludeFilter = excludedDomains.length > 0;
-  const hasStatusFilter = statusFilter !== "all";
-  const hasIntegrationFilter = !showIntegrations;
-  if (!hasDomainFilter && !hasExcludeFilter && !hasStatusFilter && !hasIntegrationFilter) {
-    return data;
-  }
-  const matchesDomainFilter = (domains) => {
-    if (hasExcludeFilter && (domains?.some((d) => excludedDomains.includes(d)) ?? false)) return false;
-    if (hasDomainFilter && !(domains?.some((d) => selectedDomains.includes(d)) ?? false)) return false;
-    return true;
-  };
-  const filteredAgents = data.agents.filter((agent) => {
-    if (hasStatusFilter && agent.status !== statusFilter) return false;
-    if (!matchesDomainFilter(agent.domains)) return false;
-    return true;
-  });
-  const filteredWorkflows = data.workflows.filter((workflow) => {
-    if (hasStatusFilter && workflow.status !== statusFilter) return false;
-    if (!matchesDomainFilter(workflow.domains)) return false;
-    return true;
-  });
-  const filteredTriggers = data.triggers.filter((trigger) => {
-    if (hasStatusFilter && trigger.status !== statusFilter) return false;
-    if (!matchesDomainFilter(trigger.domains)) return false;
-    return true;
-  });
-  const filteredIntegrations = showIntegrations ? data.integrations.filter((integration) => {
-    if (hasStatusFilter && integration.status !== statusFilter) return false;
-    if (!matchesDomainFilter(integration.domains)) return false;
-    return true;
-  }) : [];
-  const filteredExternalResources = (data.externalResources ?? []).filter((external) => {
-    if (hasStatusFilter && external.status !== statusFilter) return false;
-    if (!matchesDomainFilter(external.domains)) return false;
-    return true;
-  });
-  const filteredHumanCheckpoints = (data.humanCheckpoints ?? []).filter((checkpoint) => {
-    if (hasStatusFilter && checkpoint.status !== statusFilter) return false;
-    if (!matchesDomainFilter(checkpoint.domains)) return false;
-    return true;
-  });
-  const remainingNodeIds = /* @__PURE__ */ new Set([
-    ...filteredAgents.map((a) => a.resourceId),
-    ...filteredWorkflows.map((w) => w.resourceId),
-    ...filteredTriggers.map((t) => t.resourceId),
-    ...filteredIntegrations.map((i) => i.resourceId),
-    ...filteredExternalResources.map((e) => e.resourceId),
-    ...filteredHumanCheckpoints.map((h) => h.resourceId)
-  ]);
-  const filteredEdges = data.edges.filter(
-    (edge) => remainingNodeIds.has(edge.source) && remainingNodeIds.has(edge.target)
-  );
-  return {
-    ...data,
-    agents: filteredAgents,
-    workflows: filteredWorkflows,
-    triggers: filteredTriggers,
-    integrations: filteredIntegrations,
-    externalResources: filteredExternalResources,
-    humanCheckpoints: filteredHumanCheckpoints,
-    edges: filteredEdges
-  };
-}
-
-// src/hooks/operations/command-view/utils/mergeStatsWithTopology.ts
-function mergeStatsWithTopology(topology, stats) {
-  return {
-    ...topology,
-    agents: topology.agents.map((agent) => ({
-      ...agent,
-      stats: stats.resources[agent.resourceId] || null
-    })),
-    workflows: topology.workflows.map((workflow) => ({
-      ...workflow,
-      stats: stats.resources[workflow.resourceId] || null
-    })),
-    humanCheckpoints: topology.humanCheckpoints.map((checkpoint) => ({
-      ...checkpoint,
-      stats: stats.humanCheckpoints[checkpoint.resourceId] || null
-    }))
-  };
-}
-var FILTER_DEBOUNCE_DELAY = 150;
-var TOPBAR_AND_PADDING = 54;
-function CommandViewPage({ timeRange }) {
-  const { organizationReady } = useInitialization();
-  const { data, isLoading, error } = useCommandViewData();
-  const graphRef = useRef(null);
-  const statusFilter = useCommandViewStore((s) => s.statusFilter);
-  const showIntegrations = useCommandViewStore((s) => s.showIntegrations);
-  const fitViewOnFilter = useCommandViewStore((s) => s.fitViewOnFilter);
-  const selectedNodeId = useCommandViewStore((s) => s.selectedNodeId);
-  const setSelectedNodeId = useCommandViewStore((s) => s.setSelectedNodeId);
-  const domainFilters = useCommandViewDomainFilters((s) => s.filters);
-  const { includedDomains, excludedDomains } = useMemo(() => {
-    const included = [];
-    const excluded = [];
-    for (const [id, state] of Object.entries(domainFilters)) {
-      if (state === "include") included.push(id);
-      else if (state === "exclude") excluded.push(id);
-    }
-    return { includedDomains: included, excludedDomains: excluded };
-  }, [domainFilters]);
-  const { data: statsData, error: statsError } = useCommandViewStats(timeRange);
-  const cleanData = data ?? null;
-  const dataWithStats = useMemo(() => {
-    if (!cleanData) return null;
-    if (!statsData) return cleanData;
-    return mergeStatsWithTopology(cleanData, statsData);
-  }, [cleanData, statsData]);
-  const filteredData = useMemo(() => {
-    if (!dataWithStats) return null;
-    return filterCommandViewData(dataWithStats, {
-      domains: includedDomains,
-      excludedDomains,
-      status: statusFilter,
-      showIntegrations
-    });
-  }, [dataWithStats, includedDomains, excludedDomains, statusFilter, showIntegrations]);
-  const debouncedFitView = useCallback(
-    debounce(() => {
-      graphRef.current?.fitView();
-    }, FILTER_DEBOUNCE_DELAY),
-    []
-  );
-  useEffect(() => {
-    return () => debouncedFitView.cancel();
-  }, [debouncedFitView]);
-  useEffect(() => {
-    if (fitViewOnFilter) {
-      debouncedFitView();
-    }
-  }, [domainFilters, statusFilter, showIntegrations, debouncedFitView, fitViewOnFilter]);
-  if (!organizationReady) return /* @__PURE__ */ jsx(AppShellLoader, {});
-  const showLoader = isLoading && !data;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      style: {
-        height: `calc(100vh - ${TOPBAR_AND_PADDING}px)`,
-        position: "relative",
-        overflow: "hidden",
-        padding: "var(--mantine-spacing-sm)"
-      },
-      children: [
-        showLoader && /* @__PURE__ */ jsx(Center, { style: { height: "100%" }, children: /* @__PURE__ */ jsx(Loader, { size: "xl" }) }),
-        error && !data && /* @__PURE__ */ jsx(APIErrorAlert, { error }),
-        statsError && /* @__PURE__ */ jsx(APIErrorAlert, { error: statsError, title: "Failed to load execution stats", color: "yellow" }),
-        !showLoader && !error && !data && /* @__PURE__ */ jsx(Alert, { color: "gray", title: "No Resources", children: "No resources found for this organization. Create agents, workflows, or integrations to see them here." }),
-        filteredData && /* @__PURE__ */ jsx(
-          CommandViewGraph,
-          {
-            ref: graphRef,
-            graph: transformCommandViewData(filteredData),
-            height: "100%",
-            selectedNodeId,
-            onNodeSelect: setSelectedNodeId
-          }
-        )
-      ]
-    }
-  );
-}
-function ProjectCard({ project, onNavigate }) {
-  const deleteProject = useDeleteProject();
-  const handleClick = () => {
-    onNavigate(project.id);
-  };
-  const handleDelete = async (e) => {
-    e.stopPropagation();
-    if (window.confirm("Delete this project and all its runs?")) {
-      await deleteProject.mutateAsync(project.id);
-    }
-  };
-  return /* @__PURE__ */ jsx(Card, { shadow: "sm", withBorder: true, style: { cursor: "pointer" }, onClick: handleClick, children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "center", children: [
-        /* @__PURE__ */ jsx(IconFlask, { size: 20, color: "var(--color-primary)" }),
-        /* @__PURE__ */ jsx(Text, { fw: 600, lineClamp: 1, style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, children: project.name })
-      ] }),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Badge, { variant: "light", size: "sm", children: project.resourceType }),
-        /* @__PURE__ */ jsxs(Menu, { shadow: "md", width: 150, position: "bottom-end", children: [
-          /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(IconDotsVertical, { size: 16 }) }) }),
-          /* @__PURE__ */ jsx(Menu.Dropdown, { children: /* @__PURE__ */ jsx(Menu.Item, { leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 14 }), color: "red", onClick: handleDelete, children: "Delete" }) })
-        ] })
-      ] })
-    ] }),
-    project.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", lineClamp: 1, children: project.description }),
-    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-      "Created ",
-      new Date(project.createdAt).toLocaleDateString()
-    ] })
-  ] }) });
-}
-function CreateProjectModal({ opened, onClose, resourceId, resourceType }) {
-  const createProject = useCreateProject();
-  const form = useForm({
-    initialValues: {
-      name: "",
-      description: ""
-    },
-    validate: {
-      name: (value) => value.trim().length === 0 ? "Name is required" : null
-    }
-  });
-  const handleSubmit = async (values) => {
-    await createProject.mutateAsync({
-      resourceId,
-      resourceType,
-      name: values.name.trim(),
-      description: values.description.trim() || void 0
-    });
-    form.reset();
-    onClose();
-  };
-  return /* @__PURE__ */ jsx(Modal, { opened, onClose, title: "Create Calibration Project", children: /* @__PURE__ */ jsx("form", { onSubmit: form.onSubmit(handleSubmit), children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Project Name",
-        placeholder: "e.g., Q1 2025 Model Selection",
-        required: true,
-        ...form.getInputProps("name")
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Textarea,
-      {
-        label: "Description",
-        placeholder: "Optional: Describe the goal of this calibration project",
-        minRows: 2,
-        ...form.getInputProps("description")
-      }
-    ),
-    /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
-      /* @__PURE__ */ jsx(Button, { variant: "subtle", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ jsx(Button, { type: "submit", loading: createProject.isPending, children: "Create Project" })
-    ] })
-  ] }) }) });
-}
-function CalibrationPage({ resourceId, resourceType, onProjectNavigate }) {
-  const [createModalOpen, setCreateModalOpen] = useState(false);
-  const { data: projects, isLoading, error } = useCalibrationProjects(resourceId, resourceType);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), title: "Error", color: "red", children: "Failed to load calibration projects. Please try again." });
-  }
-  return /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Calibration Lab" }),
-        /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "Compare AI configurations and optimize performance" })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: () => setCreateModalOpen(true), children: "New Project" })
-    ] }),
-    projects && projects.length === 0 ? /* @__PURE__ */ jsx(
-      EmptyState,
-      {
-        icon: IconAdjustments,
-        title: "No projects yet",
-        description: "Create your first calibration project to start comparing AI configurations."
-      }
-    ) : /* @__PURE__ */ jsx(Stack, { children: projects?.map((project) => /* @__PURE__ */ jsx(ProjectCard, { project, onNavigate: onProjectNavigate }, project.id)) }),
-    /* @__PURE__ */ jsx(
-      CreateProjectModal,
-      {
-        opened: createModalOpen,
-        onClose: () => setCreateModalOpen(false),
-        resourceId,
-        resourceType
-      }
-    )
-  ] }) });
-}
-function CalibrationProjectDetailPage({
-  projectId,
-  calibrationRootPath,
-  renderRunCard,
-  renderCreateModal,
-  runs,
-  runsLoading
-}) {
-  const [createModalOpen, setCreateModalOpen] = useState(false);
-  const { organizationReady } = useInitialization();
-  const { data: project, isLoading: projectLoading, error: projectError } = useCalibrationProject(projectId);
-  const projectNotFound = !projectLoading && (projectError || !project);
-  const isLoading = projectLoading || runsLoading;
-  if (!organizationReady || isLoading) return /* @__PURE__ */ jsx(SubshellLoader, {});
-  if (!project || projectNotFound) {
-    return null;
-  }
-  const runCount = runs?.length ?? 0;
-  const caption = `${project.resourceType} \xB7 ${runCount} run${runCount !== 1 ? "s" : ""}`;
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(
-      PageTitleCaption,
-      {
-        title: project.name,
-        caption,
-        rightSection: /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "light",
-              size: "sm",
-              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
-              component: Link,
-              to: calibrationRootPath,
-              children: "Calibration"
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: () => setCreateModalOpen(true), children: "New Run" })
-        ] })
-      }
-    ),
-    runs && runs.length === 0 ? /* @__PURE__ */ jsx(Alert, { color: "gray", title: "No runs yet", children: "Create your first calibration run to start testing configurations." }) : /* @__PURE__ */ jsx(Stack, { gap: "md", children: runs?.map((run) => renderRunCard({ run, projectId })) }),
-    renderCreateModal({
-      opened: createModalOpen,
-      onClose: () => setCreateModalOpen(false),
-      projectId
-    })
-  ] });
-}
-function CalibrationProjectsPage({ onNavigateToProject }) {
-  const { organizationReady } = useInitialization();
-  const { data: projects, isLoading } = useAllCalibrationProjects();
-  if (!organizationReady || isLoading) return /* @__PURE__ */ jsx(SubshellLoader, {});
-  const projectCount = projects?.length ?? 0;
-  const caption = `${projectCount} Project${projectCount !== 1 ? "s" : ""}`;
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Calibration Lab", caption }),
-    projects && projects.length > 0 && /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, md: 2 }, children: projects.map((project) => /* @__PURE__ */ jsx(ProjectCard, { project, onNavigate: onNavigateToProject }, project.id)) })
-  ] });
-}
-function formatRelativeTime2(date) {
-  if (!date) return "N/A";
-  const dateObj = typeof date === "string" ? new Date(date) : date;
-  return formatDistanceToNow(dateObj, { addSuffix: true });
-}
-var FILTER_STATE_ICONS2 = {
-  neutral: IconCircleDashed,
-  include: IconCircleCheck,
-  exclude: IconCircleX
-};
-var FILTER_STATE_COLORS2 = {
-  neutral: "var(--color-surface-hover)",
-  include: "var(--mantine-color-green-6)",
-  exclude: "var(--mantine-color-red-6)"
-};
-var FILTER_STATE_LABELS2 = {
-  neutral: "Not filtered",
-  include: "Include only",
-  exclude: "Exclude"
-};
-var EXECUTION_SECTIONS = [
-  { status: "failed", title: "Failed Executions", badgeColor: "red" },
-  { status: "warning", title: "Warning Executions", badgeColor: "yellow" },
-  { status: "completed", title: "Successful Executions", badgeColor: null }
-];
-var HOVER_CARD_STYLE = {
-  cursor: "pointer",
-  transition: "box-shadow var(--duration-fast) var(--easing)",
-  textDecoration: "none",
-  color: "inherit"
-};
-function handleHoverEnter(e) {
-  e.currentTarget.style.boxShadow = "var(--standard-box-shadow)";
-}
-function handleHoverLeave(e) {
-  e.currentTarget.style.boxShadow = "";
-}
-function ExecutionStatusSection({ executions, status, title, badgeColor, resourceUrl }) {
-  const filtered = executions.filter((e) => e.status === status);
-  if (filtered.length === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: 8, children: [
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", children: title }),
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: filtered.length })
-    ] }),
-    /* @__PURE__ */ jsx(Stack, { gap: "xs", children: filtered.map((execution) => /* @__PURE__ */ jsxs(
-      Card,
-      {
-        padding: "xs",
-        withBorder: true,
-        component: "a",
-        href: `${resourceUrl}?exec=${execution.executionId}`,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        style: HOVER_CARD_STYLE,
-        onMouseEnter: handleHoverEnter,
-        onMouseLeave: handleHoverLeave,
-        children: [
-          /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: status === "failed" && execution.errorMessage ? 4 : 0, children: [
-            badgeColor ? /* @__PURE__ */ jsx(Badge, { size: "xs", color: badgeColor, variant: "light", children: status }) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "green", children: "\u2713 Completed" }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatRelativeTime2(execution.startedAt) })
-          ] }),
-          status === "failed" && execution.errorMessage && /* @__PURE__ */ jsx(Text, { size: "xs", c: "red", lineClamp: 2, children: execution.errorMessage })
-        ]
-      },
-      execution.executionId
-    )) }),
-    /* @__PURE__ */ jsx(Space, { h: "sm" })
-  ] });
-}
-function CommandViewSidebarContent({ timeRange }) {
-  const theme = useMantineTheme();
-  const colors = useCyberColors();
-  const statusFilter = useCommandViewStore((s) => s.statusFilter);
-  const setStatusFilter = useCommandViewStore((s) => s.setStatusFilter);
-  const showIntegrations = useCommandViewStore((s) => s.showIntegrations);
-  const setShowIntegrations = useCommandViewStore((s) => s.setShowIntegrations);
-  const fitViewOnFilter = useCommandViewStore((s) => s.fitViewOnFilter);
-  const setFitViewOnFilter = useCommandViewStore((s) => s.setFitViewOnFilter);
-  const selectedNodeId = useCommandViewStore((s) => s.selectedNodeId);
-  const domainFilters = useCommandViewDomainFilters((s) => s.filters);
-  const cycleDomainFilter = useCommandViewDomainFilters((s) => s.cycle);
-  const { data, isLoading } = useCommandViewData();
-  const { data: statsData } = useCommandViewStats(timeRange);
-  const cleanData = data ?? null;
-  const dataWithStats = useMemo(() => {
-    if (!cleanData) return null;
-    if (!statsData) return cleanData;
-    return mergeStatsWithTopology(cleanData, statsData);
-  }, [cleanData, statsData]);
-  const { donutSuccessCount, donutFailedCount } = useMemo(() => {
-    if (!cleanData || !statsData) return { donutSuccessCount: 0, donutFailedCount: 0 };
-    const allResources = [...cleanData.agents, ...cleanData.workflows];
-    const includes = Object.entries(domainFilters).filter(([, v]) => v === "include").map(([k]) => k);
-    const excludes = Object.entries(domainFilters).filter(([, v]) => v === "exclude").map(([k]) => k);
-    const filtered = allResources.filter((r) => {
-      const domains = r.domains || [];
-      if (excludes.length > 0 && domains.some((d) => excludes.includes(d))) return false;
-      if (includes.length > 0 && !domains.some((d) => includes.includes(d))) return false;
-      if (statusFilter !== "all" && r.status !== statusFilter) return false;
-      return true;
-    });
-    const filteredIds = new Set(filtered.map((r) => r.resourceId));
-    let success = 0;
-    let failed = 0;
-    for (const [id, stats] of Object.entries(statsData.resources)) {
-      if (filteredIds.has(id)) {
-        success += stats.successCount;
-        failed += stats.failureCount;
-      }
-    }
-    return { donutSuccessCount: success, donutFailedCount: failed };
-  }, [cleanData, statsData, domainFilters, statusFilter]);
-  const domainDefinitions = cleanData?.domainDefinitions ?? [];
-  const selectedNode = useMemo(() => {
-    if (!selectedNodeId || !dataWithStats) return null;
-    const allNodes = [
-      ...dataWithStats.agents || [],
-      ...dataWithStats.workflows || [],
-      ...dataWithStats.triggers || [],
-      ...dataWithStats.integrations || [],
-      ...dataWithStats.externalResources || [],
-      ...dataWithStats.humanCheckpoints || []
-    ];
-    return allNodes.find((node) => {
-      const nodeId = getNodeId(node);
-      return nodeId === selectedNodeId || node.name === selectedNodeId;
-    }) || null;
-  }, [selectedNodeId, dataWithStats]);
-  const isNavigable = selectedNode?.type === "agent" || selectedNode?.type === "workflow";
-  const isHumanCheckpoint = selectedNode?.type === "human";
-  const selectedResourceId = useMemo(() => {
-    if (!selectedNode) return null;
-    return getNodeId(selectedNode);
-  }, [selectedNode]);
-  const getNavigationUrl = () => {
-    if (!selectedNode || !selectedResourceId) return null;
-    if (selectedNode.type === "agent") return `/operations/resources/agent/${selectedResourceId}`;
-    if (selectedNode.type === "workflow") return `/operations/resources/workflow/${selectedResourceId}`;
-    if (selectedNode.type === "human") return `/command-center/command-queue?checkpoint=${selectedResourceId}`;
-    return null;
-  };
-  const resourceUrl = selectedNode?.type === "agent" ? `/operations/resources/agent/${selectedResourceId}` : `/operations/resources/workflow/${selectedResourceId}`;
-  const {
-    data: executionsData,
-    isLoading: executionsLoading,
-    error: executionsError
-  } = useResourceExecutions({
-    resourceId: selectedResourceId,
-    timeRange,
-    enabled: isNavigable
-  });
-  const {
-    data: checkpointTasksData,
-    isLoading: checkpointTasksLoading,
-    error: checkpointTasksError
-  } = useCheckpointTasks({
-    checkpointId: selectedResourceId,
-    enabled: isHumanCheckpoint
-  });
-  const totalExecutions = donutSuccessCount + donutFailedCount;
-  const successRate = totalExecutions > 0 ? donutSuccessCount / totalExecutions * 100 : 0;
-  const healthSegments = [
-    { name: "Completed", value: donutSuccessCount, color: colors.green },
-    { name: "Failed", value: donutFailedCount, color: colors.red }
-  ];
-  const centerValueColor = totalExecutions === 0 ? "var(--mantine-color-dimmed)" : successRate >= 95 ? colors.green : successRate >= 80 ? colors.yellow : colors.red;
-  if (isLoading && !data) {
-    return /* @__PURE__ */ jsx(Box, { style: { flex: 1, minHeight: 0, padding: theme.spacing.sm }, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
-  }
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      style: {
-        flex: 1,
-        minHeight: 0,
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden"
-      },
-      children: [
-        /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconSitemap, label: "Command View" }),
-        /* @__PURE__ */ jsx(Box, { style: { padding: theme.spacing.sm, paddingBottom: 0 }, children: /* @__PURE__ */ jsx(Box, { pb: "xs", mb: 4, children: /* @__PURE__ */ jsx(
-          CyberDonut,
-          {
-            title: `Execution Health (${timeRange})`,
-            segments: healthSegments,
-            centerValue: totalExecutions === 0 ? "\u2014" : `${Math.round(successRate)}%`,
-            centerLabel: `${totalExecutions} runs`,
-            centerValueColor,
-            glowId: "cvHealthGlow",
-            colors
-          }
-        ) }) }),
-        /* @__PURE__ */ jsxs("div", { style: { flex: 1, overflow: "auto" }, children: [
-          /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconAdjustmentsHorizontal, label: "Node Filters", withTopBorder: true }),
-          /* @__PURE__ */ jsxs(Stack, { gap: "sm", p: "sm", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", mb: 8, children: "Environment" }),
-              /* @__PURE__ */ jsx(
-                SegmentedControl,
-                {
-                  value: statusFilter,
-                  onChange: (value) => setStatusFilter(value),
-                  data: [
-                    { label: "All", value: "all" },
-                    { label: "Prod", value: "prod" },
-                    { label: "Dev", value: "dev" }
-                  ],
-                  size: "xs",
-                  fullWidth: true,
-                  color: "var(--color-primary)"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              Switch,
-              {
-                label: "Show Integrations",
-                description: "Toggle integration relationship edges",
-                checked: showIntegrations,
-                onChange: (event) => setShowIntegrations(event.currentTarget.checked),
-                size: "sm"
-              }
-            ),
-            domainDefinitions.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", mb: 8, children: "Domain" }),
-              /* @__PURE__ */ jsx(Stack, { gap: 2, children: [...domainDefinitions].sort((a, b) => {
-                const bottom = /* @__PURE__ */ new Set(["utility", "diagnostic"]);
-                const aB = bottom.has(a.id) ? 1 : 0;
-                const bB = bottom.has(b.id) ? 1 : 0;
-                if (aB !== bB) return aB - bB;
-                return a.name.localeCompare(b.name);
-              }).map((domain) => {
-                const filterState = domainFilters[domain.id] || "neutral";
-                const StateIcon = FILTER_STATE_ICONS2[filterState];
-                return /* @__PURE__ */ jsx(
-                  UnstyledButton,
-                  {
-                    title: FILTER_STATE_LABELS2[filterState],
-                    onClick: () => cycleDomainFilter(domain.id),
-                    py: 5,
-                    px: 6,
-                    style: {
-                      transition: "background-color var(--duration-fast) var(--easing)",
-                      "&:hover": { backgroundColor: "var(--color-surface-hover)" }
-                    },
-                    children: /* @__PURE__ */ jsxs(Group, { gap: 10, wrap: "nowrap", children: [
-                      /* @__PURE__ */ jsx(
-                        StateIcon,
-                        {
-                          size: 16,
-                          style: {
-                            color: FILTER_STATE_COLORS2[filterState],
-                            flexShrink: 0,
-                            transition: "color var(--duration-fast) var(--easing)"
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        Text,
-                        {
-                          size: "sm",
-                          truncate: true,
-                          fw: filterState !== "neutral" ? 500 : 400,
-                          c: filterState !== "neutral" ? void 0 : "dimmed",
-                          children: domain.name
-                        }
-                      )
-                    ] })
-                  },
-                  domain.id
-                );
-              }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconSettings, label: "Settings", withTopBorder: true }),
-          /* @__PURE__ */ jsx(Stack, { gap: "sm", p: "sm", children: /* @__PURE__ */ jsx(
-            Switch,
-            {
-              label: "Fit view on filter",
-              description: "Re-center graph when filters change",
-              checked: fitViewOnFilter,
-              onChange: (event) => setFitViewOnFilter(event.currentTarget.checked),
-              size: "sm"
-            }
-          ) }),
-          selectedNode && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Divider, {}),
-            /* @__PURE__ */ jsxs(Stack, { gap: "xs", p: "sm", mt: 8, children: [
-              /* @__PURE__ */ jsx(Title, { order: 4, children: selectedNode.name }),
-              selectedNode.description && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: selectedNode.description }),
-              (isNavigable || isHumanCheckpoint) && /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  component: "a",
-                  href: getNavigationUrl() || "#",
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  variant: "light",
-                  size: "xs",
-                  leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 }),
-                  mt: 4,
-                  children: [
-                    "Go to",
-                    " ",
-                    selectedNode.type === "agent" ? "Agent" : selectedNode.type === "workflow" ? "Workflow" : "Queue"
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(Space, { h: "sm" })
-            ] })
-          ] }),
-          selectedNode && isNavigable && /* @__PURE__ */ jsx(Stack, { p: "sm", children: executionsLoading ? /* @__PURE__ */ jsx(Center, { py: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : executionsError ? /* @__PURE__ */ jsx(APIErrorAlert, { error: executionsError, title: "Failed to load executions" }) : executionsData && executionsData.executions.length > 0 ? EXECUTION_SECTIONS.map((section) => /* @__PURE__ */ jsx(
-            ExecutionStatusSection,
-            {
-              executions: executionsData.executions,
-              status: section.status,
-              title: section.title,
-              badgeColor: section.badgeColor,
-              resourceUrl
-            },
-            section.status
-          )) : executionsData ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No executions in the selected time range" }) : null }),
-          selectedNode && isHumanCheckpoint && /* @__PURE__ */ jsx(Stack, { p: "sm", children: checkpointTasksLoading ? /* @__PURE__ */ jsx(Center, { py: "md", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : checkpointTasksError ? /* @__PURE__ */ jsx(APIErrorAlert, { error: checkpointTasksError, title: "Failed to load pending tasks" }) : checkpointTasksData && checkpointTasksData.tasks.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: 8, children: [
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", children: "Pending Tasks" }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: checkpointTasksData.tasks.length })
-            ] }),
-            /* @__PURE__ */ jsx(Stack, { gap: "xs", children: checkpointTasksData.tasks.map((task) => /* @__PURE__ */ jsxs(
-              Card,
-              {
-                padding: "xs",
-                withBorder: true,
-                component: "a",
-                href: `/command-center/command-queue?task=${task.id}`,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                style: HOVER_CARD_STYLE,
-                onMouseEnter: handleHoverEnter,
-                onMouseLeave: handleHoverLeave,
-                children: [
-                  /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: task.description ? 4 : 0, children: [
-                    /* @__PURE__ */ jsx(Badge, { size: "xs", color: "orange", variant: "light", children: "pending" }),
-                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatRelativeTime2(task.createdAt) })
-                  ] }),
-                  task.description && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", lineClamp: 2, children: task.description })
-                ]
-              },
-              task.id
-            )) })
-          ] }) : checkpointTasksData ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No pending tasks" }) : null })
-        ] })
-      ]
-    }
-  );
-}
-function ComparisonTable({ run, logs, metrics }) {
-  if (run.results.length === 0) {
-    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Text, { c: "dimmed", ta: "center", children: "No results yet. Execute the calibration run to see comparisons." }) });
-  }
-  return /* @__PURE__ */ jsx(Stack, { children: run.results.map((result, index) => /* @__PURE__ */ jsx(ResultCard, { result, run, logs, metrics }, index)) });
-}
-function ResultCard({ result, run, logs, metrics }) {
-  const [expanded, setExpanded] = useState(false);
-  const isSingleResult = "executionId" in result;
-  const executionId = isSingleResult ? result.executionId : result.sessionId;
-  const inputIndex = isSingleResult ? result.inputIndex : 0;
-  const log = logs[executionId];
-  const metric = metrics[executionId];
-  const statusColors = {
-    pending: "gray",
-    running: "blue",
-    completed: "green",
-    failed: "red"
-  };
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      withBorder: true,
-      style: {
-        cursor: "pointer",
-        transition: "background-color var(--duration-fast) var(--easing)"
-      },
-      children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", onClick: () => setExpanded(!expanded), children: [
-          /* @__PURE__ */ jsxs(Group, { gap: "md", wrap: "nowrap", children: [
-            /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", children: expanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: 16 }) : /* @__PURE__ */ jsx(IconChevronRight, { size: 16 }) }),
-            /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: result.variantName }),
-              run.executionMode === "single" && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-                "Input #",
-                inputIndex + 1
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(Group, { gap: "md", wrap: "nowrap", children: [
-            metric?.totalDuration && metric.totalDuration > 0 && /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
-              /* @__PURE__ */ jsx(IconClock, { size: 14, style: { opacity: 0.5 } }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-                (metric.totalDuration / 1e3).toFixed(2),
-                "s"
-              ] })
-            ] }),
-            metric?.totalCost && metric.totalCost > 0 && /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
-              /* @__PURE__ */ jsx(IconCoin, { size: 14, style: { opacity: 0.5 } }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-                "$",
-                metric.totalCost.toFixed(4)
-              ] })
-            ] }),
-            run.gradingRubric && result.grade && /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
-              result.grade.passed ? /* @__PURE__ */ jsx(IconCheck, { size: 14, color: "var(--color-success)" }) : /* @__PURE__ */ jsx(IconX, { size: 14, color: "var(--color-error)" }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-                (result.grade.score * 100).toFixed(0),
-                "%"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(Badge, { color: statusColors[result.status], size: "sm", children: result.status })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Collapse, { in: expanded, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", mt: "md", pt: "md", style: { borderTop: "1px solid var(--color-border)" }, children: [
-          run.testInputs[inputIndex] !== void 0 && /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, c: "dimmed", mb: "xs", children: "INPUT" }),
-            /* @__PURE__ */ jsx(Paper, { style: { background: "var(--color-background)" }, children: /* @__PURE__ */ jsx(JsonViewer, { data: run.testInputs[inputIndex], maxHeight: "200px" }) })
-          ] }),
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, c: "dimmed", mb: "xs", children: "OUTPUT" }),
-            /* @__PURE__ */ jsx(Paper, { style: { background: "var(--color-background)" }, children: log?.output ? /* @__PURE__ */ jsx(JsonViewer, { data: log.output, maxHeight: "300px" }) : result.errorMessage ? /* @__PURE__ */ jsx(Text, { c: "red", size: "sm", children: result.errorMessage }) : /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "No output available" }) })
-          ] }),
-          log?.error && /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, c: "red", mb: "xs", children: "ERROR" }),
-            /* @__PURE__ */ jsxs(Paper, { style: { background: "var(--color-background)" }, children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", c: "red", children: log.error.message }),
-              log.error.category && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", mt: "xs", children: [
-                "Category: ",
-                log.error.category
-              ] })
-            ] })
-          ] }),
-          result.grade && /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, c: "dimmed", mb: "xs", children: "GRADE DETAILS" }),
-            /* @__PURE__ */ jsx(Paper, { style: { background: "var(--color-background)" }, children: /* @__PURE__ */ jsx(Stack, { gap: "xs", children: Object.entries(result.grade.details).map(([criterion, detail]) => {
-              const d = detail;
-              return /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
-                /* @__PURE__ */ jsx(Text, { size: "sm", children: criterion }),
-                /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-                  /* @__PURE__ */ jsxs(Badge, { size: "sm", color: d.score >= 0.7 ? "green" : d.score >= 0.4 ? "yellow" : "red", children: [
-                    (d.score * 100).toFixed(0),
-                    "%"
-                  ] }),
-                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { maxWidth: 300 }, lineClamp: 1, children: d.justification })
-                ] })
-              ] }, criterion);
-            }) }) })
-          ] }),
-          result.gradeError && /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, c: "red", mb: "xs", children: "GRADING ERROR" }),
-            /* @__PURE__ */ jsx(Paper, { style: { background: "var(--color-background)" }, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "red", children: result.gradeError }) })
-          ] })
-        ] }) })
-      ]
-    }
-  );
-}
-function GradingPanel({ run, rubric }) {
-  const variantSummaries = run.configVariants.map((variant) => {
-    const variantResults = run.results.filter((r) => r.variantName === variant.variantName);
-    const gradedResults = variantResults.filter((r) => r.grade);
-    const avgScore = gradedResults.length > 0 ? gradedResults.reduce((sum, r) => sum + (r.grade?.score ?? 0), 0) / gradedResults.length : null;
-    const passRate = gradedResults.length > 0 ? gradedResults.filter((r) => r.grade?.passed).length / gradedResults.length : null;
-    return {
-      variantName: variant.variantName,
-      avgScore,
-      passRate,
-      total: variantResults.length,
-      graded: gradedResults.length
-    };
-  });
-  return /* @__PURE__ */ jsxs(Stack, { gap: "lg", children: [
-    /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "md", children: "Grading Rubric" }),
-      /* @__PURE__ */ jsxs(Text, { size: "sm", mb: "md", children: [
-        "Passing threshold: ",
-        (rubric.passingThreshold * 100).toFixed(0),
-        "%"
-      ] }),
-      /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-          /* @__PURE__ */ jsx(Table.Th, { children: "Criterion" }),
-          /* @__PURE__ */ jsx(Table.Th, { children: "Weight" }),
-          /* @__PURE__ */ jsx(Table.Th, { children: "Description" })
-        ] }) }),
-        /* @__PURE__ */ jsx(Table.Tbody, { children: rubric.criteria.map((criterion, i) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-          /* @__PURE__ */ jsx(Table.Td, { fw: 500, children: criterion.name }),
-          /* @__PURE__ */ jsxs(Table.Td, { children: [
-            (criterion.weight * 100).toFixed(0),
-            "%"
-          ] }),
-          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: criterion.description }) })
-        ] }, i)) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "md", children: "Results by Variant" }),
-      /* @__PURE__ */ jsx(Stack, { gap: "md", children: variantSummaries.map((summary, i) => /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: "xs", children: [
-          /* @__PURE__ */ jsx(Text, { fw: 500, children: summary.variantName }),
-          summary.avgScore !== null && /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(
-              ThemeIcon,
-              {
-                size: "sm",
-                color: summary.avgScore >= rubric.passingThreshold ? "green" : "red",
-                variant: "light",
-                children: summary.avgScore >= rubric.passingThreshold ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconX, { size: 14 })
-              }
-            ),
-            /* @__PURE__ */ jsxs(Text, { fw: 500, children: [
-              (summary.avgScore * 100).toFixed(0),
-              "%"
-            ] })
-          ] })
-        ] }),
-        summary.avgScore !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Progress,
-            {
-              value: summary.avgScore * 100,
-              color: summary.avgScore >= rubric.passingThreshold ? "green" : "red",
-              size: "sm",
-              mb: "xs"
-            }
-          ),
-          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-            "Pass rate: ",
-            summary.passRate !== null ? `${(summary.passRate * 100).toFixed(0)}%` : "-",
-            " \xB7",
-            " ",
-            summary.graded,
-            "/",
-            summary.total,
-            " graded"
-          ] })
-        ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Not graded yet" })
-      ] }, i)) })
-    ] })
-  ] });
-}
-function CalibrationProgress({ runId, manager, apiUrl }) {
-  const { connected, events, summary, isComplete, error } = useCalibrationSSE({
-    runId,
-    manager,
-    apiUrl,
-    enabled: true
-  });
-  const executionStarted = events.filter((e) => e.type === "execution-started" || e.type === "session-started").length;
-  const executionCompleted = events.filter(
-    (e) => e.type === "execution-completed" || e.type === "session-completed"
-  ).length;
-  const executionFailed = events.filter((e) => e.type === "execution-failed").length;
-  const gradingCompleted = events.filter((e) => e.type === "grading-completed").length;
-  const progressPercent = summary ? (summary.completed + summary.failed) / summary.total * 100 : executionStarted > 0 ? executionCompleted / executionStarted * 100 : 0;
-  return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-      connected ? /* @__PURE__ */ jsx(Badge, { color: "green", leftSection: /* @__PURE__ */ jsx(Loader, { size: 10 }), children: "Live" }) : /* @__PURE__ */ jsx(Badge, { color: "gray", children: "Connecting..." }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: isComplete ? "Calibration complete" : "Calibration in progress..." })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: "xs", children: [
-        /* @__PURE__ */ jsx(Text, { size: "sm", children: "Progress" }),
-        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-          executionCompleted,
-          "/",
-          executionStarted || "?",
-          " executions"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Progress,
-        {
-          value: progressPercent,
-          color: error ? "red" : isComplete ? "green" : void 0,
-          animated: !isComplete
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(Group, { gap: "xl", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Completed" }),
-        /* @__PURE__ */ jsx(Text, { size: "lg", fw: 500, c: "green", children: executionCompleted })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Failed" }),
-        /* @__PURE__ */ jsx(Text, { size: "lg", fw: 500, c: "red", children: executionFailed })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Graded" }),
-        /* @__PURE__ */ jsx(Text, { size: "lg", fw: 500, children: gradingCompleted })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, mb: "xs", children: "Recent Activity" }),
-      /* @__PURE__ */ jsx(Timeline, { active: events.length, bulletSize: 20, lineWidth: 2, children: events.slice(-5).map((event, index) => /* @__PURE__ */ jsx(Timeline.Item, { bullet: getEventBullet(event), title: getEventTitle(event), children: /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "xs", children: getEventDescription(event) }) }, index)) })
-    ] }),
-    error && /* @__PURE__ */ jsxs(Text, { c: "red", size: "sm", children: [
-      "Error: ",
-      error
-    ] })
-  ] }) });
-}
-function getEventBullet(event) {
-  const iconSize = 12;
-  switch (event.type) {
-    case "execution-started":
-    case "session-started":
-    case "turn-started":
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, radius: "xl", children: /* @__PURE__ */ jsx(IconPlayerPlay, { size: iconSize }) });
-    case "execution-completed":
-    case "session-completed":
-    case "turn-completed":
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, color: "green", radius: "xl", children: /* @__PURE__ */ jsx(IconCheck, { size: iconSize }) });
-    case "execution-failed":
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, color: "red", radius: "xl", children: /* @__PURE__ */ jsx(IconX, { size: iconSize }) });
-    case "grading-started":
-    case "grading-completed":
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, color: "violet", radius: "xl", children: /* @__PURE__ */ jsx(IconChartBar, { size: iconSize }) });
-    case "grading-failed":
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, color: "red", radius: "xl", children: /* @__PURE__ */ jsx(IconX, { size: iconSize }) });
-    default:
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, color: "gray", radius: "xl", children: /* @__PURE__ */ jsx(IconClock, { size: iconSize }) });
-  }
-}
-function getEventTitle(event) {
-  switch (event.type) {
-    case "connected":
-      return "Connected";
-    case "execution-started":
-      return `Started: ${event.variantName}`;
-    case "execution-completed":
-      return `Completed: ${event.variantName}`;
-    case "execution-failed":
-      return `Failed: ${event.variantName}`;
-    case "session-started":
-      return `Session started: ${event.variantName}`;
-    case "session-completed":
-      return `Session completed: ${event.variantName}`;
-    case "turn-started":
-      return `Turn ${event.turnNumber}: ${event.variantName}`;
-    case "turn-completed":
-      return `Turn ${event.turnNumber} done: ${event.variantName}`;
-    case "grading-started":
-      return `Grading: ${event.variantName}`;
-    case "grading-completed":
-      return `Graded: ${event.variantName} (${(event.score * 100).toFixed(0)}%)`;
-    case "grading-failed":
-      return `Grading failed: ${event.variantName}`;
-    case "calibration-completed":
-      return "Calibration complete";
-    case "calibration-failed":
-      return "Calibration failed";
-    default:
-      return "Unknown event";
-  }
-}
-function getEventDescription(event) {
-  switch (event.type) {
-    case "execution-started":
-      return `Input #${(event.inputIndex ?? 0) + 1}`;
-    case "execution-completed":
-      return `Input #${(event.inputIndex ?? 0) + 1}`;
-    case "execution-failed":
-      return event.error;
-    case "session-completed":
-      return `${event.turnCount} turns`;
-    case "grading-failed":
-      return event.error;
-    case "calibration-completed":
-      return `${event.summary.completed}/${event.summary.total} succeeded`;
-    case "calibration-failed":
-      return event.error;
-    default:
-      return "";
-  }
-}
-var STATUS_COLORS = {
-  pending: "gray",
-  running: "blue",
-  completed: "green",
-  partial: "yellow",
-  failed: "red"
-};
-function CalibrationRunDetailPage({
-  runId,
-  onNavigateToProject,
-  renderSessionComparison,
-  manager,
-  apiUrl
-}) {
-  const { organizationReady } = useInitialization();
-  const { data: fullData, isLoading, error, refetch } = useCalibrationRunFull(runId);
-  const executeRun = useExecuteRun();
-  const gradeRun = useGradeRun();
-  const [inputsExpanded, setInputsExpanded] = useState(false);
-  if (!organizationReady || isLoading) return /* @__PURE__ */ jsx(SubshellLoader, {});
-  if (!fullData || error) {
-    return null;
-  }
-  const { run, logs, metrics } = fullData;
-  const handleExecute = async () => {
-    await executeRun.mutateAsync(runId);
-    refetch();
-  };
-  const handleGrade = async () => {
-    await gradeRun.mutateAsync({
-      runId,
-      rubric: run.gradingRubric ?? void 0,
-      graderModel: run.graderModel ?? void 0
-    });
-    refetch();
-  };
-  const completedCount = run.results.filter((r) => r.status === "completed").length;
-  const failedCount = run.results.filter((r) => r.status === "failed").length;
-  const totalDuration = Object.values(metrics).reduce((sum, m) => {
-    const metric = m;
-    return sum + (metric.totalDuration || 0);
-  }, 0);
-  const totalCost = Object.values(metrics).reduce((sum, m) => {
-    const metric = m;
-    return sum + (metric.totalCost || 0);
-  }, 0);
-  const caption = `${run.configVariants.length} variants \xB7 ${run.testInputs.length} inputs`;
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(
-      PageTitleCaption,
-      {
-        title: run.name,
-        caption,
-        rightSection: /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "light",
-              size: "sm",
-              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
-              onClick: () => onNavigateToProject(run.projectId),
-              children: "Project"
-            }
-          ),
-          /* @__PURE__ */ jsx(Badge, { color: STATUS_COLORS[run.status], children: run.status }),
-          /* @__PURE__ */ jsx(Badge, { variant: "outline", children: run.executionMode }),
-          run.status === "pending" && /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), onClick: handleExecute, loading: executeRun.isPending, children: "Execute" }),
-          run.status === "completed" && run.gradingRubric && /* @__PURE__ */ jsx(
-            Button,
-            {
-              leftSection: /* @__PURE__ */ jsx(IconReportAnalytics, { size: 16 }),
-              variant: "outline",
-              onClick: handleGrade,
-              loading: gradeRun.isPending,
-              children: "Re-Grade"
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-      /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "wrap", gap: "sm", children: [
-        run.results.length > 0 && /* @__PURE__ */ jsxs(Group, { gap: "md", children: [
-          /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(IconCheck, { size: 14, color: "var(--color-success)" }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, c: "green", children: completedCount }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "completed" })
-          ] }),
-          failedCount > 0 && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(IconX, { size: 14, color: "var(--color-error)" }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, c: "red", children: failedCount }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "failed" })
-          ] }),
-          totalDuration > 0 && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(IconClock, { size: 14, style: { opacity: 0.5 } }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-              (totalDuration / 1e3).toFixed(1),
-              "s"
-            ] })
-          ] }),
-          totalCost > 0 && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(IconCoin, { size: 14, style: { opacity: 0.5 } }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-              "$",
-              totalCost.toFixed(4)
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Group, { gap: "md", children: [
-          run.createdAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-            "Created: ",
-            new Date(run.createdAt).toLocaleString()
-          ] }),
-          run.completedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-            "Completed: ",
-            new Date(run.completedAt).toLocaleString()
-          ] })
-        ] })
-      ] }),
-      run.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mt: "xs", children: run.description }),
-      /* @__PURE__ */ jsxs(Box, { mt: "sm", pt: "sm", style: { borderTop: "1px solid var(--color-border)" }, children: [
-        /* @__PURE__ */ jsxs(Group, { gap: "xs", style: { cursor: "pointer" }, onClick: () => setInputsExpanded(!inputsExpanded), children: [
-          /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", children: inputsExpanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: 16 }) : /* @__PURE__ */ jsx(IconChevronRight, { size: 16 }) }),
-          /* @__PURE__ */ jsxs(Text, { fw: 500, size: "sm", children: [
-            "Test Inputs (",
-            run.testInputs.length,
-            ")"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Collapse, { in: inputsExpanded, children: /* @__PURE__ */ jsx(Stack, { mt: "sm", children: run.testInputs.map((input, index) => /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", mb: "xs", children: [
-            "Input #",
-            index + 1
-          ] }),
-          /* @__PURE__ */ jsx(Paper, { style: { background: "var(--color-background)" }, children: /* @__PURE__ */ jsx(JsonViewer, { data: input, maxHeight: "150px" }) })
-        ] }, index)) }) })
-      ] })
-    ] }),
-    run.status === "running" && /* @__PURE__ */ jsx(CalibrationProgress, { runId, manager, apiUrl }),
-    /* @__PURE__ */ jsxs(Tabs, { defaultValue: "comparison", children: [
-      /* @__PURE__ */ jsxs(Tabs.List, { children: [
-        /* @__PURE__ */ jsx(Tabs.Tab, { value: "comparison", children: "Results" }),
-        run.gradingRubric && /* @__PURE__ */ jsx(Tabs.Tab, { value: "grading", children: "Grading" })
-      ] }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "comparison", pt: "sm", children: run.executionMode === "session" ? renderSessionComparison?.({ run }) : /* @__PURE__ */ jsx(ComparisonTable, { run, logs, metrics }) }),
-      run.gradingRubric && /* @__PURE__ */ jsx(Tabs.Panel, { value: "grading", pt: "sm", children: /* @__PURE__ */ jsx(GradingPanel, { run, rubric: run.gradingRubric }) })
-    ] })
-  ] });
-}
-function CalibrationSidebar({
-  currentProjectId,
-  currentRunId,
-  currentPath,
-  onProjectClick,
-  onRunClick
-}) {
-  const theme = useMantineTheme();
-  const queryClient = useQueryClient();
-  const { organizationReady } = useInitialization();
-  const { data: projects, isLoading: isProjectsLoading } = useAllCalibrationProjects();
-  const [expandedProjects, setExpandedProjects] = useState(() => {
-    if (currentProjectId) {
-      return { [currentProjectId]: true };
-    }
-    return {};
-  });
-  const toggleProject = (projectId) => {
-    setExpandedProjects((prev) => ({
-      ...prev,
-      [projectId]: !prev[projectId]
-    }));
-  };
-  const handleRefresh = () => {
-    queryClient.invalidateQueries({ queryKey: [...calibrationKeys.all, "projects"] });
-  };
-  const hasData = projects && projects.length > 0;
-  const isInitialLoading = !organizationReady || isProjectsLoading && !hasData;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      style: {
-        flex: 1,
-        minHeight: 0,
-        padding: theme.spacing.sm,
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden"
-      },
-      children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: "md", mt: "-4", pt: "0", style: { flexShrink: 0 }, children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "dimmed", tt: "uppercase", children: "Projects" }),
-          /* @__PURE__ */ jsx(UnstyledButton, { title: "Refresh projects", onClick: handleRefresh, children: /* @__PURE__ */ jsx(IconRefresh, { size: 14, style: { opacity: 0.6 } }) })
-        ] }),
-        /* @__PURE__ */ jsx(ScrollArea, { style: { flex: 1, minHeight: 0 }, scrollbarSize: 8, children: isInitialLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : projects && projects.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: "xs", children: projects.map((project) => /* @__PURE__ */ jsx(
-          ProjectGroup,
-          {
-            project,
-            isExpanded: expandedProjects[project.id] || false,
-            currentPath,
-            currentRunId,
-            onToggle: () => toggleProject(project.id),
-            onProjectClick,
-            onRunClick
-          },
-          project.id
-        )) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { padding: "6px 8px" }, children: "No projects yet" }) })
-      ]
-    }
-  );
-}
-function ProjectGroup({
-  project,
-  isExpanded,
-  currentPath,
-  currentRunId,
-  onToggle,
-  onProjectClick,
-  onRunClick
-}) {
-  const { data: runs, isLoading: isRunsLoading } = useCalibrationRuns(isExpanded ? project.id : "");
-  const isProjectActive = currentPath.includes(`/project/${project.id}`);
-  const hasActiveRun = runs?.some((run) => run.id === currentRunId) || false;
-  const isActive = isProjectActive || hasActiveRun;
-  return /* @__PURE__ */ jsx(
-    CollapsibleSidebarGroup,
-    {
-      icon: IconFlask,
-      label: project.name,
-      isExpanded,
-      onToggle,
-      isActive,
-      onLabelClick: () => onProjectClick(project.id),
-      isEmpty: !runs || runs.length === 0,
-      emptyMessage: "No runs yet",
-      isLoading: isRunsLoading,
-      loadingComponent: /* @__PURE__ */ jsx(Center, { p: "xs", children: /* @__PURE__ */ jsx(Loader, { size: "xs" }) }),
-      children: runs?.map((run) => /* @__PURE__ */ jsx(RunItem, { run, isActive: currentRunId === run.id, onRunClick }, run.id))
-    }
-  );
-}
-function RunItem({ run, isActive, onRunClick }) {
-  return /* @__PURE__ */ jsx(SidebarListItem, { icon: IconPlayerPlay, label: run.name, isActive, onClick: () => onRunClick(run.id) });
-}
-function WorkflowExecutionPanel({
-  resourceId,
-  resourceDefinition,
-  sseManager,
-  apiUrl,
-  onConnectionStatus
-}) {
-  const theme = useMantineTheme();
-  const { executions, isLoading, selectedId, setSelectedId, streamingLogs } = useExecutionPanelState({
-    resourceId,
-    manager: sseManager,
-    apiUrl,
-    limit: PAGE_SIZE_DEFAULT,
-    onConnectionStatus
-  });
-  const [selectedStepId, setSelectedStepId] = useState(null);
-  const isValidSelection = selectedId && executions.some((e) => e.id === selectedId);
-  const { data: selectedExecution } = useExecution(resourceId, isValidSelection ? selectedId : "");
-  const executionStreamingLogs = selectedId ? streamingLogs.get(selectedId) : void 0;
-  const mergedExecution = useMergedExecution(selectedExecution, executionStreamingLogs);
-  const timelineData = useTimelineData(mergedExecution, resourceDefinition);
-  const isRemoteStub = resourceDefinition.steps.length === 1 && resourceDefinition.steps[0]?.id === "_remote";
-  useEffect(() => {
-    setSelectedStepId(null);
-  }, [selectedId]);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Center, { h: "100%", children: /* @__PURE__ */ jsx(Loader, { size: "md" }) });
-  }
-  return /* @__PURE__ */ jsxs(Stack, { gap: "0", style: { height: "100%", overflow: "hidden" }, children: [
-    isRemoteStub ? /* @__PURE__ */ jsx(Alert, { variant: "light", icon: /* @__PURE__ */ jsx(IconInfoCircle, { size: 16 }), m: "sm", children: "Workflow topology is not available for remotely deployed resources. Execution logs are shown below." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        UnifiedWorkflowGraph,
-        {
-          resourceDefinition,
-          executionLogs: mergedExecution?.executionLogs,
-          selectedStepId,
-          onStepSelect: setSelectedStepId
-        }
-      ),
-      timelineData && /* @__PURE__ */ jsx(WorkflowExecutionTimeline, { timelineData, selectedStepId })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          flex: 1,
-          overflow: "hidden",
-          padding: theme.spacing.sm
-        },
-        children: /* @__PURE__ */ jsx(
-          WorkflowExecutionLogs,
-          {
-            resourceId,
-            executionId: selectedId,
-            execution: mergedExecution,
-            selectedStepId,
-            timelineData,
-            onExecutionDeleted: () => setSelectedId(void 0)
-          }
-        )
-      }
-    )
-  ] });
-}
-function AgentExecutionPanel({
-  resourceId,
-  resourceDefinition,
-  sseManager,
-  apiUrl,
-  onConnectionStatus
-}) {
-  const theme = useMantineTheme();
-  const { isLoading, selectedId, setSelectedId, liveExecutions, streamingLogs } = useExecutionPanelState({
-    resourceId,
-    manager: sseManager,
-    apiUrl,
-    limit: PAGE_SIZE_DEFAULT,
-    onConnectionStatus
-  });
-  const [selectedIterationId, setSelectedIterationId] = useState(null);
-  const { data: selectedExecution } = useExecution(resourceId, selectedId || "");
-  const executionStreamingLogs = selectedId ? streamingLogs.get(selectedId) : void 0;
-  const mergedExecution = useMergedExecution(selectedExecution, executionStreamingLogs);
-  const iterationData = useAgentIterationData(mergedExecution, resourceDefinition);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Center, { h: "100%", p: "lg", children: /* @__PURE__ */ jsx(Loader, { size: "md" }) });
-  }
-  return /* @__PURE__ */ jsxs(Stack, { gap: "0", style: { height: "100%", overflow: "hidden" }, children: [
-    /* @__PURE__ */ jsx(
-      AgentExecutionVisualizer,
-      {
-        resourceDefinition,
-        iterationData,
-        selectedExecutionId: selectedId,
-        liveExecutions,
-        selectedIterationId,
-        onIterationSelect: setSelectedIterationId
-      }
-    ),
-    iterationData && /* @__PURE__ */ jsx(AgentExecutionTimeline, { iterationData, selectedIterationId }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          flex: 1,
-          overflow: "hidden",
-          padding: theme.spacing.sm
-        },
-        children: /* @__PURE__ */ jsx(
-          AgentExecutionLogs,
-          {
-            resourceId,
-            executionId: selectedId,
-            execution: mergedExecution,
-            selectedIterationId,
-            iterationData,
-            onExecutionDeleted: () => setSelectedId(void 0)
-          }
-        )
-      }
-    )
-  ] });
-}
-function ResourceDefinitionError({
-  resourceId,
-  resourceType,
-  resourceName
-}) {
-  const handleRefresh = () => {
-    window.location.reload();
-  };
-  return /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(Alert, { variant: "light", color: "red", title: "Resource Definition Error", icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-      "Failed to load resource definition for ",
-      resourceType,
-      ' "',
-      resourceName || resourceId,
-      '". This may indicate a data loading issue or an incompatible resource format.'
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-      "Resource ID: ",
-      resourceId,
-      /* @__PURE__ */ jsx("br", {}),
-      "Resource Type: ",
-      resourceType
-    ] }),
-    /* @__PURE__ */ jsx(Button, { variant: "light", size: "xs", leftSection: /* @__PURE__ */ jsx(IconRefresh, { size: 14 }), onClick: handleRefresh, mt: "xs", children: "Refresh Page" })
-  ] }) }) });
-}
-function isWorkflowDefinition(structure) {
-  return structure.config.type === "workflow";
-}
-function isAgentDefinition(structure) {
-  return structure.config.type === "agent";
-}
-function ExecutionPanel({
-  resourceId,
-  resourceType,
-  resourceName,
-  resourceDefinition,
-  sseManager,
-  apiUrl,
-  onConnectionStatus
-}) {
-  const diProps = { resourceId, resourceName, sseManager, apiUrl, onConnectionStatus };
-  switch (resourceType) {
-    case "workflow":
-      return isWorkflowDefinition(resourceDefinition) ? /* @__PURE__ */ jsx(WorkflowExecutionPanel, { ...diProps, resourceDefinition }) : /* @__PURE__ */ jsx(ResourceDefinitionError, { resourceId, resourceType, resourceName });
-    case "agent":
-      return isAgentDefinition(resourceDefinition) ? /* @__PURE__ */ jsx(AgentExecutionPanel, { ...diProps, resourceDefinition }) : /* @__PURE__ */ jsx(ResourceDefinitionError, { resourceId, resourceType, resourceName });
-    default:
-      return isWorkflowDefinition(resourceDefinition) ? /* @__PURE__ */ jsx(WorkflowExecutionPanel, { ...diProps, resourceDefinition }) : /* @__PURE__ */ jsx(ResourceDefinitionError, { resourceId, resourceType, resourceName });
-  }
-}
-function SessionListItem({ session, onClick, isSelected = false, onDeleted }) {
-  const deleteSession = useDeleteSession();
-  const [isDeleting, setIsDeleting] = useState(false);
-  const [showConfirmation, setShowConfirmation] = useState(false);
-  const handleClick = () => {
-    onClick(session.sessionId);
-  };
-  const handleDeleteClick = (e) => {
-    e.stopPropagation();
-    setShowConfirmation(true);
-  };
-  const handleConfirmDelete = async () => {
-    if (isDeleting) return;
-    setIsDeleting(true);
-    try {
-      await deleteSession.mutateAsync(session.sessionId);
-      setShowConfirmation(false);
-      onDeleted?.(session.sessionId);
-    } catch (error) {
-      console.error("Failed to delete session:", error);
-    } finally {
-      setIsDeleting(false);
-    }
-  };
-  const formatLastActivity = (date) => {
-    try {
-      return formatRelativeTime(date);
-    } catch {
-      return "unknown";
-    }
-  };
-  const titleColor = isSelected ? "var(--color-primary)" : "var(--color-text)";
-  const descriptionColor = isSelected ? "var(--color-text)" : "var(--color-text-subtle)";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Card,
-      {
-        p: "xs",
-        withBorder: isSelected,
-        style: {
-          cursor: "pointer",
-          backgroundColor: isSelected ? "color-mix(in srgb, var(--color-primary) 10%, transparent)" : "transparent",
-          border: "none",
-          boxShadow: "none",
-          transition: "all var(--duration-fast) var(--easing)",
-          opacity: isDeleting ? 0.5 : 1
-        },
-        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__ */ jsx(
-              ActionIcon,
-              {
-                size: "sm",
-                variant: "subtle",
-                color: "red",
-                onClick: handleDeleteClick,
-                loading: isDeleting,
-                disabled: isDeleting,
-                children: /* @__PURE__ */ jsx(IconTrash, { size: 16 })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: descriptionColor, children: formatLastActivity(session.updatedAt) })
-        ] })
-      }
-    ),
-    /* @__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? This action cannot be undone.",
-        buttonText: "Delete",
-        buttonColor: "red",
-        confirmationHandler: handleConfirmDelete,
-        loading: isDeleting
-      }
-    )
-  ] });
-}
-function SessionsPage({
-  isReady,
-  agentParam,
-  buildSessionDetailUrl,
-  buildSessionListUrl,
-  onNavigate
-}) {
-  const { data: resourcesData, isLoading: isResourcesLoading } = useResources();
-  const createSession = useCreateSession();
-  const [statusFilter, setStatusFilter] = useState("all");
-  const allAgents = (resourcesData?.agents || []).filter((agent) => agent.sessionCapable === true);
-  const filteredAgents = statusFilter === "all" ? allAgents : allAgents.filter((agent) => agent.status === statusFilter);
-  const selectedAgent = agentParam ? allAgents.find((a) => a.resourceId === agentParam) : void 0;
-  const { data: sessionsData } = useSessions({
-    resourceId: agentParam
-  });
-  const agentSessions = Array.isArray(sessionsData) ? sessionsData : [];
-  const handleCreateSession = async () => {
-    if (!selectedAgent) return;
-    try {
-      const result = await createSession.mutateAsync(selectedAgent.resourceId);
-      onNavigate(buildSessionDetailUrl(result.sessionId));
-    } catch (error) {
-      console.error("Failed to create session:", error);
-    }
-  };
-  const hasResourcesData = allAgents.length > 0;
-  if (!isReady || isResourcesLoading && !hasResourcesData) return /* @__PURE__ */ jsx(SubshellLoader, {});
-  return /* @__PURE__ */ jsxs(Stack, { style: { flex: 1 }, children: [
-    /* @__PURE__ */ jsx(
-      PageTitleCaption,
-      {
-        title: "Sessions",
-        caption: "Create and manage multi-turn agent conversations",
-        rightSection: !selectedAgent ? /* @__PURE__ */ jsx(ResourceFilter, { value: statusFilter, onChange: setStatusFilter }) : void 0
-      }
-    ),
-    selectedAgent ? /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsx(
-        CardHeader,
-        {
-          icon: /* @__PURE__ */ jsx(IconRobot, { size: 18 }),
-          title: selectedAgent.name,
-          subtitle: selectedAgent.description || "Simplest possible agent using GPT-5-mini",
-          rightSection: /* @__PURE__ */ jsx(
-            Button,
-            {
-              leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }),
-              onClick: handleCreateSession,
-              loading: createSession.isPending,
-              children: "New Session"
-            }
-          )
-        }
-      ),
-      agentSessions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Existing Sessions" }),
-          agentSessions.map((session) => /* @__PURE__ */ jsx(
-            SessionListItem,
-            {
-              session,
-              onClick: (sessionId) => onNavigate(buildSessionDetailUrl(sessionId))
-            },
-            session.sessionId
-          ))
-        ] })
-      ] })
-    ] }) }) : /* @__PURE__ */ jsx(Stack, { children: filteredAgents.length > 0 ? /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2, lg: 3 }, spacing: "sm", children: filteredAgents.map((agent) => /* @__PURE__ */ jsx(
-      ResourceCard,
-      {
-        resource: { ...agent, type: "agent" },
-        onClick: () => {
-          onNavigate(buildSessionListUrl(agent.resourceId));
-        }
-      },
-      agent.resourceId
-    )) }) : /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { align: "center", py: "xl", children: [
-      /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "No agents available" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Register agents to start conversation sessions" })
-    ] }) }) })
-  ] });
-}
-function SessionHeader({
-  session: _session,
-  connectionState,
-  onToggleSidebar,
-  isSidebarOpen,
-  tokenUsage
-}) {
-  const mockTokenUsage = tokenUsage || { used: 45e3, total: 128e3 };
-  return /* @__PURE__ */ jsx(
-    ChatHeader,
-    {
-      title: "Session Chat",
-      status: {
-        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"
-    }
-  );
-}
-function SessionChatInterface({
-  sessionId,
-  onConnectionStateChange,
-  renderConversationView
-}) {
-  return /* @__PURE__ */ jsx(Fragment, { children: renderConversationView({
-    sessionId,
-    onConnectionStateChange,
-    emptyStateText: "No messages yet",
-    emptyStateSubtext: "Send a message to start the conversation",
-    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 handleArchive = () => {
-    console.log("Archive session:", session.sessionId);
-  };
-  const handleExport = () => {
-    console.log("Export session:", session.sessionId);
-  };
-  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(Divider, {}),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 600, tt: "uppercase", mb: 8, children: "Actions" }),
-          /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                size: "sm",
-                variant: "light",
-                leftSection: /* @__PURE__ */ jsx(IconArchive, { size: 16 }),
-                onClick: handleArchive,
-                fullWidth: true,
-                children: [
-                  session.isEnded ? "Reopen" : "End",
-                  " Session"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                size: "sm",
-                variant: "light",
-                leftSection: /* @__PURE__ */ jsx(IconDownload, { size: 16 }),
-                onClick: handleExport,
-                fullWidth: true,
-                children: "Export Session"
-              }
-            )
-          ] })
-        ] })
-      ] }) }),
-      /* @__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);
-  const [connectionState, setConnectionState] = useState({
-    isConnected: false,
-    isProcessing: false,
-    error: null
-  });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        position: "relative",
-        display: "flex",
-        flexDirection: "column",
-        gap: "16px",
-        height: `calc(100vh - ${topbarHeight}px)`,
-        flexShrink: 0,
-        overflowX: "hidden"
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            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
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SessionDetailsSidebar,
-          {
-            session,
-            isOpen: isSidebarOpen,
-            onClose: () => setIsSidebarOpen(false),
-            organizationName,
-            onDeleted
-          }
-        )
-      ]
-    }
-  );
-}
-function SessionExecutionLogs({ sessionId, session, buildExecutionUrl }) {
-  const { data: executions, isLoading } = useSessionExecutions(sessionId);
-  if (isLoading) {
-    return /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(IconTimeline, { size: 20 }),
-        /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Execution Logs" })
-      ] }),
-      /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) })
-    ] });
-  }
-  if (!executions || executions.executions.length === 0) {
-    return /* @__PURE__ */ jsxs(Stack, { children: [
-      /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(IconTimeline, { size: 20 }),
-          /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Execution Logs" })
-        ] }),
-        /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: "0 turns" })
-      ] }),
-      /* @__PURE__ */ jsx(EmptyState, { icon: IconTimeline, title: "No execution logs yet" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(IconTimeline, { size: 20 }),
-        /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Execution Logs" })
-      ] }),
-      /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", children: [
-        executions.executions.length,
-        " ",
-        executions.executions.length === 1 ? "turn" : "turns"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Stack, { children: executions.executions.map((execution) => /* @__PURE__ */ jsx(
-      ExecutionItem,
-      {
-        execution,
-        session,
-        buildExecutionUrl
-      },
-      execution.executionId
-    )) })
-  ] });
-}
-function ExecutionItem({ execution, session: _session, buildExecutionUrl }) {
-  const statusConfig = getExecutionStatusConfig(execution.status);
-  const handleClick = () => {
-    const url = buildExecutionUrl(execution.executionId);
-    window.open(url, "_blank", "noopener,noreferrer");
-  };
-  return /* @__PURE__ */ jsx(
-    Paper,
-    {
-      p: "sm",
-      style: {
-        cursor: "pointer",
-        transition: "all var(--duration-fast) var(--easing)",
-        ":hover": {
-          backgroundColor: "var(--mantine-color-gray-0)"
-        }
-      },
-      onClick: handleClick,
-      children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
-        /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-          /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-            "Turn ",
-            execution.turnNumber
-          ] }),
-          /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: statusConfig.color, children: statusConfig.label }),
-          execution.duration && /* @__PURE__ */ jsxs(Badge, { size: "xs", variant: "light", children: [
-            (execution.duration / 1e3).toFixed(2),
-            "s"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatRelativeTime(execution.startedAt) }),
-          /* @__PURE__ */ jsx(IconExternalLink, { size: 16 })
-        ] })
-      ] })
-    }
-  );
-}
-function AgentChatOuterSubshellContainer({ children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        overflow: "auto",
-        minWidth: 0,
-        minHeight: `calc(100vh - ${topbarHeight}px)`,
-        paddingTop: `${topbarHeight}px`
-      },
-      children
-    }
-  );
-}
-function SessionChatPage({
-  sessionId,
-  isReady,
-  renderConversationView,
-  buildExecutionUrl,
-  buildSessionListUrl: _buildSessionListUrl,
-  organizationName
-}) {
-  const { data: session, isLoading: isSessionLoading } = useSession(sessionId);
-  if (!isReady || isSessionLoading) {
-    return /* @__PURE__ */ jsx(SubshellLoader, {});
-  }
-  if (!session) {
-    return /* @__PURE__ */ jsxs(Stack, { style: { flex: 1 }, children: [
-      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Session Not Found", caption: `Session ${sessionId} not found` }),
-      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "This session may have been deleted or does not exist." }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsx(
-    SessionChatPageContent,
-    {
-      sessionId,
-      session,
-      renderConversationView,
-      buildExecutionUrl,
-      organizationName
-    }
-  );
-}
-function SessionChatPageContent({
-  sessionId,
-  session,
-  renderConversationView,
-  buildExecutionUrl,
-  organizationName
-}) {
-  const { data: resourceDefinition } = useResourceDefinition(session.resourceId);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(AgentChatOuterSubshellContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
-    /* @__PURE__ */ jsx(
-      SessionChatArea,
-      {
-        sessionId,
-        session,
-        organizationName,
-        renderConversationView
-      }
-    ),
-    /* @__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 })
-      ] }) })
-    ] }) })
-  ] }) }) });
-}
-function AgentSessionGroup({
-  group,
-  onAgentClick,
-  onSessionClick,
-  selectedSessionId,
-  onSessionDeleted
-}) {
-  const [isExpanded, setIsExpanded] = useState(group.isExpanded);
-  const toggleExpanded = () => {
-    setIsExpanded(!isExpanded);
-  };
-  const handleAgentClick = (e) => {
-    onAgentClick(group.resourceId);
-    e.stopPropagation();
-  };
-  return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", style: { cursor: "pointer", userSelect: "none" }, children: [
-      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", onClick: toggleExpanded, children: isExpanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: 16 }) : /* @__PURE__ */ jsx(IconChevronRight, { size: 16 }) }),
-      /* @__PURE__ */ jsxs(
-        Group,
-        {
-          gap: "xs",
-          onClick: handleAgentClick,
-          style: {
-            flex: 1,
-            padding: "4px 8px",
-            borderRadius: "var(--mantine-radius-default)",
-            transition: "background-color var(--duration-fast)"
-          },
-          onMouseEnter: (e) => {
-            e.currentTarget.style.backgroundColor = "var(--mantine-color-default-hover)";
-          },
-          onMouseLeave: (e) => {
-            e.currentTarget.style.backgroundColor = "transparent";
-          },
-          children: [
-            /* @__PURE__ */ jsx(IconBrain, { size: 16, color: "var(--color-primary)" }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, style: { flex: 1, fontFamily: "var(--elevasis-font-family-subtitle)" }, children: group.agentName }),
-            group.sessions.length > 0 && /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", circle: true, children: group.sessions.length })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(Collapse, { in: isExpanded, children: /* @__PURE__ */ jsx(Stack, { gap: "xs", pl: "xs", children: group.sessions.length > 0 ? group.sessions.map((session) => /* @__PURE__ */ jsx(
-      SessionListItem,
-      {
-        session,
-        onClick: onSessionClick,
-        isSelected: selectedSessionId === session.sessionId,
-        onDeleted: onSessionDeleted
-      },
-      session.sessionId
-    )) : /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fs: "italic", py: "sm", children: "No sessions" }) }) })
-  ] });
-}
-function SessionsSidebar({
-  isReady,
-  onAgentClick,
-  buildSessionDetailUrl,
-  sessionId,
-  agentParam
-}) {
-  const theme = useMantineTheme();
-  const { organizationReady } = useInitialization();
-  const { data: resourcesData, isLoading: isResourcesLoading } = useResources();
-  const agents = resourcesData?.agents || [];
-  const isSessionView = !!sessionId;
-  const { data: currentSession, isLoading: isCurrentSessionLoading } = useSession(sessionId || "");
-  const currentAgentResourceId = currentSession?.resourceId;
-  const { data: sessionsData, isLoading: isSessionsLoading } = useSessions(
-    currentAgentResourceId ? { resourceId: currentAgentResourceId } : void 0,
-    { enabled: !!currentAgentResourceId }
-  );
-  const agentSessions = isSessionView && currentAgentResourceId ? Array.isArray(sessionsData) ? sessionsData : [] : [];
-  const hasResourcesData = agents.length > 0;
-  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 }, children: [
-    /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "dimmed", tt: "uppercase", mb: "md", children: isSessionView ? "Sessions" : "Agents" }),
-    /* @__PURE__ */ jsx(ScrollArea, { style: { height: "100%" }, scrollbarSize: 8, children: isInitialLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : isSessionView ? agentSessions.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: "xs", children: agentSessions.map((session) => /* @__PURE__ */ jsx(
-      SessionListItem,
-      {
-        session,
-        onClick: (id) => window.location.assign(buildSessionDetailUrl(id)),
-        isSelected: sessionId === session.sessionId
-      },
-      session.sessionId
-    )) }) : /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "No sessions found" }) }) : agents.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: "xs", children: agents.map((agent) => /* @__PURE__ */ jsx(
-      AgentListItem,
-      {
-        agent,
-        isSelected: agentParam === agent.resourceId,
-        onAgentClick
-      },
-      agent.resourceId
-    )) }) : /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "No agents found" }) }) })
-  ] });
-}
-function AgentListItem({ agent, isSelected, onAgentClick }) {
-  const theme = useMantineTheme();
-  const titleColor = isSelected ? "var(--color-primary)" : "var(--color-text)";
-  const descriptionColor = isSelected ? "var(--color-text)" : "var(--color-text-subtle)";
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      p: "sm",
-      style: {
-        cursor: "pointer",
-        backgroundColor: isSelected ? "color-mix(in srgb, var(--color-primary) 10%, transparent)" : "transparent",
-        boxShadow: "none",
-        border: "none",
-        transition: "all var(--duration-fast) var(--easing)"
-      },
-      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 })
-        ] }),
-        agent.description && /* @__PURE__ */ jsx(Text, { size: "xs", c: descriptionColor, lineClamp: 2, children: agent.description })
-      ] })
-    }
-  );
-}
-
-export { AgentExecutionPanel, AgentSessionGroup, CalibrationPage, CalibrationProgress, CalibrationProjectDetailPage, CalibrationProjectsPage, CalibrationRunDetailPage, CalibrationSidebar, CommandQueueDetailPage, CommandQueuePage, CommandViewPage, CommandViewSidebarContent, ExecuteWorkflowModal, ExecutionPanel, ResourceDetailPage, ResourceExecuteDialog, ResourceExecuteForm, ResourcesPage, ResourcesSidebar, SessionChatArea, SessionChatInterface, SessionChatPage, SessionDetailsSidebar, SessionExecutionLogs, SessionHeader, SessionListItem, SessionsPage, SessionsSidebar, WorkflowExecutionPanel };