@elevasis/ui 2.18.0 → 2.20.0

package/dist/{chunk-WP3IYOVJ.js → chunk-YP6T426C.js}

@@ -1,32 +1,32 @@
 import { ChatHeader, ChatSidebar } from './chunk-ROSMICXG.js';
-import { SubshellLoader } from './chunk-ADSSLKKP.js';
-import { BaseNode, useGraphTheme, BaseEdge, FormFieldRenderer, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphBackground, GraphFitViewButton, GraphFitViewHandler } from './chunk-66VY5EMV.js';
-import { ResourceHealthPanel } from './chunk-FM6LSZ45.js';
-import { useCyberColors, CyberDonut } from './chunk-DDZMBNTY.js';
+import { SubshellSidebarLoader, SubshellLoader } from './chunk-3JCMO7SD.js';
+import { BaseNode, useGraphTheme, BaseEdge, FormFieldRenderer, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphBackground, GraphFitViewButton, GraphFitViewHandler } from './chunk-PJVG3ISO.js';
+import { ResourceHealthPanel } from './chunk-ZE2KQSHL.js';
+import { useCyberColors, CyberDonut } from './chunk-CTTY6FUT.js';
 import { AppShellLoader } from './chunk-M25JL54Z.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { CustomModal, ConfirmationModal } from './chunk-GBMNCNHX.js';
 import { getResourceStatusColor, useTimelineData, useAgentIterationData, getStatusIcon } from './chunk-E4WQGJNS.js';
-import { useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, useStatusFilter, useResourceSearch, useResourcesDomainFilters, usePaginationState, useResources, useRecentExecutionsByResource, filterByDomainFilters, useExecuteAsync, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStats, useCommandViewStore, useResourceExecutions, useCheckpointTasks, useExecutionPanelState, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, useBulkDeleteExecutions } from './chunk-EY322HXF.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-GRGRBWIO.js';
+import { useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, useStatusFilter, useResourceSearch, useResourcesDomainFilters, usePaginationState, useResources, useRecentExecutionsByResource, filterByDomainFilters, useExecuteAsync, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStats, useCommandViewStore, useResourceExecutions, useCheckpointTasks, useExecutionPanelState, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, useBulkDeleteExecutions } from './chunk-FMFX4K6E.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-M7W7CGPL.js';
 import { useGraphHighlighting, calculateGraphHeight, Graph_module_css_default, GRAPH_CONSTANTS } from './chunk-22UVE3RA.js';
 import { useMergedExecution } from './chunk-3ZMAGTWF.js';
-import { useOptionalElevasisFeatures, useElevasisFeatures } from './chunk-A2AZY5SF.js';
+import { useOptionalElevasisFeatures, useElevasisFeatures } from './chunk-LR5CRY5A.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
-import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection, TabCountBadge, ResourceCard, ContextViewer, EmptyState, APIErrorAlert } from './chunk-SQPM2QDH.js';
+import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection, TabCountBadge, ResourceCard, ContextViewer, EmptyState, APIErrorAlert } from './chunk-BHR7IV72.js';
 import { StyledMarkdown } from './chunk-3KMDHCAR.js';
 import { NavigationButton } from './chunk-NYBEU5TE.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { useAppearance } from './chunk-QJ2KCHKX.js';
 import { topbarHeight } from './chunk-DT3QYZVU.js';
-import { getErrorInfo, formatErrorMessage, getResourceIcon, formatRelativeTime, DOMAIN_MAP, getNodeId, PAGE_SIZE_DEFAULT, debounce } from './chunk-GCBWGGI6.js';
+import { getErrorInfo, formatErrorMessage, getResourceIcon, formatRelativeTime, DOMAIN_MAP, getNodeId, PAGE_SIZE_DEFAULT, debounce } from './chunk-OD7GWIZS.js';
 import { ResourceStatusColors, toWorkflowLogMessages } from './chunk-KRWALB24.js';
 import { useInitialization } from './chunk-DK2HVHCY.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
 import { z } from 'zod';
