@undefineds.co/xpod 0.4.11 → 0.4.12

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, TooltipProvider } from '@undefineds.co/shared-ui';
 import { ExternalLink, Plus, Settings2 } from 'lucide-react';
 import { offeringTitle } from './offering-label.js';
-import { authorizationMethodsForOffering, isApiKeyMethod, isLocalMethod, isOAuthMethod, isOAuthMode, isPendingAttempt, } from './authorization-methods.js';
+import { authorizationMethodsForOffering, connectEntryRank, isApiKeyMethod, isBrowserConnectMethod, isLocalMethod, isOAuthMethod, isOAuthMode, isPendingAttempt, } from './authorization-methods.js';
 import { credentialDisplayLabel, maskAccountLabel } from './credential-labels.js';
 import { AiQuotaCard } from './AiQuotaCard.js';
 import { AiAuthorizationActions } from './AiAuthorizationActions.js';
@@ -25,7 +25,56 @@ export function AiCredentialPoolSection({ definition, product, status, accountLa
         }];
     const credentials = product?.credentials ?? [];
     const offerings = product?.offerings.length ? product.offerings : fallbackOfferings;
-    const apiOfferings = offerings.filter((offering) => authorizationMethodsForOffering(offering).some((method) => method.lifecycle === 'active' && isApiKeyMethod(method)));
+    /**
+     * The connect entries ARE the offerings' authorization methods, rendered as
+     * ONE ordered list.
+     *
+     * Two of them are actions of the page rather than of a single offering: the
+     * key entry (the dialog already lists every offering that accepts a key) and
+     * the console entry (every offering of a provider opens the same console, so
+     * four offerings declaring it stay one button). Everything else keeps its
+     * offering, because the click has to name which authorization it starts.
+     *
+     * The order comes from the method kind alone (`connectEntryRank`), so the
+     * toolbar reads the same on every provider - browser sign-in, device code,
+     * local login state, key - and no provider can reorder it. The console entry
+     * also yields to an entry that already carries its label: an offering's own
+     * browser login names that action, and two buttons with one name would be two
+     * claims about the same click.
+     */
+    const offeringMethods = offerings.map((offering) => ({
+        offering,
+        methods: authorizationMethodsForOffering(offering),
+    }));
+    const apiOfferings = offeringMethods
+        .filter((entry) => entry.methods.some((method) => method.lifecycle === 'active' && isApiKeyMethod(method)))
+        .map((entry) => entry.offering);
+    const apiKeyMethod = offeringMethods
+        .flatMap((entry) => entry.methods)
+        .find((method) => isApiKeyMethod(method) && !isBrowserConnectMethod(method) && method.lifecycle === 'active' && method.label)
+        ?? offeringMethods.flatMap((entry) => entry.methods)
+            .find((method) => isApiKeyMethod(method) && !isBrowserConnectMethod(method) && method.label);
+    const authorizationEntries = offeringMethods.flatMap((entry) => entry.methods
+        .filter((method) => method.label && (isOAuthMethod(method) || isLocalMethod(method)))
+        .map((method) => ({ offering: entry.offering, method })));
+    const consoleMethod = offeringMethods
+        .flatMap((entry) => entry.methods)
+        .find((method) => isBrowserConnectMethod(method) && method.lifecycle === 'active' && method.label)
+        ?? offeringMethods.flatMap((entry) => entry.methods)
+            .find((method) => isBrowserConnectMethod(method) && method.label);
+    const consoleEntry = consoleMethod?.label
+        && !authorizationEntries.some((entry) => entry.method.label === consoleMethod.label)
+        ? consoleMethod
+        : undefined;
+    const connectEntries = [
+        ...authorizationEntries.map((entry) => ({
+            key: `${entry.offering.id}:${entry.method.id}`,
+            rank: connectEntryRank(entry.method),
+            authorization: entry,
+        })),
+        ...(consoleEntry ? [{ key: 'console-login', rank: connectEntryRank(consoleEntry), consoleMethod: consoleEntry }] : []),
+        ...(apiKeyMethod ? [{ key: 'api-key', rank: connectEntryRank(apiKeyMethod), apiKeyMethod }] : []),
+    ].sort((left, right) => left.rank - right.rank);
     const authorizationPending = isPendingAttempt(attempt) && isOAuthMode(attempt?.mode);
     const orderedCredentials = [...credentials].sort((a, b) => a.priority - b.priority);
     const quotaBusy = credentials.some((credential) => quotas[credential.id]?.busy);
@@ -36,13 +85,18 @@ export function AiCredentialPoolSection({ definition, product, status, accountLa
         onBeginBrowser,
         onCreateLocalCredential,
     });
