@elevasis/ui 1.8.0 → 1.8.1

package/dist/components/index.js

@@ -1,42 +1,48 @@
-import { useCyberColors, EmptyState, CyberLegendItem, CyberAreaChart, APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, ContextViewer, JsonViewer, StyledMarkdown } from '../chunk-EHXOR5LA.js';
-export { APIErrorAlert, CardHeader, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-EHXOR5LA.js';
+import { useCyberColors, EmptyState, CyberLegendItem, CyberAreaChart, APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, ContextViewer, JsonViewer, StyledMarkdown, PageTitleCaption, StatCard, CyberDonut, CollapsibleSection } from '../chunk-3I2P4XG6.js';
+export { APIErrorAlert, CardHeader, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-3I2P4XG6.js';
+import { SubshellLoader, SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer, PageContainer, AppShellLoader, SubshellSidebarSection, CollapsibleSidebarGroup, SidebarListItem } from '../chunk-WSVFUERF.js';
+import { ElevasisLoader } from '../chunk-YGYF6G7W.js';
 export { ElevasisLoader, NavigationButton } from '../chunk-YGYF6G7W.js';
+import { showApiErrorNotification, showSuccessNotification, showErrorNotification } from '../chunk-QWYJHM3S.js';
 export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-QWYJHM3S.js';
-import { useResourcesHealth, useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useMarkAllAsRead, useNotificationCount, useNotifications, useSubmitAction, useDeleteTask } from '../chunk-BWZMI4KP.js';
+import { useCommandViewLayout, useResourcesHealth, useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useMarkAllAsRead, useNotificationCount, useNotifications, useSubmitAction, useDeleteTask, useErrorDetail, useExecution, useDeleteExecution, useRetryExecution, useCancelExecution, useResources, useResourceDefinition, isSessionCapable, useDeploymentDocs, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useCommandQueueTotals } from '../chunk-BWZMI4KP.js';
 import { getTimeRangeDates, formatBucketTime } from '../chunk-ARZM3OTI.js';
 import '../chunk-JGJSZ3UE.js';
 import '../chunk-LHQTTUL2.js';
-import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger, useGraphHighlighting, calculateGraphHeight, GRAPH_CONSTANTS } from '../chunk-F6RBK7NJ.js';
+import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, GRAPH_CONSTANTS, useFitViewTrigger, useGraphHighlighting, calculateGraphHeight } from '../chunk-F6RBK7NJ.js';
 export { Graph_module_css_default as graphStyles } from '../chunk-F6RBK7NJ.js';
-import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from '../chunk-3Q5V2T6L.js';
-export { CONTAINER_CONSTANTS, SHARED_VIZ_CONSTANTS } from '../chunk-3Q5V2T6L.js';
-import '../chunk-YZ6GTZXL.js';
+import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent, getResourceStatusColor } from '../chunk-XA34RETF.js';
+export { CONTAINER_CONSTANTS, SHARED_VIZ_CONSTANTS } from '../chunk-XA34RETF.js';
+import { ResourceStatusColors, toWorkflowLogMessages } from '../chunk-ELJIFLCB.js';
 import '../chunk-3I2LOKQU.js';
+import '../chunk-3PURTICE.js';
 import '../chunk-RNP5R5I3.js';
 import '../chunk-ESOQEOOX.js';
 import '../chunk-KB5NKPTN.js';
 import '../chunk-JRJW2H57.js';
 import '../chunk-2YBPRE6H.js';
 import '../chunk-JUPCUF77.js';
-import { formatChartAxisDate, PAGE_SIZE_DEFAULT, getErrorInfo, formatErrorMessage } from '../chunk-Z4TPHMRD.js';
+import { getResourceIcon, getResourceColor, formatChartAxisDate, PAGE_SIZE_DEFAULT, getErrorInfo, formatErrorMessage } from '../chunk-Z4TPHMRD.js';
 import '../chunk-6TMW6VQ2.js';
 import '../chunk-FWZJH3TL.js';
-import '../chunk-WUQWCUCB.js';
-import '../chunk-GZVH423C.js';
-import '../chunk-DD3CCMCZ.js';
+import { useInitialization } from '../chunk-WUQWCUCB.js';
+import { useElevasisServices } from '../chunk-GZVH423C.js';
+import { useOrganization } from '../chunk-DD3CCMCZ.js';
 import '../chunk-7PLEQFHO.js';
 import { useRouterContext } from '../chunk-Q7DJKLEN.js';
-import { Paper, Stack, Text, Group, Badge, Box, useComputedColorScheme, Modal, Center, Space, Button, Title, TextInput, Table, Textarea, Radio, Checkbox, Select, NumberInput, Tooltip, Card, Loader, ActionIcon, SegmentedControl, NumberFormatter, Alert, Switch, Pagination, UnstyledButton, Divider, ScrollArea, Popover, Indicator, ThemeIcon, Menu, Accordion, Collapse, SimpleGrid } from '@mantine/core';
+import { Paper, Stack, Text, Group, Badge, Box, ThemeIcon, useComputedColorScheme, Card, ActionIcon, Modal, Center, Space, Button, Title, TextInput, Table, Textarea, Radio, Checkbox, Select, NumberInput, Tooltip, Loader, SegmentedControl, NumberFormatter, Alert, Switch, Pagination, UnstyledButton, Divider, ScrollArea, Popover, Indicator, Menu, Accordion, Collapse, SimpleGrid, CopyButton, Code, useMantineTheme, Timeline, RangeSlider, Progress } from '@mantine/core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { memo, useMemo, cloneElement, useState, useEffect, useCallback, Fragment as Fragment$1 } from 'react';
-import { IconPlayerPlay, IconPlayerStop, IconArrowsSplit, IconSquare, IconBrain, IconFileText, IconMail, IconSend, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconChevronUp, IconChevronDown, IconSelector, IconTrash, IconChartBar, IconCircleCheck, IconThumbDown, IconThumbUp, IconCircleX, IconSearch, IconFilterOff, IconArrowUpRight, IconAlertCircle, IconExternalLink, IconDownload, IconInfoCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconBell, IconFocus2, IconRobot, IconGitBranch, IconDotsVertical, IconChevronRight, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconNetwork, IconSitemap, IconArrowDown, IconFileOff, IconKey, IconUser } from '@tabler/icons-react';
+import { memo, forwardRef, useMemo, useImperativeHandle, cloneElement, useState, useEffect, useCallback, Fragment as Fragment$1, useRef } from 'react';
+import { IconPlayerPlay, IconPlayerStop, IconArrowsSplit, IconSquare, IconBrain, IconFileText, IconDatabase, IconMessage, IconAlertCircle, IconCircleX, IconCircleCheck, IconBolt, IconHandClick, IconClock, IconWebhook, IconExternalLink, IconFocus2, IconMail, IconSend, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconChevronUp, IconChevronDown, IconSelector, IconTrash, IconChartBar, IconThumbDown, IconThumbUp, IconSearch, IconFilterOff, IconArrowUpRight, IconDownload, IconInfoCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconBell, IconRobot, IconGitBranch, IconDotsVertical, IconChevronRight, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconNetwork, IconSitemap, IconCopy, IconReload, IconArrowLeft, IconBook2, IconFileOff, IconList, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconPlus, IconCalendar, IconKey, IconPlayerPause, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconFilter, IconCategory, IconArrowDown, IconUser, IconFolderOpen, IconFolder } from '@tabler/icons-react';
 import { AreaChart } from '@mantine/charts';
 import { formatDistanceToNow } from 'date-fns';
-import { useDisclosure } from '@mantine/hooks';
-import { Position, Handle, getSmoothStepPath, BaseEdge as BaseEdge$1, EdgeLabelRenderer, Panel, useReactFlow, Controls, ReactFlowProvider, ReactFlow } from '@xyflow/react';
+import { useDisclosure, useClipboard } from '@mantine/hooks';
+import { Position, Handle, getSmoothStepPath, BaseEdge as BaseEdge$1, EdgeLabelRenderer, useReactFlow, ReactFlow, ReactFlowProvider, Panel, Controls } from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
 import { useForm } from '@mantine/form';
 import dagre from '@dagrejs/dagre';
+import { notifications } from '@mantine/notifications';
+import { useNavigate } from '@tanstack/react-router';
 
 var CustomModal = ({ children, opened, onClose, loading, style, size }) => {
   const canClose = loading === true ? false : true;
@@ -1560,18 +1566,18 @@ function NotificationItem({ notification, onClose, onNavigate }) {
     }
   );
 }
-function NotificationList({ notifications, isLoading, onClose, onNavigate }) {
+function NotificationList({ notifications: notifications2, isLoading, onClose, onNavigate }) {
   if (isLoading) {
     return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) });
   }
-  if (notifications.length === 0) {
+  if (notifications2.length === 0) {
     return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No notifications" }) });
   }
-  return /* @__PURE__ */ jsx(Stack, { gap: 0, children: notifications.map((notification) => /* @__PURE__ */ jsx(NotificationItem, { notification, onClose, onNavigate }, notification.id)) });
+  return /* @__PURE__ */ jsx(Stack, { gap: 0, children: notifications2.map((notification) => /* @__PURE__ */ jsx(NotificationItem, { notification, onClose, onNavigate }, notification.id)) });
 }
