@svadmin/ui 0.34.8 → 0.34.10

package/dist/component-registry.svelte.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Component Registry — Svelte Context-based DI for component injection.
  *

package/dist/components/AICommandBar.svelte

@@ -5,7 +5,7 @@
   import { toggleTheme } from '@svadmin/core';
   import { Command } from 'cmdk-sv';
   import * as Dialog from './ui/dialog/index.js';
-  import { Search, LayoutDashboard, Plus, Sun, FileText, Sparkles, Loader2, Send } from '@lucide/svelte';
+  import { Search, LayoutDashboard, Plus, Sun, FileText, Sparkles, Loader2 } from '@lucide/svelte';
   import MarkdownRenderer from './MarkdownRenderer.svelte';
 
   let { open = $bindable(false) } = $props<{ open?: boolean }>();
@@ -124,7 +124,7 @@
               <LayoutDashboard class="h-4 w-4 text-muted-foreground" />
               {t('common.home')}
             </Command.Item>
-            {#each resources as r}
+            {#each resources as r, _i (_i)}
               <Command.Item value={r.name} onSelect={() => act(() => navigate(`/${r.name}`))} class={itemClass}>
                 <FileText class="h-4 w-4 text-muted-foreground" />
                 {r.label}
@@ -136,7 +136,7 @@
 
           <!-- Actions -->
           <Command.Group heading={t('common.actions')}>
-            {#each resources as r}
+            {#each resources as r, _i (_i)}
               <Command.Item value={`create-${r.name}`} onSelect={() => act(() => navigate(`/${r.name}/create`))} class={itemClass}>
                 <Plus class="h-4 w-4 text-muted-foreground" />
                 {t('common.create')} {r.label}

package/dist/components/AboutSettings.svelte

@@ -46,7 +46,7 @@
     </Card.CardHeader>
     <Card.CardContent>
       <div class="flex flex-wrap gap-2">
-        {#each resources as resource}
+        {#each resources as resource, _i (_i)}
           <Badge variant="outline" class="font-mono text-xs">{resource.name}</Badge>
         {/each}
         {#if resources.length === 0}
@@ -66,7 +66,7 @@
     </Card.CardHeader>
     <Card.CardContent>
       <div class="flex flex-wrap gap-2">
-        {#each providerNames as name}
+        {#each providerNames as name, _i (_i)}
           <Badge variant="outline" class="font-mono text-xs">{name}</Badge>
         {/each}
       </div>

package/dist/components/AdminApp.svelte

@@ -3,12 +3,11 @@
   import '../app.css';
   import type { Snippet } from 'svelte';
   import type { DataProvider, AuthProvider, ResourceDefinition, ThemeMode, RouterProvider, ThemeConfig, MenuItem, TaskProvider } from '@svadmin/core';
-  import { setDataProvider, setAuthProvider, setResources, setLocale, setTheme, setRouterProvider, setTaskProvider, getAuthProvider, createHashRouterProvider, configureTheme } from '@svadmin/core';
+  import { setDataProvider, setAuthProvider, setResources, setLocale, setTheme, setRouterProvider, setTaskProvider, createHashRouterProvider, configureTheme } from '@svadmin/core';
   import { t } from '@svadmin/core/i18n';
   import { navigate } from '@svadmin/core/router';
-  import { currentPath } from '@svadmin/core/router';
   import { QueryClient, QueryClientProvider, type DefaultOptions } from '@tanstack/svelte-query';
-  import { setComponentRegistry, getComponentRegistry, type ComponentRegistry } from '../component-registry.svelte.js';
+  import { setComponentRegistry, type ComponentRegistry } from '../component-registry.svelte.js';
   import Layout from './Layout.svelte';
   import AutoTable from './AutoTable.svelte';
   import AutoForm from './AutoForm.svelte';

package/dist/components/AnomalyBadge.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Badge } from './ui/badge/index.js';
-  import { TrendingUp, TrendingDown, AlertTriangle } from '@lucide/svelte';
+  import { TrendingUp, TrendingDown } from '@lucide/svelte';
   import TooltipButton from './TooltipButton.svelte';
 
   interface Props {

package/dist/components/AppearanceSettings.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
   import { t } from '@svadmin/core/i18n';
-  import { getTheme, setTheme, getResolvedTheme, getColorThemes, getColorTheme, setColorTheme, getColorPresets } from '@svadmin/core';
+  import { getTheme, setTheme, getColorTheme, setColorTheme, getColorPresets } from '@svadmin/core';
   import { getLocale, setLocale, getAvailableLocales } from '@svadmin/core/i18n';
   import * as Card from './ui/card/index.js';
-  import { Button } from './ui/button/index.js';
   import { Sun, Moon, Monitor, Check } from '@lucide/svelte';
 
   // Theme mode
@@ -67,7 +66,7 @@
     </Card.CardHeader>
     <Card.CardContent>
       <div class="grid grid-cols-3 gap-3">
-        {#each themeOptions as opt}
+        {#each themeOptions as opt, _i (_i)}
           {@const active = currentTheme === opt.value}
           <button
             class="relative flex flex-col items-center gap-2 rounded-xl border-2 p-4 transition-all duration-200
@@ -101,7 +100,7 @@
     </Card.CardHeader>
     <Card.CardContent>
       <div class="flex flex-wrap gap-3">
-        {#each presets as preset}
+        {#each presets as preset, _i (_i)}
           {@const active = currentColor === preset.name}
           <button
             class="group relative h-9 w-9 rounded-full transition-all duration-200 hover:scale-110
@@ -137,7 +136,7 @@
           value={currentLocale}
           onchange={(e) => setLocale((e.target as HTMLSelectElement).value)}
         >
-          {#each availableLocales as loc}
+          {#each availableLocales as loc, _i (_i)}
             <option value={loc}>{localeNames[loc] ?? loc}</option>
           {/each}
         </select>
@@ -172,7 +171,7 @@
           <p class="text-sm font-medium text-foreground">{t('settings.defaultPageSize')}</p>
         </div>
         <div class="flex rounded-lg border border-input overflow-hidden">
-          {#each pageSizeOptions as size}
+          {#each pageSizeOptions as size, _i (_i)}
             <button
               class="px-3 py-1.5 text-xs font-mono font-medium transition-colors
                 {pageSize === size ? 'bg-primary text-primary-foreground' : 'bg-background text-muted-foreground hover:bg-accent'}"

package/dist/components/AuditLogDrawer.svelte

@@ -68,7 +68,7 @@
         </div>
       {:else}
         <div class="relative border-l border-border ml-3 pl-6 space-y-8">
-          {#each logs as log}
+          {#each logs as log, _i (_i)}
             <div class="relative">
               <span class="absolute -left-7 top-1 flex h-2 w-2 items-center justify-center rounded-full ring-4 ring-background {getActionColor(log.action)}"></span>
               <div class="flex flex-col gap-1.5">

package/dist/components/AuditLogViewer.svelte

@@ -130,7 +130,7 @@
               </Table.Row>
             </Table.Header>
             <Table.Body>
-              {#each filteredLogs as log}
+              {#each filteredLogs as log, _i (_i)}
                 <Table.Row class="border-0 even:bg-muted/20 hover:bg-muted/40 transition-colors">
                   <Table.Cell class="text-xs text-muted-foreground font-mono">
                     {formatDate(log.createdAt)}

package/dist/components/AutoForm.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable svelte/prefer-svelte-reactivity */
   import { useForm, getResource, deriveValidator } from '@svadmin/core';
   import { slide } from 'svelte/transition';
   import type { FieldDefinition } from '@svadmin/core';
@@ -49,9 +50,9 @@
     for (const f of formFields) {
       const g = f.group ?? '';
       if (!map.has(g)) { order.push(g); map.set(g, []); }
-      map.get(g)!.push(f);
+      (map.get(g) ?? []).push(f);
     }
-    return order.map(g => ({ name: g, fields: map.get(g)! }));
+    return order.map(g => ({ name: g, fields: map.get(g) ?? [] }));
   })());
 
   // ─── Default values from field metadata ───────────────────────────
@@ -161,7 +162,7 @@
   {#if form.loading}
     <div class="max-w-3xl space-y-6">
       <div class="rounded-lg shadow-sm ring-1 ring-border/10 p-6 space-y-5">
-        {#each Array(4) as _}
+        {#each Array(4) as _, _i (_i)}
           <div class="space-y-2">
             <Skeleton class="h-4 w-24" />
             <Skeleton class="h-10 w-full" />
@@ -181,7 +182,7 @@
       {/if}
 
       {#if hasGroups}
-        {#each groups as group}
+        {#each groups as group, _i (_i)}
           <Card.Root class="border-border/40 shadow-sm">
             {#if group.name}
               <Card.Header>

package/dist/components/AutoTable.svelte

@@ -10,6 +10,7 @@
     type ColumnVisibilityState,
     type ExpandedState,
   } from '@tanstack/svelte-table';
+  import type { Updater } from '@tanstack/table-core';
   import {
     column_getCanSort,
     column_getIsSorted,
@@ -24,11 +25,11 @@
     table_toggleAllRowsSelected,
     row_getIsSelected,
     row_toggleSelected,
-    row_getAllVisibleCells,
+    row_getVisibleCells,
     row_getIsExpanded,
     row_toggleExpanded,
     cell_getValue,
-  } from '@tanstack/svelte-table/static-functions';
+  } from '@tanstack/table-core/static-functions';
 
   import { useList, useDelete, useDeleteMany, getResource, notify } from '@svadmin/core';
   import type { Pagination as PaginationState, Sort, Filter, FieldDefinition } from '@svadmin/core';
@@ -107,7 +108,7 @@
   const initPageSize = untrack(() => resource.pageSize ?? (isNaN(storedPageSize) ? 10 : storedPageSize));
   const initDefaultSort = untrack(() => resource.defaultSort);
 
-  let pagination = $state<{ current: number; pageSize: number }>(untrack(() => externalPagination ?? {
+  let pagination = $state<PaginationState>(untrack(() => externalPagination ?? {
     current: urlState.page ?? 1,
     pageSize: urlState.pageSize ?? initPageSize,
   }));
@@ -173,6 +174,41 @@
     return result;
   });
 
+  function clonePlainValue(value: unknown): unknown {
+    if (Array.isArray(value)) return value.map(clonePlainValue);
+    if (value && typeof value === 'object') {
+      return Object.fromEntries(
+        Object.entries(value as Record<string, unknown>).map(([key, entry]) => [key, clonePlainValue(entry)])
+      );
+    }
+    return value;
+  }
+
+  function cloneFilter(filter: Filter): Filter {
+    if ('field' in filter) {
+      return {
+        field: filter.field,
+        operator: filter.operator,
+        value: clonePlainValue(filter.value),
+      };
+    }
+    return {
+      operator: filter.operator,
+      value: filter.value.map(cloneFilter),
+    };
+  }
+
+  const queryPagination = $derived<PaginationState>({
+    current: pagination.current,
+    pageSize: pagination.pageSize,
+    mode: pagination.mode,
+  });
+  const querySorters = $derived<Sort[]>(sorters.map(sorter => ({
+    field: sorter.field,
+    order: sorter.order,
+  })));
+  const queryFilters = $derived<Filter[]>(activeFilters.map(cloneFilter));
+
   $effect(() => {
     if (Object.values(filterValues).some(v => v.trim())) {
       pagination = { ...pagination, current: 1 };
@@ -182,9 +218,9 @@
   // ─── Data fetching ────────────────────────────────────────────
   const listResult = useList({
     get resource() { return resourceName; },
-    get pagination() { return pagination; },
-    get sorters() { return sorters; },
-    get filters() { return activeFilters; },
+    get pagination() { return queryPagination; },
+    get sorters() { return querySorters; },
+    get filters() { return queryFilters; },
   });
   const query = listResult;
   const deleteResult = useDelete({ get resource() { return resourceName; } });
@@ -227,6 +263,68 @@
   let expanded = $state.raw<ExpandedState>({});
   let columnOrder = $state<string[]>([]);
 
+  function applyTableUpdater<T>(current: T, updater: Updater<T>): T {
+    return typeof updater === 'function' ? (updater as (old: T) => T)(current) : updater;
+  }
+
+  const tableSorting = $derived<SortingState>(sorting.map(sorter => ({
+    id: sorter.id,
+    desc: sorter.desc,
+  })));
+  const tableColumnVisibility = $derived<ColumnVisibilityState>({ ...columnVisibility });
+  const tableRowSelection = $derived<RowSelectionState>({ ...rowSelection });
+  const tableExpanded = $derived<ExpandedState>(expanded === true ? true : { ...expanded });
+  const tableColumnOrder = $derived<string[]>([...columnOrder]);
+
+  const sortingAtom = {
+    get: () => tableSorting,
+    set: (updater: Updater<SortingState>) => {
+      const nextSorting = applyTableUpdater(tableSorting, updater);
+      sorting = nextSorting;
+
+      const nextSorters: Sort[] = nextSorting.map((s) => ({
+        field: s.id,
+        order: s.desc ? 'desc' as const : 'asc' as const,
+      }));
+
+      if (JSON.stringify(nextSorters) !== JSON.stringify(sorters)) {
+        sorters = nextSorters;
+      }
+
+      if ((pagination.current ?? 1) !== 1) {
+        pagination = { ...pagination, current: 1 };
+      }
+    },
+  };
+
+  const columnVisibilityAtom = {
+    get: () => tableColumnVisibility,
+    set: (updater: Updater<ColumnVisibilityState>) => {
+      columnVisibility = applyTableUpdater(tableColumnVisibility, updater);
+    },
+  };
+
+  const rowSelectionAtom = {
+    get: () => tableRowSelection,
+    set: (updater: Updater<RowSelectionState>) => {
+      rowSelection = applyTableUpdater(tableRowSelection, updater);
+    },
+  };
+
+  const expandedAtom = {
+    get: () => tableExpanded,
+    set: (updater: Updater<ExpandedState>) => {
+      expanded = applyTableUpdater(tableExpanded, updater);
+    },
+  };
+
+  const columnOrderAtom = {
+    get: () => tableColumnOrder,
+    set: (updater: Updater<string[]>) => {
+      columnOrder = applyTableUpdater(tableColumnOrder, updater);
+    },
+  };
+
   // Persist column visibility to localStorage
   $effect(() => {
     const storageKey = `svadmin-columns-${resourceName}`;
@@ -297,41 +395,12 @@
     manualPagination: true,
     manualSorting: true,
     getRowId: (row: any) => String(row[primaryKey]),
-    state: {
-      get sorting() { return sorting; },
-      get columnVisibility() { return columnVisibility; },
-      get rowSelection() { return rowSelection; },
-      get expanded() { return expanded; },
-      get columnOrder() { return columnOrder; },
-    },
-    onSortingChange: (updater: any) => {
-      const nextSorting = typeof updater === 'function' ? updater(sorting) : updater;
-      sorting = nextSorting;
-
-      const nextSorters: Sort[] = nextSorting.map((s: any) => ({
-        field: s.id,
-        order: s.desc ? 'desc' as const : 'asc' as const,
-      }));
-
-      if (JSON.stringify(nextSorters) !== JSON.stringify(sorters)) {
-        sorters = nextSorters;
-      }
-
-      if ((pagination.current ?? 1) !== 1) {
-        pagination = { ...pagination, current: 1 };
-      }
-    },
-    onColumnVisibilityChange: (updater: any) => {
-      columnVisibility = typeof updater === 'function' ? updater(columnVisibility) : updater;
-    },
-    onRowSelectionChange: (updater: any) => {
-      rowSelection = typeof updater === 'function' ? updater(rowSelection) : updater;
-    },
-    onExpandedChange: (updater: any) => {
-      expanded = typeof updater === 'function' ? updater(expanded) : updater;
-    },
-    onColumnOrderChange: (updater: any) => {
-      columnOrder = typeof updater === 'function' ? updater(columnOrder) : updater;
+    atoms: {
+      sorting: sortingAtom,
+      columnVisibility: columnVisibilityAtom,
+      rowSelection: rowSelectionAtom,
+      expanded: expandedAtom,
+      columnOrder: columnOrderAtom,
     },
     get enableRowSelection() { return selectable && (canDelete || batchActions); },
     get enableExpanding() { return !!expandedRowRender; },
@@ -450,7 +519,7 @@
           {/snippet}
         </DropdownMenu.Trigger>
         <DropdownMenu.Content align="end" class="w-48">
-          {#each table_getAllLeafColumns(tbl).filter((c: any) => !c.id.startsWith('_')) as column}
+          {#each table_getAllLeafColumns(tbl).filter((c: any) => !c.id.startsWith('_')) as column, _i (_i)}
             <DropdownMenu.CheckboxItem
               checked={column_getIsVisible(column)}
               onCheckedChange={(v) => column_toggleVisibility(column, !!v)}
@@ -502,7 +571,7 @@
         <Popover.Content class="w-80">
           <div class="space-y-3">
             <h4 class="font-medium text-sm">{t('common.filter')}</h4>
-            {#each filterableFields as field}
+            {#each filterableFields as field, _i (_i)}
               <div class="space-y-1">
                 <label class="text-xs text-muted-foreground" for="filter-{field.key}">{field.label}</label>
                 {#if field.type === 'select' && field.options}
@@ -513,7 +582,7 @@
                     onchange={(e) => filterValues[field.key] = (e.currentTarget as HTMLSelectElement).value}
                   >
                     <option value="">{t('common.all')}</option>
-                    {#each field.options as opt}
+                    {#each field.options as opt, _i (_i)}
                       <option value={opt.value}>{opt.label}</option>
                     {/each}
                   </select>
@@ -551,13 +620,13 @@
     {#if query.isLoading}
       <div class="p-4 space-y-3">
         <div class="flex gap-4 mb-2">
-          {#each visibleFields.slice(0, 4) as _}
+          {#each visibleFields.slice(0, 4) as _, _i (_i)}
             <Skeleton class="h-4 flex-1" />
           {/each}
         </div>
-        {#each Array(5) as _}
+        {#each Array(5) as _, _i (_i)}
           <div class="flex gap-4">
-            {#each visibleFields.slice(0, 4) as __}
+            {#each visibleFields.slice(0, 4) as __, _i (_i)}
               <Skeleton class="h-8 flex-1" />
             {/each}
           </div>
@@ -573,13 +642,13 @@
         <div class="hidden md:block">
         <Table.Root>
           <Table.Header>
-            {#each table_getHeaderGroups(tbl) as headerGroup}
+            {#each table_getHeaderGroups(tbl) as headerGroup, _i (_i)}
               <DraggableHeader
                 columns={headerGroup.headers.map((h: any) => ({ id: h.column.id, header: h }))}
                 resourceName={resourceName}
                 onReorder={(newOrder) => { columnOrder = newOrder.map((c: any) => c.id); }}
               >
-                {#snippet header(col, index, dragProps)}
+                {#snippet header(col, _index, dragProps)}
                   {@const header = col.header as typeof headerGroup.headers[0]}
                   <Table.Head
                     {...dragProps}
@@ -619,14 +688,14 @@
             {/each}
           </Table.Header>
           <Table.Body>
-            {#each table_getRowModel(tbl).rows as row}
+            {#each table_getRowModel(tbl).rows as row, _i (_i)}
               {@const record = row.original}
               {@const id = record[primaryKey] as string | number}
               <ContextMenu.Root>
                 <ContextMenu.Trigger>
                   {#snippet child({ props })}
                     <Table.Row {...props} class="transition-all duration-300 border-b border-border/10 {row_getIsSelected(row) ? 'bg-primary/5' : 'hover:bg-muted/20'}">
-                      {#each row_getAllVisibleCells(row) as cell}
+                      {#each row_getVisibleCells(row) as cell, _i (_i)}
                         <Table.Cell>
                           {#if cell.column.id === '_select'}
                             <Checkbox
@@ -670,7 +739,7 @@
                               {new Date(cell_getValue(cell) as string).toLocaleDateString()}
                             {:else if field?.type === 'tags' && Array.isArray(cell_getValue(cell))}
                               <div class="flex flex-wrap gap-1">
-                                {#each (cell_getValue(cell) as string[]).slice(0, 3) as tag}
+                                {#each (cell_getValue(cell) as string[]).slice(0, 3) as tag, _i (_i)}
                                   <Badge variant="secondary">{tag}</Badge>
                                 {/each}
                               </div>
@@ -718,7 +787,7 @@
               </ContextMenu.Root>
               {#if expandedRowRender && row_getIsExpanded(row)}
                 <Table.Row class="bg-muted/10 border-b border-border/10 transition-all">
-                  <Table.Cell colspan={row_getAllVisibleCells(row).length}>
+                  <Table.Cell colspan={row_getVisibleCells(row).length}>
                     {@render expandedRowRender({ record })}
                   </Table.Cell>
                 </Table.Row>
@@ -752,7 +821,7 @@
 
         <!-- Mobile Card View (visible only on small screens) -->
         <div class="md:hidden space-y-3 p-2">
-          {#each table_getRowModel(tbl).rows as row}
+          {#each table_getRowModel(tbl).rows as row, _i (_i)}
             {@const record = row.original}
             {@const id = record[primaryKey] as string | number}
             <div
@@ -791,7 +860,7 @@
               </div>
               <!-- Card fields -->
               <div class="space-y-2">
-                {#each visibleFields.slice(0, 6) as field}
+                {#each visibleFields.slice(0, 6) as field, _i (_i)}
                   {@const value = record[field.key]}
                   <div class="flex items-start justify-between gap-4">
                     <span class="text-xs font-medium text-muted-foreground shrink-0">{field.label}</span>
@@ -806,7 +875,7 @@
                         {new Date(value as string).toLocaleDateString()}
                       {:else if field.type === 'tags' && Array.isArray(value)}
                         <div class="flex flex-wrap gap-1 justify-end">
-                          {#each (value as string[]).slice(0, 2) as tag}
+                          {#each (value as string[]).slice(0, 2) as tag, _i (_i)}
                             <Badge variant="secondary" class="text-[10px]">{tag}</Badge>
                           {/each}
                         </div>
@@ -864,7 +933,7 @@
             disabled={currentPage <= 1}
           />
         </PaginationUI.Item>
-        {#each pages as page}
+        {#each pages as page, _i (_i)}
           <PaginationUI.Item>
             {#if page === '...'}
               <PaginationUI.Ellipsis />

package/dist/components/Breadcrumbs.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
   import { getResources } from '@svadmin/core';
   import { getPath } from '../router-state.svelte.js';
   import { formatLink } from '@svadmin/core/router';

package/dist/components/ChatDialog.svelte

@@ -1,12 +1,13 @@
 <script lang="ts">
+/* eslint-disable no-undef, svelte/no-at-html-tags */
   import { getChatProvider, getChatContext, setChatContext, getAgentProvider, registerApproval, resolveApproval } from '@svadmin/core';
-  import type { ChatMessage, ChatAction, AgentEvent } from '@svadmin/core';
+  import type { ChatMessage, ChatAction } from '@svadmin/core';
   import { t } from '@svadmin/core/i18n';
   import { useParsed } from '@svadmin/core';
   import { fly, fade, scale } from 'svelte/transition';
   import { Button } from './ui/button/index.js';
   import TooltipButton from './TooltipButton.svelte';
-  import { MessageCircle, X, Minus, Send, Loader2, Bot, Trash2, ShieldCheck, ShieldX, Wrench, LayoutDashboard } from '@lucide/svelte';
+  import { MessageCircle, X, Minus, Send, Loader2, Bot, Trash2 } from '@lucide/svelte';
 
   interface Props {
     /** localStorage key for chat history persistence. Set to '' to disable. */
@@ -508,7 +509,7 @@
                 {t('chat.welcomeDesc') || 'Ask me anything about your admin panel.'}
               </p>
               <div class="flex flex-col gap-2 w-full max-w-[240px]">
-                {#each suggestions as suggestion}
+                {#each suggestions as suggestion, _i (_i)}
                   <button
                     class="text-left text-xs px-3 py-2 rounded-lg border border-border hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer"
                     onclick={() => { inputValue = suggestion; }}
@@ -535,7 +536,7 @@
                       <!-- Action Buttons -->
                       {#if msg.actions && msg.actions.length > 0}
                         <div class="flex flex-wrap gap-1.5 mt-2 pt-2 border-t border-border/50">
-                          {#each msg.actions as action}
+                          {#each msg.actions as action, _i (_i)}
                             <Button
                               variant={action.variant ?? 'outline'}
                               size="sm"

package/dist/components/ComboboxField.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-explicit-any */
   import { t } from '@svadmin/core/i18n';
   import { useSelect } from '@svadmin/core';
   import type { Filter } from '@svadmin/core';
   import { Button } from './ui/button/index.js';
   import TooltipButton from './TooltipButton.svelte';
-  import { Badge } from './ui/badge/index.js';
   import { Command } from 'cmdk-sv';
   import { Skeleton } from './ui/skeleton/index.js';
   import { ChevronsUpDown, Check, X, Search } from '@lucide/svelte';
@@ -117,11 +117,11 @@
             No results.
           </Command.Empty>
           {#if query.isLoading}
-            {#each Array(3) as _}
+            {#each Array(3) as _, _i (_i)}
               <div class="px-2 py-1.5"><Skeleton class="h-5 w-full" /></div>
             {/each}
           {:else}
-            {#each (options as { label: string; value: string | number }[]) ?? [] as opt}
+            {#each (options as { label: string; value: string | number }[]) ?? [] as opt, _i (_i)}
               <Command.Item
                 value={opt.label}
                 onSelect={() => handleSelect(opt.value)}

package/dist/components/CommandPalette.svelte

@@ -5,7 +5,7 @@
   import { toggleTheme } from '@svadmin/core';
   import { Command } from 'cmdk-sv';
   import * as Dialog from './ui/dialog/index.js';
-  import { Search, LayoutDashboard, Plus, Sun, FileText, Bot, Sparkles } from '@lucide/svelte';
+  import { Search, LayoutDashboard, Plus, Sun, FileText, Sparkles } from '@lucide/svelte';
 
   interface Props {
     open?: boolean;
@@ -93,7 +93,7 @@
             <LayoutDashboard class="h-4 w-4 text-muted-foreground" />
             {t('common.home')}
           </Command.Item>
-          {#each resources as r}
+          {#each resources as r, _i (_i)}
             <Command.Item
               value={r.name}
               onSelect={() => act(() => navigate(`/${r.name}`))}
@@ -109,7 +109,7 @@
 
         <!-- Actions -->
         <Command.Group heading={t('common.actions')}>
-          {#each resources as r}
+          {#each resources as r, _i (_i)}
             <Command.Item
               value={"create-" + r.name}
               onSelect={() => act(() => navigate(`/${r.name}/create`))}

package/dist/components/CopilotPanel.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { getChatProvider, getChatContext } from '@svadmin/core';
-  import { Sparkles, X, ChevronRight, Check, RefreshCcw } from '@lucide/svelte';
-  import { fade, slide } from 'svelte/transition';
+  import { Sparkles, X, Check, RefreshCcw } from '@lucide/svelte';
+  import { slide } from 'svelte/transition';
   import { Button } from './ui/button/index.js';
   import MarkdownRenderer from './MarkdownRenderer.svelte';
   import TooltipButton from './TooltipButton.svelte';

package/dist/components/CreatePage.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import { getResource } from '@svadmin/core';
-  import { navigate } from '@svadmin/core/router';
   import { t } from '@svadmin/core/i18n';
   import type { Snippet } from 'svelte';
   import PageHeader from './PageHeader.svelte';

package/dist/components/DevTools.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { fly, scale } from 'svelte/transition';
+/* eslint-disable @typescript-eslint/no-explicit-any */
+  import { fly } from 'svelte/transition';
   import { getResources } from '@svadmin/core';
   import { getTheme, getColorTheme } from '@svadmin/core';
   import { getLocale, t } from '@svadmin/core/i18n';
   import { currentPath } from '@svadmin/core/router';
-  import { Button } from './ui/button/index.js';
   import TooltipButton from './TooltipButton.svelte';
   import * as Tabs from './ui/tabs/index.js';
   import { Badge } from './ui/badge/index.js';
@@ -35,6 +35,7 @@
 
   // Auto-trace state changes in dev mode via Svelte 5 $inspect
   if ((import.meta as any).env?.DEV) {
+    // eslint-disable-next-line svelte/no-inspect
     $inspect({ path, theme, colorTheme, locale, resourceCount: resources.length });
   }
 </script>
@@ -119,7 +120,7 @@
                 <!-- Resources -->
                 <div class="py-1">
                   <h4 class="text-[0.6875rem] font-bold uppercase tracking-widest text-muted-foreground mb-1 px-1">Resources ({resources.length})</h4>
-                  {#each resources as r}
+                  {#each resources as r, _i (_i)}
                     <div class="flex items-center justify-between px-1 py-0.5 rounded hover:bg-muted/50">
                       <span class="text-xs text-foreground">{r.name}</span>
                       <Badge variant="outline" class="font-mono text-[0.6875rem]">{r.fields.length} fields</Badge>