@svadmin/ui 0.68.1 → 0.69.1

package/dist/components/account/MembersStarterPage.svelte

@@ -25,39 +25,39 @@
 <ContentPageShell pageId="account-members-starter" width="wide">
   <ContentPageHeader title={isZh ? '开始组建团队' : 'Start building your team'} description={isZh ? '这是零成员工作区的起始页。邀请第一位成员，或通过 CSV 批量导入。' : 'This is the starting state for a workspace with no members. Invite the first teammate or import a CSV roster.'} />
 
-  <section class="grid overflow-hidden rounded-lg border border-border bg-card lg:grid-cols-[minmax(0,1fr)_21rem]">
-    <div class="flex flex-col items-center justify-center px-6 py-12 text-center">
-      <span class="flex size-14 items-center justify-center rounded-lg bg-primary/10 text-primary"><Users class="size-6" /></span>
-      <Badge variant="outline" class="mt-5">0 {isZh ? '名成员' : 'members'}</Badge>
-      <h2 class="mt-4 text-xl font-semibold text-foreground">{isZh ? '邀请你的第一位团队成员' : 'Invite your first team member'}</h2>
-      <p class="mt-2 max-w-lg text-sm leading-6 text-muted-foreground">{isZh ? '成员加入后，你可以继续分配角色、设置权限、查看活动状态，并在团队成员页批量管理。' : 'After members join, assign roles, configure access, review activity, and manage them in the full team member table.'}</p>
-      <div class="mt-6 flex flex-wrap justify-center gap-2"><Button onclick={() => inviteOpen = true}><UserPlus class="size-4" />{isZh ? '邀请成员' : 'Invite member'}</Button><Button href="#/account/members/import-members" variant="outline"><Upload class="size-4" />{isZh ? '导入 CSV' : 'Import CSV'}</Button></div>
+  <section class="svadmin-u-f3c543ad5fe9 svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-687e17559be1">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-f92d02360b8f svadmin-u-61357c0c2f29 svadmin-u-ca6bf63030aa">
+      <span class="svadmin-u-60fbb7713999 svadmin-u-7a9ad020b130 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-5f22e64f2282 svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1"><Users class="svadmin-u-9af3b4b6dc9e" /></span>
+      <Badge variant="outline" class="svadmin-u-fb77735ed17c">0 {isZh ? '名成员' : 'members'}</Badge>
+      <h2 class="svadmin-u-0ab8667228fd svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{isZh ? '邀请你的第一位团队成员' : 'Invite your first team member'}</h2>
+      <p class="svadmin-u-50d0d216a2f8 svadmin-u-6199866f612f svadmin-u-fc7473ca09eb svadmin-u-18550d5945ae svadmin-u-bfa603190748">{isZh ? '成员加入后，你可以继续分配角色、设置权限、查看活动状态，并在团队成员页批量管理。' : 'After members join, assign roles, configure access, review activity, and manage them in the full team member table.'}</p>
+      <div class="svadmin-u-31f2553311b6 svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-86843cf1e227 svadmin-u-77a2a20e90d4"><Button onclick={() => inviteOpen = true}><UserPlus class="svadmin-u-f7b5fa971871" />{isZh ? '邀请成员' : 'Invite member'}</Button><Button href="#/account/members/import-members" variant="outline"><Upload class="svadmin-u-f7b5fa971871" />{isZh ? '导入 CSV' : 'Import CSV'}</Button></div>
     </div>
 
