@svadmin/ui 0.68.1 → 0.69.0

package/dist/components/TaskQueueDrawer.svelte

@@ -215,13 +215,13 @@
 <Button
   variant="ghost"
   size="icon"
-  class="relative"
+  class="svadmin-u-d89972fe17d6"
   onclick={() => open = !open}
   aria-label={resolvedTitle}
 >
-  <ListTodo class="h-4 w-4" />
+  <ListTodo class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
   {#if runningCount > 0}
-    <span class="absolute -top-0.5 -right-0.5 flex h-4 w-4 items-center justify-center rounded-full bg-primary text-[10px] font-bold text-primary-foreground">
+    <span class="svadmin-u-da4dbfbc4fdc svadmin-u-2a95a5f480f7 svadmin-u-4c15f4f8c5ab svadmin-u-60fbb7713999 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-75b1bec3ea0e svadmin-u-1dc571a3609f svadmin-u-69450ef1487e svadmin-u-30ca335ae9c2">
       {runningCount}
     </span>
   {/if}
@@ -230,65 +230,65 @@
 <Sheet.Root
   bind:open
   side="right"
-  class="w-full max-w-6xl border-l border-border bg-card p-0"
+  class="svadmin-u-6da6a3c3f741 svadmin-u-1d4402dfae51 svadmin-u-d4f78465b34d svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8a539c7fe216"
   role="dialog"
   aria-modal="true"
   aria-labelledby="svadmin-task-queue-title"
   onClose={() => open = false}
 >
-  <Sheet.Content class="h-full gap-0 p-0">
-    <div class="flex h-full flex-col">
-      <div class="border-b border-border bg-muted/30 px-4 py-3">
-        <Sheet.Title id="svadmin-task-queue-title" class="sr-only">{resolvedTitle}</Sheet.Title>
-        <div class="flex flex-wrap items-center gap-2">
-          <ListTodo class="h-5 w-5 text-muted-foreground" />
-          <h2 class="text-sm font-semibold">{resolvedTitle}</h2>
-          <Badge variant="secondary" class="text-xs">{i18n.t('task.activeCount', { count: runningCount })}</Badge>
+  <Sheet.Content class="svadmin-u-668b21aa5409 svadmin-u-63a285be6490 svadmin-u-8a539c7fe216">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-668b21aa5409 svadmin-u-8dddea0773ed">
+      <div class="svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-2859c861d7de svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12">
+        <Sheet.Title id="svadmin-task-queue-title" class="svadmin-u-2daa8e5e2f2e">{resolvedTitle}</Sheet.Title>
+        <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+          <ListTodo class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-bfa603190748" />
+          <h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91">{resolvedTitle}</h2>
+          <Badge variant="secondary" class="svadmin-u-359090c2d529">{i18n.t('task.activeCount', { count: runningCount })}</Badge>
           {#if allTasks[0] && resolveTaskCreatedAt(allTasks[0])}
-            <span class="text-xs text-muted-foreground">{i18n.t('task.lastQueuedAt', { time: formatTime(resolveTaskCreatedAt(allTasks[0])) })}</span>
+            <span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{i18n.t('task.lastQueuedAt', { time: formatTime(resolveTaskCreatedAt(allTasks[0])) })}</span>
           {/if}
         </div>
       </div>
 
       {#if !taskProvider}
-        <div class="flex flex-1 items-center justify-center p-6 text-sm text-muted-foreground">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-36e579c0b41c svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-0478c89a150f svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">
           {i18n.t('common.configRequired')}
         </div>
       {:else}
-        <div class="grid min-h-0 flex-1 gap-0 lg:grid-cols-[minmax(0,1.2fr)_minmax(340px,0.8fr)]">
-          <div class="min-h-0 overflow-auto border-b border-border lg:border-b-0 lg:border-r">
-            <div class="space-y-4 p-4">
-              <div class="flex flex-col gap-3">
-                <div class="flex flex-wrap items-center gap-2">
-                  <Tabs.Root value={activeTab} class="w-full">
-                    <Tabs.List class="inline-flex rounded-lg border border-border bg-muted/40 p-1">
+        <div class="svadmin-u-f3c543ad5fe9 svadmin-u-fb7302e5364d svadmin-u-36e579c0b41c svadmin-u-63a285be6490 svadmin-u-bac517ea5f0f">
+          <div class="svadmin-u-fb7302e5364d svadmin-u-73fc3fb18ceb svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-e2f2b4a69d35 svadmin-u-64a6e3fce6e0">
+            <div class="svadmin-u-3e7ce58d64fa svadmin-u-8e63407b5ceb">
+              <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-1004c0c3954c">
+                <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+                  <Tabs.Root value={activeTab} class="svadmin-u-6da6a3c3f741">
+                    <Tabs.List class="svadmin-u-52083e7da442 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-b00f43c30c2b svadmin-u-eb6a3cef9686">
                       <Tabs.Trigger value="tasks" active={activeTab === 'tasks'} onclick={() => activeTab = 'tasks'}>
                         {i18n.t('task.tabTasks')}
-                        <Badge variant="outline" class="ml-1 text-[10px]">{taskQuery.data?.total ?? allTasks.length}</Badge>
+                        <Badge variant="outline" class="svadmin-u-f58b02572ab2 svadmin-u-1dc571a3609f">{taskQuery.data?.total ?? allTasks.length}</Badge>
                       </Tabs.Trigger>
                       <Tabs.Trigger value="dlq" active={activeTab === 'dlq'} onclick={() => activeTab = 'dlq'}>
                         {i18n.t('task.tabDlq')}
-                        <Badge variant="outline" class="ml-1 text-[10px]">{dlqQuery.data?.total ?? dlqTasks.length}</Badge>
+                        <Badge variant="outline" class="svadmin-u-f58b02572ab2 svadmin-u-1dc571a3609f">{dlqQuery.data?.total ?? dlqTasks.length}</Badge>
                       </Tabs.Trigger>
                     </Tabs.List>
                   </Tabs.Root>
-                  <div class="ml-auto flex items-center gap-2">
+                  <div class="svadmin-u-fb56d9cff341 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
                     <Button variant="outline" size="sm" onclick={() => void refreshCurrentTab()}>
-                      <RefreshCw class="mr-1.5 h-3.5 w-3.5" />
+                      <RefreshCw class="svadmin-u-82cc6c6581cd svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
                       {i18n.t('common.refresh')}
                     </Button>
                     <Button size="sm" onclick={() => submitOpen = !submitOpen}>
-                      <Plus class="mr-1.5 h-3.5 w-3.5" />
+                      <Plus class="svadmin-u-82cc6c6581cd svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
                       {i18n.t('task.submitAction')}
                     </Button>
                   </div>
                 </div>
 
-                <div class="grid gap-3 md:grid-cols-[minmax(0,1fr)_180px_160px]">
-                  <div class="relative">
-                    <Search class="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+                <div class="svadmin-u-f3c543ad5fe9 svadmin-u-1004c0c3954c svadmin-u-d05bf7110c88">
+                  <div class="svadmin-u-d89972fe17d6">
+                    <Search class="svadmin-u-a4326536b8f5 svadmin-u-da4dbfbc4fdc svadmin-u-22e59b722111 svadmin-u-d694ba66e322 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-36b381be4df3 svadmin-u-bfa603190748" />
                     <Input
-                      class="pl-9"
+                      class="svadmin-u-9e83b2412bc9"
                       placeholder={i18n.t('task.searchPlaceholder')}
                       bind:value={searchQuery}
                     />
@@ -309,34 +309,34 @@
               </div>
 
               {#if submitOpen}
-                <Card.Root class="border-border/60 shadow-none">
-                  <Card.Header class="pb-3">
-                    <Card.Title class="text-base">{i18n.t('task.submitTitle')}</Card.Title>
+                <Card.Root class="svadmin-u-05faf5c801ff svadmin-u-ad47d17e603c">
+                  <Card.Header class="svadmin-u-7fcf9124b5df">
+                    <Card.Title class="svadmin-u-4ee734926ff6">{i18n.t('task.submitTitle')}</Card.Title>
                     <Card.Description>{i18n.t('task.submitDescription')}</Card.Description>
                   </Card.Header>
-                  <Card.Content class="space-y-4 pt-0">
-                    <div class="space-y-2">
+                  <Card.Content class="svadmin-u-3e7ce58d64fa svadmin-u-9335c39f6eff">
+                    <div class="svadmin-u-6f7e013d6499">
                       <Label for="task-name">{i18n.t('task.taskNameLabel')}</Label>
                       <Input id="task-name" bind:value={submitTaskName} placeholder="image.generate" />
                     </div>
-                    <div class="space-y-2">
+                    <div class="svadmin-u-6f7e013d6499">
                       <Label for="task-idempotency-key">{i18n.t('task.idempotencyKeyLabel')}</Label>
                       <Input id="task-idempotency-key" bind:value={submitIdempotencyKey} placeholder="poster-2026-04-19" />
                     </div>
-                    <div class="space-y-2">
+                    <div class="svadmin-u-6f7e013d6499">
                       <Label for="task-body">{i18n.t('task.bodyLabel')}</Label>
-                      <Textarea id="task-body" bind:value={submitBodyText} class="min-h-[140px] font-mono text-xs" />
+                      <Textarea id="task-body" bind:value={submitBodyText} class="svadmin-u-ee15a477cd9c svadmin-u-0e65706bcccd svadmin-u-359090c2d529" />
                     </div>
                     {#if submitError}
-                      <p class="text-sm text-destructive">{submitError}</p>
+                      <p class="svadmin-u-fc7473ca09eb svadmin-u-811148b13d1e">{submitError}</p>
                     {/if}
-                    <div class="flex flex-wrap justify-end gap-2">
+                    <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-77c08e015d14 svadmin-u-77a2a20e90d4">
                       <Button variant="ghost" onclick={() => { submitOpen = false; submitError = null; }}>
                         {i18n.t('common.cancel')}
                       </Button>
                       <Button onclick={() => void handleSubmitTask()} disabled={submitTask.mutation.isPending}>
                         {#if submitTask.mutation.isPending}
-                          <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" />
                         {/if}
                         {i18n.t('task.submitAction')}
                       </Button>
@@ -358,8 +358,8 @@
             </div>
           </div>
 
-          <div class="min-h-0 overflow-auto bg-muted/10">
-            <div class="p-4">
+          <div class="svadmin-u-fb7302e5364d svadmin-u-73fc3fb18ceb svadmin-u-8a25a995eb8e">
+            <div class="svadmin-u-8e63407b5ceb">
               {#if selectedTaskId}
                 <TaskDetails
                   taskId={selectedTaskId}
@@ -371,7 +371,7 @@
                   }}
                 />
               {:else}
-                <div class="flex h-full items-center justify-center rounded-lg border border-dashed border-border/60 bg-background/70 p-8 text-center text-sm text-muted-foreground">
+                <div class="svadmin-u-60fbb7713999 svadmin-u-668b21aa5409 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-a29b7a649c77 svadmin-u-05faf5c801ff svadmin-u-8417db9333ae svadmin-u-845f53365c8d svadmin-u-ca6bf63030aa svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">
                   {i18n.t('task.selectHint')}
                 </div>
               {/if}

package/dist/components/TaskStatusBadge.svelte

@@ -34,14 +34,14 @@
           label: translateStatus(normalizedStatus),
           variant: 'default' as const,
           icon: Loader2,
-          iconClass: 'animate-spin',
+          iconClass: 'svadmin-u-afbdd13a380e',
         };
       case 'completed':
         return {
           label: translateStatus(normalizedStatus),
           variant: 'secondary' as const,
           icon: CheckCircle2,
-          iconClass: 'text-success',
+          iconClass: 'svadmin-u-76747e5e02ff',
         };
       case 'failed':
         return {
@@ -55,7 +55,7 @@
           label: translateStatus(normalizedStatus),
           variant: 'outline' as const,
           icon: Ban,
-          iconClass: 'text-muted-foreground',
+          iconClass: 'svadmin-u-bfa603190748',
         };
       case 'queued':
         return {
@@ -77,9 +77,9 @@
   const Icon = $derived(config.icon);
 </script>
 
-<Badge variant={config.variant} class={`gap-1.5 ${className}`.trim()}>
+<Badge variant={config.variant} class={`svadmin-u-58284b4ea568 ${className}`.trim()}>
   {#if showIcon}
-    <Icon class={`h-3.5 w-3.5 ${config.iconClass}`.trim()} />
+    <Icon class={`svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c ${config.iconClass}`.trim()} />
   {/if}
   <span>{config.label}</span>
 </Badge>

package/dist/components/TenantSwitcher.svelte

@@ -33,49 +33,49 @@
         <button
           type="button"
           {...props}
-          class="flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left transition-colors hover:bg-sidebar-accent/50
-            {collapsed ? 'justify-center' : ''}"
+          class="svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c svadmin-u-5f22e64f2282 svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-2eba0d65d059 svadmin-u-ceb69a6b0e5f svadmin-u-55d1f8b9d318
+            {collapsed ? 'svadmin-u-86843cf1e227' : ''}"
         >
-          <div class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary text-sm font-bold">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-ed8a5df7b2fb svadmin-u-2bbcfc3b5179 svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-5f22e64f2282 svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1 svadmin-u-fc7473ca09eb svadmin-u-69450ef1487e">
             {#if currentTenant?.logo}
-              <img src={currentTenant.logo} alt={currentTenant.name} class="h-full w-full rounded-lg object-cover" />
+              <img src={currentTenant.logo} alt={currentTenant.name} class="svadmin-u-668b21aa5409 svadmin-u-6da6a3c3f741 svadmin-u-5f22e64f2282 svadmin-u-7d85d0c21a32" />
             {:else}
-              <Building2 class="h-4 w-4" />
+              <Building2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
             {/if}
           </div>
           {#if !collapsed}
-            <div class="flex-1 min-w-0">
-              <p class="truncate text-sm font-semibold text-sidebar-foreground">{currentTenant?.name ?? 'Select'}</p>
-              <p class="truncate text-[10px] text-sidebar-foreground/50">Workspace</p>
+            <div class="svadmin-u-36e579c0b41c svadmin-u-7e0b7cdf1a94">
+              <p class="svadmin-u-f283ea9bea0e svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-a7a63217e098">{currentTenant?.name ?? 'Select'}</p>
+              <p class="svadmin-u-f283ea9bea0e svadmin-u-1dc571a3609f svadmin-u-68d55a736ff4">Workspace</p>
             </div>
-            <ChevronsUpDown class="h-4 w-4 shrink-0 text-sidebar-foreground/40" />
+            <ChevronsUpDown class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-012fbd121f37 svadmin-u-3e3534b4c5df" />
           {/if}
         </button>
       {/snippet}
     </DropdownMenu.Trigger>
-    <DropdownMenu.Content class="w-56">
+    <DropdownMenu.Content class="svadmin-u-d16aae848835">
       {#if headerSnippet}
-        <div class="px-2 py-1.5">
+        <div class="svadmin-u-d5eab218aa34 svadmin-u-ec0091ee009b">
           {@render headerSnippet()}
         </div>
         <DropdownMenu.Separator />
       {/if}
-      <div class="px-2 py-1.5 text-xs text-muted-foreground">Workspaces</div>
+      <div class="svadmin-u-d5eab218aa34 svadmin-u-ec0091ee009b svadmin-u-359090c2d529 svadmin-u-bfa603190748">Workspaces</div>
       {#each tenants as tenant, _i (_i)}
         <DropdownMenu.Item
-          class="flex items-center gap-3 cursor-pointer"
+          class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c svadmin-u-34516836730d"
           onclick={() => selectTenant(tenant.id)}
         >
-          <div class="flex h-6 w-6 shrink-0 items-center justify-center rounded bg-primary/10 text-primary text-xs font-bold">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-f6fe902450dc svadmin-u-7ec10f86d9b1 svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-07389a777c1f svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1 svadmin-u-359090c2d529 svadmin-u-69450ef1487e">
             {#if tenant.logo}
-              <img src={tenant.logo} alt={tenant.name} class="h-full w-full rounded object-cover" />
+              <img src={tenant.logo} alt={tenant.name} class="svadmin-u-668b21aa5409 svadmin-u-6da6a3c3f741 svadmin-u-07389a777c1f svadmin-u-7d85d0c21a32" />
             {:else}
               {tenant.name.charAt(0).toUpperCase()}
             {/if}
           </div>
-          <span class="flex-1 truncate">{tenant.name}</span>
+          <span class="svadmin-u-36e579c0b41c svadmin-u-f283ea9bea0e">{tenant.name}</span>
           {#if tenant.id === currentTenant?.id}
-            <Check class="h-4 w-4 text-primary" />
+            <Check class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-20aaf08a7ed1" />
           {/if}
         </DropdownMenu.Item>
       {/each}

package/dist/components/ThemedTitle.svelte

@@ -18,15 +18,15 @@
   const titleIcon = $derived(icon ?? adminOptions.title?.icon);
 </script>
 
-<div class="flex items-center gap-2 {wrapperStyles}">
+<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 {wrapperStyles}">
   {#if titleIcon}
-    <img src={titleIcon} alt="" class="h-6 w-6 shrink-0" />
+    <img src={titleIcon} alt="" class="svadmin-u-f6fe902450dc svadmin-u-7ec10f86d9b1 svadmin-u-012fbd121f37" />
   {:else}
-    <div class="flex h-7 w-7 items-center justify-center rounded-lg bg-primary text-primary-foreground text-sm font-bold">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-5f22e64f2282 svadmin-u-75b1bec3ea0e svadmin-u-30ca335ae9c2 svadmin-u-fc7473ca09eb svadmin-u-69450ef1487e">
       {titleText.charAt(0).toUpperCase()}
     </div>
   {/if}
   {#if !collapsed}
-    <span class="text-lg font-semibold text-foreground truncate">{titleText}</span>
+    <span class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-f283ea9bea0e">{titleText}</span>
   {/if}
 </div>

package/dist/components/Toast.svelte

@@ -61,7 +61,7 @@
     theme,
     toastOptions: {
       classes: {
-        toast: 'font-sans',
+        toast: 'svadmin-u-79bf1259388b',
       },
     }
   } satisfies ToasterProps);
@@ -80,7 +80,7 @@
 {#if isActiveHost}
   <Toaster {...toasterProps} />
   <div
-    class="pointer-events-none fixed bottom-4 left-4 right-4 z-[100] flex flex-col-reverse gap-2 sm:bottom-6 sm:left-1/2 sm:right-auto sm:w-[min(32rem,calc(100vw-3rem))] sm:-translate-x-1/2"
+    class="svadmin-u-a4326536b8f5 svadmin-u-7bc555991dba svadmin-u-c1b9bd611950 svadmin-u-b2e7cc55921c svadmin-u-5a438c30beec svadmin-u-db5a366a0e21 svadmin-u-60fbb7713999 svadmin-u-aa6c1169cd77 svadmin-u-77a2a20e90d4 svadmin-u-6dfb687ea917 svadmin-u-5540f3495030 svadmin-u-9673d11dbf8a svadmin-u-dd317c20a8aa svadmin-u-8bd891360308"
     data-svadmin-undo-stack
   >
     {#each getToasts().slice(-3) as item (item.id)}

package/dist/components/Transfer.svelte

@@ -154,48 +154,48 @@
   }
 </script>
 
-<div class={cn('flex flex-col sm:flex-row items-center gap-3 w-full', className)} data-testid="transfer">
+<div class={cn('svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-020ba687fa12 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c svadmin-u-6da6a3c3f741', className)} data-testid="transfer">
   <!-- Left Panel -->
-  <div class="flex-1 w-full rounded-lg border border-border bg-card shadow-xs flex flex-col h-72">
-    <div class="flex items-center justify-between border-b border-border/80 px-3 py-2 bg-muted/30">
-      <div class="flex items-center gap-2">
+  <div class="svadmin-u-36e579c0b41c svadmin-u-6da6a3c3f741 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-cef5b893cf23 svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-ff4a6777f1bc">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-65fdbade2025 svadmin-u-c9ed8c5f79ae svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-2859c861d7de">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
         <Checkbox
           checked={filteredLeft.length > 0 && filteredLeft.filter((i) => !i.disabled).every((i) => leftSelected.has(i.key))}
           disabled={disabled || filteredLeft.filter((i) => !i.disabled).length === 0}
           onCheckedChange={toggleAllLeft}
         />
-        <span class="text-xs font-medium text-foreground">{titles[0]}</span>
+        <span class="svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{titles[0]}</span>
       </div>
-      <span class="text-[11px] text-muted-foreground tabular-nums">
+      <span class="svadmin-u-d058ca6de60f svadmin-u-bfa603190748 svadmin-u-3032cae0badb">
         {leftSelected.size} / {leftDataSource.length}
       </span>
     </div>
 
     {#if searchable}
-      <div class="p-2 border-b border-border/40">
-        <div class="relative">
-          <Search class="absolute left-2.5 top-2.5 h-3.5 w-3.5 text-muted-foreground" />
+      <div class="svadmin-u-7660b450905a svadmin-u-65fdbade2025 svadmin-u-6ee2d41e2d2d">
+        <div class="svadmin-u-d89972fe17d6">
+          <Search class="svadmin-u-da4dbfbc4fdc svadmin-u-ecfeb742a3f3 svadmin-u-7a470f4c9b28 svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-bfa603190748" />
           <Input
             type="text"
             bind:value={leftSearch}
             placeholder={i18n.t('common.search', undefined) ?? '搜索...'}
-            class="h-8 pl-8 pr-2 text-xs"
+            class="svadmin-u-ed8a5df7b2fb svadmin-u-e4af885410fe svadmin-u-aa2c13a5e1b4 svadmin-u-359090c2d529"
             {disabled}
           />
         </div>
       </div>
     {/if}
 
-    <div class="flex-1 overflow-y-auto p-1 space-y-0.5">
+    <div class="svadmin-u-36e579c0b41c svadmin-u-92bf82f493b1 svadmin-u-eb6a3cef9686 svadmin-u-e2eedc5718f0">
       {#each filteredLeft as item (item.key)}
         {@const selected = leftSelected.has(item.key)}
         <div
           role="button"
           tabindex="0"
           class={cn(
-            'flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs transition-colors cursor-pointer select-none',
-            selected ? 'bg-primary/10 text-primary font-medium' : 'hover:bg-muted/50 text-foreground',
-            item.disabled && 'opacity-50 cursor-not-allowed pointer-events-none'
+            'svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-421ac2be5045 svadmin-u-0b91436debbd svadmin-u-ec0091ee009b svadmin-u-359090c2d529 svadmin-u-ceb69a6b0e5f svadmin-u-34516836730d svadmin-u-7f6912283f11',
+            selected ? 'svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1 svadmin-u-2689f3958069' : 'svadmin-u-39f703dbe296 svadmin-u-d4108abe6359',
+            item.disabled && 'svadmin-u-0b8c506a0596 svadmin-u-29b733e4c162 svadmin-u-a4326536b8f5'
           )}
           onclick={() => toggleLeftSelect(item.key)}
           onkeydown={(e) => {
@@ -210,19 +210,19 @@
             disabled={disabled || item.disabled}
             onCheckedChange={() => toggleLeftSelect(item.key)}
           />
-          <div class="min-w-0 flex-1">
+          <div class="svadmin-u-7e0b7cdf1a94 svadmin-u-36e579c0b41c">
             {#if renderItem}
               {@render renderItem({ item, direction: 'left' })}
             {:else}
-              <div class="truncate">{item.title}</div>
+              <div class="svadmin-u-f283ea9bea0e">{item.title}</div>
               {#if item.description}
-                <div class="truncate text-[10px] text-muted-foreground">{item.description}</div>
+                <div class="svadmin-u-f283ea9bea0e svadmin-u-1dc571a3609f svadmin-u-bfa603190748">{item.description}</div>
               {/if}
             {/if}
           </div>
         </div>
       {:else}
-        <div class="py-10 text-center text-xs text-muted-foreground">
+        <div class="svadmin-u-1100bef66e60 svadmin-u-ca6bf63030aa svadmin-u-359090c2d529 svadmin-u-bfa603190748">
           {i18n.t('common.noData', undefined) ?? '无项目'}
         </div>
       {/each}
@@ -230,7 +230,7 @@
   </div>
 
   <!-- Middle Action Buttons -->
-  <div class="flex sm:flex-col gap-1.5 shrink-0 justify-center">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-9c4dae6452a4 svadmin-u-58284b4ea568 svadmin-u-012fbd121f37 svadmin-u-86843cf1e227">
     <Button
       type="button"
       variant="outline"
@@ -239,7 +239,7 @@
       onclick={moveToRight}
       title="转移所选项"
     >
-      <ChevronRight class="h-4 w-4" />
+      <ChevronRight class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
     </Button>
 
     <Button
@@ -250,7 +250,7 @@
       onclick={moveToLeft}
       title="移除所选项"
     >
-      <ChevronLeft class="h-4 w-4" />
+      <ChevronLeft class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
     </Button>
 
     <Button
@@ -261,7 +261,7 @@
       onclick={moveAllToRight}
       title="全部转移"
     >
-      <ChevronsRight class="h-4 w-4" />
+      <ChevronsRight class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
     </Button>
 
     <Button
@@ -272,51 +272,51 @@
       onclick={moveAllToLeft}
       title="全部移除"
     >
-      <ChevronsLeft class="h-4 w-4" />
+      <ChevronsLeft class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
     </Button>
   </div>
 
   <!-- Right Panel -->
-  <div class="flex-1 w-full rounded-lg border border-border bg-card shadow-xs flex flex-col h-72">
-    <div class="flex items-center justify-between border-b border-border/80 px-3 py-2 bg-muted/30">
-      <div class="flex items-center gap-2">
+  <div class="svadmin-u-36e579c0b41c svadmin-u-6da6a3c3f741 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-cef5b893cf23 svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-ff4a6777f1bc">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-65fdbade2025 svadmin-u-c9ed8c5f79ae svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-2859c861d7de">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
         <Checkbox
           checked={filteredRight.length > 0 && filteredRight.filter((i) => !i.disabled).every((i) => rightSelected.has(i.key))}
           disabled={disabled || filteredRight.filter((i) => !i.disabled).length === 0}
           onCheckedChange={toggleAllRight}
         />
-        <span class="text-xs font-medium text-foreground">{titles[1]}</span>
+        <span class="svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{titles[1]}</span>
       </div>
-      <span class="text-[11px] text-muted-foreground tabular-nums">
+      <span class="svadmin-u-d058ca6de60f svadmin-u-bfa603190748 svadmin-u-3032cae0badb">
         {rightSelected.size} / {rightDataSource.length}
       </span>
     </div>
 
     {#if searchable}
-      <div class="p-2 border-b border-border/40">
-        <div class="relative">
-          <Search class="absolute left-2.5 top-2.5 h-3.5 w-3.5 text-muted-foreground" />
+      <div class="svadmin-u-7660b450905a svadmin-u-65fdbade2025 svadmin-u-6ee2d41e2d2d">
+        <div class="svadmin-u-d89972fe17d6">
+          <Search class="svadmin-u-da4dbfbc4fdc svadmin-u-ecfeb742a3f3 svadmin-u-7a470f4c9b28 svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-bfa603190748" />
           <Input
             type="text"
             bind:value={rightSearch}
             placeholder={i18n.t('common.search', undefined) ?? '搜索...'}
-            class="h-8 pl-8 pr-2 text-xs"
+            class="svadmin-u-ed8a5df7b2fb svadmin-u-e4af885410fe svadmin-u-aa2c13a5e1b4 svadmin-u-359090c2d529"
             {disabled}
           />
         </div>
       </div>
     {/if}
 
-    <div class="flex-1 overflow-y-auto p-1 space-y-0.5">
+    <div class="svadmin-u-36e579c0b41c svadmin-u-92bf82f493b1 svadmin-u-eb6a3cef9686 svadmin-u-e2eedc5718f0">
       {#each filteredRight as item (item.key)}
         {@const selected = rightSelected.has(item.key)}
         <div
           role="button"
           tabindex="0"
           class={cn(
-            'flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs transition-colors cursor-pointer select-none',
-            selected ? 'bg-primary/10 text-primary font-medium' : 'hover:bg-muted/50 text-foreground',
-            item.disabled && 'opacity-50 cursor-not-allowed pointer-events-none'
+            'svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-421ac2be5045 svadmin-u-0b91436debbd svadmin-u-ec0091ee009b svadmin-u-359090c2d529 svadmin-u-ceb69a6b0e5f svadmin-u-34516836730d svadmin-u-7f6912283f11',
+            selected ? 'svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1 svadmin-u-2689f3958069' : 'svadmin-u-39f703dbe296 svadmin-u-d4108abe6359',
+            item.disabled && 'svadmin-u-0b8c506a0596 svadmin-u-29b733e4c162 svadmin-u-a4326536b8f5'
           )}
           onclick={() => toggleRightSelect(item.key)}
           onkeydown={(e) => {
@@ -331,19 +331,19 @@
             disabled={disabled || item.disabled}
             onCheckedChange={() => toggleRightSelect(item.key)}
           />
-          <div class="min-w-0 flex-1">
+          <div class="svadmin-u-7e0b7cdf1a94 svadmin-u-36e579c0b41c">
             {#if renderItem}
               {@render renderItem({ item, direction: 'right' })}
             {:else}
-              <div class="truncate">{item.title}</div>
+              <div class="svadmin-u-f283ea9bea0e">{item.title}</div>
               {#if item.description}
-                <div class="truncate text-[10px] text-muted-foreground">{item.description}</div>
+                <div class="svadmin-u-f283ea9bea0e svadmin-u-1dc571a3609f svadmin-u-bfa603190748">{item.description}</div>
               {/if}
             {/if}
           </div>
         </div>
       {:else}
-        <div class="py-10 text-center text-xs text-muted-foreground">
+        <div class="svadmin-u-1100bef66e60 svadmin-u-ca6bf63030aa svadmin-u-359090c2d529 svadmin-u-bfa603190748">
           {i18n.t('common.noData', undefined) ?? '无项目'}
         </div>
       {/each}