@elevasis/ui 1.24.3 → 1.25.1

package/dist/{chunk-CTF6FS2M.js → chunk-L3GVDMCA.js}

@@ -7,6 +7,212 @@ import { createContext, memo, useEffect, createElement, useContext, useRef, useL
 import { Collapse, HoverCard, Stack, Group, Text, UnstyledButton, Tooltip, ScrollArea, Menu, Avatar, useMantineColorScheme, Switch, Code } from '@mantine/core';
 import { IconLayoutSidebarLeftExpand, IconLayoutSidebarLeftCollapse, IconUser, IconLogout, IconMoonStars, IconSun } from '@tabler/icons-react';
 
+var randRange = (min, max) => min + Math.random() * (max - min);
+var FLUX_SPARKS = Array.from({ length: 30 }, () => {
+  const duration = randRange(12, 70);
+  const pulse = randRange(0.8, 2.2);
+  return {
+    left: randRange(0, 100),
+    size: randRange(1.5, 4.2),
+    duration,
+    delay: -randRange(0, duration),
+    drift: randRange(-35, 35),
+    peak: randRange(0.18, 0.5),
+    pulse,
+    pulseDelay: -randRange(0, pulse)
+  };
+});
+var FLUX_MOTES = Array.from({ length: 18 }, () => {
+  const duration = randRange(18, 90);
+  const pulse = randRange(1.6, 4);
+  return {
+    left: randRange(-2, 102),
+    size: randRange(3.5, 10),
+    duration,
+    delay: -randRange(0, duration),
+    drift: randRange(-55, 55),
+    blur: randRange(1.5, 5),
+    peak: randRange(0.22, 0.55),
+    pulse,
+    pulseDelay: -randRange(0, pulse)
+  };
+});
+var FLUX_GLOWS = Array.from({ length: 10 }, () => {
+  const duration = randRange(25, 130);
+  const pulse = randRange(3.5, 7);
+  return {
+    left: randRange(-5, 105),
+    size: randRange(3, 22),
+    duration,
+    delay: -randRange(0, duration),
+    drift: randRange(-80, 80),
+    blur: randRange(6, 16),
+    opacity: randRange(0.18, 0.42),
+    pulse,
+    pulseDelay: -randRange(0, pulse)
+  };
+});
+var KEYFRAMES = `
+@keyframes elevasis-cyber-spark-rise {
+  0% { transform: translate3d(0, 0, 0); opacity: 0; }
+  10% { opacity: var(--cy-peak, 1); }
+  85% { opacity: calc(var(--cy-peak, 1) * 0.9); }
+  100% { transform: translate3d(var(--cy-drift, 0px), -112vh, 0); opacity: 0; }
+}
+@keyframes elevasis-cyber-spark-pulse {
+  0%, 100% { filter: brightness(0.55); transform: scale(0.8); }
+  50% { filter: brightness(1.7); transform: scale(1.25); }
+}
+@keyframes elevasis-cyber-glow-pulse {
+  0%, 100% { transform: scale(0.85); }
+  50% { transform: scale(1.2); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .elevasis-cyber-spark,
+  .elevasis-cyber-spark-inner,
+  .elevasis-cyber-glow,
+  .elevasis-cyber-glow-inner {
+    animation: none !important;
+  }
+  .elevasis-cyber-spark,
+  .elevasis-cyber-glow {
+    opacity: 0 !important;
+  }
+}
+`;
+function FluxGlows() {
+  return /* @__PURE__ */ jsx(Fragment, { children: FLUX_GLOWS.map((g, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "elevasis-cyber-glow",
+      style: {
+        position: "absolute",
+        bottom: "-5%",
+        left: `${g.left}%`,
+        width: `${g.size}px`,
+        height: `${g.size}px`,
+        filter: `blur(${g.blur}px)`,
+        animation: `elevasis-cyber-spark-rise ${g.duration}s linear infinite`,
+        animationDelay: `${g.delay}s`,
+        ["--cy-drift"]: `${g.drift}px`,
+        ["--cy-peak"]: `${g.opacity}`,
+        willChange: "transform, opacity"
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-cyber-glow-inner",
+          style: {
+            width: "100%",
+            height: "100%",
+            borderRadius: "50%",
+            background: `radial-gradient(circle, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 60%, transparent) 45%, transparent 75%)`,
+            animation: `elevasis-cyber-glow-pulse ${g.pulse}s ease-in-out infinite`,
+            animationDelay: `${g.pulseDelay}s`,
+            willChange: "transform"
+          }
+        }
+      )
+    },
+    i
+  )) });
+}
+function FluxMotes() {
+  return /* @__PURE__ */ jsx(Fragment, { children: FLUX_MOTES.map((m, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "elevasis-cyber-spark",
+      style: {
+        position: "absolute",
+        bottom: "-3%",
+        left: `${m.left}%`,
+        width: `${m.size}px`,
+        height: `${m.size}px`,
+        filter: `blur(${m.blur}px)`,
+        animation: `elevasis-cyber-spark-rise ${m.duration}s linear infinite`,
+        animationDelay: `${m.delay}s`,
+        ["--cy-drift"]: `${m.drift}px`,
+        ["--cy-peak"]: `${m.peak}`,
+        willChange: "transform, opacity"
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-cyber-spark-inner",
+          style: {
+            width: "100%",
+            height: "100%",
+            borderRadius: "50%",
+            background: `radial-gradient(circle, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 70%, transparent) 55%, transparent 90%)`,
+            boxShadow: `0 0 ${m.size * 1.2}px color-mix(in srgb, var(--color-primary) 40%, transparent)`,
+            animation: `elevasis-cyber-spark-pulse ${m.pulse}s ease-in-out infinite`,
+            animationDelay: `${m.pulseDelay}s`,
+            willChange: "transform, filter"
+          }
+        }
+      )
+    },
+    i
+  )) });
+}
+function FluxSparks() {
+  return /* @__PURE__ */ jsx(Fragment, { children: FLUX_SPARKS.map((s, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "elevasis-cyber-spark",
+      style: {
+        position: "absolute",
+        bottom: "-2%",
+        left: `${s.left}%`,
+        width: `${s.size}px`,
+        height: `${s.size}px`,
+        animation: `elevasis-cyber-spark-rise ${s.duration}s linear infinite`,
+        animationDelay: `${s.delay}s`,
+        ["--cy-drift"]: `${s.drift}px`,
+        ["--cy-peak"]: `${s.peak}`,
+        willChange: "transform, opacity"
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-cyber-spark-inner",
+          style: {
+            width: "100%",
+            height: "100%",
+            borderRadius: "50%",
+            background: "var(--color-primary)",
+            boxShadow: `0 0 ${s.size * 2.5}px var(--color-primary), 0 0 ${s.size * 5}px color-mix(in srgb, var(--color-primary) 50%, transparent)`,
+            animation: `elevasis-cyber-spark-pulse ${s.pulse}s ease-in-out infinite`,
+            animationDelay: `${s.pulseDelay}s`,
+            willChange: "transform, filter"
+          }
+        }
+      )
+    },
+    i
+  )) });
+}
+function CyberParticles({ variant: _variant, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      "aria-hidden": "true",
+      style: {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsx("style", { children: KEYFRAMES }),
+        /* @__PURE__ */ jsx(FluxGlows, {}),
+        /* @__PURE__ */ jsx(FluxMotes, {}),
+        /* @__PURE__ */ jsx(FluxSparks, {})
+      ]
+    }
+  );
+}
 function Vignette({ strength = 0.35, className }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -313,6 +519,7 @@ var CollapsedWithHoverCard = ({
                     style: {
                       width: "100%",
                       padding: "8px 12px",
+                      borderRadius: "var(--mantine-radius-default)",
                       backgroundColor: isActive ? "color-mix(in srgb, var(--color-primary) 10%, transparent)" : "transparent",
                       color: isActive ? "var(--color-primary)" : "var(--color-text)",
                       transition: "all var(--duration-fast) var(--easing)"
@@ -825,6 +1032,7 @@ var SubshellSidebar = ({
           WebkitBackdropFilter: "var(--glass-blur)",
           borderRight: "1px solid var(--color-border)",
           boxShadow: "var(--card-shadow)",
+          clipPath: "inset(-100px -100px -100px 0)",
           minHeight: `calc(100vh - ${topbarHeight}px)`,
           marginTop: `${topbarHeight}px`,
           fontFamily: "var(--elevasis-font-family-subtitle)"
@@ -857,6 +1065,7 @@ var SubshellSidebar = ({
               WebkitBackdropFilter: "var(--glass-blur)",
               borderRight: isOpen ? "1px solid var(--color-border)" : "none",
               boxShadow: isOpen ? "var(--card-shadow)" : "none",
+              clipPath: isOpen ? "inset(-100px -100px -100px 0)" : "none",
               height: "100%",
               fontFamily: "var(--elevasis-font-family-subtitle)",
               overflow: "hidden",
@@ -960,6 +1169,7 @@ var TopbarContainer = ({ children }) => {
         WebkitBackdropFilter: "var(--glass-blur)",
         borderBottom: "1px solid var(--color-border)",
         boxShadow: "var(--card-shadow)",
+        clipPath: "inset(-100px -100px -100px 0)",
         padding: "var(--mantine-spacing-sm)",
         display: "flex",
         alignItems: "center",
@@ -1032,4 +1242,4 @@ var Topbar = ({ version, leftContent, children }) => {
   ] });
 };
 
-export { AppShellContainer, AppShellContentContainer, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, LinksGroup, Sidebar, SidebarContext, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellRightSideContainer, SubshellSidebar, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse };
+export { AppShellContainer, AppShellContentContainer, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CyberParticles, LinksGroup, Sidebar, SidebarContext, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellRightSideContainer, SubshellSidebar, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse };

package/dist/{chunk-BGTZFEKR.js → chunk-LHNPRLSA.js}

@@ -1,17 +1,17 @@
 import { SubshellSidebarSection } from './chunk-AWT255UH.js';
 import { CustomModal, ConfirmationModal } from './chunk-GBMNCNHX.js';
-import { BaseNode, useGraphTheme, BaseEdge, GraphBackground, GraphLegend, GraphFitViewButton, GraphFitViewHandler } from './chunk-VMMNFRAO.js';
-import { useCyberColors, CyberDonut } from './chunk-UG5565XQ.js';
-import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection, ContextViewer } from './chunk-IAZT3VO6.js';
+import { BaseNode, useGraphTheme, BaseEdge, GraphBackground, GraphLegend, GraphFitViewButton, GraphFitViewHandler } from './chunk-QNABH7YG.js';
+import { useCyberColors, CyberDonut } from './chunk-US4JUSI3.js';
+import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection } from './chunk-G25YWGUL.js';
 import { StyledMarkdown } from './chunk-3KMDHCAR.js';
-import { useCommandViewLayout, useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, useSubmitAction, useDeleteTask, showApiErrorNotification, showSuccessNotification } from './chunk-QDO6NF2I.js';
+import { useCommandViewLayout, useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, showApiErrorNotification, showSuccessNotification } from './chunk-GQCQDCLJ.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, GRAPH_CONSTANTS, useGraphHighlighting, calculateGraphHeight } from './chunk-F6RBK7NJ.js';
 import { getResourceStatusColor } from './chunk-XA34RETF.js';
 import { ResourceStatusColors, toWorkflowLogMessages } from './chunk-ELJIFLCB.js';
 import { useAppearance } from './chunk-QJ2KCHKX.js';
 import { getResourceIcon, getResourceColor, getErrorInfo, formatErrorMessage } from './chunk-IOKL7BKE.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
-import { Stack, Group, Text, Badge, ThemeIcon, Box, TextInput, Textarea, Radio, Checkbox, Select, NumberInput, Title, Alert, Button, ActionIcon, Collapse, Card, SimpleGrid, Divider, Paper, Space, CopyButton, Center, Tooltip, Code, Menu, useMantineTheme, UnstyledButton, RangeSlider, Loader, Progress, Accordion, ScrollArea } from '@mantine/core';
+import { Stack, Group, Text, Badge, ThemeIcon, Box, TextInput, Textarea, Radio, Checkbox, Select, NumberInput, Title, Alert, Button, ActionIcon, Collapse, Card, SimpleGrid, Divider, Paper, Space, CopyButton, Center, Tooltip, Code, Menu, useMantineTheme, UnstyledButton, RangeSlider, Loader, Progress, ScrollArea } from '@mantine/core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { IconBrain, IconFileText, IconDatabase, IconMessage, IconAlertCircle, IconCircleX, IconCircleCheck, IconBolt, IconHandClick, IconClock, IconWebhook, IconExternalLink, IconMail, IconSend, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconChevronRight, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconPlayerPlay, IconNetwork, IconSitemap, IconCopy, IconPlayerStop, IconReload, IconTrash, IconTerminal2, IconBug, IconChevronDown, IconArrowLeft, IconRobot, IconGitBranch, IconDotsVertical, IconFilter, IconCategory, IconArchive, IconDownload } from '@tabler/icons-react';
 import { useForm } from '@mantine/form';
@@ -795,7 +795,6 @@ function ResourceDefinitionSection({
   if (isWorkflow) {
     return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "sm", children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(CardHeader, { icon: /* @__PURE__ */ jsx(IconSitemap, { size: 18 }), title: "Workflow Definition" }),
-      /* @__PURE__ */ jsx(Space, { h: 0 }),
       /* @__PURE__ */ jsx(WorkflowDefinitionDisplay, { workflow: resourceDefinition, defaultExpanded })
     ] }) });
   }
@@ -2623,250 +2622,5 @@ var CommandViewGraph = forwardRef(
     return /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(CommandViewGraphInner, { ref, ...props }) });
   }
 );
