@undefineds.co/xpod 0.4.20 → 0.4.25

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

@@ -1,9 +1,10 @@
-import { type AiConnectionsClient, type AiConnectionsProvider, type AiProviderConnectionSummary, type AiProviderSummary } from './contract/ai-connections-client';
-import { type AiConnectionsWorkspaceSection, type ProviderProductState } from './controller';
-import type { AiClientConfigurationBridge } from './AiClientConfigurationSection';
-import { type CredentialRow } from './collections';
+import { type AiConnectionsClient, type AiConnectionsProvider, type AiProviderConnectionSummary, type AiProviderSummary } from './contract/ai-connections-client.js';
+import { type AiConnectionsWorkspaceSection, type ProviderProductState } from './controller.js';
+import { type AiClientConfigurationBridge } from './AiClientConfigurationSection.js';
+import { type CredentialRow } from './collections.js';
 export interface AiConnectionsPanelProps {
     client: AiConnectionsClient;
+    onAuthorizeService?: () => Promise<void>;
     /** Disable when the embedding application already renders shared-ui Toaster. */
     renderToaster?: boolean;
     openExternal?: (url: string) => void | Promise<void>;
@@ -32,4 +33,4 @@ export interface AiConnectionsPanelProps {
      */
     liveCredentialRows?: readonly CredentialRow[];
 }
-export declare function AiConnectionsPanel({ client, renderToaster, openExternal, clientConfigurationBridge, selectedSection, selectedProvider, selectedCredentialId, providerSummaries: providerSummariesInput, providerProducts, providerLoadError, providerLoading, onProviderStateChange, onModelSelectionChange, liveRevision, liveCredentialRows, }: AiConnectionsPanelProps): import("react").JSX.Element;
+export declare function AiConnectionsPanel({ client, onAuthorizeService, renderToaster, openExternal, clientConfigurationBridge, selectedSection, selectedProvider, selectedCredentialId, providerSummaries: providerSummariesInput, providerProducts, providerLoadError, providerLoading, onProviderStateChange, onModelSelectionChange, liveRevision, liveCredentialRows, }: AiConnectionsPanelProps): import("react").JSX.Element;

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

@@ -10,7 +10,7 @@ import { AiGatewayKeysSection } from './AiGatewayKeysSection.js';
 import { credentialCarriers, withLiveCredentials } from './collections.js';
 import { modelCatalogId, withCatalogModelId } from './AiModelCatalog.js';
 const EMPTY_PROVIDER_SUMMARIES = {};
-export function AiConnectionsPanel({ client, renderToaster = true, openExternal = openExternalUrl, clientConfigurationBridge, selectedSection = 'provider', selectedProvider, selectedCredentialId, providerSummaries: providerSummariesInput = EMPTY_PROVIDER_SUMMARIES, providerProducts = {}, providerLoadError, providerLoading = false, onProviderStateChange, onModelSelectionChange, liveRevision = 0, liveCredentialRows, }) {
+export function AiConnectionsPanel({ client, onAuthorizeService, renderToaster = true, openExternal = openExternalUrl, clientConfigurationBridge, selectedSection = 'provider', selectedProvider, selectedCredentialId, providerSummaries: providerSummariesInput = EMPTY_PROVIDER_SUMMARIES, providerProducts = {}, providerLoadError, providerLoading = false, onProviderStateChange, onModelSelectionChange, liveRevision = 0, liveCredentialRows, }) {
     const [connectionStates, setConnectionStates] = useState({});
     const [models, setModels] = useState([]);
     const [gatewayModels, setGatewayModels] = useState();
@@ -116,24 +116,26 @@ export function AiConnectionsPanel({ client, renderToaster = true, openExternal
         if (target)
             await openExternal(target);
     }, [openExternal]);
-    const beginApiKey = async (provider) => {
+    const beginApiKey = async (provider, offeringId, authorizationMethodId) => {
         setBusy(provider, true);
         setProviderError(provider);
-        setAttemptOfferingIds((current) => ({ ...current, [provider]: undefined }));
+        setAttemptOfferingIds((current) => ({ ...current, [provider]: offeringId }));
         try {
-            const attempt = await client.beginConnect(provider, 'browserAssistedApiKey');
+            const attempt = offeringId
+                ? await client.beginConnect(provider, 'browserAssistedApiKey', { offeringId, authorizationMethodId })
+                : await client.beginConnect(provider, 'browserAssistedApiKey');
             setAttempts((current) => ({ ...current, [provider]: attempt }));
             const pending = isPendingAttempt(attempt.status);
             updateConnectionState(provider, pending ? 'pending' : attempt.status === 'completed' ? 'configured' : 'failed');
             if (!pending && attempt.status !== 'completed') {
-                setProviderError(provider, attempt.message ?? connectFailureMessage(attempt.status));
+                setProviderError(provider, attempt.message ?? connectFailureMessage(attempt.status), offeringId, { mode: 'browserAssistedApiKey', authorizationMethodId });
                 return;
             }
             await openAttemptUrl(attempt);
         }
         catch (error) {
             updateConnectionState(provider, 'failed');
-            setProviderError(provider, errorMessage(error));
+            setProviderError(provider, errorMessage(error), offeringId, { mode: 'browserAssistedApiKey', authorizationMethodId });
         }
         finally {
             setBusy(provider, false);
@@ -151,7 +153,7 @@ export function AiConnectionsPanel({ client, renderToaster = true, openExternal
     };
     const beginOfferingConnect = async (provider, offering, mode, method) => {
         if (mode === 'browserAssistedApiKey') {
-            await beginApiKey(provider);
+            await beginApiKey(provider, offering.id, method?.id);
             return;
         }
         await beginConnectMode(provider, mode, offering.id, method?.id);
@@ -705,7 +707,7 @@ export function AiConnectionsPanel({ client, renderToaster = true, openExternal
                         [definition.id]: value,
                     })), onBeginApiKey: () => void beginApiKey(definition.id), onBeginOffering: (offering, mode, method) => void beginOfferingConnect(definition.id, offering, mode, method), onCancelConnect: (attempt) => void cancelConnect(definition.id, attempt), onBeginBrowser: () => void beginBrowserConnect(definition), onSaveApiKey: () => void saveApiKey(definition), onDisconnect: (credential) => void disconnect(definition.id, credential?.id), onCreateApiKeyCredential: (offering, input) => createApiKeyCredential(definition.id, offering, input), onCreateLocalCredential: (offering, method) => createLocalCredential(definition.id, offering, method), onUpdateCredential: (credential, patch) => updateProviderCredential(definition.id, credential, patch), onDeleteCredential: (credential) => void deleteProviderCredential(definition.id, credential), onTestCredential: (credential) => void testProviderCredential(definition.id, credential), onReorderCredentials: (offering, credentials, fromIndex, toIndex) => void reorderProviderCredentials(definition.id, offering, credentials, fromIndex, toIndex), onRefreshQuota: (offering, credential) => void refreshQuota(definition.id, offering, credential), verifyPending: Boolean(verifyingProviders[definition.id]), onVerify: () => void verifyProvider(definition.id), onAddModel: () => openModelEditor(definition.id), onEditModel: (model) => openModelEditor(definition.id, model), onDeleteModel: (model) => void deleteProviderModel(definition.id, model), onModelSelectionChange: handleModelSelectionChange, onDismissError: () => setProviderError(definition.id) }, definition.id));
             })] }));