-    return (_jsx(TooltipProvider, { children: _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, { className: "h-4 w-4 text-primary" }), "\u5F53\u524D\u8FDE\u63A5"] }), _jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [credentials.length > 1 ? (_jsx(Button, { variant: "ghost", size: "sm", "aria-label": `刷新全部 ${definition.name}额度`, disabled: disabled || quotaBusy || !credentials.some((c) => c.enabled) || !onRefreshQuota, onClick: () => offerings.forEach((offering) => onRefreshQuota?.(offering)), children: quotaBusy ? '查询中' : '刷新全部额度' })) : null, offerings.map((offering) => {
-                                    const methods = authorizationMethodsForOffering(offering).filter((method) => method.lifecycle === 'active' && (isOAuthMethod(method) || isLocalMethod(method)));
-                                    if (!methods.length)
-                                        return null;
-                                    return _jsx("div", { role: "group", "aria-label": `${offeringTitle(offering)}快捷接入`, children: _jsx(AiAuthorizationActions, { methods: methods, offering: offering, hasCredentials: credentials.some((credential) => credential.offeringId === offering.id), busy: busy || dialog.saving, disabled: disabled || authorizationPending, onBeginOffering: onBeginOffering ? dialog.beginAuthorization : undefined, onCreateLocalCredential: onCreateLocalCredential ? dialog.beginLocal : undefined }) }, offering.id);
-                                }), apiOfferings.length > 0 && !offerings.some((offering) => authorizationMethodsForOffering(offering).some((method) => method.lifecycle === 'active' && (isOAuthMethod(method) || isLocalMethod(method))))
-                                    && definition.browserMode === 'browserAssistedApiKey' ? (_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", "aria-label": `${definition.name} 登录`, disabled: busy || dialog.saving || disabled || authorizationPending, onClick: dialog.beginBrowser, children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5" }), definition.browserLabel] })) : null, apiOfferings.length > 0 ? (_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", "aria-label": "\u65B0\u5EFA API Key \u8FDE\u63A5", disabled: busy || dialog.saving || disabled || authorizationPending || (!product && status === 'pending' && !attempt), onClick: dialog.beginApiKey, children: [_jsx(Plus, { className: "h-3.5 w-3.5" }), "API Key"] })) : null] })] }), _jsxs("div", { "aria-label": "\u51ED\u636E\u5217\u8868", className: "space-y-2", children: [_jsx(AiSortableCredentialList, { credentials: orderedCredentials, disabled: busy || disabled, onMove: onReorderCredentials ? (from, to) => {
+    return (_jsx(TooltipProvider, { children: _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"] }), _jsxs("div", { "data-testid": "provider-connect-actions", className: "flex flex-wrap items-center justify-end gap-2", children: [credentials.length > 1 ? (_jsx(Button, { variant: "ghost", size: "sm", "aria-label": `刷新全部 ${definition.name}额度`, disabled: disabled || quotaBusy || !credentials.some((c) => c.enabled) || !onRefreshQuota, onClick: () => offerings.forEach((offering) => onRefreshQuota?.(offering)), children: quotaBusy ? '查询中' : '刷新全部额度' })) : null, connectEntries.map((item) => {
+                                    if ('authorization' in item) {
+                                        return (_jsx("fieldset", { className: "m-0 min-w-0 border-0 p-0", "aria-label": `${offeringTitle(item.authorization.offering)}快捷接入`, children: _jsx(AiAuthorizationActions, { methods: [item.authorization.method], offering: item.authorization.offering, busy: busy || dialog.saving, disabled: disabled || authorizationPending, onBeginOffering: onBeginOffering ? dialog.beginAuthorization : undefined, onCreateLocalCredential: onCreateLocalCredential ? dialog.beginLocal : undefined }) }, item.key));
+                                    }
+                                    if ('consoleMethod' in item) {
+                                        return (_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", title: item.consoleMethod.lifecycle === 'unavailable' ? item.consoleMethod.reason : undefined, disabled: busy || dialog.saving || disabled || authorizationPending
+                                                || item.consoleMethod.lifecycle === 'unavailable', onClick: dialog.beginBrowser, children: [_jsx(ExternalLink, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), item.consoleMethod.label] }, item.key));
+                                    }
+                                    return (_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", "aria-label": "\u65B0\u5EFA API Key \u8FDE\u63A5", title: item.apiKeyMethod.lifecycle === 'unavailable' ? item.apiKeyMethod.reason : undefined, disabled: busy || dialog.saving || disabled || authorizationPending
+                                            || item.apiKeyMethod.lifecycle === 'unavailable'
+                                            || (!product && status === 'pending' && !attempt), onClick: dialog.beginApiKey, children: [_jsx(Plus, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), item.apiKeyMethod.label] }, item.key));
+                                })] })] }), _jsxs("div", { "aria-label": "\u51ED\u636E\u5217\u8868", className: "space-y-2", children: [_jsx(AiSortableCredentialList, { credentials: orderedCredentials, disabled: busy || disabled, onMove: onReorderCredentials ? (from, to) => {
                                 const offering = offerings.find((item) => item.id === orderedCredentials[from]?.offeringId);
                                 if (offering)
                                     onReorderCredentials(offering, orderedCredentials, from, to);
@@ -54,7 +108,13 @@ export function AiCredentialPoolSection({ definition, product, status, accountLa
                                     : credential.label ? maskAccountLabel(credential.label) : credentialDisplayLabel(credential);
                                 const state = quotas[credential.id];
                                 const quotaState = state?.credentialId === credential.id ? state : undefined;
-                                return _jsx(AiCredentialRow, { credential: credential, label: label, dragHandle: handle, kindLabel: credential.authMode === 'apiKey' ? 'API Key' : offeringTitle(offering), busy: busy, disabled: disabled, onToggle: onUpdateCredential, onTest: onTestCredential, onEdit: credential.authMode === 'apiKey' ? () => dialog.beginEdit(credential) : undefined, onDelete: () => credential.authMode === 'apiKey' ? onDeleteCredential?.(credential) : onDisconnect(credential), deleteAriaLabel: credential.authMode === 'apiKey' ? `删除 ${label}` : `${label} 移除`, quota: _jsx(AiQuotaCard, { compact: true, providerName: definition.name, offeringName: offeringTitle(offering), credentialLabel: credentialDisplayLabel(credential), multiple: credentials.length > 1, quota: quotaState?.quota, busy: quotaState?.busy ?? false, error: quotaState?.error, paused: !credential.enabled, disabled: disabled || !onRefreshQuota, onRefresh: () => onRefreshQuota?.(offering, credential) }) });
-                            } }), !credentials.length ? _jsx("p", { className: "py-2 text-xs text-muted-foreground", children: accountLabel ? maskAccountLabel(accountLabel) : '尚未添加连接' }) : null, credentials.length === 0 && (status === 'configured' || status === 'connected') ? (_jsx(Button, { variant: "ghost", size: "sm", disabled: busy || disabled, onClick: () => onDisconnect(), children: status === 'configured' ? '移除配置' : '断开连接' })) : null] }), _jsx(AiConnectDialog, { controller: dialog, definition: definition, offerings: offerings, apiOfferings: apiOfferings, credentials: credentials, status: status, attempt: attempt, attemptOfferingId: attemptOfferingId, apiKey: apiKey, baseUrl: baseUrl, busy: busy, disabled: disabled, error: error, onApiKeyChange: onApiKeyChange, onBaseUrlChange: onBaseUrlChange, onBeginApiKey: onBeginApiKey, onBeginBrowser: onBeginBrowser, onSaveApiKey: onSaveApiKey, onDisconnect: onDisconnect, onUpdateCredential: onUpdateCredential, onCreateApiKeyCredential: onCreateApiKeyCredential, onBeginOffering: onBeginOffering, onCancelConnect: onCancelConnect, onDismissError: onDismissError }), _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: offerings.map((offering) => _jsx(AiOfferingDetails, { offering: offering }, offering.id)) })] }), dialog.error && !dialog.open && dialog.error !== error?.message ? _jsx("p", { role: "alert", className: "text-sm text-destructive", children: dialog.error }) : null, error && (error.offeringId ? !dialog.open : !suppressError)
+                                return _jsx(AiCredentialRow, { credential: credential, label: label, dragHandle: handle, kindLabel: credential.authMode === 'apiKey' ? 'API Key' : offeringTitle(offering), busy: busy, disabled: disabled, 
+                                    // A row action is a click, not a call site: the failure is already
+                                    // reported through `setProviderError`, so it must not also surface
+                                    // as an unhandled rejection from the button.
+                                    onToggle: onUpdateCredential
+                                        ? (current, patch) => { void onUpdateCredential(current, patch).catch(() => undefined); }
+                                        : undefined, onTest: onTestCredential, onEdit: credential.authMode === 'apiKey' ? () => dialog.beginEdit(credential) : undefined, onDelete: () => credential.authMode === 'apiKey' ? onDeleteCredential?.(credential) : onDisconnect(credential), deleteAriaLabel: credential.authMode === 'apiKey' ? `删除 ${label}` : `${label} 移除`, quota: _jsx(AiQuotaCard, { compact: true, providerName: definition.name, offeringName: offeringTitle(offering), credentialLabel: credentialDisplayLabel(credential), multiple: credentials.length > 1, quota: quotaState?.quota, busy: quotaState?.busy ?? false, error: quotaState?.error, paused: !credential.enabled, disabled: disabled || !onRefreshQuota, onRefresh: () => onRefreshQuota?.(offering, credential) }) });
+                            } }), !credentials.length ? (_jsx("p", { className: "flex items-center gap-2 py-6 text-sm text-muted-foreground", children: accountLabel ? maskAccountLabel(accountLabel) : '尚未添加连接' })) : null, credentials.length === 0 && (status === 'configured' || status === 'connected') ? (_jsx(Button, { variant: "ghost", size: "sm", disabled: busy || disabled, onClick: () => onDisconnect(), children: status === 'configured' ? '移除配置' : '断开连接' })) : null] }), _jsx(AiConnectDialog, { controller: dialog, definition: definition, offerings: offerings, apiOfferings: apiOfferings, credentials: credentials, status: status, attempt: attempt, attemptOfferingId: attemptOfferingId, apiKey: apiKey, baseUrl: baseUrl, busy: busy, disabled: disabled, error: error, onApiKeyChange: onApiKeyChange, onBaseUrlChange: onBaseUrlChange, onBeginApiKey: onBeginApiKey, onBeginBrowser: onBeginBrowser, onSaveApiKey: onSaveApiKey, onDisconnect: onDisconnect, onUpdateCredential: onUpdateCredential, onCreateApiKeyCredential: onCreateApiKeyCredential, onBeginOffering: onBeginOffering, onCancelConnect: onCancelConnect, onDismissError: onDismissError }), _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: offerings.map((offering) => _jsx(AiOfferingDetails, { offering: offering }, offering.id)) })] }), dialog.error && !dialog.open && dialog.error !== error?.message ? _jsx("p", { role: "alert", className: "text-sm text-destructive", children: dialog.error }) : null, error && (error.offeringId ? !dialog.open : !suppressError)
                     ? _jsx("p", { role: "alert", className: "text-sm text-destructive", children: error.message }) : null] }) }));
 }

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

