@elevasis/ui 1.2.1 → 1.3.0

package/dist/chunk-BWCC6ZJC.js

@@ -0,0 +1,202 @@
+import { APIClientError } from './chunk-4VGWQ5AN.js';
+import { createContext, useContext, useMemo, useCallback } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var ApiClientContext = createContext(null);
+function useApiClientContext() {
+  const context = useContext(ApiClientContext);
+  if (!context) {
+    throw new Error("useApiClient must be used within ApiClientProvider");
+  }
+  return context;
+}
+function ApiClientProvider({
+  children,
+  getAccessToken,
+  organizationId = null,
+  getOrganizationId: getOrganizationIdProp,
+  isOrganizationReady,
+  onError
+}) {
+  const getOrganizationId = useMemo(
+    () => getOrganizationIdProp ?? (() => organizationId ?? null),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [getOrganizationIdProp, organizationId]
+  );
+  const value = useMemo(
+    () => ({
+      getAccessToken,
+      organizationId: organizationId ?? null,
+      isOrganizationReady,
+      getOrganizationId,
+      onError
+    }),
+    [getAccessToken, organizationId, isOrganizationReady, getOrganizationId, onError]
+  );
+  return /* @__PURE__ */ jsx(ApiClientContext.Provider, { value, children });
+}
+
+// ../core/src/platform/constants/http.ts
+var HTTP_HEADERS = {
+  /**
+   * Organization context header
+   * Note: Node.js normalizes all headers to lowercase, so we use lowercase consistently
+   */
+  WORKOS_ORGANIZATION_ID: "workos-organization-id",
+  AGENT_ORGANIZATION: "x-agent-organization",
+  AGENT_MODE: "x-agent-mode"
+};
+
+// src/api/hooks/useApiClient.ts
+var DEFAULT_TIMEOUT_MS = 6e4;
+function buildApiRequest(getAccessToken, getOrganizationId, apiUrl, handleResponseError) {
+  return async function apiRequest(endpoint, options = {}) {
+    try {
+      const token = await getAccessToken();
+      const organizationId = getOrganizationId();
+      if (organizationId) console.log("[apiRequest]", endpoint, "org:", organizationId);
+      const headers = {
+        ...options.body ? { "Content-Type": "application/json" } : {},
+        ...token ? { Authorization: `Bearer ${token}` } : {},
+        ...organizationId && { [HTTP_HEADERS.WORKOS_ORGANIZATION_ID]: organizationId },
+        ...options.headers
+      };
+      const timeoutSignal = AbortSignal.timeout(DEFAULT_TIMEOUT_MS);
+      const signal = options.signal ? AbortSignal.any([options.signal, timeoutSignal]) : timeoutSignal;
+      const response = await fetch(`${apiUrl}/api${endpoint}`, {
+        ...options,
+        headers,
+        signal
+      });
+      if (!response.ok) {
+        await handleResponseError(endpoint, response, options);
+      }
+      if (response.status === 204) {
+        return void 0;
+      }
+      return response.json();
+    } catch (error) {
+      if (error instanceof Error && error.message.includes("No access token")) {
+        const headers = {
+          ...options.body ? { "Content-Type": "application/json" } : {},
+          ...options.headers
+        };
+        const fallbackTimeoutSignal = AbortSignal.timeout(DEFAULT_TIMEOUT_MS);
+        const fallbackSignal = options.signal ? AbortSignal.any([options.signal, fallbackTimeoutSignal]) : fallbackTimeoutSignal;
+        const response = await fetch(`${apiUrl}/api${endpoint}`, {
+          ...options,
+          headers,
+          signal: fallbackSignal
+        });
+        if (!response.ok) {
+          await handleResponseError(endpoint, response, options);
+        }
+        if (response.status === 204) {
+          return void 0;
+        }
+        return response.json();
+      }
+      throw error;
+    }
+  };
+}
+function useApiClient(apiUrl) {
+  const { getAccessToken, getOrganizationId, isOrganizationReady, onError } = useApiClientContext();
+  const handleResponseError = useCallback(
+    async (endpoint, response, options) => {
+      const errorData = await response.json().catch(() => ({
+        error: `HTTP ${response.status}`,
+        code: "INTERNAL_SERVER_ERROR"
+      }));
+      if (response.status >= 500 && onError) {
+        onError(endpoint, new Error(errorData.error), {
+          method: options.method || "GET",
+          statusCode: response.status,
+          requestId: errorData.requestId
+        });
+      }
+      throw new APIClientError(
+        errorData.error,
+        errorData.code,
+        response.status,
+        errorData.requestId,
+        errorData.fields,
+        errorData.retryAfter
+      );
+    },
+    [onError]
+  );
+  const apiRequest = useCallback(
+    (endpoint, options = {}) => buildApiRequest(getAccessToken, getOrganizationId, apiUrl, handleResponseError)(endpoint, options),
+    [getAccessToken, getOrganizationId, apiUrl, handleResponseError]
+  );
+  const deferredApiRequest = useCallback(
+    async (endpoint, options = {}) => {
+      if (!isOrganizationReady) {
+        throw new Error("No organization selected. Please select an organization.");
+      }
+      return apiRequest(endpoint, options);
+    },
+    [apiRequest, isOrganizationReady]
+  );
+  return {
+    apiRequest,
+    deferredApiRequest,
+    isOrganizationReady,
+    isInitializing: false
+  };
+}
+function createUseApiClient(useOrganizations, apiUrl) {
+  return function useApiClientCompat() {
+    const { getAccessToken, getOrganizationId, isOrganizationReady, onError } = useApiClientContext();
+    const { isInitializing, isOrgRefreshing } = useOrganizations();
+    const handleResponseError = useCallback(
+      async (endpoint, response, options) => {
+        const errorData = await response.json().catch(() => ({
+          error: `HTTP ${response.status}`,
+          code: "INTERNAL_SERVER_ERROR"
+        }));
+        if (response.status >= 500 && onError) {
+          onError(endpoint, new Error(errorData.error), {
+            method: options.method || "GET",
+            statusCode: response.status,
+            requestId: errorData.requestId
+          });
+        }
+        throw new APIClientError(
+          errorData.error,
+          errorData.code,
+          response.status,
+          errorData.requestId,
+          errorData.fields,
+          errorData.retryAfter
+        );
+      },
+      [onError]
+    );
+    const apiRequest = useCallback(
+      (endpoint, options = {}) => buildApiRequest(getAccessToken, getOrganizationId, apiUrl, handleResponseError)(endpoint, options),
+      [getAccessToken, getOrganizationId, handleResponseError]
+    );
+    const deferredApiRequest = useCallback(
+      async (endpoint, options = {}) => {
+        if (isInitializing || isOrgRefreshing) {
+          throw new Error("Organization context is still initializing. Please wait.");
+        }
+        if (!isOrganizationReady) {
+          throw new Error("No organization selected. Please select an organization.");
+        }
+        return apiRequest(endpoint, options);
+      },
+      [apiRequest, isInitializing, isOrgRefreshing, isOrganizationReady]
+    );
+    return {
+      apiRequest,
+      deferredApiRequest,
+      isOrganizationReady,
+      isInitializing: isInitializing || isOrgRefreshing
+    };
+  };
+}
+
+export { ApiClientProvider, createUseApiClient, useApiClient, useApiClientContext };

