@svadmin/ui 0.68.0 → 0.69.0

package/dist/components/ColumnSettings.svelte

@@ -110,85 +110,85 @@
         {...props}
         variant={triggerVariant}
         size={triggerSize}
-        class={cn('gap-1.5 text-xs font-normal', className)}
+        class={cn('svadmin-u-58284b4ea568 svadmin-u-359090c2d529 svadmin-u-8ecebc9f80e6', className)}
         aria-label={displayTitle}
       >
-        <SlidersHorizontal class="h-3.5 w-3.5 text-muted-foreground" data-icon="inline-start" />
+        <SlidersHorizontal class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-bfa603190748" data-icon="inline-start" />
         <span>{displayTitle}</span>
       </Button>
     {/snippet}
   </Popover.Trigger>
-  <Popover.Content class="w-72 p-3 text-xs" align="end">
+  <Popover.Content class="svadmin-u-92e13d146fd7 svadmin-u-eb6e8b881acd svadmin-u-359090c2d529" align="end">
     <!-- Header -->
-    <div class="flex items-center justify-between pb-2 border-b border-border/60">
-      <div class="flex items-center gap-2">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-f4cc511ff0c1 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
         <Checkbox
           checked={allVisible}
           indeterminate={someVisible}
           onCheckedChange={(checked) => toggleAll(checked === true)}
           aria-label={i18n.t('common.selectAll', { defaultValue: 'Select All' })}
         />
-        <span class="font-medium text-foreground">{displayTitle}</span>
+        <span class="svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{displayTitle}</span>
       </div>
       <Button
         variant="ghost"
         size="sm"
-        class="h-6 px-1.5 text-[11px] text-muted-foreground hover:text-foreground gap-1"
+        class="svadmin-u-f6fe902450dc svadmin-u-45d828117213 svadmin-u-d058ca6de60f svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e svadmin-u-44ee8ba0a421"
         onclick={handleReset}
       >