-function TaskCard({ task, onViewExecution, richTextRenderer }) {
-  const [isExpanded, setIsExpanded] = useState(false);
-  const { mutate: submitAction, isPending } = useSubmitAction();
-  const { mutate: deleteTask, isPending: isDeleting } = useDeleteTask();
-  const [actionModalOpened, setActionModalOpened] = useState(false);
-  const [selectedAction, setSelectedAction] = useState(null);
-  const [confirmAction, setConfirmAction] = useState(null);
-  const [deleteConfirmOpened, setDeleteConfirmOpened] = useState(false);
-  const handleActionClick = (action) => {
-    if (action.requiresConfirmation) {
-      setConfirmAction(action);
-    } else if (action.form) {
-      setSelectedAction(action);
-      setActionModalOpened(true);
-    } else {
-      submitAction({
-        taskId: task.id,
-        actionId: action.id
-      });
-    }
-  };
-  const handleConfirm = () => {
-    if (!confirmAction) return;
-    if (confirmAction.form) {
-      setSelectedAction(confirmAction);
-      setActionModalOpened(true);
-    } else {
-      submitAction({
-        taskId: task.id,
-        actionId: confirmAction.id
-      });
-    }
-    setConfirmAction(null);
-  };
-  const getPriorityColor2 = (priority) => {
-    if (priority >= 8) return "red";
-    if (priority >= 5) return "yellow";
-    return "gray";
-  };
-  const getStatusColor2 = (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";
-    }
-  };
-  const handleRetry = () => {
-    if (task.selectedAction) {
-      submitAction({
-        taskId: task.id,
-        actionId: task.selectedAction,
-        payload: task.actionPayload
-      });
-    }
-  };
-  const formatDate = (date) => {
-    const now = /* @__PURE__ */ new Date();
-    const diffMs = now.getTime() - date.getTime();
-    const diffMins = Math.floor(diffMs / 6e4);
-    const diffHours = Math.floor(diffMins / 60);
-    const diffDays = Math.floor(diffHours / 24);
-    if (diffMins < 60) return `${diffMins}m ago`;
-    if (diffHours < 24) return `${diffHours}h ago`;
-    return `${diffDays}d ago`;
-  };
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      withBorder: true,
-      style: { transition: "box-shadow var(--duration-fast) var(--easing)" },
-      onMouseEnter: (e) => {
-        e.currentTarget.style.boxShadow = "var(--standard-box-shadow)";
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.boxShadow = "";
-      },
-      children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
-          /* @__PURE__ */ jsxs(Group, { gap: "sm", style: { flex: 1 }, children: [
-            /* @__PURE__ */ jsx(ThemeIcon, { size: "lg", variant: "light", color: task.originResourceType === "agent" ? "blue" : "grape", children: task.originResourceType === "agent" ? /* @__PURE__ */ jsx(IconRobot, { size: 20 }) : /* @__PURE__ */ jsx(IconGitBranch, { size: 20 }) }),
-            /* @__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: getPriorityColor2(task.priority), radius: "sm", children: [
-                  "P",
-                  task.priority
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-                /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-                  task.originResourceType === "agent" ? "Agent" : "Workflow",
-                  ": ",
-                  task.originResourceId
-                ] }),
-                /* @__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__ */ jsxs(Group, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "sm",
-                variant: "light",
-                color: getStatusColor2(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)
-              }
-            ),
-            task.status === "failed" && /* @__PURE__ */ jsx(Button, { variant: "light", color: "red", size: "xs", loading: isPending, onClick: handleRetry, children: "Retry" }),
-            /* @__PURE__ */ jsxs(Menu, { shadow: "md", position: "bottom-end", offset: 8, children: [
-              /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", color: "gray", size: "sm", children: /* @__PURE__ */ jsx(IconDotsVertical, { size: 16 }) }) }),
-              /* @__PURE__ */ jsx(Menu.Dropdown, { children: /* @__PURE__ */ jsx(
-                Menu.Item,
-                {
-                  leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 14 }),
-                  disabled: task.status === "processing",
-                  onClick: () => setDeleteConfirmOpened(true),
-                  children: "Delete"
-                }
-              ) })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Accordion, { value: isExpanded ? "details" : null, onChange: (value) => setIsExpanded(!!value), children: /* @__PURE__ */ jsxs(Accordion.Item, { value: "details", children: [
-          /* @__PURE__ */ jsx(Accordion.Control, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "View Context" }) }),
-          /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsx(ContextViewer, { data: task.context }) })
-        ] }) }),
-        task.status === "pending" && /* @__PURE__ */ jsx(Group, { gap: "xs", children: task.actions.map((action) => {
-          const Icon = getIcon(action.icon);
-          const variant = "light";
-          return /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant,
-              color: action.color || (action.type === "danger" ? "red" : "blue"),
-              leftSection: Icon ? /* @__PURE__ */ jsx(Icon, { size: 16 }) : null,
-              loading: isPending,
-              onClick: () => handleActionClick(action),
-              title: action.description,
-              size: "xs",
-              radius: "xs",
-              children: action.label
-            },
-            action.id
-          );
-        }) }),
-        task.selectedAction && /* @__PURE__ */ jsx(Accordion, { children: /* @__PURE__ */ jsxs(Accordion.Item, { value: "submitted", children: [
-          /* @__PURE__ */ jsx(Accordion.Control, { children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(ThemeIcon, { size: "sm", variant: "light", color: "green", radius: "xl", children: /* @__PURE__ */ jsx(IconCheck, { size: 12 }) }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-              "Submitted: ",
-              task.actions.find((a) => a.id === task.selectedAction)?.label || task.selectedAction
-            ] }),
-            task.targetExecutionId && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "cyan", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 10 }), children: "Executed" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-            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),
-              task.completedBy ? ` by ${task.completedBy}` : ""
-            ] }),
-            task.targetExecutionId && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "light",
-                size: "xs",
-                leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 }),
-                onClick: () => {
-                  onViewExecution?.({
-                    resourceType: task.originResourceType,
-                    resourceId: task.originResourceId,
-                    executionId: task.targetExecutionId
-                  });
-                },
-                children: "View Execution"
-              }
-            )
-          ] }) })
-        ] }) }),
-        /* @__PURE__ */ jsx(CustomModal, { opened: !!confirmAction, onClose: () => setConfirmAction(null), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { children: [
-          /* @__PURE__ */ jsx(Text, { fw: 600, children: "Confirm Action" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: confirmAction?.confirmationMessage || `Are you sure you want to ${confirmAction?.label.toLowerCase()}?` }),
-          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
-            /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setConfirmAction(null), children: "Cancel" }),
-            /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, children: confirmAction?.label })
-          ] })
-        ] }) }),
-        selectedAction && /* @__PURE__ */ jsx(
-          ActionModal,
-          {
-            action: selectedAction,
-            task,
-            opened: actionModalOpened,
-            onClose: () => setActionModalOpened(false),
-            onSubmit: (payload, notes) => {
-              submitAction({
-                taskId: task.id,
-                actionId: selectedAction.id,
-                payload,
-                notes
-              });
-              setActionModalOpened(false);
-            },
-            richTextRenderer
-          }
-        ),
-        /* @__PURE__ */ jsx(CustomModal, { opened: deleteConfirmOpened, onClose: () => setDeleteConfirmOpened(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { children: [
-          /* @__PURE__ */ jsx(Text, { fw: 600, children: "Delete Task" }),
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: "Are you sure you want to delete this task? This action cannot be undone." }),
-          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
-            /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setDeleteConfirmOpened(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                color: "red",
-                loading: isDeleting,
-                onClick: () => {
-                  deleteTask(task.id);
-                  setDeleteConfirmOpened(false);
-                },
-                children: "Delete"
-              }
-            )
-          ] })
-        ] }) })
-      ] })
-    }
-  );
-}
 
