@elevasis/ui 2.79.0 → 2.81.0

package/dist/{chunk-QMAIUPXK.js → chunk-QEQXPWOK.js}

@@ -1,31 +1,31 @@
-import { SubshellLoader } from './chunk-4ZHX5KOT.js';
-import { CollapsibleJsonSection, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, AgentIterationDetailPanel } from './chunk-3KCLWJDC.js';
-import { useCommandViewData, useCommandViewStats, useCommandViewStore, useResourceExecutions, useCheckpointTasks, useSessionMessages, useSessionWebSocket, useSessionExecutions } from './chunk-SXZMHLH6.js';
-import { findNavigationSurfaceForSystem, getSystemApiInterfaceReadiness } from './chunk-3RK2NNJX.js';
+import { SubshellLoader } from './chunk-JLKZUO2I.js';
+import { CollapsibleJsonSection, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, AgentIterationDetailPanel } from './chunk-XUL4UBYJ.js';
+import { useCommandViewData, useCommandViewStats, useCommandViewStore, useResourceExecutions, useCheckpointTasks, useSessionMessages, useSessionWebSocket, useSessionExecutions } from './chunk-SWC54W3A.js';
+import { findNavigationSurfaceForSystem, getSystemApiInterfaceReadiness } from './chunk-PJN6CMWZ.js';
 import { FormFieldRenderer } from './chunk-3MEXPLWT.js';
 import { ChatInterface, ChatHeader } from './chunk-SNZDFCOQ.js';
 import { mergeSessionMessages } from './chunk-QFGNRKIE.js';
-import { ResourceHealthPanel } from './chunk-G3WOMHVI.js';
-import { AppShellLoader } from './chunk-6AJUWYKS.js';
+import { ResourceHealthPanel } from './chunk-BLYK6I4D.js';
+import { AppShellLoader } from './chunk-LGJASP5H.js';
 import { Graph_module_css_default } from './chunk-HENXLGVD.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
-import { DEFAULT_ORGANIZATION_GRAPH_FILTERS, resolveSemanticIconComponent, CustomModal, useAppearance, useErrorDetail, JsonViewer, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, ConfirmationModal, PageTitleCaption, CollapsibleSection, useStatusFilter, useResourceSearch, useResourcesDomainFilters, usePaginationState, useResources, useRecentExecutionsByResource, filterByDomainFilters, TabCountBadge, ResourceCard, useResourceDefinition, isSessionCapable, useOptionalElevasisSystems, useDeleteTask, useCommandQueue, useSubmitAction, useCommandQueueTask, ContextViewer, useElevasisSystems, buildOrganizationGraph, EmptyState, useExecutionPanelState, useSessions, SessionListItem, useDeleteSession, useEndSession, useCreateSession, topbarHeight, useSession, getSessionView, SubshellContentContainer, ORGANIZATION_NODE_ID, collectResourceFilterFacets, SemanticIcon, useSystemsViewState, aggregateSystemMetrics, useSystemHealth, ORGANIZATION_GRAPH_NODE_KIND_ORDER, formatResourceAttribution, SYSTEM_RESOURCE_KINDS, ORGANIZATION_GRAPH_NODE_KIND_LABELS, ORGANIZATION_GRAPH_EDGE_KIND_LABELS, ORGANIZATION_GRAPH_NODE_KIND_DETAIL_LABELS, ORGANIZATION_GRAPH_NODE_KIND_MEANINGS, ORGANIZATION_GRAPH_EDGE_KIND_MEANINGS } from './chunk-4VGPEDQF.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-KXNRTJAE.js';
+import { DEFAULT_ORGANIZATION_GRAPH_FILTERS, resolveSemanticIconComponent, CustomModal, useAppearance, useErrorDetail, JsonViewer, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, ConfirmationModal, PageTitleCaption, CollapsibleSection, useResolvedTimeRange, useStatusFilter, useResourceSearch, useResourcesDomainFilters, usePaginationState, useResources, useRecentExecutionsByResource, filterByDomainFilters, TabCountBadge, ResourceCard, useResourceDefinition, isSessionCapable, useOptionalElevasisSystems, useDeleteTask, useCommandQueue, useSubmitAction, useCommandQueueTask, ContextViewer, useElevasisSystems, buildOrganizationGraph, EmptyState, useExecutionPanelState, useSessions, SessionListItem, useDeleteSession, useEndSession, useCreateSession, topbarHeight, useSession, getSessionView, SubshellContentContainer, ORGANIZATION_NODE_ID, collectResourceFilterFacets, SemanticIcon, useSystemsViewState, aggregateSystemMetrics, useSystemHealth, ORGANIZATION_GRAPH_NODE_KIND_ORDER, formatResourceAttribution, SYSTEM_RESOURCE_KINDS, ORGANIZATION_GRAPH_NODE_KIND_LABELS, ORGANIZATION_GRAPH_EDGE_KIND_LABELS, ORGANIZATION_GRAPH_NODE_KIND_DETAIL_LABELS, ORGANIZATION_GRAPH_NODE_KIND_MEANINGS, ORGANIZATION_GRAPH_EDGE_KIND_MEANINGS } from './chunk-PSGSFPWA.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-PNCJJE4Z.js';
 import { CardHeader } from './chunk-62GVNH5U.js';
 import { useInitialization } from './chunk-P45GQ3ZW.js';
 import { StyledMarkdown } from './chunk-3KMDHCAR.js';