-        <RotateCcw class="h-3 w-3" />
+        <RotateCcw class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         {resetLabel}
       </Button>
     </div>
 
     <!-- Filter input if many columns -->
     {#if columns.length > 6}
-      <div class="relative mt-2 mb-1">
-        <Search class="absolute left-2 top-2 h-3.5 w-3.5 text-muted-foreground" />
+      <div class="svadmin-u-d89972fe17d6 svadmin-u-50d0d216a2f8 svadmin-u-65281709dacf">
+        <Search class="svadmin-u-da4dbfbc4fdc svadmin-u-d83be576442b svadmin-u-9a2db8f949b6 svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-bfa603190748" />
         <input
           type="text"
           bind:value={filterText}
           placeholder={i18n.t('common.search', { defaultValue: 'Search columns...' })}
-          class="h-7.5 w-full rounded-md border border-input bg-muted/40 pl-7 pr-2 text-xs placeholder:text-muted-foreground/60 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-b00f43c30c2b svadmin-u-20ebde75765d svadmin-u-aa2c13a5e1b4 svadmin-u-359090c2d529 svadmin-u-35ca6b75d707 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
         />
       </div>
     {/if}
 
     <!-- Column list with ordering -->
-    <div class="mt-2 max-h-60 overflow-y-auto space-y-1 pr-1">
+    <div class="svadmin-u-50d0d216a2f8 svadmin-u-67d7e383dca6 svadmin-u-92bf82f493b1 svadmin-u-da7c36cd8867 svadmin-u-eda955402ba6">
       {#each filteredColumns as col (col.key)}
         {@const realIdx = columns.findIndex((c) => c.key === col.key)}
-        <div class="flex items-center justify-between p-1 rounded-md hover:bg-muted/50 group transition-colors">
-          <label class="flex items-center gap-2 cursor-pointer select-none truncate flex-1 pr-2">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-eb6a3cef9686 svadmin-u-421ac2be5045 svadmin-u-39f703dbe296 group svadmin-u-ceb69a6b0e5f">
+          <label class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-34516836730d svadmin-u-7f6912283f11 svadmin-u-f283ea9bea0e svadmin-u-36e579c0b41c svadmin-u-aa2c13a5e1b4">
             <Checkbox
               checked={col.visible}
               onCheckedChange={() => toggleColumn(col.key)}
             />
-            <span class="truncate text-foreground {col.visible ? '' : 'text-muted-foreground line-through opacity-60'}">
+            <span class="svadmin-u-f283ea9bea0e svadmin-u-d4108abe6359 {col.visible ? '' : 'svadmin-u-bfa603190748 line-through svadmin-u-f2868c227fcd'}">
               {col.label}
             </span>
           </label>
 
-          <div class="flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-a3899220f90e svadmin-u-7065497e1ca0 svadmin-u-181f3d6c9821 svadmin-u-67d6184a0024">
             <Button
               variant="ghost"
               size="icon"
-              class="h-5 w-5 text-muted-foreground hover:text-foreground"
+              class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e"
               disabled={realIdx === 0}
               onclick={() => moveColumn(realIdx, 'up')}
               aria-label="Move up"
             >
-              <ArrowUp class="h-3 w-3" />
+              <ArrowUp class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
             </Button>
             <Button
               variant="ghost"
               size="icon"
-              class="h-5 w-5 text-muted-foreground hover:text-foreground"
+              class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e"
               disabled={realIdx === columns.length - 1}
               onclick={() => moveColumn(realIdx, 'down')}
               aria-label="Move down"
             >
-              <ArrowDown class="h-3 w-3" />
+              <ArrowDown class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
             </Button>
           </div>
         </div>

package/dist/components/ComboboxField.svelte

@@ -81,55 +81,55 @@
   }
 </script>
 
-<div class="relative" use:clickOutside>
+<div class="svadmin-u-d89972fe17d6" use:clickOutside>
   <Button
     variant="outline"
     type="button"
-    class="w-full justify-between font-normal"
+    class="svadmin-u-6da6a3c3f741 svadmin-u-8ef2268efbbc svadmin-u-8ecebc9f80e6"
     onclick={() => { open = !open; }}
     {...restProps}
   >
     {#if selectedLabel}
-      <span class="truncate">{selectedLabel}</span>
-      <TooltipButton tooltip={i18n.t('common.clear')} size="icon-sm" class="h-5 w-5 ml-1" onclick={handleClear}>
-        <X class="h-3 w-3" />
+      <span class="svadmin-u-f283ea9bea0e">{selectedLabel}</span>
+      <TooltipButton tooltip={i18n.t('common.clear')} size="icon-sm" class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-f58b02572ab2" onclick={handleClear}>
+        <X class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
       </TooltipButton>
     {:else}
-      <span class="text-muted-foreground">{placeholder}</span>
+      <span class="svadmin-u-bfa603190748">{placeholder}</span>
     {/if}
-    <ChevronsUpDown class="ml-auto h-4 w-4 shrink-0 opacity-50" />
+    <ChevronsUpDown class="svadmin-u-fb56d9cff341 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-012fbd121f37 svadmin-u-0b8c506a0596" />
   </Button>
 
   {#if open}
-    <div class="absolute z-50 mt-1 w-full rounded-md border bg-popover shadow-lg">
-      <Command.Root class="flex flex-col overflow-hidden rounded-md bg-popover text-popover-foreground">
+    <div class="svadmin-u-da4dbfbc4fdc svadmin-u-181b286668b5 svadmin-u-b6b02c0ebef6 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e541d86d1ec8 svadmin-u-06bbb43166db">
+      <Command.Root class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-2cd02d11d1af svadmin-u-421ac2be5045 svadmin-u-e541d86d1ec8 svadmin-u-9b13e8ae5c9c">
         {#if searchable}
-          <div class="flex items-center border-b px-2">
-            <Search class="mr-1.5 h-3.5 w-3.5 shrink-0 opacity-50" />
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-65fdbade2025 svadmin-u-d5eab218aa34">
+            <Search class="svadmin-u-82cc6c6581cd svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-012fbd121f37 svadmin-u-0b8c506a0596" />
             <Command.Input
               bind:value={searchInputValue}
               oninput={handleSearchInput}
               placeholder="Search..."
-              class="flex h-9 w-full bg-transparent py-2 text-sm outline-none placeholder:text-muted-foreground"
+              class="svadmin-u-60fbb7713999 svadmin-u-e7a768f922d2 svadmin-u-6da6a3c3f741 svadmin-u-7f19cdf4c5bb svadmin-u-03b4dd7f172b svadmin-u-fc7473ca09eb svadmin-u-df37b1fd9495 svadmin-u-9c24ab70af61"
             />
           </div>
         {/if}
-        <Command.List class="max-h-48 overflow-y-auto p-1">
-          <Command.Empty class="py-4 text-center text-xs text-muted-foreground">
+        <Command.List class="svadmin-u-558f64349245 svadmin-u-92bf82f493b1 svadmin-u-eb6a3cef9686">
+          <Command.Empty class="svadmin-u-cb11fec3bb46 svadmin-u-ca6bf63030aa svadmin-u-359090c2d529 svadmin-u-bfa603190748">
             No results.
           </Command.Empty>
           {#if query.isLoading}
             {#each Array(3) as _, _i (_i)}
-              <div class="px-2 py-1.5"><Skeleton class="h-5 w-full" /></div>
+              <div class="svadmin-u-d5eab218aa34 svadmin-u-ec0091ee009b"><Skeleton class="svadmin-u-cd0d9c512cdc svadmin-u-6da6a3c3f741" /></div>
             {/each}
           {:else}
             {#each (options as { label: string; value: string | number }[]) ?? [] as opt, _i (_i)}
               <Command.Item
                 value={opt.label}
                 onSelect={() => handleSelect(opt.value)}
-                class="relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[selected]:bg-accent data-[selected]:text-accent-foreground"
+                class="svadmin-u-d89972fe17d6 svadmin-u-60fbb7713999 svadmin-u-50ca6ba56aa3 svadmin-u-7f6912283f11 svadmin-u-3960ffc248d9 svadmin-u-36d4469299aa svadmin-u-d5eab218aa34 svadmin-u-ec0091ee009b svadmin-u-fc7473ca09eb svadmin-u-df37b1fd9495 svadmin-u-99afb1cc3b47 svadmin-u-529780e25268"
               >
-                <Check class="mr-2 h-3.5 w-3.5 {value === opt.value ? 'opacity-100' : 'opacity-0'}" />
+                <Check class="svadmin-u-d2347e8497a9 svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c {value === opt.value ? 'svadmin-u-3972e98dc84f' : 'svadmin-u-7065497e1ca0'}" />
                 {opt.label}
               </Command.Item>
             {/each}

package/dist/components/CommandPalette.svelte

@@ -42,30 +42,30 @@
     close();
   }
 
-  const itemClass = 'relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[selected]:bg-accent data-[selected]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50';
+  const itemClass = 'svadmin-u-d89972fe17d6 svadmin-u-60fbb7713999 svadmin-u-50ca6ba56aa3 svadmin-u-77a2a20e90d4 svadmin-u-7f6912283f11 svadmin-u-3960ffc248d9 svadmin-u-36d4469299aa svadmin-u-d5eab218aa34 svadmin-u-ec0091ee009b svadmin-u-fc7473ca09eb svadmin-u-df37b1fd9495 svadmin-u-99afb1cc3b47 svadmin-u-529780e25268 svadmin-u-8e0c223ba976 svadmin-u-7c865b678f08';
 </script>
 
 <Dialog.Dialog bind:open>
-  <Dialog.DialogContent class="overflow-hidden p-0 sm:max-w-[560px]">
-    <Dialog.DialogTitle class="sr-only">{i18n.t('common.search')}</Dialog.DialogTitle>
-    <Command.Root class="flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground [&_[data-command-group-heading]]:text-muted-foreground [&_[data-command-group-heading]]:px-2 [&_[data-command-group-heading]]:py-1.5 [&_[data-command-group-heading]]:text-xs [&_[data-command-group-heading]]:font-semibold [&_[data-command-group-heading]]:uppercase [&_[data-command-group-heading]]:tracking-wider">
-      <div class="flex items-center border-b px-3" data-cmdk-input-wrapper="">
-        <Search class="mr-2 h-4 w-4 shrink-0 opacity-50" />
+  <Dialog.DialogContent class="svadmin-u-2cd02d11d1af svadmin-u-8a539c7fe216 svadmin-u-ba002e28b7ba">
+    <Dialog.DialogTitle class="svadmin-u-2daa8e5e2f2e">{i18n.t('common.search')}</Dialog.DialogTitle>
+    <Command.Root class="svadmin-u-60fbb7713999 svadmin-u-668b21aa5409 svadmin-u-6da6a3c3f741 svadmin-u-8dddea0773ed svadmin-u-2cd02d11d1af svadmin-u-421ac2be5045 svadmin-u-e541d86d1ec8 svadmin-u-9b13e8ae5c9c svadmin-u-08539b5283eb svadmin-u-b3501a4e31c3 svadmin-u-e75a50203550 svadmin-u-a8f5f59f5cda svadmin-u-90f5ed09ba83 [&_[data-command-group-heading]]:uppercase svadmin-u-8b809ad2310b">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-65fdbade2025 svadmin-u-0e17f2bd9074" data-cmdk-input-wrapper="">
+        <Search class="svadmin-u-d2347e8497a9 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-012fbd121f37 svadmin-u-0b8c506a0596" />
         <Command.Input
           bind:value={searchValue}
           placeholder={hasAI ? (i18n.t('commandPalette.searchOrAsk') || 'Search or ask AI...') : i18n.t('common.search')}
-          class="flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
+          class="svadmin-u-60fbb7713999 svadmin-u-f82f0c255ad9 svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-7f19cdf4c5bb svadmin-u-1b2d54a3fd12 svadmin-u-fc7473ca09eb svadmin-u-df37b1fd9495 svadmin-u-9c24ab70af61 svadmin-u-5f533b3a7de7 svadmin-u-b29d8adbad2e"
         />
-        <kbd class="ml-2 text-[10px] font-mono font-medium text-muted-foreground bg-muted px-1.5 py-0.5 rounded border border-border">ESC</kbd>
+        <kbd class="svadmin-u-c68af9986751 svadmin-u-1dc571a3609f svadmin-u-0e65706bcccd svadmin-u-2689f3958069 svadmin-u-bfa603190748 svadmin-u-2ef11f1cb219 svadmin-u-45d828117213 svadmin-u-465609a240a8 svadmin-u-07389a777c1f svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af">ESC</kbd>
       </div>
-      <Command.List class="max-h-[320px] overflow-y-auto overflow-x-hidden p-1">
-        <Command.Empty class="py-6 text-center text-sm text-muted-foreground">
+      <Command.List class="svadmin-u-fd9aebd23c39 svadmin-u-92bf82f493b1 svadmin-u-e271e6ae16dc svadmin-u-eb6a3cef9686">
+        <Command.Empty class="svadmin-u-940911bf310c svadmin-u-ca6bf63030aa svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">
           {#if hasAI && searchValue.trim()}
             <button
-              class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md bg-primary/10 text-primary hover:bg-primary/20 transition-colors cursor-pointer text-sm font-medium"
+              class="svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568 svadmin-u-0e17f2bd9074 svadmin-u-ec0091ee009b svadmin-u-421ac2be5045 svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1 svadmin-u-7f9a026b5897 svadmin-u-ceb69a6b0e5f svadmin-u-34516836730d svadmin-u-fc7473ca09eb svadmin-u-2689f3958069"
               onclick={askAI}
             >
-              <Sparkles class="h-3.5 w-3.5" />
+              <Sparkles class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
               {i18n.t('commandPalette.askAI') || 'Ask AI'}: "{searchValue.trim()}"
             </button>
           {:else}
@@ -81,12 +81,12 @@
               onSelect={askAI}
               class={itemClass}
             >
-              <Sparkles class="h-4 w-4 text-primary" />
-              <span class="text-primary font-medium">{i18n.t('commandPalette.askAI') || 'Ask AI'}</span>
-              <span class="text-muted-foreground truncate ml-1">"{searchValue.trim()}"</span>
+              <Sparkles class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-20aaf08a7ed1" />
+              <span class="svadmin-u-20aaf08a7ed1 svadmin-u-2689f3958069">{i18n.t('commandPalette.askAI') || 'Ask AI'}</span>
+              <span class="svadmin-u-bfa603190748 svadmin-u-f283ea9bea0e svadmin-u-f58b02572ab2">"{searchValue.trim()}"</span>
             </Command.Item>
           </Command.Group>
-          <Command.Separator class="mx-1 my-1 h-px bg-border" />
+          <Command.Separator class="svadmin-u-0da48290f782 svadmin-u-93b32079b969 svadmin-u-aea6160836e7 svadmin-u-a59afa8d9b9d" />
         {/if}
 
         <!-- Navigation -->
@@ -96,7 +96,7 @@
             onSelect={() => act(() => adminContext.navigate('/'))}
             class={itemClass}
           >
-            <LayoutDashboard class="h-4 w-4 text-muted-foreground" />
+            <LayoutDashboard class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748" />
             {i18n.t('common.home')}
           </Command.Item>
           {#each resources as r, _i (_i)}
@@ -107,7 +107,7 @@
                   onSelect={() => act(() => navigation.list(r.name))}
                   class={itemClass}
                 >
-                  <FileText class="h-4 w-4 text-muted-foreground" />
+                  <FileText class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748" />
                   {r.label}
                 </Command.Item>
               </CanAccess>
@@ -117,14 +117,14 @@
                 onSelect={() => act(() => navigation.list(r.name))}
                 class={itemClass}
               >
-                <FileText class="h-4 w-4 text-muted-foreground" />
+                <FileText class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748" />
                 {r.label}
               </Command.Item>
             {/if}
           {/each}
         </Command.Group>
 
-        <Command.Separator class="mx-1 my-1 h-px bg-border" />
+        <Command.Separator class="svadmin-u-0da48290f782 svadmin-u-93b32079b969 svadmin-u-aea6160836e7 svadmin-u-a59afa8d9b9d" />
 
         <!-- Actions -->
         <Command.Group heading={i18n.t('common.actions')}>
@@ -133,13 +133,13 @@
               {#if adminContext.accessControlProvider}
                 <CanAccess resource={r.name} action="create">
                   <Command.Item value={"create-" + r.name} onSelect={() => act(() => navigation.create(r.name))} class={itemClass}>
-                    <Plus class="h-4 w-4 text-muted-foreground" />
+                    <Plus class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748" />
                     {i18n.t('common.create')} {r.label}
                   </Command.Item>
                 </CanAccess>
               {:else}
                 <Command.Item value={"create-" + r.name} onSelect={() => act(() => navigation.create(r.name))} class={itemClass}>
-                  <Plus class="h-4 w-4 text-muted-foreground" />
+                  <Plus class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748" />
                   {i18n.t('common.create')} {r.label}
                 </Command.Item>
               {/if}
@@ -150,7 +150,7 @@
             onSelect={() => act(() => toggleTheme())}
             class={itemClass}
           >
-            <Sun class="h-4 w-4 text-muted-foreground" />
+            <Sun class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748" />
             {i18n.t('common.toggleTheme')}
           </Command.Item>
         </Command.Group>

package/dist/components/ConfigErrorScreen.svelte

@@ -50,40 +50,40 @@
   }
 </script>
 
-<div class="min-h-screen flex items-center justify-center bg-background p-4">
-  <div class="w-full max-w-[480px]">
+<div class="svadmin-u-793346c7362c svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-e6f9e383a762 svadmin-u-8e63407b5ceb">
+  <div class="svadmin-u-6da6a3c3f741 svadmin-u-3698555097d6">
     <Card.Card>
-      <Card.CardHeader class="text-center pb-2">
-        <div class="inline-flex items-center justify-center w-12 h-12 rounded-lg bg-destructive/10 text-destructive mx-auto mb-3">
-          <AlertTriangle class="h-6 w-6" />
+      <Card.CardHeader class="svadmin-u-ca6bf63030aa svadmin-u-f4cc511ff0c1">
+        <div class="svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-e7e371071bc5 svadmin-u-508ebf85b1c9 svadmin-u-5f22e64f2282 svadmin-u-43928fcc832f svadmin-u-811148b13d1e svadmin-u-0e12dc7de920 svadmin-u-1bb883263ed2">
+          <AlertTriangle class="svadmin-u-f6fe902450dc svadmin-u-7ec10f86d9b1" />
         </div>
-        <Card.CardTitle class="text-xl">{displayTitle}</Card.CardTitle>
-        <p class="text-sm text-muted-foreground">
+        <Card.CardTitle class="svadmin-u-d5c9b0001e7e">{displayTitle}</Card.CardTitle>
+        <p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">
           {i18n.t('config.missingEnvDescription')}
         </p>
       </Card.CardHeader>
-      <Card.CardContent class="space-y-4">
+      <Card.CardContent class="svadmin-u-3e7ce58d64fa">
         {#if missingVars.length > 0}
-          <div class="rounded-lg border overflow-hidden">
+          <div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-2cd02d11d1af">
             {#each missingVars as v, i (v.key)}
-              <div class="flex items-center justify-between px-3 py-2.5 gap-2 {i < missingVars.length - 1 ? 'border-b border-border/50' : ''}">
-                <div class="flex flex-col gap-0.5 min-w-0">
-                  <code class="text-[0.8125rem] font-semibold text-foreground font-mono">{v.key}</code>
+              <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-0e17f2bd9074 svadmin-u-e7ee55ac7ffe svadmin-u-77a2a20e90d4 {i < missingVars.length - 1 ? 'svadmin-u-65fdbade2025 svadmin-u-591f378e24a1' : ''}">
+                <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-a3899220f90e svadmin-u-7e0b7cdf1a94">
+                  <code class="svadmin-u-1d5904e7e755 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-0e65706bcccd">{v.key}</code>
                   {#if v.description}
-                    <span class="text-[0.6875rem] text-muted-foreground">{v.description}</span>
+                    <span class="svadmin-u-76067d04e222 svadmin-u-bfa603190748">{v.description}</span>
                   {/if}
                 </div>
                 <TooltipButton
                   tooltip={i18n.t('common.copy')}
                   variant="ghost"
                   size="icon"
-                  class="h-7 w-7 shrink-0"
+                  class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-012fbd121f37"
                   onclick={() => copyToClipboard(`${v.key}=`, v.key)}
                 >
                   {#if copied[v.key]}
-                    <CheckCircle class="h-3.5 w-3.5 text-success" />
+                    <CheckCircle class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-76747e5e02ff" />
                   {:else}
-                    <Copy class="h-3.5 w-3.5" />
+                    <Copy class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
                   {/if}
                 </TooltipButton>
               </div>
@@ -92,34 +92,34 @@
         {/if}
 
         {#if envTemplate}
-          <div class="rounded-lg border overflow-hidden">
-            <div class="flex items-center justify-between px-3 py-2 bg-muted/50 border-b border-border/50">
-              <span class="text-xs font-medium text-muted-foreground">{i18n.t('config.envFilePath')}</span>
+          <div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-2cd02d11d1af">
+            <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-358af0b65a31 svadmin-u-65fdbade2025 svadmin-u-591f378e24a1">
+              <span class="svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-bfa603190748">{i18n.t('config.envFilePath')}</span>
               <TooltipButton
                 tooltip={i18n.t('common.copyAll')}
                 variant="ghost"
                 size="sm"
-                class="h-7 gap-1"
+                class="svadmin-u-d0a52b312f7d svadmin-u-44ee8ba0a421"
                 onclick={copyAll}
               >
                 {#if copied['__all__']}
-                  <CheckCircle class="h-3.5 w-3.5 text-success" />
-                  <span class="text-xs">{i18n.t('common.copied')}</span>
+                  <CheckCircle class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-76747e5e02ff" />
+                  <span class="svadmin-u-359090c2d529">{i18n.t('common.copied')}</span>
                 {:else}
-                  <Copy class="h-3.5 w-3.5" />
-                  <span class="text-xs">{i18n.t('common.copyAll')}</span>
+                  <Copy class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
+                  <span class="svadmin-u-359090c2d529">{i18n.t('common.copyAll')}</span>
                 {/if}
               </TooltipButton>
             </div>
-            <pre class="px-3 py-3 text-xs font-mono leading-relaxed text-foreground bg-muted/20 m-0 whitespace-pre-wrap break-all">{envTemplate}</pre>
+            <pre class="svadmin-u-0e17f2bd9074 svadmin-u-1b2d54a3fd12 svadmin-u-359090c2d529 svadmin-u-0e65706bcccd svadmin-u-6b189c6edadb svadmin-u-d4108abe6359 svadmin-u-967d113a1451 svadmin-u-74f9876a6800 svadmin-u-a2edcb1a3a6b svadmin-u-451f34ab545d">{envTemplate}</pre>
           </div>
         {/if}
 
-        <p class="text-xs text-muted-foreground text-center mt-4">
+        <p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-ca6bf63030aa svadmin-u-0ab8667228fd">
           {i18n.t('config.reload')}
         </p>
 
-        <Button variant="outline" class="w-full" onclick={() => window.location.reload()}>
+        <Button variant="outline" class="svadmin-u-6da6a3c3f741" onclick={() => window.location.reload()}>
           {i18n.t('config.reloadButton')}
         </Button>
       </Card.CardContent>

package/dist/components/ConfirmDialog.svelte

@@ -63,7 +63,7 @@
         {#snippet child({ props })}
           <Button variant={variantMap[variant as keyof typeof variantMap]} {...props} disabled={confirming} onclick={handleConfirm}>
             {#if confirming}
-              <Loader2 class="mr-2 h-4 w-4 animate-spin" aria-hidden="true" />
+              <Loader2 class="svadmin-u-d2347e8497a9 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e" aria-hidden="true" />
             {/if}
             {resolvedConfirmText}
           </Button>

package/dist/components/CreateInferencer.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  // CreateInferencer — 基于资源定义零配置渲染创建表单
+  // CreateInferencer renders a create form from the resource definition with no page-specific configuration.
   import CreatePage from './CreatePage.svelte';
 
   interface Props {

package/dist/components/CreatePage.svelte

@@ -34,7 +34,7 @@
   const pageTitle = $derived(title ?? `${i18n.t('common.create')}${resource.label}`);
 </script>
 
-<div class="{density === 'compact' ? 'space-y-4' : 'space-y-6'} {className}">
+<div class="{density === 'compact' ? 'svadmin-u-3e7ce58d64fa' : 'svadmin-u-b3542e058833'} {className}">
   <PageHeader
     title={pageTitle}
     {density}