@svadmin/ui 0.68.0 → 0.69.0

package/dist/components/BatchActionBar.svelte

@@ -44,25 +44,25 @@
   {#if variant === 'floating'}
     <div
       class={cn(
-        'fixed bottom-6 left-1/2 -translate-x-1/2 z-40 flex items-center gap-3 rounded-lg border border-border/80 bg-background/95 px-4 py-2.5 shadow-2xl backdrop-blur-md transition-all duration-200 animate-in fade-in-0 slide-in-from-bottom-4 motion-reduce:animate-none',
+        'svadmin-batch-action-bar svadmin-batch-action-bar--floating',
         className
       )}
       role="region"
       aria-label="Batch Actions"
     >
-      <div class="flex items-center gap-2 pr-2 border-r border-border/60">
-        <CheckCircle2 class="h-4 w-4 text-primary" aria-hidden="true" />
-        <span class="text-xs font-medium text-foreground tabular-nums">{displayText}</span>
+      <div class="svadmin-batch-action-bar__selection">
+        <CheckCircle2 class="svadmin-batch-action-bar__icon" aria-hidden="true" />
+        <span class="svadmin-batch-action-bar__label">{displayText}</span>
       </div>
 
       {#if actions}
-        <div class="flex items-center gap-1.5">
+        <div class="svadmin-batch-action-bar__actions">
           {@render actions()}
         </div>
       {/if}
 
       {#if children}
-        <div class="flex items-center gap-1.5">
+        <div class="svadmin-batch-action-bar__actions">
           {@render children()}
         </div>
       {/if}
@@ -71,11 +71,11 @@
         <Button
           variant="ghost"
           size="sm"
-          class="h-7 px-2 text-xs text-muted-foreground hover:text-foreground"
+          class="svadmin-batch-action-bar__clear"
           onclick={onclear}
           aria-label={clearLabel}
         >
-          <X class="h-3.5 w-3.5 mr-1" aria-hidden="true" />
+          <X class="svadmin-batch-action-bar__clear-icon" aria-hidden="true" />
           {clearLabel}
         </Button>
       {/if}
@@ -83,22 +83,22 @@
   {:else}
     <div
       class={cn(
-        'flex flex-wrap items-center justify-between gap-2 rounded-md border border-primary/20 bg-primary/5 px-3 py-2 text-xs transition-all duration-150',
-        variant === 'subtle' ? 'border-border/60 bg-muted/40' : '',
+        'svadmin-batch-action-bar',
+        variant === 'subtle' ? 'svadmin-batch-action-bar--subtle' : '',
         className
       )}
       role="region"
       aria-label="Batch Actions"
     >
-      <div class="flex items-center gap-2">
-        <Badge variant="secondary" class="h-5 px-1.5 font-semibold text-[11px] tabular-nums bg-primary/15 text-primary border-primary/20">
+      <div class="svadmin-batch-action-bar__selection">
+        <Badge variant="secondary" class="svadmin-batch-action-bar__count">
           {selectedCount}
         </Badge>
-        <span class="font-medium text-foreground tabular-nums">{displayText}</span>
+        <span class="svadmin-batch-action-bar__label">{displayText}</span>
         {#if onclear}
           <button
             type="button"
-            class="text-muted-foreground hover:text-foreground underline underline-offset-2 ml-1 text-xs cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 rounded-xs"
+            class="svadmin-batch-action-bar__clear"
             onclick={onclear}
           >
             {clearLabel}
@@ -106,7 +106,7 @@
         {/if}
       </div>
 
-      <div class="flex items-center gap-2">
+      <div class="svadmin-batch-action-bar__actions">
         {#if actions}
           {@render actions()}
         {/if}

package/dist/components/Breadcrumbs.svelte

@@ -11,7 +11,7 @@
   const adminContext = captureAdminContext();
   const resources = $derived((() => { try { return getResources(); } catch { return []; } })());
 
-  let { menu, class: className = 'mb-4' }: { menu?: MenuItem[]; class?: string } = $props();
+  let { menu, class: className = 'svadmin-breadcrumbs--spaced' }: { menu?: MenuItem[]; class?: string } = $props();
 
   interface Crumb { label: string; href?: string; }
 
@@ -84,20 +84,20 @@
 </script>
 
 {#if crumbs.length > 1}
-  <Breadcrumb.Root class={cn(className)}>
+  <Breadcrumb.Root class={cn('svadmin-breadcrumbs', className)}>
     <Breadcrumb.List>
       {#each crumbs as crumb, i (`${crumb.label}-${i}`)}
         {#if i > 0}
           <Breadcrumb.Separator />
         {/if}
         <Breadcrumb.Item>
-          <span class="inline-flex svadmin-page-enter" style="animation-duration: 0.2s;">
+          <span class="svadmin-breadcrumbs__item svadmin-page-enter" style="animation-duration: 0.2s;">
           {#if i === crumbs.length - 1}
             <Breadcrumb.Page>{crumb.label}</Breadcrumb.Page>
           {:else if crumb.href}
             <Breadcrumb.Link href={crumb.href}>{crumb.label}</Breadcrumb.Link>
           {:else}
-            <span class="text-muted-foreground">{crumb.label}</span>
+            <span class="svadmin-breadcrumbs__label">{crumb.label}</span>
           {/if}
           </span>
         </Breadcrumb.Item>

package/dist/components/CancelTaskButton.svelte

@@ -65,9 +65,9 @@
 
 <Button {variant} {size} onclick={handleCancel} disabled={disabled || pending || !taskProvider?.cancel}>
   {#if pending}
-    <Loader2 class="mr-1.5 h-3.5 w-3.5 animate-spin" />
+    <Loader2 class="svadmin-u-82cc6c6581cd svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-afbdd13a380e" />
   {:else}
-    <Ban class="mr-1.5 h-3.5 w-3.5" />
+    <Ban class="svadmin-u-82cc6c6581cd svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
   {/if}
   {#if children}
     {@render children()}

package/dist/components/CanvasAnnotation.svelte

@@ -252,112 +252,112 @@
   });
 </script>
 
-<div class={cn('rounded-xl border border-border bg-card p-4 shadow-xs text-xs space-y-3', className)}>
+<div class={cn('svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb svadmin-u-cef5b893cf23 svadmin-u-359090c2d529 svadmin-u-6ed543e2fbbb', className)}>
   <!-- Header & Toolbar -->
-  <div class="flex flex-wrap items-center justify-between gap-2 pb-2 border-b border-border/60">
-    <div class="flex items-center gap-1 bg-muted/40 p-1 rounded-lg border border-border/60">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4 svadmin-u-f4cc511ff0c1 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-b00f43c30c2b svadmin-u-eb6a3cef9686 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff">
       <Button
         variant={activeTool === 'pen' ? 'default' : 'ghost'}
         size="sm"
-        class="h-7 w-7 p-0"
+        class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-8a539c7fe216"
         onclick={() => { activeTool = 'pen'; }}
         title="Pen"
       >
-        <Pencil class="h-3.5 w-3.5" />
+        <Pencil class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
       </Button>
 
       <Button
         variant={activeTool === 'rect' ? 'default' : 'ghost'}
         size="sm"
-        class="h-7 w-7 p-0"
+        class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-8a539c7fe216"
         onclick={() => { activeTool = 'rect'; }}
         title="Rectangle"
       >
-        <Square class="h-3.5 w-3.5" />
+        <Square class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
       </Button>
 
       <Button
         variant={activeTool === 'circle' ? 'default' : 'ghost'}
         size="sm"
-        class="h-7 w-7 p-0"
+        class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-8a539c7fe216"
         onclick={() => { activeTool = 'circle'; }}
         title="Circle"
       >
-        <Circle class="h-3.5 w-3.5" />
+        <Circle class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
       </Button>
 
       <Button
         variant={activeTool === 'arrow' ? 'default' : 'ghost'}
         size="sm"
-        class="h-7 w-7 p-0"
+        class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-8a539c7fe216"
         onclick={() => { activeTool = 'arrow'; }}
         title="Arrow"
       >
-        <MoveUpRight class="h-3.5 w-3.5" />
+        <MoveUpRight class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
       </Button>
 
       <Button
         variant={activeTool === 'text' ? 'default' : 'ghost'}
         size="sm"
-        class="h-7 w-7 p-0"
+        class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-8a539c7fe216"
         onclick={() => { activeTool = 'text'; }}
         title="Text Note"
       >
-        <Type class="h-3.5 w-3.5" />
+        <Type class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
       </Button>
 
       <Button
         variant={activeTool === 'eraser' ? 'default' : 'ghost'}
         size="sm"
-        class="h-7 w-7 p-0"
+        class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-8a539c7fe216"
         onclick={() => { activeTool = 'eraser'; }}
         title="Eraser"
       >
-        <Eraser class="h-3.5 w-3.5" />
+        <Eraser class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
       </Button>
     </div>
 
-    <div class="flex items-center gap-1.5">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568">
       <Button
         variant="ghost"
         size="sm"
-        class="h-7 text-xs gap-1 text-muted-foreground hover:text-foreground"
+        class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421 svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e"
         disabled={history.length === 0}
         onclick={undo}
       >
-        <RotateCcw class="h-3 w-3" />
+        <RotateCcw class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         Undo
       </Button>
 
       <Button
         variant="ghost"
         size="sm"
-        class="h-7 text-xs gap-1 text-muted-foreground hover:text-destructive hover:bg-destructive/10"
+        class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421 svadmin-u-bfa603190748 svadmin-u-51e95020d6f2 svadmin-u-8db899b4e072"
         onclick={clear}
       >
-        <Trash2 class="h-3 w-3" />
+        <Trash2 class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         Clear
       </Button>
 
       <Button
         variant="outline"
         size="sm"
-        class="h-7 text-xs gap-1"
+        class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421"
         onclick={handleExport}
       >
-        <Download class="h-3 w-3" />
+        <Download class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         Export
       </Button>
     </div>
   </div>
 
   <!-- Canvas Container -->
-  <div class="relative w-full rounded-lg border border-border/80 bg-muted/20 overflow-hidden flex items-center justify-center">
+  <div class="svadmin-u-d89972fe17d6 svadmin-u-6da6a3c3f741 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-c9ed8c5f79ae svadmin-u-967d113a1451 svadmin-u-2cd02d11d1af svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227">
     <canvas
       bind:this={canvasEl}
       {width}
       {height}
-      class="touch-none cursor-crosshair max-w-full h-auto block bg-card"
+      class="touch-none svadmin-u-92b7f35f04c0 svadmin-u-c0980a65a70d svadmin-u-b8f0a08ece1e svadmin-u-0214b4b355d1 svadmin-u-cd0ad9a56558"
       onmousedown={startAction}
       onmousemove={handleMove}
       onmouseup={stopAction}
@@ -369,20 +369,20 @@
 
     {#if showTextPrompt}
       <div
-        class="absolute z-50 p-2 rounded-lg border border-border bg-popover shadow-md flex items-center gap-1.5"
+        class="svadmin-u-da4dbfbc4fdc svadmin-u-181b286668b5 svadmin-u-7660b450905a svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-e541d86d1ec8 svadmin-u-febc34e471df svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568"
         style={`left: ${Math.min(textPos.x, width - 180)}px; top: ${Math.min(textPos.y, height - 50)}px;`}
       >
         <input
           type="text"
           bind:value={textInputPrompt}
           placeholder="Annotation text..."
-          class="h-7 w-36 rounded border border-input bg-background px-2 text-xs text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+          class="svadmin-u-d0a52b312f7d svadmin-u-df403bbae8fc svadmin-u-07389a777c1f svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-d4108abe6359 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
           onkeydown={(e) => {
             if (e.key === 'Enter') submitText();
             else if (e.key === 'Escape') showTextPrompt = false;
           }}
         />
-        <Button size="sm" class="h-7 text-xs px-2" onclick={submitText}>Add</Button>
+        <Button size="sm" class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-d5eab218aa34" onclick={submitText}>Add</Button>
       </div>
     {/if}
   </div>

package/dist/components/Cascader.svelte

@@ -130,70 +130,70 @@
   }
 </script>
 
-<div class={cn('relative w-full', className)} data-testid="cascader">
+<div class={cn('svadmin-u-d89972fe17d6 svadmin-u-6da6a3c3f741', className)} data-testid="cascader">
   <Popover.Root bind:open>
-    <Popover.Trigger class="w-full">
+    <Popover.Trigger class="svadmin-u-6da6a3c3f741">
       {#snippet child({ props })}
         <button
           type="button"
           {...props}
           {disabled}
           class={cn(
-            'flex min-h-9 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-1.5 text-xs ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 text-left',
-            open && 'ring-2 ring-ring ring-offset-2'
+            'svadmin-u-60fbb7713999 svadmin-u-968a1e649bad svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-0e17f2bd9074 svadmin-u-ec0091ee009b svadmin-u-359090c2d529 svadmin-u-582e6ef4b245 svadmin-u-9c24ab70af61 svadmin-u-674ec2b09890 svadmin-u-608dd26cd5ba svadmin-u-80b9d0ae125f svadmin-u-6b22a22a9752 svadmin-u-5f533b3a7de7 svadmin-u-b29d8adbad2e svadmin-u-2eba0d65d059',
+            open && 'svadmin-u-16b1efa5875e svadmin-u-3e1868fc53e2 svadmin-u-0c15f6cff5a0'
           )}
         >
-          <span class={cn('truncate', displayLabel ? 'text-foreground' : 'text-muted-foreground')}>
+          <span class={cn('svadmin-u-f283ea9bea0e', displayLabel ? 'svadmin-u-d4108abe6359' : 'svadmin-u-bfa603190748')}>
             {displayLabel || (placeholder ?? (i18n.t('field.selectPlaceholder', undefined) ?? '请选择...'))}
           </span>
 
-          <div class="flex items-center gap-1 shrink-0 ml-1 text-muted-foreground">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-012fbd121f37 svadmin-u-f58b02572ab2 svadmin-u-bfa603190748">
             {#if allowClear && displayLabel && !disabled}
               <span
                 role="button"
                 tabindex="0"
-                class="hover:text-foreground cursor-pointer p-0.5"
+                class="svadmin-u-ea7b2e9e070e svadmin-u-34516836730d svadmin-u-de8350a3bbad"
                 onclick={clearAll}
                 onkeydown={(e) => {
                   if (e.key === 'Enter') clearAll(e as never);
                 }}
               >
-                <X class="h-3.5 w-3.5" />
+                <X class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
               </span>
             {/if}
-            <ChevronsUpDown class="h-3.5 w-3.5 opacity-50" />
+            <ChevronsUpDown class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-0b8c506a0596" />
           </div>
         </button>
       {/snippet}
     </Popover.Trigger>
 
-    <Popover.Content class="w-auto min-w-[180px] p-0 shadow-lg border border-border" align="start">
-      <div class="flex divide-x divide-border max-h-64 overflow-x-auto">
+    <Popover.Content class="svadmin-u-23e1f628d033 svadmin-u-68fe531347b9 svadmin-u-8a539c7fe216 svadmin-u-06bbb43166db svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af" align="start">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3746131ec018 svadmin-u-e783642739e3 svadmin-u-8aee2b07b47d svadmin-u-1384f66f41d0">
         {#each columns as columnOptions, colIndex (colIndex)}
-          <div class="w-40 min-w-[140px] max-h-64 overflow-y-auto p-1 space-y-0.5">
+          <div class="svadmin-u-84789e8a20cd svadmin-u-1734f23deafe svadmin-u-8aee2b07b47d svadmin-u-92bf82f493b1 svadmin-u-eb6a3cef9686 svadmin-u-e2eedc5718f0">
             {#each columnOptions as option (option.value)}
               {@const isSelectedInPath = activePath[colIndex] === option.value}
               {@const hasChildren = Boolean(option.children && option.children.length > 0 && !option.isLeaf)}
               <button
                 type="button"
                 class={cn(
-                  'flex w-full items-center justify-between rounded-md px-2.5 py-1.5 text-xs text-left transition-colors',
+                  'svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-421ac2be5045 svadmin-u-0b91436debbd svadmin-u-ec0091ee009b svadmin-u-359090c2d529 svadmin-u-2eba0d65d059 svadmin-u-ceb69a6b0e5f',
                   isSelectedInPath
-                    ? 'bg-primary/10 text-primary font-medium'
-                    : 'hover:bg-muted/60 text-foreground',
-                  option.disabled && 'opacity-50 cursor-not-allowed pointer-events-none'
+                    ? 'svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1 svadmin-u-2689f3958069'
+                    : 'svadmin-u-68646cdcc246 svadmin-u-d4108abe6359',
+                  option.disabled && 'svadmin-u-0b8c506a0596 svadmin-u-29b733e4c162 svadmin-u-a4326536b8f5'
                 )}
                 onclick={() => handleSelectOption(colIndex, option)}
               >
-                <span class="truncate flex-1">{option.label}</span>
+                <span class="svadmin-u-f283ea9bea0e svadmin-u-36e579c0b41c">{option.label}</span>
                 {#if hasChildren}
-                  <ChevronRight class="h-3.5 w-3.5 shrink-0 opacity-60 ml-1" />
+                  <ChevronRight class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-012fbd121f37 svadmin-u-f2868c227fcd svadmin-u-f58b02572ab2" />
                 {:else if isSelectedInPath && value && value[colIndex] === option.value}
-                  <Check class="h-3.5 w-3.5 shrink-0 text-primary ml-1" />
+                  <Check class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-012fbd121f37 svadmin-u-20aaf08a7ed1 svadmin-u-f58b02572ab2" />
                 {/if}
               </button>
             {:else}
-              <div class="py-4 text-center text-xs text-muted-foreground">
+              <div class="svadmin-u-cb11fec3bb46 svadmin-u-ca6bf63030aa svadmin-u-359090c2d529 svadmin-u-bfa603190748">
                 {i18n.t('common.noData', undefined) ?? '无数据'}
               </div>
             {/each}

package/dist/components/CatchAllNavigate.svelte

@@ -13,8 +13,8 @@
 </script>
 
 {#if auth.isLoading}
-  <div class="flex h-screen w-screen items-center justify-center">
-    <div class="h-8 w-8 animate-spin rounded-full border-4 border-primary border-r-transparent"></div>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-ef114b5f5ad1 svadmin-u-71ec51c9997d svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227">
+    <div class="svadmin-u-ed8a5df7b2fb svadmin-u-2bbcfc3b5179 svadmin-u-afbdd13a380e svadmin-u-ac204c108886 svadmin-u-b485ae1c3b47 svadmin-u-6cbc84dd9e1a svadmin-u-980d09f1c472"></div>
   </div>
 {:else if auth.isAuthenticated}
   <NavigateToResource />

package/dist/components/ColumnHeaderFilter.svelte

@@ -86,30 +86,30 @@
         {...props}
         type="button"
         class={cn(
-          'inline-flex items-center justify-center h-6 w-6 rounded-md transition-colors cursor-pointer',
+          'svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-f6fe902450dc svadmin-u-7ec10f86d9b1 svadmin-u-421ac2be5045 svadmin-u-ceb69a6b0e5f svadmin-u-34516836730d',
           hasActiveFilter
-            ? 'bg-primary/15 text-primary'
-            : 'text-muted-foreground/60 hover:text-foreground hover:bg-muted/50',
+            ? 'svadmin-u-30f13f694038 svadmin-u-20aaf08a7ed1'
+            : 'svadmin-u-7be4d67a6256 svadmin-u-ea7b2e9e070e svadmin-u-39f703dbe296',
           className
         )}
         aria-label="Filter {field.label}"
       >
-        <Filter class="h-3 w-3" />
+        <Filter class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
       </button>
     {/snippet}
   </Popover.Trigger>
-  <Popover.Content class="w-64 p-3 text-xs" align="start">
-    <div class="space-y-3">
-      <div class="font-medium text-foreground pb-1 border-b border-border/50">
+  <Popover.Content class="svadmin-u-6ca625288b1e svadmin-u-eb6e8b881acd svadmin-u-359090c2d529" align="start">
+    <div class="svadmin-u-6ed543e2fbbb">
+      <div class="svadmin-u-2689f3958069 svadmin-u-d4108abe6359 svadmin-u-569eb16216dd svadmin-u-65fdbade2025 svadmin-u-591f378e24a1">
         Filter {field.label}
       </div>
 
-      <div class="space-y-1">
-        <label class="block text-[11px] text-muted-foreground" for="header_filter_op_{field.key}">Operator</label>
+      <div class="svadmin-u-da7c36cd8867">
+        <label class="svadmin-u-0214b4b355d1 svadmin-u-d058ca6de60f svadmin-u-bfa603190748" for="header_filter_op_{field.key}">Operator</label>
         <select
           id="header_filter_op_{field.key}"
           bind:value={operator}
-          class="h-7.5 w-full rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+          class="svadmin-u-d1c57777d8b6 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
         >
           {#each applicableOperators as op (op.value)}
             <option value={op.value}>{op.label}</option>
@@ -117,13 +117,13 @@
         </select>
       </div>
 
-      <div class="space-y-1">
-        <label class="block text-[11px] text-muted-foreground" for="header_filter_val_{field.key}">Value</label>
+      <div class="svadmin-u-da7c36cd8867">
+        <label class="svadmin-u-0214b4b355d1 svadmin-u-d058ca6de60f svadmin-u-bfa603190748" for="header_filter_val_{field.key}">Value</label>
         {#if field.type === 'select' && field.options}
           <select
             id="header_filter_val_{field.key}"
             bind:value={filterVal}
-            class="h-7.5 w-full rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+            class="svadmin-u-d1c57777d8b6 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
           >
             <option value="">All</option>
             {#each field.options as opt (opt.value)}
@@ -134,7 +134,7 @@
           <select
             id="header_filter_val_{field.key}"
             bind:value={filterVal}
-            class="h-7.5 w-full rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+            class="svadmin-u-d1c57777d8b6 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
           >
             <option value="">All</option>
             <option value="true">Yes / True</option>
@@ -145,7 +145,7 @@
             id="header_filter_val_{field.key}"
             type="date"
             bind:value={filterVal}
-            class="h-7.5 w-full rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+            class="svadmin-u-d1c57777d8b6 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
           />
         {:else}
           <input
@@ -153,23 +153,23 @@
             type="text"
             bind:value={filterVal}
             placeholder="Search {field.label}..."
-            class="h-7.5 w-full rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+            class="svadmin-u-d1c57777d8b6 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
           />
         {/if}
       </div>
 
-      <div class="flex items-center justify-between pt-1 border-t border-border/50">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-6b7d6e21ccbd svadmin-u-b950dda299d3 svadmin-u-591f378e24a1">
         <Button
           variant="ghost"
           size="sm"
-          class="h-7 px-2 text-xs text-muted-foreground hover:text-foreground gap-1"
+          class="svadmin-u-d0a52b312f7d svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e svadmin-u-44ee8ba0a421"
           onclick={handleClear}
         >
-          <RotateCcw class="h-3 w-3" />
+          <RotateCcw class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
           {i18n.t('common.clear', { defaultValue: 'Clear' })}
         </Button>
-        <Button size="sm" class="h-7 px-2.5 text-xs gap-1" onclick={handleApply}>
-          <Check class="h-3 w-3" />
+        <Button size="sm" class="svadmin-u-d0a52b312f7d svadmin-u-0b91436debbd svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421" onclick={handleApply}>
+          <Check class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
           {i18n.t('common.apply', { defaultValue: 'Apply' })}
         </Button>
       </div>