@svadmin/ui 0.34.8 → 0.34.10

package/dist/components/DraggableHeader.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-explicit-any */
   /**
    * DraggableHeader — Wraps table header cells with HTML5 Drag and Drop
    * to enable column reorder. Persists order to localStorage.
@@ -99,7 +100,7 @@
 </script>
 
 <tr class="hover:bg-muted/50 data-[state=selected]:bg-muted transition-colors bg-muted/50">
-  {#each columns as column, index}
+  {#each columns as column, index (index)}
     {@render header(column, index, {
       draggable: true,
       ondragstart: (e: DragEvent) => handleDragStart(e, index),

package/dist/components/EditPage.svelte

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

package/dist/components/EmptyState.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { fade, scale } from 'svelte/transition';
+  import { scale } from 'svelte/transition';
   import { PackageOpen } from '@lucide/svelte';
   import { t } from '@svadmin/core';
 

package/dist/components/FieldRenderer.svelte

@@ -1,4 +1,5 @@
 <script lang="ts" module>
+/* eslint-disable no-import-assign */
   export type { FieldDefinition } from '@svadmin/core';
 </script>
 
@@ -240,7 +241,7 @@
         disabled={disabled}
       >
         <option value="">{t('field.selectPlaceholder')}</option>
-        {#each field.options ?? [] as opt}
+        {#each field.options ?? [] as opt, _i (_i)}
           <option value={opt.value}>{opt.label}</option>
         {/each}
       </select>
@@ -253,7 +254,7 @@
         {disabled}
         placeholder={t('field.selectPlaceholder')}
       >
-        {#each field.options ?? [] as opt}
+        {#each field.options ?? [] as opt, _i (_i)}
           <option value={opt.value}>{opt.label}</option>
         {/each}
       </Select>
@@ -265,7 +266,7 @@
       role="group" 
       aria-labelledby="label-{field.key}"
     >
-      {#each field.options ?? [] as opt}
+      {#each field.options ?? [] as opt, _i (_i)}
         <label class="flex items-center gap-2 text-sm cursor-pointer hover:bg-muted/50 rounded px-1 py-0.5 transition-colors">
           <Checkbox
             id={`${field.key}-${opt.value}`}
@@ -282,7 +283,7 @@
     </div>
     {#if multiVal.length > 0}
       <div class="flex flex-wrap gap-1 mt-1">
-        {#each multiVal as v}
+        {#each multiVal as v, _i (_i)}
           {@const label = field.options?.find((o: { label: string; value: string | number }) => o.value === v)?.label ?? String(v)}
           <Badge variant="secondary" class="gap-1">
             {label}
@@ -306,7 +307,7 @@
   {:else if field.type === 'tags'}
     <div class="space-y-2">
       <div class="flex flex-wrap gap-1.5">
-        {#each tagsVal as tag, i}
+        {#each tagsVal as tag, i (i)}
           <Badge variant="secondary" class="gap-1">
             {tag}
             <button
@@ -339,7 +340,7 @@
 
   {:else if field.type === 'images'}
     <div class="space-y-2">
-      {#each imagesVal as url, i}
+      {#each imagesVal as url, i (i)}
         <div class="flex items-center gap-2">
           <Input
             id={i === 0 ? field.key : undefined}

package/dist/components/Header.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-explicit-any */
   import { Moon, Sun, Search, MonitorUp } from '@lucide/svelte';
   import { Button } from './ui/button';
   import TooltipButton from './TooltipButton.svelte';

package/dist/components/InferencerPanel.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+ 
   import { getDataProvider, getResources, inferResource } from '@svadmin/core';
   import type { InferResult } from '@svadmin/core';
   import { Button } from './ui/button/index.js';
@@ -99,7 +100,7 @@
         bind:value={selectedResource}
         placeholder="— Select a resource —"
       >
-        {#each resources as res}
+        {#each resources as res, _i (_i)}
           <option value={res.name}>{res.label} ({res.name})</option>
         {/each}
       </Select>
@@ -131,7 +132,7 @@
 
     {#if loading}
       <div class="space-y-2">
-        {#each Array(4) as _}
+        {#each Array(4) as _, _i (_i)}
           <Skeleton class="h-8 w-full" />
         {/each}
       </div>
@@ -150,7 +151,7 @@
             </Table.Row>
           </Table.Header>
           <Table.Body>
-            {#each inferResult.fields as field}
+            {#each inferResult.fields as field, _i (_i)}
               <Table.Row>
                 <Table.Cell class="font-mono text-xs">{field.key}</Table.Cell>
                 <Table.Cell>

package/dist/components/InfiniteList.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-  import { fade, fly } from 'svelte/transition';
+  import { fade } from 'svelte/transition';
   import { useInfiniteList } from '@svadmin/core';
   import type { BaseRecord, Sort, Filter } from '@svadmin/core';
   import type { Snippet } from 'svelte';
   import { t } from '@svadmin/core/i18n';
   import { Skeleton } from './ui/skeleton/index.js';
-  import { Button } from './ui/button/index.js';
   import { Loader2 } from '@lucide/svelte';
   import { intersect } from '../actions.js';
 
@@ -59,7 +58,7 @@
       {@render loadingSkeleton()}
     {:else}
       <div class="space-y-3">
-        {#each Array(5) as _}
+        {#each Array(5) as _, _i (_i)}
           <Skeleton class="h-16 w-full rounded-lg" />
         {/each}
       </div>
@@ -71,7 +70,7 @@
       <p class="text-center text-sm text-muted-foreground py-8">{t('empty.title')}</p>
     {/if}
   {:else}
-    {#each allItems as item, index}
+    {#each allItems as item, index (index)}
       <div in:fade={{ duration: 200, delay: index < 20 ? index * 30 : 0 }}>
         {@render children({ item, index })}
       </div>

package/dist/components/KeyboardShortcuts.svelte

@@ -39,15 +39,15 @@
       <Dialog.Title>{t('common.keyboardShortcuts') || 'Keyboard Shortcuts'}</Dialog.Title>
     </Dialog.Header>
     <div class="space-y-4 py-2">
-      {#each shortcuts as group}
+      {#each shortcuts as group, _i (_i)}
         <div>
           <h4 class="text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2">{group.group}</h4>
           <div class="space-y-1.5">
-            {#each group.items as shortcut}
+            {#each group.items as shortcut, _i (_i)}
               <div class="flex items-center justify-between py-1">
                 <span class="text-sm text-foreground">{shortcut.label}</span>
                 <div class="flex items-center gap-1">
-                  {#each shortcut.keys as key}
+                  {#each shortcut.keys as key, _i (_i)}
                     <kbd class="inline-flex h-5 min-w-5 items-center justify-center rounded border bg-muted px-1.5 text-[10px] font-medium font-mono text-muted-foreground">{key}</kbd>
                   {/each}
                 </div>

package/dist/components/Layout.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable svelte/no-useless-children-snippet */
   import type { Snippet } from 'svelte';
   import { fade, fly } from 'svelte/transition';
   import Sidebar from './Sidebar.svelte';
@@ -13,7 +14,6 @@
   import { navigate } 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';
   import { Menu } from '@lucide/svelte';
   import { getComponentRegistry } from '../component-registry.svelte.js';
@@ -24,12 +24,12 @@
 
   let { children, title = 'Admin', menu, siteUrl, routeMode = 'auto' }: { children: Snippet; title?: string; menu?: MenuItem[]; siteUrl?: string; routeMode?: 'hash' | 'path' | 'auto' } = $props();
 
-  let hasAuth = true;
+  let _hasAuth = true;
   let auth: ReturnType<typeof getAuthProvider> | null = null;
   try {
     auth = getAuthProvider();
   } catch {
-    hasAuth = false;
+    _hasAuth = false;
   }
   let loading = $state(true);
   let identity = $state<Identity | null>(null);
@@ -108,7 +108,7 @@
     <div class="hidden md:block w-64 bg-sidebar/80 p-4 space-y-4">
       <Skeleton class="h-8 w-32" />
       <div class="space-y-2 mt-6">
-        {#each Array(5) as _}
+        {#each Array(5) as _, _i (_i)}
           <Skeleton class="h-9 w-full rounded-lg" />
         {/each}
       </div>
@@ -116,7 +116,7 @@
     <div class="flex-1 p-8 space-y-6">
       <Skeleton class="h-8 w-48" />
       <div class="space-y-3">
-        {#each Array(4) as _}
+        {#each Array(4) as _, _i (_i)}
           <Skeleton class="h-12 w-full" />
         {/each}
       </div>

package/dist/components/MarkdownRenderer.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
+/* eslint-disable svelte/no-at-html-tags */
   import * as markedPkg from "marked";
   import * as markedHighlightPkg from "marked-highlight";
   import * as hljsPkg from "highlight.js";
   import * as DOMPurifyPkg from "isomorphic-dompurify";
-  import { Check, Copy } from '@lucide/svelte';
-  import { Button } from "./ui/button/index.js";
 
   const Marked = markedPkg.Marked;
   const markedHighlight = markedHighlightPkg.markedHighlight;
@@ -13,7 +12,6 @@
 
   // Only safely import css if hljs exists
   if (hljsModule && Object.keys(hljsModule).length > 0) {
-    // @ts-ignore
     import("highlight.js/styles/github-dark.css").catch(() => {});
   }
 
@@ -44,7 +42,7 @@
   // Render HTML safely
   const html = $derived(
     hasMarkdownDeps
-      ? DOMPurify.sanitize(markedObj!.parse(content || "") as string)
+      ? DOMPurify.sanitize(markedObj?.parse(content || "") as string)
       : `<div style="white-space: pre-wrap">${String(content || "").replace(/</g, "&lt;").replace(/>/g, "&gt;")}</div>`
   );
 
@@ -75,7 +73,7 @@
   // We do this via action instead of raw string manipulation for safety
   function enhanceCodeBlocks(node: HTMLElement, _: string) {
     return {
-      update(newHtml: string) {
+      update(_newHtml: string) {
         // Find all pre > code blocks that don't have wrappers yet
         const pres = node.querySelectorAll("pre:not(.enhanced)");
         pres.forEach((pre) => {

package/dist/components/ModalForm.svelte

@@ -1,7 +1,5 @@
 <script lang="ts">
-  import type { Snippet } from 'svelte';
-  import type { FieldDefinition } from '@svadmin/core';
-  import { getResource, useForm } from '@svadmin/core';
+  import { getResource } from '@svadmin/core';
   import { t } from '@svadmin/core/i18n';
   import * as Dialog from './ui/dialog/index.js';
   import AutoForm from './AutoForm.svelte';

package/dist/components/PageSkeleton.svelte

@@ -27,13 +27,13 @@
     {#if type === 'list'}
       <!-- Table Header -->
       <div class="flex gap-4 border-b pb-4">
-        {#each Array(4) as _}
+        {#each Array(4) as _, _i (_i)}
           <Skeleton class="h-6 flex-1" />
         {/each}
       </div>
       <!-- Table Rows -->
       <div class="space-y-4">
-        {#each Array(rows) as _}
+        {#each Array(rows) as _, _i (_i)}
           <div class="flex gap-4">
             <Skeleton class="h-6 flex-1" />
             <Skeleton class="h-6 flex-1" />
@@ -45,7 +45,7 @@
     {:else if type === 'show'}
       <!-- Key-Value pairs -->
       <div class="space-y-6">
-        {#each Array(rows) as _}
+        {#each Array(rows) as _, _i (_i)}
           <div class="space-y-2">
             <Skeleton class="h-4 w-[100px]" />
             <Skeleton class="h-6 w-[250px]" />
@@ -55,7 +55,7 @@
     {:else if type === 'form'}
       <!-- Form Inputs -->
       <div class="space-y-6">
-        {#each Array(rows) as _}
+        {#each Array(rows) as _, _i (_i)}
           <div class="space-y-2">
             <Skeleton class="h-4 w-[100px]" />
             <Skeleton class="h-10 w-full max-w-md" />

package/dist/components/PasswordInput.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-explicit-any */
   import { Input } from './ui/input/index.js';
-  import { Button } from './ui/button/index.js';
   import TooltipButton from './TooltipButton.svelte';
   import { Label } from './ui/label/index.js';
-  import { Progress } from './ui/progress/index.js';
   import { Lock, Eye, EyeOff } from '@lucide/svelte';
   import { t } from '@svadmin/core/i18n';
 

package/dist/components/PermissionMatrix.svelte

@@ -80,7 +80,7 @@
     <div class="w-full md:w-64 flex-shrink-0 bg-card rounded-xl shadow-sm border border-border p-4 flex flex-col">
       <h2 class="text-sm font-semibold text-muted-foreground uppercase tracking-wider mb-4 px-2">{t('permissions.roles') || 'Roles'}</h2>
       <div class="space-y-1 flex-1 overflow-y-auto">
-        {#each roles as role}
+        {#each roles as role, _i (_i)}
           <button 
             onclick={() => selectedRole = role.code}
             class="w-full text-left px-3 py-2.5 rounded-lg text-sm transition-all duration-200 {selectedRole === role.code ? 'bg-primary/10 text-primary font-medium shadow-sm ring-1 ring-primary/20' : 'text-foreground hover:bg-muted'}"
@@ -133,7 +133,7 @@
           <thead class="bg-muted/50">
             <tr>
               <th scope="col" class="py-3 pr-3 pl-4 text-left text-sm font-semibold text-foreground w-48">{t('permissions.resources') || 'Resources'}</th>
-              {#each actions as action}
+              {#each actions as action, _i (_i)}
                 <th scope="col" class="px-2 py-3 text-center text-sm font-semibold text-foreground">
                   <div class="flex flex-col items-center">
                     <span>{action.name}</span>
@@ -149,7 +149,7 @@
                  <td colspan={actions.length + 1} class="py-10 text-center text-muted-foreground">{t('permissions.noResources') || 'No resources available'}</td>
               </tr>
             {/if}
-            {#each resources as resource, i}
+            {#each resources as resource, i (i)}
               <!-- Section Grouping Header -->
               {#if resource.section && (i === 0 || resource.section !== resources[i-1].section)}
                 <tr class="bg-primary/5">
@@ -164,14 +164,14 @@
                 </td>
                 
                 <!-- Action Checkboxes -->
-                {#each actions as action}
+                {#each actions as action, _i (_i)}
                   {@const granted = selectedRole ? isGranted(selectedRole, resource.code, action.code) : false}
                   <td class="whitespace-nowrap px-3 py-3 text-center">
                     <div class="flex items-center justify-center">
                       <button 
                         disabled={loading || !selectedRole}
                         aria-label="Toggle {action.name}"
-                        onclick={() => onToggle(selectedRole!, resource.code, action.code, !granted)}
+                        onclick={() => onToggle(selectedRole as string, resource.code, action.code, !granted)}
                         class="w-6 h-6 rounded border flex items-center justify-center transition-all focus:outline-none focus:ring-2 focus:ring-primary/50 {granted ? 'bg-primary border-primary text-primary-foreground' : 'border-input bg-background hover:bg-accent'} {loading || !selectedRole ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}"
                       >
                         <svg class="w-3.5 h-3.5 {granted ? 'block' : 'hidden'}" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">

package/dist/components/ProfilePage.svelte

@@ -53,7 +53,7 @@
 
   // Avatar upload
   let avatarUploading = $state(false);
-  let fileInput = $state<HTMLInputElement>(null!);
+  let fileInput = $state<HTMLInputElement>(null!); // eslint-disable-line @typescript-eslint/no-non-null-assertion
 
   async function handleAvatarChange(e: Event) {
     const file = (e.target as HTMLInputElement).files?.[0];

package/dist/components/RolesSettings.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { t } from '@svadmin/core/i18n';
   import { getAuthProvider, getResources } from '@svadmin/core';
-  import type { Role } from '@svadmin/core';
   import PermissionMatrix from './PermissionMatrix.svelte';
   import type { RoleInfo, ResourceInfo, ActionInfo } from '../types.js';
   import { toast } from '@svadmin/core/toast';
@@ -117,7 +116,7 @@
     } catch (e) {
       toast.error((e as Error).message);
       // Rollback on fail
-      delete permissionsCache[roleCode];
+      delete permissionsCache[roleCode]; // eslint-disable-line @typescript-eslint/no-dynamic-delete
       loadPermissionsForRole(roleCode);
     } finally {
       saving = false;

package/dist/components/SettingsPage.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { t } from '@svadmin/core/i18n';
   import { navigate } from '@svadmin/core/router';
-  import { currentPath } from '@svadmin/core/router';
   import { User, Palette, Info, Shield, FileSearch } from '@lucide/svelte';
   import ProfilePage from './ProfilePage.svelte';
   import AppearanceSettings from './AppearanceSettings.svelte';
@@ -56,8 +55,8 @@
   <nav class="w-full lg:w-56 shrink-0 bg-muted/10 shadow-[inset_0_-1px_0_rgba(0,0,0,0.05)] lg:shadow-[inset_-1px_0_0_rgba(0,0,0,0.05)] dark:shadow-[inset_-1px_0_0_rgba(255,255,255,0.05)]">
     <!-- Mobile: horizontal scroll tabs -->
     <div class="flex lg:hidden overflow-x-auto px-4 py-2 gap-1">
-      {#each sections as section}
-        {#each section.items as item}
+      {#each sections as section, _i (_i)}
+        {#each section.items as item, _i (_i)}
           {@const active = activeKey === item.key}
           <button
             class="flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md whitespace-nowrap transition-colors
@@ -77,13 +76,13 @@
         <h2 class="text-lg font-semibold text-foreground">{t('settings.title')}</h2>
         <p class="text-xs text-muted-foreground mt-1">{t('settings.settingsDescription')}</p>
       </div>
-      {#each sections as section}
+      {#each sections as section, _i (_i)}
         <div>
           <h3 class="px-3 mb-1 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60">
             {t(section.group)}
           </h3>
           <div class="space-y-0.5">
-            {#each section.items as item}
+            {#each section.items as item, _i (_i)}
               {@const active = activeKey === item.key}
               <button
                 class="flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm transition-all

package/dist/components/ShowPage.svelte

@@ -1,9 +1,7 @@
 <script lang="ts">
   import { useShow, getResource } from '@svadmin/core';
-  import type { FieldDefinition } from '@svadmin/core';
   import { navigate } from '@svadmin/core/router';
-  import { t, getLocale } from '@svadmin/core/i18n';
-  import { Button } from './ui/button/index.js';
+  import { t } from '@svadmin/core/i18n';
   import * as Card from './ui/card/index.js';
   import { Skeleton } from './ui/skeleton/index.js';
   import PageHeader from './PageHeader.svelte';
@@ -42,7 +40,7 @@
   {#if query.isLoading}
     <Card.Root class="overflow-hidden border-border/40 shadow-sm">
       <Card.Content class="p-0">
-        {#each showFields.slice(0, 6) as _, i}
+        {#each showFields.slice(0, 6) as _, i (i)}
           <div class="flex flex-col sm:flex-row px-4 sm:px-6 py-3 sm:py-4 {i % 2 === 1 ? 'bg-muted/20' : ''}">
             <Skeleton class="h-4 w-1/2 sm:w-1/4" />
             <Skeleton class="h-4 w-3/4 sm:w-2/5 mt-1 sm:mt-0 sm:ml-auto" />
@@ -53,8 +51,8 @@
   {:else if query.data?.data}
     <Card.Root class="overflow-hidden border-border/40 shadow-sm">
       <Card.Content class="p-0">
-        {#each showFields as field, i}
-          {@const value = (query.data!.data as Record<string, unknown>)[field.key]}
+        {#each showFields as field, i (i)}
+          {@const value = ((query.data as { data: Record<string, unknown> }).data as Record<string, unknown>)[field.key]}
           {@const DisplayComponent = getDisplayComponent(field.type)}
           <div class="flex flex-col sm:flex-row px-4 sm:px-6 py-3 sm:py-4 {i % 2 === 1 ? 'bg-muted/20' : ''}">
             <div class="sm:w-1/3 text-xs sm:text-sm font-medium text-muted-foreground mb-1 sm:mb-0">{field.label}</div>

package/dist/components/Sidebar.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable svelte/prefer-svelte-reactivity */
   import { getResources, canAccessAsync } from '@svadmin/core';
   import type { Identity, MenuItem } from '@svadmin/core';
   import { navigate } from '@svadmin/core/router';
@@ -37,7 +38,7 @@
       : routeMode
   );
 
-  const resources = getResources();
+  const _resources = getResources();
 
   const iconMap: Record<string, typeof LayoutDashboard> = {
     'dashboard': LayoutDashboard,
@@ -80,7 +81,7 @@
   let navItems = $state.raw<NavItem[]>([]);
 
   $effect(() => {
-    const localeVal = getLocale();
+    const _localeVal = getLocale();
     const currentResources = getResources();
     let cancelled = false;
 
@@ -132,7 +133,7 @@
 
   /** Prefetch resource data on hover for instant navigation */
   const prefetchedResources = new Set<string>();
-  function prefetchResource(resourceName: string) {
+  function _prefetchResource(resourceName: string) {
     if (resourceName === '/' || prefetchedResources.has(resourceName)) return;
     prefetchedResources.add(resourceName);
     // Trigger a background fetch by navigating the browser cache
@@ -148,9 +149,9 @@
       const key = item.group ?? null;
       if (!groupMap.has(key)) {
         groupMap.set(key, []);
-        groups.push({ name: key, items: groupMap.get(key)! });
+        groups.push({ name: key, items: groupMap.get(key) ?? [] });
       }
-      groupMap.get(key)!.push(item);
+      (groupMap.get(key) ?? []).push(item);
     }
 
     return groups;
@@ -233,17 +234,17 @@
   <nav aria-label="Main menu" class="py-4 px-3 space-y-1">
     {#if menu && menu.length > 0}
       <!-- Custom multi-level menu -->
-      {#each menu as item}
+      {#each menu as item, _i (_i)}
         <SidebarItem {item} currentPath={path} {collapsed} depth={0} />
       {/each}
     {:else}
     <!-- Auto-generated menu from resources (fallback) -->
-    {#each navGroups as group}
+    {#each navGroups as group, _i (_i)}
       {#if group.name && !collapsed}
         <!-- Grouped section with Collapsible -->
         <Collapsible.Root open={openGroups.has(group.name)} onOpenChange={(isOpen) => {
           const next = new Set(openGroups);
-          if (isOpen) next.add(group.name!); else next.delete(group.name!);
+          if (isOpen) next.add(group.name as string); else next.delete(group.name as string);
           openGroups = next;
         }}>
           <Collapsible.Trigger
@@ -254,7 +255,7 @@
           </Collapsible.Trigger>
           <Collapsible.Content>
             <div class="mt-1 space-y-1">
-              {#each group.items as item}
+              {#each group.items as item, _i (_i)}
                 {@const active = isActive(item.path)}
                 <a
                   href={effectiveRouteMode === 'hash' ? `#${item.path}` : item.path}
@@ -273,7 +274,7 @@
         </Collapsible.Root>
       {:else}
         <!-- Ungrouped items (flat) -->
-        {#each group.items as item}
+        {#each group.items as item, _i (_i)}
           {@const active = isActive(item.path)}
           {#if collapsed}
             <Tooltip.Root>
@@ -336,7 +337,7 @@
           </Button>
           {#if colorPickerOpen}
             <div class="absolute bottom-full left-0 mb-1 z-50 w-40 rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg animate-in fade-in-0 zoom-in-95">
-              {#each getColorThemes() as ct}
+              {#each getColorThemes() as ct, _i (_i)}
                 <button
                   class="flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground transition-colors"
                   onclick={() => { setColorTheme(ct.id as typeof ct.id & import('@svadmin/core').ColorTheme); colorPickerOpen = false; }}

package/dist/components/SidebarItem.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import type { MenuItem } from '@svadmin/core';
-  import { t } from '@svadmin/core/i18n';
   import * as Collapsible from './ui/collapsible/index.js';
   import * as Tooltip from './ui/tooltip/index.js';
   import SidebarItem from './SidebarItem.svelte';
@@ -84,7 +83,7 @@
     </Collapsible.Trigger>
     <Collapsible.Content>
       <div class="mt-0.5 space-y-0.5" style="padding-left: {depth > 0 ? 0 : 0}px">
-        {#each item.children as child}
+        {#each item.children as child, _i (_i)}
           <SidebarItem item={child} {currentPath} {collapsed} depth={depth + 1} />
         {/each}
       </div>

package/dist/components/StepsForm.svelte

@@ -111,7 +111,7 @@
   <!-- Step indicators -->
   <div class="space-y-3">
     <div class="flex items-center justify-between text-sm">
-      {#each steps as step, i}
+      {#each steps as step, i (i)}
         <Button
           variant="ghost"
           type="button"

package/dist/components/TaskList.svelte

@@ -110,7 +110,7 @@
             </Table.Row>
           </Table.Header>
           <Table.Body>
-            {#each resolvedTasks as task}
+            {#each resolvedTasks as task, _i (_i)}
               <Table.Row class="cursor-pointer hover:bg-muted/40" onclick={() => onSelect?.(task)}>
                 <Table.Cell class="min-w-[240px]">
                   <div class="space-y-1">

package/dist/components/TaskQueueDrawer.svelte

@@ -36,6 +36,7 @@
     initialTab?: TaskTab;
   } = $props();
 
+    // eslint-disable-next-line svelte/prefer-writable-derived
   let activeTab = $state<TaskTab>('tasks');
   let selectedTaskId = $state<string | null>(null);
   let searchQuery = $state('');
@@ -283,7 +284,7 @@
                   </div>
                   <Select bind:value={statusFilter} aria-label={t('task.statusFilterLabel')}>
                     <option value="all">{t('task.statusAll')}</option>
-                    {#each availableStatuses as status}
+                    {#each availableStatuses as status, _i (_i)}
                       <option value={status}>{status}</option>
                     {/each}
                   </Select>

package/dist/components/TenantSwitcher.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
   import { ChevronsUpDown, Building2, Check } from '@lucide/svelte';
-  import { Button } from './ui/button/index.js';
   import * as DropdownMenu from './ui/dropdown-menu/index.js';
   import type { Tenant } from '../types.js';
 
@@ -61,7 +60,7 @@
         <DropdownMenu.Separator />
       {/if}
       <div class="px-2 py-1.5 text-xs text-muted-foreground">Workspaces</div>
-      {#each tenants as tenant}
+      {#each tenants as tenant, _i (_i)}
         <DropdownMenu.Item
           class="flex items-center gap-3 cursor-pointer"
           onclick={() => selectTenant(tenant.id)}

package/dist/components/Toast.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-explicit-any */
   import { Toaster, toast as sonner } from 'sonner-svelte';
   import { getResolvedTheme, getToastQueue, consumeToastQueue, getPromiseQueue, consumePromiseQueue } from '@svadmin/core';
 

package/dist/components/TooltipButton.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-explicit-any */
   import * as Tooltip from './ui/tooltip/index.js';
   import { Button } from './ui/button/index.js';
   import type { Snippet } from 'svelte';

package/dist/components/VirtualTable.svelte

@@ -37,7 +37,7 @@
   let scrollTop = $state(0);
   let containerRef = $state<HTMLDivElement | null>(null);
 
-  const totalHeight = $derived(items.length * rowHeight);
+  const _totalHeight = $derived(items.length * rowHeight);
 
   const visibleRange = $derived.by(() => {
     const start = Math.max(0, Math.floor(scrollTop / rowHeight) - overscan);