@svadmin/ui 0.30.2 → 0.31.1

package/dist/components/AdminApp.svelte

@@ -87,10 +87,19 @@
   const resolvedRouter = $derived(routerProvider ?? createHashRouterProvider());
   const resolvedRouteMode = $derived(routeMode ?? (routerProvider ? 'auto' : 'hash'));
 
+  // Set up initial context synchronously so children can access resources immediately during first render
+  setDataProvider(dataProvider);
+  setAuthProvider(authProvider);
+  setResources(resources);
+  setRouterProvider(resolvedRouter);
+  if (locale) setLocale(locale);
+  if (userThemeConfig) configureTheme(userThemeConfig);
+  if (defaultTheme) setTheme(defaultTheme);
+
   // Set up context — use $effect so prop changes are tracked
   $effect.pre(() => {
     setDataProvider(dataProvider);
-    if (authProvider) setAuthProvider(authProvider);
+    setAuthProvider(authProvider);
     setResources(resources);
     setRouterProvider(resolvedRouter);
     if (locale) setLocale(locale);
@@ -104,7 +113,8 @@
     },
   });
 
-  // Initialize router with provider
+  // Initialize router with provider synchronously
+  initRouter(resolvedRouter);
   $effect.pre(() => {
     initRouter(resolvedRouter);
   });

package/dist/components/AnimatedCounter.svelte

@@ -14,6 +14,7 @@
 
   let displayValue = $state('0');
   let prevTarget = 0;
+  let currentRaf: number | null = null;
 
   $effect(() => {
     const target = typeof value === 'number' ? value : parseInt(value, 10);
@@ -35,11 +36,16 @@
       displayValue = current.toLocaleString();
 
       if (progress < 1) {
-        requestAnimationFrame(tick);
+        currentRaf = requestAnimationFrame(tick);
       }
     }
 
-    requestAnimationFrame(tick);
+    if (currentRaf) cancelAnimationFrame(currentRaf);
+    currentRaf = requestAnimationFrame(tick);
+
+    return () => {
+      if (currentRaf) cancelAnimationFrame(currentRaf);
+    };
   });
 </script>
 

package/dist/components/AnomalyBadge.svelte

@@ -27,7 +27,11 @@
   }: Props = $props();
 
   // Calculate percentage difference
-  const diff = $derived(baseline === 0 ? 0 : (value - baseline) / Math.abs(baseline));
+  const diff = $derived(
+    baseline === 0 
+      ? (value === 0 ? 0 : (value > 0 ? Infinity : -Infinity))
+      : (value - baseline) / Math.abs(baseline)
+  );
   const isAnomaly = $derived(Math.abs(diff) >= threshold);
   
   // Determine sentiment (good, bad, neutral)

package/dist/components/AutoTable.svelte

@@ -9,7 +9,7 @@
     type ColumnVisibilityState,
     type ExpandedState,
   } from '@tanstack/svelte-table';
-  import { createCoreRowModel } from '@tanstack/table-core';
+  import { getCoreRowModel } from '@tanstack/table-core';
 
   import { useList, useDelete, getResource } from '@svadmin/core';
   import type { Pagination as PaginationState, Sort, Filter, FieldDefinition } from '@svadmin/core';
@@ -265,7 +265,7 @@
   const tbl = createTable({
     get data() { return query.data?.data ?? []; },
     get columns() { return columns; },
-    getCoreRowModel: createCoreRowModel(),
+    getCoreRowModel: getCoreRowModel(),
     manualPagination: true,
     manualSorting: true,
     getRowId: (row: any) => String(row[primaryKey]),

package/dist/components/Breadcrumbs.svelte

@@ -26,9 +26,6 @@
        if (resourceNames.includes(seg)) {
           const res = resources.find(r => r.name === seg)!;
           result.push({ label: res.label, href: formatLink(currentPath) });
-       } else if (i > 0 && resourceNames.includes(segments[i-1])) {
-          // This is a parent ID (e.g. /teams/123/users)
-          result.push({ label: `#${seg}`, href: formatLink(currentPath) });
        } else if (seg === 'create') {
           result.push({ label: t('common.create') ?? 'Create', href: formatLink(currentPath) });
        } else if (['edit', 'show', 'clone'].includes(seg) && segments[i+1]) {
@@ -39,6 +36,9 @@
           currentPath += `/${id}`; // advance path by id
           result.push({ label: `${actionLabel} #${id}`, href: formatLink(currentPath) });
           i++; // skip next segment since we consumed the id
+       } else if (i > 0 && resourceNames.includes(segments[i-1])) {
+          // This is a parent ID (e.g. /teams/123/users) and we are not an action
+          result.push({ label: `#${seg}`, href: formatLink(currentPath) });
        }
     }
 

package/dist/components/ChatDialog.svelte

@@ -53,6 +53,19 @@
     });
   });
 