package/dist/{chunk-WNWKOCGJ.js → chunk-BZTA7IIL.js}

@@ -1,4 +1,4 @@
-import { UuidSchema, ResourceTypeSchema, NonEmptyStringSchema, OriginResourceTypeSchema } from './chunk-JKERRYVS.js';
+import { UuidSchema, ResourceTypeSchema, NonEmptyStringSchema, OriginResourceTypeSchema } from './chunk-BLO4SISK.js';
 import { useElevasisServices } from './chunk-KA7LO7U5.js';
 import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 import { z } from 'zod';

package/dist/chunk-DD3CCMCZ.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+
+// src/organization/context/OrganizationContext.tsx
+var OrganizationContext = createContext(null);
+function useOrganization() {
+  const ctx = useContext(OrganizationContext);
+  if (!ctx) {
+    throw new Error(
+      "useOrganization must be used within an OrganizationProvider. Wrap your app (or the relevant subtree) with <OrganizationProvider>."
+    );
+  }
+  return ctx;
+}
+
+export { OrganizationContext, useOrganization };

package/dist/{chunk-GEFB5YIR.js → chunk-EZMRFWZQ.js}

@@ -1,4 +1,4 @@
-import { useUserProfile } from './chunk-5UWFGBFM.js';
+import { useUserProfile } from './chunk-4KAG5U7A.js';
 import { useAuthContext } from './chunk-7PLEQFHO.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { Button, Loader, Menu, Text, Badge } from '@mantine/core';

