@elevasis/ui 1.2.1 → 1.3.1

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 })
   ] }) });

package/dist/{chunk-YULUKCS6.js → chunk-PVVQTENF.js}

@@ -1,4 +1,4 @@
-import { useUserProfile } from './chunk-5UWFGBFM.js';
+import { useUserProfile } from './chunk-L2CM2CUA.js';
 import { useAuthContext } from './chunk-7PLEQFHO.js';
 import { useMemo, useCallback } from 'react';
 

package/dist/chunk-TIRMFDM4.js

@@ -0,0 +1,33 @@
+import { getErrorInfo, getErrorTitle, formatErrorMessage } from './chunk-4VGWQ5AN.js';
+import { createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var consoleAdapter = {
+  success(title, message) {
+    console.log(`[Notification][Success] ${title}: ${message}`);
+  },
+  error(title, message) {
+    console.warn(`[Notification][Error] ${title}: ${message}`);
+  },
+  info(title, message) {
+    console.log(`[Notification][Info] ${title}: ${message}`);
+  },
+  warning(title, message) {
+    console.warn(`[Notification][Warning] ${title}: ${message}`);
+  },
+  apiError(error) {
+    const { message, code, requestId, fields, retryAfter } = getErrorInfo(error);
+    const title = getErrorTitle(code);
+    const formatted = formatErrorMessage(message, requestId, fields, retryAfter);
+    console.warn(`[Notification][API Error] ${title}: ${formatted}`);
+  }
+};
+var NotificationContext = createContext(consoleAdapter);
+function NotificationProvider({ adapter, children }) {
+  return /* @__PURE__ */ jsx(NotificationContext.Provider, { value: adapter, children });
+}
+function useNotificationAdapter() {
+  return useContext(NotificationContext);
+}
+
+export { NotificationProvider, useNotificationAdapter };

package/dist/{chunk-PYL4XW6H.js → chunk-TMFCNFLW.js}

@@ -1,4 +1,4 @@
-import { useMarkAsRead, useMarkAllAsRead, useNotificationCount, useNotifications } from './chunk-JKERRYVS.js';
+import { useMarkAsRead, useMarkAllAsRead, useNotificationCount, useNotifications } from './chunk-BLO4SISK.js';
 import { UnstyledButton, Group, Box, Stack, Text, Center, Loader, Button, Divider, ScrollArea, Popover, Tooltip, Indicator, ActionIcon } from '@mantine/core';
 import { IconCircle, IconCircleFilled, IconBell } from '@tabler/icons-react';
 import { formatDistanceToNow } from 'date-fns';

package/dist/{chunk-S66I2PYB.js → chunk-TN3PU2WK.js}

@@ -1,4 +1,4 @@
-import { CustomModal } from './chunk-ZGHDPDTF.js';
+import { CustomModal } from './chunk-JYSYHVLU.js';
 import { StyledMarkdown } from './chunk-3KMDHCAR.js';
 import { memo, useState, useCallback, cloneElement, useRef, useEffect, useMemo } from 'react';
 import { Stack, Group, Text, Tooltip, ActionIcon, Paper, Textarea, Box, Collapse, Center, Space, Button, Title, TextInput, Alert, Badge, Progress, Loader } from '@mantine/core';

package/dist/chunk-TYV5NJV2.js

@@ -0,0 +1 @@
+

package/dist/{chunk-B64YDSAY.js → chunk-TZPAA4RC.js}

@@ -1,14 +1,10 @@
-import { ApiClientProvider, createUseApiClient } from './chunk-GDV44UWF.js';
-import { ElevasisServiceProvider } from './chunk-KA7LO7U5.js';
-import { WorkOSAuthBridge } from './chunk-NIAVTSMB.js';
-import { OAuthProvider } from './chunk-QSVZP2NU.js';
-import { useAuthContext } from './chunk-7PLEQFHO.js';
-import { useMemo, useEffect, useRef } from 'react';
+import { ElevasisCoreProvider } from './chunk-72HOBFMP.js';
+import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-4VGWQ5AN.js';
+import { useMemo, useEffect } from 'react';
 import { Tooltip, Text, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Code, Divider, Card, Button, Accordion, createTheme, mergeThemeOverrides, MantineProvider } from '@mantine/core';
-import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
-import { AuthKitProvider } from '@workos-inc/authkit-react';
 import '@mantine/core/styles.css';
 import '@mantine/notifications/styles.css';
+import { notifications } from '@mantine/notifications';
 import { jsx } from 'react/jsx-runtime';
 
 var DEFAULT_SIZE = "sm";
@@ -1366,32 +1362,56 @@ function createCssVariablesResolver(tokens, preset) {
     dark: { ...darkShades, ...darkDefaults, ...flat, ...dark }
   });
 }