-import { Stack, Group, Text, Badge, Title, Textarea, Alert, Button, ActionIcon, Collapse, Card, ThemeIcon, SimpleGrid, Divider, Paper, Space, CopyButton, Center, Tooltip, Code, Menu, useMantineTheme, UnstyledButton, Select, RangeSlider, Loader, Box, Progress, Tabs, Pagination, TextInput, Modal, LoadingOverlay, SegmentedControl, Switch, ScrollArea, MultiSelect } from '@mantine/core';
-import { IconBrain, IconFileText, IconMail, IconSend, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconCode, IconAlertCircle, IconChevronRight, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconPlayerPlay, IconNetwork, IconSitemap, IconCopy, IconPlayerStop, IconReload, IconTrash, IconTerminal2, IconBug, IconChevronDown, IconMessage, IconArrowLeft, IconRobot, IconGitBranch, IconDotsVertical, IconFilter, IconCircleCheck, IconCategory, IconDatabase, IconApps, IconRoute, IconAdjustmentsHorizontal, IconSearch, IconCircleX, IconCircleDashed, IconExternalLink, IconTopologyStar3, IconInfoCircle, IconPlus, IconLayoutSidebarRightExpand, IconNote, IconArchive, IconDownload, IconTimeline, IconActivityHeartbeat, IconClockPause, IconArrowsMaximize, IconShare2, IconHistory } from '@tabler/icons-react';
+import { Stack, Group, Text, Badge, Title, Textarea, Alert, Button, ActionIcon, Collapse, Card, ThemeIcon, SimpleGrid, Divider, Paper, Space, CopyButton, Center, Tooltip, Code, Menu, useMantineTheme, UnstyledButton, Select, RangeSlider, Box, Progress, Tabs, Pagination, TextInput, Modal, LoadingOverlay, Loader, SegmentedControl, Switch, ScrollArea, MultiSelect } from '@mantine/core';
+import { IconBrain, IconFileText, IconMail, IconSend, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconCode, IconAlertCircle, IconChevronRight, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconPlayerPlay, IconNetwork, IconSitemap, IconCopy, IconPlayerStop, IconReload, IconTrash, IconTerminal2, IconBug, IconChevronDown, IconMessage, IconArrowLeft, IconRobot, IconGitBranch, IconDotsVertical, IconFilter, IconCircleCheck, IconCategory, IconDatabase, IconApps, IconRoute, IconAdjustmentsHorizontal, IconSearch, IconCircleX, IconCircleDashed, IconExternalLink, IconFolders, IconBraces, IconBolt, IconTopologyStar3, IconInfoCircle, IconPlus, IconLayoutSidebarRightExpand, IconNote, IconArchive, IconDownload, IconTimeline, IconActivityHeartbeat, IconClockPause, IconArrowsMaximize, IconShare2, IconHistory } from '@tabler/icons-react';
 import { useForm } from '@mantine/form';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useState, useMemo, useRef, useCallback, useEffect, useDeferredValue, useEffectEvent } from 'react';
@@ -1108,8 +1108,16 @@ function ActionModal({
       {}
     );
   };
+  const fieldDefaults = (action.form?.fields || []).reduce(
+    (acc, field) => {
+      acc[field.name] = field.defaultValue ?? "";
+      return acc;
+    },
+    {}
+  );
   const form = useForm({
     initialValues: {
+      ...fieldDefaults,
       ...getInitialValuesFromContext(),
       ...action.payloadTemplate || {},
       notes: ""
@@ -3000,7 +3008,7 @@ function CommandQueueSidebarMiddle({
   });
   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(Stack, { gap: "xs", p: "sm", style: { flex: 1, overflowY: "auto" }, children: isLoading ? /* @__PURE__ */ jsx(SubshellSidebarLoader, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         CheckpointGroup,
         {
@@ -3485,7 +3493,7 @@ function ResourcesSidebar({ timeRange }) {
     return { donutSuccessCount: success, donutFailedCount: failed };
   }, [executionData, domainFilteredResources]);
   if (!organizationReady || isResourcesLoading) {
-    return /* @__PURE__ */ jsx(Box, { style: { flex: 1, minHeight: 0, padding: theme.spacing.sm }, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
+    return /* @__PURE__ */ jsx(SubshellSidebarLoader, {});
   }
   if (error) {
     return /* @__PURE__ */ jsxs(Box, { style: { flex: 1, minHeight: 0, padding: theme.spacing.sm }, children: [
@@ -4137,6 +4145,8 @@ function CommandQueueDetailPage({
   const [confirmAction, setConfirmAction] = useState(null);
   const [deleteConfirmOpened, setDeleteConfirmOpened] = useState(false);
   const [contextView, setContextView] = useState("formatted");
+  const [actionsView, setActionsView] = useState("formatted");
+  const [payloadView, setPayloadView] = useState("formatted");
   const [submitResultError, setSubmitResultError] = useState(null);
   const { data: taskList, isLoading } = useCommandQueue();
   const task = taskList?.tasks.find((t) => t.id === taskId);
@@ -4239,7 +4249,28 @@ function CommandQueueDetailPage({
       ] })
     ] }),
     /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Title, { order: 3, children: "Resources" }),
+      /* @__PURE__ */ jsx(
+        CardHeader,
+        {
+          icon: /* @__PURE__ */ jsx(IconFolders, { size: 18 }),
+          title: "Resources",
+          rightSection: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "light",
+              color: "var(--color-primary)",
+              size: "xs",
+              leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 }),
+              onClick: () => window.open(
+                `/operations/resources/${task.originResourceType}/${task.originResourceId}?exec=${task.originExecutionId}`,
+                "_blank",
+                "noopener,noreferrer"
+              ),
+              children: "View Origin Execution"
+            }
+          )
+        }
+      ),
       /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2, md: 3 }, spacing: "xs", children: [
         /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
           /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { flexShrink: 0 }, children: "Task ID" }),
@@ -4363,50 +4394,56 @@ function CommandQueueDetailPage({
             }
           ) })
         ] })
