@svadmin/ui 0.68.1 → 0.69.0

package/dist/components/StepForm.svelte

@@ -73,46 +73,46 @@
   }
 </script>
 
-<div class={cn('space-y-6 rounded-xl border border-border bg-card p-6 shadow-xs', className)}>
+<div class={cn('svadmin-u-b3542e058833 svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-0478c89a150f svadmin-u-cef5b893cf23', className)}>
   <!-- Step Navigation Header -->
-  <div class="flex items-center justify-between gap-2 overflow-x-auto pb-4 border-b border-border/60">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4 svadmin-u-1384f66f41d0 svadmin-u-9fcd8a13827e svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
     {#each steps as step, index (index)}
       {@const isCompleted = index < currentStep}
       {@const isCurrent = index === currentStep}
       <button
         type="button"
         class={cn(
-          'flex items-center gap-3 transition-colors text-left group cursor-pointer bg-transparent border-0 p-0',
-          index <= currentStep ? 'opacity-100' : 'opacity-50 hover:opacity-75'
+          'svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c svadmin-u-ceb69a6b0e5f svadmin-u-2eba0d65d059 group svadmin-u-34516836730d svadmin-u-7f19cdf4c5bb svadmin-u-119b2aa0b8f6 svadmin-u-8a539c7fe216',
+          index <= currentStep ? 'svadmin-u-3972e98dc84f' : 'svadmin-u-0b8c506a0596 svadmin-u-c79b07fb641f'
         )}
         onclick={() => goToStep(index)}
         disabled={isSubmitting || isMoving}
       >
         <div
           class={cn(
-            'flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-xs font-semibold transition-all shadow-xs',
+            'svadmin-u-60fbb7713999 svadmin-u-e7a768f922d2 svadmin-u-ae2181c7b10f svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-359090c2d529 svadmin-u-e83a7042bc91 svadmin-u-0fe7d7d814d0 svadmin-u-cef5b893cf23',
             isCompleted
-              ? 'bg-success text-success-foreground'
+              ? 'svadmin-u-3355648fe22b svadmin-u-5a1ab9dd55a5'
               : isCurrent
-                ? 'bg-primary text-primary-foreground ring-4 ring-primary/20'
-                : 'bg-muted text-muted-foreground group-hover:bg-muted/80'
+                ? 'svadmin-u-75b1bec3ea0e svadmin-u-30ca335ae9c2 svadmin-u-44559afbdbd7 svadmin-u-2b6f77ad4036'
+                : 'svadmin-u-2ef11f1cb219 svadmin-u-bfa603190748 svadmin-u-1b5347a3c1a4'
           )}
         >
           {#if isCompleted}
-            <Check class="h-4 w-4" />
+            <Check class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
           {:else if step.icon}
-            <step.icon class="h-4 w-4" />
+            <step.icon class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
           {:else}
             {index + 1}
           {/if}
         </div>
 
-        <div class="hidden sm:block">
-          <div class={cn('text-xs font-medium', isCurrent ? 'text-foreground font-semibold' : 'text-muted-foreground')}>
+        <div class="svadmin-u-99d72c7fc3e2 svadmin-u-676c91deb47e">
+          <div class={cn('svadmin-u-359090c2d529 svadmin-u-2689f3958069', isCurrent ? 'svadmin-u-d4108abe6359 svadmin-u-e83a7042bc91' : 'svadmin-u-bfa603190748')}>
             {step.title}
           </div>
           {#if step.description}
-            <div class="text-[11px] text-muted-foreground/70 truncate max-w-32">
+            <div class="svadmin-u-d058ca6de60f svadmin-u-cddc79d3aaec svadmin-u-f283ea9bea0e svadmin-u-1d274d2422d8">
               {step.description}
             </div>
           {/if}
@@ -120,15 +120,15 @@
       </button>
 
       {#if index < steps.length - 1}
-        <div class="hidden flex-1 sm:flex items-center px-2">
-          <div class={cn('h-0.5 w-full rounded transition-colors', index < currentStep ? 'bg-success' : 'bg-border')}></div>
+        <div class="svadmin-u-99d72c7fc3e2 svadmin-u-36e579c0b41c svadmin-u-02fc11cfd270 svadmin-u-3960ffc248d9 svadmin-u-d5eab218aa34">
+          <div class={cn('svadmin-u-10db0d558201 svadmin-u-6da6a3c3f741 svadmin-u-07389a777c1f svadmin-u-ceb69a6b0e5f', index < currentStep ? 'svadmin-u-3355648fe22b' : 'svadmin-u-a59afa8d9b9d')}></div>
         </div>
       {/if}
     {/each}
   </div>
 
   <!-- Step Content Body -->
-  <div class="py-2 min-h-48">
+  <div class="svadmin-u-03b4dd7f172b svadmin-u-4b159de349a5">
     {#if stepContent}
       {@render stepContent(currentStep)}
     {:else if children}
@@ -137,7 +137,7 @@
   </div>
 
   <!-- Actions Footer -->
-  <div class="flex items-center justify-between pt-4 border-t border-border/60">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-173fa8f06789 svadmin-u-b950dda299d3 svadmin-u-05faf5c801ff">
     <div>
       {#if oncancel}
         <Button variant="ghost" size="sm" onclick={oncancel} disabled={isSubmitting || isMoving}>
@@ -146,16 +146,16 @@
       {/if}
     </div>
 
-    <div class="flex items-center gap-2">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
       {#if currentStep > 0}
         <Button
           variant="outline"
           size="sm"
           onclick={handlePrev}
           disabled={isSubmitting || isMoving}
-          class="gap-1"
+          class="svadmin-u-44ee8ba0a421"
         >
-          <ChevronLeft class="h-4 w-4" />
+          <ChevronLeft class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
           {prevText}
         </Button>
       {/if}
@@ -164,15 +164,15 @@
         size="sm"
         onclick={handleNext}
         disabled={isSubmitting || isMoving}
-        class="gap-1 min-w-24"
+        class="svadmin-u-44ee8ba0a421 svadmin-u-25effcb585ab"
       >
         {#if isSubmitting || isMoving}
-          <Loader2 class="h-4 w-4 animate-spin" />
+          <Loader2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e" />
         {:else if currentStep === steps.length - 1}
           {submitText}
         {:else}
           {nextText}
-          <ChevronRight class="h-4 w-4" />
+          <ChevronRight class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
         {/if}
       </Button>
     </div>

package/dist/components/StepsForm.svelte

@@ -111,51 +111,51 @@
   }
 </script>
 
-<div class="space-y-6">
+<div class="svadmin-u-b3542e058833">
   <!-- Step indicators -->
-  <div class="space-y-3">
-    <div class="flex items-center justify-between text-sm">
+  <div class="svadmin-u-6ed543e2fbbb">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-fc7473ca09eb">
       {#each steps as step, i (i)}
         <Button
           variant="ghost"
           type="button"
-          class="flex items-center gap-2 transition-colors h-auto py-1 px-2 {i === form.steps.currentStep ? 'text-primary font-semibold' : 'text-muted-foreground'}"
+          class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-ceb69a6b0e5f svadmin-u-b8f0a08ece1e svadmin-u-660d2effb880 svadmin-u-d5eab218aa34 {i === form.steps.currentStep ? 'svadmin-u-20aaf08a7ed1 svadmin-u-e83a7042bc91' : 'svadmin-u-bfa603190748'}"
           onclick={() => form.steps.gotoStep(i)}
         >
           <span
-            class="flex h-7 w-7 items-center justify-center rounded-full text-xs font-medium transition-colors"
+            class="svadmin-u-60fbb7713999 svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-ceb69a6b0e5f"
             class:bg-primary={i <= form.steps.currentStep}
             class:text-primary-foreground={i <= form.steps.currentStep}
             class:bg-muted={i > form.steps.currentStep}
             class:text-muted-foreground={i > form.steps.currentStep}
           >
             {#if i < form.steps.currentStep}
-              <Check class="h-3.5 w-3.5" />
+              <Check class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
             {:else}
               {i + 1}
             {/if}
           </span>
-          <span class="hidden sm:inline">{step.title}</span>
+          <span class="svadmin-u-99d72c7fc3e2 svadmin-u-ee3c1259a368">{step.title}</span>
         </Button>
         {#if i < steps.length - 1}
-          <div class="flex-1 mx-2 h-px bg-border" class:bg-primary={i < form.steps.currentStep}></div>
+          <div class="svadmin-u-36e579c0b41c svadmin-u-9e10c04e17bb svadmin-u-aea6160836e7 svadmin-u-a59afa8d9b9d" class:bg-primary={i < form.steps.currentStep}></div>
         {/if}
       {/each}
     </div>
-    <Progress value={progressValue} class="h-1.5" />
+    <Progress value={progressValue} class="svadmin-u-095acb275581" />
   </div>
 
   <!-- Step content -->
   <Card.Root>
     <Card.CardHeader>
       <Card.CardTitle>{steps[form.steps.currentStep]?.title ?? ''}</Card.CardTitle>
-      <Badge variant="outline" class="w-fit">
+      <Badge variant="outline" class="svadmin-u-92e7450ad20d">
         {i18n.t('common.step')} {form.steps.currentStep + 1} / {totalSteps}
       </Badge>
     </Card.CardHeader>
     <Card.CardContent>
       {#key form.steps.currentStep}
-        <form class="space-y-5" onsubmit={(e) => { e.preventDefault(); handleSubmit(); }} in:fly={{ x: 30, duration: 250 }}>
+        <form class="svadmin-u-b43b4c086d9a" onsubmit={(e) => { e.preventDefault(); handleSubmit(); }} in:fly={{ x: 30, duration: 250 }}>
         {#each currentFields as field (field.key)}
           <FieldRenderer
             {field}
@@ -163,27 +163,27 @@
             onchange={(v) => form.setFieldValue(field.key, v)}
           />
           {#if form.errors[field.key]}
-            <p class="text-destructive text-[0.8125rem] mt-1">{form.errors[field.key]}</p>
+            <p class="svadmin-u-811148b13d1e svadmin-u-1d5904e7e755 svadmin-u-b6b02c0ebef6">{form.errors[field.key]}</p>
           {/if}
         {/each}
 
-        <div class="flex items-center justify-between pt-4">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-173fa8f06789">
           <Button
             type="button"
             variant="outline"
             onclick={() => form.steps.currentStep === 0 ? adminContext.navigate(`/${resourceName}`) : form.steps.prevStep()}
           >
-            <ArrowLeft class="h-4 w-4" data-icon="inline-start" />
+            <ArrowLeft class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" data-icon="inline-start" />
             {form.steps.currentStep === 0 ? i18n.t('common.cancel') : i18n.t('common.back')}
           </Button>
 
           <Button type="submit" disabled={form.submitting}>
             {#if form.submitting}
-              <Loader2 class="h-4 w-4 animate-spin" data-icon="inline-start" />
+              <Loader2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e" data-icon="inline-start" />
             {:else if isLastStep}
-              <Save class="h-4 w-4" data-icon="inline-start" />
+              <Save class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" data-icon="inline-start" />
             {:else}
-              <ArrowRight class="h-4 w-4" data-icon="inline-start" />
+              <ArrowRight class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" data-icon="inline-start" />
             {/if}
             {isLastStep ? i18n.t('common.save') : i18n.t('common.next')}
           </Button>

package/dist/components/SvadminLogo.svelte

@@ -10,7 +10,7 @@
 
 <span
   aria-hidden="true"
-  class="inline-block shrink-0 rounded-lg bg-primary shadow-sm {onDark ? 'ring-1 ring-white/35' : ''}"
+  class="svadmin-u-bb0c4bfc52bd svadmin-u-012fbd121f37 svadmin-u-5f22e64f2282 svadmin-u-75b1bec3ea0e svadmin-u-438b2237b8d6 {onDark ? 'svadmin-u-3daca9af0861 svadmin-u-8b434b651a9e' : ''}"
   style:width={`${size}px`}
   style:height={`${size}px`}
 ></span>

package/dist/components/SystemPageShell.svelte

@@ -12,23 +12,23 @@
   const i18n = useTranslation();
 </script>
 
-<div class="min-h-screen bg-background text-foreground">
-  <header class="flex h-[70px] items-center justify-between border-b border-border/60 px-4 sm:px-6">
+<div class="svadmin-u-793346c7362c svadmin-u-e6f9e383a762 svadmin-u-d4108abe6359">
+  <header class="svadmin-u-60fbb7713999 svadmin-u-07017cde3e97 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff svadmin-u-f0faeb26d656 svadmin-u-7a9aabfcd059">
     <button
       type="button"
-      class="inline-flex items-center gap-2.5 text-sm font-semibold"
+      class="svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-7e9a2a250cc3 svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91"
       onclick={() => adminContext.navigate('/')}
     >
       <SvadminLogo size={30} />
       <span>{title}</span>
     </button>
     <Button variant="ghost" size="sm" onclick={() => adminContext.back()}>
-      <ArrowLeft class="h-4 w-4" />
-      <span class="hidden sm:inline">{i18n.t('common.back')}</span>
+      <ArrowLeft class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
+      <span class="svadmin-u-99d72c7fc3e2 svadmin-u-ee3c1259a368">{i18n.t('common.back')}</span>
     </Button>
   </header>
 
-  <main class="min-h-[calc(100vh-70px)] bg-muted/20 px-3 py-5 sm:px-6 sm:py-8">
+  <main class="svadmin-u-055a17b0d27b svadmin-u-967d113a1451 svadmin-u-0e17f2bd9074 svadmin-u-c9b99cd93450 svadmin-u-7a9aabfcd059 svadmin-u-9249876ba240">
     {@render children()}
   </main>
 </div>

package/dist/components/TableSummary.svelte

@@ -77,30 +77,30 @@
   }
 </script>
 
-<div class={cn('w-full overflow-x-auto border-t-2 border-border/80 bg-muted/30 font-medium text-xs text-foreground', className)}>
-  <table class="w-full text-left border-collapse">
+<div class={cn('svadmin-u-6da6a3c3f741 svadmin-u-1384f66f41d0 svadmin-u-bee68af349c9 svadmin-u-c9ed8c5f79ae svadmin-u-2859c861d7de svadmin-u-2689f3958069 svadmin-u-359090c2d529 svadmin-u-d4108abe6359', className)}>
+  <table class="svadmin-u-6da6a3c3f741 svadmin-u-2eba0d65d059 svadmin-u-4583f90cd9bd">
     <tbody>
-      <tr class="h-10">
+      <tr class="svadmin-u-426b8b75185b">
         {#each columns as col (col.key)}
           {@const isTitle = col.key === titleKey}
           {@const aggType = aggregations[col.key]}
           {@const align = col.align || 'left'}
           <td
             class={cn(
-              'px-4 py-2 tabular-nums',
-              align === 'right' ? 'text-right' : align === 'center' ? 'text-center' : 'text-left',
-              isTitle ? 'font-semibold text-foreground' : 'text-muted-foreground'
+              'svadmin-u-f0faeb26d656 svadmin-u-03b4dd7f172b svadmin-u-3032cae0badb',
+              align === 'right' ? 'svadmin-u-308fc069e46e' : align === 'center' ? 'svadmin-u-ca6bf63030aa' : 'svadmin-u-2eba0d65d059',
+              isTitle ? 'svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359' : 'svadmin-u-bfa603190748'
             )}
           >
             {#if isTitle && !aggType}
               <span>{title}</span>
             {:else if aggType}
               {@const result = calculateAggregation(col.key, aggType)}
-              <span class="font-semibold text-foreground">
+              <span class="svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">
                 {#if prefix[col.key]}{prefix[col.key]}{/if}{result}{#if suffix[col.key]}{suffix[col.key]}{/if}
               </span>
             {:else}
-              <span class="opacity-40">—</span>
+              <span class="svadmin-u-2a2db4667b27">—</span>
             {/if}
           </td>
         {/each}

package/dist/components/TaskDetails.svelte

@@ -78,9 +78,9 @@
   }
 </script>
 
-<Card.Root class="border-border/40 shadow-sm">
-  <Card.Header class="pb-3">
-    <Card.Title class="text-base">{resolvedTitle}</Card.Title>
+<Card.Root class="svadmin-u-6ee2d41e2d2d svadmin-u-438b2237b8d6">
+  <Card.Header class="svadmin-u-7fcf9124b5df">
+    <Card.Title class="svadmin-u-4ee734926ff6">{resolvedTitle}</Card.Title>
     <Card.Description>
       {#if resolvedTask}
         {resolveTaskTitle(resolvedTask)}
@@ -89,61 +89,61 @@
       {/if}
     </Card.Description>
   </Card.Header>
-  <Card.Content class="space-y-5 pt-0">
+  <Card.Content class="svadmin-u-b43b4c086d9a svadmin-u-9335c39f6eff">
     {#if useProviderData && taskProvider && query.isLoading}
-      <div class="flex h-40 items-center justify-center text-muted-foreground">
-        <Loader2 class="mr-2 h-4 w-4 animate-spin" />
+      <div class="svadmin-u-60fbb7713999 svadmin-u-aadad6871af8 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-bfa603190748">
+        <Loader2 class="svadmin-u-d2347e8497a9 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e" />
         {i18n.t('task.loadingDetail')}
       </div>
     {:else if resolvedTask}
-      <div class="flex flex-wrap items-center gap-2">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
         <TaskStatusBadge status={String(resolvedTask.status ?? 'pending')} />
-        <Badge variant="outline" class="font-mono text-xs">{resolvedTask.id}</Badge>
+        <Badge variant="outline" class="svadmin-u-0e65706bcccd svadmin-u-359090c2d529">{resolvedTask.id}</Badge>
       </div>
 
       {#if typeof resolveTaskProgress(resolvedTask) === 'number'}
         <TaskProgressBar value={resolveTaskProgress(resolvedTask)} />
       {/if}
 
-      <div class="grid gap-4 md:grid-cols-2">
-        <div class="space-y-1">
-          <div class="text-xs uppercase tracking-wide text-muted-foreground">{i18n.t('task.createdLabel')}</div>
-          <div class="text-sm">{formatDate(resolveTaskCreatedAt(resolvedTask))}</div>
+      <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-e4d6f343b9ff">
+        <div class="svadmin-u-da7c36cd8867">
+          <div class="svadmin-u-359090c2d529 uppercase svadmin-u-8baf13a3e9d7 svadmin-u-bfa603190748">{i18n.t('task.createdLabel')}</div>
+          <div class="svadmin-u-fc7473ca09eb">{formatDate(resolveTaskCreatedAt(resolvedTask))}</div>
         </div>
-        <div class="space-y-1">
-          <div class="text-xs uppercase tracking-wide text-muted-foreground">{i18n.t('task.updatedLabel')}</div>
-          <div class="text-sm">{formatDate(resolveTaskUpdatedAt(resolvedTask))}</div>
+        <div class="svadmin-u-da7c36cd8867">
+          <div class="svadmin-u-359090c2d529 uppercase svadmin-u-8baf13a3e9d7 svadmin-u-bfa603190748">{i18n.t('task.updatedLabel')}</div>
+          <div class="svadmin-u-fc7473ca09eb">{formatDate(resolveTaskUpdatedAt(resolvedTask))}</div>
         </div>
       </div>
 
       {#if resolveTaskMessage(resolvedTask)}
-        <div class="space-y-1">
-          <div class="text-xs uppercase tracking-wide text-muted-foreground">{i18n.t('task.messageLabel')}</div>
-          <div class="rounded-md border border-border/60 bg-muted/30 p-3 text-sm">{resolveTaskMessage(resolvedTask)}</div>
+        <div class="svadmin-u-da7c36cd8867">
+          <div class="svadmin-u-359090c2d529 uppercase svadmin-u-8baf13a3e9d7 svadmin-u-bfa603190748">{i18n.t('task.messageLabel')}</div>
+          <div class="svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff svadmin-u-2859c861d7de svadmin-u-eb6e8b881acd svadmin-u-fc7473ca09eb">{resolveTaskMessage(resolvedTask)}</div>
         </div>
       {/if}
 
       {#if resolveTaskError(resolvedTask)}
-        <div class="space-y-1">
-          <div class="text-xs uppercase tracking-wide text-destructive">{i18n.t('task.errorLabel')}</div>
-          <pre class="overflow-auto rounded-md border border-destructive/20 bg-destructive/5 p-3 text-xs text-destructive">{toPrettyJson(resolveTaskError(resolvedTask))}</pre>
+        <div class="svadmin-u-da7c36cd8867">
+          <div class="svadmin-u-359090c2d529 uppercase svadmin-u-8baf13a3e9d7 svadmin-u-811148b13d1e">{i18n.t('task.errorLabel')}</div>
+          <pre class="svadmin-u-73fc3fb18ceb svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-f0c1e65bd6f2 svadmin-u-7a0854fdbc30 svadmin-u-eb6e8b881acd svadmin-u-359090c2d529 svadmin-u-811148b13d1e">{toPrettyJson(resolveTaskError(resolvedTask))}</pre>
         </div>
       {/if}
 
       {#if resolveTaskResult(resolvedTask) !== undefined}
-        <div class="space-y-1">
-          <div class="text-xs uppercase tracking-wide text-muted-foreground">{i18n.t('task.resultLabel')}</div>
-          <pre class="overflow-auto rounded-md border border-border/60 bg-muted/20 p-3 text-xs">{toPrettyJson(resolveTaskResult(resolvedTask))}</pre>
+        <div class="svadmin-u-da7c36cd8867">
+          <div class="svadmin-u-359090c2d529 uppercase svadmin-u-8baf13a3e9d7 svadmin-u-bfa603190748">{i18n.t('task.resultLabel')}</div>
+          <pre class="svadmin-u-73fc3fb18ceb svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff svadmin-u-967d113a1451 svadmin-u-eb6e8b881acd svadmin-u-359090c2d529">{toPrettyJson(resolveTaskResult(resolvedTask))}</pre>
         </div>
       {/if}
 
-      <div class="space-y-1">
-        <div class="text-xs uppercase tracking-wide text-muted-foreground">{i18n.t('task.payloadLabel')}</div>
-        <pre class="overflow-auto rounded-md border border-border/60 bg-muted/20 p-3 text-xs">{toPrettyJson(resolvedTask.payload ?? resolvedTask)}</pre>
+      <div class="svadmin-u-da7c36cd8867">
+        <div class="svadmin-u-359090c2d529 uppercase svadmin-u-8baf13a3e9d7 svadmin-u-bfa603190748">{i18n.t('task.payloadLabel')}</div>
+        <pre class="svadmin-u-73fc3fb18ceb svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff svadmin-u-967d113a1451 svadmin-u-eb6e8b881acd svadmin-u-359090c2d529">{toPrettyJson(resolvedTask.payload ?? resolvedTask)}</pre>
       </div>
 
       {#if taskProvider?.retry || taskProvider?.cancel}
-        <div class="flex flex-wrap gap-2 pt-2">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-77a2a20e90d4 svadmin-u-f46b61a9b310">
           {#if taskProvider?.retry && canRetryTask(resolvedTask)}
             <RetryTaskButton taskId={resolvedTask.id} {taskProvider} />
           {/if}
@@ -153,7 +153,7 @@
         </div>
       {/if}
     {:else}
-      <div class="flex h-32 items-center justify-center text-sm text-muted-foreground">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-b5f3ff77f4f9 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">
         {i18n.t('task.noSelection')}
       </div>
     {/if}

package/dist/components/TaskList.svelte

@@ -82,9 +82,9 @@
   }
 </script>
 
-<Card.Root class="border-border/40 shadow-sm">
-  <Card.Header class="pb-3">
-    <Card.Title class="text-base">{resolvedTitle}</Card.Title>
+<Card.Root class="svadmin-u-6ee2d41e2d2d svadmin-u-438b2237b8d6">
+  <Card.Header class="svadmin-u-7fcf9124b5df">
+    <Card.Title class="svadmin-u-4ee734926ff6">{resolvedTitle}</Card.Title>
       <Card.Description>
       {#if useProviderData && taskProvider}
         {i18n.t('task.count', { count: (query.data?.total ?? resolvedTasks.length) || 0 })}
@@ -93,14 +93,14 @@
       {/if}
     </Card.Description>
   </Card.Header>
-  <Card.Content class="pt-0">
+  <Card.Content class="svadmin-u-9335c39f6eff">
     {#if useProviderData && taskProvider && query.isLoading}
-      <div class="flex h-40 items-center justify-center text-muted-foreground">
-        <Loader2 class="mr-2 h-4 w-4 animate-spin" />
+      <div class="svadmin-u-60fbb7713999 svadmin-u-aadad6871af8 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-bfa603190748">
+        <Loader2 class="svadmin-u-d2347e8497a9 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e" />
         {i18n.t('task.loadingList')}
       </div>
     {:else}
-      <div class="overflow-auto">
+      <div class="svadmin-u-73fc3fb18ceb">
         <Table.Root>
           <Table.Header>
             <Table.Row>
@@ -108,18 +108,18 @@
               <Table.Head>{i18n.t('task.statusColumn')}</Table.Head>
               <Table.Head>{i18n.t('task.updatedColumn')}</Table.Head>
               {#if showActions}
-                <Table.Head class="text-right">{i18n.t('task.actionsColumn')}</Table.Head>
+                <Table.Head class="svadmin-u-308fc069e46e">{i18n.t('task.actionsColumn')}</Table.Head>
               {/if}
             </Table.Row>
           </Table.Header>
           <Table.Body>
             {#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">
-                    <div class="font-medium text-foreground">{resolveTaskTitle(task)}</div>
+              <Table.Row class="svadmin-u-34516836730d svadmin-u-f6e31b39b8e4" onclick={() => onSelect?.(task)}>
+                <Table.Cell class="svadmin-u-00cde2e9f1cf">
+                  <div class="svadmin-u-da7c36cd8867">
+                    <div class="svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{resolveTaskTitle(task)}</div>
                     {#if resolveTaskMessage(task)}
-                      <div class="text-xs text-muted-foreground">{resolveTaskMessage(task)}</div>
+                      <div class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{resolveTaskMessage(task)}</div>
                     {/if}
                     {#if showProgress && typeof resolveTaskProgress(task) === 'number'}
                       <TaskProgressBar value={resolveTaskProgress(task)} />
@@ -129,12 +129,12 @@
                 <Table.Cell>
                   <TaskStatusBadge status={String(task.status ?? 'pending')} />
                 </Table.Cell>
-                <Table.Cell class="text-xs text-muted-foreground">
+                <Table.Cell class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">
                   {formatDate(resolveTaskUpdatedAt(task))}
                 </Table.Cell>
                 {#if showActions}
-                  <Table.Cell class="text-right">
-                    <div class="flex justify-end gap-2">
+                  <Table.Cell class="svadmin-u-308fc069e46e">
+                    <div class="svadmin-u-60fbb7713999 svadmin-u-77c08e015d14 svadmin-u-77a2a20e90d4">
                       {#if taskProvider?.retry && canRetryTask(task)}
                         <RetryTaskButton taskId={task.id} {taskProvider} />
                       {/if}
@@ -150,7 +150,7 @@
               </Table.Row>
             {:else}
               <Table.Row>
-                <Table.Cell colspan={showActions ? 4 : 3} class="h-24 text-center text-muted-foreground">
+                <Table.Cell colspan={showActions ? 4 : 3} class="svadmin-u-9678c61eaac3 svadmin-u-ca6bf63030aa svadmin-u-bfa603190748">
                   {resolvedEmptyText}
                 </Table.Cell>
               </Table.Row>

package/dist/components/TaskProgressBar.svelte

@@ -14,12 +14,12 @@
   const safeValue = $derived(Math.max(0, Math.min(100, Number(value ?? 0))));
 </script>
 
-<div class="space-y-1.5">
+<div class="svadmin-u-5a2508227c6a">
   {#if showLabel}
-    <div class="flex items-center justify-between text-[11px] text-muted-foreground">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-d058ca6de60f svadmin-u-bfa603190748">
       <span>{label}</span>
-      <span class="font-mono">{safeValue}%</span>
+      <span class="svadmin-u-0e65706bcccd">{safeValue}%</span>
     </div>
   {/if}
-  <Progress value={safeValue} max={100} class="h-1.5" />
+  <Progress value={safeValue} max={100} class="svadmin-u-095acb275581" />
 </div>