-export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, FormFieldRenderer, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, TaskCard, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, useNewKnowledgeMapLayout };
+export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, FormFieldRenderer, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, useNewKnowledgeMapLayout };

package/dist/{chunk-VMMNFRAO.js → chunk-QNABH7YG.js}

@@ -1,8 +1,8 @@
-import { useCyberColors } from './chunk-UG5565XQ.js';
-import { GlowDot } from './chunk-IAZT3VO6.js';
+import { useCyberColors } from './chunk-US4JUSI3.js';
+import { GlowDot } from './chunk-G25YWGUL.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } 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-XA34RETF.js';
-import { glassBase } from './chunk-OH74INP2.js';
+import { glassBase } from './chunk-FEZZ3IDU.js';
 import { memo, useMemo, useEffect, useState, useCallback, Fragment } from 'react';
 import { Paper, Stack, Text, Group, Badge, Box, useComputedColorScheme, Card, ActionIcon, Loader, SegmentedControl } from '@mantine/core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-WY5IJI37.js → chunk-QUL3XRLS.js}

@@ -1,6 +1,6 @@
-import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-UG5565XQ.js';
-import { CardHeader, EmptyState } from './chunk-IAZT3VO6.js';
-import { useResourcesHealth } from './chunk-QDO6NF2I.js';
+import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-US4JUSI3.js';
+import { CardHeader, EmptyState } from './chunk-G25YWGUL.js';
+import { useResourcesHealth } from './chunk-GQCQDCLJ.js';
 import { getTimeRangeDates, formatBucketTime } from './chunk-LXHZYSMQ.js';
 import { Paper, Center, Loader, Group } from '@mantine/core';
 import { IconActivity, IconChartBar } from '@tabler/icons-react';