-      ] }),
-      /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "light",
-          color: "var(--color-primary)",
-          size: "sm",
-          leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 14 }),
-          onClick: () => window.open(
-            `/operations/resources/${task.originResourceType}/${task.originResourceId}?exec=${task.originExecutionId}`,
-            "_blank",
-            "noopener,noreferrer"
-          ),
-          children: "View Origin Execution"
-        }
-      ) })
+      ] })
     ] }) }),
     /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Context" }),
-        /* @__PURE__ */ jsx(
-          SegmentedControl,
-          {
-            value: contextView,
-            onChange: (v) => setContextView(v),
-            size: "xs",
-            data: [
-              { label: "Formatted", value: "formatted" },
-              { label: "JSON", value: "json" }
-            ]
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsx(
+        CardHeader,
+        {
+          icon: /* @__PURE__ */ jsx(IconBraces, { size: 18 }),
+          title: "Context",
+          rightSection: /* @__PURE__ */ jsx(
+            SegmentedControl,
+            {
+              value: contextView,
+              onChange: (v) => setContextView(v),
+              size: "xs",
+              data: [
+                { label: "Formatted", value: "formatted" },
+                { label: "JSON", value: "json" }
+              ]
+            }
+          )
+        }
+      ),
       contextView === "formatted" ? /* @__PURE__ */ jsx(ContextViewer, { data: task.context }) : /* @__PURE__ */ jsx(JsonViewer, { data: task.context })
     ] }) }),
     (task.status === "pending" || task.status === "failed") && task.actions.length > 0 && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-      /* @__PURE__ */ jsx(Title, { order: 3, children: "Actions" }),
-      /* @__PURE__ */ jsx(Group, { gap: "sm", children: task.actions.map((action) => {
+      /* @__PURE__ */ jsx(
+        CardHeader,
+        {
+          icon: /* @__PURE__ */ jsx(IconBolt, { size: 18 }),
+          title: "Actions",
+          rightSection: /* @__PURE__ */ jsx(
+            SegmentedControl,
+            {
+              value: actionsView,
+              onChange: (v) => setActionsView(v),
+              size: "xs",
+              data: [
+                { label: "Formatted", value: "formatted" },
+                { label: "JSON", value: "json" }
+              ]
+            }
+          )
+        }
+      ),
+      actionsView === "formatted" ? /* @__PURE__ */ jsx(Group, { gap: "sm", children: task.actions.map((action) => {
         const Icon = getIcon(action.icon);
-        const variant = "light";
         return /* @__PURE__ */ jsx(
           Button,
           {
-            variant,
+            variant: "light",
             color: action.color || (action.type === "danger" ? "red" : "blue"),
             leftSection: Icon ? /* @__PURE__ */ jsx(Icon, { size: 16 }) : null,
             loading: isPending,
@@ -4417,10 +4454,24 @@ function CommandQueueDetailPage({
           },
           action.id
         );
-      }) })
+      }) }) : /* @__PURE__ */ jsx(JsonViewer, { data: task.actions })
     ] }) }),
     task.selectedAction && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-      /* @__PURE__ */ jsx(Title, { order: 3, children: "Action" }),
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "Action" }),
+        task.actionPayload != null && (typeof task.actionPayload !== "object" || Object.keys(task.actionPayload).length > 0) && /* @__PURE__ */ jsx(
+          SegmentedControl,
+          {
+            value: payloadView,
+            onChange: (v) => setPayloadView(v),
+            size: "xs",
+            data: [
+              { label: "Formatted", value: "formatted" },
+              { label: "JSON", value: "json" }
+            ]
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
         /* @__PURE__ */ jsx(ThemeIcon, { size: "sm", variant: "light", color: "green", radius: "xl", children: /* @__PURE__ */ jsx(IconCheck, { size: 12 }) }),
         /* @__PURE__ */ jsxs(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: [
@@ -4429,7 +4480,7 @@ function CommandQueueDetailPage({
         ] }),
         task.targetExecutionId && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: "cyan", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 10 }), children: "Executed" })
       ] }),