package/dist/chunk-FDCVFCOQ.js

@@ -0,0 +1,105 @@
+import { useInitialization } from './chunk-QQOLC46E.js';
+import { useAuthContext } from './chunk-7PLEQFHO.js';
+import { useRef, useCallback, useEffect } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+import { useNavigate, useLocation } from '@tanstack/react-router';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+function useStableAccessToken() {
+  const { getAccessToken } = useAuthContext();
+  const getAccessTokenRef = useRef(getAccessToken);
+  getAccessTokenRef.current = getAccessToken;
+  return useCallback(() => {
+    return getAccessTokenRef.current();
+  }, []);
+}
+function useSessionCheck() {
+  const { user } = useAuthContext();
+  const queryClient = useQueryClient();
+  const isCheckingRef = useRef(false);
+  useEffect(() => {
+    const handleVisibilityChange = async () => {
+      if (isCheckingRef.current || document.visibilityState !== "visible") {
+        return;
+      }
+      isCheckingRef.current = true;
+      try {
+        if (!user) {
+          window.location.replace("/login");
+          return;
+        }
+        await queryClient.cancelQueries();
+        queryClient.invalidateQueries();
+      } finally {
+        isCheckingRef.current = false;
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    window.addEventListener("focus", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+      window.removeEventListener("focus", handleVisibilityChange);
+    };
+  }, [user, queryClient]);
+}
+function ProtectedRoute({
+  children,
+  redirectTo = "/login",
+  fallback = null,
+  errorFallback,
+  waitForOrganization = true
+}) {
+  const { userReady, allReady, isInitializing, error, retry } = useInitialization();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const hasRedirected = useRef(false);
+  const unauthenticated = !isInitializing && !userReady && error?.layer !== "profile";
+  useEffect(() => {
+    if (unauthenticated && !hasRedirected.current) {
+      hasRedirected.current = true;
+      const searchStr = location.searchStr ?? "";
+      const returnTo = location.pathname + searchStr;
+      navigate({
+        to: redirectTo,
+        search: returnTo !== "/" ? { returnTo } : {}
+      });
+    }
+  }, [unauthenticated, navigate, redirectTo, location]);
+  if (isInitializing) {
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  if (error && error.layer !== "organization") {
+    if (errorFallback) {
+      return /* @__PURE__ */ jsx(Fragment, { children: errorFallback(error, retry) });
+    }
+    return null;
+  }
+  if (unauthenticated) {
+    return null;
+  }
+  if (waitForOrganization && !allReady && error?.layer !== "organization") {
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function AdminGuard({ children, redirectTo = "/", fallback = null }) {
+  const { userReady, profile } = useInitialization();
+  const navigate = useNavigate();
+  useEffect(() => {
+    if (!userReady || !profile) {
+      return;
+    }
+    if (!profile.is_platform_admin) {
+      navigate({ to: redirectTo });
+    }
+  }, [userReady, profile, navigate, redirectTo]);
+  if (!userReady) {
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  if (!profile?.is_platform_admin) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export { AdminGuard, ProtectedRoute, useSessionCheck, useStableAccessToken };

package/dist/chunk-FLJXZ7YC.js

@@ -0,0 +1,150 @@
+import { OrganizationContext } from './chunk-DD3CCMCZ.js';
+import { useProfile } from './chunk-4KAG5U7A.js';
+import { useElevasisServices } from './chunk-KA7LO7U5.js';
+import { useAuthContext } from './chunk-7PLEQFHO.js';
+import { useState, useRef, useEffect, useCallback, createElement } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+
+function OrganizationProvider({ children }) {
+  const { user, organizationId: workosOrgId } = useAuthContext();
+  const { apiRequest } = useElevasisServices();
+  const { profile } = useProfile();
+  const queryClient = useQueryClient();
+  const [memberships, setMemberships] = useState([]);
+  const [currentWorkOSOrganizationId, setCurrentWorkOSOrganizationId] = useState(null);
+  const [currentSupabaseOrganizationId, setCurrentSupabaseOrganizationId] = useState(null);
+  const [currentMembership, setCurrentMembership] = useState(null);
+  const [isInitializing, setIsInitializing] = useState(true);
+  const [isOrgRefreshing, setIsOrgRefreshing] = useState(false);
+  const [error, setError] = useState(null);
+  const hasInitializedRef = useRef(false);
+  const [profileLoaded, setProfileLoaded] = useState(false);
+  useEffect(() => {
+    if (profile !== void 0 && profile !== null) {
+      setProfileLoaded(true);
+    }
+  }, [profile]);
+  useEffect(() => {
+    if (!user) {
+      setMemberships([]);
+      setCurrentWorkOSOrganizationId(null);
+      setCurrentSupabaseOrganizationId(null);
+      setCurrentMembership(null);
+      setIsInitializing(false);
+      setIsOrgRefreshing(false);
+      setError(null);
+      hasInitializedRef.current = false;
+      setProfileLoaded(false);
+    }
+  }, [user]);
+  const applyMembership = useCallback((membership) => {
+    setCurrentMembership(membership);
+    setCurrentSupabaseOrganizationId(membership?.organization?.id ?? null);
+    setCurrentWorkOSOrganizationId(membership?.organization?.workos_org_id ?? null);
+  }, []);
+  const selectOrganization = useCallback(
+    (data) => {
+      let selected = null;
+      if (profile?.last_visited_org) {
+        selected = data.find((m) => m.organizationId === profile.last_visited_org) ?? null;
+      }
+      if (!selected && workosOrgId) {
+        selected = data.find((m) => m.organization?.workos_org_id === workosOrgId) ?? null;
+      }
+      if (!selected && data.length > 0) {
+        selected = data[0];
+      }
+      console.log("[OrgProvider] selected:", selected?.organization?.workos_org_id ?? "none");
+      if (selected) {
+        applyMembership(selected);
+      }
+    },
+    [profile?.last_visited_org, workosOrgId, applyMembership]
+  );
+  const fetchAndInitialize = useCallback(async () => {
+    if (!user?.id || !profileLoaded) return;
+    setError(null);
+    if (memberships.length === 0) {
+      setIsInitializing(true);
+    } else {
+      setIsOrgRefreshing(true);
+    }
+    try {
+      const data = await apiRequest("/memberships/my-memberships");
+      if (!Array.isArray(data)) {
+        throw new Error("Invalid memberships response");
+      }
+      setMemberships(data);
+      if (data.length === 0) {
+        setError("No organization memberships found. Please contact your administrator or try refreshing the page.");
+        hasInitializedRef.current = true;
+        return;
+      }
+      if (!currentWorkOSOrganizationId) {
+        selectOrganization(data);
+      } else {
+        const stillPresent = data.find((m) => m.organization?.workos_org_id === currentWorkOSOrganizationId);
+        if (!stillPresent) {
+          applyMembership(data[0] ?? null);
+        } else if (stillPresent.id !== currentMembership?.id) {
+          applyMembership(stillPresent);
+        }
+      }
+      hasInitializedRef.current = true;
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load organizations");
+    } finally {
+      setIsInitializing(false);
+      setIsOrgRefreshing(false);
+    }
+  }, [
+    user?.id,
+    profileLoaded,
+    memberships.length,
+    apiRequest,
+    currentWorkOSOrganizationId,
+    currentMembership?.id,
+    selectOrganization,
+    applyMembership
+  ]);
+  useEffect(() => {
+    console.log("[OrgProvider] gate:", { userId: !!user?.id, profileLoaded, initialized: hasInitializedRef.current });
+    if (!user?.id || !profileLoaded || hasInitializedRef.current) return;
+    fetchAndInitialize();
+  }, [user?.id, profileLoaded, fetchAndInitialize]);
+  const switchOrganization = useCallback(
+    (workosOrgId2) => {
+      const target = memberships.find((m) => m.organization?.workos_org_id === workosOrgId2);
+      if (!target) return;
+      applyMembership(target);
+      void queryClient.invalidateQueries();
+      void apiRequest("/users/me", {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ last_visited_org: target.organizationId })
+      }).catch((err) => {
+        console.warn("Failed to persist last_visited_org preference:", err);
+      });
+    },
+    [memberships, applyMembership, queryClient, apiRequest]
+  );
+  const retry = useCallback(async () => {
+    hasInitializedRef.current = false;
+    setError(null);
+    await fetchAndInitialize();
+  }, [fetchAndInitialize]);
+  const value = {
+    currentWorkOSOrganizationId,
+    currentSupabaseOrganizationId,
+    currentMembership,
+    memberships,
+    isInitializing,
+    isOrgRefreshing,
+    error,
+    switchOrganization,
+    retry
+  };
+  return createElement(OrganizationContext.Provider, { value }, children);
+}
+
+export { OrganizationProvider };

package/dist/{chunk-7AI5ZYJ4.js → chunk-JVAZHVNV.js}

@@ -1,99 +1,7 @@
+import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-4VGWQ5AN.js';
 import { notifications } from '@mantine/notifications';
 import { IconUser, IconExternalLink, IconPlug, IconBolt, IconGitBranch, IconBrain } from '@tabler/icons-react';
 
-// src/utils/notify.tsx
-
-// src/utils/error-utils.ts
-var APIClientError = class extends Error {
-  statusCode;
-  code;
-  requestId;
-  fields;
-  retryAfter;
-  constructor(message, code, statusCode, requestId, fields, retryAfter) {
-    super(message);
-    this.name = "APIClientError";
-    this.code = code;
-    this.statusCode = statusCode;
-    this.requestId = requestId;
-    this.fields = fields;
-    this.retryAfter = retryAfter;
-  }
-};
-function isAPIClientError(error) {
-  return error instanceof APIClientError;
-}
-function getErrorInfo(error) {
-  if (isAPIClientError(error)) {
-    return {
-      message: error.message,
-      code: error.code,
-      requestId: error.requestId,
-      statusCode: error.statusCode,
-      fields: error.fields,
-      retryAfter: error.retryAfter
-    };
-  }
-  if (error instanceof Error) {
-    return {
-      message: error.message
-    };
-  }
-  return {
-    message: String(error)
-  };
-}
-function getErrorTitle(code) {
-  if (!code) return "Error";
-  switch (code) {
-    case "VALIDATION_ERROR":
-      return "Validation Error";
-    case "AUTHENTICATION_FAILED":
-      return "Authentication Required";
-    case "FORBIDDEN":
-      return "Access Denied";
-    case "NOT_FOUND":
-      return "Not Found";
-    case "CONFLICT":
-      return "Conflict";
-    case "RATE_LIMIT_EXCEEDED":
-      return "Rate Limit Exceeded";
-    case "INTERNAL_SERVER_ERROR":
-      return "Server Error";
-    case "SERVICE_UNAVAILABLE":
-      return "Service Temporarily Unavailable";
-    default:
-      return "Error";
-  }
-}
-function formatErrorMessage(message, requestId, fields, retryAfter) {
-  let formatted = message;
-  if (fields && Object.keys(fields).length > 0) {
-    const fieldErrors = [];
-    for (const [field, errors] of Object.entries(fields)) {
-      const fieldName = field === "root" || field === "_root" ? "Request" : field;
-      errors.forEach((error) => {
-        fieldErrors.push(`\u2022 ${fieldName}: ${error}`);
-      });
-    }
-    if (fieldErrors.length > 0) {
-      formatted = fieldErrors.join("\n");
-    }
-  }
-  if (retryAfter) {
-    formatted += `
-
-Please wait ${retryAfter} seconds before retrying.`;
-  }
-  if (requestId) {
-    formatted += `
-
-Request ID: ${requestId}`;
-  }
-  return formatted;
-}
-
-// src/utils/notify.tsx
 var showInfoNotification = (message) => {
   notifications.show({
     title: "Info",
@@ -199,4 +107,4 @@ function getResourceIcon(type) {
   return iconNameToComponent[iconName];
 }
 
-export { APIClientError, formatDate, formatErrorMessage, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification, validateEmail };
+export { formatDate, getResourceColor, getResourceIcon, showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification, validateEmail };

package/dist/{chunk-ZGHDPDTF.js → chunk-JYSYHVLU.js}

@@ -1,7 +1,7 @@
-import { useSubmitAction, useDeleteTask } from './chunk-J3FALDQE.js';
+import { useSubmitAction, useDeleteTask } from './chunk-NXHL23JW.js';
 import { FormFieldRenderer } from './chunk-PSLKGOBZ.js';
-import { ContextViewer, JsonViewer } from './chunk-OUHGHTE7.js';
-import { getErrorInfo, formatErrorMessage } from './chunk-7AI5ZYJ4.js';
+import { ContextViewer, JsonViewer } from './chunk-O3PY6B6E.js';
+import { getErrorInfo, formatErrorMessage } from './chunk-4VGWQ5AN.js';
 import { Modal, Stack, Title, Text, Textarea, Alert, Group, Button, Card, ThemeIcon, Badge, Loader, Menu, ActionIcon, Accordion } from '@mantine/core';
 import { IconMail, IconSend, IconFileText, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconAlertCircle, IconRobot, IconGitBranch, IconDotsVertical, IconTrash, IconPlayerPlay, IconExternalLink } from '@tabler/icons-react';
 import { useState } from 'react';

package/dist/{chunk-J3FALDQE.js → chunk-NXHL23JW.js}

@@ -1,7 +1,6 @@
+import { useNotificationAdapter } from './chunk-TIRMFDM4.js';
 import { useElevasisServices } from './chunk-KA7LO7U5.js';
-import { showApiErrorNotification } from './chunk-7AI5ZYJ4.js';
 import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
-import { notifications } from '@mantine/notifications';
 
 function useCommandQueue({
   status,
@@ -82,6 +81,7 @@ function useSubmitAction() {
 function useDeleteTask() {
   const { apiRequest } = useElevasisServices();
   const queryClient = useQueryClient();
+  const notify = useNotificationAdapter();
   return useMutation({
     mutationFn: async (taskId) => {
       await apiRequest(`/command-queue/${taskId}`, {
@@ -95,20 +95,13 @@ function useDeleteTask() {
       for (const [queryKey, data] of queries) {
         previousData.set(queryKey, data);
         if (data) {
-          queryClient.setQueryData(
-            queryKey,
-            (old) => old?.filter((task) => task.id !== taskId)
-          );
+          queryClient.setQueryData(queryKey, (old) => old?.filter((task) => task.id !== taskId));
         }
       }
       return { previousData };
     },
     onSuccess: () => {
-      notifications.show({
-        title: "Task Deleted",
-        message: "Task has been removed",
-        color: "green"
-      });
+      notify.success("Task Deleted", "Task has been removed");
       queryClient.invalidateQueries({ queryKey: ["command-queue"] });
     },
     onError: (error, _taskId, context) => {
@@ -117,7 +110,7 @@ function useDeleteTask() {
           queryClient.setQueryData(queryKey, data);
         }
       }
-      showApiErrorNotification(error);
+      notify.apiError(error);
     }
   });
 }
@@ -146,6 +139,7 @@ function useCommandQueueTotals({
 function usePatchTask() {
   const { apiRequest } = useElevasisServices();
   const queryClient = useQueryClient();
+  const notify = useNotificationAdapter();
   return useMutation({
     mutationFn: async ({ taskId, params }) => {
       const response = await apiRequest(`/command-queue/${taskId}`, {
@@ -168,7 +162,7 @@ function usePatchTask() {
       );
     },
     onError: (error) => {
-      showApiErrorNotification(error);
+      notify.apiError(error);
     }
   });
 }

package/dist/{chunk-OUHGHTE7.js → chunk-O3PY6B6E.js}

@@ -1,6 +1,7 @@
 import { StyledMarkdown } from './chunk-3KMDHCAR.js';
 import { ResourceStatusColors } from './chunk-YZ6GTZXL.js';
-import { getErrorInfo, getErrorTitle, getResourceIcon } from './chunk-7AI5ZYJ4.js';
+import { getResourceIcon } from './chunk-JVAZHVNV.js';
+import { getErrorInfo, getErrorTitle } from './chunk-4VGWQ5AN.js';
 import { useAuthContext } from './chunk-7PLEQFHO.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { Alert, Text, Code, Group, Badge, Collapse, ScrollArea, Center, Stack, Title, Button, UnstyledButton, Box, ThemeIcon, Card, Skeleton, Paper, Loader, Select, Grid, Space } from '@mantine/core';
@@ -101,7 +102,7 @@ function CollapsibleSection({
 function EmptyState({ icon: Icon, title, description, action, py = "xl" }) {
   return /* @__PURE__ */ jsx(Center, { py, children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "xs", children: [
     /* @__PURE__ */ jsx(Icon, { size: 48, style: { opacity: 0.5 } }),
-    /* @__PURE__ */ jsx(Title, { order: 3, children: title }),
+    /* @__PURE__ */ jsx(Title, { order: 4, children: title }),
     description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", children: description }),
     action && /* @__PURE__ */ jsx(Button, { variant: "light", onClick: action.onClick, leftSection: action.icon, mt: "sm", children: action.label })
   ] }) });