@@ -1,17 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Tooltip, TooltipContent, TooltipTrigger, cn } from '@undefineds.co/shared-ui';
+import { Tooltip, TooltipContent, TooltipTrigger, cn } from '@undefineds.co/shared-ui';
+import { AiRowAction } from './AiRowAction.js';
 import { Pause, Pencil, Play, PlugZap, Trash2 } from 'lucide-react';
 import { credentialDisplayLabel, healthLabel, healthTone } from './credential-labels.js';
 export function AiCredentialRow({ credential, label, busy, disabled, dragHandle, kindLabel, quota, onToggle, onTest, onEdit, onDelete, deleteAriaLabel, }) {
     const actionDisabled = disabled || busy;
     const tone = healthTone(credential.health);
     const stateLabel = `${credential.enabled ? '已启用' : '已停用'} · ${healthLabel(credential.health)}`;
-    return (_jsxs("div", { "data-credential-state": credential.enabled ? 'enabled' : 'disabled', className: cn('flex flex-wrap items-center gap-x-3 gap-y-2 rounded-lg border px-3 py-2.5 transition-colors', credential.enabled ? tone.row : 'border-border/50 bg-muted/40 opacity-70'), children: [dragHandle, _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { "aria-label": stateLabel, className: cn('h-2 w-2 shrink-0 rounded-full', credential.enabled ? tone.dot : 'bg-muted-foreground/40') }) }), _jsx(TooltipContent, { className: "text-xs", children: stateLabel })] }), _jsxs("div", { className: "min-w-0 flex-1 basis-24", children: [_jsx("p", { className: "truncate text-sm font-medium text-foreground", children: label }), kindLabel ? _jsx("p", { className: "text-xs text-muted-foreground", children: kindLabel }) : null, credential.maskedHint && !label.includes(credential.maskedHint)
+    return (_jsxs("div", { "data-credential-state": credential.enabled ? 'enabled' : 'disabled', className: cn(
+        // The list owns the box and the dividers, so a row carries only its own
+        // tint: `rounded-[inherit]` keeps the first and last tint inside the
+        // container's corners.
+        'flex flex-wrap items-center gap-x-3 gap-y-2 rounded-[inherit] px-4 py-3 transition-colors', credential.enabled ? tone.row : 'bg-muted/40 opacity-70'), children: [dragHandle, _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { "aria-label": stateLabel, className: cn('h-2 w-2 shrink-0 rounded-full', credential.enabled ? tone.dot : 'bg-muted-foreground/40') }) }), _jsx(TooltipContent, { className: "text-xs", children: stateLabel })] }), _jsxs("div", { className: "min-w-0 flex-1 basis-24", children: [_jsx("p", { className: "truncate text-sm font-medium text-foreground", children: label }), kindLabel ? _jsx("p", { className: "text-xs text-muted-foreground", children: kindLabel }) : null, credential.maskedHint && !label.includes(credential.maskedHint)
                         ? _jsx("p", { className: "mt-1 truncate font-mono text-xs text-muted-foreground", children: credential.maskedHint })
-                        : null] }), _jsx("div", { className: "order-last w-full min-w-0 sm:order-none sm:w-auto sm:max-w-[45%]", role: "group", "aria-label": `${credentialDisplayLabel(credential)}额度`, children: quota }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [onTest ? (_jsx(RowAction, { label: `测试连接 ${label}`, disabled: actionDisabled, onClick: () => onTest(credential), children: _jsx(PlugZap, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) })) : null, onEdit ? (_jsx(RowAction, { label: `编辑 ${label}`, disabled: actionDisabled, onClick: onEdit, children: _jsx(Pencil, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) })) : null, onToggle ? (_jsx(RowAction, { label: `${credential.enabled ? '停用' : '启用'} ${label}`, disabled: actionDisabled, onClick: () => onToggle(credential, { enabled: !credential.enabled }), children: credential.enabled
+                        : null] }), _jsx("div", { className: "order-last w-full min-w-0 sm:order-none sm:w-auto sm:max-w-[45%]", role: "group", "aria-label": `${credentialDisplayLabel(credential)}额度`, children: quota }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [onTest ? (_jsx(AiRowAction, { label: `测试连接 ${label}`, disabled: actionDisabled, onClick: () => onTest(credential), children: _jsx(PlugZap, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) })) : null, onEdit ? (_jsx(AiRowAction, { label: `编辑 ${label}`, disabled: actionDisabled, onClick: onEdit, children: _jsx(Pencil, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) })) : null, onToggle ? (_jsx(AiRowAction, { label: `${credential.enabled ? '停用' : '启用'} ${label}`, disabled: actionDisabled, onClick: () => onToggle(credential, { enabled: !credential.enabled }), children: credential.enabled
                             ? _jsx(Pause, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
-                            : _jsx(Play, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) })) : null, onDelete ? (_jsx(RowAction, { label: deleteAriaLabel ?? `删除 ${label}`, disabled: actionDisabled, onClick: onDelete, children: _jsx(Trash2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) })) : null] })] }));
-}
-function RowAction({ label, disabled, onClick, children, }) {
-    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-7 w-7", "aria-label": label, disabled: disabled, onClick: onClick, children: children }) }), _jsx(TooltipContent, { className: "text-xs", children: label })] }));
+                            : _jsx(Play, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) })) : null, onDelete ? (_jsx(AiRowAction, { label: deleteAriaLabel ?? `删除 ${label}`, disabled: actionDisabled, onClick: onDelete, children: _jsx(Trash2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) })) : null] })] }));
 }

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