-    <aside class="border-t border-border bg-muted/15 p-5 lg:border-l lg:border-t-0">
-      <h2 class="text-sm font-semibold text-foreground">{isZh ? '团队准备清单' : 'Team setup checklist'}</h2>
-      <div class="mt-4 space-y-4">
+    <aside class="svadmin-u-b950dda299d3 svadmin-u-18049387f0af svadmin-u-46daeb0b661f svadmin-u-c07e54fd1439 svadmin-u-bb3e95154365 svadmin-u-7d283214b870">
+      <h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{isZh ? '团队准备清单' : 'Team setup checklist'}</h2>
+      <div class="svadmin-u-0ab8667228fd svadmin-u-3e7ce58d64fa">
         {#each [isZh ? '邀请至少一名管理员' : 'Invite at least one admin', isZh ? '确认默认成员角色' : 'Confirm the default member role', isZh ? '准备成员 CSV 模板' : 'Prepare the member CSV template'] as item, index (item)}
           {@const completed = index === 0 && invited.length > 0}
-          <div class="flex items-start gap-3" data-checklist-status={completed ? 'complete' : 'pending'}><span class={'mt-0.5 flex size-6 items-center justify-center rounded-md border ' + (completed ? 'border-success/30 bg-success/10 text-success' : 'border-border text-muted-foreground')}>{#if completed}<Check class="size-3.5" />{:else}<span class="text-xs">{index + 1}</span>{/if}</span><p class="text-sm leading-5 text-muted-foreground">{item}</p></div>
+          <div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-1004c0c3954c" data-checklist-status={completed ? 'complete' : 'pending'}><span class={'svadmin-u-15e1b1f444fe svadmin-u-60fbb7713999 svadmin-u-9af3b4b6dc9e svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f ' + (completed ? 'svadmin-u-18a6e7a36f29 svadmin-u-17a9f7af2265 svadmin-u-76747e5e02ff' : 'svadmin-u-18049387f0af svadmin-u-bfa603190748')}>{#if completed}<Check class="svadmin-u-783b0d9d1e2c" />{:else}<span class="svadmin-u-359090c2d529">{index + 1}</span>{/if}</span><p class="svadmin-u-fc7473ca09eb svadmin-u-7054e2767710 svadmin-u-bfa603190748">{item}</p></div>
         {/each}
       </div>
-      <a href="#/account/members/team-members" class="mt-6 flex items-center gap-1 border-t border-border pt-4 text-sm font-medium text-primary">{isZh ? '查看完整成员管理' : 'Open full member management'}<ArrowRight class="size-3.5" /></a>
-      <Button variant="outline" size="sm" class="mt-3 w-full"><Download class="size-3.5" />{isZh ? '下载 CSV 模板' : 'Download CSV template'}</Button>
+      <a href="#/account/members/team-members" class="svadmin-u-31f2553311b6 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421 svadmin-u-b950dda299d3 svadmin-u-18049387f0af svadmin-u-173fa8f06789 svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-20aaf08a7ed1">{isZh ? '查看完整成员管理' : 'Open full member management'}<ArrowRight class="svadmin-u-783b0d9d1e2c" /></a>
+      <Button variant="outline" size="sm" class="svadmin-u-eccd13ef4f2f svadmin-u-6da6a3c3f741"><Download class="svadmin-u-783b0d9d1e2c" />{isZh ? '下载 CSV 模板' : 'Download CSV template'}</Button>
     </aside>
   </section>
 
   {#if inviteOpen}
     <Card.Card data-member-invite-panel>
-      <Card.CardContent class="grid gap-4 p-5 md:grid-cols-[auto_minmax(0,1fr)_auto] md:items-end">
-        <span class="flex size-10 items-center justify-center rounded-md bg-primary/10 text-primary"><Mail class="size-4" /></span>
-        <label><span class="text-sm font-medium text-foreground">{isZh ? '成员邮箱' : 'Member email'}</span><Input class="mt-2" type="email" bind:value={email} placeholder="teammate@example.com" /></label>
-        <div class="flex gap-2"><Button variant="outline" onclick={() => inviteOpen = false}>{i18n.t('common.cancel')}</Button><Button onclick={sendInvite}>{isZh ? '发送邀请' : 'Send invite'}</Button></div>
+      <Card.CardContent class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-c07e54fd1439 svadmin-u-d7bf6780c9a5 svadmin-u-bf60a82ffbd9">
+        <span class="svadmin-u-60fbb7713999 svadmin-u-7bbb00f9ba7a svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1"><Mail class="svadmin-u-f7b5fa971871" /></span>
+        <label><span class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{isZh ? '成员邮箱' : 'Member email'}</span><Input class="svadmin-u-50d0d216a2f8" type="email" bind:value={email} placeholder="teammate@example.com" /></label>
+        <div class="svadmin-u-60fbb7713999 svadmin-u-77a2a20e90d4"><Button variant="outline" onclick={() => inviteOpen = false}>{i18n.t('common.cancel')}</Button><Button onclick={sendInvite}>{isZh ? '发送邀请' : 'Send invite'}</Button></div>
       </Card.CardContent>
     </Card.Card>
   {/if}
 
   {#if invited.length > 0}
-    <section 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">{isZh ? '待接受邀请' : 'Pending invitations'}</h2></div><div class="divide-y divide-border">{#each invited as invite (invite)}<div class="flex items-center justify-between gap-3 px-4 py-3"><div><p class="text-sm font-medium text-foreground">{invite}</p><p class="text-xs text-muted-foreground">{isZh ? '刚刚发送' : 'Sent just now'}</p></div><Badge variant="outline">{isZh ? '已邀请' : 'Invited'}</Badge></div>{/each}</div></section>
+    <section 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">{isZh ? '待接受邀请' : 'Pending invitations'}</h2></div><div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3">{#each invited as invite (invite)}<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12"><div><p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{invite}</p><p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{isZh ? '刚刚发送' : 'Sent just now'}</p></div><Badge variant="outline">{isZh ? '已邀请' : 'Invited'}</Badge></div>{/each}</div></section>
   {/if}
 </ContentPageShell>

package/dist/components/account/SecurityLogPage.svelte

@@ -16,7 +16,7 @@
 
 <ContentPageShell pageId="account-security-log" width="wide">
   <ContentPageHeader title={i18n.t('account.securityLog')} description={i18n.t('account.securityLogDescription')} actions={undefined} />
-  <div class="flex justify-end"><Button variant="outline" size="sm"><Download class="size-3.5" />{i18n.t('common.export')}</Button></div>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-77c08e015d14"><Button variant="outline" size="sm"><Download class="svadmin-u-783b0d9d1e2c" />{i18n.t('common.export')}</Button></div>
   <FilterToolbar bind:query placeholder={i18n.t('common.search')} />
   <SecurityEventTable events={filtered} />
 </ContentPageShell>

package/dist/components/account/SettingsEnterprisePage.svelte

@@ -217,14 +217,14 @@
   {:else if error}
     <DataState state="error" title={isZh ? '企业设置加载失败' : 'Enterprise settings failed to load'} description={error} retry={loadSettings} />
   {:else}
-    <div class="grid items-start gap-4 lg:grid-cols-2">
+    <div class="svadmin-u-f3c543ad5fe9 svadmin-u-60541e1e26f8 svadmin-u-0c3bc98565dd svadmin-u-2f27a80ed92b">
       <SettingsGroup title={i18n.t('account.securityPolicy')} description={isZh ? '配置组织级身份、会话与审计策略。' : 'Configure organization-wide identity, session, and audit controls.'} bodyClass="space-y-4">
         {#if organizationProvider}
-          <div class="space-y-2"><Label for="organization-name">{isZh ? '组织名称' : 'Organization name'}</Label><div class="flex gap-2"><Input id="organization-name" bind:value={organizationName} disabled={!organizationProvider.updateCurrentOrganization || savingOrganization} /><Button variant="outline" size="sm" disabled={!organizationChanged || savingOrganization} onclick={saveOrganization}>{savingOrganization ? (isZh ? '保存中...' : 'Saving...') : i18n.t('common.save')}</Button></div></div>
+          <div class="svadmin-u-6f7e013d6499"><Label for="organization-name">{isZh ? '组织名称' : 'Organization name'}</Label><div class="svadmin-u-60fbb7713999 svadmin-u-77a2a20e90d4"><Input id="organization-name" bind:value={organizationName} disabled={!organizationProvider.updateCurrentOrganization || savingOrganization} /><Button variant="outline" size="sm" disabled={!organizationChanged || savingOrganization} onclick={saveOrganization}>{savingOrganization ? (isZh ? '保存中...' : 'Saving...') : i18n.t('common.save')}</Button></div></div>
         {/if}
-        <div class="grid gap-4 sm:grid-cols-2">
-          <div class="space-y-2"><Label for="session-timeout">{i18n.t('account.sessionTimeout')}</Label><Input id="session-timeout" type="number" min="1" step="1" bind:value={sessionTimeoutValue} disabled={!policy || saving} /></div>
-          <div class="space-y-2"><Label for="retention">{i18n.t('account.dataRetention')}</Label><Input id="retention" type="number" min="1" step="1" bind:value={auditRetentionValue} disabled={!policy || saving} /></div>
+        <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-e00ad81645a2">
+          <div class="svadmin-u-6f7e013d6499"><Label for="session-timeout">{i18n.t('account.sessionTimeout')}</Label><Input id="session-timeout" type="number" min="1" step="1" bind:value={sessionTimeoutValue} disabled={!policy || saving} /></div>
+          <div class="svadmin-u-6f7e013d6499"><Label for="retention">{i18n.t('account.dataRetention')}</Label><Input id="retention" type="number" min="1" step="1" bind:value={auditRetentionValue} disabled={!policy || saving} /></div>
         </div>
         {#if policy && !policyNumbersValid}<FeedbackNotice tone="warning" message={isZh ? '会话超时和审计保留天数必须为正整数。' : 'Session timeout and audit retention must be positive integers.'} />{/if}
         <SettingsFieldRow label={i18n.t('account.auditLogging')} description={isZh ? '由后端持久化组织级审计策略。' : 'Persist the organization audit policy through the backend provider.'} control={auditControl} separated />
@@ -236,7 +236,7 @@
         <Button variant="outline" size="sm" disabled={!identityProvider || testing} onclick={() => testConnection()}>{testing ? (isZh ? '测试中...' : 'Testing...') : i18n.t('common.test')}</Button>
       </SettingsGroup>
     </div>
-    <section class="space-y-3">
+    <section class="svadmin-u-6ed543e2fbbb">
       <SectionHeader title={i18n.t('account.connections')} />
       {#if identityProviders.length === 0}
         <DataState state="empty" title={isZh ? '尚未配置身份源' : 'No identity provider configured'} description={isZh ? '请在后端 IdentityGovernanceProvider 中创建并验证身份源。' : 'Create and verify an identity provider through the backend IdentityGovernanceProvider.'} />
@@ -246,6 +246,6 @@
         {/each}
       {/if}
     </section>
-    <section class="space-y-3"><SectionHeader title={i18n.t('account.securityLog')} /><SecurityEventTable events={displayEvents} emptyTitle={i18n.t('common.noData')} emptyDescription={isZh ? '当前 Provider 未返回安全事件。' : 'The provider returned no security events.'} /></section>
+    <section class="svadmin-u-6ed543e2fbbb"><SectionHeader title={i18n.t('account.securityLog')} /><SecurityEventTable events={displayEvents} emptyTitle={i18n.t('common.noData')} emptyDescription={isZh ? '当前 Provider 未返回安全事件。' : 'The provider returned no security events.'} /></section>
   {/if}
 </ContentPageShell>

package/dist/components/account/SettingsPlainPage.svelte

@@ -32,9 +32,9 @@
 <ContentPageShell pageId="account-settings-plain" width="narrow">
   <ContentPageHeader title={i18n.t('account.settingsPlain')} description={i18n.t('account.settingsPlainDescription')} actions={headerActions} />
   <SettingsGroup title={i18n.t('account.basicSettings')} description={i18n.t('account.settingsPlainDescription')} bodyClass="space-y-5">
-    <div class="grid gap-4 sm:grid-cols-2">
-      <div class="space-y-2"><Label for="settings-name">{i18n.t('profile.name')}</Label><Input id="settings-name" bind:value={displayName} /></div>
-      <div class="space-y-2"><Label for="settings-email">Email</Label><Input id="settings-email" bind:value={email} type="email" /></div>
+    <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-e00ad81645a2">
+      <div class="svadmin-u-6f7e013d6499"><Label for="settings-name">{i18n.t('profile.name')}</Label><Input id="settings-name" bind:value={displayName} /></div>
+      <div class="svadmin-u-6f7e013d6499"><Label for="settings-email">Email</Label><Input id="settings-email" bind:value={email} type="email" /></div>
     </div>
     <div>
       <SettingsFieldRow label={i18n.t('settings.notifications')} description="Receive account and workflow updates." control={notificationControl} />

package/dist/components/account/SettingsSidebarPage.svelte

@@ -29,16 +29,16 @@
 
 <ContentPageShell pageId="account-settings-sidebar" width="wide">
   <ContentPageHeader title={i18n.t('account.settingsSidebar')} description={i18n.t('account.settingsSidebarDescription')} />
-  <div class="grid gap-6 lg:grid-cols-[12rem_minmax(0,1fr)]">
-    <nav class="flex gap-1 overflow-x-auto lg:flex-col" aria-label={i18n.t('account.settingsSidebar')}>
+  <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0d304f904cb0 svadmin-u-7178afa5bad6">
+    <nav class="svadmin-u-60fbb7713999 svadmin-u-44ee8ba0a421 svadmin-u-1384f66f41d0 svadmin-u-a94f89d92058" aria-label={i18n.t('account.settingsSidebar')}>
       {#each sections as section (section.id)}
-        <button type="button" class={'whitespace-nowrap rounded-md px-3 py-2 text-left text-sm ' + (active === section.id ? 'bg-muted font-medium text-foreground' : 'text-muted-foreground hover:bg-muted/50 hover:text-foreground')} aria-current={active === section.id ? 'page' : undefined} onclick={() => active = section.id}>{section.title}</button>
+        <button type="button" class={'svadmin-u-e82ae8be04aa svadmin-u-421ac2be5045 svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-2eba0d65d059 svadmin-u-fc7473ca09eb ' + (active === section.id ? 'svadmin-u-2ef11f1cb219 svadmin-u-2689f3958069 svadmin-u-d4108abe6359' : 'svadmin-u-bfa603190748 svadmin-u-39f703dbe296 svadmin-u-ea7b2e9e070e')} aria-current={active === section.id ? 'page' : undefined} onclick={() => active = section.id}>{section.title}</button>
       {/each}
     </nav>
-    <div class="min-w-0">
+    <div class="svadmin-u-7e0b7cdf1a94">
       {#if active === 'profile'}
         <SettingsGroup title={i18n.t('account.basicSettings')} description={i18n.t('account.settingsPlainDescription')} bodyClass="space-y-4">
-          <div class="grid gap-4 sm:grid-cols-2"><Input value="Alex Chen" aria-label={i18n.t('profile.name')} /><Input value="Nebula Labs" aria-label="Company" /></div>
+          <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-e00ad81645a2"><Input value="Alex Chen" aria-label={i18n.t('profile.name')} /><Input value="Nebula Labs" aria-label="Company" /></div>
           <div><SettingsFieldRow label={i18n.t('account.visibility')} control={visibilityControl} separated /><SettingsFieldRow label={i18n.t('account.availability')} control={availabilityControl} separated /></div>
         </SettingsGroup>
       {:else if active === 'signin'}

package/dist/components/account/TeamMembersPage.svelte

@@ -21,8 +21,8 @@
 </script>
 
 <ContentPageShell pageId="account-team-members" width="wide">
-  <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between"><ContentPageHeader title={i18n.t("account.teamMembers")} description={i18n.t("account.teamMembersDescription")} /><Button size="sm" onclick={() => document.getElementById("invite-email")?.focus()}><UserPlus class="size-3.5" />{i18n.t("account.inviteMember")}</Button></div>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-1004c0c3954c svadmin-u-020ba687fa12 svadmin-u-64cac80d2e9a svadmin-u-3b9871a0bf93"><ContentPageHeader title={i18n.t("account.teamMembers")} description={i18n.t("account.teamMembersDescription")} /><Button size="sm" onclick={() => document.getElementById("invite-email")?.focus()}><UserPlus class="svadmin-u-783b0d9d1e2c" />{i18n.t("account.inviteMember")}</Button></div>
   <FilterToolbar bind:query placeholder={i18n.t('common.search')} />
-  <div class="grid gap-4 lg:grid-cols-2"><Card.Card><Card.CardContent class="space-y-3 p-5"><div><h2 class="text-sm font-semibold text-foreground">{i18n.t('account.invitePeople')}</h2><p class="mt-1 text-sm text-muted-foreground">{i18n.t('account.invitePeopleDescription')}</p></div><div class="flex flex-col gap-2 sm:flex-row"><div class="min-w-0 flex-1 space-y-2"><Label for="invite-email">Email</Label><Input id="invite-email" bind:value={inviteEmail} type="email" placeholder="name@example.com" /></div><Button class="self-end" size="sm" disabled={!inviteEmail} onclick={sendInvite}><Send class="size-3.5" />{i18n.t('account.sendInvite')}</Button></div>{#if inviteStatus}<p class="text-xs text-success" role="status">{i18n.t('account.invited')}: {inviteStatus}</p>{/if}</Card.CardContent></Card.Card><Card.Card><Card.CardContent class="space-y-3 p-5"><div class="flex items-center gap-2"><Link2 class="size-4 text-muted-foreground" /><h2 class="text-sm font-semibold text-foreground">{i18n.t('account.inviteWithLink')}</h2></div><p class="text-sm text-muted-foreground">{i18n.t('account.inviteLinkHint')}</p><div class="flex gap-2"><Input readonly value="https://acme.com/invite/xK7fQ2" class="font-mono text-xs" /><Button variant="outline" size="sm"><Copy class="size-3.5" />{i18n.t('account.copyLink')}</Button></div></Card.CardContent></Card.Card></div>
+  <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-2f27a80ed92b"><Card.Card><Card.CardContent class="svadmin-u-6ed543e2fbbb svadmin-u-c07e54fd1439"><div><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('account.invitePeople')}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('account.invitePeopleDescription')}</p></div><div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-77a2a20e90d4 svadmin-u-020ba687fa12"><div class="svadmin-u-7e0b7cdf1a94 svadmin-u-36e579c0b41c svadmin-u-6f7e013d6499"><Label for="invite-email">Email</Label><Input id="invite-email" bind:value={inviteEmail} type="email" placeholder="name@example.com" /></div><Button class="svadmin-u-c7d50d5fc0c3" size="sm" disabled={!inviteEmail} onclick={sendInvite}><Send class="svadmin-u-783b0d9d1e2c" />{i18n.t('account.sendInvite')}</Button></div>{#if inviteStatus}<p class="svadmin-u-359090c2d529 svadmin-u-76747e5e02ff" role="status">{i18n.t('account.invited')}: {inviteStatus}</p>{/if}</Card.CardContent></Card.Card><Card.Card><Card.CardContent class="svadmin-u-6ed543e2fbbb svadmin-u-c07e54fd1439"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4"><Link2 class="svadmin-u-f7b5fa971871 svadmin-u-bfa603190748" /><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('account.inviteWithLink')}</h2></div><p class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('account.inviteLinkHint')}</p><div class="svadmin-u-60fbb7713999 svadmin-u-77a2a20e90d4"><Input readonly value="https://acme.com/invite/xK7fQ2" class="svadmin-u-0e65706bcccd svadmin-u-359090c2d529" /><Button variant="outline" size="sm"><Copy class="svadmin-u-783b0d9d1e2c" />{i18n.t('account.copyLink')}</Button></div></Card.CardContent></Card.Card></div>
   <MemberList members={filtered} />
 </ContentPageShell>

package/dist/components/account/UserProfilePage.svelte

@@ -22,9 +22,9 @@
 </script>
 
 <ContentPageShell pageId="account-user-profile" width="wide">
-  <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between"><ContentPageHeader title={i18n.t('account.userProfile')} description={i18n.t('account.userProfileDescription')} /><Button onclick={save} disabled={saving} size="sm">{#if saving}<Loader2 class="size-3.5 animate-spin" />{/if}{i18n.t('common.save')}</Button></div>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-1004c0c3954c svadmin-u-020ba687fa12 svadmin-u-64cac80d2e9a svadmin-u-3b9871a0bf93"><ContentPageHeader title={i18n.t('account.userProfile')} description={i18n.t('account.userProfileDescription')} /><Button onclick={save} disabled={saving} size="sm">{#if saving}<Loader2 class="svadmin-u-783b0d9d1e2c svadmin-u-afbdd13a380e" />{/if}{i18n.t('common.save')}</Button></div>
   <WorkspaceLayout secondaryWidth="20rem">
-    {#snippet primary()}<div class="space-y-4"><Card.Card><Card.CardContent class="space-y-5 p-5"><div><h2 class="text-sm font-semibold text-foreground">{i18n.t('account.personalInfo')}</h2><p class="mt-1 text-sm text-muted-foreground">Keep your contact and working details current.</p></div><DescriptionList columns={2} items={[{ label: i18n.t('profile.name'), value: 'Alex Chen' }, { label: i18n.t('account.phone'), value: '+86 138 **** 9527' }, { label: i18n.t('account.dateOfBirth'), value: '1995-04-18' }, { label: i18n.t('account.address'), value: 'Shanghai, CN' }]} /></Card.CardContent></Card.Card><Card.Card><Card.CardContent class="space-y-4 p-5"><div class="flex items-center justify-between gap-3"><div><h2 class="text-sm font-semibold text-foreground">{i18n.t('account.work')}</h2><p class="mt-1 text-sm text-muted-foreground">{i18n.t('account.availableNow')}</p></div><Switch bind:checked={availableToHire} /></div><div class="flex flex-wrap gap-1.5">{#each ['TypeScript', 'Svelte', 'Node.js', 'Design Systems'] as skill (skill)}<span class="rounded-md border border-border px-2 py-1 text-xs text-muted-foreground">{skill}</span>{/each}</div></Card.CardContent></Card.Card><section class="space-y-3"><h2 class="text-base font-semibold text-foreground">{i18n.t('account.connections')}</h2>{#each integrations as integration (integration.id)}<IntegrationCard {integration} onconnect={() => toggle(integration.id)} />{/each}</section></div>{/snippet}
-    {#snippet secondary()}<div class="space-y-4"><Card.Card><Card.CardContent class="space-y-3 p-5"><h2 class="text-sm font-semibold text-foreground">{i18n.t('account.myFiles')}</h2><FileList files={files} /></Card.CardContent></Card.Card><Card.Card><Card.CardContent class="space-y-3 p-5"><h2 class="text-sm font-semibold text-foreground">{i18n.t('account.calendarAccounts')}</h2><DescriptionList items={[{ label: 'Work Calendar', value: 'alex@nebulalabs.io' }, { label: 'Personal Calendar', value: 'alex@example.com' }]} /></Card.CardContent></Card.Card></div>{/snippet}
+    {#snippet primary()}<div class="svadmin-u-3e7ce58d64fa"><Card.Card><Card.CardContent class="svadmin-u-b43b4c086d9a svadmin-u-c07e54fd1439"><div><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('account.personalInfo')}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">Keep your contact and working details current.</p></div><DescriptionList columns={2} items={[{ label: i18n.t('profile.name'), value: 'Alex Chen' }, { label: i18n.t('account.phone'), value: '+86 138 **** 9527' }, { label: i18n.t('account.dateOfBirth'), value: '1995-04-18' }, { label: i18n.t('account.address'), value: 'Shanghai, CN' }]} /></Card.CardContent></Card.Card><Card.Card><Card.CardContent class="svadmin-u-3e7ce58d64fa svadmin-u-c07e54fd1439"><div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c"><div><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('account.work')}</h2><p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('account.availableNow')}</p></div><Switch bind:checked={availableToHire} /></div><div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-58284b4ea568">{#each ['TypeScript', 'Svelte', 'Node.js', 'Design Systems'] as skill (skill)}<span class="svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-d5eab218aa34 svadmin-u-660d2effb880 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{skill}</span>{/each}</div></Card.CardContent></Card.Card><section class="svadmin-u-6ed543e2fbbb"><h2 class="svadmin-u-4ee734926ff6 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('account.connections')}</h2>{#each integrations as integration (integration.id)}<IntegrationCard {integration} onconnect={() => toggle(integration.id)} />{/each}</section></div>{/snippet}
+    {#snippet secondary()}<div class="svadmin-u-3e7ce58d64fa"><Card.Card><Card.CardContent class="svadmin-u-6ed543e2fbbb svadmin-u-c07e54fd1439"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('account.myFiles')}</h2><FileList files={files} /></Card.CardContent></Card.Card><Card.Card><Card.CardContent class="svadmin-u-6ed543e2fbbb svadmin-u-c07e54fd1439"><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('account.calendarAccounts')}</h2><DescriptionList items={[{ label: 'Work Calendar', value: 'alex@nebulalabs.io' }, { label: 'Personal Calendar', value: 'alex@example.com' }]} /></Card.CardContent></Card.Card></div>{/snippet}
   </WorkspaceLayout>
 </ContentPageShell>

package/dist/components/buttons/CloneButton.svelte

@@ -54,9 +54,9 @@
     disabled={!can.allowed}
     onclick={() => nav.clone(resource, recordItemId)}
   >
-    <Copy class="h-4 w-4" />
+    <Copy class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
     {#if !hideText}
-      <span class="ml-1">
+      <span class="svadmin-u-f58b02572ab2">
         {#if children}
           {@render children()}
         {:else}

package/dist/components/buttons/CreateButton.svelte

@@ -51,9 +51,9 @@
     disabled={!can.allowed}
     onclick={() => nav.create(resource)}
   >
-    <Plus class="h-4 w-4" />
+    <Plus class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
     {#if !hideText}
-      <span class="ml-1">
+      <span class="svadmin-u-f58b02572ab2">
         {#if children}
           {@render children()}
         {:else}

package/dist/components/buttons/DeleteButton.svelte

@@ -64,7 +64,7 @@
 
 {#if !hidden}
   {#if confirming}
-    <div class="inline-flex items-center gap-1">
+    <div class="svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421">
       <Button variant="destructive" size="sm" onclick={handleDelete}>
         {i18n.t('common.confirm')}
       </Button>
@@ -76,14 +76,14 @@
     <Button
       variant="ghost"
       size={hideText ? 'icon' : 'sm'}
-      class="text-destructive hover:text-destructive {className}"
+      class="svadmin-u-811148b13d1e svadmin-u-51e95020d6f2 {className}"
       aria-label={hideText ? displayText : undefined}
       disabled={!can.allowed}
       onclick={handleDelete}
     >
-      <Trash2 class="h-4 w-4" />
+      <Trash2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
       {#if !hideText}
-        <span class="ml-1">
+        <span class="svadmin-u-f58b02572ab2">
           {#if children}
             {@render children()}
           {:else}

package/dist/components/buttons/EditButton.svelte

@@ -54,9 +54,9 @@
     disabled={!can.allowed}
     onclick={() => nav.edit(resource, recordItemId)}
   >
-    <Pencil class="h-4 w-4" />
+    <Pencil class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
     {#if !hideText}
-      <span class="ml-1">
+      <span class="svadmin-u-f58b02572ab2">
         {#if children}
           {@render children()}
         {:else}

package/dist/components/buttons/ExportButton.svelte

@@ -44,9 +44,9 @@
     disabled={isLoading || !can.allowed}
     onclick={triggerExport}
   >
-    <Download class="h-4 w-4" />
+    <Download class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
     {#if !hideText}
-      <span class="ml-1">
+      <span class="svadmin-u-f58b02572ab2">
         {#if children}
           {@render children()}
         {:else}

package/dist/components/buttons/ImportButton.svelte

@@ -61,7 +61,7 @@
   <input
     type="file"
     accept={importHook.inputProps.accept}
-    class="hidden"
+    class="svadmin-u-99d72c7fc3e2"
     bind:this={fileInput}
     onchange={handleFileChange}
   />
@@ -73,9 +73,9 @@
     disabled={importHook.isLoading || !can.allowed}
     onclick={triggerImport}
   >
-    <Upload class="h-4 w-4" />
+    <Upload class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
     {#if !hideText}
-      <span class="ml-1">
+      <span class="svadmin-u-f58b02572ab2">
         {#if children}
           {@render children()}
         {:else}

package/dist/components/buttons/ListButton.svelte

@@ -35,9 +35,9 @@
   aria-label={hideText ? displayLabel : undefined}
   onclick={navigateToList}
 >
-  <List class="h-4 w-4" />
+  <List class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
   {#if !hideText}
-    <span class="ml-1">
+    <span class="svadmin-u-f58b02572ab2">
       {#if children}
         {@render children()}
       {:else}

package/dist/components/buttons/RefreshButton.svelte

@@ -45,9 +45,9 @@
   aria-label={hideText ? displayText : undefined}
   onclick={refresh}
 >
-  <RefreshCw class="h-4 w-4 {spinning ? 'animate-spin' : ''}" />
+  <RefreshCw class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 {spinning ? 'svadmin-u-afbdd13a380e' : ''}" />
   {#if !hideText}
-    <span class="ml-1">
+    <span class="svadmin-u-f58b02572ab2">
       {#if children}
         {@render children()}
       {:else}

package/dist/components/buttons/SaveButton.svelte

@@ -34,12 +34,12 @@
   disabled={loading}
 >
   {#if loading}
-    <Loader2 class="h-4 w-4 animate-spin" />
+    <Loader2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e" />
   {:else}
-    <Save class="h-4 w-4" />
+    <Save class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
   {/if}
   {#if !hideText}
-    <span class="ml-1">
+    <span class="svadmin-u-f58b02572ab2">
       {#if children}
         {@render children()}
       {:else}

package/dist/components/buttons/ShowButton.svelte

@@ -62,9 +62,9 @@
     disabled={!can.allowed}
     onclick={navigateToRecord}
   >
-    <Eye class="h-4 w-4" />
+    <Eye class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
     {#if !hideText}
-      <span class="ml-1">
+      <span class="svadmin-u-f58b02572ab2">
         {#if children}
           {@render children()}
         {:else}

package/dist/components/charts/BarChart.svelte

@@ -21,8 +21,8 @@
   const totalWidth = $derived(data.length * (barWidth + gap) - gap + 40);
 </script>
 
-<div class="w-full overflow-x-auto {className}">
-  <svg viewBox="0 0 {totalWidth} {height + 30}" class="w-full" style="min-width: {Math.min(totalWidth, 300)}px;">
+<div class="svadmin-u-6da6a3c3f741 svadmin-u-1384f66f41d0 {className}">
+  <svg viewBox="0 0 {totalWidth} {height + 30}" class="svadmin-u-6da6a3c3f741" style="min-width: {Math.min(totalWidth, 300)}px;">
     <!-- Bars -->
     {#each data as point, i (i)}
       {@const barHeight = (point.value / maxValue) * (height - 20)}
@@ -38,7 +38,7 @@
         rx="4"
         fill={point.color || 'var(--primary)'}
         opacity="0.85"
-        class="transition-all duration-500 hover:opacity-100"
+        class="svadmin-u-0fe7d7d814d0 svadmin-u-844322115e56 svadmin-u-5da1d5250e75"
       >
         <animate attributeName="height" from="0" to={barHeight} dur="0.6s" fill="freeze" calcMode="spline" keySplines="0.16 1 0.3 1" />
         <animate attributeName="y" from={height} to={y} dur="0.6s" fill="freeze" calcMode="spline" keySplines="0.16 1 0.3 1" />

package/dist/components/charts/LineChart.svelte

@@ -43,8 +43,8 @@
   );
 </script>
 
-<div class="w-full overflow-x-auto {className}">
-  <svg viewBox="0 0 {chartWidth} {height}" class="w-full" style="min-width: {Math.min(chartWidth, 300)}px;">
+<div class="svadmin-u-6da6a3c3f741 svadmin-u-1384f66f41d0 {className}">
+  <svg viewBox="0 0 {chartWidth} {height}" class="svadmin-u-6da6a3c3f741" style="min-width: {Math.min(chartWidth, 300)}px;">
     <!-- Grid lines -->
     {#each [0, 0.25, 0.5, 0.75, 1] as ratio, _i (_i)}
       {@const y = padding.top + chartHeight * (1 - ratio)}
@@ -96,7 +96,7 @@
           fill="var(--background)"
           stroke={color}
           stroke-width="2"
-          class="transition-all duration-200 hover:r-[6]"
+          class="svadmin-line-chart-point svadmin-u-0fe7d7d814d0 svadmin-u-625a4c3fbeb2"
         />
       {/each}
     {/if}

package/dist/components/charts/PieChart.svelte

@@ -57,13 +57,13 @@
   });
 </script>
 
-<div class="inline-flex flex-col items-center gap-3 {className}">
+<div class="svadmin-u-52083e7da442 svadmin-u-8dddea0773ed svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c {className}">
   <svg viewBox="0 0 {size} {size}" width={size} height={size}>
     {#each slices as slice, i (i)}
       <path
         d={getArcPath(slice.startAngle, slice.endAngle, radius, innerRadius)}
         fill={slice.color}
-        class="transition-all duration-200 hover:opacity-80"
+        class="svadmin-u-0fe7d7d814d0 svadmin-u-625a4c3fbeb2 svadmin-u-eaeb741978b7"
         stroke="var(--background)"
         stroke-width="2"
       >
@@ -83,12 +83,12 @@
   </svg>
 
   <!-- Legend -->
-  <div class="flex flex-wrap justify-center gap-x-4 gap-y-1">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-86843cf1e227 svadmin-u-513d5c30bf66 svadmin-u-c163b0edfdf0">
     {#each slices as slice, _i (_i)}
-      <div class="flex items-center gap-1.5 text-xs">
-        <span class="h-2.5 w-2.5 rounded-full" style="background-color: {slice.color};"></span>
-        <span class="text-muted-foreground">{slice.label}</span>
-        <span class="font-medium text-foreground">{slice.percentage}%</span>
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568 svadmin-u-359090c2d529">
+        <span class="svadmin-u-9b3d0721b628 svadmin-u-650758f4572a svadmin-u-ac204c108886" style="background-color: {slice.color};"></span>
+        <span class="svadmin-u-bfa603190748">{slice.label}</span>
+        <span class="svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{slice.percentage}%</span>
       </div>
     {/each}
   </div>

package/dist/components/content/ApiKeyList.svelte

@@ -23,23 +23,23 @@
 {#if resolvedState}
   <DataState state={resolvedState} title={stateTitle} description={stateDescription} {retry} {retryLabel} {loadingLabel} class={className} />
 {:else}
-<div class={'divide-y divide-border overflow-hidden rounded-lg border border-border bg-card ' + className}>
+<div class={'svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3 svadmin-u-2cd02d11d1af svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 ' + className}>
   {#each keys as apiKey (apiKey.id)}
-    <div class="flex flex-wrap items-center gap-3 px-4 py-3">
-      <span class="flex size-9 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary"><KeyRound class="size-4" /></span>
-      <div class="min-w-48 flex-1">
-        <p class="truncate text-sm font-medium text-foreground">{apiKey.name}</p>
-        <p class="truncate font-mono text-xs text-muted-foreground">{apiKey.maskedToken ?? `${apiKey.prefix}********`}</p>
+    <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c svadmin-u-f0faeb26d656 svadmin-u-1b2d54a3fd12">
+      <span class="svadmin-u-60fbb7713999 svadmin-u-665f07fe73cc svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1"><KeyRound class="svadmin-u-f7b5fa971871" /></span>
+      <div class="svadmin-u-4bdb6700d16a svadmin-u-36e579c0b41c">
+        <p class="svadmin-u-f283ea9bea0e svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{apiKey.name}</p>
+        <p class="svadmin-u-f283ea9bea0e svadmin-u-0e65706bcccd svadmin-u-359090c2d529 svadmin-u-bfa603190748">{apiKey.maskedToken ?? `${apiKey.prefix}********`}</p>
         {#if apiKey.permissions?.length}
-          <div class="mt-2 flex flex-wrap gap-1">
-            {#each apiKey.permissions as permission (permission)}<Badge variant="secondary" class="px-2 py-0 text-[10px]">{permission}</Badge>{/each}
+          <div class="svadmin-u-50d0d216a2f8 svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-44ee8ba0a421">
+            {#each apiKey.permissions as permission (permission)}<Badge variant="secondary" class="svadmin-u-d5eab218aa34 svadmin-u-68ecb30dbec6 svadmin-u-1dc571a3609f">{permission}</Badge>{/each}
           </div>
         {/if}
       </div>
-      <div class="text-left text-xs text-muted-foreground sm:text-right"><p>{apiKey.createdAt ?? (isZh ? '最近创建' : 'Created recently')}</p><p>{apiKey.lastUsedAt ?? (isZh ? '从未使用' : 'Never used')}</p></div>
-      <div class="ml-auto flex items-center gap-1">
-        {#if oncopy}<Button variant="ghost" size="icon-sm" aria-label={i18n.t('common.copy') + ' ' + apiKey.name} onclick={() => oncopy?.(apiKey)}>{#if copiedKeyId === apiKey.id}<Check class="size-4 text-success" />{:else}<Copy class="size-4" />{/if}</Button>{/if}
-        {#if onrevoke}<Button variant="ghost" size="icon-sm" aria-label={i18n.t('common.delete') + ' ' + apiKey.name} onclick={() => onrevoke?.(apiKey)}><Trash2 class="size-4" /></Button>{/if}
+      <div class="svadmin-u-2eba0d65d059 svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-0bf5f8e17abf"><p>{apiKey.createdAt ?? (isZh ? '最近创建' : 'Created recently')}</p><p>{apiKey.lastUsedAt ?? (isZh ? '从未使用' : 'Never used')}</p></div>
+      <div class="svadmin-u-fb56d9cff341 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421">
+        {#if oncopy}<Button variant="ghost" size="icon-sm" aria-label={i18n.t('common.copy') + ' ' + apiKey.name} onclick={() => oncopy?.(apiKey)}>{#if copiedKeyId === apiKey.id}<Check class="svadmin-u-f7b5fa971871 svadmin-u-76747e5e02ff" />{:else}<Copy class="svadmin-u-f7b5fa971871" />{/if}</Button>{/if}
+        {#if onrevoke}<Button variant="ghost" size="icon-sm" aria-label={i18n.t('common.delete') + ' ' + apiKey.name} onclick={() => onrevoke?.(apiKey)}><Trash2 class="svadmin-u-f7b5fa971871" /></Button>{/if}
       </div>
     </div>
   {/each}