+  // ─── Listen for cross-component triggers ─────────────────────
+  $effect(() => {
+    if (typeof window === 'undefined') return;
+    const handler = (e: CustomEvent<string>) => {
+      open = true;
+      minimized = false;
+      inputValue = e.detail;
+      sendMessage();
+    };
+    window.addEventListener('svadmin:ask-ai', handler as EventListener);
+    return () => window.removeEventListener('svadmin:ask-ai', handler as EventListener);
+  });
+
   // ─── Restore persisted history on mount ─────────────────────
   $effect(() => {
     if (initialized) return;
@@ -142,6 +155,12 @@
 
     messages = [...messages, userMsg];
     inputValue = '';
+    doSend();
+  }
+
+  async function doSend() {
+    if (isStreaming || (!provider && !agent)) return;
+    
     scrollToBottom();
 
     // Create placeholder assistant message
@@ -200,6 +219,16 @@
               // Register in the core approval system
               const reqId = event.id;
               pendingApprovalIds = [...pendingApprovalIds, reqId];
+              
+              registerApproval(reqId, (approved) => {
+                messages = [...messages, {
+                  id: genId(),
+                  role: 'user',
+                  content: approved ? `User approved execution of tool '${event.tool}'` : `User rejected execution of tool '${event.tool}'`,
+                  timestamp: Date.now()
+                }];
+                doSend();
+              });
 
               collectedActions.push(
                 {
@@ -319,9 +348,18 @@
     }
   }
 
+  function escapeHtml(unsafe: string) {
+    return unsafe
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/'/g, "&#039;");
+  }
+
   /** Simple markdown→html: bold, italic, code blocks, inline code, line breaks */
   function renderMarkdown(text: string): string {
-    return text
+    return escapeHtml(text)
       .replace(/```(\w*)\n([\s\S]*?)```/g, '<pre class="chat-code-block"><code>$2</code></pre>')
       .replace(/`([^`]+)`/g, '<code class="chat-inline-code">$1</code>')
       .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')

package/dist/components/CommandPalette.svelte

@@ -71,7 +71,7 @@
         {#if hasAI && searchValue.trim()}
           <Command.Group heading="AI">
             <Command.Item
-              value="ask-ai-{searchValue}"
+              value={"ask-ai-" + searchValue}
               onSelect={askAI}
               class={itemClass}
             >
@@ -111,7 +111,7 @@
         <Command.Group heading={t('common.actions')}>
           {#each resources as r}
             <Command.Item
-              value="create-{r.name}"
+              value={"create-" + r.name}
               onSelect={() => act(() => navigate(`/${r.name}/create`))}
               class={itemClass}
             >

package/dist/components/DraggableHeader.svelte

@@ -29,10 +29,9 @@
   let dragIndex = $state<number | null>(null);
   let dropIndex = $state<number | null>(null);
 
-  // Restore saved order from localStorage (once on mount)
   let _restored = false;
   $effect(() => {
-    if (_restored) return;
+    if (_restored || columns.length === 0) return;
     const storageKey = `svadmin-colorder-${resourceName}`;
     if (typeof window === 'undefined') return;
     _restored = true;

package/dist/components/Header.svelte

@@ -27,7 +27,7 @@
   }>();
 
   // Retrieve optional component overrides from registry
-  const registry = getComponentRegistry();
+  const registry = getComponentRegistry() || {} as any;
   const CustomBreadcrumbs = registry.Breadcrumbs;
   const CustomThemeToggle = registry.ThemeToggle;
   const CustomUserMenu = registry.UserMenu;

package/dist/components/Layout.svelte

@@ -12,7 +12,7 @@
   import { getAuthProvider } from '@svadmin/core';
   import type { Identity, MenuItem } from '@svadmin/core';
   import { navigate } from '@svadmin/core/router';
-  import { currentPath } from '@svadmin/core/router';
+  import { getPath } from '../router-state.svelte.js';
   import { Skeleton } from './ui/skeleton/index.js';
   import { Button } from './ui/button/index.js';
   import * as Sheet from './ui/sheet/index.js';
@@ -150,7 +150,7 @@
 
       <!-- Content area -->
       <main class="flex-1 overflow-y-auto p-6 md:p-8">
-        {#key currentPath()}
+        {#key getPath()}
           <div in:fly={{ x: 20, duration: 150 }} out:fade={{ duration: 80 }}>
             {@render children()}
           </div>
@@ -158,7 +158,14 @@
       </main>
     </div>
   </div>
-  <CommandPalette bind:open={commandOpen} />
+  <CommandPalette 
+    bind:open={commandOpen} 
+    onAskAI={(q) => {
+      if (typeof window !== 'undefined') {
+        window.dispatchEvent(new CustomEvent('svadmin:ask-ai', { detail: q }));
+      }
+    }}
+  />
   <KeyboardShortcuts bind:open={shortcutsOpen} />
   <ChatDialog />
   <Toast />

package/dist/components/LiveIndicator.svelte

@@ -23,9 +23,15 @@
   type StatusKey = 'connected' | 'connecting' | 'disconnected';
   const cfg = $derived(statusConfigs[status as StatusKey]);
 
+  let now = $state(Date.now());
+  $effect(() => {
+    const itv = setInterval(() => { now = Date.now(); }, 1000);
+    return () => clearInterval(itv);
+  });
+
   const timeSinceEvent = $derived(
     lastEvent?.timestamp
-      ? Math.floor((Date.now() - lastEvent.timestamp) / 1000)
+      ? Math.floor((now - lastEvent.timestamp) / 1000)
       : null
   );
 </script>

package/dist/components/SmartSuggest.svelte

@@ -49,10 +49,20 @@
     return '';
   });
 
+  import { getChatProvider } from '@svadmin/core';
+
   const suffixText = $derived(ghostText ? ghostText.slice(value.length) : '');
 
+  const resolvedProvider = $derived(provider ?? (() => {
+    try {
+      return getChatProvider();
+    } catch {
+      return null;
+    }
+  })());
+
   async function predict() {
-    if (!provider || !value.trim()) {
+    if (!resolvedProvider || !value.trim()) {
       suggestion = '';
       return;
     }
@@ -70,7 +80,7 @@ Provide ONLY the most likely completion of the exact phrase the user is typing.
 Include the user's input in your returned string. 
 Do not include any other text, Markdown formatting, quotes, or explanations.`;
 
-      const result = provider.sendMessage(
+      const result = resolvedProvider.sendMessage(
         [{ id: 'prompt', role: 'user', content: prompt, timestamp: Date.now() }],
         { signal: abortController.signal }
       );

package/dist/components/StepsForm.svelte

@@ -67,12 +67,12 @@
   });
 
   const totalSteps = $derived(steps.length);
-  const progressValue = $derived(((form.currentStep + 1) / totalSteps) * 100);
-  const isLastStep = $derived(form.currentStep >= totalSteps - 1);
+  const progressValue = $derived(((form.steps.currentStep + 1) / totalSteps) * 100);
+  const isLastStep = $derived(form.steps.currentStep >= totalSteps - 1);
 
   // Fields for the current step
   const currentFields = $derived(
-    steps[form.currentStep]?.fields
+    steps[form.steps.currentStep]?.fields
       .map(key => resource.fields.find(f => f.key === key))
       .filter((f): f is FieldDefinition => f != null && f.key !== primaryKey) ?? []
   );
@@ -81,15 +81,11 @@
   function validateCurrentStep(): boolean {
     let valid = true;
     form.clearErrors();
-    for (const field of currentFields) {
-      const value = form.values[field.key];
-      if (field.required && (value === undefined || value === null || value === '')) {
-        form.setFieldError(field.key, t('validation.required'));
-        valid = false;
-      } else if (field.validate) {
-        const msg = field.validate(value);
-        if (msg) {
-          form.setFieldError(field.key, msg);
+    const errors = validator(form.values);
+    if (errors) {
+      for (const field of currentFields) {
+        if (errors[field.key]) {
+          form.setFieldError(field.key, errors[field.key]);
           valid = false;
         }
       }
@@ -101,7 +97,7 @@
     if (!validateCurrentStep()) return;
 
     if (!isLastStep) {
-      form.next();
+      form.steps.nextStep();
       return;
     }
 
@@ -118,17 +114,17 @@
         <Button
           variant="ghost"
           type="button"
-          class="flex items-center gap-2 transition-colors h-auto py-1 px-2 {i === form.currentStep ? 'text-primary font-semibold' : 'text-muted-foreground'}"
-          onclick={() => form.gotoStep(i)}
+          class="flex items-center gap-2 transition-colors h-auto py-1 px-2 {i === form.steps.currentStep ? 'text-primary font-semibold' : 'text-muted-foreground'}"
+          onclick={() => form.steps.gotoStep(i)}
         >
           <span
             class="flex h-7 w-7 items-center justify-center rounded-full text-xs font-medium transition-colors"
-            class:bg-primary={i <= form.currentStep}
-            class:text-primary-foreground={i <= form.currentStep}
-            class:bg-muted={i > form.currentStep}
-            class:text-muted-foreground={i > form.currentStep}
+            class:bg-primary={i <= form.steps.currentStep}
+            class:text-primary-foreground={i <= form.steps.currentStep}
+            class:bg-muted={i > form.steps.currentStep}
+            class:text-muted-foreground={i > form.steps.currentStep}
           >
-            {#if i < form.currentStep}
+            {#if i < form.steps.currentStep}
               <Check class="h-3.5 w-3.5" />
             {:else}
               {i + 1}
@@ -137,7 +133,7 @@
           <span class="hidden sm:inline">{step.title}</span>
         </Button>
         {#if i < steps.length - 1}
-          <div class="flex-1 mx-2 h-px bg-border" class:bg-primary={i < form.currentStep}></div>
+          <div class="flex-1 mx-2 h-px bg-border" class:bg-primary={i < form.steps.currentStep}></div>
         {/if}
       {/each}
     </div>
@@ -147,13 +143,13 @@
   <!-- Step content -->
   <Card.Root>
     <Card.CardHeader>
-      <Card.CardTitle>{steps[form.currentStep]?.title ?? ''}</Card.CardTitle>
+      <Card.CardTitle>{steps[form.steps.currentStep]?.title ?? ''}</Card.CardTitle>
       <Badge variant="outline" class="w-fit">
-        {t('common.step')} {form.currentStep + 1} / {totalSteps}
+        {t('common.step')} {form.steps.currentStep + 1} / {totalSteps}
       </Badge>
     </Card.CardHeader>
     <Card.CardContent>
-      {#key form.currentStep}
+      {#key form.steps.currentStep}
         <form class="space-y-5" onsubmit={(e) => { e.preventDefault(); handleSubmit(); }} in:fly={{ x: 30, duration: 250 }}>
         {#each currentFields as field (field.key)}
           <FieldRenderer
@@ -170,10 +166,10 @@
           <Button
             type="button"
             variant="outline"
-            onclick={() => form.currentStep === 0 ? navigate(`/${resourceName}`) : form.prev()}
+            onclick={() => form.steps.currentStep === 0 ? navigate(`/${resourceName}`) : form.steps.prevStep()}
           >
             <ArrowLeft class="h-4 w-4" data-icon="inline-start" />
-            {form.currentStep === 0 ? t('common.cancel') : t('common.back')}
+            {form.steps.currentStep === 0 ? t('common.cancel') : t('common.back')}
           </Button>
 
           <Button type="submit" disabled={form.submitting}>

package/dist/components/VirtualTable.svelte

@@ -66,11 +66,13 @@
   style="height: {containerHeight}px;"
   onscroll={handleScroll}
 >
-  <div style="position: relative; height: {totalHeight}px; width: 100%;">
-    {#each visibleItems as { item, index, offsetY } (index)}
-      <div style="position: absolute; top: {offsetY}px; left: 0; right: 0; height: {rowHeight}px;">
+  <table class="w-full relative" style="border-spacing: 0;">
+    <tbody style="display: block;">
+      <tr style="height: {visibleRange.start * rowHeight}px; border: none; padding: 0; display: block;"></tr>
+      {#each visibleItems as { item, index } (index)}
         {@render row(item, index)}
-      </div>
-    {/each}
-  </div>
+      {/each}
+      <tr style="height: {Math.max(0, (items.length - visibleRange.end - 1) * rowHeight)}px; border: none; padding: 0; display: block;"></tr>
+    </tbody>
+  </table>
 </div>

package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { cn, type WithElementRef } from "../../../utils.js";
 	import type { HTMLButtonAttributes } from "svelte/elements";
+	import { getContext } from "svelte";
 
 	type Props = WithElementRef<HTMLButtonAttributes, HTMLButtonElement>;
 
@@ -11,16 +12,25 @@
 		child,
 		...restProps
 	}: Props & { child?: import("svelte").Snippet<[{ props: Record<string, unknown> }]> } = $props();
+
+	const toggle = getContext<() => void>("svadmin-dropdown-toggle");
+
+	function handleClick(e: MouseEvent) {
+		e.stopPropagation();
+		toggle?.();
+		restProps.onclick?.(e as any);
+	}
 </script>
 
 {#if child}
-	{@render child({ props: { ...restProps, class: cn(className), "data-slot": "dropdown-menu-trigger" } })}
+	{@render child({ props: { ...restProps, class: cn(className), "data-slot": "dropdown-menu-trigger", onclick: handleClick } })}
 {:else}
 	<button
 		bind:this={ref}
 		data-slot="dropdown-menu-trigger"
 		class={cn(className)}
 		{...restProps}
+		onclick={handleClick}
 	>
 		{@render children?.()}
 	</button>

package/dist/components/ui/dropdown-menu/dropdown-menu.svelte

@@ -26,6 +26,10 @@
 	}
 
 	setContext("svadmin-dropdown-open", () => open);
+	setContext("svadmin-dropdown-toggle", () => {
+		open = !open;
+		onOpenChange?.(open);
+	});
 
 	$effect(() => {
 		if (open) {

package/dist/router-state.svelte.js

@@ -43,11 +43,13 @@ function sync() {
     }
 }
 export function initRouter(provider) {
-    if (_initialized)
-        return;
-    _initialized = true;
     _provider = provider;
     setActiveRouterProvider(provider);
+    if (_initialized) {
+        sync(); // Re-sync manually since provider might have switched format/URLs
+        return;
+    }
+    _initialized = true;
     sync();
     if (typeof window !== 'undefined') {
         window.addEventListener('hashchange', sync);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.30.2",
+  "version": "0.31.1",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -9,22 +9,23 @@
   "files": [
     "dist"
   ],
-  "main": "src/index.ts",
-  "types": "src/index.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "svelte": "./src/index.ts",
-      "default": "./src/index.ts"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js",
+      "svelte": "./dist/index.js"
     },
     "./app.css": {
-      "style": "./src/app.css",
-      "default": "./src/app.css"
+      "style": "./dist/app.css",
+      "default": "./dist/app.css",
+      "svelte": "./dist/app.css"
     },
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.21.2",
+    "@svadmin/core": "^0.22.1",
     "@tanstack/svelte-query": "^6.0.0",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^3.7.1",
@@ -51,8 +52,7 @@
   },
   "dependencies": {
     "@lucide/svelte": "^1.7.0",
-    "@tanstack/svelte-table": "9.0.0-alpha.32",
-    "@tanstack/table-core": "9.0.0-alpha.32",
+    "@tanstack/svelte-table": "^9.0.0-alpha.10",
     "bits-ui": "^2.17.1",
     "clsx": "^2.1.1",
     "cmdk-sv": "^0.0.19",
@@ -71,7 +71,9 @@
   "bugs": {
     "url": "https://github.com/zuohuadong/svadmin/issues"
   },
-  "devDependencies": {},
+  "devDependencies": {
+    "@tanstack/table-core": "8.21.3"
+  },
   "scripts": {
     "build": "svelte-package -i src -o dist"
   }

package/src/index.ts

@@ -1,155 +0,0 @@
-// @svadmin/ui — Pre-built admin UI components
-
-// Entry component
-export { default as AdminApp } from './components/AdminApp.svelte';
-
-// Admin components
-export { default as AutoTable } from './components/AutoTable.svelte';
-export { default as AutoForm } from './components/AutoForm.svelte';
-export { default as ShowPage } from './components/ShowPage.svelte';
-export { default as ConfirmDialog } from './components/ConfirmDialog.svelte';
-export { default as Sidebar } from './components/Sidebar.svelte';
-export { default as Layout } from './components/Layout.svelte';
-export { default as Header } from './components/Header.svelte';
-export { default as ErrorBoundary } from './components/ErrorBoundary.svelte';
-export { default as Toast } from './components/Toast.svelte';
-export { default as Breadcrumbs } from './components/Breadcrumbs.svelte';
-export { default as FieldRenderer } from './components/FieldRenderer.svelte';
-export { default as EmptyState } from './components/EmptyState.svelte';
-export { default as StatsCard } from './components/StatsCard.svelte';
-export { default as PageHeader } from './components/PageHeader.svelte';
-export { default as LoginPage } from './components/LoginPage.svelte';
-export { default as RegisterPage } from './components/RegisterPage.svelte';
-export { default as ForgotPasswordPage } from './components/ForgotPasswordPage.svelte';
-export { default as CanAccess } from './components/CanAccess.svelte';
-export { default as Can } from './components/CanAccess.svelte';
-export { default as UndoableNotification } from './components/UndoableNotification.svelte';
-export { default as ModalForm } from './components/ModalForm.svelte';
-export { default as DrawerForm } from './components/DrawerForm.svelte';
-export { default as DevTools } from './components/DevTools.svelte';
-export { default as Authenticated } from './components/Authenticated.svelte';
-export { default as UpdatePasswordPage } from './components/UpdatePasswordPage.svelte';
-export { default as ProfilePage } from './components/ProfilePage.svelte';
-export { default as ConfigErrorScreen } from './components/ConfigErrorScreen.svelte';
-export { default as InferencerPanel } from './components/InferencerPanel.svelte';
-export { default as LiveIndicator } from './components/LiveIndicator.svelte';
-export { default as ListPage } from './components/ListPage.svelte';
-export { default as CreatePage } from './components/CreatePage.svelte';
-export { default as EditPage } from './components/EditPage.svelte';
-export { default as AutoSaveIndicator } from './components/AutoSaveIndicator.svelte';
-export { default as ErrorComponent } from './components/ErrorComponent.svelte';
-export { default as PageSkeleton } from './components/PageSkeleton.svelte';
-export { default as NavigateToResource } from './components/NavigateToResource.svelte';
-export { default as CatchAllNavigate } from './components/CatchAllNavigate.svelte';
-export { default as ThemedTitle } from './components/ThemedTitle.svelte';
-export { default as CommandPalette } from './components/CommandPalette.svelte';
-export { default as StepsForm } from './components/StepsForm.svelte';
-export { default as InfiniteList } from './components/InfiniteList.svelte';
-export { default as ComboboxField } from './components/ComboboxField.svelte';
-export { default as PasswordInput } from './components/PasswordInput.svelte';
-export { default as ChatDialog } from "./components/ChatDialog.svelte";
-export { default as MarkdownRenderer } from "./components/MarkdownRenderer.svelte";
-export { default as SmartSuggest } from "./components/SmartSuggest.svelte";
-export { default as AICommandBar } from "./components/AICommandBar.svelte";
-export { default as CopilotPanel } from "./components/CopilotPanel.svelte";
-export { default as InsightCard } from "./components/InsightCard.svelte";
-export { default as AnomalyBadge } from "./components/AnomalyBadge.svelte";
-export { default as VoiceInput } from "./components/VoiceInput.svelte";
-export { default as AnimatedCounter } from "./components/AnimatedCounter.svelte";
-export { default as KeyboardShortcuts } from "./components/KeyboardShortcuts.svelte";
-export { default as InlineEdit } from "./components/InlineEdit.svelte";
-export { default as VirtualTable } from "./components/VirtualTable.svelte";
-export { default as DraggableHeader } from "./components/DraggableHeader.svelte";
-export { default as SettingsPage } from "./components/SettingsPage.svelte";
-
-// Editor Registry
-export { setRichTextEditor, getRichTextEditor } from "./editor-config.svelte.js";
-
-// Settings & Preferences
-export { default as AppearanceSettings } from "./components/AppearanceSettings.svelte";
-export { default as AboutSettings } from "./components/AboutSettings.svelte";
-export { default as PermissionMatrix } from "./components/PermissionMatrix.svelte";
-export type { RoleInfo, ResourceInfo, ActionInfo } from "./types.js";
-export { default as RolesSettings } from "./components/RolesSettings.svelte";
-export { default as AuditLogViewer } from "./components/AuditLogViewer.svelte";
-export { default as TenantSwitcher } from "./components/TenantSwitcher.svelte";
-export type { Tenant } from "./types.js";
-export { default as TaskQueueDrawer } from "./components/TaskQueueDrawer.svelte";
-export type { BackgroundTask, TaskStatus } from "./types.js";
-export { default as DraggableGrid } from "./components/DraggableGrid.svelte";
-export type { GridModule } from "./types.js";
-
-// Dashboard Charts (zero-dependency SVG)
-export { BarChart, LineChart, PieChart } from './components/charts/index.js';
-// Field display components
-export { default as NumberField } from './components/fields/NumberField.svelte';
-export { default as DateField } from './components/fields/DateField.svelte';
-export { default as EmailField } from './components/fields/EmailField.svelte';
-export { default as UrlField } from './components/fields/UrlField.svelte';
-export { default as BooleanField } from './components/fields/BooleanField.svelte';
-export { default as TagField } from './components/fields/TagField.svelte';
-export { default as FileField } from './components/fields/FileField.svelte';
-export { default as MarkdownField } from './components/fields/MarkdownField.svelte';
-export { default as TextField } from './components/fields/TextField.svelte';
-export { default as ImageField } from './components/fields/ImageField.svelte';
-export { default as SelectField } from './components/fields/SelectField.svelte';
-export { default as MultiSelectField } from './components/fields/MultiSelectField.svelte';
-export { default as RelationField } from './components/fields/RelationField.svelte';
-export { default as JsonField } from './components/fields/JsonField.svelte';
-export { default as RichTextField } from './components/fields/RichTextField.svelte';
-
-// Rich text editor (requires @svadmin/editor) as a direct import in consumer app
-
-// CRUD Buttons
-export {
-  CreateButton, EditButton, DeleteButton, ShowButton, ListButton,
-  RefreshButton, ExportButton, ImportButton, SaveButton, CloneButton,
-} from './components/buttons/index.js';
-
-// Base UI components (shadcn-svelte)
-export { Button, buttonVariants } from './components/ui/button/index.js';
-export { Input } from './components/ui/input/index.js';
-export { Textarea } from './components/ui/textarea/index.js';
-export { Select } from './components/ui/select/index.js';
-export { Switch } from './components/ui/switch/index.js';
-export { Checkbox } from './components/ui/checkbox/index.js';
-export { Badge } from './components/ui/badge/index.js';
-export { Separator } from './components/ui/separator/index.js';
-export { Avatar } from './components/ui/avatar/index.js';
-export { Skeleton } from './components/ui/skeleton/index.js';
-export * as Sheet from './components/ui/sheet/index.js';
-export * as Alert from './components/ui/alert/index.js';
-export * as Card from './components/ui/card/index.js';
-export * as Dialog from './components/ui/dialog/index.js';
-export * as Table from './components/ui/table/index.js';
-export * as Tabs from './components/ui/tabs/index.js';
-export * as Tooltip from './components/ui/tooltip/index.js';
-export * as DropdownMenu from './components/ui/dropdown-menu/index.js';
-
-// Additional shadcn components
-export * as Breadcrumb from './components/ui/breadcrumb/index.js';
-export * as Pagination from './components/ui/pagination/index.js';
-export * as ContextMenu from './components/ui/context-menu/index.js';
-
-export * as Collapsible from './components/ui/collapsible/index.js';
-export { Label } from './components/ui/label/index.js';
-export { Command } from './components/ui/command/index.js';
-
-// Utils
-export { cn } from './utils';
-
-// Component Registry (DI)
-export {
-  setComponentRegistry, getComponentRegistry, useComponent,
-  type ComponentRegistry,
-} from './component-registry.svelte';
-
-// Field component registry
-export {
-  builtinDisplayComponents, registerDisplayComponent,
-  getDisplayComponent, hasDisplayComponent,
-} from './components/fieldComponentMap';
-export type { FieldComponentMap } from './components/fieldComponentMap';
-
-// Svelte Actions
-export { clickOutside, shortcut, intersect, copyOnClick } from './actions';