@@ -0,0 +1,23 @@
+import { type AiEndpointEntry } from './offering-endpoints';
+/**
+ * Protocol/endpoint list shared by a provider offering's details and Xpod's own
+ * 接入信息: in both places a list of `protocol → base URL` pairs is what the user
+ * reads, so the rows (and their copy affordance) are one implementation.
+ *
+ * `copy` is opt-in because the provider pages read their upstream endpoints
+ * without offering them for pasting, while Xpod's own endpoints exist to be
+ * copied into a client.
+ */
+export declare function AiEndpointList({ endpoints, copy, display }: {
+    endpoints: readonly AiEndpointEntry[];
+    copy?: boolean;
+    /**
+     * `compact` shortens the address, `full` shows it in full.
+     *
+     * `protocol` drops the address and lists the accept-compatible protocols as
+     * chips. Xpod publishes three protocols from one gateway, so two of them even
+     * share an address: repeating it tells the reader less than naming the
+     * protocol they should pick, and the address stays one click away.
+     */
+    display?: 'compact' | 'full' | 'protocol';
+}): import("react").JSX.Element;

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { compatibleProtocolLabel, endpointDisplayValue, endpointProtocolLabel } from './offering-endpoints.js';
+import { AiCopyButton } from './AiCopyButton.js';
+/**
+ * Protocol/endpoint list shared by a provider offering's details and Xpod's own
+ * 接入信息: in both places a list of `protocol → base URL` pairs is what the user
+ * reads, so the rows (and their copy affordance) are one implementation.
+ *
+ * `copy` is opt-in because the provider pages read their upstream endpoints
+ * without offering them for pasting, while Xpod's own endpoints exist to be
+ * copied into a client.
+ */
+export function AiEndpointList({ endpoints, copy = false, display = 'compact' }) {
+    if (display === 'protocol') {
+        return (_jsx("ul", { className: "flex flex-wrap gap-2", children: endpoints.map((endpoint) => {
+                const label = compatibleProtocolLabel(endpoint.protocol);
+                return (_jsx("li", { children: copy ? (_jsx(AiCopyButton, { value: endpoint.baseUrl, label: `${label} 地址`, text: label, variant: "outline", className: "h-7 gap-1.5 px-2 text-[11px] font-normal", iconClassName: "h-3 w-3" })) : (_jsx("span", { className: "inline-flex h-7 items-center rounded-md border border-border px-2 text-[11px] text-muted-foreground", children: label })) }, endpoint.protocol));
+            }) }));
+    }
+    return (_jsx("dl", { className: "space-y-1 text-[11px] text-muted-foreground", children: endpoints.map((endpoint) => {
+            const label = endpointProtocolLabel(endpoint.protocol);
+            return (_jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [_jsx("dt", { className: "shrink-0 text-foreground/70", children: label }), _jsx("dd", { className: "min-w-0 truncate font-mono", title: endpoint.baseUrl, children: display === 'full' ? endpoint.baseUrl : endpointDisplayValue(endpoint.baseUrl) }), copy ? (_jsx("dd", { className: "shrink-0", children: _jsx(AiCopyButton, { value: endpoint.baseUrl, label: `${label} 地址`, variant: "ghost", className: "h-6 gap-1 px-1.5 text-[11px]", iconClassName: "h-3 w-3" }) })) : null] }, `${endpoint.protocol}:${endpoint.baseUrl}`));
+        }) }));
+}

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

