@svadmin/ui 0.73.0 → 0.75.0

package/dist/components/account/TeamMembersPage.svelte

@@ -1,28 +1,12 @@
 <script lang="ts">
   import { useTranslation } from '@svadmin/core/i18n';
-  import { Copy, Link2, Send, UserPlus } from '@lucide/svelte';
-  import { Button } from '../ui/button/index.js';
-  import { Input } from '../ui/input/index.js';
-  import { Label } from '../ui/label/index.js';
-  import * as Card from '../ui/card/index.js';
+  import MemberDirectory, { type MemberDirectoryProvider } from './MemberDirectory.svelte';
   import ContentPageShell from '../content/ContentPageShell.svelte';
   import ContentPageHeader from '../content/ContentPageHeader.svelte';
-  import FilterToolbar from '../content/FilterToolbar.svelte';
-  import MemberList from '../content/MemberList.svelte';
-  import type { MemberSummary } from '../content/MemberList.svelte';
-  import { referenceDemoData } from '../../reference-data.js';
+  let { memberProvider }: { memberProvider?: MemberDirectoryProvider } = $props();
   const i18n = useTranslation();
-  let query = $state('');
-  let inviteEmail = $state('');
-  let inviteStatus = $state('');
-  let members = $state<MemberSummary[]>(referenceDemoData.members.map((member) => ({ ...member, status: member.status === 'active' ? 'success' : member.status === 'invited' ? 'warning' : 'neutral' })));
-  const filtered = $derived(query ? members.filter((member) => `${member.name} ${member.email} ${member.department}`.toLowerCase().includes(query.toLowerCase())) : members);
-  function sendInvite() { const email = inviteEmail.trim(); if (!email) return; members = [...members, { id: `invite-${Date.now()}`, name: email.replace(/@.*$/, ''), email, role: 'Viewer', department: 'Pending assignment', status: 'warning' }]; inviteStatus = email; inviteEmail = ''; }
 </script>
-
 <ContentPageShell pageId="account-team-members" width="wide">
-  <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="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} />
+  <ContentPageHeader title={i18n.t('account.teamMembers')} />
+  <MemberDirectory provider={memberProvider} />
 </ContentPageShell>

package/dist/components/account/TeamMembersPage.svelte.d.ts

@@ -1,3 +1,7 @@
-declare const TeamMembersPage: import("svelte").Component<Record<string, never>, {}, "">;
+import { type MemberDirectoryProvider } from './MemberDirectory.svelte';
+type $$ComponentProps = {
+    memberProvider?: MemberDirectoryProvider;
+};
+declare const TeamMembersPage: import("svelte").Component<$$ComponentProps, {}, "">;
 type TeamMembersPage = ReturnType<typeof TeamMembersPage>;
 export default TeamMembersPage;

package/dist/components/account/UserProfilePage.svelte

@@ -1,30 +1,8 @@
 <script lang="ts">
-  import { useTranslation } from '@svadmin/core/i18n';
-  import { Loader2 } from '@lucide/svelte';
-  import { Button } from '../ui/button/index.js';
-  import { Switch } from '../ui/switch/index.js';
-  import * as Card from '../ui/card/index.js';
+  import ProfilePage from '../ProfilePage.svelte';
   import ContentPageShell from '../content/ContentPageShell.svelte';
-  import ContentPageHeader from '../content/ContentPageHeader.svelte';
-  import DescriptionList from '../content/DescriptionList.svelte';
-  import FileList from '../content/FileList.svelte';
-  import IntegrationCard from '../content/IntegrationCard.svelte';
-  import WorkspaceLayout from '../content/WorkspaceLayout.svelte';
-  import type { IntegrationSummary } from '../content/IntegrationCard.svelte';
-  import { referenceDemoData } from '../../reference-data.js';
-  const i18n = useTranslation();
-  let availableToHire = $state(true);
-  let saving = $state(false);
-  async function save() { saving = true; await new Promise((resolve) => setTimeout(resolve, 400)); saving = false; }
-  let integrations = $state<IntegrationSummary[]>(referenceDemoData.integrations);
-  const files = [{ id: '1', name: 'portfolio-2026.pdf', size: '2.1 MB', type: 'PDF' }, { id: '2', name: 'avatar-pack.zip', size: '8.4 MB', type: 'Archive' }, { id: '3', name: 'cover-photo.png', size: '1.2 MB', type: 'Image' }];
-  function toggle(id: string) { integrations = integrations.map((item) => item.id === id ? { ...item, connected: !item.connected } : item); }
 </script>
 