-import { getResourceStatusColor, useMergedExecution, useTimelineData, useAgentIterationData } from './chunk-NCPNKI3V.js';
+import { getResourceStatusColor, useMergedExecution, useTimelineData, useAgentIterationData } from './chunk-2HXDI4RY.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
-import { getErrorInfo, formatErrorMessage, getResourceIcon, formatRelativeTime, PAGE_SIZE_DEFAULT, listAllSystems, getSystem, compileOrganizationOntology, getSystemAncestors } from './chunk-5ZK7K7YP.js';
-import { ResourceStatusColors, toWorkflowLogMessages } from './chunk-5F3QGBEI.js';
+import { getErrorInfo, formatErrorMessage, getResourceIcon, formatRelativeTime, PAGE_SIZE_DEFAULT, listAllSystems, getSystem, compileOrganizationOntology, getSystemAncestors } from './chunk-DEZW7QDI.js';
+import { ResourceStatusColors, toWorkflowLogMessages } from './chunk-7ZUXA2NW.js';
 import { useElevasisServices } from './chunk-BI5VDO2K.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { Stack, Title, Text, Textarea, Alert, Group, Button, Card, ThemeIcon, Badge, SimpleGrid, Collapse, Divider, Paper, ActionIcon, Space, CopyButton, Center, Tooltip, Code, Menu, Progress, Tabs, Pagination, Loader, SegmentedControl, Box, Select, useMantineTheme, Modal, LoadingOverlay, ScrollArea, Switch, Breadcrumbs, Anchor, Checkbox, UnstyledButton, NumberInput, MultiSelect, TextInput, Accordion, Table } from '@mantine/core';
-import { IconMail, IconSend, IconFileText, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconAlertCircle, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconBrain, IconChevronRight, IconSitemap, IconCopy, IconPlayerStop, IconReload, IconTrash, IconTerminal2, IconBug, IconChevronDown, IconPlayerPlay, IconMessage, IconArrowLeft, IconRobot, IconGitBranch, IconDotsVertical, IconDatabase, IconApps, IconRoute, IconExternalLink, IconFolders, IconBraces, IconBolt, IconTopologyStar3, IconInfoCircle, IconPlus, IconTimeline, IconNote, IconArchive, IconDownload, IconActivityHeartbeat, IconCircleCheck, IconClockPause, IconArrowsMaximize, IconCircleX, IconCircleDashed, IconShare2, IconFolder, IconSearch, IconBookmark, IconBookmarkPlus, IconArrowRight, IconScript, IconPlugConnected } from '@tabler/icons-react';
+import { IconMail, IconSend, IconFileText, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconAlertCircle, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconBrain, IconChevronRight, IconSitemap, IconCopy, IconPlayerStop, IconReload, IconTrash, IconTerminal2, IconBug, IconChevronDown, IconPlayerPlay, IconMessage, IconArrowLeft, IconRobot, IconGitBranch, IconDotsVertical, IconDatabase, IconApps, IconRoute, IconExternalLink, IconFolders, IconBraces, IconBolt, IconTopologyStar3, IconInfoCircle, IconPlus, IconTimeline, IconNote, IconArchive, IconDownload, IconActivityHeartbeat, IconCircleCheck, IconClockPause, IconArrowsMaximize, IconCircleX, IconCircleDashed, IconShare2, IconFolder, IconSearch, IconArrowRight, IconScript, IconPlugConnected } from '@tabler/icons-react';
 import { useForm } from '@mantine/form';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo, useRef, useCallback, useEffect, useDeferredValue, useEffectEvent } from 'react';
