@svadmin/ui 0.68.0 → 0.69.0

package/dist/components/InferencerPanel.svelte

@@ -117,17 +117,17 @@
 </script>
 
 <Card.Root>
-  <Card.CardHeader class="pb-3">
-    <Card.CardTitle class="flex items-center gap-2 text-base">
-      <Wand2 class="h-4 w-4" />
+  <Card.CardHeader class="svadmin-u-7fcf9124b5df">
+    <Card.CardTitle class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-4ee734926ff6">
+      <Wand2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
       Resource Inferencer
     </Card.CardTitle>
   </Card.CardHeader>
-  <Card.CardContent class="space-y-4">
+  <Card.CardContent class="svadmin-u-3e7ce58d64fa">
     <!-- Resource selector -->
-    <div class="flex gap-2">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-77a2a20e90d4">
       <Select
-        class="flex-1"
+        class="svadmin-u-36e579c0b41c"
         bind:value={selectedResource}
         placeholder="— Select a resource —"
       >
@@ -135,10 +135,10 @@
           <option value={res.name}>{res.label} ({res.name})</option>
         {/each}
       </Select>
-      <span class="flex items-center text-xs text-muted-foreground">or</span>
+      <span class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-359090c2d529 svadmin-u-bfa603190748">or</span>
       <Input
         type="text"
-        class="w-36"
+        class="svadmin-u-df403bbae8fc"
         placeholder="custom endpoint"
         bind:value={customEndpoint}
       />