-<ContentPageShell pageId="account-user-profile" width="wide">
-  <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="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 pageId="account-user-profile" width="narrow">
+  <ProfilePage />
 </ContentPageShell>

package/dist/components/account/UserProfilePage.svelte.d.ts

@@ -1,3 +1,18 @@
-declare const UserProfilePage: import("svelte").Component<Record<string, never>, {}, "">;
-type UserProfilePage = ReturnType<typeof UserProfilePage>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const UserProfilePage: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type UserProfilePage = InstanceType<typeof UserProfilePage>;
 export default UserProfilePage;

package/dist/components/buttons/ExportButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { useCan, useTranslation, useExport, useResourceContract } from '@svadmin/core';
+  import { useCan, useTranslation, useExport, useResourceContract, type TaskProvider, type ExportFormat, type Filter, type Sort } from '@svadmin/core';
   import { definedReactiveOptions } from '@svadmin/core/options';
   import { Button } from '../ui/button/index.js';
   import { Download } from '@lucide/svelte';
@@ -14,6 +14,16 @@
     children,
     hideText = false,
     accessControl = { enabled: true, hideIfUnauthorized: true },
+    taskName,
+    taskProvider,
+    taskIdempotencyKey,
+    initialTaskId,
+    onTaskSubmitted,
+    filters,
+    sorters,
+    maxItemCount,
+    format = 'csv',
+    meta,
     class: className = '',
   } = $props<{
     resource: string;
@@ -21,15 +31,20 @@
     children?: Snippet;
     hideText?: boolean;
     accessControl?: ButtonAccessControl;
+    taskName?: string;
+    taskProvider?: TaskProvider;
+    taskIdempotencyKey?: string;
+    initialTaskId?: string;
+    onTaskSubmitted?: (taskId: string) => void | Promise<void>;
+    filters?: Filter[];
+    sorters?: Sort[];
+    maxItemCount?: number;
+    format?: ExportFormat;
+    meta?: Record<string, unknown>;
     class?: string;
   }>();
 
   const binding = useResourceContract(() => resource);
-  const exporter = useExport(definedReactiveOptions({
-    get resource() { return binding.resource; },
-    get dataProviderName() { return binding.dataProviderName; },
-    get meta() { return binding.meta; },
-  }));
   const can = useCan(() => ({
     resource,
     action: 'export',
@@ -37,11 +52,40 @@
     meta: accessControl?.meta,
     queryOptions: { enabled: accessControl?.enabled ?? true }
   }));
+  const exporter = useExport(definedReactiveOptions({
+    get resource() { return binding.resource; },
+    get dataProviderName() { return binding.dataProviderName; },
+    get taskName() { return taskName; },
+    get taskProvider() { return taskProvider; },
+    get taskIdempotencyKey() { return taskIdempotencyKey; },
+    get initialTaskId() { return initialTaskId; },
+    get onTaskSubmitted() { return onTaskSubmitted; },
+    get filters() { return filters; },
+    get sorters() { return sorters; },
+    get maxItemCount() { return maxItemCount; },
+    get format() { return format; },
+    get meta() { return meta ?? binding.meta; },
+    get enabled() { return can.allowed; },
+  }));
   const hidden = $derived(accessControl?.hideIfUnauthorized && !can.allowed);
