npm - @svadmin/ui - Versions diffs - 0.68.0 → 0.69.0 - Mend

@svadmin/ui 0.68.0 → 0.69.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (315) hide show

package/dist/components/ResourceOperationsPage.svelte CHANGED Viewed

@@ -81,85 +81,85 @@
   const showCreate = $derived(resource.canCreate !== false && createPermission.allowed);
 </script>
-<div class="space-y-6" data-svadmin-resource-operations={resourceName} data-svadmin-workspace-style={workspaceStyle} data-svadmin-layout-identity={workspaceStyle}>
-  <header class="flex flex-col gap-4 border-b border-border pb-5 sm:flex-row sm:items-start sm:justify-between" data-svadmin-ops-hero>
-    <div class="flex min-w-0 items-start gap-3">
-      {#if Icon}<span class="flex size-9 shrink-0 items-center justify-center rounded-md border border-border bg-card text-primary"><Icon class="size-4" /></span>{/if}
-      <div class="min-w-0"><Badge variant="outline">{eyebrow}</Badge><h1 class="mt-2 text-xl font-semibold text-foreground">{title}</h1><p class="mt-1 max-w-3xl text-sm leading-6 text-muted-foreground">{description}</p></div>
+<div class="svadmin-u-b3542e058833" data-svadmin-resource-operations={resourceName} data-svadmin-workspace-style={workspaceStyle} data-svadmin-layout-identity={workspaceStyle}>
+  <header class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-0c3bc98565dd svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-09c1ba5f3e1a svadmin-u-020ba687fa12 svadmin-u-64cac80d2e9a svadmin-u-3b9871a0bf93" data-svadmin-ops-hero>
+    <div class="svadmin-u-60fbb7713999 svadmin-u-7e0b7cdf1a94 svadmin-u-60541e1e26f8 svadmin-u-1004c0c3954c">
+      {#if Icon}<span class="svadmin-u-60fbb7713999 svadmin-u-665f07fe73cc svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-20aaf08a7ed1"><Icon class="svadmin-u-f7b5fa971871" /></span>{/if}
+      <div class="svadmin-u-7e0b7cdf1a94"><Badge variant="outline">{eyebrow}</Badge><h1 class="svadmin-u-50d0d216a2f8 svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{title}</h1><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fa3f7111e53b svadmin-u-fc7473ca09eb svadmin-u-18550d5945ae svadmin-u-bfa603190748">{description}</p></div>
     </div>
     {#if showCreate}
-      <Button class="shrink-0" size="sm" onclick={() => navigation.create(resourceName)}>{actionLabel}</Button>
+      <Button class="svadmin-u-012fbd121f37" size="sm" onclick={() => navigation.create(resourceName)}>{actionLabel}</Button>
     {/if}
   </header>
   {#if workspaceStyle === 'inventory'}
-    <section class="grid gap-6 xl:grid-cols-[minmax(0,1fr)_18rem]" data-svadmin-inventory-layout>
-      <div class="space-y-5"><div class="grid gap-px overflow-hidden rounded-lg border border-border bg-border sm:grid-cols-3">{#each metrics as metric (metric.label)}<div class="bg-card p-4"><p class="text-sm text-muted-foreground">{metric.label}</p><p class="mt-2 text-2xl font-semibold text-foreground">{metric.value}</p>{#if metric.hint}<p class="mt-1 text-xs text-muted-foreground">{metric.hint}</p>{/if}</div>{/each}</div><AutoTable {resourceName} /></div>
-      <aside class="space-y-5"><section><h2 class="text-sm font-semibold text-foreground">{tableLabel}</h2><p class="mt-1 text-sm text-muted-foreground">{tableDescription}</p><div class="mt-3 divide-y divide-border border-y border-border">{#each lanes as lane (lane.label)}<div class="flex items-center justify-between gap-3 py-3"><div><p class="text-sm font-medium text-foreground">{lane.label}</p>{#if lane.hint}<p class="text-xs text-muted-foreground">{lane.hint}</p>{/if}</div><Badge variant="outline">{lane.value}</Badge></div>{:else}<p class="py-3 text-sm text-muted-foreground">{emptyLanesText}</p>{/each}</div></section><section><h2 class="text-sm font-semibold text-foreground">{highlightsLabel}</h2><div class="mt-3 space-y-2">{#each highlights as item (item.title)}<article class="rounded-lg border border-border bg-card p-3"><div class="flex items-start justify-between gap-3"><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</div>{#if item.description}<p class="mt-1 text-xs leading-5 text-muted-foreground">{item.description}</p>{/if}{#if item.meta}<p class="mt-2 text-xs font-medium text-primary">{item.meta}</p>{/if}</article>{/each}</div></section></aside>
+    <section class="svadmin-u-f3c543ad5fe9 svadmin-u-0d304f904cb0 svadmin-u-64f847a259bc" data-svadmin-inventory-layout>
+      <div class="svadmin-u-b43b4c086d9a"><div class="svadmin-u-f3c543ad5fe9 svadmin-u-ceb7ac66b25b svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-a59afa8d9b9d svadmin-u-ab1b20c2292a">{#each metrics as metric (metric.label)}<div class="svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-50d0d216a2f8 svadmin-u-3febee094e85 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p>{#if metric.hint}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.hint}</p>{/if}</div>{/each}</div><AutoTable {resourceName} /></div>
+      <aside class="svadmin-u-b43b4c086d9a"><section><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{tableLabel}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{tableDescription}</p><div class="svadmin-u-eccd13ef4f2f svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3 svadmin-u-8b8196092091 svadmin-u-18049387f0af">{#each lanes as lane (lane.label)}<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-1b2d54a3fd12"><div><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{lane.label}</p>{#if lane.hint}<p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{lane.hint}</p>{/if}</div><Badge variant="outline">{lane.value}</Badge></div>{:else}<p class="svadmin-u-1b2d54a3fd12 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{emptyLanesText}</p>{/each}</div></section><section><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{highlightsLabel}</h2><div class="svadmin-u-eccd13ef4f2f svadmin-u-6f7e013d6499">{#each highlights as item (item.title)}<article class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-eb6e8b881acd"><div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</div>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-7054e2767710 svadmin-u-bfa603190748">{item.description}</p>{/if}{#if item.meta}<p class="svadmin-u-50d0d216a2f8 svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-20aaf08a7ed1">{item.meta}</p>{/if}</article>{/each}</div></section></aside>
     </section>
   {:else if workspaceStyle === 'operations'}
-    <section class="space-y-5" data-svadmin-operations-layout>
-      <div class="grid gap-4 lg:grid-cols-[1fr_1.4fr]"><div class="rounded-lg border border-border bg-card p-4"><h2 class="text-sm font-semibold text-foreground">{tableLabel}</h2><div class="mt-4 space-y-4">{#each lanes as lane (lane.label)}<div><div class="flex items-center justify-between gap-3 text-sm"><span class="font-medium">{lane.label}</span><span class="text-muted-foreground">{lane.value}</span></div><div class="mt-2 h-1.5 overflow-hidden rounded-full bg-muted"><div class="h-full rounded-full bg-primary" style:width={`${Math.min(100, Math.max(12, Number(lane.value) * 8))}%`}></div></div>{#if lane.hint}<p class="mt-1 text-xs text-muted-foreground">{lane.hint}</p>{/if}</div>{/each}</div></div><div class="rounded-lg border border-border bg-card"><div class="border-b border-border px-4 py-3"><h2 class="text-sm font-semibold text-foreground">{highlightsLabel}</h2></div><div class="divide-y divide-border">{#each highlights as item (item.title)}<div class="grid gap-2 px-4 py-3 sm:grid-cols-[1fr_auto]"><div><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.description}<p class="mt-1 text-xs text-muted-foreground">{item.description}</p>{/if}</div><div class="flex items-center gap-2">{#if item.badge}<Badge variant="outline">{item.badge}</Badge>{/if}{#if item.meta}<span class="text-xs text-muted-foreground">{item.meta}</span>{/if}</div></div>{/each}</div></div></div>
-      <div class="grid gap-px overflow-hidden rounded-lg border border-border bg-border sm:grid-cols-3">{#each metrics as metric (metric.label)}<div class="flex items-center justify-between gap-3 bg-card p-4"><div><p class="text-sm text-muted-foreground">{metric.label}</p>{#if metric.hint}<p class="mt-1 text-xs text-muted-foreground">{metric.hint}</p>{/if}</div><p class="text-xl font-semibold text-foreground">{metric.value}</p></div>{/each}</div>
+    <section class="svadmin-u-b43b4c086d9a" data-svadmin-operations-layout>
+      <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-478497d5efa5"><div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{tableLabel}</h2><div class="svadmin-u-0ab8667228fd svadmin-u-3e7ce58d64fa">{#each lanes as lane (lane.label)}<div><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-fc7473ca09eb"><span class="svadmin-u-2689f3958069">{lane.label}</span><span class="svadmin-u-bfa603190748">{lane.value}</span></div><div class="svadmin-u-50d0d216a2f8 svadmin-u-095acb275581 svadmin-u-2cd02d11d1af svadmin-u-ac204c108886 svadmin-u-2ef11f1cb219"><div class="svadmin-u-668b21aa5409 svadmin-u-ac204c108886 svadmin-u-75b1bec3ea0e" style:width={`${Math.min(100, Math.max(12, Number(lane.value) * 8))}%`}></div></div>{#if lane.hint}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{lane.hint}</p>{/if}</div>{/each}</div></div><div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558"><div class="svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{highlightsLabel}</h2></div><div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3">{#each highlights as item (item.title)}<div class="svadmin-u-f3c543ad5fe9 svadmin-u-77a2a20e90d4 svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12 svadmin-u-18d3e28787c3"><div><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{item.description}</p>{/if}</div><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">{#if item.badge}<Badge variant="outline">{item.badge}</Badge>{/if}{#if item.meta}<span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{item.meta}</span>{/if}</div></div>{/each}</div></div></div>
+      <div class="svadmin-u-f3c543ad5fe9 svadmin-u-ceb7ac66b25b svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-a59afa8d9b9d svadmin-u-ab1b20c2292a">{#each metrics as metric (metric.label)}<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><div><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metric.label}</p>{#if metric.hint}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.hint}</p>{/if}</div><p class="svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p></div>{/each}</div>
       <AutoTable {resourceName} />
     </section>
   {:else if workspaceStyle === 'orders'}
-    <section class="grid gap-5 xl:grid-cols-[minmax(0,1fr)_20rem]" data-svadmin-orders-layout>
-      <div class="space-y-5"><div class="grid gap-3 sm:grid-cols-3">{#each metrics as metric (metric.label)}<div class="border-l-2 border-primary pl-3"><p class="text-sm text-muted-foreground">{metric.label}</p><p class="mt-1 text-2xl font-semibold text-foreground">{metric.value}</p>{#if metric.hint}<p class="text-xs text-muted-foreground">{metric.hint}</p>{/if}</div>{/each}</div><AutoTable {resourceName} /></div>
-      <aside class="rounded-lg border border-border bg-card"><div class="border-b border-border p-4"><h2 class="text-sm font-semibold text-foreground">{highlightsLabel}</h2><p class="mt-1 text-xs text-muted-foreground">{tableDescription}</p></div><div class="divide-y divide-border">{#each highlights as item (item.title)}<div class="p-4"><div class="flex items-center justify-between gap-2"><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.badge}<Badge>{item.badge}</Badge>{/if}</div>{#if item.description}<p class="mt-1 text-xs leading-5 text-muted-foreground">{item.description}</p>{/if}{#if item.meta}<p class="mt-2 text-xs text-primary">{item.meta}</p>{/if}</div>{/each}{#each lanes as lane (lane.label)}<div class="flex items-center justify-between gap-3 p-4"><div><p class="text-sm font-medium">{lane.label}</p>{#if lane.hint}<p class="text-xs text-muted-foreground">{lane.hint}</p>{/if}</div><Badge variant="outline">{lane.value}</Badge></div>{/each}</div></aside>
+    <section class="svadmin-u-f3c543ad5fe9 svadmin-u-b39e60c339f4 svadmin-u-956fcc198f22" data-svadmin-orders-layout>
+      <div class="svadmin-u-b43b4c086d9a"><div class="svadmin-u-f3c543ad5fe9 svadmin-u-1004c0c3954c svadmin-u-ab1b20c2292a">{#each metrics as metric (metric.label)}<div class="svadmin-u-f57e7530965b svadmin-u-6cbc84dd9e1a svadmin-u-81976f3f2c63"><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-b6b02c0ebef6 svadmin-u-3febee094e85 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p>{#if metric.hint}<p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.hint}</p>{/if}</div>{/each}</div><AutoTable {resourceName} /></div>
+      <aside class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558"><div class="svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-8e63407b5ceb"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{highlightsLabel}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{tableDescription}</p></div><div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3">{#each highlights as item (item.title)}<div class="svadmin-u-8e63407b5ceb"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4"><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.badge}<Badge>{item.badge}</Badge>{/if}</div>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-7054e2767710 svadmin-u-bfa603190748">{item.description}</p>{/if}{#if item.meta}<p class="svadmin-u-50d0d216a2f8 svadmin-u-359090c2d529 svadmin-u-20aaf08a7ed1">{item.meta}</p>{/if}</div>{/each}{#each lanes as lane (lane.label)}<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-8e63407b5ceb"><div><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069">{lane.label}</p>{#if lane.hint}<p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{lane.hint}</p>{/if}</div><Badge variant="outline">{lane.value}</Badge></div>{/each}</div></aside>
     </section>
   {:else if workspaceStyle === 'people'}
-    <section class="grid gap-5 xl:grid-cols-[18rem_minmax(0,1fr)]" data-svadmin-people-layout>
-      <aside class="space-y-5 rounded-lg border border-border bg-card p-4">
-        <div><h2 class="text-sm font-semibold text-foreground">{highlightsLabel}</h2><p class="mt-1 text-xs leading-5 text-muted-foreground">{tableDescription}</p></div>
-        <div class="grid gap-px overflow-hidden rounded-md border border-border bg-border sm:grid-cols-3 xl:grid-cols-1">{#each metrics as metric (metric.label)}<div class="bg-card py-3"><div class="flex items-center justify-between gap-3"><p class="text-sm text-muted-foreground">{metric.label}</p><p class="text-lg font-semibold text-foreground">{metric.value}</p></div>{#if metric.hint}<p class="text-xs text-muted-foreground">{metric.hint}</p>{/if}</div>{/each}</div>
-        <div class="space-y-3">{#each lanes as lane (lane.label)}<div class="flex items-center justify-between gap-3"><div><p class="text-sm font-medium text-foreground">{lane.label}</p>{#if lane.hint}<p class="text-xs text-muted-foreground">{lane.hint}</p>{/if}</div><Badge variant="outline">{lane.value}</Badge></div>{/each}</div>
+    <section class="svadmin-u-f3c543ad5fe9 svadmin-u-b39e60c339f4 svadmin-u-6643d7cf66cb" data-svadmin-people-layout>
+      <aside class="svadmin-u-b43b4c086d9a svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb">
+        <div><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{highlightsLabel}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-7054e2767710 svadmin-u-bfa603190748">{tableDescription}</p></div>
+        <div class="svadmin-u-f3c543ad5fe9 svadmin-u-ceb7ac66b25b svadmin-u-2cd02d11d1af svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-a59afa8d9b9d svadmin-u-ab1b20c2292a svadmin-u-bb10ec63a8d0">{#each metrics as metric (metric.label)}<div class="svadmin-u-cd0ad9a56558 svadmin-u-1b2d54a3fd12"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p></div>{#if metric.hint}<p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.hint}</p>{/if}</div>{/each}</div>
+        <div class="svadmin-u-6ed543e2fbbb">{#each lanes as lane (lane.label)}<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><div><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{lane.label}</p>{#if lane.hint}<p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{lane.hint}</p>{/if}</div><Badge variant="outline">{lane.value}</Badge></div>{/each}</div>
       </aside>
-      <div class="space-y-5"><div class="divide-y divide-border rounded-lg border border-border bg-card">{#each highlights as item (item.title)}<article class="flex items-start justify-between gap-4 p-4"><div><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.description}<p class="mt-1 text-xs leading-5 text-muted-foreground">{item.description}</p>{/if}{#if item.meta}<p class="mt-2 text-xs text-primary">{item.meta}</p>{/if}</div>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</article>{/each}</div><AutoTable {resourceName} /></div>
+      <div class="svadmin-u-b43b4c086d9a"><div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558">{#each highlights as item (item.title)}<article class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-0c3bc98565dd svadmin-u-8e63407b5ceb"><div><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-7054e2767710 svadmin-u-bfa603190748">{item.description}</p>{/if}{#if item.meta}<p class="svadmin-u-50d0d216a2f8 svadmin-u-359090c2d529 svadmin-u-20aaf08a7ed1">{item.meta}</p>{/if}</div>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</article>{/each}</div><AutoTable {resourceName} /></div>
     </section>
   {:else if workspaceStyle === 'calendar'}
-    <section class="space-y-5" data-svadmin-calendar-layout>
-      <div class="grid gap-px overflow-hidden rounded-lg border border-border bg-border sm:grid-cols-3">{#each metrics as metric (metric.label)}<div class="bg-card p-4"><p class="text-xs text-muted-foreground">{metric.label}</p><p class="mt-1 text-xl font-semibold text-foreground">{metric.value}</p>{#if metric.hint}<p class="mt-1 text-xs text-muted-foreground">{metric.hint}</p>{/if}</div>{/each}</div>
-      <div class="grid gap-5 lg:grid-cols-[minmax(0,1fr)_17rem]"><div class="rounded-lg border border-border bg-card"><div class="border-b border-border px-4 py-3"><h2 class="text-sm font-semibold text-foreground">{highlightsLabel}</h2></div><div class="divide-y divide-border">{#each highlights as item (item.title)}<article class="grid gap-2 p-4 sm:grid-cols-[5rem_minmax(0,1fr)_auto]"><p class="text-xs font-medium text-primary">{item.meta}</p><div><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.description}<p class="mt-1 text-xs text-muted-foreground">{item.description}</p>{/if}</div>{#if item.badge}<Badge variant="outline">{item.badge}</Badge>{/if}</article>{/each}</div></div><aside class="space-y-3">{#each lanes as lane (lane.label)}<div class="rounded-lg border border-border bg-card p-4"><div class="flex items-center justify-between gap-3"><p class="text-sm font-medium text-foreground">{lane.label}</p><Badge variant="outline">{lane.value}</Badge></div>{#if lane.hint}<p class="mt-1 text-xs text-muted-foreground">{lane.hint}</p>{/if}</div>{/each}</aside></div>
+    <section class="svadmin-u-b43b4c086d9a" data-svadmin-calendar-layout>
+      <div class="svadmin-u-f3c543ad5fe9 svadmin-u-ceb7ac66b25b svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-a59afa8d9b9d svadmin-u-ab1b20c2292a">{#each metrics as metric (metric.label)}<div class="svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-b6b02c0ebef6 svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p>{#if metric.hint}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.hint}</p>{/if}</div>{/each}</div>
+      <div class="svadmin-u-f3c543ad5fe9 svadmin-u-b39e60c339f4 svadmin-u-d9a1932be4d4"><div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558"><div class="svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{highlightsLabel}</h2></div><div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3">{#each highlights as item (item.title)}<article class="svadmin-u-f3c543ad5fe9 svadmin-u-77a2a20e90d4 svadmin-u-8e63407b5ceb svadmin-u-8045cf4c0182"><p class="svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-20aaf08a7ed1">{item.meta}</p><div><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{item.description}</p>{/if}</div>{#if item.badge}<Badge variant="outline">{item.badge}</Badge>{/if}</article>{/each}</div></div><aside class="svadmin-u-6ed543e2fbbb">{#each lanes as lane (lane.label)}<div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{lane.label}</p><Badge variant="outline">{lane.value}</Badge></div>{#if lane.hint}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{lane.hint}</p>{/if}</div>{/each}</aside></div>
       <AutoTable {resourceName} />
     </section>
   {:else if workspaceStyle === 'crm'}
-    <section class="space-y-5" data-svadmin-crm-layout>
-      <div class="grid gap-4 sm:grid-cols-3">{#each metrics as metric (metric.label)}<div class="border-l-2 border-primary pl-3"><p class="text-sm text-muted-foreground">{metric.label}</p><p class="mt-1 text-2xl font-semibold text-foreground">{metric.value}</p>{#if metric.hint}<p class="text-xs text-muted-foreground">{metric.hint}</p>{/if}</div>{/each}</div>
-      <div class="grid gap-4 lg:grid-cols-[minmax(0,1fr)_20rem]"><div class="grid gap-4 sm:grid-cols-3">{#each lanes as lane (lane.label)}<section class="rounded-lg border border-border bg-muted/15"><div class="flex items-center justify-between border-b border-border px-4 py-3"><h2 class="text-sm font-semibold text-foreground">{lane.label}</h2><Badge variant="outline">{lane.value}</Badge></div>{#if lane.hint}<p class="p-4 text-xs leading-5 text-muted-foreground">{lane.hint}</p>{/if}</section>{/each}</div><aside class="divide-y divide-border rounded-lg border border-border bg-card">{#each highlights as item (item.title)}<article class="p-4"><div class="flex items-start justify-between gap-2"><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</div>{#if item.description}<p class="mt-1 text-xs text-muted-foreground">{item.description}</p>{/if}{#if item.meta}<p class="mt-2 text-xs text-primary">{item.meta}</p>{/if}</article>{/each}</aside></div>
+    <section class="svadmin-u-b43b4c086d9a" data-svadmin-crm-layout>
+      <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-ab1b20c2292a">{#each metrics as metric (metric.label)}<div class="svadmin-u-f57e7530965b svadmin-u-6cbc84dd9e1a svadmin-u-81976f3f2c63"><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-b6b02c0ebef6 svadmin-u-3febee094e85 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p>{#if metric.hint}<p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.hint}</p>{/if}</div>{/each}</div>
+      <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-4a33def12a78"><div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-ab1b20c2292a">{#each lanes as lane (lane.label)}<section class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-46daeb0b661f"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{lane.label}</h2><Badge variant="outline">{lane.value}</Badge></div>{#if lane.hint}<p class="svadmin-u-8e63407b5ceb svadmin-u-359090c2d529 svadmin-u-7054e2767710 svadmin-u-bfa603190748">{lane.hint}</p>{/if}</section>{/each}</div><aside class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558">{#each highlights as item (item.title)}<article class="svadmin-u-8e63407b5ceb"><div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4"><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</div>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{item.description}</p>{/if}{#if item.meta}<p class="svadmin-u-50d0d216a2f8 svadmin-u-359090c2d529 svadmin-u-20aaf08a7ed1">{item.meta}</p>{/if}</article>{/each}</aside></div>
       <AutoTable {resourceName} />
     </section>
   {:else if workspaceStyle === 'property'}
-    <section class="space-y-5" data-svadmin-property-layout>
-      <div class="grid gap-5 xl:grid-cols-[minmax(0,1fr)_18rem]"><div class="grid gap-4 md:grid-cols-2">{#each highlights as item (item.title)}<Card.Root><Card.Content class="p-4"><div class="flex aspect-[16/7] items-center justify-center rounded-md bg-muted text-primary">{#if Icon}<Icon class="size-7" />{/if}</div><div class="mt-4 flex items-start justify-between gap-3"><div><h2 class="text-sm font-semibold text-foreground">{item.title}</h2>{#if item.description}<p class="mt-1 text-xs leading-5 text-muted-foreground">{item.description}</p>{/if}</div>{#if item.badge}<Badge>{item.badge}</Badge>{/if}</div>{#if item.meta}<p class="mt-3 text-xs font-medium text-primary">{item.meta}</p>{/if}</Card.Content></Card.Root>{/each}</div><aside class="space-y-4">{#each metrics as metric (metric.label)}<div class="border-b border-border pb-4"><div class="flex items-center justify-between gap-3"><p class="text-sm text-muted-foreground">{metric.label}</p><p class="text-lg font-semibold text-foreground">{metric.value}</p></div>{#if metric.hint}<p class="mt-1 text-xs text-muted-foreground">{metric.hint}</p>{/if}</div>{/each}{#each lanes as lane (lane.label)}<div class="flex items-center justify-between gap-3"><span class="text-sm text-muted-foreground">{lane.label}</span><Badge variant="outline">{lane.value}</Badge></div>{/each}</aside></div>
+    <section class="svadmin-u-b43b4c086d9a" data-svadmin-property-layout>
+      <div class="svadmin-u-f3c543ad5fe9 svadmin-u-b39e60c339f4 svadmin-u-64f847a259bc"><div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-e4d6f343b9ff">{#each highlights as item (item.title)}<Card.Root><Card.Content class="svadmin-u-8e63407b5ceb"><div class="svadmin-u-60fbb7713999 svadmin-u-89a62219c1a7 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-2ef11f1cb219 svadmin-u-20aaf08a7ed1">{#if Icon}<Icon class="svadmin-u-cc46d0fa277d" />{/if}</div><div class="svadmin-u-0ab8667228fd svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><div><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{item.title}</h2>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-7054e2767710 svadmin-u-bfa603190748">{item.description}</p>{/if}</div>{#if item.badge}<Badge>{item.badge}</Badge>{/if}</div>{#if item.meta}<p class="svadmin-u-eccd13ef4f2f svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-20aaf08a7ed1">{item.meta}</p>{/if}</Card.Content></Card.Root>{/each}</div><aside class="svadmin-u-3e7ce58d64fa">{#each metrics as metric (metric.label)}<div class="svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-9fcd8a13827e"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p></div>{#if metric.hint}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.hint}</p>{/if}</div>{/each}{#each lanes as lane (lane.label)}<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><span class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{lane.label}</span><Badge variant="outline">{lane.value}</Badge></div>{/each}</aside></div>
       <AutoTable {resourceName} />
     </section>
   {:else if workspaceStyle === 'ai'}
-    <section class="grid min-h-[30rem] overflow-hidden rounded-lg border border-border bg-card lg:grid-cols-[16rem_minmax(0,1fr)]" data-svadmin-ai-layout>
-      <aside class="border-b border-border bg-muted/20 p-4 lg:border-b-0 lg:border-r"><h2 class="text-sm font-semibold text-foreground">{tableLabel}</h2><p class="mt-1 text-xs leading-5 text-muted-foreground">{tableDescription}</p><div class="mt-4 space-y-2">{#each lanes as lane (lane.label)}<div class="rounded-md border border-border bg-card px-3 py-2"><div class="flex items-center justify-between gap-3"><p class="text-sm font-medium text-foreground">{lane.label}</p><Badge variant="outline">{lane.value}</Badge></div>{#if lane.hint}<p class="mt-1 text-xs text-muted-foreground">{lane.hint}</p>{/if}</div>{/each}</div></aside>
-      <div class="min-w-0"><div class="border-b border-border px-4 py-3"><h2 class="text-sm font-semibold text-foreground">{highlightsLabel}</h2></div><div class="space-y-3 p-4">{#each highlights as item (item.title)}<article class="max-w-2xl rounded-lg border border-border bg-muted/15 p-4"><div class="flex items-start justify-between gap-3"><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</div>{#if item.description}<p class="mt-2 text-sm leading-6 text-muted-foreground">{item.description}</p>{/if}{#if item.meta}<p class="mt-2 text-xs text-primary">{item.meta}</p>{/if}</article>{/each}</div><div class="border-t border-border p-4"><AutoTable {resourceName} /></div></div>
+    <section class="svadmin-u-f3c543ad5fe9 svadmin-u-479a710e57e6 svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-cecf8bbb11d7" data-svadmin-ai-layout>
+      <aside class="svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-967d113a1451 svadmin-u-8e63407b5ceb svadmin-u-e2f2b4a69d35 svadmin-u-64a6e3fce6e0"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{tableLabel}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-7054e2767710 svadmin-u-bfa603190748">{tableDescription}</p><div class="svadmin-u-0ab8667228fd svadmin-u-6f7e013d6499">{#each lanes as lane (lane.label)}<div class="svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{lane.label}</p><Badge variant="outline">{lane.value}</Badge></div>{#if lane.hint}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{lane.hint}</p>{/if}</div>{/each}</div></aside>
+      <div class="svadmin-u-7e0b7cdf1a94"><div class="svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{highlightsLabel}</h2></div><div class="svadmin-u-6ed543e2fbbb svadmin-u-8e63407b5ceb">{#each highlights as item (item.title)}<article class="svadmin-u-2cc8041eca99 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-46daeb0b661f svadmin-u-8e63407b5ceb"><div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</div>{#if item.description}<p class="svadmin-u-50d0d216a2f8 svadmin-u-fc7473ca09eb svadmin-u-18550d5945ae svadmin-u-bfa603190748">{item.description}</p>{/if}{#if item.meta}<p class="svadmin-u-50d0d216a2f8 svadmin-u-359090c2d529 svadmin-u-20aaf08a7ed1">{item.meta}</p>{/if}</article>{/each}</div><div class="svadmin-u-b950dda299d3 svadmin-u-18049387f0af svadmin-u-8e63407b5ceb"><AutoTable {resourceName} /></div></div>
     </section>
   {:else if workspaceStyle === 'communications'}
-    <section class="grid min-h-[32rem] overflow-hidden rounded-lg border border-border bg-card lg:grid-cols-[15rem_minmax(0,1fr)]" data-svadmin-communications-layout>
-      <nav class="border-b border-border bg-muted/20 p-3 lg:border-b-0 lg:border-r">{#each lanes as lane (lane.label)}<button class="flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-left text-sm hover:bg-card"><span><span class="block font-medium text-foreground">{lane.label}</span>{#if lane.hint}<span class="text-xs text-muted-foreground">{lane.hint}</span>{/if}</span><Badge variant="outline">{lane.value}</Badge></button>{/each}</nav>
-      <div class="min-w-0"><div class="border-b border-border p-4"><h2 class="text-sm font-semibold text-foreground">{highlightsLabel}</h2></div><div class="divide-y divide-border">{#each highlights as item (item.title)}<article class="grid gap-3 p-4 sm:grid-cols-[1fr_auto]"><div><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.description}<p class="mt-1 text-sm text-muted-foreground">{item.description}</p>{/if}</div><div class="flex items-center gap-2">{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}{#if item.meta}<span class="text-xs text-muted-foreground">{item.meta}</span>{/if}</div></article>{/each}</div><div class="border-t border-border p-4"><AutoTable {resourceName} /></div></div>
+    <section class="svadmin-u-f3c543ad5fe9 svadmin-u-89904d276530 svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-c98d73ab4dcd" data-svadmin-communications-layout>
+      <nav class="svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-967d113a1451 svadmin-u-eb6e8b881acd svadmin-u-e2f2b4a69d35 svadmin-u-64a6e3fce6e0">{#each lanes as lane (lane.label)}<button class="svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-421ac2be5045 svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-2eba0d65d059 svadmin-u-fc7473ca09eb svadmin-u-300b7bc3815e"><span><span class="svadmin-u-0214b4b355d1 svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{lane.label}</span>{#if lane.hint}<span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{lane.hint}</span>{/if}</span><Badge variant="outline">{lane.value}</Badge></button>{/each}</nav>
+      <div class="svadmin-u-7e0b7cdf1a94"><div class="svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-8e63407b5ceb"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{highlightsLabel}</h2></div><div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3">{#each highlights as item (item.title)}<article class="svadmin-u-f3c543ad5fe9 svadmin-u-1004c0c3954c svadmin-u-8e63407b5ceb svadmin-u-18d3e28787c3"><div><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{item.description}</p>{/if}</div><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}{#if item.meta}<span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{item.meta}</span>{/if}</div></article>{/each}</div><div class="svadmin-u-b950dda299d3 svadmin-u-18049387f0af svadmin-u-8e63407b5ceb"><AutoTable {resourceName} /></div></div>
     </section>
   {:else if workspaceStyle === 'store'}
-    <section class="space-y-5" data-svadmin-store-layout><div class="flex flex-col gap-4 border-b border-border pb-4 sm:flex-row sm:items-end sm:justify-between"><div><h2 class="text-base font-semibold text-foreground">{highlightsLabel}</h2><p class="mt-1 text-sm text-muted-foreground">{tableDescription}</p></div><div class="flex gap-5">{#each metrics as metric (metric.label)}<div><p class="text-xs text-muted-foreground">{metric.label}</p><p class="text-lg font-semibold text-foreground">{metric.value}</p></div>{/each}</div></div><div class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">{#each highlights as item (item.title)}<Card.Root><Card.Content class="p-4"><div class="flex aspect-[16/8] items-center justify-center rounded-md bg-muted text-primary">{#if Icon}<Icon class="size-8" />{/if}</div><div class="mt-4 flex items-start justify-between gap-3"><div><h3 class="text-sm font-semibold text-foreground">{item.title}</h3>{#if item.description}<p class="mt-1 text-sm text-muted-foreground">{item.description}</p>{/if}</div>{#if item.badge}<Badge>{item.badge}</Badge>{/if}</div>{#if item.meta}<p class="mt-3 text-xs font-medium text-primary">{item.meta}</p>{/if}</Card.Content></Card.Root>{/each}</div><div class="grid gap-4 lg:grid-cols-[18rem_minmax(0,1fr)]"><aside class="rounded-lg border border-border bg-card p-4"><h2 class="text-sm font-semibold text-foreground">{tableLabel}</h2><div class="mt-3 space-y-3">{#each lanes as lane (lane.label)}<div class="flex items-center justify-between gap-3"><span class="text-sm text-muted-foreground">{lane.label}</span><Badge variant="outline">{lane.value}</Badge></div>{/each}</div></aside><AutoTable {resourceName} /></div></section>
+    <section class="svadmin-u-b43b4c086d9a" data-svadmin-store-layout><div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-0c3bc98565dd svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-9fcd8a13827e svadmin-u-020ba687fa12 svadmin-u-f89e35297f0f svadmin-u-3b9871a0bf93"><div><h2 class="svadmin-u-4ee734926ff6 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{highlightsLabel}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{tableDescription}</p></div><div class="svadmin-u-60fbb7713999 svadmin-u-b39e60c339f4">{#each metrics as metric (metric.label)}<div><p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p></div>{/each}</div></div><div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-e4d6f343b9ff svadmin-u-b86f7f946cd8">{#each highlights as item (item.title)}<Card.Root><Card.Content class="svadmin-u-8e63407b5ceb"><div class="svadmin-u-60fbb7713999 svadmin-u-9e50f522071f svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-2ef11f1cb219 svadmin-u-20aaf08a7ed1">{#if Icon}<Icon class="svadmin-u-d8f5213f0fe0" />{/if}</div><div class="svadmin-u-0ab8667228fd svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><div><h3 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{item.title}</h3>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{item.description}</p>{/if}</div>{#if item.badge}<Badge>{item.badge}</Badge>{/if}</div>{#if item.meta}<p class="svadmin-u-eccd13ef4f2f svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-20aaf08a7ed1">{item.meta}</p>{/if}</Card.Content></Card.Root>{/each}</div><div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-4d62c2e3009b"><aside class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{tableLabel}</h2><div class="svadmin-u-eccd13ef4f2f svadmin-u-6ed543e2fbbb">{#each lanes as lane (lane.label)}<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><span class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{lane.label}</span><Badge variant="outline">{lane.value}</Badge></div>{/each}</div></aside><AutoTable {resourceName} /></div></section>
   {:else if workspaceStyle === 'planning'}
-    <section class="space-y-5" data-svadmin-planning-layout><div class="grid gap-4 lg:grid-cols-3">{#each lanes as lane, laneIndex (lane.label)}<section class="rounded-lg border border-border bg-muted/15"><div class="flex items-center justify-between border-b border-border px-4 py-3"><h2 class="text-sm font-semibold text-foreground">{lane.label}</h2><Badge variant="outline">{lane.value}</Badge></div><div class="space-y-3 p-3">{#each highlights.filter((_, itemIndex) => itemIndex % lanes.length === laneIndex) as item (item.title)}<article class="rounded-md border border-border bg-card p-3"><div class="flex items-start justify-between gap-2"><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</div>{#if item.description}<p class="mt-1 text-xs leading-5 text-muted-foreground">{item.description}</p>{/if}{#if item.meta}<p class="mt-2 text-xs text-primary">{item.meta}</p>{/if}</article>{/each}</div></section>{/each}</div><div class="grid gap-px overflow-hidden rounded-lg border border-border bg-border sm:grid-cols-3">{#each metrics as metric (metric.label)}<div class="bg-card p-4"><p class="text-sm text-muted-foreground">{metric.label}</p><p class="mt-1 text-xl font-semibold text-foreground">{metric.value}</p>{#if metric.hint}<p class="text-xs text-muted-foreground">{metric.hint}</p>{/if}</div>{/each}</div><AutoTable {resourceName} /></section>
+    <section class="svadmin-u-b43b4c086d9a" data-svadmin-planning-layout><div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-19d9b25e8fae">{#each lanes as lane, laneIndex (lane.label)}<section class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-46daeb0b661f"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{lane.label}</h2><Badge variant="outline">{lane.value}</Badge></div><div class="svadmin-u-6ed543e2fbbb svadmin-u-eb6e8b881acd">{#each highlights.filter((_, itemIndex) => itemIndex % lanes.length === laneIndex) as item (item.title)}<article class="svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-eb6e8b881acd"><div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4"><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</div>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-7054e2767710 svadmin-u-bfa603190748">{item.description}</p>{/if}{#if item.meta}<p class="svadmin-u-50d0d216a2f8 svadmin-u-359090c2d529 svadmin-u-20aaf08a7ed1">{item.meta}</p>{/if}</article>{/each}</div></section>{/each}</div><div class="svadmin-u-f3c543ad5fe9 svadmin-u-ceb7ac66b25b svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-a59afa8d9b9d svadmin-u-ab1b20c2292a">{#each metrics as metric (metric.label)}<div class="svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-b6b02c0ebef6 svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p>{#if metric.hint}<p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.hint}</p>{/if}</div>{/each}</div><AutoTable {resourceName} /></section>
   {:else if workspaceStyle === 'generation'}
-    <section class="grid gap-5 xl:grid-cols-[19rem_minmax(0,1fr)]" data-svadmin-generation-layout>
-      <aside class="rounded-lg border border-border bg-card p-4"><h2 class="text-sm font-semibold text-foreground">{highlightsLabel}</h2><div class="mt-4 space-y-4">{#each lanes as lane, index (lane.label)}<div class="flex items-start gap-3"><span class="flex size-7 shrink-0 items-center justify-center rounded-md border border-border bg-muted text-xs font-semibold text-foreground">{index + 1}</span><div><div class="flex items-center gap-2"><p class="text-sm font-medium text-foreground">{lane.label}</p><Badge variant="outline">{lane.value}</Badge></div>{#if lane.hint}<p class="mt-1 text-xs leading-5 text-muted-foreground">{lane.hint}</p>{/if}</div></div>{/each}</div></aside>
-      <div class="space-y-5"><div class="grid gap-px overflow-hidden rounded-lg border border-border bg-border sm:grid-cols-3">{#each metrics as metric (metric.label)}<div class="bg-card p-4"><p class="text-sm text-muted-foreground">{metric.label}</p><p class="mt-1 text-xl font-semibold text-foreground">{metric.value}</p>{#if metric.hint}<p class="text-xs text-muted-foreground">{metric.hint}</p>{/if}</div>{/each}</div><div class="grid gap-3 md:grid-cols-3">{#each highlights as item (item.title)}<article class="rounded-lg border border-border bg-card p-4"><div class="flex items-start justify-between gap-2"><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</div>{#if item.description}<p class="mt-2 text-xs leading-5 text-muted-foreground">{item.description}</p>{/if}</article>{/each}</div><AutoTable {resourceName} /></div>
+    <section class="svadmin-u-f3c543ad5fe9 svadmin-u-b39e60c339f4 svadmin-u-fd0beb7ec078" data-svadmin-generation-layout>
+      <aside class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{highlightsLabel}</h2><div class="svadmin-u-0ab8667228fd svadmin-u-3e7ce58d64fa">{#each lanes as lane, index (lane.label)}<div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-1004c0c3954c"><span class="svadmin-u-60fbb7713999 svadmin-u-cc46d0fa277d svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-2ef11f1cb219 svadmin-u-359090c2d529 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{index + 1}</span><div><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4"><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{lane.label}</p><Badge variant="outline">{lane.value}</Badge></div>{#if lane.hint}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-7054e2767710 svadmin-u-bfa603190748">{lane.hint}</p>{/if}</div></div>{/each}</div></aside>
+      <div class="svadmin-u-b43b4c086d9a"><div class="svadmin-u-f3c543ad5fe9 svadmin-u-ceb7ac66b25b svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-a59afa8d9b9d svadmin-u-ab1b20c2292a">{#each metrics as metric (metric.label)}<div class="svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-b6b02c0ebef6 svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p>{#if metric.hint}<p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.hint}</p>{/if}</div>{/each}</div><div class="svadmin-u-f3c543ad5fe9 svadmin-u-1004c0c3954c svadmin-u-9a638cfe8212">{#each highlights as item (item.title)}<article class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4"><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.badge}<Badge variant="secondary">{item.badge}</Badge>{/if}</div>{#if item.description}<p class="svadmin-u-50d0d216a2f8 svadmin-u-359090c2d529 svadmin-u-7054e2767710 svadmin-u-bfa603190748">{item.description}</p>{/if}</article>{/each}</div><AutoTable {resourceName} /></div>
     </section>
   {:else if workspaceStyle === 'billing'}
-    <section class="space-y-5" data-svadmin-billing-layout><div class="grid gap-4 md:grid-cols-3">{#each highlights as item (item.title)}<Card.Root><Card.Header><div class="flex items-center justify-between gap-3"><Card.Title class="text-base">{item.title}</Card.Title>{#if item.badge}<Badge>{item.badge}</Badge>{/if}</div>{#if item.description}<Card.Description>{item.description}</Card.Description>{/if}</Card.Header><Card.Content>{#if item.meta}<p class="text-2xl font-semibold text-foreground">{item.meta}</p>{/if}<Button variant="outline" size="sm" class="mt-4 w-full">{actionLabel}</Button></Card.Content></Card.Root>{/each}</div><div class="grid gap-5 xl:grid-cols-[minmax(0,1fr)_18rem]"><AutoTable {resourceName} /><aside class="space-y-4">{#each metrics as metric (metric.label)}<div class="border-b border-border pb-4"><div class="flex items-center justify-between gap-3"><p class="text-sm text-muted-foreground">{metric.label}</p><p class="text-lg font-semibold text-foreground">{metric.value}</p></div>{#if metric.hint}<p class="mt-1 text-xs text-muted-foreground">{metric.hint}</p>{/if}</div>{/each}{#each lanes as lane (lane.label)}<div class="flex items-center justify-between gap-3"><span class="text-sm text-muted-foreground">{lane.label}</span><Badge variant="outline">{lane.value}</Badge></div>{/each}</aside></div></section>
+    <section class="svadmin-u-b43b4c086d9a" data-svadmin-billing-layout><div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-9a638cfe8212">{#each highlights as item (item.title)}<Card.Root><Card.Header><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><Card.Title class="svadmin-u-4ee734926ff6">{item.title}</Card.Title>{#if item.badge}<Badge>{item.badge}</Badge>{/if}</div>{#if item.description}<Card.Description>{item.description}</Card.Description>{/if}</Card.Header><Card.Content>{#if item.meta}<p class="svadmin-u-3febee094e85 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{item.meta}</p>{/if}<Button variant="outline" size="sm" class="svadmin-u-0ab8667228fd svadmin-u-6da6a3c3f741">{actionLabel}</Button></Card.Content></Card.Root>{/each}</div><div class="svadmin-u-f3c543ad5fe9 svadmin-u-b39e60c339f4 svadmin-u-64f847a259bc"><AutoTable {resourceName} /><aside class="svadmin-u-3e7ce58d64fa">{#each metrics as metric (metric.label)}<div class="svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-9fcd8a13827e"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p></div>{#if metric.hint}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.hint}</p>{/if}</div>{/each}{#each lanes as lane (lane.label)}<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><span class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{lane.label}</span><Badge variant="outline">{lane.value}</Badge></div>{/each}</aside></div></section>
   {:else if workspaceStyle === 'security'}
-    <section class="space-y-5" data-svadmin-security-layout><div class="grid gap-4 lg:grid-cols-[0.7fr_1.3fr]"><div class="rounded-lg border border-border bg-card p-5"><p class="text-sm font-medium text-muted-foreground">{metrics[0]?.label}</p><p class="mt-3 text-3xl font-semibold text-foreground">{metrics[0]?.value}</p><p class="mt-1 text-sm text-muted-foreground">{metrics[0]?.hint}</p><div class="mt-5 space-y-3">{#each lanes as lane (lane.label)}<div class="flex items-center justify-between gap-3"><span class="text-sm text-muted-foreground">{lane.label}</span><Badge variant="outline">{lane.value}</Badge></div>{/each}</div></div><div class="rounded-lg border border-border bg-card"><div class="border-b border-border px-4 py-3"><h2 class="text-sm font-semibold text-foreground">{highlightsLabel}</h2></div><div class="divide-y divide-border">{#each highlights as item (item.title)}<div class="flex items-start justify-between gap-3 p-4"><div><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.description}<p class="mt-1 text-xs text-muted-foreground">{item.description}</p>{/if}{#if item.meta}<p class="mt-2 text-xs text-primary">{item.meta}</p>{/if}</div>{#if item.badge}<Badge variant="outline">{item.badge}</Badge>{/if}</div>{/each}</div></div></div><AutoTable {resourceName} /></section>
+    <section class="svadmin-u-b43b4c086d9a" data-svadmin-security-layout><div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-2ee0591bf105"><div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-c07e54fd1439"><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-bfa603190748">{metrics[0]?.label}</p><p class="svadmin-u-eccd13ef4f2f svadmin-u-751fb0d102ba svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metrics[0]?.value}</p><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metrics[0]?.hint}</p><div class="svadmin-u-fb77735ed17c svadmin-u-6ed543e2fbbb">{#each lanes as lane (lane.label)}<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><span class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{lane.label}</span><Badge variant="outline">{lane.value}</Badge></div>{/each}</div></div><div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558"><div class="svadmin-u-65fdbade2025 svadmin-u-18049387f0af svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{highlightsLabel}</h2></div><div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3">{#each highlights as item (item.title)}<div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-8e63407b5ceb"><div><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{item.description}</p>{/if}{#if item.meta}<p class="svadmin-u-50d0d216a2f8 svadmin-u-359090c2d529 svadmin-u-20aaf08a7ed1">{item.meta}</p>{/if}</div>{#if item.badge}<Badge variant="outline">{item.badge}</Badge>{/if}</div>{/each}</div></div></div><AutoTable {resourceName} /></section>
   {:else if workspaceStyle === 'referral'}
-    <section class="grid gap-6 lg:grid-cols-[minmax(0,1fr)_20rem]" data-svadmin-referral-layout><div class="space-y-5"><div class="rounded-lg border border-border bg-card p-5"><h2 class="text-base font-semibold text-foreground">{highlightsLabel}</h2><p class="mt-1 text-sm text-muted-foreground">{tableDescription}</p><div class="mt-5 grid gap-3 sm:grid-cols-3">{#each metrics as metric (metric.label)}<div><p class="text-sm text-muted-foreground">{metric.label}</p><p class="mt-1 text-2xl font-semibold text-foreground">{metric.value}</p><p class="text-xs text-muted-foreground">{metric.hint}</p></div>{/each}</div></div><AutoTable {resourceName} /></div><aside class="space-y-3">{#each highlights as item (item.title)}<article class="rounded-lg border border-border bg-card p-4"><div class="flex items-center justify-between gap-3"><p class="text-sm font-medium text-foreground">{item.title}</p>{#if item.badge}<Badge>{item.badge}</Badge>{/if}</div>{#if item.description}<p class="mt-1 text-xs leading-5 text-muted-foreground">{item.description}</p>{/if}{#if item.meta}<p class="mt-3 rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground">{item.meta}</p>{/if}</article>{/each}</aside></section>
+    <section class="svadmin-u-f3c543ad5fe9 svadmin-u-0d304f904cb0 svadmin-u-4a33def12a78" data-svadmin-referral-layout><div class="svadmin-u-b43b4c086d9a"><div class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-c07e54fd1439"><h2 class="svadmin-u-4ee734926ff6 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{highlightsLabel}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{tableDescription}</p><div class="svadmin-u-fb77735ed17c svadmin-u-f3c543ad5fe9 svadmin-u-1004c0c3954c svadmin-u-ab1b20c2292a">{#each metrics as metric (metric.label)}<div><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-b6b02c0ebef6 svadmin-u-3febee094e85 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p><p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{metric.hint}</p></div>{/each}</div></div><AutoTable {resourceName} /></div><aside class="svadmin-u-6ed543e2fbbb">{#each highlights as item (item.title)}<article class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{item.title}</p>{#if item.badge}<Badge>{item.badge}</Badge>{/if}</div>{#if item.description}<p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-7054e2767710 svadmin-u-bfa603190748">{item.description}</p>{/if}{#if item.meta}<p class="svadmin-u-eccd13ef4f2f svadmin-u-421ac2be5045 svadmin-u-2ef11f1cb219 svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-0e65706bcccd svadmin-u-359090c2d529 svadmin-u-d4108abe6359">{item.meta}</p>{/if}</article>{/each}</aside></section>
   {:else}
-    <section class="space-y-4" data-svadmin-default-layout><div class="grid gap-px overflow-hidden rounded-lg border border-border bg-border sm:grid-cols-3">{#each metrics as metric (metric.label)}<div class="bg-card p-4"><p class="text-sm text-muted-foreground">{metric.label}</p><p class="mt-1 text-xl font-semibold text-foreground">{metric.value}</p></div>{/each}</div><AutoTable {resourceName} /></section>
+    <section class="svadmin-u-3e7ce58d64fa" data-svadmin-default-layout><div class="svadmin-u-f3c543ad5fe9 svadmin-u-ceb7ac66b25b svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-a59afa8d9b9d svadmin-u-ab1b20c2292a">{#each metrics as metric (metric.label)}<div class="svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb"><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{metric.label}</p><p class="svadmin-u-b6b02c0ebef6 svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{metric.value}</p></div>{/each}</div><AutoTable {resourceName} /></section>
   {/if}
 </div>

package/dist/components/RetryTaskButton.svelte CHANGED Viewed

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

package/dist/components/RolesSettings.svelte CHANGED Viewed

@@ -156,10 +156,10 @@
 </script>
 {#if error}
-  <div class="h-full flex items-center justify-center">
-    <div class="max-w-md p-6 border border-destructive/20 bg-destructive/10 text-destructive rounded-lg flex flex-col items-center gap-3 text-center">
-      <AlertCircle class="h-8 w-8" />
-      <h3 class="font-bold text-lg">{i18n.t('common.error') ?? 'Error'}</h3>
+  <div class="svadmin-u-668b21aa5409 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227">
+    <div class="svadmin-u-9794ab45094d svadmin-u-0478c89a150f svadmin-u-ca6bcd4b6f3f svadmin-u-f0c1e65bd6f2 svadmin-u-43928fcc832f svadmin-u-811148b13d1e svadmin-u-5f22e64f2282 svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c svadmin-u-ca6bf63030aa">
+      <AlertCircle class="svadmin-u-ed8a5df7b2fb svadmin-u-2bbcfc3b5179" />
+      <h3 class="svadmin-u-69450ef1487e svadmin-u-42536e69e639">{i18n.t('common.error') ?? 'Error'}</h3>
       <p>{error}</p>
     </div>
   </div>

package/dist/components/RowActions.svelte CHANGED Viewed

@@ -132,7 +132,7 @@
 <div
   bind:this={ref}
   data-slot="row-actions"
-  class={cn("inline-flex items-center gap-1.5", className)}
+  class={cn("svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568", className)}
   onkeydown={manageMenuKeyboard}
   {...restProps}
 >
@@ -148,11 +148,11 @@
         href={action.href}
         disabled={action.disabled}
         title={action.title || action.label}
-        class="h-8 px-2 text-xs"
+        class="svadmin-u-ed8a5df7b2fb svadmin-u-d5eab218aa34 svadmin-u-359090c2d529"
       >
         {#if action.icon}
           {@const Icon = action.icon}
-          <Icon class="mr-1 size-3.5" />
+          <Icon class="svadmin-u-618162408e7a svadmin-u-783b0d9d1e2c" />
         {/if}
         {action.label}
       </Button>
@@ -163,11 +163,11 @@
         onclick={action.onclick}
         disabled={action.disabled}
         title={action.title || action.label}
-        class="h-8 px-2 text-xs"
+        class="svadmin-u-ed8a5df7b2fb svadmin-u-d5eab218aa34 svadmin-u-359090c2d529"
       >
         {#if action.icon}
           {@const Icon = action.icon}
-          <Icon class="mr-1 size-3.5" />
+          <Icon class="svadmin-u-618162408e7a svadmin-u-783b0d9d1e2c" />
         {/if}
         {action.label}
       </Button>
@@ -179,11 +179,11 @@
       <DropdownMenu.Trigger>
         {#snippet child({ props })}
           <Button {...props} variant="ghost" size="icon-sm" title={moreLabel} aria-label={moreLabel} aria-haspopup="menu" aria-expanded={overflowOpen}>
-            <Ellipsis class="size-4" />
+            <Ellipsis class="svadmin-u-f7b5fa971871" />
           </Button>
         {/snippet}
       </DropdownMenu.Trigger>
-      <DropdownMenu.Content align="end" class="min-w-[8rem]" role="menu" aria-label={moreLabel}>
+      <DropdownMenu.Content align="end" class="svadmin-u-3143d72a3869" role="menu" aria-label={moreLabel}>
         {#each overflowActions as action (action)}
           {#if action.href}
             <Button
@@ -194,11 +194,11 @@
               onclick={(event) => handleOverflowAction(action, event)}
               role="menuitem"
               tabindex={-1}
-              class="h-auto w-full justify-start rounded-md px-2 py-1.5 text-sm font-normal"
+              class="svadmin-u-b8f0a08ece1e svadmin-u-6da6a3c3f741 svadmin-u-4b5cc19bfdfc svadmin-u-421ac2be5045 svadmin-u-d5eab218aa34 svadmin-u-ec0091ee009b svadmin-u-fc7473ca09eb svadmin-u-8ecebc9f80e6"
             >
               {#if action.icon}
                 {@const Icon = action.icon}
-                <Icon class="size-3.5" />
+                <Icon class="svadmin-u-783b0d9d1e2c" />
               {/if}
               {action.label}
             </Button>
@@ -212,7 +212,7 @@
             >
               {#if action.icon}
                 {@const Icon = action.icon}
-                <Icon class="size-3.5" />
+                <Icon class="svadmin-u-783b0d9d1e2c" />
               {/if}
               {action.label}
             </DropdownMenu.Item>

package/dist/components/SecuritySettings.svelte CHANGED Viewed

@@ -159,8 +159,8 @@
   }
 </script>
-<div class="space-y-6">
-  <div><h2 class="text-xl font-semibold text-foreground">{i18n.t('settings.security')}</h2><p class="mt-1 text-sm text-muted-foreground">{i18n.t('settings.securityDescription')}</p></div>
+<div class="svadmin-u-b3542e058833">
+  <div><h2 class="svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('settings.security')}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('settings.securityDescription')}</p></div>
   {#if !sessionProvider}
     <FeedbackNotice tone="warning" message={isZh ? '未配置 SessionProvider。会话和 MFA 设置不会使用模拟数据。' : 'SessionProvider is not configured. Session and MFA controls do not use simulated data.'} />
   {/if}
@@ -171,8 +171,8 @@
   </SettingsGroup>
   <SettingsGroup title={i18n.t('profile.changePassword')} description={isZh ? '密码修改由 AuthProvider 持久化。' : 'Password changes are persisted by AuthProvider.'}>
     {#if !authProvider?.updatePassword}<FeedbackNotice tone="warning" message={isZh ? '当前 AuthProvider 不支持修改密码。' : 'The current AuthProvider does not support password updates.'} />{/if}
-    <form onsubmit={handlePasswordChange} class="max-w-lg space-y-4">
-      {#if passwordErrorMessage}<Alert.Root variant="destructive"><AlertTriangle class="h-4 w-4" /><Alert.Description>{passwordErrorMessage}</Alert.Description></Alert.Root>{/if}
+    <form onsubmit={handlePasswordChange} class="svadmin-u-6199866f612f svadmin-u-3e7ce58d64fa">
+      {#if passwordErrorMessage}<Alert.Root variant="destructive"><AlertTriangle class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" /><Alert.Description>{passwordErrorMessage}</Alert.Description></Alert.Root>{/if}
       <PasswordInput id="security-current-password" label={i18n.t('profile.currentPassword')} bind:value={currentPassword} autocomplete="current-password" disabled={!authProvider?.updatePassword || changingPassword} />
       <PasswordInput id="security-new-password" label={i18n.t('profile.newPassword')} bind:value={newPassword} autocomplete="new-password" showStrength disabled={!authProvider?.updatePassword || changingPassword} />
       <PasswordInput id="security-confirm-password" label={i18n.t('auth.confirmPassword')} bind:value={confirmPassword} autocomplete="new-password" disabled={!authProvider?.updatePassword || changingPassword} />
@@ -188,11 +188,11 @@
     {:else if sessions.length === 0}
       <DataState state="empty" title={i18n.t('security.noSessions')} description={sessionProvider ? (isZh ? 'Provider 未返回活跃会话。' : 'The provider returned no active sessions.') : (isZh ? '配置 SessionProvider 后可管理真实会话。' : 'Configure SessionProvider to manage real sessions.')} />
     {:else}
-      <div class="divide-y">
+      <div class="svadmin-u-fa6acbf81d74">
         {#each sessions as session (session.id)}
-          <div class="flex items-center justify-between gap-4 py-3">
-            <div class="flex min-w-0 items-center gap-3"><div class="rounded-lg bg-muted p-2 text-muted-foreground">{#if (session.os ?? '').toLowerCase().includes('ios') || (session.os ?? '').toLowerCase().includes('android')}<Smartphone class="h-5 w-5" />{:else}<Monitor class="h-5 w-5" />{/if}</div><div class="min-w-0 space-y-1"><div class="flex flex-wrap items-center gap-2"><span class="text-sm font-medium">{session.os ?? (isZh ? '未知系统' : 'Unknown OS')} - {session.browser ?? (isZh ? '未知浏览器' : 'Unknown browser')}</span>{#if session.current}<span class="rounded bg-primary/10 px-1.5 py-0.5 text-[10px] font-semibold text-primary">{i18n.t('security.currentSession')}</span>{/if}</div><div class="flex flex-wrap items-center gap-2 text-xs text-muted-foreground"><span>{session.ipAddress ?? '-'}</span><span>{session.lastActiveAt ? new Date(session.lastActiveAt).toLocaleString() : '-'}</span></div></div></div>
-            {#if !session.current}<Button variant="ghost" size="icon-sm" disabled={revoking !== null} onclick={() => revokeSession(session.id)} title={i18n.t('security.revokeSession')}><Trash2 class="h-4 w-4" /></Button>{/if}
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-0c3bc98565dd svadmin-u-1b2d54a3fd12">
+            <div class="svadmin-u-60fbb7713999 svadmin-u-7e0b7cdf1a94 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c"><div class="svadmin-u-5f22e64f2282 svadmin-u-2ef11f1cb219 svadmin-u-7660b450905a svadmin-u-bfa603190748">{#if (session.os ?? '').toLowerCase().includes('ios') || (session.os ?? '').toLowerCase().includes('android')}<Smartphone class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e" />{:else}<Monitor class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e" />{/if}</div><div class="svadmin-u-7e0b7cdf1a94 svadmin-u-da7c36cd8867"><div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4"><span class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069">{session.os ?? (isZh ? '未知系统' : 'Unknown OS')} - {session.browser ?? (isZh ? '未知浏览器' : 'Unknown browser')}</span>{#if session.current}<span class="svadmin-u-07389a777c1f svadmin-u-375dc44df6e9 svadmin-u-45d828117213 svadmin-u-465609a240a8 svadmin-u-1dc571a3609f svadmin-u-e83a7042bc91 svadmin-u-20aaf08a7ed1">{i18n.t('security.currentSession')}</span>{/if}</div><div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-359090c2d529 svadmin-u-bfa603190748"><span>{session.ipAddress ?? '-'}</span><span>{session.lastActiveAt ? new Date(session.lastActiveAt).toLocaleString() : '-'}</span></div></div></div>
+            {#if !session.current}<Button variant="ghost" size="icon-sm" disabled={revoking !== null} onclick={() => revokeSession(session.id)} title={i18n.t('security.revokeSession')}><Trash2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" /></Button>{/if}
           </div>
         {/each}
       </div>

package/dist/components/SensitiveDataMask.svelte CHANGED Viewed

@@ -88,21 +88,21 @@
   }
 </script>
-<div class={cn('inline-flex items-center gap-1.5 font-mono text-xs text-foreground', className)}>
-  <span class="truncate select-all">{displayedText}</span>
+<div class={cn('svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568 svadmin-u-0e65706bcccd svadmin-u-359090c2d529 svadmin-u-d4108abe6359', className)}>
+  <span class="svadmin-u-f283ea9bea0e svadmin-u-8078c71d23ee">{displayedText}</span>
   {#if allowUnmask && rawString}
     <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"
       onclick={toggleMask}
       aria-label={isMasked ? 'Reveal sensitive data' : 'Mask sensitive data'}
     >
       {#if isMasked}
-        <Eye class="h-3 w-3" />
+        <Eye class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
       {:else}
-        <EyeOff class="h-3 w-3" />
+        <EyeOff class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
       {/if}
     </Button>
   {/if}
@@ -111,14 +111,14 @@
     <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"
       onclick={handleCopy}
       aria-label="Copy to clipboard"
     >
       {#if isCopied}
-        <Check class="h-3 w-3 text-success" />
+        <Check class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-76747e5e02ff" />
       {:else}
-        <Copy class="h-3 w-3" />
+        <Copy class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
       {/if}
     </Button>
   {/if}