@elevasis/ui 2.16.0 → 2.17.2

package/dist/chunk-GRGRBWIO.js

@@ -0,0 +1,383 @@
+import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-GCBWGGI6.js';
+import { useElevasisServices } from './chunk-IRW7JMQ4.js';
+import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
+import { notifications } from '@mantine/notifications';
+
+var showInfoNotification = (message) => {
+  notifications.show({
+    title: "Info",
+    message,
+    autoClose: 5e3,
+    color: "blue",
+    position: "top-right"
+  });
+};
+var showSuccessNotification = (message) => {
+  notifications.show({
+    title: "Action Successful",
+    message,
+    autoClose: 5e3,
+    color: "green",
+    position: "top-right"
+  });
+};
+var showErrorNotification = (error) => {
+  if (error instanceof Error) {
+    error = error.message;
+  }
+  notifications.show({
+    title: "Action Failed",
+    message: error,
+    autoClose: 5e3,
+    color: "red",
+    position: "top-right"
+  });
+};
+var showWarningNotification = (message) => {
+  notifications.show({
+    title: "Warning",
+    message,
+    autoClose: 5e3,
+    color: "orange",
+    position: "top-right"
+  });
+};
+var showApiErrorNotification = (error) => {
+  const { message, code, requestId, fields, retryAfter } = getErrorInfo(error);
+  notifications.show({
+    title: getErrorTitle(code),
+    message: formatErrorMessage(message, requestId, fields, retryAfter),
+    autoClose: retryAfter ? retryAfter * 1e3 : 5e3,
+    color: "red",
+    position: "top-right"
+  });
+};
+var milestoneKeys = {
+  all: ["project-milestones"],
+  lists: () => [...milestoneKeys.all, "list"],
+  list: (orgId, filters) => [...milestoneKeys.all, "list", orgId, filters],
+  details: () => [...milestoneKeys.all, "detail"],
+  detail: (id) => [...milestoneKeys.all, "detail", id]
+};
+function useMilestones(filters = {}) {
+  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  return useQuery({
+    queryKey: milestoneKeys.list(organizationId, filters),
+    queryFn: async () => {
+      const res = await apiRequest(`/projects/${filters.projectId}/milestones`);
+      return res.milestones;
+    },
+    enabled: isReady && !!filters.projectId
+  });
+}
+function useCreateMilestone() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (params) => {
+      const { project_id, ...body } = params;
+      if (!project_id) throw new Error("project_id is required to create a milestone");
+      const res = await apiRequest(`/projects/${project_id}/milestones`, {
+        method: "POST",
+        body: JSON.stringify(body)
+      });
+      return res.milestone;
+    },
+    onSuccess: (data) => {
+      queryClient.invalidateQueries({ queryKey: milestoneKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.detail(data.project_id) });
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useUpdateMilestone() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (params) => {
+      const res = await apiRequest(`/milestones/${params.id}`, {
+        method: "PATCH",
+        body: JSON.stringify(params.updates)
+      });
+      return res.milestone;
+    },
+    onSuccess: (data) => {
+      queryClient.invalidateQueries({ queryKey: milestoneKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.detail(data.project_id) });
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useDeleteMilestone() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (params) => {
+      await apiRequest(`/milestones/${params.id}`, {
+        method: "DELETE"
+      });
+    },
+    onSuccess: (_, params) => {
+      queryClient.invalidateQueries({ queryKey: milestoneKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.detail(params.projectId) });
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+var taskKeys = {
+  all: ["project-tasks"],
+  lists: () => [...taskKeys.all, "list"],
+  list: (orgId, filters) => [...taskKeys.all, "list", orgId, filters],
+  details: () => [...taskKeys.all, "detail"],
+  detail: (id) => [...taskKeys.all, "detail", id]
+};
+function useTasks(filters = {}) {
+  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  return useQuery({
+    queryKey: taskKeys.list(organizationId, filters),
+    queryFn: async () => {
+      const params = new URLSearchParams();
+      if (filters.status) params.set("status", filters.status);
+      if (filters.milestoneId) params.set("milestone_id", filters.milestoneId);
+      const qs = params.toString();
+      const base = `/projects/${filters.projectId}/tasks`;
+      const path = qs ? `${base}?${qs}` : base;
+      const res = await apiRequest(path);
+      return res.tasks;
+    },
+    enabled: isReady && !!filters.projectId
+  });
+}
+function useCreateTask() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (params) => {
+      const res = await apiRequest("/project-tasks", {
+        method: "POST",
+        body: JSON.stringify(params)
+      });
+      return res.task;
+    },
+    onSuccess: (data) => {
+      queryClient.invalidateQueries({ queryKey: taskKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.detail(data.project_id) });
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useUpdateTask() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (params) => {
+      const res = await apiRequest(`/project-tasks/${params.id}`, {
+        method: "PATCH",
+        body: JSON.stringify(params.updates)
+      });
+      return res.task;
+    },
+    onSuccess: (data) => {
+      queryClient.invalidateQueries({ queryKey: taskKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.detail(data.project_id) });
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useDeleteTask() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (params) => {
+      await apiRequest(`/project-tasks/${params.id}`, {
+        method: "DELETE"
+      });
+    },
+    onSuccess: (_, params) => {
+      queryClient.invalidateQueries({ queryKey: taskKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.detail(params.projectId) });
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+var noteKeys = {
+  all: ["project-notes"],
+  lists: () => [...noteKeys.all, "list"],
+  list: (orgId, filters) => [...noteKeys.all, "list", orgId, filters],
+  details: () => [...noteKeys.all, "detail"],
+  detail: (id) => [...noteKeys.all, "detail", id]
+};
+function useProjectNotes(filters = {}) {
+  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  return useQuery({
+    queryKey: noteKeys.list(organizationId, filters),
+    queryFn: async () => {
+      const res = await apiRequest(`/projects/${filters.projectId}/notes`);
+      return res.notes;
+    },
+    enabled: isReady && !!filters.projectId
+  });
+}
+function useCreateNote() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (params) => {
+      const res = await apiRequest("/project-notes", {
+        method: "POST",
+        body: JSON.stringify(params)
+      });
+      return res.note;
+    },
+    onSuccess: (data) => {
+      queryClient.invalidateQueries({ queryKey: noteKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.detail(data.project_id) });
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+
+// src/hooks/delivery/useProjects.ts
+var projectKeys = {
+  all: ["projects"],
+  lists: () => [...projectKeys.all, "list"],
+  list: (orgId, filters) => [...projectKeys.all, "list", orgId, filters],
+  details: () => [...projectKeys.all, "detail"],
+  detail: (id) => [...projectKeys.all, "detail", id],
+  milestones: (id) => [...projectKeys.all, id, "milestones"],
+  tasks: (id) => [...projectKeys.all, id, "tasks"]
+};
+function useProjects(filters = {}) {
+  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  return useQuery({
+    queryKey: projectKeys.list(organizationId, filters),
+    queryFn: async () => {
+      const params = new URLSearchParams();
+      if (filters.kind) params.set("kind", filters.kind);
+      const qs = params.toString();
+      const path = qs ? `/projects?${qs}` : "/projects";
+      const res = await apiRequest(path);
+      return res.projects;
+    },
+    enabled: isReady
+  });
+}
+function useProject(id) {
+  const { apiRequest, isReady, organizationId } = useElevasisServices();
+  return useQuery({
+    queryKey: [...projectKeys.detail(id), organizationId],
+    queryFn: async () => {
+      try {
+        const res = await apiRequest(`/projects/${id}`);
+        return res.project;
+      } catch (err) {
+        if (err && typeof err === "object" && "statusCode" in err && err.statusCode === 404) {
+          return null;
+        }
+        throw err;
+      }
+    },
+    enabled: isReady && !!id
+  });
+}
+function useProjectMilestones(projectId) {
+  const { apiRequest, isReady } = useElevasisServices();
+  return useQuery({
+    queryKey: projectKeys.milestones(projectId),
+    queryFn: async () => {
+      const res = await apiRequest(`/projects/${projectId}/milestones`);
+      return res.milestones;
+    },
+    enabled: isReady && !!projectId
+  });
+}
+function useProjectTasks(projectId) {
+  const { apiRequest, isReady } = useElevasisServices();
+  return useQuery({
+    queryKey: projectKeys.tasks(projectId),
+    queryFn: async () => {
+      const res = await apiRequest(`/projects/${projectId}/tasks`);
+      return res.tasks;
+    },
+    enabled: isReady && !!projectId
+  });
+}
+function useCreateProject() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (params) => {
+      const res = await apiRequest("/projects", {
+        method: "POST",
+        body: JSON.stringify(params)
+      });
+      return res.project;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: projectKeys.all });
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useUpdateProject() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (params) => {
+      const res = await apiRequest(`/projects/${params.id}`, {
+        method: "PATCH",
+        body: JSON.stringify(params.updates)
+      });
+      return res.project;
+    },
+    onSuccess: (data) => {
+      queryClient.invalidateQueries({ queryKey: projectKeys.all });
+      queryClient.invalidateQueries({ queryKey: projectKeys.detail(data.id) });
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useDeleteProject() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (id) => {
+      await apiRequest(`/projects/${id}`, {
+        method: "DELETE"
+      });
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: projectKeys.all });
+    },
+    onError: (error) => {
+      showApiErrorNotification(error);
+    }
+  });
+}
+
+export { milestoneKeys, noteKeys, projectKeys, showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification, taskKeys, useCreateMilestone, useCreateNote, useCreateProject, useCreateTask, useDeleteMilestone, useDeleteProject, useDeleteTask, useMilestones, useProject, useProjectMilestones, useProjectNotes, useProjectTasks, useProjects, useTasks, useUpdateMilestone, useUpdateProject, useUpdateTask };

package/dist/{chunk-XNEYUG4B.js → chunk-HH3RNG2O.js}

@@ -1,28 +1,29 @@
 import { ChatHeader, ChatSidebar } from './chunk-ROSMICXG.js';
 import { SubshellLoader } from './chunk-ADSSLKKP.js';
-import { ResourceHealthPanel } from './chunk-C3INGWGK.js';
+import { BaseNode, useGraphTheme, BaseEdge, FormFieldRenderer, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphBackground, GraphFitViewButton, GraphFitViewHandler } from './chunk-ABUDMATM.js';
+import { ResourceHealthPanel } from './chunk-JU6UB4YA.js';
+import { useCyberColors, CyberDonut } from './chunk-MJ6YV2B5.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 { BaseNode, useGraphTheme, BaseEdge, FormFieldRenderer, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphBackground, GraphFitViewButton, GraphFitViewHandler } from './chunk-7MBONWZZ.js';
-import { useCyberColors, CyberDonut } from './chunk-STZJ7SY5.js';
-import { AppShellLoader } from './chunk-M25JL54Z.js';
-import { getResourceStatusColor, useTimelineData, useAgentIterationData, getStatusIcon } from './chunk-GHIPBT5V.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, showApiErrorNotification, showSuccessNotification, useBulkDeleteExecutions } from './chunk-F4VHHW4O.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-R7GKX4HW.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-GRGRBWIO.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-DT7ETYBT.js';
+import { useOptionalElevasisFeatures, useElevasisFeatures } from './chunk-2TDZBYXI.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
-import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection, TabCountBadge, ResourceCard, ContextViewer, EmptyState, APIErrorAlert } from './chunk-SQQGLGHW.js';
+import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection, TabCountBadge, ResourceCard, ContextViewer, EmptyState, APIErrorAlert } from './chunk-TTP62HWW.js';
 import { StyledMarkdown } from './chunk-3KMDHCAR.js';
 import { NavigationButton } from './chunk-NYBEU5TE.js';
-import { ResourceStatusColors, toWorkflowLogMessages } from './chunk-ELJIFLCB.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 } from './chunk-IOKL7BKE.js';
-import { useInitialization } from './chunk-TUXTSEAF.js';
+import { getErrorInfo, formatErrorMessage, getResourceIcon, formatRelativeTime, DOMAIN_MAP, getNodeId, PAGE_SIZE_DEFAULT, debounce } from './chunk-GCBWGGI6.js';
+import { ResourceStatusColors, toWorkflowLogMessages } from './chunk-KRWALB24.js';
+import { useInitialization } from './chunk-DK2HVHCY.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
-import { useRouterContext } from './chunk-Q7DJKLEN.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';
@@ -39,26 +40,6 @@ import cytoscape from 'cytoscape';
 import { create } from 'zustand';
 import { formatDistanceToNow } from 'date-fns';
 
-// ../core/src/platform/utils/debounce.ts
-function debounce(fn, wait) {
-  let timeoutId = null;
-  const debounced = (...args) => {
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      fn(...args);
-      timeoutId = null;
-    }, wait);
-  };
-  debounced.cancel = () => {
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
-  return debounced;
-}
 var ModelIdSchema = z.string().trim().min(1).max(100).regex(/^[a-z0-9]+(?:[-._][a-z0-9]+)*$/, "IDs must be lowercase and use -, _, or . separators");
 var LabelSchema = z.string().trim().min(1).max(120);
 var DescriptionSchema = z.string().trim().min(1).max(2e3);
@@ -2394,9 +2375,19 @@ var ResourceFilter = ({ value, onChange, fullWidth }) => {
     )
   ] });
 };
-function ResourceHeader({ resource, type, connected, runningCount, sessionCapable }) {
+function ResourceHeader({
+  resource,
+  type,
+  connected,
+  runningCount,
+  sessionCapable,
+  organizationName: organizationNameProp,
+  onRun,
+  onNavigateToResources,
+  onNavigateToSessions
+}) {
   const { currentMembership } = useOrganization();
-  const organizationName = currentMembership?.organization?.name;
+  const organizationName = organizationNameProp ?? currentMembership?.organization?.name;
   const navigate = useNavigate();
   const Icon = getResourceIcon(type);
   const clipboard = useClipboard({ timeout: 2e3 });
@@ -2407,12 +2398,11 @@ function ResourceHeader({ resource, type, connected, runningCount, sessionCapabl
       color: "teal"
     });
   };
-  const handleGoToSessions = () => {
-    navigate({
-      to: "/operations/sessions",
-      search: { agent: resource.resourceId }
-    });
-  };
+  const handleGoToSessions = onNavigateToSessions ?? (() => navigate({
+    to: "/operations/sessions",
+    search: { agent: resource.resourceId }
+  }));
+  const handleGoToResources = onNavigateToResources ?? (() => navigate({ to: "/operations/resources" }));
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       PageTitleCaption,
@@ -2448,17 +2438,9 @@ function ResourceHeader({ resource, type, connected, runningCount, sessionCapabl
           runningCount,
           " running"
         ] }),
+        onRun && /* @__PURE__ */ jsx(Button, { size: "xs", variant: "filled", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), onClick: onRun, children: "Run" }),
         type === "agent" && sessionCapable && /* @__PURE__ */ jsx(Button, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ jsx(IconMessage, { size: 16 }), onClick: handleGoToSessions, children: "Go to Sessions" }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "sm",
-            variant: "light",
-            leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
-            onClick: () => navigate({ to: "/operations/resources" }),
-            children: "Resources"
-          }
-        )
+        /* @__PURE__ */ jsx(Button, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: handleGoToResources, children: "Resources" })
       ] })
     ] })
   ] });
@@ -3728,75 +3710,6 @@ function ResourcesSidebar({ timeRange }) {
     ] })
   ] });
 }
-function ResourceHeader2({
-  resource,
-  type,
-  connected,
-  runningCount,
-  sessionCapable,
-  onRun,
-  onNavigateToResources,
-  onNavigateToSessions
-}) {
-  const { currentMembership } = useOrganization();
-  const organizationName = currentMembership?.organization?.name;
-  const navigate = useNavigate();
-  const Icon = getResourceIcon(type);
-  const clipboard = useClipboard({ timeout: 2e3 });
-  const handleCopyId = () => {
-    clipboard.copy(`"${organizationName}/${resource.resourceId}"`);
-    notifications.show({
-      message: "Resource ID copied to clipboard",
-      color: "teal"
-    });
-  };
-  const handleGoToSessions = onNavigateToSessions ?? (() => navigate({
-    to: "/operations/sessions",
-    search: { agent: resource.resourceId }
-  }));
-  const handleGoToResources = onNavigateToResources ?? (() => navigate({ to: "/operations/resources" }));
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      PageTitleCaption,
-      {
-        title: resource.name,
-        caption: resource.description || `${type.charAt(0).toUpperCase()}${type.slice(1)} details`
-      }
-    ),
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Icon, { size: 20, color: "var(--color-primary)" }),
-        /* @__PURE__ */ jsxs(Badge, { color: "blue", variant: "light", children: [
-          type.charAt(0).toUpperCase(),
-          type.slice(1)
-        ] }),
-        /* @__PURE__ */ jsx(Badge, { color: ResourceStatusColors[resource.status], variant: "outline", size: "sm", children: resource.status.toUpperCase() }),
-        resource.version && /* @__PURE__ */ jsxs(Badge, { variant: "outline", size: "sm", children: [
-          "v",
-          resource.version
-        ] }),
-        /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-          /* @__PURE__ */ jsxs(Text, { size: "sm", ff: "monospace", c: "dimmed", children: [
-            organizationName,
-            "/",
-            resource.resourceId
-          ] }),
-          /* @__PURE__ */ jsx(Tooltip, { label: clipboard.copied ? "Copied!" : "Copy ID", children: /* @__PURE__ */ jsx(ActionIcon, { size: "sm", variant: "subtle", onClick: handleCopyId, color: clipboard.copied ? "teal" : "gray", children: /* @__PURE__ */ jsx(IconCopy, { size: 14, color: clipboard.copied ? "teal" : "gray" }) }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        connected && /* @__PURE__ */ jsx(Badge, { color: "green", variant: "dot", children: "CONNECTED" }),
-        runningCount && runningCount > 0 && /* @__PURE__ */ jsxs(Badge, { color: "blue", variant: "filled", children: [
-          runningCount,
-          " running"
-        ] }),
-        onRun && /* @__PURE__ */ jsx(Button, { size: "xs", variant: "filled", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), onClick: onRun, children: "Run" }),
-        type === "agent" && sessionCapable && /* @__PURE__ */ jsx(Button, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ jsx(IconMessage, { size: 16 }), onClick: handleGoToSessions, children: "Go to Sessions" }),
-        /* @__PURE__ */ jsx(Button, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: handleGoToResources, children: "Resources" })
-      ] })
-    ] })
-  ] });
-}
 function ResourceErrorState2({ 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" }),
@@ -4041,7 +3954,7 @@ function ResourceDetailPage({
     ),
     /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(
-        ResourceHeader2,
+        ResourceHeader,
         {
           resource: validResource,
           type,

package/dist/{chunk-SLVC5OJ2.js → chunk-HQ7M6PBW.js}

@@ -1,4 +1,4 @@
-import { useUserProfile } from './chunk-QEPXAWE2.js';
+import { useUserProfile } from './chunk-QHSW4WHM.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useMemo, useCallback } from 'react';
 

package/dist/chunk-IRW7JMQ4.js

@@ -0,0 +1,28 @@
+import { createContext, useContext, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/provider/ElevasisServiceContext.tsx
+var ElevasisServiceContext = createContext(null);
+function useElevasisServices() {
+  const ctx = useContext(ElevasisServiceContext);
+  if (!ctx) {
+    throw new Error(
+      "useElevasisServices must be used within an ElevasisServiceProvider or an ElevasisUIProvider with apiUrl configured."
+    );
+  }
+  return ctx;
+}
+function ElevasisServiceProvider({
+  apiRequest,
+  organizationId,
+  isReady,
+  children
+}) {
+  const value = useMemo(
+    () => ({ apiRequest, organizationId, isReady }),
+    [apiRequest, organizationId, isReady]
+  );
+  return /* @__PURE__ */ jsx(ElevasisServiceContext.Provider, { value, children });
+}
+
+export { ElevasisServiceContext, ElevasisServiceProvider, useElevasisServices };

package/dist/{chunk-C3INGWGK.js → chunk-JU6UB4YA.js}

@@ -1,7 +1,7 @@
-import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-STZJ7SY5.js';
-import { useResourcesHealth } from './chunk-F4VHHW4O.js';
-import { getTimeRangeDates, formatBucketTime } from './chunk-LXHZYSMQ.js';
-import { CardHeader, EmptyState } from './chunk-SQQGLGHW.js';
+import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-MJ6YV2B5.js';
+import { useResourcesHealth } from './chunk-R7GKX4HW.js';
+import { CardHeader, EmptyState } from './chunk-TTP62HWW.js';
+import { getTimeRangeDates, formatBucketTime } from './chunk-GCBWGGI6.js';
 import { Paper, Center, Loader, Group } from '@mantine/core';
 import { IconActivity, IconChartBar } from '@tabler/icons-react';
 import { useMemo } from 'react';

package/dist/{chunk-M2RM3CC4.js → chunk-MDO4UCEJ.js}

@@ -4,12 +4,12 @@ import { SubshellNavItem } from './chunk-CEWTOKE7.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
-import { useDealTasksDue, useDeals, useCreateDealTask, useDeleteDeal, useTableSort, sortData, usePaginationState, useTableSelection, useDealDetail, useCompany } from './chunk-F4VHHW4O.js';
+import { useDealTasksDue, useDeals, useCreateDealTask, useDeleteDeal, useTableSort, sortData, usePaginationState, useTableSelection, useDealDetail, useCompany } from './chunk-R7GKX4HW.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
-import { CenteredErrorState, CardHeader, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-SQQGLGHW.js';
-import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-IOKL7BKE.js';
-import { useElevasisServices } from './chunk-QEPXAWE2.js';
+import { CenteredErrorState, CardHeader, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-TTP62HWW.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-GCBWGGI6.js';
+import { useElevasisServices } from './chunk-IRW7JMQ4.js';
 import { Box, Stack, Group, Text, Badge, Center, Loader, UnstyledButton, Button, Modal, Title, Select, TextInput, Textarea, Paper, Alert, SimpleGrid, Table, Checkbox, Pagination, ActionIcon, Tabs, Card, Code, Divider, Anchor } from '@mantine/core';
 import { IconLayoutGrid, IconColumns, IconFileInvoice, IconAddressBook, IconTrophy, IconClockExclamation, IconUser, IconPlus, IconChecklist, IconAlertCircle, IconHistory, IconSearch, IconTargetArrow, IconAlertTriangle, IconArrowLeft, IconFileText, IconTrash, IconX, IconBuilding, IconCheckbox, IconCalendar, IconMail, IconPhone, IconArrowRight, IconNote } from '@tabler/icons-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-STZJ7SY5.js → chunk-MJ6YV2B5.js}

@@ -1,5 +1,6 @@
-import { getTimeRangeLabel, getTimeRangeDates, useErrorTrends, formatBucketTime } from './chunk-LXHZYSMQ.js';
-import { CardHeader, CenteredErrorState, TrendIndicator, EmptyState, StatCard } from './chunk-SQQGLGHW.js';
+import { useErrorTrends } from './chunk-QSTH6T77.js';
+import { CardHeader, CenteredErrorState, TrendIndicator, EmptyState, StatCard } from './chunk-TTP62HWW.js';
+import { getTimeRangeLabel, getTimeRangeDates, formatBucketTime } from './chunk-GCBWGGI6.js';
 import { useRef, useState, useLayoutEffect, useEffect, useMemo, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useComputedColorScheme, Group, Text, Box, Stack, Center, Loader, Paper, Button, NumberFormatter, Badge, Space, Tooltip as Tooltip$1, SimpleGrid, Alert, SegmentedControl } from '@mantine/core';