@undefineds.co/xpod 0.4.20 → 0.4.27

package/node_modules/@undefineds.co/ai-connections/dist/AiGatewayKeyRow.js

@@ -7,29 +7,38 @@ import { AI_CLIENT_LABELS, AI_CONNECTIONS_CLIENTS, AiClientIcon, } from './AiCli
  * carries only the purpose declared at creation, the client it was written
  * into, when it was last used, and the one action that still applies: destroy.
  */
-export function AiGatewayKeyRow({ record, busy, onDestroy, }) {
-    const label = record.name || '未命名 API Key';
+export function AiGatewayKeyRow({ record, busy, confirming = false, configurationStatus, onReissue, onEnable, onTest, testing = false, onRequestDestroy, onCancelDestroy, onDestroy, }) {
+    const label = record.name || '未命名 Xpod 密钥';
     const binding = gatewayKeyBinding(record);
     // Credentials issued through CSS are revoked by client id; a record without
     // one cannot be destroyed from here, so the row says so instead of offering
     // an action that always fails.
     const destroyable = record.kind !== 'client-credentials' || Boolean(record.clientCredentialId);
-    return (_jsxs("li", { "data-key-id": record.id, "data-key-binding": record.appliedTo ? 'bound' : 'unbound', className: "flex flex-wrap items-center gap-x-4 gap-y-2 border-b border-border/60 px-4 py-3 first:rounded-t-xl last:rounded-b-xl last:border-b-0", children: [_jsxs("dl", { className: "flex min-w-0 flex-1 basis-64 flex-wrap items-center gap-x-6 gap-y-2", children: [_jsx(KeyField, { label: "\u7528\u9014", className: "min-w-0 flex-1 basis-28", children: _jsx("span", { className: "block truncate text-sm font-medium text-foreground/90", title: label, children: label }) }), _jsx(KeyField, { label: "\u7ED1\u5B9A", className: "min-w-0 flex-1 basis-28", children: _jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground", children: [binding.clientId ? _jsx(AiClientIcon, { client: binding.clientId, className: "h-3.5 w-3.5" }) : null, _jsx("span", { className: "truncate", title: binding.label, children: binding.label })] }) }), _jsx(KeyField, { label: "\u6700\u540E\u4F7F\u7528", className: "shrink-0", children: _jsx("span", { className: "block text-xs text-muted-foreground", children: record.lastUsedAt ? formatTimestamp(record.lastUsedAt) : '暂无调用记录' }) })] }), destroyable ? (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-8 shrink-0 gap-1.5 text-xs text-muted-foreground hover:text-destructive", "aria-label": `销毁 ${label}`, title: `销毁 ${label}`, disabled: busy, onClick: onDestroy, children: [_jsx(Trash2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), "\u9500\u6BC1"] })) : (_jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: "\u7F3A\u5C11 CSS \u51ED\u636E\u6807\u8BC6\uFF0C\u65E0\u6CD5\u5728\u6B64\u9500\u6BC1" }))] }));
+    return (_jsxs("li", { "data-key-id": record.id, "data-key-binding": record.appliedTo ? 'bound' : 'unbound', className: "flex flex-wrap items-center gap-x-4 gap-y-2 border-b border-border/60 px-4 py-3 first:rounded-t-xl last:rounded-b-xl last:border-b-0", children: [_jsxs("dl", { className: "flex min-w-0 flex-1 basis-64 flex-wrap items-center gap-x-6 gap-y-2", children: [_jsx(KeyField, { label: "\u540D\u79F0", className: "min-w-0 flex-1 basis-28", children: _jsx("span", { className: "block truncate text-sm font-medium text-foreground/90", title: label, children: label }) }), _jsx(KeyField, { label: "\u5E94\u7528\u5230", className: "min-w-0 flex-1 basis-28", children: _jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground", children: [binding.clientId ? _jsx(AiClientIcon, { client: binding.clientId, className: "h-3.5 w-3.5" }) : null, _jsx("span", { className: "truncate", title: binding.label, children: binding.label })] }) }), _jsx(KeyField, { label: "\u6700\u540E\u4F7F\u7528", className: "shrink-0", children: _jsx("span", { className: "block text-xs text-muted-foreground", children: record.lastUsedAt ? formatTimestamp(record.lastUsedAt) : '暂无调用记录' }) }), _jsx(KeyField, { label: "\u8303\u56F4", children: _jsx("span", { className: "text-xs", children: "\u8303\u56F4\uFF1A\u6574\u4E2A Pod" }) }), record.appliedAt ? _jsx(KeyField, { label: "\u5199\u5165\u65F6\u95F4", children: _jsx("span", { className: "text-xs", children: formatTimestamp(record.appliedAt) }) }) : null] }), configurationStatus && (configurationStatus.status === 'unavailable' || (record.fingerprint && configurationStatus.appliedKeyFingerprint === record.fingerprint)) && configurationStatus.status !== 'configured' && configurationStatus.status !== 'notConfigured' ? (_jsx("p", { role: "status", className: "order-last w-full text-sm text-muted-foreground", children: configurationStatusLabel(configurationStatus.status) })) : null, onTest ? _jsx(Button, { variant: "outline", size: "sm", disabled: busy, onClick: onTest, children: testing ? '正在测试…' : '测试一次' }) : null, record.plaintextAvailable === false && onReissue ? _jsxs("div", { className: "order-last flex w-full flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [_jsx("span", { children: "\u5BC6\u94A5\u539F\u6587\u6CA1\u6709\u4FDD\u5B58\uFF0C\u4E0D\u80FD\u518D\u663E\u793A" }), _jsx(Button, { variant: "ghost", size: "sm", disabled: busy, onClick: onReissue, children: "\u91CD\u65B0\u7B7E\u53D1" })] }) : null, record.disabledAt ? _jsxs("div", { className: "order-last flex w-full items-center gap-2 text-sm text-muted-foreground", children: ["\u5DF2\u505C\u7528", onEnable ? _jsx(Button, { size: "sm", variant: "outline", disabled: busy, onClick: onEnable, children: "\u542F\u7528" }) : null] }) : null, destroyable ? confirming ? (_jsxs("div", { "data-testid": "gateway-key-destroy-confirm", className: "mt-2 shrink-0 rounded-lg border border-destructive/40 bg-destructive/5 p-3 text-xs", children: [_jsxs("p", { className: "text-foreground", children: ["\u5220\u9664\u540E\uFF0C\u6B63\u5728\u4F7F\u7528\u8FD9\u628A\u5BC6\u94A5\u7684\u5BA2\u6237\u7AEF\u4F1A\u7ACB\u5373\u5931\u6548\u3002\u5DF2\u8BB0\u5F55\u7684\u5E94\u7528\uFF1A", binding.label, "\u3002"] }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [_jsx(Button, { variant: "secondary", size: "sm", className: "h-8 text-xs", "aria-label": `确认删除 ${label}`, disabled: busy, onClick: onDestroy, children: "\u786E\u8BA4\u5220\u9664" }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-8 text-xs", "aria-label": `取消删除 ${label}`, disabled: busy, onClick: onCancelDestroy, children: "\u53D6\u6D88" })] })] })) : (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-8 shrink-0 gap-1.5 text-xs text-muted-foreground hover:text-destructive", "aria-label": `销毁 ${label}`, title: `销毁 ${label}`, disabled: busy, onClick: onRequestDestroy, children: [_jsx(Trash2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), "\u9500\u6BC1"] })) : (_jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: "\u7F3A\u5C11\u5BC6\u94A5\u6807\u8BC6\uFF0C\u65E0\u6CD5\u5728\u6B64\u9500\u6BC1" }))] }));
 }
 /** Where the credential is in effect: the client application and the device. */
 export function gatewayKeyBinding(record) {
     const appliedTo = record.appliedTo?.trim();
     if (!appliedTo)
-        return { label: '未绑定' };
+        return { label: '只复制' };
     const clientId = AI_CONNECTIONS_CLIENTS.find((candidate) => candidate === appliedTo);
     const clientLabel = clientId ? AI_CLIENT_LABELS[clientId] : appliedTo;
     const appliedOn = record.appliedOn?.trim();
     return { clientId, label: appliedOn ? `${clientLabel} · ${appliedOn}` : clientLabel };
 }
 function KeyField({ label, className, children }) {
-    return (_jsxs("div", { className: className, children: [_jsx("dt", { className: "text-[11px] leading-tight text-muted-foreground/80", children: label }), _jsx("dd", { className: "mt-0.5", children: children })] }));
+    return (_jsxs("div", { className: className, children: [_jsx("dt", { className: "text-xs leading-tight text-muted-foreground/80", children: label }), _jsx("dd", { className: "mt-0.5", children: children })] }));
 }
 function formatTimestamp(value) {
     const date = new Date(value);
     return Number.isNaN(date.getTime()) ? value : date.toLocaleString();
 }
+function configurationStatusLabel(status) {
+    switch (status) {
+        case 'drifted': return '配置被改动过';
+        case 'failedAndRestored': return '写入失败，原配置已恢复';
+        case 'unverifiable': return '已写入，还没验证';
+        case 'unavailable': return '这台电脑上找不到这个客户端，请改为只复制';
+        default: return '';
+    }
+}

package/node_modules/@undefineds.co/ai-connections/dist/AiGatewayKeysSection.d.ts

@@ -1,6 +1,6 @@
-import type { AiConnectionsClient, AiGatewayModel } from './contract/ai-connections-client';
-import { type AiClientConfigurationBridge } from './AiClientConfigurationSection';
-import { type GatewayModelSelection } from './AiGatewayModelsSection';
+import type { AiConnectionsClient, AiGatewayModel } from './contract/ai-connections-client.js';
+import { type AiClientConfigurationBridge } from './AiClientConfigurationSection.js';
+import { type GatewayModelSelection } from './AiGatewayModelsSection.js';
 /**
  * The Xpod provider page. From a coding client's point of view Xpod is just
  * another provider, so this surface shares the provider pages' components: the
@@ -8,8 +8,9 @@ import { type GatewayModelSelection } from './AiGatewayModelsSection';
  * over `AiModelCatalog`), and the same endpoint list (`AiEndpointList`) that the
  * provider pages use for their offerings' protocols.
  */
-export declare function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewayModels, modelSelection, liveRevision, }: {
+export declare function AiGatewayKeysSection({ client, onAuthorizeService, clientConfigurationBridge, gatewayModels, modelSelection, liveRevision, }: {
     client: AiConnectionsClient;
+    onAuthorizeService?: () => Promise<void>;
     clientConfigurationBridge?: AiClientConfigurationBridge;
     gatewayModels?: AiGatewayModel[];
     /** Publishes or withdraws models on the models list endpoint, from this page. */

package/node_modules/@undefineds.co/ai-connections/dist/AiGatewayKeysSection.js

@@ -1,8 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { Badge, Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, TooltipProvider, controlFocusClass, dismissToast, toast, } from '@undefineds.co/shared-ui';
+import { Badge, Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Input, NativeSelect, InlineNotice, ListSurface, SectionHeader, TooltipProvider, dismissToast, toast, } from '@undefineds.co/shared-ui';
 import { Check, Loader2, Plus, Settings2 } from 'lucide-react';
 import { AI_CONNECTIONS_CLIENTS, AI_CLIENT_LABELS, manualConfigurationText, } from './AiClientConfigurationSection.js';
+import { aiConnectionsErrorMessage } from './error-wording.js';
 import { AiCopyButton } from './AiCopyButton.js';
 import { AiEndpointList } from './AiEndpointList.js';
 import { AiProviderHeader } from './AiProviderHeader.js';
@@ -10,18 +11,13 @@ import { xpodProtocolEndpoints } from './gateway-endpoints.js';
 import { XPOD_AVATAR } from './provider-visuals.js';
 import { AiGatewayKeyRow } from './AiGatewayKeyRow.js';
 import { AiGatewayModelsSection } from './AiGatewayModelsSection.js';
-const DEFAULT_KEY_NAME = '我的 API Key';
-const CREATED_NOTIFICATION = 'API Key 已创建，请复制或应用到客户端。';
-const UNPERSISTED_COPY_MESSAGE = '这个 API Key 只在创建时可见：请销毁它，然后重新创建并立即复制或应用。';
-const UNPERSISTED_APPLY_MESSAGE = '这个 API Key 只在创建时可见：请销毁它，然后重新创建并直接应用到客户端。';
+const DEFAULT_KEY_NAME = '我的 Xpod 密钥';
+const CREATED_NOTIFICATION = 'Xpod 密钥 已创建，请复制或应用到客户端。';
+const UNPERSISTED_COPY_MESSAGE = '这个 Xpod 密钥 只在创建时可见：请销毁它，然后重新创建并立即复制或应用。';
+const UNPERSISTED_APPLY_MESSAGE = '这个 Xpod 密钥 只在创建时可见：请销毁它，然后重新创建并直接应用到客户端。';
 /** Header tooltip: what Xpod is, then how the Key itself is protected. */
-const XPOD_DESCRIPTION = '把已接入的 Provider 模型统一发布给编码客户端，兼容 OpenAI 与 Anthropic 协议。';
-const XPOD_CREDENTIAL_NOTE = 'API Key 保存在当前 Pod，由 Pod 权限保护；Xpod 不保存明文。';
-const SELECT_CLASS = [
-    'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm transition-[border-color]',
-    'disabled:cursor-not-allowed disabled:opacity-50',
-    controlFocusClass,
-].join(' ');
+const XPOD_DESCRIPTION = '把已接入的模型提供给客户端。';
+const XPOD_CREDENTIAL_NOTE = '密钥允许客户端以你的 WebID 访问整个 Pod。';
 /**
  * The Xpod provider page. From a coding client's point of view Xpod is just
  * another provider, so this surface shares the provider pages' components: the
@@ -29,8 +25,37 @@ const SELECT_CLASS = [
  * over `AiModelCatalog`), and the same endpoint list (`AiEndpointList`) that the
  * provider pages use for their offerings' protocols.
  */
-export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewayModels, modelSelection, liveRevision = 0, }) {
+export function AiGatewayKeysSection({ client, onAuthorizeService, clientConfigurationBridge, gatewayModels, modelSelection, liveRevision = 0, }) {
+    const bridge = clientConfigurationBridge?.available === false ? undefined : clientConfigurationBridge;
+    const [busyKeyId, setBusyKeyId] = useState();
+    const operation = useRef(false);
+    const verificationGeneration = useRef(0);
+    const [sessionPlans, setSessionPlans] = useState({});
+    const [testingKeyId, setTestingKeyId] = useState();
+    const [clientStatuses, setClientStatuses] = useState({});
+    useEffect(() => {
+        let active = true;
+        verificationGeneration.current += 1;
+        operation.current = false;
+        setBusyKeyId(undefined);
+        setTestingKeyId(undefined);
+        setClientStatuses({});
+        setSessionPlans({});
+        if (bridge) {
+            for (const id of AI_CONNECTIONS_CLIENTS) {
+                void bridge.inspect(id).then((status) => {
+                    if (active)
+                        setClientStatuses((current) => ({ ...current, [id]: status }));
+                }).catch(() => undefined);
+            }
+        }
+        return () => { active = false; verificationGeneration.current += 1; };
+    }, [bridge, client]);
     const [keys, setKeys] = useState([]);
+    const [confirmingKeyId, setConfirmingKeyId] = useState(undefined);
+    const [loadError, setLoadError] = useState();
+    const [serviceAccessMissing, setServiceAccessMissing] = useState(false);
+    const [authorizing, setAuthorizing] = useState(false);
     const [loading, setLoading] = useState(true);
     const [showCreate, setShowCreate] = useState(false);
     const [name, setName] = useState(DEFAULT_KEY_NAME);
@@ -42,10 +67,8 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
     const [issuedClient, setIssuedClient] = useState();
     const [appliedClient, setAppliedClient] = useState();
     const [applying, setApplying] = useState(false);
-    const [busyKeyId, setBusyKeyId] = useState();
     const [error, setError] = useState();
     const plaintexts = useRef(new Map());
-    const operation = useRef(false);
     const notification = useRef(undefined);
     const notify = useCallback((options) => {
         if (notification.current)
@@ -58,6 +81,8 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
     useEffect(() => {
         let active = true;
         setLoading(true);
+        setLoadError(undefined);
+        setServiceAccessMissing(false);
         setError(undefined);
         // The wrapper cache belongs to the session that created the keys; a new
         // client means a new session and no copy may survive it.
@@ -68,8 +93,11 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
                 setKeys(records.filter((record) => !record.revokedAt));
         })
             .catch((cause) => {
-            if (active)
-                notifyError(cause);
+            if (active) {
+                const missing = Boolean(cause && typeof cause === 'object' && 'code' in cause && cause.code === 'service_access_missing');
+                setLoadError(missing ? 'Xpod 尚未获准访问这个 Pod' : aiConnectionsErrorMessage(cause));
+                setServiceAccessMissing(missing);
+            }
         })
             .finally(() => {
             if (active)
@@ -97,6 +125,24 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
             active = false;
         };
     }, [client, liveRevision]);
+    const authorize = async () => {
+        if (!onAuthorizeService || authorizing)
+            return;
+        setAuthorizing(true);
+        try {
+            await onAuthorizeService();
+            const records = await client.listGatewayKeys();
+            setKeys(records.filter((record) => !record.revokedAt));
+            setLoadError(undefined);
+            setServiceAccessMissing(false);
+        }
+        catch (cause) {
+            setLoadError(aiConnectionsErrorMessage(cause));
+        }
+        finally {
+            setAuthorizing(false);
+        }
+    };
     const openCreate = () => {
         setError(undefined);
         setName(DEFAULT_KEY_NAME);
@@ -116,11 +162,7 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
     const create = async () => {
         const trimmedName = name.trim();
         if (!trimmedName) {
-            setError('请填写 API Key 名称。');
-            return;
-        }
-        if (!purpose) {
-            setError('请选择 API Key 的用途。');
+            setError('请填写 Xpod 密钥 名称。');
             return;
         }
         setCreating(true);
@@ -130,12 +172,12 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
                 name: trimmedName,
                 // Declared at creation: the key is for this client application, and the
                 // record carries where it is in effect.
-                appliedTo: purpose,
+                ...(purpose ? { appliedTo: purpose } : {}),
             });
             plaintexts.current.set(created.record.id, created.plaintext);
             setKeys((current) => [created.record, ...current.filter((record) => record.id !== created.record.id)]);
             setIssued(created.record);
-            setIssuedClient(purpose);
+            setIssuedClient(purpose || undefined);
             setAppliedClient(undefined);
             notify({ variant: 'success', description: CREATED_NOTIFICATION });
         }
@@ -153,7 +195,7 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
         return plaintext;
     };
     const apply = async () => {
-        if (!issued || !issuedClient || !clientConfigurationBridge)
+        if (!issued || !issuedClient || !bridge)
             return;
         setError(undefined);
         let plaintext;
@@ -166,7 +208,7 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
         }
         setApplying(true);
         try {
-            const plan = await clientConfigurationBridge.plan({
+            const plan = await bridge.plan({
                 client: issuedClient,
                 endpoint: client.apiBase,
                 ...(issuedClient === 'codex' && gatewayModels !== undefined ? {
@@ -175,7 +217,7 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
                     })),
                 } : {}),
             });
-            await clientConfigurationBridge.apply({
+            await bridge.apply({
                 client: plan.client,
                 planId: plan.planId,
                 apiKey: plaintext,
@@ -184,7 +226,9 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
                         targetHash: plan.confirmation.targetHash,
                     } } : {}),
             });
+            setSessionPlans(current => ({ ...current, [plan.client]: issued.fingerprint ? { planId: plan.planId, fingerprint: issued.fingerprint } : undefined }));
             setAppliedClient(plan.client);
+            setClientStatuses((current) => ({ ...current, [plan.client]: { status: 'unverifiable', appliedKeyFingerprint: issued.fingerprint } }));
             // The record now points at the client the wrapper was written into.
             setKeys((current) => current.map((record) => record.id === issued.id
                 ? { ...record, appliedTo: plan.client }
@@ -200,6 +244,51 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
             setApplying(false);
         }
     };
+    const verificationPlan = (record) => {
+        const clientId = AI_CONNECTIONS_CLIENTS.find(id => id === record.appliedTo);
+        if (!bridge || !clientId || record.disabledAt || !record.fingerprint)
+            return;
+        const status = clientStatuses[clientId];
+        const plan = sessionPlans[clientId];
+        if (status?.status !== 'unverifiable' || status.appliedKeyFingerprint !== record.fingerprint || plan?.fingerprint !== record.fingerprint)
+            return;
+        return { clientId, ...plan };
+    };
+    const testConfiguration = async (record) => {
+        const plan = verificationPlan(record);
+        if (!bridge || !plan || operation.current)
+            return;
+        const generation = verificationGeneration.current;
+        operation.current = true;
+        setBusyKeyId(record.id);
+        setTestingKeyId(record.id);
+        try {
+            let status = await bridge.verify({ client: plan.clientId, planId: plan.planId });
+            if (generation !== verificationGeneration.current)
+                return;
+            if (status.status === 'configured' && !status.appliedKeyFingerprint) {
+                const inspected = await bridge.inspect(plan.clientId);
+                if (generation !== verificationGeneration.current)
+                    return;
+                status = { ...status, ...inspected };
+            }
+            const fingerprint = status.appliedKeyFingerprint ?? (status.status !== 'configured' ? plan.fingerprint : undefined);
+            if (fingerprint !== plan.fingerprint)
+                throw new Error('Configuration key changed');
+            setClientStatuses(current => ({ ...current, [plan.clientId]: { ...status, appliedKeyFingerprint: fingerprint } }));
+        }
+        catch {
+            if (generation === verificationGeneration.current)
+                notify({ variant: 'destructive', description: '客户端配置测试失败，请重试。', duration: 8000 });
+        }
+        finally {
+            if (generation === verificationGeneration.current) {
+                operation.current = false;
+                setBusyKeyId(undefined);
+                setTestingKeyId(undefined);
+            }
+        }
+    };
     const destroy = async (record) => {
         if (operation.current)
             return;
@@ -224,11 +313,30 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
             setBusyKeyId(undefined);
         }
     };
-    return (_jsx(TooltipProvider, { children: _jsxs("section", { className: "space-y-8", "aria-label": "API Keys", children: [_jsx(AiProviderHeader, { name: "Xpod", mark: "XP", avatar: XPOD_AVATAR, infoLabel: "Xpod \u8BF4\u660E", infoLines: [XPOD_DESCRIPTION, XPOD_CREDENTIAL_NOTE], link: { href: client.apiBase, label: '访问 Xpod' }, badge: (_jsx(Badge, { variant: keys.length > 0 ? 'default' : 'secondary', children: keys.length > 0 ? `已签发 ${keys.length} 个` : '未配置' })) }), _jsxs("section", { className: "space-y-3", "aria-label": "\u5F53\u524D\u8FDE\u63A5", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("h3", { className: "flex items-center gap-2 text-sm font-medium text-foreground/90", children: [_jsx(Settings2, { "aria-hidden": "true", className: "h-4 w-4 text-primary" }), "\u5F53\u524D\u8FDE\u63A5"] }), _jsx("div", { className: "flex flex-wrap items-center justify-end gap-2", children: _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", "aria-label": "\u65B0\u5EFA API Key", disabled: creating || loading, onClick: openCreate, children: [_jsx(Plus, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), "API Key"] }) })] }), loading ? (_jsxs("div", { className: "flex items-center gap-2 py-6 text-sm text-muted-foreground", children: [_jsx(Loader2, { "aria-hidden": "true", className: "h-4 w-4 animate-spin" }), "\u6B63\u5728\u8BFB\u53D6 API Key"] })) : keys.length === 0 ? (_jsx("p", { className: "py-2 text-xs text-muted-foreground", children: "\u5C1A\u672A\u7B7E\u53D1 API Key" })) : (_jsx("ul", { "aria-label": "API Key \u5217\u8868", className: "rounded-xl border border-border/70", children: keys.map((record) => (_jsx(AiGatewayKeyRow, { record: record, busy: Boolean(busyKeyId), onDestroy: () => void destroy(record) }, record.id))) })), _jsxs("details", { className: "text-xs text-muted-foreground", children: [_jsx("summary", { className: "w-fit cursor-pointer", children: "\u63A5\u5165\u4FE1\u606F" }), _jsx("div", { className: "mt-2 space-y-3", children: _jsxs("section", { className: "space-y-2", "aria-labelledby": "xpod-access-info", children: [_jsx("h4", { id: "xpod-access-info", className: "text-sm font-medium text-foreground", children: "Xpod \u63A5\u5165\u4FE1\u606F" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "API Key \u662F\u7B7E\u53D1\u7ED9\u5BA2\u6237\u7AEF\u5E94\u7528\u7684 CSS \u5BA2\u6237\u7AEF\u51ED\u636E\uFF1BPod \u53EA\u8BB0\u5F55\u5B83\u7ED1\u5B9A\u5230\u54EA\u4E2A\u5BA2\u6237\u7AEF\uFF0C\u4E0D\u4FDD\u5B58 Key \u660E\u6587\u3002" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "\u540C\u4E00\u4E2A API Key \u652F\u6301\u4EE5\u4E0B\u517C\u5BB9\u534F\u8BAE\uFF0C\u6309\u5BA2\u6237\u7AEF\u9009\u62E9\u5E76\u590D\u5236\u5BF9\u5E94\u5730\u5740\uFF1A" }), _jsx(AiEndpointList, { endpoints: xpodProtocolEndpoints(client.apiBase), copy: true, display: "protocol" })] }) })] })] }), _jsx(AiGatewayModelsSection, { models: gatewayModels, selection: modelSelection }), _jsx(Dialog, { open: showCreate, onOpenChange: (open) => { if (!open && (creating || applying))
-                        return; setShowCreate(open); }, children: _jsxs(DialogContent, { className: "sm:max-w-md", "aria-describedby": undefined, children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: issued ? 'API Key 已签发' : '新建 API Key' }) }), issued && issuedClient ? (_jsxs("div", { className: "space-y-5", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsxs("p", { className: "text-sm", children: ["\u5DF2\u7B7E\u53D1\u300C", issued.name || '未命名 API Key', "\u300D\uFF0C\u7528\u9014\uFF1A", AI_CLIENT_LABELS[issuedClient], "\u3002"] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Xpod \u4E0D\u4FDD\u5B58 Key \u660E\u6587\uFF0C\u8BF7\u7ACB\u5373\u590D\u5236\u6216\u76F4\u63A5\u5E94\u7528\u5230\u5BA2\u6237\u7AEF\uFF1B\u79BB\u5F00\u672C\u6B21\u4F1A\u8BDD\u540E\u65E0\u6CD5\u518D\u6B21\u83B7\u53D6\u3002" })] }), issued.maskedHint ? (_jsx("code", { className: "block truncate rounded-md border border-border/60 bg-muted/30 px-3 py-2 font-mono text-xs text-muted-foreground", children: issued.maskedHint })) : null, !clientConfigurationBridge ? (_jsx("p", { className: "text-xs text-muted-foreground", children: "\u5F53\u524D Web \u73AF\u5883\u65E0\u6CD5\u81EA\u52A8\u5199\u5165\u5BA2\u6237\u7AEF\u914D\u7F6E\uFF0C\u8BF7\u590D\u5236\u540E\u624B\u52A8\u7C98\u8D34\uFF1B\u81EA\u52A8\u5E94\u7528\u9700\u8981\u672C\u673A\u8FDE\u63A5\u3002" })) : null, error ? _jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(AiCopyButton, { value: () => sessionPlaintext(issued, UNPERSISTED_COPY_MESSAGE), label: "API Key", text: "\u590D\u5236 API Key", disabled: applying, iconClassName: "mr-1.5 h-3.5 w-3.5", copiedIconClassName: "mr-1.5 h-3.5 w-3.5 text-emerald-600", onError: (cause) => setError(errorMessage(cause)) }), _jsx(AiCopyButton, { value: () => manualConfigurationText(issuedClient, client.apiBase, sessionPlaintext(issued, UNPERSISTED_COPY_MESSAGE)), label: `${AI_CLIENT_LABELS[issuedClient]} 配置`, text: `复制 ${AI_CLIENT_LABELS[issuedClient]} 配置`, disabled: applying, iconClassName: "mr-1.5 h-3.5 w-3.5", copiedIconClassName: "mr-1.5 h-3.5 w-3.5 text-emerald-600", onError: (cause) => setError(errorMessage(cause)) }), clientConfigurationBridge ? (appliedClient ? (_jsxs("span", { role: "status", className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(Check, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), "\u5DF2\u5E94\u7528\u5230 ", AI_CLIENT_LABELS[appliedClient]] })) : (_jsxs(Button, { type: "button", size: "sm", disabled: applying, "aria-label": `应用到 ${AI_CLIENT_LABELS[issuedClient]}`, onClick: () => void apply(), children: [applying ? _jsx(Loader2, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null, applying ? '正在应用…' : `应用到 ${AI_CLIENT_LABELS[issuedClient]}`] }))) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", disabled: applying, onClick: beginAnother, children: "\u518D\u5EFA\u4E00\u4E2A" }), _jsx(Button, { type: "button", variant: "outline", onClick: () => setShowCreate(false), children: "\u5B8C\u6210" })] })] })) : (_jsxs("form", { className: "space-y-5", onSubmit: (event) => { event.preventDefault(); if (!creating)
-                                    void create(); }, children: [_jsxs("label", { className: "block space-y-2", children: [_jsx("span", { className: "text-sm font-medium", children: "\u540D\u79F0" }), _jsx(Input, { autoFocus: true, "aria-label": "API Key \u540D\u79F0", value: name, disabled: creating, onChange: (event) => setName(event.target.value) })] }), _jsxs("label", { className: "block space-y-2", children: [_jsx("span", { className: "text-sm font-medium", children: "\u7528\u9014" }), _jsxs("select", { "aria-label": "API Key \u7528\u9014", className: SELECT_CLASS, value: purpose, disabled: creating, onChange: (event) => setPurpose(event.target.value), children: [_jsx("option", { value: "", disabled: true, children: "\u9009\u62E9\u5BA2\u6237\u7AEF\u5E94\u7528" }), AI_CONNECTIONS_CLIENTS.map((clientId) => (_jsx("option", { value: clientId, children: AI_CLIENT_LABELS[clientId] }, clientId)))] })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "\u7528\u9014\u5728\u521B\u5EFA\u65F6\u786E\u5B9A\uFF0CKey \u4F1A\u7ED1\u5B9A\u5230\u8BE5\u5BA2\u6237\u7AEF\u5E94\u7528\u3002" }), error ? _jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }) : null, _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", disabled: creating, onClick: () => setShowCreate(false), children: "\u53D6\u6D88" }), _jsxs(Button, { type: "submit", "aria-label": "\u521B\u5EFA API Key", disabled: creating || !name.trim() || !purpose, children: [creating ? _jsx(Loader2, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null, creating ? '正在创建…' : '创建 API Key'] })] })] }))] }) })] }) }));
+    return (_jsx(TooltipProvider, { children: _jsx(Dialog, { open: showCreate, onOpenChange: (open) => { if (!open && (creating || applying))
+                return; setShowCreate(open); }, children: _jsxs("section", { className: "space-y-8", "aria-label": "Xpod \u5BC6\u94A5", children: [_jsx(AiProviderHeader, { name: "Xpod", mark: "XP", avatar: XPOD_AVATAR, infoLabel: "Xpod \u8BF4\u660E", infoLines: [XPOD_DESCRIPTION, XPOD_CREDENTIAL_NOTE], link: { href: client.apiBase, label: '访问 Xpod' }, badge: (_jsx(Badge, { variant: keys.length > 0 ? 'default' : 'secondary', children: keys.length > 0 ? `已签发 ${keys.length} 个` : '未配置' })) }), _jsxs("section", { className: "space-y-3", "aria-label": "\u5F53\u524D\u8FDE\u63A5", children: [_jsx(SectionHeader, { level: 3, title: _jsxs(_Fragment, { children: [_jsx(Settings2, { "aria-hidden": "true", className: "h-4 w-4 text-primary" }), "\u5F53\u524D\u8FDE\u63A5"] }), titleClassName: "flex items-center gap-2 font-medium text-foreground/90", actions: (_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", "aria-label": "\u65B0\u5EFA Xpod \u5BC6\u94A5", disabled: creating || loading, onClick: openCreate, children: [_jsx(Plus, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), "Xpod \u5BC6\u94A5"] }) })) }), loadError ? _jsx(InlineNotice, { tone: "destructive", role: "alert", action: serviceAccessMissing && onAuthorizeService ? _jsx(Button, { size: "sm", disabled: authorizing, onClick: () => void authorize(), children: authorizing ? '正在授权…' : '允许 Xpod 访问' }) : undefined, children: loadError }) : null, loading ? (_jsxs("div", { className: "flex items-center gap-2 py-6 text-sm text-muted-foreground", children: [_jsx(Loader2, { "aria-hidden": "true", className: "h-4 w-4 animate-spin" }), "\u6B63\u5728\u8BFB\u53D6 Xpod \u5BC6\u94A5"] })) : loadError ? null : keys.length === 0 ? (_jsx("p", { className: "py-2 text-xs text-muted-foreground", children: "\u5C1A\u672A\u7B7E\u53D1 Xpod \u5BC6\u94A5" })) : (_jsx(ListSurface, { asChild: true, className: "divide-y-0 border-border/70 bg-transparent", children: _jsx("ul", { "aria-label": "Xpod \u5BC6\u94A5 \u5217\u8868", children: keys.map((record) => (_jsx(AiGatewayKeyRow, { record: record, busy: Boolean(busyKeyId), confirming: confirmingKeyId === record.id, configurationStatus: record.appliedTo && AI_CONNECTIONS_CLIENTS.includes(record.appliedTo)
+                                            ? clientStatuses[record.appliedTo] : undefined, onTest: verificationPlan(record) ? () => void testConfiguration(record) : undefined, testing: testingKeyId === record.id, onEnable: () => {
+                                            if (operation.current)
+                                                return;
+                                            operation.current = true;
+                                            setBusyKeyId(record.id);
+                                            void client.updateGatewayKey(record.id, { enabled: true }).then((updated) => {
+                                                setKeys((current) => current.map((item) => item.id === record.id ? updated : item));
+                                            }).catch(notifyError).finally(() => { operation.current = false; setBusyKeyId(undefined); });
+                                        }, onReissue: () => {
+                                            beginAnother();
+                                            setName(record.name ?? DEFAULT_KEY_NAME);
+                                            setPurpose(AI_CONNECTIONS_CLIENTS.find((id) => id === record.appliedTo) ?? '');
+                                            setShowCreate(true);
+                                        }, onRequestDestroy: () => setConfirmingKeyId(record.id), onCancelDestroy: () => setConfirmingKeyId((current) => (current === record.id ? undefined : current)), onDestroy: () => {
+                                            setConfirmingKeyId(undefined);
+                                            void destroy(record);
+                                        } }, record.id))) }) }))] }), _jsx(AiGatewayModelsSection, { models: gatewayModels, selection: modelSelection }), _jsxs(DialogContent, { className: "sm:max-w-md", "aria-describedby": undefined, children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: issued ? 'Xpod 密钥 已签发' : '新建 Xpod 密钥' }) }), issued ? (_jsxs("div", { className: "space-y-5", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsxs("p", { className: "text-sm", children: ["\u5DF2\u7B7E\u53D1\u300C", issued.name || '未命名 Xpod 密钥', "\u300D\uFF0C\u7528\u9014\uFF1A", issuedClient ? AI_CLIENT_LABELS[issuedClient] : '只复制', "\u3002"] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "\u5BC6\u94A5\u53EA\u663E\u793A\u8FD9\u4E00\u6B21\uFF0C\u8BF7\u7ACB\u5373\u590D\u5236\u3002\u8303\u56F4\uFF1A\u6574\u4E2A Pod\u3002" })] }), issued.maskedHint ? (_jsx("code", { className: "block truncate rounded-md border border-border/60 bg-muted/30 px-3 py-2 font-mono text-xs text-muted-foreground", children: issued.maskedHint })) : null, _jsx(AiEndpointList, { endpoints: xpodProtocolEndpoints(client.apiBase), copy: true, display: "protocol" }), !bridge ? (_jsx("p", { className: "text-xs text-muted-foreground", children: "\u5F53\u524D Web \u73AF\u5883\u65E0\u6CD5\u81EA\u52A8\u5199\u5165\u5BA2\u6237\u7AEF\u914D\u7F6E\uFF0C\u8BF7\u590D\u5236\u540E\u624B\u52A8\u7C98\u8D34\uFF1B\u81EA\u52A8\u5E94\u7528\u9700\u8981\u672C\u673A\u8FDE\u63A5\u3002" })) : null, error ? _jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(AiCopyButton, { value: () => sessionPlaintext(issued, UNPERSISTED_COPY_MESSAGE), label: "Xpod \u5BC6\u94A5", text: "\u590D\u5236 Xpod \u5BC6\u94A5", disabled: applying, iconClassName: "mr-1.5 h-3.5 w-3.5", copiedIconClassName: "mr-1.5 h-3.5 w-3.5 text-emerald-600", onError: (cause) => setError(errorMessage(cause)) }), issuedClient ? _jsx(AiCopyButton, { value: () => manualConfigurationText(issuedClient, client.apiBase, sessionPlaintext(issued, UNPERSISTED_COPY_MESSAGE)), label: `${AI_CLIENT_LABELS[issuedClient]} 配置`, text: `复制 ${AI_CLIENT_LABELS[issuedClient]} 配置`, disabled: applying, iconClassName: "mr-1.5 h-3.5 w-3.5", copiedIconClassName: "mr-1.5 h-3.5 w-3.5 text-emerald-600", onError: (cause) => setError(errorMessage(cause)) }) : null, bridge && issuedClient ? (appliedClient ? (_jsxs("span", { role: "status", className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(Check, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), "\u5DF2\u5E94\u7528\u5230 ", AI_CLIENT_LABELS[appliedClient]] })) : (_jsxs(Button, { type: "button", size: "sm", disabled: applying || clientStatuses[issuedClient]?.status === 'unavailable', "aria-label": `写入 ${AI_CLIENT_LABELS[issuedClient]}`, onClick: () => void apply(), children: [applying ? _jsx(Loader2, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null, applying ? '正在应用…' : `写入 ${AI_CLIENT_LABELS[issuedClient]}`] }))) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", disabled: applying, onClick: beginAnother, children: "\u518D\u5EFA\u4E00\u4E2A" }), _jsx(Button, { type: "button", variant: "outline", onClick: () => setShowCreate(false), children: "\u5B8C\u6210" })] })] })) : (_jsxs("form", { className: "space-y-5", onSubmit: (event) => { event.preventDefault(); if (!creating)
+                                    void create(); }, children: [_jsxs("label", { className: "block space-y-2", children: [_jsx("span", { className: "text-sm font-medium", children: "\u540D\u79F0" }), _jsx(Input, { autoFocus: true, "aria-label": "Xpod \u5BC6\u94A5 \u540D\u79F0", value: name, disabled: creating, onChange: (event) => setName(event.target.value) })] }), _jsxs("label", { className: "block space-y-2", children: [_jsx("span", { className: "text-sm font-medium", children: "\u7ED9\u54EA\u4E2A\u5BA2\u6237\u7AEF\u7528" }), _jsxs(NativeSelect, { "aria-label": "Xpod \u5BC6\u94A5 \u7528\u9014", value: purpose, disabled: creating, onChange: (event) => setPurpose(event.target.value), children: [_jsx("option", { value: "", children: "\u4E0D\u5199\u5165\uFF0C\u53EA\u590D\u5236" }), AI_CONNECTIONS_CLIENTS.map((clientId) => (_jsxs("option", { value: clientId, children: [AI_CLIENT_LABELS[clientId], bridge ? (clientStatuses[clientId]?.status === 'unavailable' ? ' · 未安装' : clientStatuses[clientId] ? ' · 可配置' : ' · 检测中') : ' · 只复制配置'] }, clientId)))] })] }), _jsx("p", { className: "text-xs leading-normal text-muted-foreground", children: "\u5BA2\u6237\u7AEF\u9ED8\u8BA4\u8DDF\u968F Pod \u7684\u667A\u80FD\u6A21\u578B\u3002" }), error ? _jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }) : null, _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", disabled: creating, onClick: () => setShowCreate(false), children: "\u53D6\u6D88" }), _jsxs(Button, { type: "submit", "aria-label": "\u521B\u5EFA Xpod \u5BC6\u94A5", disabled: creating || !name.trim(), children: [creating ? _jsx(Loader2, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null, creating ? '正在创建…' : '创建 Xpod 密钥'] })] })] }))] })] }) }) }));
 }
 function errorMessage(error) {
+    if (error && typeof error === 'object' && 'code' in error && error.code === 'verification_failed_restored')
+        return '写入失败，原配置已恢复';
     const message = error instanceof Error ? error.message.trim() : '';
     if (/failed to fetch|networkerror|load failed/i.test(message)) {
         return '无法连接配置服务，请检查连接后重试。';
@@ -240,7 +348,7 @@ function errorMessage(error) {
         return '配置文件写入后的本地检查未通过，请检查文件内容和权限后重试。';
     }
     if (!message || /^(?:AI Connection |AI client configuration )?request failed(?:\. Please try again\.)?$/i.test(message)) {
-        return 'API Key 操作失败，请重试。';
+        return 'Xpod 密钥 操作失败，请重试。';
     }
     return message;
 }

package/node_modules/@undefineds.co/ai-connections/dist/AiGatewayModelsSection.d.ts

@@ -1,4 +1,4 @@
-import type { AiGatewayModel } from './contract/ai-connections-client';
+import type { AiGatewayModel } from './contract/ai-connections-client.js';
 /**
  * What the gateway list shares with the provider pages.
  *

package/node_modules/@undefineds.co/ai-connections/dist/AiGatewayModelsSection.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
-import { Badge } from '@undefineds.co/shared-ui';
+import { Badge, EmptyState } from '@undefineds.co/shared-ui';
 import { Box } from 'lucide-react';
-import { AiModelEmptyPanel, AiModelSearchInput, AiModelRow, modelIconTokens, withCatalogModelId, } from './AiModelCatalog.js';
+import { AiModelSearchInput, AiModelRow, modelIconTokens, withCatalogModelId, } from './AiModelCatalog.js';
 /**
  * The catalog the Gateway publishes to clients (`/v1/models`), switched with the
  * same row the provider pages use: 停用 withdraws a model from the models list
@@ -19,9 +19,9 @@ export function AiGatewayModelsSection({ models, selection }) {
     const publishedCount = selection
         ? catalog.filter((model) => selection.isSelected(model)).length
         : catalog.length;
-    return (_jsxs("section", { className: "space-y-8", "aria-label": "\u53EF\u7528\u6A21\u578B", children: [_jsxs("div", { "data-testid": "gateway-models-header", className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [_jsxs("h3", { className: "flex items-center gap-2 text-sm font-medium text-foreground/90", children: [_jsx(Box, { "aria-hidden": "true", className: "h-4 w-4 text-primary" }), "\u53EF\u7528\u6A21\u578B"] }), _jsx("span", { className: "text-xs text-muted-foreground", children: selection
+    return (_jsxs("section", { className: "space-y-8", "aria-label": "\u53EF\u7528\u6A21\u578B", children: [_jsxs("div", { "data-testid": "gateway-models-header", className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [_jsxs("h3", { className: "flex items-center gap-2 text-sm font-medium leading-normal text-foreground/90", children: [_jsx(Box, { "aria-hidden": "true", className: "h-4 w-4 text-primary" }), "\u53EF\u7528\u6A21\u578B"] }), _jsx("span", { className: "text-xs leading-normal text-muted-foreground", children: selection
                                     ? `共 ${catalog.length} · 已发布 ${publishedCount} · 已失效 ${unavailableCount}`
-                                    : `共 ${catalog.length} · 已失效 ${unavailableCount}` }), _jsx("span", { className: "text-xs text-muted-foreground", children: "Xpod \u5F53\u524D\u53D1\u5E03\u7684\u6A21\u578B" })] }), _jsx(AiModelSearchInput, { value: search, onChange: setSearch })] }), models === undefined ? (_jsx(AiModelEmptyPanel, { children: "Xpod \u6A21\u578B\u76EE\u5F55\u5C1A\u672A\u5C31\u7EEA" })) : catalog.length === 0 ? (_jsx(AiModelEmptyPanel, { children: "\u6682\u65E0\u53EF\u7528\u6A21\u578B" })) : visibleModels.length === 0 ? (_jsx(AiModelEmptyPanel, { children: "\u672A\u627E\u5230\u5339\u914D\u7684\u6A21\u578B" })) : (_jsx("div", { className: "grid gap-2", children: visibleModels.map((model) => (_jsx(AiModelRow, { label: model.displayName ?? model.id, modelId: model.id, iconTokens: model.iconTokens, enabled: selection?.isSelected(model) ?? false, toggleDisabled: selection?.disabled, onToggle: selection ? () => selection.toggle(model) : undefined, unavailable: model.availability === 'unavailable', badges: (_jsxs(_Fragment, { children: [model.custom ? _jsx(Badge, { variant: "outline", className: "shrink-0 text-[10px] font-normal", children: "\u624B\u5DE5" }) : null, model.availability === 'unavailable' ? (_jsx(Badge, { variant: "destructive", className: "shrink-0 text-[10px] font-normal", children: "\u5DF2\u5931\u6548" })) : null] })) }, model.key))) }))] }));
+                                    : `共 ${catalog.length} · 已失效 ${unavailableCount}` }), _jsx("span", { className: "text-xs leading-normal text-muted-foreground", children: "Xpod \u5F53\u524D\u53D1\u5E03\u7684\u6A21\u578B" })] }), _jsx(AiModelSearchInput, { value: search, onChange: setSearch })] }), models === undefined ? (_jsx(EmptyState, { description: "Xpod \u6A21\u578B\u76EE\u5F55\u5C1A\u672A\u5C31\u7EEA" })) : catalog.length === 0 ? (_jsx(EmptyState, { description: "\u6682\u65E0\u53EF\u7528\u6A21\u578B" })) : visibleModels.length === 0 ? (_jsx(EmptyState, { description: "\u672A\u627E\u5230\u5339\u914D\u7684\u6A21\u578B" })) : (_jsx("div", { className: "grid gap-2", children: visibleModels.map((model) => (_jsx(AiModelRow, { label: model.displayName ?? model.id, modelId: model.id, iconTokens: model.iconTokens, enabled: selection?.isSelected(model) ?? false, toggleDisabled: selection?.disabled, onToggle: selection ? () => selection.toggle(model) : undefined, unavailable: model.availability === 'unavailable', badges: (_jsxs(_Fragment, { children: [model.custom ? _jsx(Badge, { variant: "outline", className: "shrink-0 text-[10px] font-normal", children: "\u624B\u5DE5" }) : null, model.availability === 'unavailable' ? (_jsx(Badge, { variant: "destructive", className: "shrink-0 text-[10px] font-normal", children: "\u5DF2\u5931\u6548" })) : null] })) }, model.key))) }))] }));
 }
 /**
  * One gateway model can be published once per credential/offering, so the

package/node_modules/@undefineds.co/ai-connections/dist/AiModelCatalog.d.ts

@@ -1,3 +1,4 @@
+import { type AIModelClass } from '@undefineds.co/models';
 import { type ReactNode } from 'react';
 /**
  * Presentation of a model catalog, shared by the provider pages and the Xpod
@@ -131,11 +132,6 @@ export declare function AiModelSearchInput({ value, onChange }: {
     value: string;
     onChange: (value: string) => void;
 }): import("react").JSX.Element;
-/** Inline placeholder used when a model list has nothing to show. */
-export declare function AiModelEmptyPanel({ tone, children }: {
-    tone?: 'destructive';
-    children: ReactNode;
-}): import("react").JSX.Element;
 /**
  * One model row, as every list of models renders it.
  *
@@ -173,3 +169,13 @@ export declare function AiModelTile({ label, modelId, iconTokens, badges, leadin
     selected?: boolean;
     unavailable?: boolean;
 }): import("react").JSX.Element;
+export declare const MODEL_CLASS_LABELS: Record<AIModelClass, string>;
+export declare function catalogModelClass(model: {
+    modelType?: string;
+    capabilities?: readonly string[];
+}): AIModelClass;
+export declare function AiModelClassTabs({ classes, selected, onChange }: {
+    classes: AIModelClass[];
+    selected: AIModelClass;
+    onChange(value: AIModelClass): void;
+}): import("react").JSX.Element;

package/node_modules/@undefineds.co/ai-connections/dist/AiModelCatalog.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, } from '@undefineds.co/shared-ui';
-import { AudioLines, Box, Boxes, Brain, FileText, Globe, Image as ImageIcon, Pause, Pencil, Play, Search, Trash2, Video, Zap, } from 'lucide-react';
+import { AI_MODEL_CLASS } from '@undefineds.co/models';
+import { SearchInput, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, } from '@undefineds.co/shared-ui';
+import { AudioLines, Box, Boxes, Brain, FileText, Globe, Image as ImageIcon, Pause, Pencil, Play, Trash2, Video, Zap, } from 'lucide-react';
 import { AiCopyButton } from './AiCopyButton.js';
 import { AiRowAction } from './AiRowAction.js';
 /**
@@ -103,11 +104,7 @@ export function AiModelEnableToggle({ enabled, disabled = false, label, onToggle
 }
 /** Magnifier-prefixed model search, sat on the right of a model list header. */
 export function AiModelSearchInput({ value, onChange }) {
-    return (_jsxs("div", { className: "relative w-full sm:w-auto", children: [_jsx(Search, { "aria-hidden": "true", className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: value, onChange: (event) => onChange(event.target.value), placeholder: "\u641C\u7D22\u6A21\u578B...", className: "h-8 w-full bg-background pl-8 text-xs sm:w-[232px]", autoComplete: "off", "data-lpignore": "true", "data-1p-ignore": true })] }));
-}
-/** Inline placeholder used when a model list has nothing to show. */
-export function AiModelEmptyPanel({ tone, children }) {
-    return (_jsx("div", { className: "flex items-center gap-2 py-6 text-sm text-muted-foreground", children: tone === 'destructive' ? _jsx("p", { className: "text-destructive", children: children }) : children }));
+    return (_jsx("div", { className: "relative w-full sm:w-auto", children: _jsx(SearchInput, { "aria-label": "\u641C\u7D22\u6A21\u578B", value: value, onChange: (event) => onChange(event.target.value), placeholder: "\u641C\u7D22\u6A21\u578B", className: "sm:w-[232px]", autoComplete: "off", "data-lpignore": "true", "data-1p-ignore": true }) }));
 }
 /**
  * One model row, as every list of models renders it.
@@ -131,3 +128,15 @@ export function AiModelRow({ label, modelId, iconTokens = [], enabled, toggleDis
 export function AiModelTile({ label, modelId, iconTokens = [], badges, leading, actions, selected = false, unavailable = false, }) {
     return (_jsxs("div", { className: cn('group flex items-center gap-3 rounded-lg border bg-card p-3 transition-all duration-200 hover:border-border/60 hover:bg-accent/30', selected ? 'border-primary/40 bg-primary/[0.03]' : 'border-border/40', unavailable && 'opacity-75'), children: [leading, _jsx("div", { className: "shrink-0 rounded bg-muted/50 p-2 text-muted-foreground transition-colors group-hover:text-primary", children: _jsx(Box, { "aria-hidden": "true", className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground/90", children: label }), _jsx("div", { className: "flex items-center gap-1", children: iconTokens.map((token) => _jsx(CapabilityIcon, { type: token }, token)) }), badges] }), modelId && modelId !== label ? (_jsxs("div", { className: "mt-0.5 flex items-center gap-1.5", children: [_jsx("code", { className: "max-w-[300px] truncate font-mono text-[10px] text-muted-foreground opacity-70", children: modelId }), _jsx(AiCopyButton, { value: modelId, label: `${label} ID`, title: "\u590D\u5236 ID", variant: "ghost", size: "icon", className: "h-4 w-4 rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-foreground group-hover:opacity-100 group-focus-within:opacity-100 focus:opacity-100", iconClassName: "h-3 w-3", copiedIconClassName: "text-primary" })] })) : null] }), actions] }));
 }
+export const MODEL_CLASS_LABELS = {
+    chat: '对话', embedding: '向量', document_understanding: '文档理解', reranking: '重排',
+    speech_synthesis: '语音合成', speech_recognition: '语音识别', image_generation: '图像生成', video_generation: '视频生成',
+};
+export function catalogModelClass(model) {
+    if (model.modelType && model.modelType in AI_MODEL_CLASS)
+        return model.modelType;
+    return Object.keys(AI_MODEL_CLASS).find((kind) => kind !== 'chat' && model.capabilities?.includes(kind)) ?? 'chat';
+}
+export function AiModelClassTabs({ classes, selected, onChange }) {
+    return _jsxs("div", { role: "tablist", "aria-label": "\u6A21\u578B\u7C7B\u578B", className: "flex flex-wrap gap-2", children: [classes.map((kind) => _jsx("button", { type: "button", role: "tab", "aria-selected": kind === selected, onClick: () => onChange(kind), className: cn('rounded-md px-3 py-2 text-sm', kind === selected ? 'bg-accent text-accent-foreground' : 'text-muted-foreground'), children: MODEL_CLASS_LABELS[kind] }, kind)), _jsx("span", { className: "px-3 py-2 text-xs text-muted-foreground", children: "\u51B3\u7B56 \u00B7 \u5F85\u63A5\u5165" })] });
+}

package/node_modules/@undefineds.co/ai-connections/dist/AiOfferingDetails.d.ts

@@ -1,4 +1,4 @@
-import type { AiProviderAuthorizationMethod, AiProviderOffering } from './contract/ai-connections-client';
+import type { AiProviderAuthorizationMethod, AiProviderOffering } from './contract/ai-connections-client.js';
 export declare function AiOfferingDetails({ offering, methods }: {
     offering: AiProviderOffering;
     methods?: AiProviderAuthorizationMethod[];

package/node_modules/@undefineds.co/ai-connections/dist/AiOfferingDetails.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { authMethodLabel, offeringKindLabel, offeringTitle } from './offering-label.js';
+import { authMethodLabel, offeringKindLabel, offeringTitle, offeringUnavailableMessage } from './offering-label.js';
 import { authorizationMethodsForOffering } from './authorization-methods.js';
 import { AiEndpointList } from './AiEndpointList.js';
 export function AiOfferingDetails({ offering, methods }) {
@@ -7,9 +7,7 @@ export function AiOfferingDetails({ offering, methods }) {
     const title = offeringTitle(offering);
     const kindLabel = offering.kind ? offeringKindLabel(offering.kind) : undefined;
     const subtitle = kindLabel && kindLabel !== title ? [kindLabel] : [];
-    return (_jsxs("section", { className: "space-y-2", "aria-labelledby": `offering-${offering.id}`, children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h4", { id: `offering-${offering.id}`, className: "text-sm font-medium text-foreground", children: title }), subtitle.length ? (_jsx("div", { className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground", children: subtitle.map((part) => _jsx("span", { children: part }, part)) })) : null] }), _jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-3 gap-y-1 text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: authMethodLabel(offering, methods) }), offering.consoleUrl ? _jsx(OfferingLink, { href: offering.consoleUrl, label: "\u63A7\u5236\u53F0" }) : null, offering.subscriptionUrl ? _jsx(OfferingLink, { href: offering.subscriptionUrl, label: "\u8BA2\u9605\u4E0E\u8D26\u5355" }) : null, offering.quota?.url ? _jsx(OfferingLink, { href: offering.quota.url, label: "\u989D\u5EA6\u4E0E\u7528\u91CF" }) : null, offering.usagePolicyUrl ? _jsx(OfferingLink, { href: offering.usagePolicyUrl, label: "\u4F7F\u7528\u653F\u7B56" }) : null] })] }), offering.lifecycle === 'unavailable' && !authorizationMethodsForOffering(offering).some((method) => method.lifecycle === 'active') ? (_jsx("p", { className: "text-xs text-muted-foreground", children: offering.kind === 'oauth-subscription'
-                    ? '暂不可用：账号订阅需在 Xpod 桌面版中导入本机客户端（如 Codex CLI）的登录态，浏览器中无法完成。'
-                    : '暂不可用：该接入方式尚未提供可用的连接流程。' })) : null, endpoints.length ? _jsx(AiEndpointList, { endpoints: endpoints }) : null] }));
+    return (_jsxs("section", { className: "space-y-2", "aria-labelledby": `offering-${offering.id}`, children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h4", { id: `offering-${offering.id}`, className: "text-sm font-medium text-foreground", children: title }), subtitle.length ? (_jsx("div", { className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground", children: subtitle.map((part) => _jsx("span", { children: part }, part)) })) : null] }), _jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-3 gap-y-1 text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: authMethodLabel(offering, methods) }), offering.consoleUrl ? _jsx(OfferingLink, { href: offering.consoleUrl, label: "\u63A7\u5236\u53F0" }) : null, offering.subscriptionUrl ? _jsx(OfferingLink, { href: offering.subscriptionUrl, label: "\u8BA2\u9605\u4E0E\u8D26\u5355" }) : null, offering.quota?.url ? _jsx(OfferingLink, { href: offering.quota.url, label: "\u989D\u5EA6\u4E0E\u7528\u91CF" }) : null, offering.usagePolicyUrl ? _jsx(OfferingLink, { href: offering.usagePolicyUrl, label: "\u4F7F\u7528\u653F\u7B56" }) : null] })] }), offering.lifecycle === 'unavailable' && !authorizationMethodsForOffering(offering).some((method) => method.lifecycle === 'active') ? (_jsx("p", { className: "text-xs text-muted-foreground", children: offeringUnavailableMessage(offering) })) : null, endpoints.length ? _jsx(AiEndpointList, { endpoints: endpoints }) : null] }));
 }
 function OfferingLink({ href, label }) {
     return _jsx("a", { href: href, target: "_blank", rel: "noreferrer", className: "text-primary hover:underline", children: label });

package/node_modules/@undefineds.co/ai-connections/dist/AiProviderCard.d.ts

@@ -1,7 +1,7 @@
-import type { AiConnectAttempt, AiConnectionsMode, AiGatewayModel, AiProviderCredentialSummary, AiProviderAuthorizationMethod, AiProviderOffering, AiProviderSummary } from './contract/ai-connections-client';
-import { type AiOfferingActionError, type AiOfferingQuotaState } from './AiCredentialPoolSection';
-export type { AiProviderDefinition } from './controller';
-import type { AiProviderDefinition } from './controller';
+import type { AiConnectAttempt, AiConnectionsMode, AiGatewayModel, AiProviderCredentialSummary, AiProviderAuthorizationMethod, AiProviderOffering, AiProviderSummary } from './contract/ai-connections-client.js';
+import { type AiOfferingActionError, type AiOfferingQuotaState } from './AiCredentialPoolSection.js';
+export type { AiProviderDefinition } from './controller.js';
+import type { AiProviderDefinition } from './controller.js';
 export type ProviderConnectionState = 'unknown' | 'pending' | 'configured' | 'connected' | 'disconnected' | 'reauthRequired' | 'failed';
 export declare function AiProviderCard({ definition, product, status, accountLabel, attempt, attemptOfferingId, apiKey, baseUrl, busy, disabled, error, quotas, models, verifyPending, onApiKeyChange, onBaseUrlChange, onBeginApiKey, onBeginOffering, onCancelConnect, onBeginBrowser, onSaveApiKey, onDisconnect, onCreateApiKeyCredential, onCreateLocalCredential, onUpdateCredential, onDeleteCredential, onTestCredential, onReorderCredentials, onRefreshQuota, onVerify, onAddModel, onEditModel, onDeleteModel, selectedModelIds, modelSelectionStatus, onModelSelectionChange, onDismissError, }: {
     definition: AiProviderDefinition;
@@ -35,6 +35,7 @@ export declare function AiProviderCard({ definition, product, status, accountLab
     }) => Promise<void>;
     onCreateLocalCredential?: (offering: AiProviderOffering, method?: AiProviderAuthorizationMethod) => Promise<void>;
     onUpdateCredential?: (credential: AiProviderCredentialSummary, patch: {
+        apiKey?: string;
         label?: string;
         enabled?: boolean;
         priority?: number;