package/dist/{chunk-TML32XBW.js → chunk-RMPXGBNI.js}

@@ -1,6 +1,6 @@
 import { ElevasisLoader } from './chunk-SZHARWKU.js';
-import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-OH74INP2.js';
-import { AppBackground } from './chunk-JR2C4XAN.js';
+import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-FEZZ3IDU.js';
+import { AppBackground } from './chunk-CYXZHBP4.js';
 import { ElevasisCoreProvider } from './chunk-R7WLWGPO.js';
 import { AppearanceProvider } from './chunk-QJ2KCHKX.js';
 import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-IOKL7BKE.js';

package/dist/{chunk-UG5565XQ.js → chunk-US4JUSI3.js}

@@ -1,4 +1,4 @@
-import { CardHeader, APIErrorAlert, TrendIndicator, EmptyState, StatCard } from './chunk-IAZT3VO6.js';
+import { CardHeader, CenteredErrorState, TrendIndicator, EmptyState, StatCard } from './chunk-G25YWGUL.js';
 import { getTimeRangeLabel, getTimeRangeDates, useErrorTrends, formatBucketTime } from './chunk-LXHZYSMQ.js';
 import { useRef, useState, useLayoutEffect, useEffect, useMemo, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -677,7 +677,7 @@ function CostTrendChart({ data, summaryData, isLoading, error }) {
     URL.revokeObjectURL(url);
   };
   if (error) {
-    return /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load cost trends" });
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load cost trends" }) });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
@@ -853,7 +853,7 @@ function CombinedTrendChart({
   });
   const xTickFormatter = useCallback((value) => formatBucketTime(value, granularity), [granularity]);
   if (error) {
-    return /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load trend data" });
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load trend data" }) });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });