@elevasis/ui 1.7.5 → 1.8.0

package/dist/hooks/published.js

@@ -1,372 +1,17 @@
-import { OperationsService, SessionIdParamSchema, ExecutionIdParamsSchema, WebSocketSessionTurnSchema } from '../chunk-OK3XFSJJ.js';
-export { OperationsService, createUseFeatureAccess, executionsKeys, scheduleKeys, sortData, useActivities, useActivityTrend, useBatchDelete, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCancelSchedule, useCommandQueue, useCommandQueueTotals, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateSchedule, useDashboardMetrics, useDeleteExecution, useDeleteSchedule, useDeleteTask, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useExecuteAsync, useExecution, useExecutionHealth, useExecutionLogs, useExecutions, useGetExecutionHistory, useGetSchedule, useListSchedules, useMarkAllAsRead, useMarkAsRead, useNotificationCount, useNotifications, usePaginationState, usePatchTask, usePauseSchedule, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResourceDefinition, useResources, useResourcesHealth, useResumeSchedule, useRetryExecution, useSSEConnection, useSortedData, useSubmitAction, useSuccessNotification, useTableSelection, useTableSort, useTopFailingResources, useUnresolveError, useUpdateAnchor, useUpdateSchedule, useWarningNotification } from '../chunk-OK3XFSJJ.js';
-export { observabilityKeys, useErrorTrends } from '../chunk-6HZAMY6T.js';
+export { OperationsService, createUseFeatureAccess, executionsKeys, isSessionCapable, operationsKeys, scheduleKeys, sessionsKeys, sortData, useActivities, useActivityTrend, useArchiveSession, useBatchDelete, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCancelSchedule, useCheckpointTasks, useCommandQueue, useCommandQueueTotals, useCommandViewData, useCommandViewLayout, useCommandViewStats, useCommandViewStore, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateSchedule, useCreateSession, useDashboardMetrics, useDeleteExecution, useDeleteSchedule, useDeleteSession, useDeleteTask, useDeploymentDocs, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useExecuteAsync, useExecution, useExecutionHealth, useExecutionLogSSE, useExecutionLogs, useExecutionPanelState, useExecutions, useGetExecutionHistory, useGetSchedule, useGraphStats, useListSchedules, useMarkAllAsRead, useMarkAsRead, useNotificationCount, useNotifications, usePaginationState, usePatchTask, usePauseSchedule, useRecentExecutionsByResource, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResourceDefinition, useResourceErrors, useResourceExecutions, useResources, useResourcesHealth, useResumeSchedule, useRetryExecution, useSSEConnection, useScheduledTasks, useSession, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions, useSortedData, useSubmitAction, useSuccessNotification, useTableSelection, useTableSort, useTestNotification, useTopFailingResources, useUnresolveError, useUnresolvedErrors, useUpdateAnchor, useUpdateSchedule, useWarningNotification } from '../chunk-BWZMI4KP.js';
+export { observabilityKeys, useErrorTrends } from '../chunk-ARZM3OTI.js';
 import '../chunk-JGJSZ3UE.js';
-import '../chunk-TIRMFDM4.js';
-import '../chunk-4VGWQ5AN.js';
+import '../chunk-F6RBK7NJ.js';
+import '../chunk-3I2LOKQU.js';
+import '../chunk-RNP5R5I3.js';
+import '../chunk-ESOQEOOX.js';
+import '../chunk-KB5NKPTN.js';
+import '../chunk-JRJW2H57.js';
+import '../chunk-2YBPRE6H.js';
+import '../chunk-JUPCUF77.js';
+export { REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY } from '../chunk-Z4TPHMRD.js';
 import '../chunk-FWZJH3TL.js';
-import { useElevasisServices } from '../chunk-KA7LO7U5.js';
-import { useOrganization } from '../chunk-DD3CCMCZ.js';
-import { useAuthContext } from '../chunk-7PLEQFHO.js';
-import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
-import { useState, useRef, useCallback, useEffect } from 'react';
-
-// src/hooks/sessions/queryKeys.ts
-var sessionsKeys = {
-  all: ["sessions"],
-  sessions: (org, params) => [...sessionsKeys.all, "list", org, params],
-  session: (org, sessionId) => [...sessionsKeys.all, "detail", org, sessionId],
-  executions: (org, sessionId) => [...sessionsKeys.all, org, sessionId, "executions"],
-  execution: (org, sessionId, executionId) => [...sessionsKeys.all, org, sessionId, "executions", executionId],
-  messages: (org, sessionId) => [...sessionsKeys.all, org, sessionId, "messages"]
-};
-
-// src/hooks/sessions/constants.ts
-var REFETCH_INTERVAL_RUNNING = 2e3;
-var WS_RECONNECT_BASE_DELAY = 1e3;
-var WS_RECONNECT_MAX_DELAY = 3e4;
-var WS_MAX_RETRIES_BEFORE_ERROR = 3;
-function useSessions(params, options) {
-  const { apiRequest, isReady } = useElevasisServices();
-  const { currentMembership } = useOrganization();
-  const organizationName = currentMembership?.organization?.name;
-  return useQuery({
-    queryKey: sessionsKeys.sessions(organizationName || "", params),
-    queryFn: async () => {
-      const service = new OperationsService(apiRequest);
-      return service.listSessions(params);
-    },
-    enabled: isReady && (options?.enabled ?? true)
-  });
-}
-function useSession(sessionId) {
-  const { apiRequest, isReady } = useElevasisServices();
-  const { currentMembership } = useOrganization();
-  const organizationName = currentMembership?.organization?.name;
-  return useQuery({
-    queryKey: sessionsKeys.session(organizationName || "", sessionId),
-    queryFn: () => {
-      const service = new OperationsService(apiRequest);
-      return service.getSession(sessionId);
-    },
-    enabled: isReady && !!sessionId
-  });
-}
-function useCreateSession() {
-  const { apiRequest } = useElevasisServices();
-  const { currentMembership } = useOrganization();
-  const organizationName = currentMembership?.organization?.name;
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (resourceId) => {
-      const service = new OperationsService(apiRequest);
-      return service.createSession(resourceId);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: sessionsKeys.sessions(organizationName || "") });
-    }
-  });
-}
-function useDeleteSession() {
-  const { apiRequest } = useElevasisServices();
-  const { currentMembership } = useOrganization();
-  const organizationName = currentMembership?.organization?.name;
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (sessionId) => {
-      SessionIdParamSchema.parse({ sessionId });
-      await apiRequest(`/sessions/${sessionId}`, {
-        method: "DELETE"
-      });
-    },
-    onSuccess: (_, sessionId) => {
-      queryClient.removeQueries({
-        queryKey: sessionsKeys.session(organizationName || "", sessionId)
-      });
-      queryClient.invalidateQueries({
-        queryKey: sessionsKeys.sessions(organizationName || "")
-      });
-    }
-  });
-}
-function useArchiveSession() {
-  const { apiRequest } = useElevasisServices();
-  const { currentMembership } = useOrganization();
-  const organizationName = currentMembership?.organization?.name;
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: (sessionId) => {
-      const service = new OperationsService(apiRequest);
-      return service.archiveSession(sessionId);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: sessionsKeys.sessions(organizationName || "") });
-    }
-  });
-}
-function useSessionExecutions(sessionId) {
-  const { apiRequest, isReady } = useElevasisServices();
-  const { currentSupabaseOrganizationId } = useOrganization();
-  return useQuery({
-    queryKey: sessionsKeys.executions(currentSupabaseOrganizationId || "", sessionId),
-    queryFn: async () => {
-      SessionIdParamSchema.parse({ sessionId });
-      return apiRequest(`/sessions/${sessionId}/executions`, {
-        method: "GET"
-      });
-    },
-    enabled: isReady && !!sessionId,
-    staleTime: 0
-  });
-}
-function useSessionExecution(sessionId, executionId) {
-  const { apiRequest, isReady } = useElevasisServices();
-  const { currentSupabaseOrganizationId } = useOrganization();
-  return useQuery({
-    queryKey: sessionsKeys.execution(currentSupabaseOrganizationId || "", sessionId, executionId),
-    queryFn: async () => {
-      ExecutionIdParamsSchema.parse({ sessionId, executionId });
-      return apiRequest(`/sessions/${sessionId}/executions/${executionId}`, {
-        method: "GET"
-      });
-    },
-    enabled: isReady && !!sessionId && !!executionId,
-    refetchInterval: (query) => {
-      const data = query.state.data;
-      const shouldRefetch = data?.status === "running";
-      return shouldRefetch ? REFETCH_INTERVAL_RUNNING : false;
-    }
-  });
-}
-function useSessionMessages(sessionId) {
-  const { apiRequest, isReady } = useElevasisServices();
-  const { currentSupabaseOrganizationId } = useOrganization();
-  return useQuery({
-    queryKey: sessionsKeys.messages(currentSupabaseOrganizationId || "", sessionId),
-    queryFn: async () => {
-      SessionIdParamSchema.parse({ sessionId });
-      const response = await apiRequest(`/sessions/${sessionId}/messages`, {
-        method: "GET"
-      });
-      const messages = response.messages.map((msg) => ({
-        ...msg,
-        createdAt: new Date(msg.createdAt)
-      }));
-      return messages;
-    },
-    enabled: isReady && !!sessionId,
-    staleTime: 0
-  });
-}
-function formatMessageEvent(event) {
-  switch (event.type) {
-    case "user_message":
-      return event.text;
-    case "assistant_message":
-      return event.text;
-    case "agent:started":
-      return "\u{1F916} Agent started reasoning";
-    case "agent:reasoning":
-      return `\u{1F4AD} Reasoning (Iteration ${event.iteration})`;
-    case "agent:tool_call":
-      return `\u{1F527} Tool: ${event.toolName}`;
-    case "agent:tool_result":
-      return event.success ? "\u2705 Tool Result" : "\u26A0\uFE0F Tool Result (Failed)";
-    case "agent:completed":
-      return "\u2705 Agent completed";
-    case "agent:error":
-      return `\u274C Agent error: ${event.error}`;
-  }
-}
-function getWsUrl(apiUrl) {
-  const url = new URL(apiUrl);
-  const protocol = url.protocol === "https:" ? "wss:" : "ws:";
-  return `${protocol}//${url.host}`;
-}
-function useSessionWebSocket(sessionId, apiUrl) {
-  const [messages, setMessages] = useState([]);
-  const [state, setState] = useState({
-    isConnected: false,
-    isProcessing: false,
-    error: null
-  });
-  const [lastTokenUsage, setLastTokenUsage] = useState(null);
-  const wsRef = useRef(null);
-  const retryCountRef = useRef(0);
-  const reconnectTimeoutRef = useRef(null);
-  const { getAccessToken } = useAuthContext();
-  const { currentWorkOSOrganizationId, currentSupabaseOrganizationId } = useOrganization();
-  const queryClient = useQueryClient();
-  const getAccessTokenRef = useRef(getAccessToken);
-  getAccessTokenRef.current = getAccessToken;
-  const currentWorkOSOrgIdRef = useRef(currentWorkOSOrganizationId);
-  currentWorkOSOrgIdRef.current = currentWorkOSOrganizationId;
-  const queryClientRef = useRef(queryClient);
-  queryClientRef.current = queryClient;
-  const currentSupabaseOrgIdRef = useRef(currentSupabaseOrganizationId);
-  currentSupabaseOrgIdRef.current = currentSupabaseOrganizationId;
-  const connect = useCallback(async () => {
-    if (!currentWorkOSOrgIdRef.current) {
-      return;
-    }
-    if (wsRef.current?.readyState === WebSocket.OPEN || wsRef.current?.readyState === WebSocket.CONNECTING) {
-      return;
-    }
-    const token = await getAccessTokenRef.current();
-    if (!token) {
-      return;
-    }
-    const orgId = currentWorkOSOrgIdRef.current;
-    const wsUrl = `${getWsUrl(apiUrl)}/ws/sessions/${sessionId}?token=${token}&orgId=${orgId}`;
-    const ws = new WebSocket(wsUrl);
-    ws.onopen = () => {
-      setState((prev) => ({ ...prev, isConnected: true, error: null }));
-      retryCountRef.current = 0;
-      const supabaseOrgId = currentSupabaseOrgIdRef.current;
-      if (supabaseOrgId) {
-        queryClientRef.current.invalidateQueries({
-          queryKey: sessionsKeys.messages(supabaseOrgId, sessionId)
-        });
-      }
-    };
-    ws.onmessage = (event) => {
-      try {
-        const data = JSON.parse(event.data);
-        if (data.type && data.type !== "turn:complete" && data.type !== "error") {
-          const tempMessage = {
-            id: `temp-${Date.now()}`,
-            role: data.type === "user_message" ? "user" : "assistant",
-            messageType: data.type,
-            text: formatMessageEvent(data),
-            // Format based on type
-            metadata: data.type.startsWith("agent:") ? data : void 0,
-            turnNumber: 999999,
-            // High placeholder so temp messages sort to bottom
-            messageIndex: Date.now(),
-            // Use timestamp for unique ordering
-            createdAt: /* @__PURE__ */ new Date()
-          };
-          setMessages((prev) => [...prev, tempMessage]);
-        } else if (data.type === "turn:complete") {
-          if (data.tokenUsage) {
-            setLastTokenUsage(data.tokenUsage);
-          }
-          setState((prev) => ({ ...prev, isProcessing: false }));
-          const supabaseOrgId = currentSupabaseOrgIdRef.current;
-          if (supabaseOrgId) {
-            queryClientRef.current.invalidateQueries({
-              queryKey: sessionsKeys.messages(supabaseOrgId, sessionId)
-            });
-            queryClientRef.current.invalidateQueries({
-              queryKey: sessionsKeys.executions(supabaseOrgId, sessionId)
-            });
-            queryClientRef.current.invalidateQueries({
-              queryKey: sessionsKeys.session(supabaseOrgId, sessionId)
-            });
-          }
-        } else if (data.type === "error") {
-          setState((prev) => ({
-            ...prev,
-            error: data.error,
-            isProcessing: false
-          }));
-        }
-      } catch (error) {
-        console.error("Failed to parse WebSocket message:", error);
-      }
-    };
-    ws.onerror = () => {
-    };
-    ws.onclose = (event) => {
-      setState((prev) => ({ ...prev, isConnected: false }));
-      if (!event.wasClean && retryCountRef.current >= WS_MAX_RETRIES_BEFORE_ERROR) {
-        setState((prev) => ({
-          ...prev,
-          error: "Unable to connect to session. Retrying..."
-        }));
-      }
-      const terminalCodes = [1003, 1008];
-      if (terminalCodes.includes(event.code) || event.code >= 4e3) {
-        setState((prev) => ({
-          ...prev,
-          error: `Connection rejected (code ${event.code})`
-        }));
-        return;
-      }
-      const delay = Math.min(WS_RECONNECT_BASE_DELAY * Math.pow(2, retryCountRef.current), WS_RECONNECT_MAX_DELAY);
-      retryCountRef.current += 1;
-      reconnectTimeoutRef.current = setTimeout(() => {
-        connect();
-      }, delay);
-    };
-    wsRef.current = ws;
-  }, [sessionId, apiUrl]);
-  useEffect(() => {
-    retryCountRef.current = 0;
-    if (currentWorkOSOrgIdRef.current) {
-      connect();
-    }
-    return () => {
-      if (reconnectTimeoutRef.current) {
-        clearTimeout(reconnectTimeoutRef.current);
-      }
-      if (wsRef.current) {
-        wsRef.current.close();
-        wsRef.current = null;
-      }
-    };
-  }, [sessionId, currentWorkOSOrganizationId, connect]);
-  const sendMessage = useCallback(
-    (text, pageContext) => {
-      const trimmed = text.trim();
-      if (!trimmed) {
-        return;
-      }
-      if (!wsRef.current || state.isProcessing) {
-        return;
-      }
-      if (wsRef.current.readyState !== WebSocket.OPEN) {
-        setState((prev) => ({
-          ...prev,
-          error: "WebSocket not connected"
-        }));
-        return;
-      }
-      const userMessage = {
-        id: `temp-${Date.now()}`,
-        role: "user",
-        messageType: "user_message",
-        text: trimmed,
-        turnNumber: 999999,
-        // High placeholder so temp messages sort to bottom
-        messageIndex: Date.now(),
-        // Use timestamp for unique ordering
-        createdAt: /* @__PURE__ */ new Date()
-      };
-      setMessages((prev) => [...prev, userMessage]);
-      const input = { message: trimmed };
-      if (pageContext) {
-        input.pageContext = pageContext;
-      }
-      const message = WebSocketSessionTurnSchema.parse({
-        type: "session:turn",
-        input
-      });
-      wsRef.current.send(JSON.stringify(message));
-      setState((prev) => ({ ...prev, isProcessing: true, error: null }));
-    },
-    [state.isProcessing, sessionId]
-  );
-  const clearError = useCallback(() => {
-    setState((prev) => ({ ...prev, error: null }));
-  }, []);
-  return {
-    messages,
-    state,
-    sendMessage,
-    clearError,
-    lastTokenUsage
-  };
-}
-
-export { REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, sessionsKeys, useArchiveSession, useCreateSession, useDeleteSession, useSession, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions };
+import '../chunk-WUQWCUCB.js';
+import '../chunk-GZVH423C.js';
+import '../chunk-DD3CCMCZ.js';
+import '../chunk-7PLEQFHO.js';

package/dist/index.css

@@ -396,6 +396,9 @@
 .mantine-Select-option:hover {
   background-color: var(--color-surface-hover) !important;
 }
+[data-mantine-color-scheme=dark] .mantine-Tabs-root {
+  --tab-border-color: var(--color-border);
+}
 .mantine-Tabs-tab:hover {
   background-color: var(--color-surface-hover);
 }