@@ -1,13 +1,22 @@
 import type { AiConnectionsClient, AiGatewayModel } from './ai-connections-client';
 import { type AiClientConfigurationBridge } from './AiClientConfigurationSection';
+import { type GatewayModelSelection } from './AiGatewayModelsSection';
 /**
  * The Xpod provider page. From a coding client's point of view Xpod is just
- * another provider, so this surface shares the provider pages' chrome: a
- * provider-style header, a credential-pool-style section, and rows that only
- * record what the issued credential means.
+ * another provider, so this surface shares the provider pages' components: the
+ * same header (`AiProviderHeader`), the same model list (`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, }: {
+export declare function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewayModels, modelSelection, liveRevision, }: {
     client: AiConnectionsClient;
     clientConfigurationBridge?: AiClientConfigurationBridge;
     gatewayModels?: AiGatewayModel[];
+    /** Publishes or withdraws models on the models list endpoint, from this page. */
+    modelSelection?: GatewayModelSelection;
+    /**
+     * Advances when the credentials table changed outside this page (another
+     * client, a script); the Key list lives in that table and re-reads with it.
+     */
+    liveRevision?: number;
 }): import("react").JSX.Element;

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

@@ -1,13 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { Avatar, AvatarFallback, Badge, Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, controlFocusClass, dismissToast, toast, } from '@undefineds.co/shared-ui';
-import { Check, Copy, KeyRound, Loader2, Plus } from 'lucide-react';
+import { Badge, Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, TooltipProvider, controlFocusClass, 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 { AiCopyButton } from './AiCopyButton.js';
+import { AiEndpointList } from './AiEndpointList.js';
+import { AiProviderHeader } from './AiProviderHeader.js';
+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 只在创建时可见：请销毁它，然后重新创建并直接应用到客户端。';
+/** 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',
@@ -15,11 +24,12 @@ const SELECT_CLASS = [
 ].join(' ');
 /**
  * The Xpod provider page. From a coding client's point of view Xpod is just
- * another provider, so this surface shares the provider pages' chrome: a
- * provider-style header, a credential-pool-style section, and rows that only
- * record what the issued credential means.
+ * another provider, so this surface shares the provider pages' components: the
+ * same header (`AiProviderHeader`), the same model list (`AiGatewayModelsSection`
+ * over `AiModelCatalog`), and the same endpoint list (`AiEndpointList`) that the
+ * provider pages use for their offerings' protocols.
  */
-export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewayModels, }) {
+export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewayModels, modelSelection, liveRevision = 0, }) {
     const [keys, setKeys] = useState([]);
     const [loading, setLoading] = useState(true);
     const [showCreate, setShowCreate] = useState(false);
@@ -32,13 +42,11 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
     const [issuedClient, setIssuedClient] = useState();
     const [appliedClient, setAppliedClient] = useState();
     const [applying, setApplying] = useState(false);
-    const [copied, setCopied] = useState();
     const [busyKeyId, setBusyKeyId] = useState();
     const [error, setError] = useState();
     const plaintexts = useRef(new Map());
     const operation = useRef(false);
     const notification = useRef(undefined);
-    const copyTimer = useRef(undefined);
     const notify = useCallback((options) => {
         if (notification.current)
             dismissToast(notification.current);
@@ -69,16 +77,30 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
         });
         return () => {
             active = false;
-            clearTimeout(copyTimer.current);
             if (notification.current)
                 dismissToast(notification.current);
         };
     }, [client, notifyError]);