@@ -146,53 +146,53 @@
 
     <Button size="sm" onclick={runInference} disabled={loading || (!selectedResource && !customEndpoint.trim())}>
       {#if loading}
-        <Loader2 class="h-3 w-3 animate-spin" data-icon="inline-start" />
+        <Loader2 class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-afbdd13a380e" data-icon="inline-start" />
         Inferring...
       {:else}
-        <RefreshCw class="h-3 w-3" data-icon="inline-start" />
+        <RefreshCw class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" data-icon="inline-start" />
         Infer Fields
       {/if}
     </Button>
 
     {#if error}
       <Alert.Root variant="destructive">
-        <AlertCircle class="h-4 w-4" />
+        <AlertCircle class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
         <Alert.Description>{error}</Alert.Description>
       </Alert.Root>
     {/if}
 
     {#if loading}
-      <div class="space-y-2">
+      <div class="svadmin-u-6f7e013d6499">
         {#each Array(4) as _, _i (_i)}
-          <Skeleton class="h-8 w-full" />
+          <Skeleton class="svadmin-u-ed8a5df7b2fb svadmin-u-6da6a3c3f741" />
         {/each}
       </div>
     {/if}
 
     {#if inferResult}
       <!-- Field table -->
-      <ScrollArea class="max-h-80">
+      <ScrollArea class="svadmin-u-e5738cbd2714">
         <Table.Root>
           <Table.Header>
-            <Table.Row class="bg-muted/50">
+            <Table.Row class="svadmin-u-358af0b65a31">
               <Table.Head>Field</Table.Head>
               <Table.Head>Type</Table.Head>
-              <Table.Head class="text-center">List</Table.Head>
-              <Table.Head class="text-center">Form</Table.Head>
+              <Table.Head class="svadmin-u-ca6bf63030aa">List</Table.Head>
+              <Table.Head class="svadmin-u-ca6bf63030aa">Form</Table.Head>
             </Table.Row>
           </Table.Header>
           <Table.Body>
             {#each inferResult.fields as field, _i (_i)}
               <Table.Row>
-                <Table.Cell class="font-mono text-xs">{field.key}</Table.Cell>
+                <Table.Cell class="svadmin-u-0e65706bcccd svadmin-u-359090c2d529">{field.key}</Table.Cell>
                 <Table.Cell>
                   <Badge variant={typeVariants[field.type] ?? 'secondary'}>
                     {field.type}
                     {#if field.resource}→ {field.resource}{/if}
                   </Badge>
                 </Table.Cell>
-                <Table.Cell class="text-center">{field.showInList ? '✓' : '—'}</Table.Cell>
-                <Table.Cell class="text-center">{field.showInForm ? '✓' : '—'}</Table.Cell>
+                <Table.Cell class="svadmin-u-ca6bf63030aa">{field.showInList ? '✓' : '—'}</Table.Cell>
+                <Table.Cell class="svadmin-u-ca6bf63030aa">{field.showInForm ? '✓' : '—'}</Table.Cell>
               </Table.Row>
             {/each}
           </Table.Body>
@@ -200,13 +200,13 @@
       </ScrollArea>
 
       <!-- Generated code -->
-      <div class="rounded-lg border overflow-hidden">
-        <div class="flex flex-wrap items-center justify-between gap-1 bg-muted px-3 py-1.5 text-xs text-muted-foreground border-b">
-          <div class="flex items-center gap-1">
+      <div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-2cd02d11d1af">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-44ee8ba0a421 svadmin-u-2ef11f1cb219 svadmin-u-0e17f2bd9074 svadmin-u-ec0091ee009b svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-65fdbade2025">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421">
             <Button
               variant={codeTarget === 'resource' ? 'secondary' : 'ghost'}
               size="sm"
-              class="h-6 text-xs px-2"
+              class="svadmin-u-f6fe902450dc svadmin-u-359090c2d529 svadmin-u-d5eab218aa34"
               onclick={() => { codeTarget = 'resource'; }}
             >
               Resource (TS)
@@ -214,7 +214,7 @@
             <Button
               variant={codeTarget === 'typebox' ? 'secondary' : 'ghost'}
               size="sm"
-              class="h-6 text-xs px-2"
+              class="svadmin-u-f6fe902450dc svadmin-u-359090c2d529 svadmin-u-d5eab218aa34"
               onclick={() => { codeTarget = 'typebox'; }}
             >
               TypeBox Schema
@@ -222,7 +222,7 @@
             <Button
               variant={codeTarget === 'list' ? 'secondary' : 'ghost'}
               size="sm"
-              class="h-6 text-xs px-2"
+              class="svadmin-u-f6fe902450dc svadmin-u-359090c2d529 svadmin-u-d5eab218aa34"
               onclick={() => { codeTarget = 'list'; }}
             >
               List Page
@@ -230,7 +230,7 @@
             <Button
               variant={codeTarget === 'create' ? 'secondary' : 'ghost'}
               size="sm"
-              class="h-6 text-xs px-2"
+              class="svadmin-u-f6fe902450dc svadmin-u-359090c2d529 svadmin-u-d5eab218aa34"
               onclick={() => { codeTarget = 'create'; }}
             >
               Create Form
@@ -238,7 +238,7 @@
             <Button
               variant={codeTarget === 'edit' ? 'secondary' : 'ghost'}
               size="sm"
-              class="h-6 text-xs px-2"
+              class="svadmin-u-f6fe902450dc svadmin-u-359090c2d529 svadmin-u-d5eab218aa34"
               onclick={() => { codeTarget = 'edit'; }}
             >
               Edit Form
@@ -246,26 +246,26 @@
             <Button
               variant={codeTarget === 'show' ? 'secondary' : 'ghost'}
               size="sm"
-              class="h-6 text-xs px-2"
+              class="svadmin-u-f6fe902450dc svadmin-u-359090c2d529 svadmin-u-d5eab218aa34"
               onclick={() => { codeTarget = 'show'; }}
             >
               Show Page
             </Button>
           </div>
-          <Button variant="ghost" size="sm" class="h-6 text-xs gap-1" onclick={copyCode}>
+          <Button variant="ghost" size="sm" class="svadmin-u-f6fe902450dc svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421" onclick={copyCode}>
             {#if copied}
-              <Check class="h-3 w-3 text-success" />
-              <span class="text-success">Copied!</span>
+              <Check class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-76747e5e02ff" />
+              <span class="svadmin-u-76747e5e02ff">Copied!</span>
             {:else}
-              <Copy class="h-3 w-3" />
+              <Copy class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
               Copy
             {/if}
           </Button>
         </div>
-        <pre class="max-h-64 overflow-auto bg-muted/30 p-3 text-xs text-foreground font-mono">{activeCode}</pre>
+        <pre class="svadmin-u-8aee2b07b47d svadmin-u-73fc3fb18ceb svadmin-u-2859c861d7de svadmin-u-eb6e8b881acd svadmin-u-359090c2d529 svadmin-u-d4108abe6359 svadmin-u-0e65706bcccd">{activeCode}</pre>
       </div>
 
-      <p class="text-xs text-muted-foreground">
+      <p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">
         Inferred {inferResult.fields.length} fields from sample data. Copy the code above into your Svelte 5 application files.
       </p>
     {/if}

package/dist/components/InfiniteList.svelte

@@ -55,14 +55,14 @@
   }
 </script>
 
-<div class="space-y-2">
+<div class="svadmin-u-6f7e013d6499">
   {#if query.isLoading}
     {#if loadingSkeleton}
       {@render loadingSkeleton()}
     {:else}
-      <div class="space-y-3">
+      <div class="svadmin-u-6ed543e2fbbb">
         {#each Array(5) as _, _i (_i)}
-          <Skeleton class="h-16 w-full rounded-lg" />
+          <Skeleton class="svadmin-u-acaee62117b1 svadmin-u-6da6a3c3f741 svadmin-u-5f22e64f2282" />
         {/each}
       </div>
     {/if}
@@ -70,7 +70,7 @@
     {#if empty}
       {@render empty()}
     {:else}
-      <p class="text-center text-sm text-muted-foreground py-8">{i18n.t('empty.title')}</p>
+      <p class="svadmin-u-ca6bf63030aa svadmin-u-fc7473ca09eb svadmin-u-bfa603190748 svadmin-u-a1f611f027dd">{i18n.t('empty.title')}</p>
     {/if}
   {:else}
     {#each allItems as item, index (index)}
@@ -80,16 +80,16 @@
     {/each}
 
     {#if isFetchingNextPage}
-      <div class="flex justify-center py-4">
-        <Loader2 class="h-5 w-5 animate-spin text-muted-foreground" />
+      <div class="svadmin-u-60fbb7713999 svadmin-u-86843cf1e227 svadmin-u-cb11fec3bb46">
+        <Loader2 class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-afbdd13a380e svadmin-u-bfa603190748" />
       </div>
     {/if}
 
     {#if hasNextPage}
       <!-- Sentinel for infinite scroll -->
-      <div use:intersect={loadMore} class="h-1"></div>
+      <div use:intersect={loadMore} class="svadmin-u-3a1268a4e17f"></div>
     {:else}
-      <p class="text-center text-xs text-muted-foreground py-2">{i18n.t('empty.noMore')}</p>
+      <p class="svadmin-u-ca6bf63030aa svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-03b4dd7f172b">{i18n.t('empty.noMore')}</p>
     {/if}
   {/if}
 </div>

package/dist/components/InlineEdit.svelte

@@ -77,7 +77,7 @@
 </script>
 
 {#if editing}
-  <div class="relative flex items-center w-full">
+  <div class="svadmin-u-d89972fe17d6 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-6da6a3c3f741">
     <input
       bind:this={inputRef}
       type={field.type === 'number' ? 'number' : 'text'}
@@ -86,17 +86,17 @@
       onblur={handleBlur}
       disabled={saving}
       aria-label={fieldLabel}
-      class="h-7 w-full rounded border bg-background px-2 text-sm outline-none ring-1 ring-primary/50 focus:ring-2 focus:ring-primary transition-all disabled:opacity-60"
+      class="svadmin-u-d0a52b312f7d svadmin-u-6da6a3c3f741 svadmin-u-07389a777c1f svadmin-u-ca6bcd4b6f3f svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-fc7473ca09eb svadmin-u-df37b1fd9495 svadmin-u-3daca9af0861 svadmin-u-f42e9fee68a1 svadmin-u-608dd26cd5ba svadmin-u-1a5f9520d7fa svadmin-u-0fe7d7d814d0 svadmin-u-d463b664011d"
     />
     {#if saving}
-      <span class="absolute right-2 flex items-center pointer-events-none" role="status" aria-label="Saving...">
-        <Loader2 class="size-3.5 animate-spin text-muted-foreground" aria-hidden="true" />
+      <span class="svadmin-u-da4dbfbc4fdc svadmin-u-7b2d63937d23 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-a4326536b8f5" role="status" aria-label="Saving...">
+        <Loader2 class="svadmin-u-783b0d9d1e2c svadmin-u-afbdd13a380e svadmin-u-bfa603190748" aria-hidden="true" />
       </span>
     {/if}
   </div>
 {:else}
   <span
-    class="inline-flex items-center cursor-pointer rounded px-1.5 py-0.5 -mx-1 text-sm text-foreground hover:bg-accent/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 transition-colors"
+    class="svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-34516836730d svadmin-u-07389a777c1f svadmin-u-45d828117213 svadmin-u-465609a240a8 svadmin-u-76610325273f svadmin-u-fc7473ca09eb svadmin-u-d4108abe6359 svadmin-u-2a6233dc87a9 svadmin-u-f10f771f87e9 svadmin-u-793c80e97ffb svadmin-u-9c1295a6914a svadmin-u-ce4edccf4cbb svadmin-u-ceb69a6b0e5f"
     ondblclick={startEdit}
     title={`Double-click to edit ${fieldLabel}`}
     role="button"

package/dist/components/IntegrationsSettings.svelte

@@ -32,21 +32,21 @@
   const displayedIntegrations = $derived(integrations ?? defaultIntegrations);
 </script>
 
-<div class="space-y-6">
-  <div><h2 class="text-xl font-semibold text-foreground">{i18n.t('settings.integrations')}</h2><p class="mt-1 text-sm text-muted-foreground">{i18n.t('settings.integrationsDescription')}</p></div>
+<div class="svadmin-u-b3542e058833">
+  <div><h2 class="svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('settings.integrations')}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('settings.integrationsDescription')}</p></div>
   <SettingsGroup title={i18n.t('settings.integrations')} description={i18n.t('integrations.addMoreHint')}>
-    <div class="divide-y divide-border">
+    <div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3">
       {#each displayedIntegrations as integration (integration.id)}
         <SettingsFieldRow label={integration.name} description={integration.description}>
           {#snippet control()}
-            <div class="flex items-center gap-3">
+            <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c">
               {#if integration.connected !== undefined}
                 <StatusBadge status={integration.connected ? 'success' : 'neutral'} label={integration.connected ? i18n.t('integrations.statusConnected') : i18n.t('integrations.statusDisconnected')} />
                 {#if onConnectionChange}
                   <Switch checked={integration.connected} onCheckedChange={(checked) => onConnectionChange?.(integration.id, checked)} aria-label={integration.name} />
                 {/if}
               {:else}
-                <span class="text-xs text-muted-foreground">{i18n.t('integrations.statusProvidedByHost')}</span>
+                <span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{i18n.t('integrations.statusProvidedByHost')}</span>
               {/if}
             </div>
           {/snippet}

package/dist/components/JsonSchemaForm.svelte

@@ -66,29 +66,29 @@
 
 <form
   onsubmit={handleSubmit}
-  class={cn('space-y-4 rounded-xl border border-border bg-card p-6 shadow-xs text-xs', className)}
+  class={cn('svadmin-u-3e7ce58d64fa svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-0478c89a150f svadmin-u-cef5b893cf23 svadmin-u-359090c2d529', className)}
 >
   {#if schema.title}
-    <div class="pb-2 border-b border-border/60">
-      <h3 class="text-sm font-semibold text-foreground">{schema.title}</h3>
+    <div class="svadmin-u-f4cc511ff0c1 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
+      <h3 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{schema.title}</h3>
       {#if schema.description}
-        <p class="text-xs text-muted-foreground mt-0.5">{schema.description}</p>
+        <p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-15e1b1f444fe">{schema.description}</p>
       {/if}
     </div>
   {/if}
 
-  <div class="space-y-3.5">
+  <div class="svadmin-u-9c6cdfa2ba3d">
     {#each properties as field (field.key)}
-      <div class="space-y-1">
-        <label for="json_field_{field.key}" class="block font-medium text-foreground">
+      <div class="svadmin-u-da7c36cd8867">
+        <label for="json_field_{field.key}" class="svadmin-u-0214b4b355d1 svadmin-u-2689f3958069 svadmin-u-d4108abe6359">
           {field.title}
           {#if field.required}
-            <span class="text-destructive">*</span>
+            <span class="svadmin-u-811148b13d1e">*</span>
           {/if}
         </label>
 
         {#if field.description}
-          <p class="text-[11px] text-muted-foreground">{field.description}</p>
+          <p class="svadmin-u-d058ca6de60f svadmin-u-bfa603190748">{field.description}</p>
         {/if}
 
         {#if field.enum}
@@ -97,7 +97,7 @@
             required={field.required}
             value={String(value[field.key] ?? field.default ?? '')}
             onchange={(e) => updateValue(field.key, e.currentTarget.value)}
-            class="h-8 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-ed8a5df7b2fb 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="">Select an option...</option>
             {#each field.enum as option (option)}
@@ -105,15 +105,15 @@
             {/each}
           </select>
         {:else if field.type === 'boolean'}
-          <div class="flex items-center gap-2 pt-1">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-6b7d6e21ccbd">
             <input
               id="json_field_{field.key}"
               type="checkbox"
               checked={Boolean(value[field.key] ?? field.default)}
               onchange={(e) => updateValue(field.key, e.currentTarget.checked)}
-              class="h-4 w-4 rounded border-border text-primary focus:ring-primary/20 cursor-pointer"
+              class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-07389a777c1f svadmin-u-18049387f0af svadmin-u-20aaf08a7ed1 svadmin-u-4df2b13689a4 svadmin-u-34516836730d"
             />
-            <span class="text-xs text-muted-foreground">{field.title}</span>
+            <span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{field.title}</span>
           </div>
         {:else if field.type === 'number' || field.type === 'integer'}
           <input
@@ -122,7 +122,7 @@
             required={field.required}
             value={Number(value[field.key] ?? field.default ?? 0)}
             oninput={(e) => updateValue(field.key, Number(e.currentTarget.value))}
-            class="h-8 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-ed8a5df7b2fb 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
@@ -131,17 +131,17 @@
             required={field.required}
             value={String(value[field.key] ?? field.default ?? '')}
             oninput={(e) => updateValue(field.key, e.currentTarget.value)}
-            class="h-8 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-ed8a5df7b2fb 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>
     {/each}
   </div>
 
-  <div class="pt-4 border-t border-border/60 flex justify-end">
-    <Button type="submit" size="sm" disabled={isSubmitting} class="gap-1 min-w-24">
+  <div class="svadmin-u-173fa8f06789 svadmin-u-b950dda299d3 svadmin-u-05faf5c801ff svadmin-u-60fbb7713999 svadmin-u-77c08e015d14">
+    <Button type="submit" size="sm" disabled={isSubmitting} class="svadmin-u-44ee8ba0a421 svadmin-u-25effcb585ab">
       {#if isSubmitting}
-        <Loader2 class="h-3.5 w-3.5 animate-spin" />
+        <Loader2 class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-afbdd13a380e" />
       {/if}
       {submitText}
     </Button>

package/dist/components/KanbanBoard.svelte

@@ -91,32 +91,32 @@
   function getPriorityClass(priority?: string) {
     switch (priority) {
       case 'urgent':
-        return 'bg-destructive/15 text-destructive border-destructive/30';
+        return 'svadmin-u-c698f77c9ba5 svadmin-u-811148b13d1e svadmin-u-9d5d8b4711b4';
       case 'high':
-        return 'bg-warning/15 text-warning border-warning/30';
+        return 'svadmin-u-d9c3c520f7d5 svadmin-u-918184635b1d svadmin-u-2f960aa0c478';
       case 'medium':
-        return 'bg-primary/10 text-primary border-primary/20';
+        return 'svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1 svadmin-u-a6afccfc915b';
       default:
-        return 'bg-muted text-muted-foreground border-border/40';
+        return 'svadmin-u-2ef11f1cb219 svadmin-u-bfa603190748 svadmin-u-6ee2d41e2d2d';
     }
   }
 </script>
 
-<div class={cn('flex gap-4 overflow-x-auto pb-4 text-xs select-none', className)}>
+<div class={cn('svadmin-u-60fbb7713999 svadmin-u-0c3bc98565dd svadmin-u-1384f66f41d0 svadmin-u-9fcd8a13827e svadmin-u-359090c2d529 svadmin-u-7f6912283f11', className)}>
   {#each columns as col (col.id)}
     {@const colCards = cards.filter((c) => c.columnId === col.id)}
     <div
       role="region"
       aria-label={col.title}
-      class="flex flex-col w-72 shrink-0 rounded-xl border border-border/70 bg-card/60 shadow-xs max-h-[80vh]"
+      class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-92e13d146fd7 svadmin-u-012fbd121f37 svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-22bb278694b4 svadmin-u-7f351d50b6e6 svadmin-u-cef5b893cf23 svadmin-u-a4805b5f5b63"
       ondragover={handleDragOver}
       ondrop={() => handleDrop(col.id)}
     >
       <!-- Column Header -->
-      <div class="flex items-center justify-between p-3 border-b border-border/50">
-        <div class="flex items-center gap-2 font-semibold text-foreground">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-eb6e8b881acd svadmin-u-65fdbade2025 svadmin-u-591f378e24a1">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">
           <span>{col.title}</span>
-          <span class="flex h-5 w-5 items-center justify-center rounded-full bg-muted text-[10px] font-mono text-muted-foreground">
+          <span class="svadmin-u-60fbb7713999 svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-2ef11f1cb219 svadmin-u-1dc571a3609f svadmin-u-0e65706bcccd svadmin-u-bfa603190748">
             {colCards.length}
           </span>
         </div>
@@ -125,59 +125,59 @@
           <Button
             variant="ghost"
             size="sm"
-            class="h-6 w-6 p-0 text-muted-foreground hover:text-foreground"
+            class="svadmin-u-f6fe902450dc svadmin-u-7ec10f86d9b1 svadmin-u-8a539c7fe216 svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e"
             onclick={() => {
               addingColumnId = col.id;
               newCardTitle = '';
             }}
           >
-            <Plus class="h-3.5 w-3.5" />
+            <Plus class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
           </Button>
         {/if}
       </div>
 
       <!-- Column Card List -->
-      <div class="flex-1 overflow-y-auto p-2 space-y-2 min-h-24">
+      <div class="svadmin-u-36e579c0b41c svadmin-u-92bf82f493b1 svadmin-u-7660b450905a svadmin-u-6f7e013d6499 svadmin-u-53ecdb131b58">
         {#each colCards as card (card.id)}
           <div
             role="button"
             tabindex="0"
             draggable="true"
             class={cn(
-              'group relative flex flex-col gap-2 rounded-lg border border-border/60 bg-card p-3 shadow-xs transition-all cursor-grab active:cursor-grabbing hover:border-border hover:shadow-sm text-left',
-              draggedCardId === card.id ? 'opacity-40 ring-2 ring-primary/40' : ''
+              'group svadmin-u-d89972fe17d6 svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-77a2a20e90d4 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff svadmin-u-cd0ad9a56558 svadmin-u-eb6e8b881acd svadmin-u-cef5b893cf23 svadmin-u-0fe7d7d814d0 svadmin-u-8d08385288a6 svadmin-u-d9bff91ef7ee svadmin-u-512e82e6a68f svadmin-u-ab1dd417ce7d svadmin-u-2eba0d65d059',
+              draggedCardId === card.id ? 'svadmin-u-2a2db4667b27 svadmin-u-16b1efa5875e svadmin-u-2691847b25ed' : ''
             )}
             ondragstart={(e) => handleDragStart(e, card.id)}
             onclick={() => oncardclick?.(card)}
             onkeydown={(e) => { if (e.key === 'Enter') oncardclick?.(card); }}
           >
-            <div class="flex items-start justify-between gap-2">
-              <div class="font-medium text-foreground leading-snug">{card.title}</div>
-              <GripVertical class="h-3.5 w-3.5 text-muted-foreground/40 opacity-0 group-hover:opacity-100 transition-opacity shrink-0" />
+            <div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4">
+              <div class="svadmin-u-2689f3958069 svadmin-u-d4108abe6359 svadmin-u-e25ca6535dea">{card.title}</div>
+              <GripVertical class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-52183a1cca53 svadmin-u-7065497e1ca0 svadmin-u-181f3d6c9821 svadmin-u-67d6184a0024 svadmin-u-012fbd121f37" />
             </div>
 
             {#if card.description}
-              <div class="text-[11px] text-muted-foreground line-clamp-2">{card.description}</div>
+              <div class="svadmin-u-d058ca6de60f svadmin-u-bfa603190748 svadmin-u-054cb4e36116">{card.description}</div>
             {/if}
 
-            <div class="flex flex-wrap items-center justify-between gap-1.5 pt-1 border-t border-border/40 text-[10px]">
-              <div class="flex flex-wrap items-center gap-1">
+            <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-58284b4ea568 svadmin-u-6b7d6e21ccbd svadmin-u-b950dda299d3 svadmin-u-6ee2d41e2d2d svadmin-u-1dc571a3609f">
+              <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421">
                 {#if card.priority}
-                  <Badge variant="outline" class={cn('text-[9px] px-1 py-0 uppercase font-mono font-medium', getPriorityClass(card.priority))}>
+                  <Badge variant="outline" class={cn('svadmin-u-e09880869d1f svadmin-u-d8e0e382c67b svadmin-u-68ecb30dbec6 uppercase svadmin-u-0e65706bcccd svadmin-u-2689f3958069', getPriorityClass(card.priority))}>
                     {card.priority}
                   </Badge>
                 {/if}
                 {#each card.tags ?? [] as tag (tag)}
-                  <span class="rounded bg-muted/60 px-1 py-0.5 text-muted-foreground">#{tag}</span>
+                  <span class="svadmin-u-07389a777c1f svadmin-u-706701550477 svadmin-u-d8e0e382c67b svadmin-u-465609a240a8 svadmin-u-bfa603190748">#{tag}</span>
                 {/each}
               </div>
 
               {#if card.assignee}
-                <div class="flex items-center gap-1 text-muted-foreground">
-                  <div class="flex h-4 w-4 items-center justify-center rounded-full bg-primary/20 text-[9px] font-semibold text-primary">
+                <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-bfa603190748">
+                  <div class="svadmin-u-60fbb7713999 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-ac204c108886 svadmin-u-6a1572b6bf5a svadmin-u-e09880869d1f svadmin-u-e83a7042bc91 svadmin-u-20aaf08a7ed1">
                     {card.assignee.name.slice(0, 1).toUpperCase()}
                   </div>
-                  <span class="truncate max-w-16">{card.assignee.name}</span>
+                  <span class="svadmin-u-f283ea9bea0e svadmin-u-2534f14adad5">{card.assignee.name}</span>
                 </div>
               {/if}
             </div>
@@ -185,12 +185,12 @@
         {/each}
 
         {#if addingColumnId === col.id}
-          <div class="rounded-lg border border-primary/40 bg-card p-2.5 space-y-2 shadow-xs">
+          <div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-f5583b2907be svadmin-u-cd0ad9a56558 svadmin-u-9fe52d5d506c svadmin-u-6f7e013d6499 svadmin-u-cef5b893cf23">
             <textarea
               bind:value={newCardTitle}
               placeholder="Card title..."
               rows={2}
-              class="w-full rounded border border-input bg-background p-1.5 text-xs text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-none"
+              class="svadmin-u-6da6a3c3f741 svadmin-u-07389a777c1f svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-cd009d7d208c svadmin-u-359090c2d529 svadmin-u-d4108abe6359 svadmin-u-9c24ab70af61 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a svadmin-u-6aef32016896"
               onkeydown={(e) => {
                 if (e.key === 'Enter' && !e.shiftKey) {
                   e.preventDefault();
@@ -200,9 +200,9 @@
                 }
               }}
             ></textarea>
-            <div class="flex items-center justify-end gap-1.5">
-              <Button variant="ghost" size="sm" class="h-6 text-[11px] px-2" onclick={() => { addingColumnId = null; }}>Cancel</Button>
-              <Button size="sm" class="h-6 text-[11px] px-2" onclick={() => submitAddCard(col.id)}>Add</Button>
+            <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77c08e015d14 svadmin-u-58284b4ea568">
+              <Button variant="ghost" size="sm" class="svadmin-u-f6fe902450dc svadmin-u-d058ca6de60f svadmin-u-d5eab218aa34" onclick={() => { addingColumnId = null; }}>Cancel</Button>
+              <Button size="sm" class="svadmin-u-f6fe902450dc svadmin-u-d058ca6de60f svadmin-u-d5eab218aa34" onclick={() => submitAddCard(col.id)}>Add</Button>
             </div>
           </div>
         {/if}

package/dist/components/KeyboardShortcuts.svelte

@@ -36,21 +36,21 @@
 </script>
 
 <Dialog.Root bind:open>
-  <Dialog.Content class="max-w-md">
+  <Dialog.Content class="svadmin-u-9794ab45094d">
     <Dialog.Header>
       <Dialog.Title>{i18n.t('common.keyboardShortcuts') || 'Keyboard Shortcuts'}</Dialog.Title>
     </Dialog.Header>
-    <div class="space-y-4 py-2">
+    <div class="svadmin-u-3e7ce58d64fa svadmin-u-03b4dd7f172b">
       {#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">
+          <h4 class="svadmin-u-359090c2d529 svadmin-u-e83a7042bc91 uppercase svadmin-u-09ace3a4d9f5 svadmin-u-bfa603190748 svadmin-u-a77ed4d908c0">{group.group}</h4>
+          <div class="svadmin-u-5a2508227c6a">
             {#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">
+              <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-660d2effb880">
+                <span class="svadmin-u-fc7473ca09eb svadmin-u-d4108abe6359">{shortcut.label}</span>
+                <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421">
                   {#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>
+                    <kbd class="svadmin-u-52083e7da442 svadmin-u-cd0d9c512cdc svadmin-u-f8516763aedd svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-07389a777c1f svadmin-u-ca6bcd4b6f3f svadmin-u-2ef11f1cb219 svadmin-u-45d828117213 svadmin-u-1dc571a3609f svadmin-u-2689f3958069 svadmin-u-0e65706bcccd svadmin-u-bfa603190748">{key}</kbd>
                   {/each}
                 </div>
               </div>