-import { useClipboard, useDisclosure } from '@mantine/hooks';
+import { useClipboard } from '@mantine/hooks';
 import { notifications } from '@mantine/notifications';
 import { useNavigate } from '@tanstack/react-router';
 import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
@@ -1698,10 +1698,11 @@ function SessionMemory({ memory }) {
 function ResourcesPage({
   initialFilter,
   onTypeChange,
-  timeRange,
+  timeRange: timeRangeProp,
   onResourceClick,
   pageSize = 20
 }) {
+  const timeRange = useResolvedTimeRange(timeRangeProp);
   const { organizationReady } = useInitialization();
   const urlType = initialFilter;
   const [selectedFilter, setSelectedFilter] = useState(urlType || "all");
@@ -1996,13 +1997,14 @@ function AgentPublicAccessControls({ resourceId }) {
 function ResourceDetailPage({
   type,
   resourceId,
-  timeRange,
+  timeRange: timeRangeProp,
   renderExecutionPanel,
   renderExecuteDialog,
   onNavigateToResources,
   onNavigateToSessions,
   onNavigateBack
 }) {
+  const timeRange = useResolvedTimeRange(timeRangeProp);
   const { organizationReady } = useInitialization();
   const { data, isLoading, error } = useResources();
   const [connected, setConnected] = useState(false);
@@ -7621,203 +7623,6 @@ function expandAroundGraph(graph, request, options = {}) {
     message: summaryMessages[0] ?? ""
   };
 }
-var expansionRecipeKeys = {
-  all: ["expansion-recipes"],
-  lists: () => [...expansionRecipeKeys.all, "list"],
-  list: (orgId) => [...expansionRecipeKeys.all, "list", orgId]
-};
-function useSavedExpansionRecipes() {
-  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
-  return useQuery({
-    queryKey: expansionRecipeKeys.list(workOSOrganizationId),
-    queryFn: async () => {
-      const data = await apiRequest("/command-view/expansion-recipes");
-      return data;
-    },
-    enabled: isReady
-  });
-}
-function useCreateSavedRecipe() {
-  const { apiRequest, workOSOrganizationId } = useElevasisServices();
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (body) => {
-      const data = await apiRequest("/command-view/expansion-recipes", {
-        method: "POST",
-        body: JSON.stringify(body)
-      });
-      return data;
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: expansionRecipeKeys.list(workOSOrganizationId) });
-    },
-    onError: (error) => {
-      showApiErrorNotification(error);
-    }
-  });
-}
-function useDeleteSavedRecipe() {
-  const { apiRequest, workOSOrganizationId } = useElevasisServices();
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (id) => {
-      await apiRequest(`/command-view/expansion-recipes/${id}`, {
-        method: "DELETE"
-      });
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: expansionRecipeKeys.list(workOSOrganizationId) });
-    },
-    onError: (error) => {
-      showApiErrorNotification(error);
-    }
-  });
-}
-var MIN_NAME_LENGTH = 1;
-var MAX_NAME_LENGTH = 80;
-function validateRecipeName(name) {
-  const trimmed = name.trim();
-  if (trimmed.length < MIN_NAME_LENGTH) {
-    return "Recipe name is required.";
-  }
-  if (trimmed.length > MAX_NAME_LENGTH) {
-    return `Recipe name must be at most ${MAX_NAME_LENGTH} characters.`;
-  }
-  return null;
-}
-var BUILT_IN_PRESETS = [
-  { value: "coverage", label: "Coverage" },
-  { value: "operational-dependencies", label: "Operational dependencies" },
-  { value: "org-context", label: "Org context" },
-  { value: "impact-path", label: "Impact path" }
-];
-function SavedRecipesMenu({ currentValue, hasSelectedNode, onLoadPreset, onLoadRecipe }) {
-  const { data: savedRecipes, isLoading } = useSavedExpansionRecipes();
-  const createMutation = useCreateSavedRecipe();
-  const deleteMutation = useDeleteSavedRecipe();
-  const [saveModalOpened, { open: openSaveModal, close: closeSaveModal }] = useDisclosure(false);
-  const [recipeName, setRecipeName] = useState("");
-  const [nameError, setNameError] = useState(null);
-  function handleSaveClick() {
-    setRecipeName("");
-    setNameError(null);
-    openSaveModal();
-  }
-  async function handleSaveConfirm() {
-    const error = validateRecipeName(recipeName);
-    if (error) {
-      setNameError(error);
-      return;
-    }
-    await createMutation.mutateAsync({
-      name: recipeName.trim(),
-      recipe: currentValue
-    });
-    closeSaveModal();
-    setRecipeName("");
-    setNameError(null);
-  }
-  function handleLoadRecipe(recipe) {
-    const value = recipe.recipe;
-    onLoadRecipe(value);
-  }
-  function handleDeleteRecipe(id, event) {
-    event.stopPropagation();
-    deleteMutation.mutate(id);
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Menu, { shadow: "md", width: 260, position: "bottom-start", transitionProps: { duration: 0 }, children: [
-      /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(Button, { size: "xs", variant: "light", rightSection: /* @__PURE__ */ jsx(IconChevronDown, { size: 12 }), children: "Recipes" }) }),
-      /* @__PURE__ */ jsxs(Menu.Dropdown, { children: [
-        /* @__PURE__ */ jsx(Menu.Label, { children: "Built-in" }),
-        BUILT_IN_PRESETS.map((preset) => /* @__PURE__ */ jsx(
-          Menu.Item,
-          {
-            leftSection: /* @__PURE__ */ jsx(IconBookmark, { size: 14 }),
-            onClick: () => onLoadPreset(preset.value),
-            children: preset.label
-          },
-          preset.value
-        )),
-        /* @__PURE__ */ jsx(Menu.Divider, {}),
-        /* @__PURE__ */ jsx(Menu.Label, { children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "xs", children: [
-          /* @__PURE__ */ jsx("span", { children: "Saved" }),
-          /* @__PURE__ */ jsx(Tooltip, { label: "Save current configuration", position: "right", withArrow: true, children: /* @__PURE__ */ jsx(
-            ActionIcon,
-            {
-              size: "xs",
-              variant: "subtle",
-              disabled: !hasSelectedNode,
-              onClick: (e) => {
-                e.stopPropagation();
-                handleSaveClick();
-              },
-              "aria-label": "Save current recipe",
-              children: /* @__PURE__ */ jsx(IconBookmarkPlus, { size: 12 })
-            }
-          ) })
-        ] }) }),
-        isLoading ? /* @__PURE__ */ jsx(Menu.Item, { disabled: true, children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(Loader, { size: "xs" }),
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Loading\u2026" })
-        ] }) }) : !savedRecipes || savedRecipes.length === 0 ? /* @__PURE__ */ jsx(Menu.Item, { disabled: true, children: /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No saved recipes yet" }) }) : savedRecipes.map((recipe) => /* @__PURE__ */ jsx(
-          Menu.Item,
-          {
-            leftSection: /* @__PURE__ */ jsx(IconBookmark, { size: 14 }),
-            rightSection: /* @__PURE__ */ jsx(
-              ActionIcon,
-              {
-                size: "xs",
-                variant: "subtle",
-                color: "red",
-                onClick: (e) => handleDeleteRecipe(recipe.id, e),
-                loading: deleteMutation.isPending && deleteMutation.variables === recipe.id,
-                "aria-label": `Delete recipe ${recipe.name}`,
-                children: /* @__PURE__ */ jsx(IconTrash, { size: 12 })
-              }
-            ),
-            onClick: () => handleLoadRecipe(recipe),
-            children: /* @__PURE__ */ jsx(Text, { size: "sm", truncate: true, children: recipe.name })
-          },
-          recipe.id
-        )),
-        /* @__PURE__ */ jsx(Menu.Item, { leftSection: /* @__PURE__ */ jsx(IconBookmarkPlus, { size: 14 }), disabled: !hasSelectedNode, onClick: handleSaveClick, children: "Save current configuration\u2026" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Modal,
-      {
-        opened: saveModalOpened,
-        onClose: closeSaveModal,
-        title: "Save recipe",
-        size: "sm",
-        withinPortal: false,
-        transitionProps: { duration: 0 },
-        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-          /* @__PURE__ */ jsx(
-            TextInput,
-            {
-              label: "Recipe name",
-              placeholder: "e.g. Billing service deps",
-              value: recipeName,
-              onChange: (e) => {
-                setRecipeName(e.currentTarget.value);
-                if (nameError) setNameError(null);
-              },
-              error: nameError,
-              maxLength: MAX_NAME_LENGTH,
-              "data-autofocus": true
-            }
-          ),
-          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "xs", children: [
-            /* @__PURE__ */ jsx(Button, { variant: "subtle", onClick: closeSaveModal, disabled: createMutation.isPending, children: "Cancel" }),
-            /* @__PURE__ */ jsx(Button, { onClick: handleSaveConfirm, loading: createMutation.isPending, children: "Save" })
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
 var PRESET_OPTIONS = [
   { value: "coverage", label: "Coverage" },
   { value: "operational-dependencies", label: "Operational dependencies" },
@@ -7879,31 +7684,18 @@ function ExpandAroundPanel({
   const disabled = !selectedNode;
   const canApply = Boolean(result && result.expandedNodeIds.length > 0);
   const rootIsTooBroad = selectedNode?.kind === "organization" && !value.preset;
-  const handleLoadPreset = (preset) => updateValue(value, "preset", preset, onChange);
-  const handleLoadRecipe = (recipeValue) => onChange(recipeValue);
   return /* @__PURE__ */ jsx(Paper, { withBorder: true, radius: "md", p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
     /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "wrap", children: [
       /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
         /* @__PURE__ */ jsx(Text, { size: "sm", fw: 800, children: "Expand Around" }),
         /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: selectedNode ? `Preview typed graph context around ${selectedNode.label}.` : "Select a graph node to preview nearby operational context." })
       ] }),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
-        /* @__PURE__ */ jsx(
-          SavedRecipesMenu,
-          {
-            currentValue: value,
-            hasSelectedNode: !disabled,
-            onLoadPreset: handleLoadPreset,
-            onLoadRecipe: handleLoadRecipe
-          }
-        ),
-        appliedNodeCount > 0 || appliedEdgeCount > 0 ? /* @__PURE__ */ jsxs(Badge, { variant: "light", color: "blue", children: [
-          appliedNodeCount,
-          " nodes / ",
-          appliedEdgeCount,
-          " edges applied"
-        ] }) : null
-      ] })
+      /* @__PURE__ */ jsx(Group, { gap: "xs", wrap: "wrap", children: appliedNodeCount > 0 || appliedEdgeCount > 0 ? /* @__PURE__ */ jsxs(Badge, { variant: "light", color: "blue", children: [
+        appliedNodeCount,
+        " nodes / ",
+        appliedEdgeCount,
+        " edges applied"
+      ] }) : null })
     ] }),
     /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
       /* @__PURE__ */ jsx(

package/dist/{chunk-M77G2MGW.js → chunk-QFKOHZM3.js}

@@ -1,6 +1,6 @@
-import { dealKeys } from './chunk-4VGPEDQF.js';
-import { showApiErrorNotification } from './chunk-KXNRTJAE.js';
-import { APIClientError } from './chunk-5ZK7K7YP.js';
+import { dealKeys } from './chunk-PSGSFPWA.js';
+import { showApiErrorNotification } from './chunk-PNCJJE4Z.js';
+import { APIClientError } from './chunk-DEZW7QDI.js';
 import { useElevasisServices } from './chunk-BI5VDO2K.js';
 import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 

package/dist/{chunk-P6HHXMLJ.js → chunk-ROC2TFPS.js}

@@ -1,4 +1,5 @@
-import { showApiErrorNotification } from './chunk-KXNRTJAE.js';
+import { showApiErrorNotification } from './chunk-PNCJJE4Z.js';
+import { buildQueryString } from './chunk-DEZW7QDI.js';
 import { useElevasisServices } from './chunk-BI5VDO2K.js';
 import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 
@@ -18,14 +19,14 @@ function useClients(filters = {}) {
     queryKey: clientsKeys.list(workOSOrganizationId ?? void 0, filters),
     queryFn: async () => {
       const { status, source, search, limit, offset } = filters;
-      const params = new URLSearchParams();
-      if (status) params.set("status", status);
-      if (source) params.set("source", source);
-      if (search) params.set("search", search);
-      if (limit !== void 0) params.set("limit", String(limit));
-      if (offset !== void 0) params.set("offset", String(offset));
-      const query = params.toString();
-      return apiRequest(`/clients${query ? "?" + query : ""}`);
+      const query = buildQueryString({
+        status: status || void 0,
+        source: source || void 0,
+        search: search || void 0,
+        limit,
+        offset
+      });
+      return apiRequest(`/clients${query}`);
     },
     enabled: isReady
   });