-function NotificationPanel({ notifications, isLoading, onClose, onNavigate }) {
+function NotificationPanel({ notifications: notifications2, isLoading, onClose, onNavigate }) {
   const markAllAsRead = useMarkAllAsRead();
-  const hasUnread = notifications.some((n) => !n.read);
+  const hasUnread = notifications2.some((n) => !n.read);
   const handleMarkAllAsRead = async () => {
     await markAllAsRead.mutateAsync();
   };
@@ -1584,7 +1590,7 @@ function NotificationPanel({ notifications, isLoading, onClose, onNavigate }) {
     /* @__PURE__ */ jsx(ScrollArea, { h: 400, type: "auto", children: /* @__PURE__ */ jsx(
       NotificationList,
       {
-        notifications,
+        notifications: notifications2,
         isLoading,
         onClose,
         onNavigate
@@ -1596,14 +1602,14 @@ function NotificationBell({ unreadCount, onNavigate }) {
   const [opened, { toggle, close }] = useDisclosure(false);
   const { data: apiCount = 0 } = useNotificationCount();
   const { data, isLoading } = useNotifications({ limit: 20 });
-  const notifications = data?.notifications ?? [];
+  const notifications2 = data?.notifications ?? [];
   const count = unreadCount ?? apiCount;
   return /* @__PURE__ */ jsxs(Popover, { opened, onChange: toggle, position: "bottom-end", width: 400, children: [
     /* @__PURE__ */ jsx(Tooltip, { label: "Notifications", disabled: opened, children: /* @__PURE__ */ jsx(Popover.Target, { children: /* @__PURE__ */ jsx(Indicator, { label: count > 99 ? "99+" : count, disabled: count === 0, size: 16, offset: 4, children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "lg", onClick: toggle, children: /* @__PURE__ */ jsx(IconBell, { size: 20, color: "var(--color-text-subtle)" }) }) }) }) }),
     /* @__PURE__ */ jsx(Popover.Dropdown, { p: 0, children: /* @__PURE__ */ jsx(
       NotificationPanel,
       {
-        notifications,
+        notifications: notifications2,
         isLoading,
         onClose: close,
         onNavigate
@@ -2944,12 +2950,12 @@ function TaskCard({ task, onViewExecution, richTextRenderer }) {
     }
     setConfirmAction(null);
   };
-  const getPriorityColor = (priority) => {
+  const getPriorityColor2 = (priority) => {
     if (priority >= 8) return "red";
     if (priority >= 5) return "yellow";
     return "gray";
   };
-  const getStatusColor = (status) => {
+  const getStatusColor4 = (status) => {
     switch (status) {
       case "pending":
         return "blue";
@@ -2974,7 +2980,7 @@ function TaskCard({ task, onViewExecution, richTextRenderer }) {
       });
     }
   };
-  const formatDate = (date) => {
+  const formatDate2 = (date) => {
     const now = /* @__PURE__ */ new Date();
     const diffMs = now.getTime() - date.getTime();
     const diffMins = Math.floor(diffMs / 6e4);
@@ -3002,7 +3008,7 @@ function TaskCard({ task, onViewExecution, richTextRenderer }) {
             /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
               /* @__PURE__ */ jsxs(Group, { gap: "xs", mb: 4, children: [
                 /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: task.description || "Task approval required" }),
-                /* @__PURE__ */ jsxs(Badge, { size: "xs", variant: "light", color: getPriorityColor(task.priority), radius: "sm", children: [
+                /* @__PURE__ */ jsxs(Badge, { size: "xs", variant: "light", color: getPriorityColor2(task.priority), radius: "sm", children: [
                   "P",
                   task.priority
                 ] })
@@ -3016,7 +3022,7 @@ function TaskCard({ task, onViewExecution, richTextRenderer }) {
                 /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "\u2022" }),
                 /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
                   /* @__PURE__ */ jsx(IconClock, { size: 12 }),
-                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatDate(task.createdAt) })
+                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatDate2(task.createdAt) })
                 ] })
               ] })
             ] })
@@ -3027,7 +3033,7 @@ function TaskCard({ task, onViewExecution, richTextRenderer }) {
               {
                 size: "sm",
                 variant: "light",
-                color: getStatusColor(task.status),
+                color: getStatusColor4(task.status),
                 radius: "sm",
                 leftSection: task.status === "processing" ? /* @__PURE__ */ jsx(Loader, { size: 6 }) : void 0,
                 children: task.status.charAt(0).toUpperCase() + task.status.slice(1)
@@ -3084,7 +3090,7 @@ function TaskCard({ task, onViewExecution, richTextRenderer }) {
             task.actionPayload !== void 0 && task.actionPayload !== null && /* @__PURE__ */ jsx(JsonViewer, { data: task.actionPayload, maxHeight: 200 }),
             task.completedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
               "Completed ",
-              formatDate(task.completedAt),
+              formatDate2(task.completedAt),
               task.completedBy ? ` by ${task.completedBy}` : ""
             ] }),
             task.targetExecutionId && /* @__PURE__ */ jsx(
@@ -3791,4 +3797,3528 @@ function ResourceDefinitionSection({
   return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "sm", children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", fs: "italic", children: "Unknown resource type" }) });
 }
 
-export { ActionModal, ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, AgentDefinitionDisplay, AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, BusinessImpactCard, CollapsibleJsonSection, ConfigCard, ConfirmationInputModal, ConfirmationModal, ContentSections, ContractDisplay, CostBreakdownCard, CostByModelTable, CostMetricsCard, CustomModal, EmptyVisualizer, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, ExecutionStats, ExecutionStatusBadge, FilterBar, FormFieldRenderer, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, NotificationBell, NotificationItem, NotificationList, NotificationPanel, ResourceDefinitionSection, ResourceHealthChart, ResourceHealthPanel, SortableHeader, TableSelectionToolbar, TaskCard, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, ToolsListDisplay, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowDefinitionDisplay, WorkflowExecutionTimeline, getGraphBackgroundStyles, getHealthColor, getIcon, iconMap, useGraphBackgroundStyles, useGraphTheme, useNewKnowledgeMapLayout };
+// src/components/operations/executions/logConstants.ts
+var LOG_LEVEL_CONFIG = {
+  debug: {
+    label: "DEBUG",
+    color: "gray",
+    textColor: "var(--color-text-subtle)",
+    icon: "\u{1F50D}"
+  },
+  info: {
+    label: "INFO",
+    color: "blue",
+    textColor: "var(--color-text-dimmed)",
+    icon: "\u2139\uFE0F"
+  },
+  warn: {
+    label: "WARN",
+    color: "yellow",
+    textColor: "var(--color-warning)",
+    icon: "\u26A0\uFE0F"
+  },
+  error: {
+    label: "ERROR",
+    color: "red",
+    textColor: "var(--color-error)",
+    icon: "\u274C"
+  }
+};
+var EXECUTION_STATUS_CONFIG = {
+  pending: {
+    label: "Pending",
+    color: "gray",
+    textColor: "var(--color-text-dimmed)"
+  },
+  running: {
+    label: "Running",
+    color: "blue",
+    textColor: "var(--color-primary)"
+  },
+  completed: {
+    label: "Completed",
+    color: "green",
+    textColor: "var(--color-success)"
+  },
+  failed: {
+    label: "Failed",
+    color: "red",
+    textColor: "var(--color-error)"
+  },
+  warning: {
+    label: "Warning",
+    color: "yellow",
+    textColor: "var(--color-warning)"
+  }
+};
+function getLogLevelConfig(level) {
+  const normalizedLevel = level.toLowerCase();
+  return LOG_LEVEL_CONFIG[normalizedLevel] || LOG_LEVEL_CONFIG.info;
+}
+function getExecutionStatusConfig(status) {
+  const normalizedStatus = status.toLowerCase();
+  return EXECUTION_STATUS_CONFIG[normalizedStatus] || EXECUTION_STATUS_CONFIG.pending;
+}
+function BaseExecutionLogsHeader({
+  execution,
+  resourceId,
+  onDeleteClick,
+  onRetryClick,
+  onCancelClick,
+  renderMetrics
+}) {
+  const { currentMembership } = useOrganization();
+  const organizationName = currentMembership?.organization?.name;
+  const resourceTag = organizationName ? `${organizationName}/${resourceId}` : resourceId;
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "Execution Logs" }),
+        /* @__PURE__ */ jsx(Badge, { color: getExecutionStatusConfig(execution.status).color, size: "sm", children: getExecutionStatusConfig(execution.status).label.toUpperCase() }),
+        /* @__PURE__ */ jsx(Badge, { color: getResourceStatusColor(execution.resourceStatus), size: "sm", variant: "outline", children: execution.resourceStatus.toUpperCase() })
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-subtle)", ff: "monospace", children: execution.id }),
+        /* @__PURE__ */ jsx(CopyButton, { value: `${resourceTag} ${execution.id}`, children: ({ copied, copy }) => /* @__PURE__ */ jsx(ActionIcon, { onClick: copy, variant: "subtle", color: copied ? "green" : "var(--color-text-subtle)", children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 16 }) : /* @__PURE__ */ jsx(IconCopy, { size: 16 }) }) }),
+        onCancelClick && /* @__PURE__ */ jsx(ActionIcon, { onClick: onCancelClick, variant: "subtle", color: "orange", children: /* @__PURE__ */ jsx(IconPlayerStop, { size: 16 }) }),
+        onRetryClick && /* @__PURE__ */ jsx(ActionIcon, { onClick: onRetryClick, variant: "subtle", children: /* @__PURE__ */ jsx(IconReload, { size: 16 }) }),
+        /* @__PURE__ */ jsx(ActionIcon, { onClick: onDeleteClick, variant: "subtle", color: "var(--color-error)", children: /* @__PURE__ */ jsx(IconTrash, { size: 16 }) })
+      ] })
+    ] }),
+    renderMetrics ? renderMetrics(execution) : /* @__PURE__ */ jsxs(Group, { gap: "lg", children: [
+      /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+        /* @__PURE__ */ jsx(Text, { span: true, fw: 500, children: "Started:" }),
+        " ",
+        new Date(execution.startTime).toLocaleString()
+      ] }),
+      execution.endTime && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+          /* @__PURE__ */ jsx(Text, { span: true, fw: 500, children: "Ended:" }),
+          " ",
+          new Date(execution.endTime).toLocaleString()
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+          /* @__PURE__ */ jsx(Text, { span: true, fw: 500, children: "Duration:" }),
+          " ",
+          ((execution.endTime - execution.startTime) / 1e3).toFixed(2),
+          "s"
+        ] })
+      ] }),
+      execution.apiVersion && /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+        /* @__PURE__ */ jsx(Text, { span: true, fw: 500, children: "API:" }),
+        " ",
+        /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", color: "gray", children: [
+          "v",
+          execution.apiVersion
+        ] })
+      ] }),
+      execution.resourceVersion && /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+        /* @__PURE__ */ jsx(Text, { span: true, fw: 500, children: "Resource:" }),
+        " ",
+        /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", color: "gray", children: [
+          "v",
+          execution.resourceVersion
+        ] })
+      ] }),
+      execution.sdkVersion && /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+        /* @__PURE__ */ jsx(Text, { span: true, fw: 500, children: "SDK:" }),
+        " ",
+        /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", color: "gray", children: [
+          "v",
+          execution.sdkVersion
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function BaseExecutionLogsStates({ executionId, isLoading, execution }) {
+  if (!executionId) {
+    return /* @__PURE__ */ jsx(Center, { h: "100%", children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Select an execution to view details" }) });
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Center, { h: "100%", children: /* @__PURE__ */ jsx(Loader, { size: "lg", loaders: { elevasis: ElevasisLoader }, type: "elevasis" }) });
+  }
+  if (!execution) {
+    return /* @__PURE__ */ jsx(Center, { h: "100%", children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Execution not found" }) });
+  }
+  return null;
+}
+function ExecutionErrorSection({ executionId, fallbackError }) {
+  const { data: errors, isLoading, isError } = useErrorDetail(executionId);
+  const [showStack, setShowStack] = useState(false);
+  const [showErrorContext, setShowErrorContext] = useState(false);
+  const primaryError = errors?.[0];
+  if (isLoading || isError || !primaryError) {
+    return /* @__PURE__ */ jsxs(
+      Paper,
+      {
+        withBorder: true,
+        p: "sm",
+        bg: "color-mix(in srgb, var(--color-error) 10%, transparent)",
+        style: { borderColor: "var(--color-error)" },
+        children: [
+          /* @__PURE__ */ jsx(Text, { fw: 500, c: "var(--color-error)", mb: "xs", children: "Error" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-error)", ff: "monospace", style: { whiteSpace: "pre-wrap" }, children: fallbackError })
+        ]
+      }
+    );
+  }
+  const severityColor = primaryError.severity === "critical" ? "red" : primaryError.severity === "warning" ? "orange" : "blue";
+  return /* @__PURE__ */ jsx(
+    Paper,
+    {
+      withBorder: true,
+      p: "sm",
+      bg: "color-mix(in srgb, var(--color-error) 10%, transparent)",
+      style: { borderColor: "var(--color-error)" },
+      children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                fw: 600,
+                size: "sm",
+                c: "var(--color-error)",
+                style: { fontFamily: "var(--mantine-font-family-headings)" },
+                children: primaryError.errorType
+              }
+            ),
+            /* @__PURE__ */ jsx(Badge, { variant: "light", size: "sm", children: primaryError.category })
+          ] }),
+          /* @__PURE__ */ jsx(Badge, { color: severityColor, variant: "light", size: "sm", children: primaryError.severity })
+        ] }),
+        /* @__PURE__ */ jsx(Alert, { color: "red", icon: /* @__PURE__ */ jsx(IconBug, { size: 16 }), children: primaryError.message }),
+        errors && errors.length > 1 && /* @__PURE__ */ jsxs(Alert, { color: "yellow", icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), children: [
+          "This execution has ",
+          errors.length,
+          " errors (including retries). Showing most recent."
+        ] }),
+        primaryError.stackTrace && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              justify: "space-between",
+              mb: "xs",
+              onClick: () => setShowStack(!showStack),
+              style: { cursor: "pointer" },
+              children: [
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Stack Trace" }),
+                /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                  /* @__PURE__ */ jsx(CopyButton, { value: primaryError.stackTrace, children: ({ copied, copy }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? "Copied" : "Copy stack trace", children: /* @__PURE__ */ jsx(
+                    ActionIcon,
+                    {
+                      variant: "subtle",
+                      size: "sm",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        copy();
+                      },
+                      children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 })
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(
+                    IconChevronDown,
+                    {
+                      size: 14,
+                      style: {
+                        transform: showStack ? "rotate(180deg)" : "rotate(0)",
+                        transition: "transform var(--duration-fast)"
+                      }
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Collapse, { in: showStack, children: /* @__PURE__ */ jsx(Code, { block: true, style: { maxHeight: 300, overflow: "auto", fontSize: "12px", lineHeight: "1.5" }, children: primaryError.stackTrace }) })
+        ] }),
+        primaryError.errorContext && Object.keys(primaryError.errorContext).length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              justify: "space-between",
+              mb: "xs",
+              onClick: () => setShowErrorContext(!showErrorContext),
+              style: { cursor: "pointer" },
+              children: [
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Error Context" }),
+                /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                  /* @__PURE__ */ jsx(CopyButton, { value: JSON.stringify(primaryError.errorContext, null, 2), children: ({ copied, copy }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? "Copied" : "Copy error context", children: /* @__PURE__ */ jsx(
+                    ActionIcon,
+                    {
+                      variant: "subtle",
+                      size: "sm",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        copy();
+                      },
+                      children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 })
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(
+                    IconChevronDown,
+                    {
+                      size: 14,
+                      style: {
+                        transform: showErrorContext ? "rotate(180deg)" : "rotate(0)",
+                        transition: "transform var(--duration-fast)"
+                      }
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Collapse, { in: showErrorContext, children: /* @__PURE__ */ jsx(JsonViewer, { data: primaryError.errorContext, maxHeight: 200, fontSize: "12px" }) })
+        ] })
+      ] })
+    }
+  );
+}
+function BaseExecutionLogs({
+  resourceId,
+  resourceType,
+  executionId,
+  execution: externalExecution,
+  onExecutionDeleted,
+  renderLogsSection,
+  renderMetrics,
+  hideInput = false,
+  hideResult = false,
+  hideError = false
+}) {
+  const { data: fetchedExecution, isLoading } = useExecution(resourceId, executionId || "");
+  const typedExecution = externalExecution ?? fetchedExecution;
+  const [deleteModalOpened, setDeleteModalOpened] = useState(false);
+  const [retryModalOpened, setRetryModalOpened] = useState(false);
+  const [cancelModalOpened, setCancelModalOpened] = useState(false);
+  const [retryError, setRetryError] = useState(null);
+  const deleteExecutionMutation = useDeleteExecution();
+  const retryExecutionMutation = useRetryExecution();
+  const cancelExecutionMutation = useCancelExecution();
+  const handleDelete = async () => {
+    if (!executionId) return;
+    try {
+      await deleteExecutionMutation.mutateAsync({
+        resourceId,
+        executionId
+      });
+      setDeleteModalOpened(false);
+      onExecutionDeleted?.();
+    } catch (error) {
+      console.error("Failed to delete execution:", error);
+      showApiErrorNotification(error);
+    }
+  };
+  const handleCancel = async () => {
+    if (!executionId) return;
+    try {
+      await cancelExecutionMutation.mutateAsync({
+        resourceId,
+        executionId
+      });
+      setCancelModalOpened(false);
+    } catch (error) {
+      console.error("Failed to cancel execution:", error);
+      showApiErrorNotification(error);
+    }
+  };
+  const handleRetry = async () => {
+    if (!typedExecution || !resourceType) return;
+    setRetryError(null);
+    try {
+      await retryExecutionMutation.mutateAsync({
+        resourceId,
+        resourceType,
+        input: typedExecution.input
+      });
+      setRetryModalOpened(false);
+      showSuccessNotification("Resource re-executed with the same inputs.");
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Failed to re-execute resource";
+      setRetryError(message);
+    }
+  };
+  if (!executionId || isLoading || !typedExecution) {
+    return /* @__PURE__ */ jsx(BaseExecutionLogsStates, { executionId, isLoading, execution: typedExecution });
+  }
+  return /* @__PURE__ */ jsxs(Stack, { h: "100%", children: [
+    /* @__PURE__ */ jsx(
+      BaseExecutionLogsHeader,
+      {
+        execution: typedExecution,
+        resourceId,
+        onDeleteClick: () => setDeleteModalOpened(true),
+        onCancelClick: typedExecution.status === "running" ? () => setCancelModalOpened(true) : void 0,
+        onRetryClick: resourceType ? () => {
+          setRetryError(null);
+          setRetryModalOpened(true);
+        } : void 0,
+        renderMetrics
+      }
+    ),
+    !hideInput && typedExecution.input != null && /* @__PURE__ */ jsx(Paper, { withBorder: true, bg: "none", children: /* @__PURE__ */ jsx(CollapsibleJsonSection, { title: /* @__PURE__ */ jsx(Text, { fw: 500, children: "Input" }), data: typedExecution.input }) }),
+    renderLogsSection?.(typedExecution),
+    !hideResult && typedExecution.result != null && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(
+      CollapsibleJsonSection,
+      {
+        title: /* @__PURE__ */ jsx(Text, { fw: 500, c: "var(--color-success)", children: "Result" }),
+        data: typedExecution.result
+      }
+    ) }),
+    !hideError && typedExecution.error && /* @__PURE__ */ jsx(ExecutionErrorSection, { executionId: typedExecution.id, fallbackError: typedExecution.error }),
+    /* @__PURE__ */ jsx(
+      ConfirmationModal,
+      {
+        opened: deleteModalOpened,
+        onClose: () => setDeleteModalOpened(false),
+        icon: /* @__PURE__ */ jsx(IconTrash, { color: "red" }),
+        title: "Delete Execution Log",
+        text: "Are you sure you want to delete this execution log? This action cannot be undone.",
+        buttonText: "Delete",
+        buttonColor: "red",
+        confirmationHandler: handleDelete,
+        loading: deleteExecutionMutation.isPending
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmationModal,
+      {
+        opened: cancelModalOpened,
+        onClose: () => setCancelModalOpened(false),
+        icon: /* @__PURE__ */ jsx(IconPlayerStop, {}),
+        title: "Stop Execution",
+        text: "Are you sure you want to stop this running execution? This action cannot be undone.",
+        buttonText: "Stop",
+        buttonColor: "orange",
+        confirmationHandler: handleCancel,
+        loading: cancelExecutionMutation.isPending
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: retryModalOpened,
+        onClose: () => setRetryModalOpened(false),
+        size: "sm",
+        loading: retryExecutionMutation.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconReload, { size: 24, color: "var(--color-primary)" }),
+            /* @__PURE__ */ jsx(Title, { order: 4, children: "Re-execute Resource" })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "This will re-execute",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: resourceId }),
+            " ",
+            "with the exact same inputs from this execution."
+          ] }),
+          typedExecution?.input != null && /* @__PURE__ */ jsx(Paper, { withBorder: true, bg: "none", style: { maxHeight: 150, overflow: "auto" }, children: /* @__PURE__ */ jsx(Text, { size: "xs", ff: "monospace", style: { whiteSpace: "pre-wrap" }, children: JSON.stringify(typedExecution.input, null, 2) }) }),
+          retryError && /* @__PURE__ */ jsx(
+            Paper,
+            {
+              withBorder: true,
+              p: "xs",
+              bg: "color-mix(in srgb, var(--color-error) 10%, transparent)",
+              style: { borderColor: "var(--color-error)" },
+              children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-error)", children: retryError })
+            }
+          ),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "light",
+                onClick: () => setRetryModalOpened(false),
+                disabled: retryExecutionMutation.isPending,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { onClick: handleRetry, loading: retryExecutionMutation.isPending, children: "Re-execute" })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function LogEntry({ log, index }) {
+  const hasContext = log.context && Object.keys(log.context).length > 0;
+  const logConfig = getLogLevelConfig(log.level);
+  const logTitle = /* @__PURE__ */ jsxs(Group, { gap: "xs", style: { flex: 1 }, wrap: "nowrap", children: [
+    /* @__PURE__ */ jsx(
+      Badge,
+      {
+        size: "sm",
+        variant: "light",
+        color: logConfig.color,
+        style: { minWidth: "60px", fontFamily: "var(--mantine-font-family-monospace)" },
+        children: logConfig.label
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { span: true, c: "dimmed", size: "xs", style: { fontFamily: "var(--mantine-font-family-monospace)" }, children: new Date(log.timestamp).toLocaleTimeString("en-US", {
+      hour12: false,
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      fractionalSecondDigits: 3
+    }) }),
+    /* @__PURE__ */ jsx(Text, { size: "sm", span: true, style: { fontFamily: "var(--mantine-font-family-monospace)" }, children: log.message })
+  ] });
+  if (!hasContext) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: "0.375rem 0.5rem",
+          borderRadius: "var(--mantine-radius-default)"
+        },
+        children: logTitle
+      },
+      index
+    );
+  }
+  return /* @__PURE__ */ jsx(CollapsibleJsonSection, { title: logTitle, data: log.context }, index);
+}
+function LogGroup({ title, logs, statusBadge }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        borderRadius: "8px",
+        padding: "12px",
+        border: "1px solid var(--color-border)"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", mb: "xs", children: [
+          /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", c: "var(--color-text)", style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, children: title }),
+          statusBadge && /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: statusBadge.color, children: statusBadge.label }),
+          /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", color: "gray", children: [
+            logs.length,
+            " ",
+            logs.length === 1 ? "log" : "logs"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Stack, { gap: 4, children: logs.map((log, logIndex) => /* @__PURE__ */ jsx(LogEntry, { log, index: logIndex }, logIndex)) })
+      ]
+    }
+  );
+}
+var ResourceFilter = ({ value, onChange, fullWidth }) => {
+  const buttonStyles = fullWidth ? { padding: "2px 8px", height: "28px", fontSize: "12px", flex: 1 } : { padding: "2px 8px", height: "24px", fontSize: "12px" };
+  return /* @__PURE__ */ jsxs(Button.Group, { style: fullWidth ? { width: "100%" } : void 0, children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: value === "all" ? "filled" : "default",
+        size: "xs",
+        onClick: () => onChange("all"),
+        bg: value === "all" ? void 0 : "var(--color-background)",
+        styles: { root: buttonStyles },
+        children: "All"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: value === "dev" ? "filled" : "default",
+        size: "xs",
+        onClick: () => onChange("dev"),
+        bg: value === "dev" ? void 0 : "var(--color-background)",
+        styles: { root: buttonStyles },
+        children: "Dev"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: value === "prod" ? "filled" : "default",
+        size: "xs",
+        onClick: () => onChange("prod"),
+        bg: value === "prod" ? void 0 : "var(--color-background)",
+        styles: { root: buttonStyles },
+        children: "Prod"
+      }
+    )
+  ] });
+};
+function ResourceHeader({ resource, type, connected, runningCount, sessionCapable }) {
+  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 = () => {
+    navigate({
+      to: "/operations/sessions",
+      search: { agent: resource.resourceId }
+    });
+  };
+  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"
+        ] }),
+        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: "sm",
+            variant: "light",
+            leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+            onClick: () => navigate({ to: "/operations/resources" }),
+            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 }) {
+  const navigate = useNavigate();
+  const { currentMembership } = useOrganization();
+  const orgName = currentMembership?.organization?.name || "current organization";
+  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: () => navigate({ to: "/operations", search: { type: void 0 } }),
+        children: "Back to Operations"
+      }
+    )
+  ] }) }) });
+}
+function ResourceDetailPage({
+  type,
+  resourceId,
+  renderExecutionPanel,
+  renderHealthPanel,
+  renderDefinitionSection
+}) {
+  const { organizationReady } = useInitialization();
+  const { data, isLoading, error } = useResources();
+  const [connected, setConnected] = useState(false);
+  const [runningCount, setRunningCount] = useState(0);
+  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 });
+  }
+  const validResource = resource;
+  const sessionCapable = isSessionCapable(type, resourceDefinition);
+  return /* @__PURE__ */ jsxs(Stack, { style: { overflow: "hidden", boxShadow: "var(--standard-box-shadow)" }, children: [
+    /* @__PURE__ */ jsx(
+      ResourceHeader,
+      {
+        resource: validResource,
+        type,
+        connected,
+        runningCount,
+        sessionCapable
+      }
+    ),
+    renderHealthPanel?.({ resourceId, resourceType: type }),
+    resourceDefinition && renderDefinitionSection?.(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 AgentExecutionLogs({
+  resourceId,
+  executionId,
+  execution: externalExecution,
+  selectedIterationId,
+  iterationData,
+  onExecutionDeleted
+}) {
+  const isIterationSelected = selectedIterationId !== null;
+  const logGroups = useMemo(() => {
+    if (!iterationData) {
+      return [];
+    }
+    if (selectedIterationId !== null) {
+      if (selectedIterationId === "initialization") {
+        return [
+          {
+            title: "Initialization",
+            groupKey: "initialization",
+            logs: [],
+            // Will be filled in renderLogsSection
+            status: iterationData.initialization.status
+          }
+        ];
+      }
+      if (selectedIterationId === "completion") {
+        return [
+          {
+            title: "Completion",
+            groupKey: "completion",
+            logs: [],
+            // Will be filled in renderLogsSection
+            status: iterationData.completion.status
+          }
+        ];
+      }
+      const selectedIteration = iterationData.iterations.find((iter) => iter.iterationNumber === selectedIterationId);
+      if (!selectedIteration) {
+        return [];
+      }
+      return [
+        {
+          title: `Iteration ${selectedIteration.iterationNumber}`,
+          groupKey: selectedIteration.iterationNumber,
+          logs: [],
+          // Will be filled in renderLogsSection
+          status: selectedIteration.status
+        }
+      ];
+    }
+    const groups = [];
+    groups.push({
+      title: "Initialization",
+      groupKey: "initialization",
+      logs: [],
+      status: iterationData.initialization.status
+    });
+    for (const iteration of iterationData.iterations) {
+      groups.push({
+        title: `Iteration ${iteration.iterationNumber}`,
+        groupKey: iteration.iterationNumber,
+        logs: [],
+        status: iteration.status
+      });
+    }
+    groups.push({
+      title: "Completion",
+      groupKey: "completion",
+      logs: [],
+      status: iterationData.completion.status
+    });
+    return groups;
+  }, [selectedIterationId, iterationData]);
+  const getSelectedNodeTitle = () => {
+    if (selectedIterationId === null) return null;
+    if (selectedIterationId === "initialization") return "Initialization";
+    if (selectedIterationId === "completion") return "Completion";
+    return `Iteration ${selectedIterationId}`;
+  };
+  const selectedNodeTitle = getSelectedNodeTitle();
+  const getIterationStatusBadge = (_groupKey, status) => {
+    if (status) {
+      const statusConfig3 = getExecutionStatusConfig(status);
+      return {
+        label: statusConfig3.label,
+        color: statusConfig3.color
+      };
+    }
+    return null;
+  };
+  const renderLogsSection = (execution) => {
+    if (!execution.executionLogs || execution.executionLogs.length === 0) {
+      return /* @__PURE__ */ jsx(Text, { c: "dimmed", ta: "center", mt: "md", children: "No logs available" });
+    }
+    const logsByGroup = /* @__PURE__ */ new Map();
+    for (const log of execution.executionLogs) {
+      const context = log.context;
+      let groupKey;
+      if (context?.type === "agent" && "lifecycle" in context) {
+        const lifecycle = context.lifecycle;
+        if (lifecycle === "initialization") {
+          groupKey = "initialization";
+        } else if (lifecycle === "iteration" && "iteration" in context) {
+          groupKey = context.iteration;
+        } else if (lifecycle === "completion") {
+          groupKey = "completion";
+        } else {
+          groupKey = "completion";
+        }
+      } else {
+        groupKey = "completion";
+      }
+      if (!logsByGroup.has(groupKey)) {
+        logsByGroup.set(groupKey, []);
+      }
+      logsByGroup.get(groupKey).push(log);
+    }
+    const populatedGroups = logGroups.map((group) => ({
+      ...group,
+      logs: logsByGroup.get(group.groupKey) || []
+    })).filter((group) => group.logs.length > 0);
+    const totalLogsCount = populatedGroups.reduce((total, group) => total + group.logs.length, 0);
+    return /* @__PURE__ */ jsxs(Stack, { gap: "xs", style: { flex: 1, minHeight: 0 }, children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+        /* @__PURE__ */ jsx(Text, { fw: 500, children: selectedNodeTitle ? `Logs for ${selectedNodeTitle} (${totalLogsCount})` : `Logs (${totalLogsCount})` }),
+        iterationData && /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            "Iterations: ",
+            iterationData.iterations.filter((i) => i.status === "completed").length,
+            "/",
+            iterationData.totalIterations
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            "Events: ",
+            iterationData.iterations.reduce((sum, iter) => sum + iter.iterationEvents.length, 0)
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(ScrollArea, { style: { flex: 1 }, scrollbarSize: 8, children: /* @__PURE__ */ jsxs(Stack, { children: [
+        populatedGroups.map((group) => {
+          const statusBadge = getIterationStatusBadge(group.groupKey, group.status);
+          return /* @__PURE__ */ jsx(
+            LogGroup,
+            {
+              title: group.title,
+              logs: group.logs,
+              statusBadge: statusBadge || void 0
+            },
+            group.groupKey
+          );
+        }),
+        populatedGroups.length === 0 && /* @__PURE__ */ jsx(Text, { c: "dimmed", ta: "center", mt: "md", children: selectedNodeTitle ? `No logs for ${selectedNodeTitle}` : "No logs available" })
+      ] }) })
+    ] });
+  };
+  return /* @__PURE__ */ jsx(
+    BaseExecutionLogs,
+    {
+      resourceId,
+      resourceType: "agent",
+      executionId,
+      execution: externalExecution,
+      onExecutionDeleted,
+      renderLogsSection,
+      hideInput: isIterationSelected,
+      hideResult: isIterationSelected,
+      hideError: isIterationSelected
+    }
+  );
+}
+function WorkflowExecutionLogs({
+  resourceId,
+  executionId,
+  execution: externalExecution,
+  selectedStepId,
+  timelineData,
+  onExecutionDeleted
+}) {
+  const { data: fetchedExecution } = useExecution(resourceId, executionId || "");
+  const typedExecution = externalExecution ?? fetchedExecution;
+  const isStepSelected = !!selectedStepId;
+  const logGroups = useMemo(() => {
+    if (selectedStepId && timelineData) {
+      const selectedStep2 = timelineData.steps.find((s) => s.stepId === selectedStepId);
+      return selectedStep2 ? [{ stepName: selectedStep2.stepName, stepId: selectedStep2.stepId, logs: selectedStep2.logs }] : [];
+    }
+    if (!timelineData || !typedExecution) {
+      return [];
+    }
+    const groups = [];
+    for (const step of timelineData.steps) {
+      if (step.logs.length > 0) {
+        groups.push({
+          stepName: step.stepName,
+          stepId: step.stepId,
+          logs: step.logs
+        });
+      }
+    }
+    const stepLogTimestamps = new Set(timelineData.steps.flatMap((s) => s.logs.map((l) => l.timestamp)));
+    const generalExecutionLogs = typedExecution.executionLogs.filter((log) => !stepLogTimestamps.has(log.timestamp));
+    const generalWorkflowLogs = toWorkflowLogMessages(generalExecutionLogs);
+    if (generalWorkflowLogs.length > 0) {
+      groups.unshift({
+        stepName: "General",
+        stepId: "general",
+        logs: generalWorkflowLogs
+      });
+    }
+    return groups;
+  }, [selectedStepId, timelineData, typedExecution]);
+  const selectedStep = selectedStepId && timelineData ? timelineData.steps.find((s) => s.stepId === selectedStepId) : null;
+  const totalLogsCount = logGroups.reduce((total, group) => total + group.logs.length, 0);
+  const scrollViewportRef = useRef(null);
+  const isNearBottomRef = useRef(true);
+  const handleScroll = useCallback(() => {
+    const viewport = scrollViewportRef.current;
+    if (!viewport) return;
+    isNearBottomRef.current = viewport.scrollHeight - viewport.scrollTop - viewport.clientHeight < 50;
+  }, []);
+  useEffect(() => {
+    if (!isNearBottomRef.current) return;
+    const viewport = scrollViewportRef.current;
+    if (!viewport) return;
+    viewport.scrollTop = viewport.scrollHeight;
+  }, [totalLogsCount]);
+  const getStepStatusBadge = (stepId) => {
+    if (stepId === "general") {
+      return { label: "General", color: "blue" };
+    }
+    if (!timelineData) {
+      return null;
+    }
+    const step = timelineData.steps.find((s) => s.stepId === stepId);
+    if (!step) {
+      return null;
+    }
+    const statusConfig3 = getExecutionStatusConfig(step.status);
+    return {
+      label: statusConfig3.label,
+      color: statusConfig3.color
+    };
+  };
+  const renderLogsSection = () => {
+    return /* @__PURE__ */ jsxs(Stack, { gap: "xs", style: { flex: 1, minHeight: 0 }, children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+        /* @__PURE__ */ jsx(Text, { fw: 500, children: selectedStep ? `Logs for ${selectedStep.stepName} (${totalLogsCount})` : `Logs (${totalLogsCount})` }),
+        timelineData && /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            "Steps: ",
+            timelineData.steps.filter((s) => s.status === "completed").length,
+            "/",
+            timelineData.steps.length
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            "Duration:",
+            " ",
+            timelineData.totalDuration < 1e3 ? `${timelineData.totalDuration}ms` : `${(timelineData.totalDuration / 1e3).toFixed(2)}s`
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        ScrollArea,
+        {
+          style: { flex: 1 },
+          scrollbarSize: 8,
+          viewportRef: scrollViewportRef,
+          onScrollPositionChange: handleScroll,
+          children: /* @__PURE__ */ jsxs(Stack, { children: [
+            logGroups.map((group) => {
+              const statusBadge = getStepStatusBadge(group.stepId);
+              return /* @__PURE__ */ jsx(
+                LogGroup,
+                {
+                  title: group.stepName,
+                  logs: group.logs,
+                  statusBadge: statusBadge || void 0
+                },
+                group.stepId
+              );
+            }),
+            logGroups.length === 0 && /* @__PURE__ */ jsx(Text, { c: "dimmed", ta: "center", mt: "md", children: selectedStep ? `No logs for ${selectedStep.stepName}` : "No logs available" })
+          ] })
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ jsx(
+    BaseExecutionLogs,
+    {
+      resourceId,
+      resourceType: "workflow",
+      executionId,
+      onExecutionDeleted,
+      renderLogsSection,
+      hideInput: isStepSelected,
+      hideResult: isStepSelected,
+      hideError: isStepSelected
+    }
+  );
+}
+function buildTree(files) {
+  const root = { label: "root", path: null, order: 0, isIndex: false, children: [] };
+  for (const file of files) {
+    const segments = file.path.split("/");
+    let current = root;
+    for (let i = 0; i < segments.length; i++) {
+      const segment = segments[i];
+      const isLastSegment = i === segments.length - 1;
+      const isIndexFile = isLastSegment && (segment === "index.mdx" || segment === "index.md");
+      if (isLastSegment) {
+        if (isIndexFile) {
+          current.path = file.path;
+          current.label = file.frontmatter.title || current.label;
+          current.order = file.frontmatter.order ?? current.order;
+          current.isIndex = true;
+        } else {
+          current.children.push({
+            label: file.frontmatter.title || segment.replace(/\.mdx?$/, ""),
+            path: file.path,
+            order: file.frontmatter.order ?? Infinity,
+            isIndex: false,
+            children: []
+          });
+        }
+      } else {
+        let child = current.children.find((c) => c.label === segment && c.path === null);
+        if (!child) {
+          child = {
+            label: segment,
+            path: null,
+            order: Infinity,
+            isIndex: false,
+            children: []
+          };
+          current.children.push(child);
+        }
+        current = child;
+      }
+    }
+  }
+  return sortNodes(root.children);
+}
+function sortNodes(nodes) {
+  return nodes.map((node) => ({
+    ...node,
+    children: sortNodes(node.children)
+  })).sort((a, b) => {
+    if (a.isIndex && !b.isIndex) return -1;
+    if (!a.isIndex && b.isIndex) return 1;
+    if (a.order !== b.order) return a.order - b.order;
+    return a.label.localeCompare(b.label);
+  });
+}
+function hasDescendant(node, targetPath) {
+  if (!targetPath) return false;
+  if (node.path === targetPath) return true;
+  return node.children.some((child) => hasDescendant(child, targetPath));
+}
+function TreeNodeItem({
+  node,
+  selectedPath,
+  onSelect,
+  expandedPaths,
+  onToggle
+}) {
+  const isDirectory = node.children.length > 0;
+  const key = node.path ?? node.label;
+  if (isDirectory && node.path) {
+    const isExpanded = expandedPaths[key] ?? true;
+    const isActive = hasDescendant(node, selectedPath);
+    return /* @__PURE__ */ jsx(
+      CollapsibleSidebarGroup,
+      {
+        icon: isExpanded ? IconFolderOpen : IconFolder,
+        label: node.label,
+        isExpanded,
+        onToggle: () => onToggle(key),
+        isActive,
+        onLabelClick: () => onSelect(node.path),
+        children: node.children.map((child) => /* @__PURE__ */ jsx(
+          TreeNodeItem,
+          {
+            node: child,
+            selectedPath,
+            onSelect,
+            expandedPaths,
+            onToggle
+          },
+          child.path ?? child.label
+        ))
+      }
+    );
+  }
+  if (isDirectory) {
+    const isExpanded = expandedPaths[key] ?? true;
+    const isActive = hasDescendant(node, selectedPath);
+    return /* @__PURE__ */ jsx(
+      CollapsibleSidebarGroup,
+      {
+        icon: isExpanded ? IconFolderOpen : IconFolder,
+        label: node.label,
+        isExpanded,
+        onToggle: () => onToggle(key),
+        isActive,
+        children: node.children.map((child) => /* @__PURE__ */ jsx(
+          TreeNodeItem,
+          {
+            node: child,
+            selectedPath,
+            onSelect,
+            expandedPaths,
+            onToggle
+          },
+          child.path ?? child.label
+        ))
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    SidebarListItem,
+    {
+      icon: IconFileText,
+      label: node.label,
+      isActive: node.path === selectedPath,
+      onClick: () => {
+        if (node.path) onSelect(node.path);
+      }
+    }
+  );
+}
+function DocTreeNav({ files, selectedPath, onSelect }) {
+  const theme = useMantineTheme();
+  const tree = useMemo(() => buildTree(files), [files]);
+  const [expandedPaths, setExpandedPaths] = useState(() => {
+    const expanded = {};
+    function collectKeys(nodes) {
+      for (const node of nodes) {
+        if (node.children.length > 0) {
+          expanded[node.path ?? node.label] = true;
+          collectKeys(node.children);
+        }
+      }
+    }
+    collectKeys(tree);
+    return expanded;
+  });
+  const handleToggle = (key) => {
+    setExpandedPaths((prev) => ({ ...prev, [key]: !prev[key] }));
+  };
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      style: {
+        flex: 1,
+        minHeight: 0,
+        padding: theme.spacing.sm,
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden"
+      },
+      children: /* @__PURE__ */ jsx(ScrollArea, { style: { flex: 1, minHeight: 0 }, scrollbarSize: 8, children: /* @__PURE__ */ jsx(Stack, { gap: 0, children: tree.map((node) => /* @__PURE__ */ jsx(
+        TreeNodeItem,
+        {
+          node,
+          selectedPath,
+          onSelect,
+          expandedPaths,
+          onToggle: handleToggle
+        },
+        node.path ?? node.label
+      )) }) })
+    }
+  );
+}
+function KnowledgeBasePage({ mdxRenderer: MdxRenderer }) {
+  const { organizationReady } = useInitialization();
+  const [selectedDeploymentId, setSelectedDeploymentId] = useState(void 0);
+  const [selectedPath, setSelectedPath] = useState(null);
+  const { files, isLoading, error, activeDeployment, activeDeployments } = useDeploymentDocs(selectedDeploymentId);
+  const effectivePath = useMemo(() => {
+    if (selectedPath && files.some((f) => f.path === selectedPath)) {
+      return selectedPath;
+    }
+    if (files.length === 0) return null;
+    const indexFile = files.find((f) => f.path === "index.mdx" || f.path === "docs/index.mdx");
+    if (indexFile) return indexFile.path;
+    return files[0].path;
+  }, [selectedPath, files]);
+  const selectedFile = useMemo(() => {
+    if (!effectivePath) return null;
+    return files.find((f) => f.path === effectivePath) ?? null;
+  }, [effectivePath, files]);
+  const handleSelect = useCallback((path) => {
+    setSelectedPath(path);
+  }, []);
+  const contentRef = useRef(null);
+  const [headings, setHeadings] = useState([]);
+  const [activeHeadingId, setActiveHeadingId] = useState(null);
+  useEffect(() => {
+    if (!contentRef.current) {
+      setHeadings([]);
+      return;
+    }
+    const timer = setTimeout(() => {
+      if (!contentRef.current) return;
+      const elements = contentRef.current.querySelectorAll("h3[id], h4[id]");
+      const items = Array.from(elements).map((el) => ({
+        id: el.id,
+        text: el.textContent || "",
+        level: parseInt(el.tagName[1])
+      }));
+      setHeadings(items);
+      setActiveHeadingId(items[0]?.id ?? null);
+    }, 100);
+    return () => clearTimeout(timer);
+  }, [selectedFile?.compiledSource]);
+  useEffect(() => {
+    if (headings.length === 0) return;
+    const scrollContainer = contentRef.current?.closest('[style*="overflow"]');
+    if (!scrollContainer) return;
+    const handleScroll = () => {
+      if (!contentRef.current) return;
+      const elements = contentRef.current.querySelectorAll("h3[id], h4[id]");
+      let current = headings[0]?.id ?? null;
+      for (const el of elements) {
+        const rect = el.getBoundingClientRect();
+        if (rect.top <= 120) {
+          current = el.id;
+        } else {
+          break;
+        }
+      }
+      setActiveHeadingId(current);
+    };
+    scrollContainer.addEventListener("scroll", handleScroll, { passive: true });
+    return () => scrollContainer.removeEventListener("scroll", handleScroll);
+  }, [headings]);
+  if (!organizationReady || isLoading) return /* @__PURE__ */ jsx(SubshellLoader, {});
+  const showError = !!error;
+  const showNoDeployments = !error && !activeDeployment;
+  const showNoDocs = !error && !!activeDeployment && files.length === 0;
+  const showContent = !error && files.length > 0;
+  return /* @__PURE__ */ jsxs(SubshellContainer, { children: [
+    /* @__PURE__ */ jsxs(SubshellSidebar, { width: 250, children: [
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          p: "sm",
+          style: { borderBottom: "1px solid var(--color-border)", borderRadius: "var(--mantine-radius-default)" },
+          children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+            /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+              /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                /* @__PURE__ */ jsx(IconBook2, { size: 16, color: "var(--color-text-subtle)" }),
+                /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    size: "sm",
+                    fw: 600,
+                    c: "var(--color-text-subtle)",
+                    style: { fontFamily: "var(--mantine-font-family-headings)" },
+                    children: "Documentation"
+                  }
+                )
+              ] }),
+              activeDeployment && /* @__PURE__ */ jsxs(Badge, { size: "xs", variant: "light", children: [
+                "v",
+                activeDeployment.sdkVersion
+              ] })
+            ] }),
+            activeDeployments.length > 1 && /* @__PURE__ */ jsx(
+              Select,
+              {
+                size: "xs",
+                placeholder: "Select deployment",
+                data: activeDeployments.map((d) => ({
+                  value: d.id,
+                  label: `${d.sdkVersion} -- ${new Date(d.createdAt).toLocaleDateString()}`
+                })),
+                value: activeDeployment?.id ?? null,
+                onChange: (value) => setSelectedDeploymentId(value ?? void 0)
+              }
+            )
+          ] })
+        }
+      ),
+      showContent && /* @__PURE__ */ jsx(DocTreeNav, { files, selectedPath: effectivePath, onSelect: handleSelect })
+    ] }),
+    /* @__PURE__ */ jsx(SubshellRightSideContainer, { children: /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Knowledge Base" }),
+      showError && /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), title: "Failed to load documentation", color: "red", children: error instanceof Error ? error.message : "An unexpected error occurred" }),
+      showNoDeployments && /* @__PURE__ */ jsx(Center, { style: { flex: 1 }, children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "sm", children: [
+        /* @__PURE__ */ jsx(IconFileOff, { size: 48, color: "var(--color-text-subtle)" }),
+        /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "lg", children: "No active deployments" }),
+        /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "Deploy your project using the Elevasis SDK to see documentation here." })
+      ] }) }),
+      showNoDocs && /* @__PURE__ */ jsx(Center, { style: { flex: 1 }, children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "sm", children: [
+        /* @__PURE__ */ jsx(IconFileOff, { size: 48, color: "var(--color-text-subtle)" }),
+        /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "lg", children: "No documentation found" }),
+        /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "Add MDX files to your project's docs directory and redeploy." })
+      ] }) }),
+      showContent && selectedFile && /* @__PURE__ */ jsxs(Box, { style: { display: "flex", gap: "1rem", alignItems: "flex-start" }, children: [
+        /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx("div", { ref: contentRef, children: MdxRenderer ? /* @__PURE__ */ jsx(MdxRenderer, { compiledSource: selectedFile.compiledSource }) : /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "No MDX renderer provided" }) }) }) }),
+        headings.length > 1 && /* @__PURE__ */ jsxs(
+          Box,
+          {
+            style: {
+              width: 200,
+              flexShrink: 0,
+              position: "sticky",
+              top: 70,
+              border: "1px solid var(--color-border)",
+              padding: "0.75rem",
+              background: "var(--glass-background)",
+              backdropFilter: "var(--glass-blur)",
+              borderRadius: "var(--mantine-radius-default)"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Group, { gap: 6, mb: "xs", children: [
+                /* @__PURE__ */ jsx(IconList, { size: 16, style: { opacity: 0.5 } }),
+                /* @__PURE__ */ jsx(Title, { order: 6, c: "dimmed", tt: "uppercase", children: "On this page" })
+              ] }),
+              /* @__PURE__ */ jsx(ScrollArea.Autosize, { mah: 400, scrollbarSize: 4, children: /* @__PURE__ */ jsx(Stack, { gap: 2, children: headings.map((heading) => /* @__PURE__ */ jsx(
+                Text,
+                {
+                  component: "a",
+                  href: `#${heading.id}`,
+                  size: "sm",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    document.getElementById(heading.id)?.scrollIntoView({ behavior: "smooth", block: "start" });
+                  },
+                  style: {
+                    display: "block",
+                    padding: "3px 8px",
+                    paddingLeft: heading.level === 4 ? "16px" : "8px",
+                    borderLeft: activeHeadingId === heading.id ? "2px solid var(--color-primary)" : "2px solid transparent",
+                    color: activeHeadingId === heading.id ? "var(--color-primary)" : "var(--color-text-subtle)",
+                    textDecoration: "none",
+                    borderRadius: 0,
+                    transition: "all var(--duration-fast) var(--easing)",
+                    cursor: "pointer",
+                    lineHeight: 1.4
+                  },
+                  onMouseEnter: (e) => {
+                    if (activeHeadingId !== heading.id) {
+                      e.currentTarget.style.color = "var(--color-text)";
+                    }
+                  },
+                  onMouseLeave: (e) => {
+                    if (activeHeadingId !== heading.id) {
+                      e.currentTarget.style.color = "var(--color-text-subtle)";
+                    }
+                  },
+                  children: heading.text
+                },
+                heading.id
+              )) }) })
+            ]
+          }
+        )
+      ] }),
+      showContent && !selectedFile && /* @__PURE__ */ jsx(Center, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Select a page from the navigation" }) })
+    ] }) }) }) })
+  ] });
+}
+function ScheduleTypeSelector({ value, onChange, disabled }) {
+  return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Schedule Type" }),
+    /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        value,
+        onChange: (v) => onChange(v),
+        disabled,
+        data: [
+          {
+            value: "recurring",
+            label: /* @__PURE__ */ jsxs(Stack, { gap: 4, align: "center", children: [
+              /* @__PURE__ */ jsx(IconCalendarRepeat, { size: 20 }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", children: "Recurring" })
+            ] })
+          },
+          {
+            value: "relative",
+            label: /* @__PURE__ */ jsxs(Stack, { gap: 4, align: "center", children: [
+              /* @__PURE__ */ jsx(IconCalendarEvent, { size: 20 }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", children: "Relative" })
+            ] })
+          },
+          {
+            value: "absolute",
+            label: /* @__PURE__ */ jsxs(Stack, { gap: 4, align: "center", children: [
+              /* @__PURE__ */ jsx(IconCalendarTime, { size: 20 }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", children: "Absolute" })
+            ] })
+          }
+        ],
+        fullWidth: true
+      }
+    ),
+    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+      value === "recurring" && "Run on a schedule (daily, weekly, or cron expression)",
+      value === "relative" && "Run at offsets from an anchor date (e.g., 3 days before event)",
+      value === "absolute" && "Run at specific dates and times"
+    ] })
+  ] });
+}
+function toDateTimeLocal(isoString) {
+  if (!isoString) return "";
+  const date = new Date(isoString);
+  return date.toISOString().slice(0, 16);
+}
+function fromDateTimeLocal(dateTimeLocal) {
+  if (!dateTimeLocal) return null;
+  return new Date(dateTimeLocal).toISOString();
+}
+function RecurringScheduleForm({ value, onChange, disabled }) {
+  const [useCron, setUseCron] = useState(!!value.cron);
+  const handleChange = (updates) => {
+    onChange({ ...value, ...updates });
+  };
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        label: "Use cron expression",
+        description: "Advanced scheduling with cron syntax",
+        checked: useCron,
+        onChange: (e) => {
+          setUseCron(e.currentTarget.checked);
+          if (e.currentTarget.checked) {
+            handleChange({ cron: "0 9 * * *", interval: void 0, time: void 0 });
+          } else {
+            handleChange({ cron: void 0, interval: "daily", time: "09:00" });
+          }
+        },
+        disabled
+      }
+    ),
+    useCron ? /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "Cron Expression",
+        placeholder: "0 9 * * 1 (Every Monday at 9am)",
+        value: value.cron || "",
+        onChange: (e) => handleChange({ cron: e.currentTarget.value }),
+        description: "Format: minute hour day month weekday",
+        disabled
+      }
+    ) : /* @__PURE__ */ jsxs(Group, { grow: true, children: [
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          label: "Interval",
+          data: [
+            { value: "daily", label: "Daily" },
+            { value: "weekly", label: "Weekly" },
+            { value: "monthly", label: "Monthly" }
+          ],
+          value: value.interval || "daily",
+          onChange: (v) => handleChange({ interval: v }),
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          label: "Time",
+          type: "time",
+          value: value.time || "09:00",
+          onChange: (e) => handleChange({ time: e.currentTarget.value }),
+          disabled
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        label: "Timezone",
+        placeholder: "Select timezone",
+        data: [
+          { value: "UTC", label: "UTC" },
+          { value: "America/New_York", label: "Eastern Time" },
+          { value: "America/Chicago", label: "Central Time" },
+          { value: "America/Denver", label: "Mountain Time" },
+          { value: "America/Los_Angeles", label: "Pacific Time" },
+          { value: "Europe/London", label: "London" },
+          { value: "Europe/Paris", label: "Paris" },
+          { value: "Asia/Tokyo", label: "Tokyo" }
+        ],
+        value: value.timezone || "UTC",
+        onChange: (v) => handleChange({ timezone: v || "UTC" }),
+        searchable: true,
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "End Date (Optional)",
+        type: "datetime-local",
+        value: toDateTimeLocal(value.endAt),
+        onChange: (e) => handleChange({ endAt: fromDateTimeLocal(e.currentTarget.value) }),
+        disabled
+      }
+    )
+  ] });
+}
+function toDateTimeLocal2(isoString) {
+  if (!isoString) return "";
+  const date = new Date(isoString);
+  return date.toISOString().slice(0, 16);
+}
+function fromDateTimeLocal2(dateTimeLocal) {
+  if (!dateTimeLocal) return void 0;
+  return new Date(dateTimeLocal).toISOString();
+}
+function RelativeScheduleForm({ value, onChange, disabled }) {
+  const items = value.items || [];
+  const handleAnchorChange = (dateTimeLocal) => {
+    onChange({ ...value, anchorAt: fromDateTimeLocal2(dateTimeLocal) });
+  };
+  const handleItemChange = (index, updates) => {
+    const newItems = [...items];
+    newItems[index] = { ...newItems[index], ...updates };
+    onChange({ ...value, items: newItems });
+  };
+  const handleAddItem = () => {
+    const newItems = [...items, { offset: "+1d", payload: {}, label: "" }];
+    onChange({ ...value, items: newItems });
+  };
+  const handleRemoveItem = (index) => {
+    const newItems = items.filter((_, i) => i !== index);
+    onChange({ ...value, items: newItems });
+  };
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "Anchor Date",
+        description: "Reference date for calculating run times",
+        type: "datetime-local",
+        value: toDateTimeLocal2(value.anchorAt),
+        onChange: (e) => handleAnchorChange(e.currentTarget.value),
+        required: true,
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "Anchor Label (Optional)",
+        placeholder: "e.g., meeting_date, deadline, event_start",
+        value: value.anchorLabel || "",
+        onChange: (e) => onChange({ ...value, anchorLabel: e.currentTarget.value || void 0 }),
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Schedule Items" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "xs",
+            variant: "light",
+            leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }),
+            onClick: handleAddItem,
+            disabled,
+            children: "Add Item"
+          }
+        )
+      ] }),
+      items.length === 0 && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: 'No items yet. Click "Add Item" to create a schedule step.' }),
+      items.map((item, index) => /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+            "Step ",
+            index + 1
+          ] }),
+          /* @__PURE__ */ jsx(
+            ActionIcon,
+            {
+              size: "sm",
+              color: "red",
+              variant: "subtle",
+              onClick: () => handleRemoveItem(index),
+              disabled,
+              children: /* @__PURE__ */ jsx(IconTrash, { size: 14 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Group, { grow: true, children: [
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              label: "Offset",
+              placeholder: "+3d, -2h, +30m",
+              value: item.offset,
+              onChange: (e) => handleItemChange(index, { offset: e.currentTarget.value }),
+              description: "+ after anchor, - before anchor",
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              label: "Label (Optional)",
+              placeholder: "e.g., Thank you, Follow up",
+              value: item.label || "",
+              onChange: (e) => handleItemChange(index, { label: e.currentTarget.value || void 0 }),
+              disabled
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            label: "Payload (JSON)",
+            placeholder: '{"key": "value"}',
+            value: JSON.stringify(item.payload, null, 2),
+            onChange: (e) => {
+              try {
+                const payload = JSON.parse(e.currentTarget.value);
+                handleItemChange(index, { payload });
+              } catch {
+              }
+            },
+            minRows: 2,
+            disabled
+          }
+        )
+      ] }) }, index))
+    ] })
+  ] });
+}
+function toDateTimeLocal3(isoString) {
+  if (!isoString) return "";
+  const date = new Date(isoString);
+  return date.toISOString().slice(0, 16);
+}
+function fromDateTimeLocal3(dateTimeLocal) {
+  if (!dateTimeLocal) return "";
+  return new Date(dateTimeLocal).toISOString();
+}
+function AbsoluteScheduleForm({ value, onChange, disabled }) {
+  const items = value.items || [];
+  const handleItemChange = (index, updates) => {
+    const newItems = [...items];
+    newItems[index] = { ...newItems[index], ...updates };
+    onChange({ ...value, items: newItems });
+  };
+  const handleAddItem = () => {
+    const newItems = [...items, { runAt: (/* @__PURE__ */ new Date()).toISOString(), payload: {}, label: "" }];
+    onChange({ ...value, items: newItems });
+  };
+  const handleRemoveItem = (index) => {
+    const newItems = items.filter((_, i) => i !== index);
+    onChange({ ...value, items: newItems });
+  };
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Scheduled Executions" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "xs",
+          variant: "light",
+          leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }),
+          onClick: handleAddItem,
+          disabled,
+          children: "Add Execution"
+        }
+      )
+    ] }),
+    items.length === 0 && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: 'No executions yet. Click "Add Execution" to schedule a run.' }),
+    items.map((item, index) => /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+        /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+          "Execution ",
+          index + 1
+        ] }),
+        /* @__PURE__ */ jsx(
+          ActionIcon,
+          {
+            size: "sm",
+            color: "red",
+            variant: "subtle",
+            onClick: () => handleRemoveItem(index),
+            disabled,
+            children: /* @__PURE__ */ jsx(IconTrash, { size: 14 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { grow: true, children: [
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            label: "Run At",
+            type: "datetime-local",
+            value: toDateTimeLocal3(item.runAt),
+            onChange: (e) => handleItemChange(index, { runAt: fromDateTimeLocal3(e.currentTarget.value) }),
+            required: true,
+            disabled
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            label: "Label (Optional)",
+            placeholder: "e.g., Launch, Phase 2",
+            value: item.label || "",
+            onChange: (e) => handleItemChange(index, { label: e.currentTarget.value || void 0 }),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          label: "Payload (JSON)",
+          placeholder: '{"key": "value"}',
+          value: JSON.stringify(item.payload, null, 2),
+          onChange: (e) => {
+            try {
+              const payload = JSON.parse(e.currentTarget.value);
+              handleItemChange(index, { payload });
+            } catch {
+            }
+          },
+          minRows: 2,
+          disabled
+        }
+      )
+    ] }) }, index))
+  ] });
+}
+var defaultRecurringConfig = {
+  type: "recurring",
+  interval: "daily",
+  time: "09:00",
+  timezone: "UTC",
+  payload: {}
+};
+var defaultRelativeConfig = {
+  type: "relative",
+  items: []
+};
+var defaultAbsoluteConfig = {
+  type: "absolute",
+  items: []
+};
+function CreateScheduleModal({ opened, onClose }) {
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+  const [resourceId, setResourceId] = useState("");
+  const [scheduleType, setScheduleType] = useState("recurring");
+  const [recurringConfig, setRecurringConfig] = useState(defaultRecurringConfig);
+  const [relativeConfig, setRelativeConfig] = useState(defaultRelativeConfig);
+  const [absoluteConfig, setAbsoluteConfig] = useState(defaultAbsoluteConfig);
+  const { data: resourcesData } = useResources();
+  const createSchedule = useCreateSchedule();
+  const allResources = useMemo(() => {
+    if (!resourcesData) return [];
+    const workflows = (resourcesData.workflows || []).map((w) => ({
+      id: w.resourceId,
+      type: "workflow"
+    }));
+    const agents = (resourcesData.agents || []).map((a) => ({
+      id: a.resourceId,
+      type: "agent"
+    }));
+    return [...workflows, ...agents];
+  }, [resourcesData]);
+  const resourceOptions2 = useMemo(() => {
+    if (!resourcesData) return [];
+    const workflowOptions = (resourcesData.workflows || []).filter((w) => w?.resourceId).map((w) => ({
+      value: w.resourceId,
+      label: `Workflow: ${w.resourceId}`
+    }));
+    const agentOptions = (resourcesData.agents || []).filter((a) => a?.resourceId).map((a) => ({
+      value: a.resourceId,
+      label: `Agent: ${a.resourceId}`
+    }));
+    return [...workflowOptions, ...agentOptions];
+  }, [resourcesData]);
+  const handleScheduleTypeChange = (newType) => {
+    setScheduleType(newType);
+  };
+  const buildScheduleConfig = () => {
+    switch (scheduleType) {
+      case "recurring": {
+        if (!recurringConfig.timezone) {
+          showErrorNotification("Timezone is required");
+          return null;
+        }
+        const config = {
+          type: "recurring",
+          timezone: recurringConfig.timezone,
+          payload: recurringConfig.payload || {},
+          endAt: recurringConfig.endAt
+        };
+        if (recurringConfig.cron) {
+          config.cron = recurringConfig.cron;
+        } else {
+          config.interval = recurringConfig.interval || "daily";
+          config.time = recurringConfig.time || "09:00";
+        }
+        return config;
+      }
+      case "relative": {
+        if (!relativeConfig.anchorAt) {
+          showErrorNotification("Anchor date is required for relative schedules");
+          return null;
+        }
+        if (!relativeConfig.items || relativeConfig.items.length === 0) {
+          showErrorNotification("At least one schedule item is required");
+          return null;
+        }
+        return {
+          type: "relative",
+          anchorAt: relativeConfig.anchorAt,
+          anchorLabel: relativeConfig.anchorLabel,
+          items: relativeConfig.items
+        };
+      }
+      case "absolute": {
+        if (!absoluteConfig.items || absoluteConfig.items.length === 0) {
+          showErrorNotification("At least one scheduled execution is required");
+          return null;
+        }
+        return {
+          type: "absolute",
+          items: absoluteConfig.items
+        };
+      }
+      default:
+        return null;
+    }
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    try {
+      const resource = allResources.find((r) => r.id === resourceId);
+      if (!resource) {
+        showErrorNotification("Please select a valid resource");
+        return;
+      }
+      if (!name.trim()) {
+        showErrorNotification("Schedule name is required");
+        return;
+      }
+      const scheduleConfig = buildScheduleConfig();
+      if (!scheduleConfig) {
+        return;
+      }
+      const input = {
+        name: name.trim(),
+        description: description.trim() || void 0,
+        target: {
+          resourceType: resource.type,
+          resourceId: resource.id
+        },
+        scheduleConfig,
+        maxRetries: 3,
+        originResourceType: "api",
+        originResourceId: "task-scheduler-ui"
+      };
+      await createSchedule.mutateAsync(input);
+      showSuccessNotification("Schedule created successfully");
+      handleClose();
+    } catch (error) {
+      showApiErrorNotification(error);
+    }
+  };
+  const handleClose = () => {
+    if (!createSchedule.isPending) {
+      setName("");
+      setDescription("");
+      setResourceId("");
+      setScheduleType("recurring");
+      setRecurringConfig(defaultRecurringConfig);
+      setRelativeConfig(defaultRelativeConfig);
+      setAbsoluteConfig(defaultAbsoluteConfig);
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsx(CustomModal, { opened, onClose: handleClose, size: "lg", loading: createSchedule.isPending, children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(Title, { order: 3, children: "Create Schedule" }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "Schedule Name",
+        placeholder: "e.g., Daily Sales Report, Weekly Sync",
+        value: name,
+        onChange: (e) => setName(e.currentTarget.value),
+        required: true,
+        disabled: createSchedule.isPending
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        label: "Description (Optional)",
+        placeholder: "Describe what this schedule does...",
+        value: description,
+        onChange: (e) => setDescription(e.currentTarget.value),
+        disabled: createSchedule.isPending
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        label: "Resource to Execute",
+        placeholder: resourcesData ? "Select an agent or workflow" : "Loading resources...",
+        data: resourceOptions2,
+        value: resourceId,
+        onChange: (value) => setResourceId(value || ""),
+        searchable: true,
+        required: true,
+        disabled: !resourcesData || createSchedule.isPending
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(
+      ScheduleTypeSelector,
+      {
+        value: scheduleType,
+        onChange: handleScheduleTypeChange,
+        disabled: createSchedule.isPending
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, {}),
+    scheduleType === "recurring" && /* @__PURE__ */ jsx(
+      RecurringScheduleForm,
+      {
+        value: recurringConfig,
+        onChange: setRecurringConfig,
+        disabled: createSchedule.isPending
+      }
+    ),
+    scheduleType === "relative" && /* @__PURE__ */ jsx(
+      RelativeScheduleForm,
+      {
+        value: relativeConfig,
+        onChange: setRelativeConfig,
+        disabled: createSchedule.isPending
+      }
+    ),
+    scheduleType === "absolute" && /* @__PURE__ */ jsx(
+      AbsoluteScheduleForm,
+      {
+        value: absoluteConfig,
+        onChange: setAbsoluteConfig,
+        disabled: createSchedule.isPending
+      }
+    ),
+    /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "light", onClick: handleClose, type: "button", disabled: createSchedule.isPending, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", loading: createSchedule.isPending, children: "Create Schedule" })
+    ] })
+  ] }) }) });
+}
+function DeleteScheduleModal({ opened, onClose, onConfirm, schedule, isDeleting }) {
+  const handleClose = () => {
+    if (!isDeleting) {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsx(CustomModal, { opened, onClose: handleClose, size: "sm", loading: isDeleting, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, color: "var(--color-error)" }),
+      /* @__PURE__ */ jsx(Title, { order: 4, children: "Delete Schedule" })
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+      "Are you sure you want to delete",
+      " ",
+      /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: schedule?.name }),
+      "?"
+    ] }),
+    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone. Any pending executions will be cancelled." }),
+    /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "light", onClick: handleClose, disabled: isDeleting, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { color: "red", onClick: onConfirm, loading: isDeleting, children: "Delete" })
+    ] })
+  ] }) });
+}
+function getStatusColor(status) {
+  switch (status) {
+    case "active":
+      return "green";
+    case "paused":
+      return "yellow";
+    case "completed":
+      return "blue";
+    case "cancelled":
+      return "gray";
+  }
+}
+function formatDate(date) {
+  if (!date) return "N/A";
+  const d = typeof date === "string" ? new Date(date) : date;
+  return d.toLocaleString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+    timeZoneName: "short"
+  });
+}
+function ScheduleConfigDetails({ schedule }) {
+  const config = schedule.scheduleConfig;
+  switch (config.type) {
+    case "recurring":
+      return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(IconCalendarRepeat, { size: 16, color: "var(--color-text-subtle)" }),
+          /* @__PURE__ */ jsx(Text, { fw: 500, children: "Recurring Schedule" })
+        ] }),
+        /* @__PURE__ */ jsx(Table, { withRowBorders: false, verticalSpacing: 4, children: /* @__PURE__ */ jsxs(Table.Tbody, { children: [
+          config.cron && /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { w: 120, children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Cron" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Code, { children: config.cron }) })
+          ] }),
+          config.interval && /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Interval" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Text, { children: [
+              config.interval,
+              " at ",
+              config.time
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Timezone" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { children: config.timezone }) })
+          ] }),
+          config.endAt && /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Ends" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { children: formatDate(config.endAt) }) })
+          ] }),
+          /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Overdue" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: config.overduePolicy === "execute" ? "orange" : "gray", children: config.overduePolicy ?? "skip" }) })
+          ] }),
+          Object.keys(config.payload).length > 0 && /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Payload" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Code, { block: true, children: JSON.stringify(config.payload, null, 2) }) })
+          ] })
+        ] }) })
+      ] });
+    case "relative":
+      return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(IconCalendarEvent, { size: 16, color: "var(--color-text-subtle)" }),
+          /* @__PURE__ */ jsx(Text, { fw: 500, children: "Relative Schedule" })
+        ] }),
+        /* @__PURE__ */ jsx(Table, { withRowBorders: false, verticalSpacing: 4, children: /* @__PURE__ */ jsxs(Table.Tbody, { children: [
+          /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { w: 120, children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Anchor" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Text, { children: [
+              formatDate(config.anchorAt),
+              config.anchorLabel && ` (${config.anchorLabel})`
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Steps" }) }),
+            /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Stack, { gap: 4, children: config.items.map((item, i) => /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+              /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: i === schedule.currentStep ? "blue" : "gray", children: item.offset }),
+              item.label && /* @__PURE__ */ jsx(Text, { c: "dimmed", children: item.label })
+            ] }, i)) }) })
+          ] })
+        ] }) })
+      ] });
+    case "absolute":
+      return /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(IconCalendarTime, { size: 16, color: "var(--color-text-subtle)" }),
+          /* @__PURE__ */ jsx(Text, { fw: 500, children: "Absolute Schedule" })
+        ] }),
+        /* @__PURE__ */ jsx(Stack, { gap: 4, children: config.items.map((item, i) => /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: i === schedule.currentStep ? "blue" : "gray", children: i + 1 }),
+          /* @__PURE__ */ jsx(Text, { children: formatDate(item.runAt) }),
+          item.label && /* @__PURE__ */ jsxs(Text, { c: "dimmed", children: [
+            "\u2014 ",
+            item.label
+          ] })
+        ] }, i)) })
+      ] });
+  }
+}
+function ScheduleDetailModal({ opened, onClose, schedule, resourceStatus }) {
+  const ResourceIcon = schedule?.target.resourceType === "agent" ? IconRobot : IconGitBranch;
+  const resourceNotFound = resourceStatus === void 0;
+  return /* @__PURE__ */ jsx(CustomModal, { opened, onClose, size: "lg", children: schedule && /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(ResourceIcon, { size: 24, color: "var(--color-primary)" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, children: schedule.name }),
+          schedule.description && /* @__PURE__ */ jsx(Text, { c: "dimmed", mt: 2, children: schedule.description })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Badge, { variant: "light", color: getStatusColor(schedule.status), children: schedule.status })
+    ] }),
+    resourceNotFound && /* @__PURE__ */ jsxs(Alert, { icon: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 18 }), color: "red", variant: "light", title: "Resource not found", children: [
+      "The target resource ",
+      /* @__PURE__ */ jsx(Code, { children: schedule.target.resourceId }),
+      " does not exist in the current deployment. This schedule will fail when it tries to execute. Consider deleting or updating it."
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(Group, { gap: "lg", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(ResourceIcon, { size: 14, color: "var(--color-text-subtle)" }),
+        /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Target" })
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", radius: "sm", children: schedule.target.resourceType }),
+        /* @__PURE__ */ jsx(Code, { children: schedule.target.resourceId })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(ScheduleConfigDetails, { schedule }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(IconSettings, { size: 16, color: "var(--color-text-subtle)" }),
+        /* @__PURE__ */ jsx(Text, { fw: 500, children: "Execution Details" })
+      ] }),
+      /* @__PURE__ */ jsx(Table, { withRowBorders: false, verticalSpacing: 4, children: /* @__PURE__ */ jsxs(Table.Tbody, { children: [
+        /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Td, { w: 140, children: /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+            /* @__PURE__ */ jsx(IconClock, { size: 12, color: "var(--color-text-subtle)" }),
+            /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Next Run" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { children: formatDate(schedule.nextRunAt) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+            /* @__PURE__ */ jsx(IconCalendar, { size: 12, color: "var(--color-text-subtle)" }),
+            /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Last Run" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { children: formatDate(schedule.lastRunAt) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+            /* @__PURE__ */ jsx(IconRefresh, { size: 12, color: "var(--color-text-subtle)" }),
+            /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Max Retries" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { children: schedule.maxRetries }) })
+        ] }),
+        schedule.idempotencyKey && /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+            /* @__PURE__ */ jsx(IconKey, { size: 12, color: "var(--color-text-subtle)" }),
+            /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Idempotency" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Code, { children: schedule.idempotencyKey }) })
+        ] }),
+        schedule.lastExecutionId && /* @__PURE__ */ jsxs(Table.Tr, { children: [
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { c: "dimmed", children: "Last Execution" }) }),
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Code, { children: schedule.lastExecutionId }) })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "lg", children: [
+        /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Created ",
+          formatDate(schedule.createdAt)
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Updated ",
+          formatDate(schedule.updatedAt)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "light",
+          size: "xs",
+          rightSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 }),
+          component: "a",
+          href: schedule.target.resourceType === "agent" ? `/operations/resources/agent/${schedule.target.resourceId}` : `/operations/resources/workflow/${schedule.target.resourceId}`,
+          target: "_blank",
+          disabled: resourceNotFound,
+          children: "Go to Resource"
+        }
+      )
+    ] })
+  ] }) });
+}
+function getScheduleTypeIcon(config) {
+  switch (config.type) {
+    case "recurring":
+      return IconCalendarRepeat;
+    case "relative":
+      return IconCalendarEvent;
+    case "absolute":
+      return IconCalendarTime;
+  }
+}
+function getScheduleTypeLabel(config) {
+  switch (config.type) {
+    case "recurring":
+      if (config.cron) return `Cron: ${config.cron}`;
+      if (config.interval)
+        return `${config.interval.charAt(0).toUpperCase() + config.interval.slice(1)} at ${config.time}`;
+      return "Recurring";
+    case "relative":
+      return `${config.items.length} steps from anchor`;
+    case "absolute":
+      return `${config.items.length} scheduled runs`;
+  }
+}
+function getStatusColor2(status) {
+  switch (status) {
+    case "active":
+      return "green";
+    case "paused":
+      return "yellow";
+    case "completed":
+      return "blue";
+    case "cancelled":
+      return "gray";
+  }
+}
+function formatNextRun(date) {
+  if (!date) return "";
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = date.getTime() - now.getTime();
+  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+  const diffHours = Math.floor(diffMs % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60));
+  if (diffMs < 0) return "Overdue";
+  if (diffDays === 0) {
+    if (diffHours === 0) return "Less than an hour";
+    return `In ${diffHours}h`;
+  }
+  if (diffDays === 1) return "Tomorrow";
+  if (diffDays <= 7) return `In ${diffDays}d`;
+  return date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric"
+  });
+}
+function ScheduleCard({
+  schedule,
+  resourceStatus,
+  onPause,
+  onResume,
+  onCancel,
+  onDelete,
+  onClick,
+  isLoading
+}) {
+  const [hovered, setHovered] = useState(false);
+  const TypeIcon = getScheduleTypeIcon(schedule.scheduleConfig);
+  const ResourceIcon = schedule.target.resourceType === "agent" ? IconRobot : IconGitBranch;
+  const nextRunAt = schedule.nextRunAt ? typeof schedule.nextRunAt === "string" ? new Date(schedule.nextRunAt) : schedule.nextRunAt : void 0;
+  const nextRunLabel = nextRunAt && schedule.status === "active" ? formatNextRun(nextRunAt) : "";
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      style: {
+        cursor: "pointer",
+        border: "1px solid var(--color-border)",
+        transition: "background 150ms ease",
+        background: hovered ? "var(--active-background)" : "var(--glass-background)"
+      },
+      onClick: (e) => {
+        if (e.target.closest("[data-menu-dropdown]") || e.target.closest("button")) {
+          return;
+        }
+        onClick?.(schedule);
+      },
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "grid",
+            gridTemplateColumns: "18px minmax(120px, 1.5fr) minmax(100px, 1fr) minmax(80px, 1fr) 270px",
+            alignItems: "center",
+            gap: "var(--mantine-spacing-sm)"
+          },
+          children: [
+            /* @__PURE__ */ jsx(ResourceIcon, { size: 18, color: "var(--color-primary)" }),
+            /* @__PURE__ */ jsx(Text, { fw: 600, size: "md", truncate: true, style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, children: schedule.name }),
+            /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(TypeIcon, { size: 14, color: "var(--color-text-subtle)", style: { flexShrink: 0 } }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, children: getScheduleTypeLabel(schedule.scheduleConfig) })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx(Tooltip, { label: resourceStatus ? `Deployed: ${resourceStatus}` : "Resource not found", children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    width: 8,
+                    height: 8,
+                    borderRadius: "50%",
+                    flexShrink: 0,
+                    backgroundColor: resourceStatus ? resourceStatus === "prod" ? "var(--color-success)" : "var(--color-primary)" : "var(--mantine-color-red-6)"
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", truncate: true, ff: "monospace", style: { minWidth: 0 }, children: schedule.target.resourceId })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { gap: 8, wrap: "nowrap", justify: "flex-end", children: [
+              /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: schedule.target.resourceType }),
+              nextRunLabel && /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
+                /* @__PURE__ */ jsx(IconClock, { size: 12, color: "var(--color-text-subtle)" }),
+                /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { whiteSpace: "nowrap" }, children: nextRunLabel })
+              ] }),
+              /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor2(schedule.status), children: schedule.status }),
+              /* @__PURE__ */ jsxs(Menu, { position: "bottom-end", withinPortal: true, children: [
+                /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", disabled: isLoading, children: /* @__PURE__ */ jsx(IconDotsVertical, { size: 16 }) }) }),
+                /* @__PURE__ */ jsxs(Menu.Dropdown, { children: [
+                  schedule.status === "active" && /* @__PURE__ */ jsx(Menu.Item, { leftSection: /* @__PURE__ */ jsx(IconPlayerPause, { size: 14 }), onClick: () => onPause(schedule.id), children: "Pause" }),
+                  schedule.status === "paused" && /* @__PURE__ */ jsx(Menu.Item, { leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 14 }), onClick: () => onResume(schedule.id), children: "Resume" }),
+                  (schedule.status === "active" || schedule.status === "paused") && /* @__PURE__ */ jsx(Menu.Item, { leftSection: /* @__PURE__ */ jsx(IconPlayerStop, { size: 14 }), onClick: () => onCancel(schedule.id), children: "Cancel" }),
+                  /* @__PURE__ */ jsx(Menu.Item, { leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 14 }), color: "red", onClick: () => onDelete(schedule.id), children: "Delete" })
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+var TaskScheduler = () => {
+  const { isReady } = useElevasisServices();
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+  const [scheduleToDelete, setScheduleToDelete] = useState(null);
+  const [selectedSchedule, setSelectedSchedule] = useState(null);
+  const [viewMode, setViewMode] = useState("buckets");
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [typeFilter, setTypeFilter] = useState("all");
+  const queryFilters = useMemo(() => {
+    const filters = {};
+    if (statusFilter !== "all") {
+      filters.status = statusFilter;
+    }
+    return filters;
+  }, [statusFilter]);
+  const { data, isLoading, error } = useListSchedules(queryFilters);
+  const pauseSchedule = usePauseSchedule();
+  const resumeSchedule = useResumeSchedule();
+  const cancelSchedule = useCancelSchedule();
+  const deleteSchedule = useDeleteSchedule();
+  const filteredSchedules = useMemo(() => {
+    if (!data?.schedules) return [];
+    if (typeFilter === "all") return data.schedules;
+    return data.schedules.filter((s) => s.scheduleConfig.type === typeFilter);
+  }, [data?.schedules, typeFilter]);
+  const isActionLoading = pauseSchedule.isPending || resumeSchedule.isPending || cancelSchedule.isPending || deleteSchedule.isPending;
+  const schedulesByType = useMemo(() => {
+    if (!data?.schedules) return { recurring: 0, relative: 0, absolute: 0 };
+    return data.schedules.reduce(
+      (acc, s) => {
+        acc[s.scheduleConfig.type]++;
+        return acc;
+      },
+      { recurring: 0, relative: 0, absolute: 0 }
+    );
+  }, [data?.schedules]);
+  const schedulesByStatus = useMemo(() => {
+    if (!data?.schedules) return { active: 0, paused: 0, completed: 0, cancelled: 0 };
+    return data.schedules.reduce(
+      (acc, s) => {
+        if (s.status === "active") acc.active++;
+        else if (s.status === "paused") acc.paused++;
+        else if (s.status === "completed") acc.completed++;
+        else if (s.status === "cancelled") acc.cancelled++;
+        return acc;
+      },
+      { active: 0, paused: 0, completed: 0, cancelled: 0 }
+    );
+  }, [data?.schedules]);
+  const { data: resourcesData } = useResources();
+  const resourceStatusMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    if (!resourcesData) return map;
+    for (const w of resourcesData.workflows) map.set(w.resourceId, w.status);
+    for (const a of resourcesData.agents) map.set(a.resourceId, a.status);
+    return map;
+  }, [resourcesData]);
+  const handleCardClick = useCallback((schedule) => {
+    setSelectedSchedule(schedule);
+  }, []);
+  if (isLoading || !isReady) {
+    return /* @__PURE__ */ jsx(AppShellLoader, {});
+  }
+  const handlePause = async (scheduleId) => {
+    await pauseSchedule.mutateAsync(scheduleId);
+  };
+  const handleResume = async (scheduleId) => {
+    await resumeSchedule.mutateAsync(scheduleId);
+  };
+  const handleCancel = async (scheduleId) => {
+    await cancelSchedule.mutateAsync(scheduleId);
+  };
+  const handleDelete = (scheduleId) => {
+    const schedule = data?.schedules.find((s) => s.id === scheduleId);
+    if (schedule) {
+      setScheduleToDelete(schedule);
+      setIsDeleteModalOpen(true);
+    }
+  };
+  const handleConfirmDelete = async () => {
+    if (scheduleToDelete) {
+      await deleteSchedule.mutateAsync(scheduleToDelete.id);
+      setIsDeleteModalOpen(false);
+      setScheduleToDelete(null);
+    }
+  };
+  const handleCloseDeleteModal = () => {
+    setIsDeleteModalOpen(false);
+    setScheduleToDelete(null);
+  };
+  const formatNextRun2 = (schedule) => {
+    if (!schedule.nextRunAt) return "Not scheduled";
+    const date = typeof schedule.nextRunAt === "string" ? new Date(schedule.nextRunAt) : schedule.nextRunAt;
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = date.getTime() - now.getTime();
+    const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+    if (diffMs < 0) return "Overdue";
+    if (diffDays === 0) {
+      return `Today at ${date.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" })}`;
+    } else if (diffDays === 1) {
+      return `Tomorrow at ${date.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" })}`;
+    } else if (diffDays > 0 && diffDays <= 7) {
+      return `In ${diffDays} days at ${date.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" })}`;
+    } else {
+      return date.toLocaleString("en-US", {
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "2-digit"
+      });
+    }
+  };
+  const groupByTimeBucket = (schedules) => {
+    const now = /* @__PURE__ */ new Date();
+    const buckets = {
+      today: [],
+      tomorrow: [],
+      thisWeek: [],
+      later: [],
+      noNextRun: []
+    };
+    schedules.forEach((schedule) => {
+      if (!schedule.nextRunAt) {
+        buckets.noNextRun.push(schedule);
+        return;
+      }
+      const nextRun = typeof schedule.nextRunAt === "string" ? new Date(schedule.nextRunAt) : schedule.nextRunAt;
+      const diffMs = nextRun.getTime() - now.getTime();
+      const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+      if (diffDays < 0) {
+        buckets.today.push(schedule);
+      } else if (diffDays === 0) {
+        buckets.today.push(schedule);
+      } else if (diffDays === 1) {
+        buckets.tomorrow.push(schedule);
+      } else if (diffDays <= 7) {
+        buckets.thisWeek.push(schedule);
+      } else {
+        buckets.later.push(schedule);
+      }
+    });
+    return buckets;
+  };
+  if (error) {
+    return /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load schedules" });
+  }
+  const timeBuckets = groupByTimeBucket(filteredSchedules);
+  const renderScheduleCards = (schedules) => schedules.map((schedule) => /* @__PURE__ */ jsx(
+    ScheduleCard,
+    {
+      schedule,
+      resourceStatus: resourceStatusMap.get(schedule.target.resourceId),
+      onPause: handlePause,
+      onResume: handleResume,
+      onCancel: handleCancel,
+      onDelete: handleDelete,
+      onClick: handleCardClick,
+      isLoading: isActionLoading
+    },
+    schedule.id
+  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Task Scheduler",
+        caption: "Schedule agents and workflows to run automatically",
+        rightSection: /* @__PURE__ */ jsx(
+          SegmentedControl,
+          {
+            value: viewMode,
+            onChange: (value) => setViewMode(value),
+            data: [
+              { label: "Buckets", value: "buckets" },
+              { label: "Timeline", value: "timeline" }
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 2, sm: 5 }, children: [
+      /* @__PURE__ */ jsx(StatCard, { variant: "hero", label: "Active", value: schedulesByStatus.active, icon: IconCalendarEvent }),
+      /* @__PURE__ */ jsx(StatCard, { variant: "hero", label: "Paused", value: schedulesByStatus.paused, icon: IconCalendarDue }),
+      /* @__PURE__ */ jsx(StatCard, { variant: "hero", label: "Completed", value: schedulesByStatus.completed, icon: IconCalendarStats }),
+      /* @__PURE__ */ jsx(StatCard, { variant: "hero", label: "Cancelled", value: schedulesByStatus.cancelled, icon: IconCalendarOff }),
+      /* @__PURE__ */ jsx(StatCard, { variant: "hero", label: "Total", value: data?.schedules.length || 0, icon: IconListCheck })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      FilterBar,
+      {
+        actions: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", leftSection: /* @__PURE__ */ jsx(IconCalendarRepeat, { size: 12 }), children: [
+            schedulesByType.recurring,
+            " Recurring"
+          ] }),
+          /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", leftSection: /* @__PURE__ */ jsx(IconCalendarEvent, { size: 12 }), children: [
+            schedulesByType.relative,
+            " Relative"
+          ] }),
+          /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", leftSection: /* @__PURE__ */ jsx(IconCalendarTime, { size: 12 }), children: [
+            schedulesByType.absolute,
+            " Absolute"
+          ] })
+        ] }),
+        children: [
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              size: "sm",
+              placeholder: "Status",
+              data: [
+                { value: "all", label: "All Statuses" },
+                { value: "active", label: "Active" },
+                { value: "paused", label: "Paused" },
+                { value: "completed", label: "Completed" },
+                { value: "cancelled", label: "Cancelled" }
+              ],
+              value: statusFilter,
+              onChange: (v) => setStatusFilter(v || "all"),
+              clearable: false,
+              style: { minWidth: 150 }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              size: "sm",
+              placeholder: "Type",
+              data: [
+                { value: "all", label: "All Types" },
+                { value: "recurring", label: "Recurring" },
+                { value: "relative", label: "Relative" },
+                { value: "absolute", label: "Absolute" }
+              ],
+              value: typeFilter,
+              onChange: (v) => setTypeFilter(v || "all"),
+              clearable: false,
+              style: { minWidth: 150 }
+            }
+          )
+        ]
+      }
+    ),
+    viewMode === "timeline" && filteredSchedules.length > 0 && /* @__PURE__ */ jsx(Paper, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { title: "All Schedules" }),
+      /* @__PURE__ */ jsx(Timeline, { bulletSize: 24, lineWidth: 2, children: [...filteredSchedules].sort((a, b) => {
+        const aDate = a.nextRunAt ? typeof a.nextRunAt === "string" ? new Date(a.nextRunAt) : a.nextRunAt : new Date(9999, 0);
+        const bDate = b.nextRunAt ? typeof b.nextRunAt === "string" ? new Date(b.nextRunAt) : b.nextRunAt : new Date(9999, 0);
+        return aDate.getTime() - bDate.getTime();
+      }).map((schedule) => {
+        const nextRun = schedule.nextRunAt ? typeof schedule.nextRunAt === "string" ? new Date(schedule.nextRunAt) : schedule.nextRunAt : null;
+        const isOverdue = nextRun && nextRun.getTime() < Date.now();
+        return /* @__PURE__ */ jsxs(
+          Timeline.Item,
+          {
+            style: { cursor: "pointer" },
+            onClick: () => handleCardClick(schedule),
+            bullet: /* @__PURE__ */ jsx(ThemeIcon, { size: 24, radius: "xl", children: /* @__PURE__ */ jsx(IconClock, { size: 12 }) }),
+            title: /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(Text, { fw: 600, style: { fontFamily: "var(--mantine-font-family-headings)" }, children: schedule.name }),
+              /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+                /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: isOverdue ? "orange" : void 0, children: formatNextRun2(schedule) }),
+                /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: schedule.status === "active" ? "green" : "yellow", children: schedule.status })
+              ] })
+            ] }),
+            children: [
+              schedule.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mt: 4, children: schedule.description }),
+              /* @__PURE__ */ jsxs(Group, { gap: "xs", mt: "xs", children: [
+                /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: schedule.target.resourceType }),
+                /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "outline", children: schedule.scheduleConfig.type })
+              ] })
+            ]
+          },
+          schedule.id
+        );
+      }) })
+    ] }) }),
+    viewMode === "buckets" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      timeBuckets.today.length > 0 && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Today" }),
+          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: timeBuckets.today.length })
+        ] }),
+        renderScheduleCards(timeBuckets.today)
+      ] }),
+      timeBuckets.tomorrow.length > 0 && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Tomorrow" }),
+          /* @__PURE__ */ jsx(Badge, { color: "orange", size: "sm", variant: "light", children: timeBuckets.tomorrow.length })
+        ] }),
+        renderScheduleCards(timeBuckets.tomorrow)
+      ] }),
+      timeBuckets.thisWeek.length > 0 && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "This Week" }),
+          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", children: timeBuckets.thisWeek.length })
+        ] }),
+        renderScheduleCards(timeBuckets.thisWeek)
+      ] }),
+      timeBuckets.later.length > 0 && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx(Title, { order: 4, children: "Later" }),
+          /* @__PURE__ */ jsx(Badge, { color: "gray", size: "sm", variant: "light", children: timeBuckets.later.length })
+        ] }),
+        renderScheduleCards(timeBuckets.later)
+      ] }),
+      timeBuckets.noNextRun.length > 0 && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+          /* @__PURE__ */ jsx(Text, { fw: 600, size: "md", c: "dimmed", children: "No Scheduled Run" }),
+          /* @__PURE__ */ jsx(Badge, { color: "gray", size: "sm", variant: "light", children: timeBuckets.noNextRun.length })
+        ] }),
+        renderScheduleCards(timeBuckets.noNextRun)
+      ] })
+    ] }),
+    filteredSchedules.length === 0 && /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        icon: IconClock,
+        title: "No schedules found",
+        description: statusFilter !== "all" || typeFilter !== "all" ? "No schedules match your filters. Try adjusting the filters or create a new schedule." : "No schedules yet. Use the CLI to create automated task execution."
+      }
+    ),
+    /* @__PURE__ */ jsx(CreateScheduleModal, { opened: isModalOpen, onClose: () => setIsModalOpen(false) }),
+    /* @__PURE__ */ jsx(
+      DeleteScheduleModal,
+      {
+        opened: isDeleteModalOpen,
+        onClose: handleCloseDeleteModal,
+        onConfirm: handleConfirmDelete,
+        schedule: scheduleToDelete,
+        isDeleting: deleteSchedule.isPending
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ScheduleDetailModal,
+      {
+        opened: !!selectedSchedule,
+        onClose: () => setSelectedSchedule(null),
+        schedule: selectedSchedule,
+        resourceStatus: selectedSchedule ? resourceStatusMap.get(selectedSchedule.target.resourceId) : void 0
+      }
+    )
+  ] });
+};
+function getPriorityColor(priority) {
+  if (priority >= 8) return "red";
+  if (priority >= 5) return "yellow";
+  return "gray";
+}
+function getPriorityLabel(priority) {
+  if (priority >= 8) return "Critical";
+  if (priority >= 5) return "High";
+  if (priority >= 3) return "Medium";
+  return "Low";
+}
+function getStatusColor3(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 getPriorityDotColor(priority) {
+  if (priority >= 8) return "var(--mantine-color-red-6)";
+  if (priority >= 5) return "var(--mantine-color-yellow-6)";
+  if (priority >= 3) return "var(--mantine-color-blue-6)";
+  return "var(--color-text-subtle)";
+}
+function formatRelativeTime(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 CommandQueueTaskRow({ task, onClick, onDelete }) {
+  const [hovered, setHovered] = useState(false);
+  const OriginIcon = task.originResourceType === "agent" ? IconRobot : IconGitBranch;
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      padding: 0,
+      style: {
+        cursor: "pointer",
+        border: "1px solid var(--color-border)",
+        transition: "background var(--duration-fast) var(--easing)",
+        background: hovered ? "var(--active-background)" : "var(--glass-background)"
+      },
+      onClick: (e) => {
+        if (e.target.closest("[data-menu-dropdown]") || e.target.closest("button")) {
+          return;
+        }
+        onClick();
+      },
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "grid",
+            gridTemplateColumns: "10px 80px 1fr 1fr 90px 90px 32px",
+            alignItems: "center",
+            gap: "var(--mantine-spacing-sm)"
+          },
+          children: [
+            /* @__PURE__ */ jsx(Tooltip, { label: `P${task.priority} \u2014 ${getPriorityLabel(task.priority)}`, children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  width: 10,
+                  height: 10,
+                  borderRadius: "50%",
+                  flexShrink: 0,
+                  backgroundColor: getPriorityDotColor(task.priority)
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: getPriorityColor(task.priority), children: getPriorityLabel(task.priority).toUpperCase() }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, truncate: true, title: task.description || "Task approval required", children: task.description || "Task approval required" }),
+            /* @__PURE__ */ jsxs(Group, { gap: 5, wrap: "nowrap", style: { minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx(OriginIcon, { size: 13, color: "var(--color-text-subtle)", style: { flexShrink: 0 } }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", truncate: true, ff: "monospace", style: { minWidth: 0 }, children: task.originResourceId })
+            ] }),
+            /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color: getStatusColor3(task.status), radius: "sm", children: task.status.charAt(0).toUpperCase() + task.status.slice(1) }),
+            /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(IconClock, { size: 11, color: "var(--color-text-subtle)", style: { flexShrink: 0 } }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { whiteSpace: "nowrap" }, children: formatRelativeTime(task.createdAt) })
+            ] }),
+            /* @__PURE__ */ jsxs(Menu, { position: "bottom-end", withinPortal: true, children: [
+              /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", color: "gray", children: /* @__PURE__ */ jsx(IconDotsVertical, { size: 16 }) }) }),
+              /* @__PURE__ */ jsx(Menu.Dropdown, { children: /* @__PURE__ */ jsx(Menu.Item, { leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 14 }), color: "red", onClick: () => onDelete(task.id), children: "Delete" }) })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function CheckpointGroup({ name, count, isActive, onClick }) {
+  const theme = useMantineTheme();
+  const activeColor = theme.colors[theme.primaryColor][6];
+  const defaultTextColor = "var(--color-text)";
+  const textColor = isActive ? activeColor : defaultTextColor;
+  const fontWeight = isActive ? 600 : 500;
+  const activeBg = `color-mix(in srgb, ${activeColor} 10%, transparent)`;
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        width: "100%",
+        padding: theme.spacing.xs,
+        borderRadius: theme.radius.sm,
+        backgroundColor: isActive ? activeBg : "transparent",
+        transition: `all var(--duration-fast) var(--easing)`,
+        cursor: "pointer"
+      },
+      onMouseEnter: (e) => {
+        if (!isActive) {
+          e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+        }
+      },
+      onMouseLeave: (e) => {
+        if (!isActive) {
+          e.currentTarget.style.backgroundColor = "transparent";
+        }
+      },
+      children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", style: { width: "100%" }, children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "sm",
+            fw: fontWeight,
+            style: {
+              color: textColor,
+              fontFamily: "var(--elevasis-font-family-subtitle)",
+              transition: `color var(--duration-fast) var(--easing)`
+            },
+            children: name
+          }
+        ),
+        /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", children: count })
+      ] })
+    }
+  );
+}
+var CommandQueueSidebarTop = ({
+  status,
+  onStatusChange,
+  priorityRange,
+  onPriorityRangeChange
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconFilter, label: "Filters" }),
+    /* @__PURE__ */ jsxs(Stack, { gap: "xs", p: "sm", children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Status" }),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          size: "sm",
+          value: status,
+          onChange: (value) => value && onStatusChange(value),
+          data: [
+            { value: "all", label: "All" },
+            { value: "pending", label: "Pending" },
+            { value: "completed", label: "Completed" },
+            { value: "expired", label: "Expired" }
+          ],
+          leftSection: /* @__PURE__ */ jsx(IconCircleCheck, { size: 14 })
+        }
+      ),
+      /* @__PURE__ */ jsx(Group, { justify: "space-between", children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Priority" }) }),
+      /* @__PURE__ */ jsx(
+        RangeSlider,
+        {
+          size: "sm",
+          min: 1,
+          max: 10,
+          step: 1,
+          minRange: 0,
+          defaultValue: priorityRange,
+          onChangeEnd: onPriorityRangeChange,
+          marks: [
+            { value: 1, label: "1" },
+            { value: 5, label: "5" },
+            { value: 10, label: "10" }
+          ],
+          styles: { markLabel: { fontSize: 10 } }
+        },
+        `${priorityRange[0]}-${priorityRange[1]}`
+      ),
+      /* @__PURE__ */ jsx(Space, { h: 8 })
+    ] })
+  ] });
+};
+function CommandQueueSidebarMiddle({
+  selectedCheckpoint,
+  onSelectCheckpoint,
+  priorityRange,
+  status,
+  timeRange
+}) {
+  const { data, isLoading } = useCommandQueueTotals({
+    timeRange,
+    priorityMin: priorityRange[0],
+    priorityMax: priorityRange[1],
+    status: status === "all" ? void 0 : status
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconCategory, label: "Checkpoint Groups", withTopBorder: true }),
+    /* @__PURE__ */ jsx(Stack, { gap: "xs", p: "sm", style: { flex: 1, overflowY: "auto" }, children: isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        CheckpointGroup,
+        {
+          id: void 0,
+          name: "All Tasks",
+          count: data?.total ?? 0,
+          isActive: selectedCheckpoint === void 0,
+          onClick: () => onSelectCheckpoint(void 0)
+        }
+      ),
+      data?.checkpoints.map((checkpoint) => /* @__PURE__ */ jsx(
+        CheckpointGroup,
+        {
+          id: checkpoint.id,
+          name: checkpoint.name,
+          count: checkpoint.count,
+          isActive: selectedCheckpoint === checkpoint.id,
+          onClick: () => onSelectCheckpoint(checkpoint.id)
+        },
+        checkpoint.id
+      ))
+    ] }) })
+  ] });
+}
+var CommandQueueSidebar = ({
+  selectedCheckpoint,
+  onSelectCheckpoint,
+  status,
+  onStatusChange,
+  priorityRange,
+  onPriorityRangeChange,
+  timeRange
+}) => {
+  const colors = useCyberColors();
+  const statusFilter = status === "all" ? void 0 : status;
+  const { data: checkpointData, isLoading: isDonutLoading } = useCommandQueueTotals({
+    timeRange,
+    priorityMin: priorityRange[0],
+    priorityMax: priorityRange[1],
+    status: statusFilter
+  });
+  const {
+    pending: pendingCount,
+    completed: completedCount,
+    expired: expiredCount
+  } = checkpointData?.statusCounts ?? { pending: 0, completed: 0, expired: 0 };
+  const {
+    critical: criticalCount,
+    high: highCount,
+    medium: mediumCount,
+    low: lowCount
+  } = checkpointData?.priorityCounts ?? { critical: 0, high: 0, medium: 0, low: 0 };
+  const totalTasks = checkpointData?.total ?? 0;
+  const statusSegments = [
+    { name: "Pending", value: pendingCount, color: colors.cyan },
+    { name: "Completed", value: completedCount, color: colors.green },
+    { name: "Expired", value: expiredCount, color: colors.red }
+  ];
+  const prioritySegments = [
+    { name: "Critical", value: criticalCount, color: colors.red },
+    { name: "High", value: highCount, color: colors.yellow },
+    { name: "Medium", value: mediumCount, color: colors.blue },
+    { name: "Low", value: lowCount, color: colors.cyanDim }
+  ];
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(Box, { p: "sm", style: { borderBottom: "1px solid var(--color-border)" }, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      status === "all" && /* @__PURE__ */ jsx(
+        CyberDonut,
+        {
+          title: "Status",
+          segments: statusSegments,
+          centerValue: totalTasks,
+          centerLabel: "total",
+          glowId: "sbStatusGlow",
+          colors,
+          isLoading: isDonutLoading
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CyberDonut,
+        {
+          title: "Priority",
+          segments: prioritySegments,
+          centerValue: criticalCount + highCount + mediumCount + lowCount,
+          centerLabel: status === "all" ? "total" : status,
+          glowId: "sbPrioGlow",
+          colors,
+          isLoading: isDonutLoading
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      CommandQueueSidebarTop,
+      {
+        status,
+        onStatusChange,
+        priorityRange,
+        onPriorityRangeChange
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CommandQueueSidebarMiddle,
+      {
+        selectedCheckpoint,
+        onSelectCheckpoint,
+        priorityRange,
+        status,
+        timeRange
+      }
+    )
+  ] });
+};
+function ContextUsageBadge({ currentTokens, maxTokens }) {
+  const percentage = currentTokens / maxTokens * 100;
+  const color = percentage > 90 ? "red" : percentage > 70 ? "yellow" : "green";
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      label: `${currentTokens.toLocaleString()} of ${maxTokens.toLocaleString()} tokens used (${percentage.toFixed(1)}%)`,
+      position: "bottom",
+      children: /* @__PURE__ */ jsxs(Group, { gap: 6, style: { cursor: "help" }, children: [
+        /* @__PURE__ */ jsx(IconBrain, { size: 16, color: `var(--mantine-color-${color}-6)` }),
+        /* @__PURE__ */ jsxs(Text, { size: "xs", c: color, fw: 500, children: [
+          currentTokens.toLocaleString(),
+          " / ",
+          maxTokens.toLocaleString()
+        ] }),
+        /* @__PURE__ */ jsx(Progress, { value: percentage, color, size: "sm", w: 80, radius: "xl" })
+      ] })
+    }
+  );
+}
+function parseMemoryContent(memory) {
+  const parsedSessionMemory = {};
+  for (const [key, entry] of Object.entries(memory.sessionMemory || {})) {
+    try {
+      if (typeof entry.content === "string") {
+        parsedSessionMemory[key] = {
+          ...entry,
+          content: JSON.parse(entry.content)
+        };
+      } else {
+        parsedSessionMemory[key] = entry;
+      }
+    } catch {
+      parsedSessionMemory[key] = entry;
+    }
+  }
+  const parsedHistory = (memory.history || []).map((entry) => {
+    try {
+      if (typeof entry.content === "string") {
+        return {
+          ...entry,
+          content: JSON.parse(entry.content)
+        };
+      }
+      return entry;
+    } catch {
+      return entry;
+    }
+  });
+  return {
+    sessionMemory: parsedSessionMemory,
+    history: parsedHistory
+  };
+}
+function SessionMemory({ memory }) {
+  if (!memory) {
+    return /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(IconDatabase, { size: 18 }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No memory data available" })
+    ] });
+  }
+  const sessionMemoryKeys = Object.keys(memory.sessionMemory || {});
+  const historyCount = memory.history?.length || 0;
+  const parsedMemory = parseMemoryContent(memory);
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(IconDatabase, { size: 20 }),
+        /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Session Memory" })
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", children: [
+          sessionMemoryKeys.length,
+          " keys"
+        ] }),
+        /* @__PURE__ */ jsxs(Badge, { size: "sm", variant: "light", children: [
+          historyCount,
+          " history items"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        CollapsibleSection,
+        {
+          title: "Session Memory",
+          count: sessionMemoryKeys.length,
+          countLabel: "keys",
+          emptyMessage: "No session memory stored",
+          defaultExpanded: false,
+          children: /* @__PURE__ */ jsx(JsonViewer, { data: parsedMemory.sessionMemory, maxHeight: 300 })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CollapsibleSection,
+        {
+          title: "Conversation History",
+          count: historyCount,
+          countLabel: "items",
+          emptyMessage: "No history available",
+          defaultExpanded: false,
+          children: /* @__PURE__ */ jsx(JsonViewer, { data: parsedMemory.history, maxHeight: 300 })
+        }
+      )
+    ] })
+  ] });
+}
+var triggerTypeIcons = {
+  webhook: IconWebhook,
+  schedule: IconClock,
+  manual: IconHandClick,
+  event: IconBolt
+};
+var connectionStatusIcons = {
+  connected: IconCircleCheck,
+  disconnected: IconCircleX,
+  error: IconAlertCircle
+};
+var statBubbleBase = {
+  minWidth: 20,
+  height: 20,
+  borderRadius: 10,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: 11,
+  fontWeight: 600,
+  padding: "0 6px",
+  color: "white",
+  boxShadow: "0 2px 4px rgba(0,0,0,0.2)"
+};
+var CommandViewNode = memo(function CommandViewNode2({ data, selected }) {
+  const Icon = getResourceIcon(data.type);
+  const color = getResourceColor(data.type);
+  const successCount = (data.type === "agent" || data.type === "workflow") && data.stats ? data.stats.successCount : 0;
+  const failureCount = (data.type === "agent" || data.type === "workflow") && data.stats ? data.stats.failureCount : 0;
+  const warningCount = (data.type === "agent" || data.type === "workflow") && data.stats ? data.stats.warningCount : 0;
+  const pendingCount = data.type === "human" && data.stats ? data.stats.pendingCount : 0;
+  const showBubbles = successCount > 0 || failureCount > 0 || warningCount > 0 || pendingCount > 0;
+  return /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+    showBubbles && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: -8,
+          right: -8,
+          display: "flex",
+          gap: 4,
+          zIndex: 10
+        },
+        children: [
+          successCount > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                ...statBubbleBase,
+                background: "linear-gradient(135deg, var(--mantine-color-green-5), var(--mantine-color-green-7))"
+              },
+              children: successCount
+            }
+          ),
+          warningCount > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                ...statBubbleBase,
+                background: "linear-gradient(135deg, var(--mantine-color-yellow-5), var(--mantine-color-yellow-7))"
+              },
+              children: warningCount
+            }
+          ),
+          failureCount > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                ...statBubbleBase,
+                background: "linear-gradient(135deg, var(--mantine-color-red-5), var(--mantine-color-red-7))"
+              },
+              children: failureCount
+            }
+          ),
+          pendingCount > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                ...statBubbleBase,
+                background: "linear-gradient(135deg, var(--mantine-color-orange-5), var(--mantine-color-orange-7))"
+              },
+              children: pendingCount
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(BaseNode, { color, selected, highlighted: Boolean(data.highlighted), children: /* @__PURE__ */ jsxs(Stack, { gap: 8, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+        /* @__PURE__ */ jsx(
+          ThemeIcon,
+          {
+            size: "md",
+            variant: "gradient",
+            gradient: { from: `${color}.4`, to: `${color}.6`, deg: 135 },
+            className: Graph_module_css_default.nodeIcon,
+            children: /* @__PURE__ */ jsx(Icon, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, truncate: true, style: { flex: 1, fontFamily: "var(--elevasis-font-family-subtitle)" }, children: data.name })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", lineClamp: 2, children: data.description }),
+      /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "wrap", children: [
+        /* @__PURE__ */ jsx(
+          Badge,
+          {
+            size: "xs",
+            variant: "gradient",
+            gradient: data.status === "prod" ? { from: "green.5", to: "green.7", deg: 135 } : { from: "blue.5", to: "blue.7", deg: 135 },
+            className: data.status === "prod" ? Graph_module_css_default.badgeProd : "",
+            style: {
+              textTransform: "uppercase",
+              letterSpacing: "0.5px"
+            },
+            children: data.status
+          }
+        ),
+        data.type === "agent" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              size: "xs",
+              variant: "outline",
+              color: "gray",
+              className: Graph_module_css_default.badge,
+              style: { backdropFilter: "blur(4px)" },
+              children: [
+                data.toolCount,
+                " tools"
+              ]
+            }
+          ),
+          data.hasKnowledgeMap && /* @__PURE__ */ jsx(
+            Badge,
+            {
+              size: "xs",
+              variant: "gradient",
+              gradient: { from: "grape.5", to: "grape.7", deg: 135 },
+              leftSection: /* @__PURE__ */ jsx(IconBrain, { size: 10 }),
+              className: Graph_module_css_default.badge,
+              children: "KM"
+            }
+          ),
+          data.hasMemory && /* @__PURE__ */ jsx(
+            Badge,
+            {
+              size: "xs",
+              variant: "gradient",
+              gradient: { from: "cyan.5", to: "cyan.7", deg: 135 },
+              leftSection: /* @__PURE__ */ jsx(IconDatabase, { size: 10 }),
+              className: Graph_module_css_default.badge,
+              children: "Mem"
+            }
+          ),
+          data.sessionCapable && /* @__PURE__ */ jsx(
+            Badge,
+            {
+              size: "xs",
+              variant: "gradient",
+              gradient: { from: "blue.5", to: "blue.7", deg: 135 },
+              leftSection: /* @__PURE__ */ jsx(IconMessage, { size: 10 }),
+              className: Graph_module_css_default.badge,
+              children: "Session"
+            }
+          )
+        ] }),
+        data.type === "workflow" && /* @__PURE__ */ jsxs(
+          Badge,
+          {
+            size: "xs",
+            variant: "outline",
+            color: "gray",
+            className: Graph_module_css_default.badge,
+            style: { backdropFilter: "blur(4px)" },
+            children: [
+              data.stepCount,
+              " steps"
+            ]
+          }
+        ),
+        data.type === "integration" && /* @__PURE__ */ jsx(
+          Badge,
+          {
+            size: "xs",
+            variant: "gradient",
+            gradient: data.connectionStatus === "connected" ? { from: "green.5", to: "green.7", deg: 135 } : data.connectionStatus === "error" ? { from: "red.5", to: "red.7", deg: 135 } : { from: "gray.5", to: "gray.7", deg: 135 },
+            leftSection: (() => {
+              const StatusIcon = connectionStatusIcons[data.connectionStatus];
+              return /* @__PURE__ */ jsx(StatusIcon, { size: 10 });
+            })(),
+            className: Graph_module_css_default.badge,
+            children: data.connectionStatus
+          }
+        ),
+        data.type === "trigger" && /* @__PURE__ */ jsx(
+          Badge,
+          {
+            size: "xs",
+            variant: "outline",
+            color: "gray",
+            leftSection: (() => {
+              const TriggerIcon = triggerTypeIcons[data.triggerType] || IconBolt;
+              return /* @__PURE__ */ jsx(TriggerIcon, { size: 10 });
+            })(),
+            className: Graph_module_css_default.badge,
+            style: { backdropFilter: "blur(4px)" },
+            children: data.triggerType
+          }
+        ),
+        data.type === "external" && /* @__PURE__ */ jsx(
+          Badge,
+          {
+            size: "xs",
+            variant: "outline",
+            color: "gray",
+            leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 10 }),
+            className: Graph_module_css_default.badge,
+            style: { backdropFilter: "blur(4px)" },
+            children: data.platform
+          }
+        ),
+        data.type === "human" && /* @__PURE__ */ jsx(
+          Badge,
+          {
+            size: "xs",
+            variant: "gradient",
+            gradient: { from: "yellow.5", to: "orange.6", deg: 135 },
+            leftSection: /* @__PURE__ */ jsx(IconHandClick, { size: 10 }),
+            className: Graph_module_css_default.badge,
+            children: "Approval Required"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+});
+var relationshipColorMap = {
+  triggers: { color: "edgeTriggers", glow: "edgeTriggersGlow" },
+  uses: { color: "edgeUses", glow: "edgeUsesGlow" },
+  approval: { color: "edgeApproval", glow: "edgeApprovalGlow" }
+};
+function getEdgeColors(relationship, colors) {
+  const mapping = relationshipColorMap[relationship] ?? relationshipColorMap.approval;
+  return {
+    edgeColor: colors[mapping.color],
+    glowColor: colors[mapping.glow]
+  };
+}
+var CommandViewEdge = memo(function CommandViewEdge2({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+  data,
+  selected
+}) {
+  const colors = useGraphTheme();
+  const relationship = data?.relationship || "uses";
+  const { edgeColor, glowColor } = getEdgeColors(relationship, colors);
+  return /* @__PURE__ */ jsx(
+    BaseEdge,
+    {
+      id,
+      sourceX,
+      sourceY,
+      targetX,
+      targetY,
+      sourcePosition,
+      targetPosition,
+      color: edgeColor,
+      glowColor,
+      label: data?.label || relationship,
+      animated: data?.animated ?? false,
+      selected,
+      dimmed: data?.dimmed,
+      edgeIndex: data?.edgeIndex,
+      totalEdges: data?.totalEdges
+    }
+  );
+});
+var nodeTypes4 = {
+  commandView: CommandViewNode
+};
+var edgeTypes4 = {
+  commandView: CommandViewEdge
+};
+var CommandViewGraphInner = forwardRef(function CommandViewGraphInner2({ graph, height, selectedNodeId, onNodeSelect }, ref) {
+  const { fitView } = useReactFlow();
+  const { nodes: layoutNodes, edges: layoutEdges } = useCommandViewLayout(graph);
+  const { nodes, edges, handleNodeMouseEnter, handleNodeMouseLeave } = useDirectedChainHighlighting(
+    layoutNodes,
+    layoutEdges,
+    { selectedNodeId }
+  );
+  const { handleNodeClick, handlePaneClick } = useNodeSelection(selectedNodeId ?? null, onNodeSelect ?? (() => {
+  }));
+  const nodesWithSelection = useMemo(
+    () => nodes.map((node) => ({
+      ...node,
+      selected: node.id === selectedNodeId
+    })),
+    [nodes, selectedNodeId]
+  );
+  useImperativeHandle(ref, () => ({
+    fitView: () => fitView({ padding: 0.15, duration: 300 })
+  }));
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: Graph_module_css_default.graphContainer,
+      style: {
+        width: "100%",
+        height,
+        border: "1px solid var(--color-border)",
+        borderRadius: "var(--mantine-radius-default)",
+        overflow: "hidden"
+      },
+      children: /* @__PURE__ */ jsxs(
+        ReactFlow,
+        {
+          nodes: nodesWithSelection,
+          edges,
+          nodeTypes: nodeTypes4,
+          edgeTypes: edgeTypes4,
+          onNodeMouseEnter: handleNodeMouseEnter,
+          onNodeMouseLeave: handleNodeMouseLeave,
+          onNodeClick: onNodeSelect ? handleNodeClick : void 0,
+          onPaneClick: onNodeSelect ? handlePaneClick : void 0,
+          fitView: true,
+          fitViewOptions: { padding: 0.15 },
+          proOptions: { hideAttribution: true },
+          minZoom: GRAPH_CONSTANTS.MIN_ZOOM,
+          maxZoom: GRAPH_CONSTANTS.MAX_ZOOM,
+          nodesDraggable: false,
+          nodesConnectable: false,
+          elementsSelectable: !!onNodeSelect,
+          selectNodesOnDrag: false,
+          panOnDrag: true,
+          zoomOnScroll: true,
+          zoomOnPinch: true,
+          panOnScroll: false,
+          children: [
+            /* @__PURE__ */ jsx(GraphBackground, {}),
+            /* @__PURE__ */ jsx(
+              GraphLegend,
+              {
+                title: "",
+                position: "bottom-right",
+                items: [
+                  { color: "orange", label: "Triggers" },
+                  { color: "violet", label: "Agents" },
+                  { color: "blue", label: "Workflows" },
+                  { color: "teal", label: "Integrations" },
+                  { color: "yellow", label: "Human" },
+                  { color: "gray", label: "External" }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              GraphLegend,
+              {
+                title: "",
+                position: "bottom-left",
+                items: [
+                  { color: "blue", label: "Triggers", type: "line" },
+                  { color: "teal", label: "Uses", type: "line" },
+                  { color: "yellow", label: "Requires Approval", type: "line" }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(GraphFitViewButton, { padding: 0.15, variant: "mantine", duration: 300 })
+          ]
+        }
+      )
+    }
+  );
+});
+var CommandViewGraph = forwardRef(
+  function CommandViewGraph2(props, ref) {
+    return /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(CommandViewGraphInner, { ref, ...props }) });
+  }
+);
+
+export { AbsoluteScheduleForm, ActionModal, ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, AgentDefinitionDisplay, AgentExecutionLogs, AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, BaseNode, BusinessImpactCard, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ConfirmationInputModal, ConfirmationModal, ContentSections, ContextUsageBadge, ContractDisplay, CostBreakdownCard, CostByModelTable, CostMetricsCard, CreateScheduleModal, CustomModal, DeleteScheduleModal, DocTreeNav, EmptyVisualizer, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionErrorSection, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, ExecutionStats, ExecutionStatusBadge, FilterBar, FormFieldRenderer, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, KnowledgeBasePage, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, NotificationBell, NotificationItem, NotificationList, NotificationPanel, RecurringScheduleForm, RelativeScheduleForm, ResourceDefinitionSection, ResourceDetailPage, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceHealthChart, ResourceHealthPanel, ResourceNotFoundState, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, SessionMemory, SortableHeader, TableSelectionToolbar, TaskCard, TaskScheduler, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, ToolsListDisplay, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowDefinitionDisplay, WorkflowExecutionLogs, WorkflowExecutionTimeline, getExecutionStatusConfig, getGraphBackgroundStyles, getHealthColor, getIcon, getLogLevelConfig, iconMap, useGraphBackgroundStyles, useGraphTheme, useNewKnowledgeMapLayout };