@svadmin/ui 0.46.0 → 0.48.0

package/dist/components/AboutSettings.svelte

@@ -1,108 +1,33 @@
 <script lang="ts">
+  import { captureAdminContext, getColorTheme, getResolvedTheme } from '@svadmin/core';
   import { useTranslation } from '@svadmin/core/i18n';
-  import { captureAdminContext } from '@svadmin/core';
-  import { getResolvedTheme, getColorTheme } from '@svadmin/core';
-  import * as Card from './ui/card/index.js';
   import { Badge } from './ui/badge/index.js';
-  import { Info, Database, Globe, Palette, Layers } from '@lucide/svelte';
+  import DescriptionList from './content/DescriptionList.svelte';
+  import SettingsGroup from './content/SettingsGroup.svelte';
 
   const i18n = useTranslation();
   const adminContext = captureAdminContext();
-
   const resources = $derived(adminContext.resources);
   const providerNames = $derived(adminContext.getDataProviderNames());
-
-  const version = '__SVADMIN_VERSION__'; // replaced at build time or shown as-is
+  const version = '__SVADMIN_VERSION__';
 </script>
 
 <div class="space-y-6">
-  <div>
-    <h2 class="text-xl font-semibold text-foreground">{i18n.t('settings.about')}</h2>
-  </div>
-
-  <!-- Version -->
-  <Card.Card>
-    <Card.CardHeader class="pb-3">
-      <Card.CardTitle class="text-base flex items-center gap-2">
-        <Info class="h-4 w-4 text-muted-foreground" />
-        svadmin
-      </Card.CardTitle>
-    </Card.CardHeader>
-    <Card.CardContent>
-      <div class="grid gap-4 text-sm">
-        <div class="flex items-center justify-between">
-          <span class="text-muted-foreground">{i18n.t('settings.version')}</span>
-          <Badge variant="secondary" class="font-mono text-xs">{version}</Badge>
-        </div>
-      </div>
-    </Card.CardContent>
-  </Card.Card>
-
-  <!-- Registered Resources -->
-  <Card.Card>
-    <Card.CardHeader class="pb-3">
-      <Card.CardTitle class="text-base flex items-center gap-2">
-        <Layers class="h-4 w-4 text-muted-foreground" />
-        {i18n.t('settings.registeredResources')}
-      </Card.CardTitle>
-    </Card.CardHeader>
-    <Card.CardContent>
-      <div class="flex flex-wrap gap-2">
-        {#each resources as resource, _i (_i)}
-          <Badge variant="outline" class="font-mono text-xs">{resource.name}</Badge>
-        {/each}
-        {#if resources.length === 0}
-          <p class="text-sm text-muted-foreground">—</p>
-        {/if}
-      </div>
-    </Card.CardContent>
-  </Card.Card>
-
-  <!-- Data Providers -->
-  <Card.Card>
-    <Card.CardHeader class="pb-3">
-      <Card.CardTitle class="text-base flex items-center gap-2">
-        <Database class="h-4 w-4 text-muted-foreground" />
-        {i18n.t('settings.dataProvider')}
-      </Card.CardTitle>
-    </Card.CardHeader>
-    <Card.CardContent>
-      <div class="flex flex-wrap gap-2">
-        {#each providerNames as name, _i (_i)}
-          <Badge variant="outline" class="font-mono text-xs">{name}</Badge>
-        {/each}
-      </div>
-    </Card.CardContent>
-  </Card.Card>
-
-  <!-- Current Environment -->
-  <Card.Card>
-    <Card.CardHeader class="pb-3">
-      <Card.CardTitle class="text-base flex items-center gap-2">
-        <Globe class="h-4 w-4 text-muted-foreground" />
-        {i18n.t('settings.currentEnvironment')}
-      </Card.CardTitle>
-    </Card.CardHeader>
-    <Card.CardContent>
-      <div class="grid gap-3 text-sm">
-        <div class="flex items-center justify-between">
-          <span class="text-muted-foreground">{i18n.t('settings.language')}</span>
-          <span class="font-mono text-xs">{i18n.locale}</span>
-        </div>
-        <div class="h-px bg-border"></div>
-        <div class="flex items-center justify-between">
-          <span class="text-muted-foreground">{i18n.t('settings.themeMode')}</span>
-          <span class="font-mono text-xs">{getResolvedTheme()}</span>
-        </div>
-        <div class="h-px bg-border"></div>
-        <div class="flex items-center justify-between">
-          <span class="text-muted-foreground flex items-center gap-1.5">
-            <Palette class="h-3.5 w-3.5" />
-            {i18n.t('settings.colorAccent')}
-          </span>
-          <span class="font-mono text-xs">{getColorTheme()}</span>
-        </div>
-      </div>
-    </Card.CardContent>
-  </Card.Card>
+  <div><h2 class="text-xl font-semibold text-foreground">{i18n.t('settings.about')}</h2></div>
+  <SettingsGroup title="svadmin" description={i18n.t('settings.currentEnvironment')} bodyClass="space-y-6">
+    <DescriptionList columns={2} items={[
+      { label: i18n.t('settings.version'), value: version },
+      { label: i18n.t('settings.language'), value: i18n.locale },
+      { label: i18n.t('settings.themeMode'), value: getResolvedTheme() },
+      { label: i18n.t('settings.colorAccent'), value: getColorTheme() },
+    ]} />
+    <div class="border-t border-border pt-5">
+      <h3 class="text-sm font-medium text-foreground">{i18n.t('settings.registeredResources')}</h3>
+      <div class="mt-3 flex flex-wrap gap-2">{#each resources as resource (resource.name)}<Badge variant="outline" class="font-mono text-xs">{resource.name}</Badge>{:else}<span class="text-sm text-muted-foreground">—</span>{/each}</div>
+    </div>
+    <div class="border-t border-border pt-5">
+      <h3 class="text-sm font-medium text-foreground">{i18n.t('settings.dataProvider')}</h3>
+      <div class="mt-3 flex flex-wrap gap-2">{#each providerNames as name (name)}<Badge variant="outline" class="font-mono text-xs">{name}</Badge>{:else}<span class="text-sm text-muted-foreground">—</span>{/each}</div>
+    </div>
+  </SettingsGroup>
 </div>

package/dist/components/AdminApp.svelte

@@ -25,14 +25,18 @@
     AuditLogProvider,
     AuthProvider,
     ChatProvider,
+    CredentialProvider,
     DataProviderInput,
+    IdentityGovernanceProvider,
     I18nProvider,
     LiveProvider,
     MenuItem,
     NotificationProvider,
+    OrganizationProvider,
     ProviderBundle,
     ResourceDefinition,
     RouterProvider,
+    SessionProvider,
     TaskProvider,
     TenantAdapter,
     TenantContext,
@@ -93,6 +97,10 @@
     taskProvider?: TaskProvider;
     routerProvider?: RouterProvider;
     tenantAdapter?: TenantAdapter;
+    organizationProvider?: OrganizationProvider;
+    identityGovernanceProvider?: IdentityGovernanceProvider;
+    sessionProvider?: SessionProvider;
+    credentialProvider?: CredentialProvider;
     /** Request/tree-scoped tenant. Tenant identifiers are never rendered by DevTools. */
     tenant?: TenantContext;
     resources: ResourceDefinition[];
@@ -148,6 +156,10 @@
     taskProvider,
     routerProvider,
     tenantAdapter,
+    organizationProvider,
+    identityGovernanceProvider,
+    sessionProvider,
+    credentialProvider,
     tenant,
     resources,
     locale = $bindable(),
@@ -190,6 +202,10 @@
   const resolvedTaskProvider = $derived(taskProvider ?? resolvedProviderBundle?.taskProvider);
   const resolvedRouterInput = $derived(routerProvider ?? resolvedProviderBundle?.routerProvider);
   const resolvedTenantAdapter = $derived(tenantAdapter ?? resolvedProviderBundle?.tenantAdapter);
+  const resolvedOrganizationProvider = $derived(organizationProvider ?? resolvedProviderBundle?.organizationProvider ?? undefined);
+  const resolvedIdentityGovernanceProvider = $derived(identityGovernanceProvider ?? resolvedProviderBundle?.identityGovernanceProvider ?? undefined);
+  const resolvedSessionProvider = $derived(sessionProvider ?? resolvedProviderBundle?.sessionProvider ?? undefined);
+  const resolvedCredentialProvider = $derived(credentialProvider ?? resolvedProviderBundle?.credentialProvider ?? undefined);
   const resolvedI18nProvider = $derived(i18nProvider ?? resolvedProviderBundle?.i18nProvider);
 
   // Resolve router provider (default to hash)
@@ -280,6 +296,10 @@
     get chatProvider() { return resolvedChatProvider ?? null; },
     get agentProvider() { return resolvedAgentProvider ?? null; },
     get taskProvider() { return resolvedTaskProvider; },
+    get organizationProvider() { return resolvedOrganizationProvider ?? null; },
+    get identityGovernanceProvider() { return resolvedIdentityGovernanceProvider ?? null; },
+    get sessionProvider() { return resolvedSessionProvider ?? null; },
+    get credentialProvider() { return resolvedCredentialProvider ?? null; },
     get resources() { return resources; },
     get routerProvider() { return scopedRouterProvider; },
     get tenantAdapter() { return resolvedTenantAdapter; },

package/dist/components/AdminApp.svelte.d.ts

@@ -1,6 +1,6 @@
 import '../app.css';
 import { type Component, type Snippet } from 'svelte';
-import type { AccessControlProvider, AgentProvider, AuditLogProvider, AuthProvider, ChatProvider, DataProviderInput, I18nProvider, LiveProvider, MenuItem, NotificationProvider, ResourceDefinition, RouterProvider, TaskProvider, TenantAdapter, TenantContext, ThemeConfig, ThemeMode } from '@svadmin/core';
+import type { AccessControlProvider, AgentProvider, AuditLogProvider, AuthProvider, ChatProvider, CredentialProvider, DataProviderInput, IdentityGovernanceProvider, I18nProvider, LiveProvider, MenuItem, NotificationProvider, OrganizationProvider, ResourceDefinition, RouterProvider, SessionProvider, TaskProvider, TenantAdapter, TenantContext, ThemeConfig, ThemeMode } from '@svadmin/core';
 import { QueryClient, type DefaultOptions } from '@tanstack/svelte-query';
 import { type ComponentRegistry } from '../component-registry.svelte.js';
 import type { AdminProviderBundle } from '../types.js';
@@ -21,6 +21,10 @@ interface Props {
     taskProvider?: TaskProvider;
     routerProvider?: RouterProvider;
     tenantAdapter?: TenantAdapter;
+    organizationProvider?: OrganizationProvider;
+    identityGovernanceProvider?: IdentityGovernanceProvider;
+    sessionProvider?: SessionProvider;
+    credentialProvider?: CredentialProvider;
     /** Request/tree-scoped tenant. Tenant identifiers are never rendered by DevTools. */
     tenant?: TenantContext;
     resources: ResourceDefinition[];