+    // A change made elsewhere only needs new rows: it must not drop the wrapper
+    // copies this session is still showing, nor flash the loading state.
+    useEffect(() => {
+        if (liveRevision === 0)
+            return;
+        let active = true;
+        void client.listGatewayKeys()
+            .then((records) => {
+            if (active)
+                setKeys(records.filter((record) => !record.revokedAt));
+        })
+            .catch(() => undefined);
+        return () => {
+            active = false;
+        };
+    }, [client, liveRevision]);
     const openCreate = () => {
         setError(undefined);
         setName(DEFAULT_KEY_NAME);
         setPurpose('');
-        setCopied(undefined);
         // A key issued earlier in this session keeps its wrapper in the cache, so
         // the flow resumes there instead of pretending the key was never created.
         setShowCreate(true);
@@ -87,7 +109,6 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
         setIssued(undefined);
         setIssuedClient(undefined);
         setAppliedClient(undefined);
-        setCopied(undefined);
         setError(undefined);
         setName(DEFAULT_KEY_NAME);
         setPurpose('');
@@ -116,7 +137,6 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
             setIssued(created.record);
             setIssuedClient(purpose);
             setAppliedClient(undefined);
-            setCopied(undefined);
             notify({ variant: 'success', description: CREATED_NOTIFICATION });
         }
         catch (cause) {
@@ -132,24 +152,6 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
             throw new Error(message);
         return plaintext;
     };