-      task.actionPayload !== void 0 && task.actionPayload !== null && /* @__PURE__ */ jsx(JsonViewer, { data: task.actionPayload, maxHeight: 200 }),
+      task.actionPayload != null && (typeof task.actionPayload !== "object" || Object.keys(task.actionPayload).length > 0) && (payloadView === "formatted" ? /* @__PURE__ */ jsx(ContextViewer, { data: task.actionPayload }) : /* @__PURE__ */ jsx(JsonViewer, { data: task.actionPayload, maxHeight: 200 })),
       task.completedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
         "Completed ",
         formatDate(task.completedAt),
@@ -7840,7 +7891,7 @@ function CommandViewSidebarContent({ timeRange }) {
   ];
   const centerValueColor = totalExecutions === 0 ? "var(--mantine-color-dimmed)" : successRate >= 95 ? colors.green : successRate >= 80 ? colors.yellow : colors.red;
   if (isLoading && !data) {
-    return /* @__PURE__ */ jsx(Box, { style: { flex: 1, minHeight: 0, padding: theme.spacing.sm }, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) });
+    return /* @__PURE__ */ jsx(SubshellSidebarLoader, {});
   }
   return /* @__PURE__ */ jsxs(
     Box,
@@ -9034,9 +9085,9 @@ function SessionsSidebar({
   const hasResourcesData = agents.length > 0;
   const hasSessionsData = agentSessions.length > 0;
   const isInitialLoading = !isReady || !organizationReady || isResourcesLoading && !hasResourcesData || isSessionView && (isCurrentSessionLoading || isSessionsLoading) && !hasSessionsData;
-  return /* @__PURE__ */ jsxs(Box, { style: { flex: 1, minHeight: 0, padding: theme.spacing.sm }, children: [
+  return /* @__PURE__ */ jsxs(Box, { style: { flex: 1, minHeight: 0, padding: theme.spacing.sm, display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "dimmed", tt: "uppercase", mb: "md", children: isSessionView ? "Sessions" : "Agents" }),
-    /* @__PURE__ */ jsx(ScrollArea, { style: { height: "100%" }, scrollbarSize: 8, children: isInitialLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : isSessionView ? agentSessions.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: "xs", children: agentSessions.map((session) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(ScrollArea, { style: { flex: 1, minHeight: 0 }, scrollbarSize: 8, children: isInitialLoading ? /* @__PURE__ */ jsx(SubshellSidebarLoader, {}) : isSessionView ? agentSessions.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: "xs", children: agentSessions.map((session) => /* @__PURE__ */ jsx(
       SessionListItem,
       {
         session,
@@ -9180,7 +9231,7 @@ var ExecutionLogsSidebar = () => {
   const filteredExecutions = filter === "all" ? executions : executions.filter((exec) => exec.resourceStatus === filter);
   const totalExecutions = total;
   if (isLoading || !isFetched) {
-    return /* @__PURE__ */ jsx(Center, { style: { flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsx(Loader, { size: "md" }) });
+    return /* @__PURE__ */ jsx(SubshellSidebarLoader, {});
   }
   if (!resourceId) {
     return /* @__PURE__ */ jsx(Box, { p: "sm", style: { flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsx(APIErrorAlert, { error: new Error("Resource ID not found in current operations route.") }) });

package/dist/{chunk-FM6LSZ45.js → chunk-ZE2KQSHL.js}

@@ -1,7 +1,7 @@
-import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-DDZMBNTY.js';
-import { useResourcesHealth } from './chunk-EY322HXF.js';
-import { CardHeader, EmptyState } from './chunk-SQPM2QDH.js';
-import { getTimeRangeDates, formatBucketTime } from './chunk-GCBWGGI6.js';
+import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-CTTY6FUT.js';
+import { useResourcesHealth } from './chunk-FMFX4K6E.js';
+import { CardHeader, EmptyState } from './chunk-BHR7IV72.js';
+import { getTimeRangeDates, formatBucketTime } from './chunk-OD7GWIZS.js';
 import { Paper, Center, Loader, Group } from '@mantine/core';
 import { IconActivity, IconChartBar } from '@tabler/icons-react';
 import { useMemo } from 'react';

package/dist/components/chat/index.js

@@ -1,2 +1,3 @@
 export { ChatHeader, ChatInputArea, ChatInterface, ChatSidebar, MessageBubble, ProcessingIndicator } from '../../chunk-ROSMICXG.js';
 import '../../chunk-3KMDHCAR.js';
+import '../../chunk-I2KLQ2HA.js';