-    const keyContent = (_jsx(AiGatewayKeysSection, { client: client, clientConfigurationBridge: clientConfigurationBridge, gatewayModels: gatewayModels, modelSelection: gatewayModelSelection, liveRevision: liveRevision }));
+    const keyContent = (_jsx(AiGatewayKeysSection, { client: client, onAuthorizeService: onAuthorizeService, clientConfigurationBridge: clientConfigurationBridge, gatewayModels: gatewayModels, modelSelection: gatewayModelSelection, liveRevision: liveRevision }));
     return (_jsxs("div", { "data-testid": "ai-connections-panel", className: "mx-auto w-full max-w-5xl space-y-10 px-4 py-6 sm:px-8 sm:py-8", children: [renderToaster ? _jsx(Toaster, {}) : null, selectedSection === 'keys' ? keyContent : null, selectedSection === 'provider' ? providerContent : null, selectedSection === 'provider' && modelEditor ? (_jsx(AiModelEditorDialog, { open: true, providerName: PROVIDERS.find((definition) => definition.id === modelEditor.provider)?.name ?? modelEditor.provider, initialValue: modelEditor.model
                     ? {
                         id: modelEditor.model.id,

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

@@ -1,6 +1,6 @@
-import type { AiConnectAttempt, AiConnectionsMode, AiProviderAuthorizationMethod, AiProviderCredentialSummary, AiProviderOffering, AiProviderSummary, AiQuotaSnapshot } from './contract/ai-connections-client';
-import type { AiProviderDefinition } from './controller';
-import type { ProviderConnectionState } from './AiProviderCard';
+import type { AiConnectAttempt, AiConnectionsMode, AiProviderAuthorizationMethod, AiProviderCredentialSummary, AiProviderOffering, AiProviderSummary, AiQuotaSnapshot } from './contract/ai-connections-client.js';
+import type { AiProviderDefinition } from './controller.js';
+import type { ProviderConnectionState } from './AiProviderCard.js';
 export interface AiOfferingActionError {
     message: string;
     offeringId?: string;

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

@@ -1,14 +1,14 @@
 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 { Plus, Settings2 } from 'lucide-react';
 import { offeringTitle } from './offering-label.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 { AiOfferingDetails } from './AiOfferingDetails.js';
 import { AiAuthorizationActions } from './AiAuthorizationActions.js';
 import { AiConnectDialog } from './AiConnectDialog.js';
 import { AiCredentialRow } from './AiCredentialRow.js';
-import { AiOfferingDetails } from './AiOfferingDetails.js';
 import { AiSortableCredentialList } from './AiSortableCredentialList.js';
 import { useAiConnectDialog } from './useAiConnectDialog.js';
 /**
@@ -25,23 +25,9 @@ export function AiCredentialPoolSection({ definition, product, status, accountLa
         }];
     const credentials = product?.credentials ?? [];
     const offerings = product?.offerings.length ? product.offerings : fallbackOfferings;
-    /**
-     * 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.
-     */
+    // Keep actual authorization and credential creation together. Console
+    // navigation is the provider header's external link, so opening a workbench
+    // does not start a credential attempt or duplicate an OAuth action.
     const offeringMethods = offerings.map((offering) => ({
         offering,
         methods: authorizationMethodsForOffering(offering),
@@ -57,22 +43,12 @@ export function AiCredentialPoolSection({ definition, product, status, accountLa
     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);
@@ -89,14 +65,12 @@ export function AiCredentialPoolSection({ definition, product, status, accountLa
                                     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) => {
+                                })] })] }), offeringMethods.filter(({ offering, methods }) => offering.lifecycle === 'unavailable'
+                    && !methods.some((method) => method.lifecycle === 'active')).map(({ offering, methods }) => (_jsx(AiOfferingDetails, { offering: offering, methods: methods }, offering.id))), credentials.some((credential) => credential.enabled && (credential.health === 'expired' || credential.health === 'invalid' || credential.lastFailureCode === 'quota_exhausted')) ? _jsxs("p", { role: "status", className: "text-sm text-destructive", children: [credentials.length, " \u6761\u91CC\u6709 ", credentials.filter((credential) => credential.enabled && credential.health === 'healthy' && credential.lastFailureCode !== 'quota_exhausted').length, " \u6761\u5DF2\u9A8C\u8BC1\u53EF\u7528"] }) : null, credentials.some((credential) => credential.enabled && credential.lastFailureCode === 'upstream_unavailable') ?
+                    _jsx("p", { role: "status", className: "text-sm text-destructive", children: "\u8FDE\u63A5\u6682\u65F6\u4E0D\u53EF\u7528\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u7A0D\u540E\u91CD\u8BD5\u3002" }) : 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) => {
                                 const offering = offerings.find((item) => item.id === orderedCredentials[from]?.offeringId);
                                 if (offering)
                                     onReorderCredentials(offering, orderedCredentials, from, to);
@@ -108,13 +82,14 @@ 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, 
+                                return _jsx(AiCredentialRow, { credential: credential, label: label, dragHandle: handle, kindLabel: offeringTitle(offering), offering: offering, onReconnect: () => { const method = authorizationMethodsForOffering(offering).find((candidate) => candidate.lifecycle === 'active' && candidate.authMode === credential.authMode); if (method)
+                                        dialog.beginAuthorization(offering, method.connectMode ?? 'connectUnsupported', method); }, 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)
+                            } }), !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 }), 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.d.ts

@@ -1,7 +1,9 @@
-import type { ReactNode } from 'react';
-import type { AiProviderCredentialSummary } from './contract/ai-connections-client';
-export declare function AiCredentialRow({ credential, label, busy, disabled, dragHandle, kindLabel, quota, onToggle, onTest, onEdit, onDelete, deleteAriaLabel, }: {
+import { type ReactNode } from 'react';
+import type { AiProviderCredentialSummary, AiProviderOffering } from './contract/ai-connections-client.js';
+export declare function AiCredentialRow({ credential, offering, onReconnect, label, busy, disabled, dragHandle, kindLabel, quota, onToggle, onTest, onEdit, onDelete, deleteAriaLabel, }: {
     credential: AiProviderCredentialSummary;
+    offering?: AiProviderOffering;
+    onReconnect?: () => void;
     label: string;
     busy: boolean;
     disabled: boolean;

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

@@ -1,9 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip, TooltipContent, TooltipTrigger, cn } from '@undefineds.co/shared-ui';
+import { useEffect, useState } from 'react';
+import { Button, 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, }) {
+import { credentialDisplayLabel, credentialFailurePresentation, healthLabel, healthTone } from './credential-labels.js';
+export function AiCredentialRow({ credential, offering, onReconnect, label, busy, disabled, dragHandle, kindLabel, quota, onToggle, onTest, onEdit, onDelete, deleteAriaLabel, }) {
+    const [now, setNow] = useState(Date.now);
+    const [showReason, setShowReason] = useState(false);
+    useEffect(() => {
+        const reset = credential.rateLimitResetAt ? new Date(credential.rateLimitResetAt).getTime() : 0;
+        if (reset <= Date.now() || !Number.isFinite(reset))
+            return;
+        const timer = setTimeout(() => setNow(Date.now()), Math.min(reset - Date.now() + 1, 2147483647));
+        return () => clearTimeout(timer);
+    }, [credential.rateLimitResetAt]);
+    const failure = credentialFailurePresentation(credential, Math.max(now, Date.now()));
+    const rechargeUrl = offering?.subscriptionUrl ?? offering?.consoleUrl;
     const actionDisabled = disabled || busy;
     const tone = healthTone(credential.health);
     const stateLabel = `${credential.enabled ? '已启用' : '已停用'} · ${healthLabel(credential.health)}`;
@@ -13,7 +25,7 @@ export function AiCredentialRow({ credential, label, busy, disabled, dragHandle,
         // 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(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
+                        : 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 }), failure ? (_jsxs("div", { role: "alert", className: "order-last flex w-full flex-wrap items-center gap-2 text-sm text-destructive", children: [_jsx("span", { children: failure.message }), failure.action === 'key' || failure.action === 'login' ? _jsx(Button, { size: "sm", variant: "outline", disabled: actionDisabled, onClick: failure.action === 'key' ? onEdit : onReconnect, children: failure.action === 'key' ? '换一把 Key' : '重新登录' }) : null, failure.action === 'charge' && rechargeUrl ? _jsx("a", { href: rechargeUrl, target: "_blank", rel: "noreferrer", className: "text-primary", children: "\u53BB\u5145\u503C \u2197" }) : null, failure.action === 'reason' ? _jsx(Button, { size: "sm", variant: "outline", onClick: () => setShowReason((value) => !value), children: "\u67E5\u770B\u539F\u56E0" }) : null, showReason && failure.action === 'reason' ? _jsx("span", { className: "w-full text-xs text-muted-foreground", children: "\u670D\u52A1\u5546\u672A\u5141\u8BB8\u8FD9\u6761\u8FDE\u63A5\u8BBF\u95EE\u6240\u8BF7\u6C42\u7684\u6A21\u578B\uFF0C\u8BF7\u5728\u63A7\u5236\u53F0\u68C0\u67E5\u6A21\u578B\u6743\u9650\u548C\u53EF\u7528\u5730\u533A\u3002" }) : null] })) : null, _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [offering?.consoleUrl || offering?.subscriptionUrl ? _jsxs("details", { className: "relative text-sm", children: [_jsx("summary", { "aria-label": `${label} 更多操作`, className: "cursor-pointer px-2 py-1", children: "\u22EF" }), _jsxs("div", { className: "absolute right-0 z-10 min-w-32 rounded-md border bg-popover p-2 shadow-md", children: [offering.consoleUrl ? _jsx("a", { className: "block py-1", href: offering.consoleUrl, target: "_blank", rel: "noreferrer", children: "\u63A7\u5236\u53F0 \u2197" }) : null, offering.subscriptionUrl ? _jsx("a", { className: "block py-1", href: offering.subscriptionUrl, target: "_blank", rel: "noreferrer", children: "\u8BA2\u9605\u4E0E\u8D26\u5355 \u2197" }) : null] })] }) : null, 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(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/AiCustomProviderDialog.d.ts

@@ -1,4 +1,4 @@
-import type { CreateApiKeyCredentialInput } from './contract/ai-connections-client';
+import type { CreateApiKeyCredentialInput } from './contract/ai-connections-client.js';
 export type CustomProviderCompatibility = 'auto' | 'openai' | 'anthropic';
 export interface CustomProviderValue extends CreateApiKeyCredentialInput {
     compatibility: CustomProviderCompatibility;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, } from '@undefineds.co/shared-ui';
+import { Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, NativeSelect, Label, } from '@undefineds.co/shared-ui';
 export function AiCustomProviderDialog({ open, saving = false, error, onOpenChange, onSave, }) {
     const [name, setName] = useState('');
     const [compatibility, setCompatibility] = useState('auto');
@@ -48,7 +48,7 @@ export function AiCustomProviderDialog({ open, saving = false, error, onOpenChan
             ...(proxyUrl.trim() ? { proxyUrl: proxyUrl.trim() } : {}),
         });
     };
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-md", style: { maxHeight: 'calc(100vh - 2rem)', overflowY: 'auto' }, "aria-describedby": "ai-custom-provider-description", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "\u6DFB\u52A0\u81EA\u5B9A\u4E49 Provider" }) }), _jsx("p", { id: "ai-custom-provider-description", className: "text-sm text-muted-foreground", children: "\u7528 OpenAI/Anthropic \u517C\u5BB9\u534F\u8BAE\u63A5\u5165\u7B2C\u4E09\u65B9\u6A21\u578B\u670D\u52A1\u3002Xpod \u4F1A\u628A\u771F\u5B9E API Key \u5B58\u8FDB\u5F53\u524D Pod\u3002" }), _jsxs("div", { className: "flex flex-col gap-4 py-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "ai-custom-provider-name", children: "Provider \u540D\u79F0" }), _jsx(Input, { id: "ai-custom-provider-name", value: name, disabled: saving, placeholder: "\u4F8B\u5982 OpenRouter", onChange: (event) => setName(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "ai-custom-provider-compatibility", children: "\u517C\u5BB9\u534F\u8BAE" }), _jsxs("select", { id: "ai-custom-provider-compatibility", value: compatibility, disabled: saving, "aria-label": "\u517C\u5BB9\u534F\u8BAE", className: "h-9 rounded-md border border-input bg-background px-3 text-sm", onChange: (event) => setCompatibility(event.target.value), children: [_jsx("option", { value: "auto", children: "\u81EA\u52A8\u63A2\u6D4B" }), _jsx("option", { value: "openai", children: "OpenAI \u517C\u5BB9\u4F18\u5148" }), _jsx("option", { value: "anthropic", children: "Anthropic \u517C\u5BB9\u4F18\u5148" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "ai-custom-provider-base-url", children: "Base URL" }), _jsx(Input, { id: "ai-custom-provider-base-url", value: baseUrl, disabled: saving, placeholder: "https://openrouter.ai/api \u6216 https://openrouter.ai/api/v1", onChange: (event) => setBaseUrl(event.target.value) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "\u88F8\u57DF\u540D\u4F1A\u81EA\u52A8\u8865\u9F50\u4E3A /v1\u3002" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "ai-custom-provider-api-key", children: "API Key" }), _jsx(Input, { id: "ai-custom-provider-api-key", type: "password", value: apiKey, disabled: saving, autoComplete: "new-password", "data-lpignore": "true", onChange: (event) => setApiKey(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "ai-custom-provider-proxy-url", children: "Proxy URL\uFF08\u53EF\u9009\uFF09" }), _jsx(Input, { id: "ai-custom-provider-proxy-url", value: proxyUrl, disabled: saving, placeholder: "http://127.0.0.1:7890", onChange: (event) => setProxyUrl(event.target.value) })] }), localError || error ? (_jsx("p", { className: "text-sm text-destructive", children: localError ?? error })) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", disabled: saving, onClick: () => onOpenChange(false), children: "\u53D6\u6D88" }), _jsx(Button, { type: "button", disabled: saving, onClick: submit, children: "\u4FDD\u5B58\u81EA\u5B9A\u4E49 Provider" })] })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-md", style: { maxHeight: 'calc(100vh - 2rem)', overflowY: 'auto' }, "aria-describedby": "ai-custom-provider-description", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "\u6DFB\u52A0\u81EA\u5B9A\u4E49\u670D\u52A1\u5546" }) }), _jsx("p", { id: "ai-custom-provider-description", className: "text-sm text-muted-foreground", children: "\u7528 OpenAI/Anthropic \u517C\u5BB9\u534F\u8BAE\u63A5\u5165\u7B2C\u4E09\u65B9\u6A21\u578B\u670D\u52A1\u3002Xpod \u4F1A\u628A\u771F\u5B9E API Key \u5B58\u8FDB\u5F53\u524D Pod\u3002" }), _jsxs("div", { className: "flex flex-col gap-4 py-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "ai-custom-provider-name", children: "Provider \u540D\u79F0" }), _jsx(Input, { id: "ai-custom-provider-name", value: name, disabled: saving, placeholder: "\u4F8B\u5982 OpenRouter", onChange: (event) => setName(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "ai-custom-provider-compatibility", children: "\u517C\u5BB9\u534F\u8BAE" }), _jsxs(NativeSelect, { id: "ai-custom-provider-compatibility", value: compatibility, disabled: saving, "aria-label": "\u517C\u5BB9\u534F\u8BAE", className: "h-9", onChange: (event) => setCompatibility(event.target.value), children: [_jsx("option", { value: "auto", children: "\u81EA\u52A8\u63A2\u6D4B" }), _jsx("option", { value: "openai", children: "OpenAI \u517C\u5BB9\u4F18\u5148" }), _jsx("option", { value: "anthropic", children: "Anthropic \u517C\u5BB9\u4F18\u5148" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "ai-custom-provider-base-url", children: "Base URL" }), _jsx(Input, { id: "ai-custom-provider-base-url", value: baseUrl, disabled: saving, placeholder: "https://openrouter.ai/api \u6216 https://openrouter.ai/api/v1", onChange: (event) => setBaseUrl(event.target.value) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "\u88F8\u57DF\u540D\u4F1A\u81EA\u52A8\u8865\u9F50\u4E3A /v1\u3002" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "ai-custom-provider-api-key", children: "API Key" }), _jsx(Input, { id: "ai-custom-provider-api-key", type: "password", value: apiKey, disabled: saving, autoComplete: "new-password", "data-lpignore": "true", onChange: (event) => setApiKey(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "ai-custom-provider-proxy-url", children: "Proxy URL\uFF08\u53EF\u9009\uFF09" }), _jsx(Input, { id: "ai-custom-provider-proxy-url", value: proxyUrl, disabled: saving, placeholder: "http://127.0.0.1:7890", onChange: (event) => setProxyUrl(event.target.value) })] }), localError || error ? (_jsx("p", { className: "text-sm text-destructive", children: localError ?? error })) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", disabled: saving, onClick: () => onOpenChange(false), children: "\u53D6\u6D88" }), _jsx(Button, { type: "button", disabled: saving, onClick: submit, children: "\u4FDD\u5B58\u81EA\u5B9A\u4E49\u670D\u52A1\u5546" })] })] }) }));
 }
 export function normalizeCustomBaseUrl(value) {
     const trimmed = value.trim();

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

@@ -1,4 +1,4 @@
-import { type AiEndpointEntry } from './offering-endpoints';
+import { type AiEndpointEntry } from './offering-endpoints.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

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

@@ -1,5 +1,5 @@
-import type { GatewayKeyRecord } from './contract/ai-connections-client';
-import { type AiConnectionsClientId } from './AiClientConfigurationSection';
+import type { GatewayKeyRecord } from './contract/ai-connections-client.js';
+import { type AiConnectionsClientId, type AiClientConfigurationStatus } from './AiClientConfigurationSection.js';
 export interface AiGatewayKeyBinding {
     clientId?: AiConnectionsClientId;
     label: string;
@@ -9,9 +9,16 @@ export interface AiGatewayKeyBinding {
  * 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 declare function AiGatewayKeyRow({ record, busy, onDestroy, }: {
+export declare function AiGatewayKeyRow({ record, busy, confirming, configurationStatus, onReissue, onEnable, onRequestDestroy, onCancelDestroy, onDestroy, }: {
     record: GatewayKeyRecord;
     busy: boolean;
+    /** §7.3：销毁前先说明影响，第二次点击才真正删除。 */
+    confirming?: boolean;
+    configurationStatus?: AiClientConfigurationStatus;
+    onReissue?: () => void;
+    onEnable?: () => void;
+    onRequestDestroy: () => void;
+    onCancelDestroy: () => void;
     onDestroy: () => void;
 }): import("react").JSX.Element;
 /** Where the credential is in effect: the client application and the device. */

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, 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, 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. */