-    const copy = async (record, target) => {
-        setError(undefined);
-        try {
-            const plaintext = sessionPlaintext(record, UNPERSISTED_COPY_MESSAGE);
-            if (!navigator.clipboard?.writeText) {
-                throw new Error('当前浏览器无法访问剪贴板，请允许剪贴板访问后重试。');
-            }
-            await navigator.clipboard.writeText(target === 'key'
-                ? plaintext
-                : manualConfigurationText(target, client.apiBase, plaintext));
-            setCopied(target);
-            clearTimeout(copyTimer.current);
-            copyTimer.current = setTimeout(() => setCopied(undefined), 2000);
-        }
-        catch (cause) {
-            setError(errorMessage(cause));
-        }
-    };
     const apply = async () => {
         if (!issued || !issuedClient || !clientConfigurationBridge)
             return;
@@ -212,7 +214,6 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
                 setIssued(undefined);
                 setIssuedClient(undefined);
                 setAppliedClient(undefined);
-                setCopied(undefined);
             }
         }
         catch (cause) {
@@ -223,13 +224,9 @@ export function AiGatewayKeysSection({ client, clientConfigurationBridge, gatewa
             setBusyKeyId(undefined);
         }
     };
-    return (_jsxs("section", { className: "space-y-8 [container-type:inline-size]", "aria-label": "API Keys", children: [_jsxs("header", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Avatar, { className: "h-9 w-9 shrink-0 rounded-lg border border-border/50 bg-muted/50 shadow-sm", children: _jsx(AvatarFallback, { className: "rounded-lg bg-transparent text-sm font-bold uppercase text-muted-foreground", children: "XP" }) }), _jsxs("div", { className: "flex flex-col justify-center gap-1", children: [_jsx("h2", { className: "text-base font-semibold leading-none tracking-tight text-foreground", children: "Xpod" }), _jsx("p", { className: "max-w-3xl text-xs leading-snug text-muted-foreground", children: "API Key \u7528\u4E8E\u8BA9\u5BA2\u6237\u7AEF\u628A Xpod \u5F53\u4F5C Provider \u63A5\u5165\uFF1BXpod \u4E0D\u4FDD\u5B58 Key \u660E\u6587\u3002" })] })] }), _jsx(Badge, { variant: keys.length > 0 ? 'default' : 'secondary', children: keys.length > 0 ? `已签发 ${keys.length} 个` : '未配置' })] }), _jsxs("section", { className: "space-y-3", "aria-label": "\u5DF2\u7B7E\u53D1 API Key", 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(KeyRound, { "aria-hidden": "true", className: "h-4 w-4 text-primary" }), "\u5DF2\u7B7E\u53D1 API Key"] }), _jsxs(Button, { size: "sm", "aria-label": "\u65B0\u5EFA API Key", disabled: creating || loading, onClick: openCreate, children: [_jsx(Plus, { "aria-hidden": "true", className: "mr-2 h-4 w-4" }), "\u65B0\u5EFA 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-8 text-center text-sm text-muted-foreground", children: "\u5C1A\u672A\u7B7E\u53D1 API Key\u3002" })) : (_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))) }))] }), _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: [_jsxs(Button, { type: "button", variant: "outline", size: "sm", "aria-label": "\u590D\u5236 API Key", disabled: applying, onClick: () => void copy(issued, 'key'), children: [copied === 'key'
-                                                    ? _jsx(Check, { "aria-hidden": "true", className: "mr-1.5 h-3.5 w-3.5 text-emerald-600" })
-                                                    : _jsx(Copy, { "aria-hidden": "true", className: "mr-1.5 h-3.5 w-3.5" }), copied === 'key' ? '已复制' : '复制 API Key'] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: applying, "aria-label": `复制 ${AI_CLIENT_LABELS[issuedClient]} 配置`, onClick: () => void copy(issued, issuedClient), children: [copied === issuedClient
-                                                    ? _jsx(Check, { "aria-hidden": "true", className: "mr-1.5 h-3.5 w-3.5 text-emerald-600" })
-                                                    : _jsx(Copy, { "aria-hidden": "true", className: "mr-1.5 h-3.5 w-3.5" }), copied === issuedClient ? '已复制' : `复制 ${AI_CLIENT_LABELS[issuedClient]} 配置`] }), 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: _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'] })] })] }))] }) })] }) }));
 }
 function errorMessage(error) {
     const message = error instanceof Error ? error.message.trim() : '';

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

@@ -0,0 +1,21 @@
+import type { AiGatewayModel } from './ai-connections-client';
+/**
+ * What the gateway list shares with the provider pages.
+ *
+ * A published model is a joined one, so switching here writes the same
+ * selection the provider pages write rather than a second flag to keep in sync.
+ */
+export interface GatewayModelSelection {
+    isSelected(model: AiGatewayModel): boolean;
+    toggle(model: AiGatewayModel): void;
+    disabled?: boolean;
+}
+/**
+ * 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
+ * endpoint, 启用 publishes it again.
+ */
+export declare function AiGatewayModelsSection({ models, selection }: {
+    models?: AiGatewayModel[];
+    selection?: GatewayModelSelection;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,51 @@
+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 { Box } from 'lucide-react';
+import { AiModelEmptyPanel, 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
+ * endpoint, 启用 publishes it again.
+ */
+export function AiGatewayModelsSection({ models, selection }) {
+    const [search, setSearch] = useState('');
+    const catalog = useMemo(() => aggregateGatewayModels(models ?? []), [models]);
+    const query = search.trim().toLocaleLowerCase();
+    const visibleModels = query
+        ? catalog.filter((model) => model.searchText.includes(query))
+        : catalog;
+    const unavailableCount = catalog.filter((model) => model.availability === 'unavailable').length;
+    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
+                                    ? `共 ${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))) }))] }));
+}
+/**
+ * One gateway model can be published once per credential/offering, so the
+ * read surface folds those entries the same way the provider page does.
+ */
+function aggregateGatewayModels(models) {
+    const catalog = new Map();
+    for (const entry of models) {
+        const model = withCatalogModelId(entry);
+        const key = `${model.provider}\0${model.id}`;
+        const iconTokens = modelIconTokens(model);
+        const searchText = [model.id, model.displayName].filter(Boolean).join('\n').toLocaleLowerCase();
+        const existing = catalog.get(key);
+        if (!existing) {
+            catalog.set(key, { ...model, key, iconTokens, searchText });
+            continue;
+        }
+        if (model.availability !== 'unavailable')
+            existing.availability = model.availability;
+        if (existing.displayName === undefined && model.displayName !== undefined) {
+            existing.displayName = model.displayName;
+        }
+        existing.iconTokens = [...new Set([...existing.iconTokens, ...iconTokens])];
+        existing.searchText += `\n${searchText}`;
+    }
+    return [...catalog.values()];
+}

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

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+/**
+ * The ⓘ affordance that explains a provider-style page.
+ *
+ * It owns its `TooltipProvider` on purpose. Radix keeps one "pointer in transit"
+ * flag per provider, and every trigger inside that provider ignores pointer
+ * moves while the flag is set. Sharing a provider with the model list below the
+ * header meant that leaving a capability glyph silently swallowed the next hover
+ * of the ⓘ, so it never opened on the pages whose catalog carries capability
+ * metadata. An island per ⓘ keeps that state out of everyone else's way.
+ */
+export declare function AiInfoTooltip({ label, lines }: {
+    label: string;
+    lines: ReactNode[];
+}): import("react").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from '@undefineds.co/shared-ui';
+import { Info } from 'lucide-react';
+/**
+ * The ⓘ affordance that explains a provider-style page.
+ *
+ * It owns its `TooltipProvider` on purpose. Radix keeps one "pointer in transit"
+ * flag per provider, and every trigger inside that provider ignores pointer
+ * moves while the flag is set. Sharing a provider with the model list below the
+ * header meant that leaving a capability glyph silently swallowed the next hover
+ * of the ⓘ, so it never opened on the pages whose catalog carries capability
+ * metadata. An island per ⓘ keeps that state out of everyone else's way.
+ */
+export function AiInfoTooltip({ label, lines }) {
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": label, className: "cursor-help rounded-sm text-muted-foreground/50 focus:outline-none focus-visible:text-foreground", children: _jsx(Info, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { className: "max-w-xs space-y-2 text-xs", children: lines.map((line, index) => _jsx("p", { children: line }, index)) })] }) }));
+}