@svadmin/ui 0.40.5 → 0.41.0

package/dist/components/AICommandBar.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { captureAdminContext, getResources, getChatProvider, toggleTheme } from '@svadmin/core';
+  import { captureAdminContext, toggleTheme } from '@svadmin/core';
   import { useTranslation } from '@svadmin/core/i18n';
   import { Command } from './ui/command/index.js';
   import * as Dialog from './ui/dialog/index.js';
@@ -12,24 +12,42 @@
   const adminContext = captureAdminContext();
   let searchValue = $state('');
   
-  const resources = getResources();
-  const provider = $derived(getChatProvider());
+  const resources = $derived(adminContext.resources);
+  const provider = $derived(adminContext.chatProvider);
 
   // AI State
   let aiMode = $state(false);
   let aiResponse = $state('');
   let isPredicting = $state(false);
   let abortController: AbortController | null = null;
+  let requestEpoch = 0;
+
+  $effect(() => {
+    void provider;
+    void adminContext.tenantCacheKey?.__svadminTenant;
+    void open;
+    clearAIConversation();
+
+    return cancelAIRequest;
+  });
 
   function close() {
     open = false;
+    clearAIConversation();
+  }
+
+  function cancelAIRequest() {
+    requestEpoch += 1;
+    abortController?.abort();
+    abortController = null;
+  }
+
+  function clearAIConversation() {
+    cancelAIRequest();
     searchValue = '';
     aiMode = false;
     aiResponse = '';
-    if (abortController) {
-      abortController.abort();
-      abortController = null;
-    }
+    isPredicting = false;
   }
 
   function act(fn: () => void) {
@@ -38,45 +56,50 @@
   }
 
   async function askAI() {
-    if (!provider || !searchValue.trim()) return;
-    
+    const scopedProvider = provider;
+    const prompt = searchValue.trim();
+    if (!scopedProvider || !prompt) return;
+
+    cancelAIRequest();
+    const epoch = requestEpoch;
+    const controller = new AbortController();
+    abortController = controller;
     aiMode = true;
     isPredicting = true;
     aiResponse = '';
-    
-    if (abortController) abortController.abort();
-    abortController = new AbortController();
 
     try {
-      const result = provider.sendMessage(
-        [{ id: 'cmd', role: 'user', content: searchValue, timestamp: Date.now() }],
-        { signal: abortController.signal }
+      const result = scopedProvider.sendMessage(
+        [{ id: 'cmd', role: 'user', content: prompt, timestamp: Date.now() }],
+        { signal: controller.signal }
       );
 
       if (Symbol.asyncIterator in result) {
         for await (const chunk of result as AsyncIterable<string>) {
+          if (epoch !== requestEpoch) return;
           aiResponse += chunk;
         }
       } else {
-        aiResponse = await result;
+        const response = await result;
+        if (epoch === requestEpoch) aiResponse = response;
       }
     } catch (err: unknown) {
-      if (err instanceof Error && err.name !== 'AbortError') {
+      if (epoch === requestEpoch && err instanceof Error && err.name !== 'AbortError') {
         aiResponse = 'Failed to get response from AI.';
       }
     } finally {
-      isPredicting = false;
+      if (epoch === requestEpoch) {
+        isPredicting = false;
+        if (abortController === controller) abortController = null;
+      }
     }
   }
 
   function handleKeyDown(e: KeyboardEvent) {
     if (e.key === 'Enter' && searchValue.trim() && !aiMode) {
-      // If pressing enter on an active search, cmdk usually handles selection.
-      // But if there's no selection or we want to force AI, we can intercept.
-      // For simplicity, we trigger AI on Ctrl+Enter
       if (e.ctrlKey || e.metaKey) {
         e.preventDefault();
-        askAI();
+        void askAI();
       }
     }
   }
@@ -170,7 +193,7 @@
         <div class="p-2 border-t flex justify-end gap-2 bg-muted/10">
           <button 
             class="text-xs px-3 py-1.5 rounded-md hover:bg-muted transition-colors text-muted-foreground"
-            onclick={() => { aiMode = false; searchValue = ''; }}
+            onclick={clearAIConversation}
           >
             Clear & Return
           </button>

package/dist/components/AboutSettings.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
   import { useTranslation } from '@svadmin/core/i18n';
-  import { getResources, getDataProviderNames } from '@svadmin/core';
+  import { captureAdminContext } from '@svadmin/core';
   import { getResolvedTheme, getColorTheme } from '@svadmin/core';
   import * as Card from './ui/card/index.js';
   import { Badge } from './ui/badge/index.js';
   import { Info, Database, Globe, Palette, Layers } from '@lucide/svelte';
 
   const i18n = useTranslation();
+  const adminContext = captureAdminContext();
 
-  const resources = getResources();
-  const providerNames = getDataProviderNames();
+  const resources = $derived(adminContext.resources);
+  const providerNames = $derived(adminContext.getDataProviderNames());
 
   const version = '__SVADMIN_VERSION__'; // replaced at build time or shown as-is
 </script>

package/dist/components/AboutSettings.svelte.d.ts

@@ -1,18 +1,3 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const AboutSettings: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type AboutSettings = InstanceType<typeof AboutSettings>;
+declare const AboutSettings: import("svelte").Component<Record<string, never>, {}, "">;
+type AboutSettings = ReturnType<typeof AboutSettings>;
 export default AboutSettings;

package/dist/components/AdminApp.svelte

@@ -19,7 +19,26 @@
   // Auto-inject design tokens so consumers don't need to manually import
   import '../app.css';
   import { onDestroy, onMount, untrack, type Component, type Snippet } from 'svelte';
-  import type { DataProvider, AuthProvider, ResourceDefinition, ThemeMode, RouterProvider, ThemeConfig, MenuItem, TaskProvider, I18nProvider } from '@svadmin/core';
+  import type {
+    AccessControlProvider,
+    AgentProvider,
+    AuditLogProvider,
+    AuthProvider,
+    ChatProvider,
+    DataProviderInput,
+    I18nProvider,
+    LiveProvider,
+    MenuItem,
+    NotificationProvider,
+    ProviderBundle,
+    ResourceDefinition,
+    RouterProvider,
+    TaskProvider,
+    TenantAdapter,
+    TenantContext,
+    ThemeConfig,
+    ThemeMode,
+  } from '@svadmin/core';
   import {
     captureAdminContext,
     createHashRouterProvider,
@@ -55,12 +74,27 @@
   import { Badge } from './ui/badge/index.js';
   import { Skeleton } from './ui/skeleton/index.js';
   import { provideRouterState } from '../router-state.svelte.js';
+  import type { AdminProviderBundle } from '../types.js';
 
   interface Props {
-    dataProvider: DataProvider;
+    /** Single provider, or named providers such as `{ default, analytics }`. */
+    dataProvider?: DataProviderInput;
+    /** Core canonical provider bundle. Existing top-level props take precedence. */
+    providerBundle?: AdminProviderBundle;
+    /** Compatibility alias for providerBundle. */
+    providers?: AdminProviderBundle;
     authProvider?: AuthProvider;
+    accessControlProvider?: AccessControlProvider;
+    liveProvider?: LiveProvider;
+    auditLogProvider?: AuditLogProvider;
+    notificationProvider?: NotificationProvider;
+    chatProvider?: ChatProvider;
+    agentProvider?: AgentProvider;
     taskProvider?: TaskProvider;
     routerProvider?: RouterProvider;
+    tenantAdapter?: TenantAdapter;
+    /** Request/tree-scoped tenant. Tenant identifiers are never rendered by DevTools. */
+    tenant?: TenantContext;
     resources: ResourceDefinition[];
     /** Bindable tree-local locale; defaults to the provider locale or per-tree browser detection (English during SSR). */
     locale?: string;
@@ -102,9 +136,19 @@
 
   let {
     dataProvider,
+    providerBundle,
+    providers,
     authProvider,
+    accessControlProvider,
+    liveProvider,
+    auditLogProvider,
+    notificationProvider,
+    chatProvider,
+    agentProvider,
     taskProvider,
     routerProvider,
+    tenantAdapter,
+    tenant,
     resources,
     locale = $bindable(),
     i18nProvider,
@@ -134,10 +178,24 @@
     Skeleton: Skeleton as unknown as ComponentRegistry['Skeleton'],
   };
 
+  const resolvedProviderBundle = $derived(providerBundle ?? providers);
+  const resolvedDataProvider = $derived(dataProvider ?? resolvedProviderBundle?.dataProvider);
+  const resolvedAuthProvider = $derived(authProvider ?? resolvedProviderBundle?.authProvider ?? undefined);
+  const resolvedAccessControlProvider = $derived(accessControlProvider ?? resolvedProviderBundle?.accessControlProvider ?? undefined);
+  const resolvedLiveProvider = $derived(liveProvider ?? resolvedProviderBundle?.liveProvider);
+  const resolvedAuditLogProvider = $derived(auditLogProvider ?? resolvedProviderBundle?.auditLogProvider ?? undefined);
+  const resolvedNotificationProvider = $derived(notificationProvider ?? resolvedProviderBundle?.notificationProvider ?? undefined);
+  const resolvedChatProvider = $derived(chatProvider ?? resolvedProviderBundle?.chatProvider ?? undefined);
+  const resolvedAgentProvider = $derived(agentProvider ?? resolvedProviderBundle?.agentProvider ?? undefined);
+  const resolvedTaskProvider = $derived(taskProvider ?? resolvedProviderBundle?.taskProvider);
+  const resolvedRouterInput = $derived(routerProvider ?? resolvedProviderBundle?.routerProvider);
+  const resolvedTenantAdapter = $derived(tenantAdapter ?? resolvedProviderBundle?.tenantAdapter);
+  const resolvedI18nProvider = $derived(i18nProvider ?? resolvedProviderBundle?.i18nProvider);
+
   // Resolve router provider (default to hash)
   const mergedComponents = $derived.by((): ComponentRegistry => ({ ...defaultComponents, ...userComponents }));
-  const resolvedRouter = $derived(routerProvider ?? createHashRouterProvider());
-  const resolvedRouteMode = $derived(routeMode ?? (routerProvider ? 'auto' : 'hash'));
+  const resolvedRouter = $derived(resolvedRouterInput ?? createHashRouterProvider());
+  const resolvedRouteMode = $derived(routeMode ?? (resolvedRouterInput ? 'auto' : 'hash'));
 
   const routerState = provideRouterState(untrack(() => resolvedRouter));
   const scopedRouterProvider: RouterProvider = {
@@ -166,14 +224,14 @@
 
   const i18nScope = createI18nScope({
     locale: untrack(() => locale),
-    provider: untrack(() => i18nProvider),
+    provider: untrack(() => resolvedI18nProvider),
     onLocaleChange: updateBoundLocale,
   });
   provideI18nScope(i18nScope);
   const translation = useTranslation();
 
   $effect.pre(() => {
-    const ownerProvider = i18nProvider;
+    const ownerProvider = resolvedI18nProvider;
     const ownerLocale = locale;
     untrack(() => i18nScope.updateOwner({
       locale: ownerLocale,
@@ -210,11 +268,23 @@
   }
 
   provideAdminContext({
-    get dataProvider() { return dataProvider; },
-    get authProvider() { return authProvider ?? null; },
-    get taskProvider() { return taskProvider; },
+    get providerBundle() { return resolvedProviderBundle as ProviderBundle | undefined; },
+    get dataProvider() {
+      if (!resolvedDataProvider) throw new Error('AdminApp requires a DataProvider.');
+      return resolvedDataProvider;
+    },
+    get authProvider() { return resolvedAuthProvider ?? null; },
+    get accessControlProvider() { return resolvedAccessControlProvider ?? null; },
+    get liveProvider() { return resolvedLiveProvider; },
+    get auditLogProvider() { return resolvedAuditLogProvider ?? null; },
+    get notificationProvider() { return resolvedNotificationProvider ?? null; },
+    get chatProvider() { return resolvedChatProvider ?? null; },
+    get agentProvider() { return resolvedAgentProvider ?? null; },
+    get taskProvider() { return resolvedTaskProvider; },
     get resources() { return resources; },
     get routerProvider() { return scopedRouterProvider; },
+    get tenantAdapter() { return resolvedTenantAdapter; },
+    get tenant() { return tenant; },
   });
   const adminContext = captureAdminContext();
 
@@ -244,8 +314,8 @@
   });
 
   // Auth check
-  let isAuthenticated = $state(untrack(() => !authProvider));
-  let authChecked = $state(untrack(() => !authProvider));
+  let isAuthenticated = $state(untrack(() => !resolvedAuthProvider));
+  let authChecked = $state(untrack(() => !resolvedAuthProvider));
 
   async function navigateWithinApp(path: string) {
     await adminContext.navigate(path);
@@ -263,7 +333,7 @@
     // Explicitly track route so auth is re-checked on navigation
     const _route = route;
 
-    if (!authProvider) {
+    if (!resolvedAuthProvider) {
       if (!cancelled) {
         isAuthenticated = true;
         authChecked = true;
@@ -271,7 +341,7 @@
       return;
     }
     authChecked = false;
-    authProvider.check().then(result => {
+    resolvedAuthProvider.check().then(result => {
       if (cancelled) return;
       isAuthenticated = result.authenticated;
       authChecked = true;
@@ -293,7 +363,9 @@
 </script>
 
 <QueryClientProvider client={queryClient}>
-  {#if !authChecked}
+  {#if !resolvedDataProvider}
+    <ConfigErrorScreen title="{title} — DataProvider is required" />
+  {:else if !authChecked}
     <div class="flex h-screen items-center justify-center">
       <div class="space-y-4 text-center">
         <div class="h-8 w-8 animate-spin rounded-full border-4 border-muted border-t-primary mx-auto"></div>
@@ -302,7 +374,7 @@
     </div>
   {:else if route === '/login' && loginPage}
     {@render loginPage()}
-  {:else if route === '/login' && authProvider}
+  {:else if route === '/login' && resolvedAuthProvider}
     <LoginPage
       {title}
       defaultIdentifier={loginDefaults?.identifier}
@@ -310,15 +382,15 @@
       loginHint={loginDefaults?.hint}
       onSuccess={() => { isAuthenticated = true; void navigateWithinApp('/'); }}
     />
-  {:else if route === '/register' && authProvider?.register}
+  {:else if route === '/register' && resolvedAuthProvider?.register}
     <RegisterPage {title} />
-  {:else if route === '/forgot-password' && authProvider?.forgotPassword}
+  {:else if route === '/forgot-password' && resolvedAuthProvider?.forgotPassword}
     <ForgotPasswordPage {title} />
-  {:else if route === '/update-password' && authProvider?.updatePassword}
+  {:else if route === '/update-password' && resolvedAuthProvider?.updatePassword}
     <UpdatePasswordPage {title} />
   {:else if route === '/login' || route === '/register' || route === '/forgot-password' || route === '/update-password'}
     <ConfigErrorScreen title="{title} — {translation.t('common.configRequired')}" />
-  {:else if (isAuthenticated || !authProvider) && isStandaloneTwoFactor}
+  {:else if (isAuthenticated || !resolvedAuthProvider) && isStandaloneTwoFactor}
     <SystemPageShell {title}>
       <LazyPage loader={loadTwoFactorAuthPage} props={{}} />
     </SystemPageShell>
@@ -327,7 +399,7 @@
       {@const ErrorComp = mergedComponents.ErrorPage || ErrorPage}
       <ErrorComp status={standaloneErrorStatus} />
     </SystemPageShell>
-  {:else if isAuthenticated || !authProvider}
+  {:else if isAuthenticated || !resolvedAuthProvider}
     <Layout {title} {menu} {siteUrl} routeMode={resolvedRouteMode}>
       {#key route + (params.resource ?? '') + (params.id ?? '') + (params.variant ?? '') + (params.columns ?? '')}
       <div class="svadmin-page-enter">

package/dist/components/AdminApp.svelte.d.ts

@@ -1,13 +1,28 @@
 import '../app.css';
 import { type Component, type Snippet } from 'svelte';
-import type { DataProvider, AuthProvider, ResourceDefinition, ThemeMode, RouterProvider, ThemeConfig, MenuItem, TaskProvider, I18nProvider } from '@svadmin/core';
+import type { AccessControlProvider, AgentProvider, AuditLogProvider, AuthProvider, ChatProvider, DataProviderInput, I18nProvider, LiveProvider, MenuItem, NotificationProvider, ResourceDefinition, RouterProvider, TaskProvider, TenantAdapter, TenantContext, ThemeConfig, ThemeMode } from '@svadmin/core';
 import { QueryClient, type DefaultOptions } from '@tanstack/svelte-query';
 import { type ComponentRegistry } from '../component-registry.svelte.js';
+import type { AdminProviderBundle } from '../types.js';
 interface Props {
-    dataProvider: DataProvider;
+    /** Single provider, or named providers such as `{ default, analytics }`. */
+    dataProvider?: DataProviderInput;
+    /** Core canonical provider bundle. Existing top-level props take precedence. */
+    providerBundle?: AdminProviderBundle;
+    /** Compatibility alias for providerBundle. */
+    providers?: AdminProviderBundle;
     authProvider?: AuthProvider;
+    accessControlProvider?: AccessControlProvider;
+    liveProvider?: LiveProvider;
+    auditLogProvider?: AuditLogProvider;
+    notificationProvider?: NotificationProvider;
+    chatProvider?: ChatProvider;
+    agentProvider?: AgentProvider;
     taskProvider?: TaskProvider;
     routerProvider?: RouterProvider;
+    tenantAdapter?: TenantAdapter;
+    /** Request/tree-scoped tenant. Tenant identifiers are never rendered by DevTools. */
+    tenant?: TenantContext;
     resources: ResourceDefinition[];
     /** Bindable tree-local locale; defaults to the provider locale or per-tree browser detection (English during SSR). */
     locale?: string;

package/dist/components/AuditLogDrawer.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
-  import { getAuditLogProvider, useTranslation } from '@svadmin/core';
+  import { captureAdminContext, useTranslation } from '@svadmin/core';
 
-  import type { AuditEntry } from '@svadmin/core';
+  import type { AuditEntry, AuditLogProvider } from '@svadmin/core';
   import * as Sheet from './ui/sheet/index.js';
   import { History, Loader2 } from '@lucide/svelte';
 
   const i18n = useTranslation();
+  const adminContext = captureAdminContext();
 
   let { open = $bindable(false), resource, recordId } = $props<{
     open: boolean;
@@ -15,25 +16,53 @@
 
   let logs = $state<AuditEntry[]>([]);
   let isLoading = $state(false);
+  let requestEpoch = 0;
 
   $effect(() => {
-    if (open) {
-      const provider = getAuditLogProvider();
-      if (provider) {
-        isLoading = true;
-        provider.get({ resource, meta: recordId ? { recordId } : undefined })
-          .then((data) => {
-            logs = data;
-            isLoading = false;
-          })
-          .catch((err) => {
-            console.error('[svadmin] Failed to fetch audit logs', err);
-            isLoading = false;
-          });
-      }
+    const scopedProvider = adminContext.auditLogProvider;
+    const scopedResource = resource;
+    const scopedRecordId = recordId;
+    const shouldLoad = open;
+    const providerMeta = adminContext.getProviderMeta(
+      scopedResource,
+      scopedRecordId == null ? undefined : { recordId: scopedRecordId },
+    );
+
+    clearAuditScope();
+    if (shouldLoad && scopedProvider) {
+      void loadAuditLogs(scopedProvider, scopedResource, providerMeta);
     }
+
+    return cancelAuditRequest;
   });
 
+  function cancelAuditRequest() {
+    requestEpoch += 1;
+  }
+
+  function clearAuditScope() {
+    cancelAuditRequest();
+    logs = [];
+    isLoading = false;
+  }
+
+  async function loadAuditLogs(
+    scopedProvider: AuditLogProvider,
+    scopedResource: string,
+    providerMeta: Record<string, unknown> | undefined,
+  ) {
+    const epoch = requestEpoch;
+    isLoading = true;
+    try {
+      const entries = await scopedProvider.get({ resource: scopedResource, meta: providerMeta });
+      if (epoch === requestEpoch) logs = entries;
+    } catch (error) {
+      if (epoch === requestEpoch) console.error('[svadmin] Failed to fetch audit logs', error);
+    } finally {
+      if (epoch === requestEpoch) isLoading = false;
+    }
+  }
+
   // Action semantic color mapping
   function getActionColor(action: string) {
     switch (action) {

package/dist/components/AuditLogViewer.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
   import { useTranslation } from '@svadmin/core/i18n';
 
-  import { getAuthProvider } from '@svadmin/core';
-  import type { AuditLog } from '@svadmin/core';
+  import { captureAdminContext } from '@svadmin/core';
+  import type { AuditLog, AuthProvider } from '@svadmin/core';
   import { toast } from '@svadmin/core/toast';
   import * as Table from './ui/table/index.js';
   import { Badge } from './ui/badge/index.js';
@@ -11,8 +11,8 @@
   import { Loader2, ChevronLeft, ChevronRight, Search, FileSearch, Eye, X } from '@lucide/svelte';
 
   const i18n = useTranslation();
-
-  const authProvider = getAuthProvider({ optional: true });
+  const adminContext = captureAdminContext();
+  const authProvider = $derived(adminContext.authProvider);
 
   let logs = $state<AuditLog[]>([]);
   let total = $state(0);
@@ -28,17 +28,31 @@
 
   let requestId = 0;
 
-  async function loadLogs() {
-    if (!authProvider?.getAuditLogs) {
+  function closeSnapshot() {
+    drawerOpen = false;
+    drawerLog = null;
+  }
+
+  $effect(() => {
+    void authProvider;
+    void adminContext.tenantCacheKey?.__svadminTenant;
+    closeSnapshot();
+  });
+
+  async function loadLogs(scopedAuthProvider: AuthProvider | null, scopedPage: number) {
+    const currentId = ++requestId;
+    logs = [];
+    total = 0;
+    loading = true;
+    error = null;
+
+    if (!scopedAuthProvider?.getAuditLogs) {
       error = i18n.t('settings.auditNotSupported') ?? 'Audit logs are not supported by the current AuthProvider';
       loading = false;
       return;
     }
-    const currentId = ++requestId;
-    loading = true;
-    error = null;
     try {
-      const result = await authProvider.getAuditLogs({ page, pageSize });
+      const result = await scopedAuthProvider.getAuditLogs({ page: scopedPage, pageSize });
       if (currentId !== requestId) return;
       logs = result.data;
       total = result.total;
@@ -51,8 +65,12 @@
   }
 
   $effect(() => {
-    void page;
-    loadLogs();
+    void adminContext.tenantCacheKey?.__svadminTenant;
+    void loadLogs(authProvider, page);
+
+    return () => {
+      requestId += 1;
+    };
   });
 
   let totalPages = $derived(Math.ceil(total / pageSize) || 1);
@@ -193,7 +211,7 @@
 {#if drawerOpen && drawerLog}
   <!-- svelte-ignore a11y_no_static_element_interactions -->
   <!-- svelte-ignore a11y_click_events_have_key_events -->
-  <div class="fixed inset-0 z-[100] flex justify-end bg-black/40 backdrop-blur-sm" onclick={() => drawerOpen = false}>
+  <div class="fixed inset-0 z-[100] flex justify-end bg-black/40 backdrop-blur-sm" onclick={closeSnapshot}>
     <!-- svelte-ignore a11y_no_static_element_interactions -->
     <!-- svelte-ignore a11y_click_events_have_key_events -->
     <div class="bg-card shadow-2xl w-full max-w-2xl h-full flex flex-col animate-in slide-in-from-right duration-300" onclick={(e) => e.stopPropagation()}>
@@ -206,7 +224,7 @@
           </h2>
           <p class="text-xs text-muted-foreground mt-1">{formatDate(drawerLog.createdAt)} · {drawerLog.userName ?? drawerLog.userId}</p>
         </div>
-        <button onclick={() => drawerOpen = false} class="text-muted-foreground hover:text-foreground transition p-2 rounded-lg hover:bg-muted">
+        <button onclick={closeSnapshot} class="text-muted-foreground hover:text-foreground transition p-2 rounded-lg hover:bg-muted">
           <X class="w-5 h-5" />
         </button>
       </div>

package/dist/components/AutoTable.svelte

@@ -34,7 +34,7 @@
     cell_getValue,
   } from '@tanstack/table-core/static-functions';
 
-  import { captureAdminContext, useList, useDelete, useDeleteMany, getResource, notify } from '@svadmin/core';
+  import { captureAdminContext, useList, useDelete, useDeleteMany, getResource, notifyWithProvider } from '@svadmin/core';
   import type {
     BaseRecord,
     FieldDefinition,
@@ -43,7 +43,7 @@
     Pagination as PaginationState,
     Sort,
   } from '@svadmin/core';
-  import { useCan, getAccessControlProvider } from '@svadmin/core';
+  import { useCan } from '@svadmin/core';
   import { readURLState, writeURLState } from '@svadmin/core';
   import { useTranslation } from '@svadmin/core/i18n';
 
@@ -259,7 +259,7 @@
   const deleteManyMutation = deleteManyResult.mutation;
 
   // ─── Permissions ──────────────────────────────────────────────
-  const acEnabled = $derived(!!getAccessControlProvider());
+  const acEnabled = $derived(!!adminContext.accessControlProvider);
   const canCreatePerm = useCan(() => ({ resource: resourceName, action: 'create', queryOptions: { enabled: acEnabled } }));
   const canEditPerm = useCan(() => ({ resource: resourceName, action: 'edit', queryOptions: { enabled: acEnabled } }));
   const canDeletePerm = useCan(() => ({ resource: resourceName, action: 'delete', queryOptions: { enabled: acEnabled } }));
@@ -505,9 +505,15 @@
     confirmAction = async () => {
       try {
         await deleteManyMutation.mutateAsync({ ids, resource: resourceName });
-        notify({ type: 'success', message: i18n.t('common.batchDeleteSuccess', { count: ids.length }) });
+        notifyWithProvider(
+          { type: 'success', message: i18n.t('common.batchDeleteSuccess', { count: ids.length }) },
+          adminContext.notificationProvider,
+        );
       } catch {
-        notify({ type: 'error', message: i18n.t('common.batchDeletePartialFail', { failed: 1, total: ids.length }) });
+        notifyWithProvider(
+          { type: 'error', message: i18n.t('common.batchDeletePartialFail', { failed: 1, total: ids.length }) },
+          adminContext.notificationProvider,
+        );
       }
       rowSelectionAtom.set({});
       confirmOpen = false;