-  const displayText = $derived(label ?? i18n.t('common.export'));
+  const taskDownloadReady = $derived(exporter.artifact !== undefined);
+  const busy = $derived(exporter.isLoading || (exporter.isTaskPending && !exporter.taskError));
+  const displayText = $derived(taskDownloadReady ? i18n.t('common.download')
+    : exporter.taskError ? i18n.t('common.retry')
+    : exporter.taskId && exporter.error ? i18n.t('common.error')
+    : exporter.taskId && !exporter.isTaskPending ? i18n.t('task.status.cancelled')
+    : busy ? i18n.t('common.processing') : label ?? i18n.t('common.export'));
 
   async function exportRecords() {
-    if (!can.allowed || exporter.isLoading) return;
+    if (!can.allowed || busy) return;
+    if (exporter.taskError) {
+      try { await exporter.refetchTask(); } catch { /* 查询错误由 hook 暴露。 */ }
+      return;
+    }
+    if (taskDownloadReady) {
+      exporter.downloadTask();
+      return;
+    }
     try { await exporter.triggerExport(); }
     catch {
       // The hook exposes a sanitized error; stale-scope cancellations remain silent.
@@ -55,14 +99,14 @@
     size={hideText ? 'icon' : 'sm'}
     class={className}
     aria-label={hideText ? displayText : undefined}
-    disabled={exporter.isLoading || !can.allowed}
-    aria-busy={exporter.isLoading}
+    disabled={busy || !can.allowed || (!!exporter.taskId && !taskDownloadReady && !exporter.taskError)}
+    aria-busy={busy}
     onclick={exportRecords}
   >
     <Download class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
     {#if !hideText}
       <span class="svadmin-u-f58b02572ab2">
-        {#if children}
+        {#if children && !taskName}
           {@render children()}
         {:else}
           {displayText}
@@ -70,7 +114,7 @@
       </span>
     {/if}
   </Button>
-  {#if exporter.error}
+  {#if exporter.error || exporter.taskError}
     <p role="alert">{i18n.t('common.error')}</p>
   {/if}
 {/if}

package/dist/components/buttons/ExportButton.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { Snippet } from 'svelte';
+import { type TaskProvider, type ExportFormat, type Filter, type Sort } from '@svadmin/core';
 import type { ButtonAccessControl } from './access-control';
 type $$ComponentProps = {
     resource: string;
@@ -6,6 +7,16 @@ type $$ComponentProps = {
     children?: Snippet;
     hideText?: boolean;
     accessControl?: ButtonAccessControl;
+    taskName?: string;
+    taskProvider?: TaskProvider;
+    taskIdempotencyKey?: string;
+    initialTaskId?: string;
+    onTaskSubmitted?: (taskId: string) => void | Promise<void>;
+    filters?: Filter[];
+    sorters?: Sort[];
+    maxItemCount?: number;
+    format?: ExportFormat;
+    meta?: Record<string, unknown>;
     class?: string;
 };
 declare const ExportButton: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/components/content/ContentPageHeader.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { contentHeader } from '../../styled-system/recipes/index.js';
+  import { contentHeaderRecipe as contentHeader } from '../../recipes.js';
 
   interface Props {
     title: string;

package/dist/components/content/ContentPageShell.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { definedOptions } from '@svadmin/core/options';
   import type { Snippet } from 'svelte';
-  import { contentPage } from '../../styled-system/recipes/index.js';
+  import { contentPageRecipe as contentPage } from '../../recipes.js';
   import ContentPageHeader from './ContentPageHeader.svelte';
 
   interface Props {

package/dist/components/content/MetricBlock.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { metricBlock } from '../../styled-system/recipes/index.js';
+  import { metricBlockRecipe as metricBlock } from '../../recipes.js';
   import { Skeleton } from '../ui/skeleton/index.js';
 
   export type MetricTrendTone = 'positive' | 'negative' | 'warning' | 'neutral';

package/dist/components/content/PageToolbar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { productToolbar } from '../../styled-system/recipes/index.js';
+  import { productToolbarRecipe as productToolbar } from '../../recipes.js';
   interface Props { leading?: Snippet; trailing?: Snippet; children?: Snippet; class?: string; }
   let { leading, trailing, children, class: className = '' }: Props = $props();
   const styles = productToolbar();

package/dist/components/content/ReferenceNotice.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+  import { useTranslation } from '@svadmin/core/i18n';
+  const i18n = useTranslation();
+</script>
+<p role="note">{i18n.locale === 'zh-CN' ? '示例资料，不代表当前账户或组织。连接状态仅在本页演示，导出只包含示例数据。' : 'Sample content, not your current account or organization. Connection changes are local previews; exports contain sample data only.'}</p>

package/dist/components/content/ReferenceNotice.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ReferenceNotice: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ReferenceNotice = InstanceType<typeof ReferenceNotice>;
+export default ReferenceNotice;

package/dist/components/content/SectionHeader.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { productSection } from '../../styled-system/recipes/index.js';
+  import { productSectionRecipe as productSection } from '../../recipes.js';
   interface Props { title: string; description?: string; actions?: Snippet; id?: string; class?: string; }
   let { title, description, actions, id, class: className = '' }: Props = $props();
   const styles = productSection();

package/dist/components/content/SettingsFieldRow.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { productSettingsRow } from '../../styled-system/recipes/index.js';
+  import { productSettingsRowRecipe as productSettingsRow } from '../../recipes.js';
   interface Props { label: string; description?: string; control: Snippet; separated?: boolean; class?: string; }
   let { label, description, control, separated = false, class: className = '' }: Props = $props();
   const styles = $derived(productSettingsRow({ separated }));

package/dist/components/content/SettingsGroup.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { productSettings } from '../../styled-system/recipes/index.js';
+  import { productSettingsRecipe as productSettings } from '../../recipes.js';
   interface Props { title: string; description?: string; actions?: Snippet; children: Snippet; class?: string; bodyClass?: string; }
   let { title, description, actions, children, class: className = '', bodyClass = '' }: Props = $props();
   const styles = productSettings();

package/dist/components/content/StatusBadge.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Badge } from '../ui/badge/index.js';
-  import { productStatus } from '../../styled-system/recipes/index.js';
+  import { productStatusRecipe as productStatus } from '../../recipes.js';
   export type Status = 'success' | 'warning' | 'danger' | 'info' | 'neutral';
   interface Props {
     status: Status;

package/dist/components/content/WorkspaceLayout.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { productWorkspace } from '../../styled-system/recipes/index.js';
+  import { productWorkspaceRecipe as productWorkspace } from '../../recipes.js';
 
   interface Props {
     primary: Snippet;

package/dist/components/export-reference.d.ts

@@ -0,0 +1,2 @@
+/** 导出当前展示的记录；不声称导出了服务端完整数据集。 */
+export declare function downloadRows(filename: string, rows: readonly object[]): void;

package/dist/components/export-reference.js

@@ -0,0 +1,9 @@
+/** 导出当前展示的记录；不声称导出了服务端完整数据集。 */
+export function downloadRows(filename, rows) {
+    const url = URL.createObjectURL(new Blob([JSON.stringify(rows, null, 2)], { type: 'application/json' }));
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    link.click();
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+}

package/dist/components/fieldComponentMap.js

@@ -70,11 +70,8 @@ export const builtinDisplayComponents = Object.freeze({
     images: validatedDisplay(props(nullable(Type.Array(Type.String()))), ImagesField),
     tags: validatedDisplay(props(nullable(Type.Union([Type.String(), Type.Array(Type.String())]))), TagField),
     date: validatedDisplay(props(date), DateField),
-    datetime: validatedDisplay(Type.Object({
-        value: date, format: Type.Literal('datetime'),
-    }, { additionalProperties: false }), DateField, input => ({ value: input.value, format: 'datetime' })),
-    // 原生 time 值没有日期或时区，不能交给 Date 解析。
-    time: textDisplay,
+    datetime: validatedDisplay(Type.Object({ value: date, format: Type.Literal('datetime') }, { additionalProperties: false }), DateField, input => ({ value: input.value, format: 'datetime' })),
+    time: validatedDisplay(Type.Object({ value: date, format: Type.Literal('iso') }, { additionalProperties: false }), DateField, input => ({ value: input.value, format: 'iso' })),
     daterange: validatedDisplay(props(nullable(Type.Union([
         Type.Tuple([date, date]),
         Type.Object({ start: dateProperty, end: dateProperty, from: dateProperty, to: dateProperty }, { additionalProperties: false }),

package/dist/components/fields/DateField.svelte

@@ -3,8 +3,8 @@
 </script>
 
 <script lang="ts">
-  import { dateFieldValue } from './date-field-value.js';
   import { cn } from '../../utils.js';
+  import { parseDisplayDate } from './date-display';
 
   interface Props {
     value: string | number | Date | null | undefined;
@@ -44,13 +44,13 @@
     return new Intl.DateTimeFormat(loc, { dateStyle: 'medium' }).format(date);
   }
 
+  const parsed = $derived(parseDisplayDate(value));
   const formatted = $derived.by(() => {
-    if (value == null || value === '') return nullLabel;
-    const d = dateFieldValue(value, format === 'time');
-    if (isNaN(d.getTime())) return nullLabel;
+    if (!parsed) return nullLabel;
+    const d = parsed.date;
 
-    if (format === 'iso') return d.toISOString();
-    if (format === 'relative') return formatRelative(d, locale);
+    if (format === 'iso') return parsed.title;
+    if (format === 'relative' && !parsed.civil) return formatRelative(d, locale);
 
     const defaultOptions: Intl.DateTimeFormatOptions =
       options ??
@@ -61,17 +61,16 @@
           : { dateStyle: 'medium' });
 
     try {
-      return new Intl.DateTimeFormat(locale, defaultOptions).format(d);
+      return new Intl.DateTimeFormat(locale, {
+        ...defaultOptions,
+        ...(parsed.civil ? { timeZone: 'UTC' } : {}),
+      }).format(d);
     } catch {
-      return d.toLocaleDateString();
+      return parsed.title;
     }
   });
 
-  const fullIsoTitle = $derived.by(() => {
-    if (value == null || value === '') return undefined;
-    const d = dateFieldValue(value, format === 'time');
-    return isNaN(d.getTime()) ? undefined : format === 'time' && typeof value === 'string' && /^\d{2}:/u.test(value) ? value : d.toISOString();
-  });
+  const fullIsoTitle = $derived(parsed?.title);
 </script>
 
 <span class={cn('field-date svadmin-u-fc7473ca09eb', className)} title={fullIsoTitle}>{formatted}</span>

package/dist/components/fields/MarkdownField.svelte

@@ -12,6 +12,15 @@
   interface DomPurifyLike {
     sanitize(source: string | Node, config?: Record<string, unknown>): string;
   }
+  interface DomPurifyModule {
+    default?: DomPurifyLike;
+    sanitize?: DomPurifyLike["sanitize"];
+  }
+
+  function isDomPurifyModule(value: unknown): value is DomPurifyModule {
+    return typeof value === 'object' && value !== null;
+  }
+
   let DOMPurify: DomPurifyLike | null = $state(null);
 
   onMount(() => {
@@ -19,12 +28,12 @@
     import("isomorphic-dompurify")
       .then((pkg) => {
         if (!cancelled) {
-          const mod = pkg as unknown as { default?: DomPurifyLike; sanitize?: DomPurifyLike["sanitize"] };
+          if (!isDomPurifyModule(pkg)) return;
           const loaded: DomPurifyLike | undefined =
-            mod.default && typeof mod.default.sanitize === "function"
-              ? mod.default
-              : typeof mod.sanitize === "function"
-                ? (mod as DomPurifyLike)
+            pkg.default && typeof pkg.default.sanitize === "function"
+              ? pkg.default
+              : typeof pkg.sanitize === "function"
+                ? { sanitize: pkg.sanitize }
                 : undefined;
           if (loaded) {
             DOMPurify = loaded;

package/dist/components/fields/date-display.d.ts

@@ -0,0 +1,6 @@
+export interface DisplayDate {
+    date: Date;
+    civil: boolean;
+    title: string;
+}
+export declare function parseDisplayDate(value: string | number | Date | null | undefined): DisplayDate | undefined;

package/dist/components/fields/date-display.js

@@ -0,0 +1,24 @@
+export function parseDisplayDate(value) {
+    if (value == null || value === '')
+        return undefined;
+    if (typeof value === 'string') {
+        const calendar = /^(\d{4}-\d{2}-\d{2})(?:T(\d{2}:\d{2}(?::\d{2}(?:\.\d{1,3})?)?))?$/.exec(value);
+        const time = /^\d{2}:\d{2}(?::\d{2}(?:\.\d{1,3})?)?$/.test(value);
+        if (calendar || time) {
+            const day = calendar?.[1] ?? '2000-01-01';
+            const clock = calendar ? calendar[2] ?? '00:00' : value;
+            const [hours, minutes, seconds = '00'] = clock.split(':');
+            const [wholeSeconds, fraction = ''] = seconds.split('.');
+            const canonical = `${day}T${hours}:${minutes}:${wholeSeconds}.${fraction.padEnd(3, '0')}Z`;
+            // UTC 仅作为无时区日历值的格式化载体，绝不作为真实时间点输出。
+            const date = new Date(canonical);
+            if (!Number.isFinite(date.getTime()) || date.toISOString() !== canonical)
+                return undefined;
+            return { date, civil: true, title: value };
+        }
+    }
+    const date = value instanceof Date ? value : new Date(value);
+    if (!Number.isFinite(date.getTime()))
+        return undefined;
+    return { date, civil: false, title: date.toISOString() };
+}

package/dist/components/network/TeamCrewTablePage.svelte

@@ -9,6 +9,10 @@
   import type { NetworkColumn } from '../content/NetworkTable.types.js';
   import { Avatar } from '../ui/avatar/index.js';
   import { Badge } from '../ui/badge/index.js';
+  import ReferenceNotice from '../content/ReferenceNotice.svelte';
+  import { captureAdminContext } from '@svadmin/core';
+  import { downloadRows } from '../export-reference.js';
+  const context = captureAdminContext();
 
   interface CrewMember { id: string; name: string; email: string; role: string; department: string; status: 'active' | 'away' | 'offline'; projects: number; }
   const i18n = useTranslation();
@@ -31,7 +35,8 @@
 {/snippet}
 
 <ContentPageShell pageId="network-team-crew" width="wide">
-  <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-1004c0c3954c svadmin-u-020ba687fa12 svadmin-u-64cac80d2e9a svadmin-u-3b9871a0bf93"><ContentPageHeader title={i18n.t('network.teamCrew')} description={i18n.t('network.teamCrewDescription')} /><div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-77a2a20e90d4"><Button variant="outline" size="sm"><Download class="svadmin-u-783b0d9d1e2c" />{i18n.t('common.export')}</Button><Button size="sm"><UserPlus class="svadmin-u-783b0d9d1e2c" />{i18n.t('account.inviteMember')}</Button></div></div>
+  <ReferenceNotice />
+  <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-1004c0c3954c svadmin-u-020ba687fa12 svadmin-u-64cac80d2e9a svadmin-u-3b9871a0bf93"><ContentPageHeader title={i18n.t('network.teamCrew')} description={i18n.t('network.teamCrewDescription')} /><div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-77a2a20e90d4"><Button variant="outline" size="sm" onclick={() => downloadRows('sample-team.json', filtered)}><Download class="svadmin-u-783b0d9d1e2c" />{i18n.t('common.export')}</Button><Button size="sm" onclick={() => context.navigate('/account/members/team-members')}><UserPlus class="svadmin-u-783b0d9d1e2c" />{i18n.t('account.inviteMember')}</Button></div></div>
   <FilterToolbar bind:query placeholder={i18n.t('common.search')} />
   <NetworkTable rows={filtered} {columns} {row} />
 </ContentPageShell>

package/dist/components/network/UserCardsNFTPage.svelte

@@ -4,6 +4,7 @@
   import ContentPageHeader from '../content/ContentPageHeader.svelte';
   import FilterToolbar from '../content/FilterToolbar.svelte';
   import DataState from '../content/DataState.svelte';
+  import ReferenceNotice from '../content/ReferenceNotice.svelte';
   import NetworkUserCard from '../content/NetworkUserCard.svelte';
   import type { NetworkUser } from '../content/NetworkUserCard.svelte';
 
@@ -24,6 +25,7 @@
 </script>
 
 <ContentPageShell pageId="network-user-cards" width="wide">
+  <ReferenceNotice />
   <ContentPageHeader title={i18n.t('network.userCards')} description={i18n.t('network.userCardsDescription')} />
   <FilterToolbar bind:query placeholder={i18n.t('common.search')} clearLabel={i18n.locale === 'zh-CN' ? '清除搜索' : 'Clear search'} />
   {#if filtered.length === 0}

package/dist/components/profile/PublicProfilePage.svelte

@@ -9,6 +9,7 @@
   import ContentPageShell from '../content/ContentPageShell.svelte';
   import ContentPageHeader from '../content/ContentPageHeader.svelte';
   import { referenceDemoData } from '../../reference-data.js';
+  import ReferenceNotice from '../content/ReferenceNotice.svelte';
 
   type ProfileVariant = 'default' | 'company' | 'gamer';
   type ProfileTab = 'projects' | 'activity' | 'teams';
@@ -35,6 +36,7 @@
 </script>
 
 <ContentPageShell {pageId} width="wide">
+  <ReferenceNotice />
   <ContentPageHeader title={profileData.name} eyebrow={i18n.t('publicProfile.title')} description={profileData.tagline} />
   {#if showSections}
     <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0d304f904cb0 svadmin-u-bf1b5b54929e"><ProfileCard {...profileData} {variant} /><ProfileVariantSections {variant} /></div>