-var defaultQueryClient = null;
-function getDefaultQueryClient() {
-  if (!defaultQueryClient) {
-    defaultQueryClient = new QueryClient({
-      defaultOptions: { queries: { retry: 1 } }
+var mantineNotificationAdapter = {
+  success(title, message) {
+    notifications.show({
+      title,
+      message,
+      autoClose: 5e3,
+      color: "green",
+      position: "top-right"
+    });
+  },
+  error(title, message) {
+    notifications.show({
+      title,
+      message,
+      autoClose: 5e3,
+      color: "red",
+      position: "top-right"
+    });
+  },
+  info(title, message) {
+    notifications.show({
+      title,
+      message,
+      autoClose: 5e3,
+      color: "blue",
+      position: "top-right"
+    });
+  },
+  warning(title, message) {
+    notifications.show({
+      title,
+      message,
+      autoClose: 5e3,
+      color: "orange",
+      position: "top-right"
+    });
+  },
+  apiError(error) {
+    const { message, code, requestId, fields, retryAfter } = getErrorInfo(error);
+    const hasFields = fields && Object.keys(fields).length > 0;
+    notifications.show({
+      title: getErrorTitle(code),
+      message: formatErrorMessage(message, requestId, fields, retryAfter),
+      autoClose: retryAfter ? retryAfter * 1e3 : hasFields ? 8e3 : 5e3,
+      color: "red",
+      position: "top-right"
     });
   }
-  return defaultQueryClient;
-}
-var defaultUseOrganizations = () => ({ isInitializing: false, isOrgRefreshing: false });
-function ElevasisUIProvider({
-  auth,
-  theme,
-  organizationId = null,
-  queryClient,
-  apiUrl,
-  onError,
-  isOrganizationReady,
-  children
-}) {
-  if (auth.mode === "apiKey") {
-    throw new Error(
-      `ElevasisUIProvider: auth mode 'apiKey' is not yet implemented. Only 'authkit' and 'oauth' modes are supported.`
-    );
-  }
-  const resolvedQueryClient = queryClient ?? getDefaultQueryClient();
+};
+function ElevasisUIProvider({ theme, children, ...coreProps }) {
   const resolvedColorScheme = theme?.colorScheme ?? "dark";
   const preset = useMemo(() => getPreset(theme?.preset ?? "default"), [theme?.preset]);
   useEffect(() => {
@@ -1426,79 +1446,16 @@ function ElevasisUIProvider({
     () => createCssVariablesResolver(theme?.tokens, theme?.preset),
     [theme?.tokens, theme?.preset]
   );
-  const content = apiUrl ? /* @__PURE__ */ jsx(
-    ServiceBridge,
-    {
-      apiUrl,
-      organizationId,
-      isOrganizationReady,
-      onError,
-      children
-    }
-  ) : children;
-  const AuthInner = auth.mode === "authkit" ? /* @__PURE__ */ jsx(AuthKitInner, { auth, children: content }) : /* @__PURE__ */ jsx(OAuthInner, { auth, children: content });
   return /* @__PURE__ */ jsx(
     MantineProvider,
     {
       theme: resolvedTheme,
       defaultColorScheme: resolvedColorScheme,
       cssVariablesResolver,
-      children: /* @__PURE__ */ jsx(QueryClientProvider, { client: resolvedQueryClient, children: AuthInner })
-    }
-  );
-}
-function AuthKitInner({ auth, children }) {
-  return /* @__PURE__ */ jsx(
-    AuthKitProvider,
-    {
-      clientId: auth.clientId,
-      apiHostname: auth.apiHostname ?? "api.workos.com",
-      redirectUri: auth.redirectUri,
-      devMode: auth.devMode ?? false,
-      children: /* @__PURE__ */ jsx(WorkOSAuthBridge, { children })
-    }
-  );
-}
-function OAuthInner({ auth, children }) {
-  return /* @__PURE__ */ jsx(OAuthProvider, { config: auth, children });
-}
-function ServiceBridge({
-  apiUrl,
-  organizationId,
-  isOrganizationReady,
-  onError,
-  children
-}) {
-  const { getAccessToken } = useAuthContext();
-  return /* @__PURE__ */ jsx(
-    ApiClientProvider,
-    {
-      getAccessToken,
-      organizationId,
-      isOrganizationReady: isOrganizationReady ?? !!organizationId,
-      onError,
-      children: /* @__PURE__ */ jsx(ServiceBridgeInner, { apiUrl, organizationId, isOrganizationReady, children })
-    }
-  );
-}
-function ServiceBridgeInner({
-  apiUrl,
-  organizationId,
-  isOrganizationReady,
-  children
-}) {
-  const useApiClient = useRef(createUseApiClient(defaultUseOrganizations, apiUrl)).current;
-  const { apiRequest } = useApiClient();
-  return /* @__PURE__ */ jsx(
-    ElevasisServiceProvider,
-    {
-      apiRequest,
-      organizationId,
-      isReady: isOrganizationReady ?? !!organizationId,
-      children
+      children: /* @__PURE__ */ jsx(ElevasisCoreProvider, { notifications: mantineNotificationAdapter, ...coreProps, children })
     }
   );
 }
 var ElevasisProvider = ElevasisUIProvider;
 
-export { ElevasisProvider, ElevasisUIProvider, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride };
+export { ElevasisProvider, ElevasisUIProvider, createCssVariablesResolver, generateShades, getPreset, mantineNotificationAdapter, mantineThemeOverride };

package/dist/chunk-UMXDDEAG.js

@@ -0,0 +1,148 @@
+import { useProfile } from './chunk-L2CM2CUA.js';
+import { OrganizationContext } from './chunk-DD3CCMCZ.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];
+      }
+      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(() => {
+    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-XLV6LYN2.js

@@ -0,0 +1,157 @@
+import { APIClientError } from './chunk-4VGWQ5AN.js';
+import { OrganizationContext } from './chunk-DD3CCMCZ.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();
+      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;
+      }
+      const data = await response.json();
+      return data;
+    } 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: contextOrgReady, onError } = useApiClientContext();
+  const orgCtx = useContext(OrganizationContext);
+  const orgReady = orgCtx ? !!orgCtx.currentWorkOSOrganizationId && !orgCtx.isInitializing && !orgCtx.isOrgRefreshing : contextOrgReady;
+  const orgInitializing = orgCtx ? orgCtx.isInitializing || orgCtx.isOrgRefreshing : false;
+  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 (orgInitializing) {
+        throw new Error("Organization context is still initializing. Please wait.");
+      }
+      if (!orgReady) {
+        throw new Error("No organization selected. Please select an organization.");
+      }
+      return apiRequest(endpoint, options);
+    },
+    [apiRequest, orgInitializing, orgReady]
+  );
+  return {
+    apiRequest,
+    deferredApiRequest,
+    isOrganizationReady: orgReady,
+    isInitializing: orgInitializing
+  };
+}
+
+export { ApiClientProvider, useApiClient, useApiClientContext };

package/dist/components/command-queue/index.js

@@ -1,10 +1,12 @@
-export { ActionModal, TaskCard, getIcon, iconMap } from '../../chunk-ZGHDPDTF.js';
-import '../../chunk-J3FALDQE.js';
+export { ActionModal, TaskCard, getIcon, iconMap } from '../../chunk-JYSYHVLU.js';
+import '../../chunk-NXHL23JW.js';
 export { FormFieldRenderer } from '../../chunk-PSLKGOBZ.js';
-import '../../chunk-OUHGHTE7.js';
+import '../../chunk-O3PY6B6E.js';
 import '../../chunk-3KMDHCAR.js';
 import '../../chunk-YZ6GTZXL.js';
+import '../../chunk-TIRMFDM4.js';
+import '../../chunk-JVAZHVNV.js';
+import '../../chunk-4VGWQ5AN.js';
 import '../../chunk-KA7LO7U5.js';
-import '../../chunk-7AI5ZYJ4.js';
 import '../../chunk-7PLEQFHO.js';
 import '../../chunk-Q7DJKLEN.js';

package/dist/components/index.js

@@ -1,18 +1,20 @@
-export { ChatHeader, ChatInputArea, ChatInterface, ChatSidebar, ConfirmationInputModal, ConfirmationModal, MessageBubble } from '../chunk-S66I2PYB.js';
+export { ChatHeader, ChatInputArea, ChatInterface, ChatSidebar, ConfirmationInputModal, ConfirmationModal, MessageBubble } from '../chunk-TN3PU2WK.js';
 export { ExecutionLogsTable, ResourceHealthChart, getHealthColor } from '../chunk-NE36BUGQ.js';
 import '../chunk-W7ZBF5AA.js';
-export { ActionModal, CustomModal, TaskCard, getIcon, iconMap } from '../chunk-ZGHDPDTF.js';
-import '../chunk-J3FALDQE.js';
+export { ActionModal, CustomModal, TaskCard, getIcon, iconMap } from '../chunk-JYSYHVLU.js';
+import '../chunk-NXHL23JW.js';
 export { FormFieldRenderer } from '../chunk-PSLKGOBZ.js';
-export { NotificationBell, NotificationItem, NotificationList, NotificationPanel } from '../chunk-PYL4XW6H.js';
-import '../chunk-JKERRYVS.js';
+export { NotificationBell, NotificationItem, NotificationList, NotificationPanel } from '../chunk-TMFCNFLW.js';
+import '../chunk-BLO4SISK.js';
 export { AgentDefinitionDisplay, CollapsibleJsonSection, ConfigCard, ContractDisplay, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, ResourceDefinitionSection, ToolsListDisplay, WorkflowDefinitionDisplay, useNewKnowledgeMapLayout } from '../chunk-OXVOHOP3.js';
 import '../chunk-6BJOYF6E.js';
 import '../chunk-HUWJXLLF.js';
-export { APIErrorAlert, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, JsonViewer, ListSkeleton, NavigationButton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-OUHGHTE7.js';
+export { APIErrorAlert, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, JsonViewer, ListSkeleton, NavigationButton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-O3PY6B6E.js';
 export { StyledMarkdown } from '../chunk-3KMDHCAR.js';
 import '../chunk-YZ6GTZXL.js';
+import '../chunk-TIRMFDM4.js';
+import '../chunk-JVAZHVNV.js';
+import '../chunk-4VGWQ5AN.js';
 import '../chunk-KA7LO7U5.js';
-import '../chunk-7AI5ZYJ4.js';
 import '../chunk-7PLEQFHO.js';
 import '../chunk-Q7DJKLEN.js';