@undefineds.co/xpod 0.4.20 → 0.4.27

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

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Dialog, DialogContent, DialogHeader, DialogTitle, LoginConnectingView, LoginFailureView, } from '@undefineds.co/shared-ui';
-import { offeringTitle } from './offering-label.js';
-import { authorizationMethodsForOffering, connectModeForMethod, isApiKeyMethod, isOAuthMethod, isOAuthMode, isPendingAttempt, modeForOffering, } from './authorization-methods.js';
+import { offeringTitle, offeringUnavailableMessage } from './offering-label.js';
+import { authorizationMethodsForOffering, connectModeForMethod, isApiKeyMethod, isBrowserConnectMethod, isOAuthMethod, isOAuthMode, isPendingAttempt, modeForOffering, } from './authorization-methods.js';
 import { AiApiKeyPool } from './AiApiKeyPool.js';
 /**
  * The connect dialog: one fieldset per offering, each showing whichever step that
@@ -22,7 +22,10 @@ export function AiConnectDialog({ controller, definition, offerings, apiOffering
                     signature: attempt.signature, ...(attempt.offeringId ? { offeringId: attempt.offeringId } : {}) });
             }
             controller.close();
-        }, children: _jsxs(DialogContent, { className: "max-h-[85vh] overflow-y-auto sm:max-w-lg", "aria-describedby": undefined, children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: controller.title }) }), _jsx("div", { className: "space-y-5", "aria-label": "\u6DFB\u52A0\u8FDE\u63A5", children: dialogOfferings.map((offering) => {
+        }, children: _jsxs(DialogContent, { className: "max-h-[85vh] overflow-y-auto sm:max-w-lg", "aria-describedby": undefined, children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: controller.title }) }), _jsx("div", { className: "space-y-5", "aria-label": "\u6DFB\u52A0\u8FDE\u63A5", children: controller.choosingConsole ? _jsxs(_Fragment, { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "\u6253\u5F00\u670D\u52A1\u5546\u63A7\u5236\u53F0\u521B\u5EFA API Key\uFF0C\u518D\u56DE\u5230 Xpod \u586B\u5199\u3002\u6B64\u5165\u53E3\u4E0D\u4F1A\u8FDB\u884C\u8D26\u53F7\u6388\u6743\u3002" }), offerings.map((offering) => {
+                                const method = authorizationMethodsForOffering(offering).find(isBrowserConnectMethod);
+                                return method ? _jsx(Button, { variant: "outline", className: "w-full", disabled: busy || disabled || method.lifecycle !== 'active', title: method.reason, onClick: () => controller.beginBrowser(offering, method), children: offeringTitle(offering) }, offering.id) : null;
+                            })] }) : dialogOfferings.map((offering) => {
                         const otherAuthorizationPending = isPendingAttempt(attempt) && isOAuthMode(attempt?.mode)
                             && (attemptOfferingId ?? attempt?.offeringId) !== offering.id;
                         const actionDisabled = disabled || saving || otherAuthorizationPending;
@@ -36,9 +39,7 @@ export function AiConnectDialog({ controller, definition, offerings, apiOffering
                         const attemptedMode = authorizationError?.mode ?? offeringAttempt?.mode ?? (attemptedMethod ? connectModeForMethod(attemptedMethod) : modeForOffering(offering));
                         const offeringError = error?.offeringId === offering.id ? error.message : undefined;
                         if (offering.lifecycle === 'unavailable' && activeMethods.length === 0) {
-                            return _jsxs("fieldset", { "data-create-offering": offering.id, className: "space-y-2 border-t border-border/50 pt-3 first:border-t-0 first:pt-0", children: [_jsx("legend", { className: "px-1 text-sm font-medium", children: offeringTitle(offering) }), _jsx("p", { className: "text-xs text-muted-foreground", children: offering.kind === 'oauth-subscription'
-                                            ? '暂不可用：账号订阅需在 Xpod 桌面版中导入本机客户端（如 Codex CLI）的登录态，浏览器中无法完成。'
-                                            : '暂不可用：该接入方式尚未提供可用的连接流程。' })] }, offering.id);
+                            return _jsxs("fieldset", { "data-create-offering": offering.id, className: "space-y-2 border-t border-border/50 pt-3 first:border-t-0 first:pt-0", children: [_jsx("legend", { className: "px-1 text-sm font-medium", children: offeringTitle(offering) }), _jsx("p", { className: "text-xs text-muted-foreground", children: offeringUnavailableMessage(offering) })] }, offering.id);
                         }
                         const failedAuthorizationMode = authorizationError?.mode;
                         if (offeringError && isOAuthMode(failedAuthorizationMode)) {
@@ -59,6 +60,6 @@ export function AiConnectDialog({ controller, definition, offerings, apiOffering
                                             controller.close();
                                         }, children: "\u53D6\u6D88\u8FDE\u63A5" })] }, offering.id);
                         }
-                        return _jsxs("fieldset", { "data-create-offering": offering.id, disabled: actionDisabled, className: "space-y-3 border-t border-border/50 pt-3 first:border-t-0 first:pt-0", "aria-label": `${offeringTitle(offering)}接入操作`, children: [_jsx("legend", { className: "px-1 text-sm font-medium", children: offeringTitle(offering) }), supportsApiKey ? _jsx(AiApiKeyPool, { definition: definition, offering: offering, status: status, createOfferings: [offering], initialCreate: !editing, credentials: credentials, initialEditing: editing?.offeringId === offering.id ? editing : undefined, onCloseEdit: controller.close, onSavingChange: controller.setSaving, attempt: offeringAttempt ?? (attempt?.mode === 'browserAssistedApiKey' ? attempt : undefined), apiKey: apiKey, baseUrl: baseUrl, busy: busy, disabled: actionDisabled, onApiKeyChange: onApiKeyChange, onBaseUrlChange: onBaseUrlChange, onBeginApiKey: onBeginApiKey, onBeginBrowser: onBeginBrowser, onSaveApiKey: onSaveApiKey, onDisconnect: onDisconnect, onUpdateCredential: onUpdateCredential, onCreateApiKeyCredential: onCreateApiKeyCredential }, `${offering.id}:${editing?.id ?? ''}`) : null, authorizationOfferingId && !offeringError ? _jsx(LoginConnectingView, { title: "\u6B63\u5728\u8FDE\u63A5", detail: "\u6B63\u5728\u542F\u52A8\u6388\u6743\uFF0C\u8BF7\u7A0D\u5019\u3002", providerLabel: offeringTitle(offering), providerHost: definition.name }) : null, offeringError ? _jsx("p", { className: "w-full text-sm text-destructive", children: offeringError }) : null] }, offering.id);
+                        return _jsxs("fieldset", { "data-create-offering": offering.id, disabled: actionDisabled, className: "space-y-3 border-t border-border/50 pt-3 first:border-t-0 first:pt-0", "aria-label": `${offeringTitle(offering)}接入操作`, children: [_jsx("legend", { className: "px-1 text-sm font-medium", children: offeringTitle(offering) }), supportsApiKey && authorizationOfferingId ? _jsx("p", { className: "text-sm text-muted-foreground", children: "\u8BF7\u5728\u63A7\u5236\u53F0\u521B\u5EFA API Key\uFF0C\u518D\u8FD4\u56DE\u6B64\u5904\u586B\u5199\uFF1B\u65E0\u9700\u7B49\u5F85\u7F51\u9875\u6388\u6743\u3002" }) : null, supportsApiKey ? _jsx(AiApiKeyPool, { definition: definition, offering: offering, status: status, createOfferings: [offering], initialCreate: !editing, credentials: credentials, initialEditing: editing?.offeringId === offering.id ? editing : undefined, onCloseEdit: controller.close, onSavingChange: controller.setSaving, attempt: offeringAttempt ?? (!attemptOfferingId && !attempt?.offeringId && attempt?.mode === 'browserAssistedApiKey' ? attempt : undefined), apiKey: apiKey, baseUrl: baseUrl, busy: busy, disabled: actionDisabled, onApiKeyChange: onApiKeyChange, onBaseUrlChange: onBaseUrlChange, onBeginApiKey: onBeginApiKey, onBeginBrowser: onBeginBrowser, onSaveApiKey: onSaveApiKey, onDisconnect: onDisconnect, onUpdateCredential: onUpdateCredential, onCreateApiKeyCredential: onCreateApiKeyCredential }, `${offering.id}:${editing?.id ?? ''}`) : null, authorizationOfferingId && !supportsApiKey && !offeringError ? _jsx(LoginConnectingView, { title: "\u6B63\u5728\u8FDE\u63A5", detail: "\u6B63\u5728\u542F\u52A8\u6388\u6743\uFF0C\u8BF7\u7A0D\u5019\u3002", providerLabel: offeringTitle(offering), providerHost: definition.name }) : null, offeringError ? _jsx("p", { className: "w-full text-sm text-destructive", children: offeringError }) : null] }, offering.id);
                     }) }), dialogError ? _jsx("p", { role: "alert", className: "text-sm text-destructive", children: dialogError }) : null] }) }));
 }

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

@@ -1,3 +1,3 @@
 import type { AppletSlotProps } from '@undefineds.co/extension-sdk/web';
-import { type AiConnectionsController } from './controller';
+import { type AiConnectionsController } from './controller.js';
 export declare function AiConnectionsHeader({ controller, }: AppletSlotProps<AiConnectionsController>): import("react").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Input } from '@undefineds.co/shared-ui';
-import { Plus, Search } from 'lucide-react';
+import { Button, SearchInput } from '@undefineds.co/shared-ui';
+import { Plus } from 'lucide-react';
 import { useState } from 'react';
 import { AiCustomProviderDialog } from './AiCustomProviderDialog.js';
 import { useProviderSearch, } from './controller.js';
@@ -11,7 +11,7 @@ export function AiConnectionsHeader({ controller, }) {
     const [customProviderError, setCustomProviderError] = useState();
     const saveCustomProvider = async (value) => {
         if (!controller.client) {
-            setCustomProviderError('请先登录后再添加自定义 Provider。');
+            setCustomProviderError('请先登录后再添加自定义服务商。');
             return;
         }
         setSavingCustomProvider(true);
@@ -39,5 +39,5 @@ export function AiConnectionsHeader({ controller, }) {
             setSavingCustomProvider(false);
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex h-full min-w-0 items-center gap-2 px-3", children: [_jsxs("div", { className: "relative min-w-0 flex-1", children: [_jsx(Search, { "aria-hidden": "true", className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { type: "search", "aria-label": "\u641C\u7D22 Provider", placeholder: "\u641C\u7D22 Provider", value: searchQuery, onChange: (event) => controller.setSearchQuery(event.target.value), className: "h-8 border-transparent bg-muted/50 pl-8 text-xs focus-visible:bg-background" })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0", "aria-label": "\u6DFB\u52A0 AI Connection", title: "\u6DFB\u52A0 AI Connection", onClick: () => setCustomDialogOpen(true), children: _jsx(Plus, { className: "h-4 w-4", "aria-hidden": "true" }) })] }), _jsx(AiCustomProviderDialog, { open: customDialogOpen, saving: savingCustomProvider, error: customProviderError, onOpenChange: setCustomDialogOpen, onSave: (value) => void saveCustomProvider(value) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex h-full min-w-0 items-center gap-2 px-3", children: [_jsx("div", { className: "relative min-w-0 flex-1", children: _jsx(SearchInput, { "aria-label": "\u641C\u7D22\u670D\u52A1\u5546", value: searchQuery, onChange: (event) => controller.setSearchQuery(event.target.value) }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8 shrink-0", "aria-label": "\u6DFB\u52A0 AI Connection", title: "\u6DFB\u52A0 AI Connection", onClick: () => setCustomDialogOpen(true), children: _jsx(Plus, { className: "h-4 w-4", "aria-hidden": "true" }) })] }), _jsx(AiCustomProviderDialog, { open: customDialogOpen, saving: savingCustomProvider, error: customProviderError, onOpenChange: setCustomDialogOpen, onSave: (value) => void saveCustomProvider(value) })] }));
 }

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

@@ -1,4 +1,4 @@
-import type { AiConnectionsController } from './controller';
+import type { AiConnectionsController } from './controller.js';
 export declare function AiConnectionsList({ controller }: {
     controller: AiConnectionsController;
 }): import("react").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useRef } from 'react';
-import { Avatar, AvatarFallback, AvatarImage, cn } from '@undefineds.co/shared-ui';
+import { Avatar, AvatarFallback, AvatarImage, InlineNotice, StatusDot, cn } from '@undefineds.co/shared-ui';
 import { WorkspaceLayoutContext } from '@undefineds.co/extension-sdk/react';
 import { XPOD_AVATAR, getProviderAvatar, getProviderAvatarBackground } from './provider-visuals.js';
 import { AI_CONNECTIONS_PINNED_SECTIONS, PROVIDERS, useAvailableProviders, useProviderLoadError, useProviderProducts, useProviderSearch, useProviderStates, useSelectedCredentialId, useSelectedProvider, useSelectedSection, } from './controller.js';
@@ -26,9 +26,10 @@ export function AiConnectionsList({ controller }) {
     const providers = searchQuery
         ? providerItems.filter((provider) => providerDisplayName(provider, providerProducts).toLocaleLowerCase().includes(searchQuery))
         : providerItems;
+    const shownProviders = providers;
     const items = [
         ...AI_CONNECTIONS_PINNED_SECTIONS.map((section) => ({ kind: 'section', id: section.id, label: section.label })),
-        ...providers.map((provider) => ({ kind: 'provider', provider })),
+        ...shownProviders.map((provider) => ({ kind: 'provider', provider })),
     ];
     const optionRefs = useRef([]);
     const selectedIndex = items.findIndex((item) => item.kind === 'section'
@@ -42,17 +43,17 @@ export function AiConnectionsList({ controller }) {
         if (workspace?.mode === 'stack')
             workspace.openMain();
     };
-    return (_jsxs("div", { role: "listbox", "aria-label": "AI \u670D\u52A1", "aria-orientation": "vertical", className: "py-2", children: [_jsx("section", { className: "mb-3", "aria-label": "API Keys", children: items.filter((item) => item.kind === 'section').map((item) => {
+    return (_jsxs("div", { role: "listbox", "aria-label": "AI \u670D\u52A1", "aria-orientation": "vertical", className: "py-2", children: [_jsx("section", { className: "mb-3", "aria-label": "Xpod \u5BC6\u94A5", children: items.filter((item) => item.kind === 'section').map((item) => {
                     const index = items.indexOf(item);
                     return (_jsxs(WorkspaceOption, { index: index, selected: selectedSection === item.id, tabbable: selectedIndex === index || (selectedIndex < 0 && index === 0), label: item.label, optionRefs: optionRefs, onActivate: () => activate(item), onMove: (nextIndex) => moveSelection(items, nextIndex, controller, optionRefs), children: [_jsx(PinnedMark, { section: item.id }), _jsx("span", { className: cn('min-w-0 flex-1 truncate text-sm font-medium', selectedSection === item.id ? 'text-foreground' : 'text-foreground/80'), children: item.label })] }, item.id));
-                }) }), _jsxs("section", { children: [_jsx("h2", { className: "px-5 py-1 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: "Provider" }), providers.map((provider) => {
+                }) }), _jsxs("section", { "data-testid": "ai-provider-section", children: [_jsx("div", { className: "flex items-center justify-between gap-2 px-5 py-1", children: _jsx("h2", { className: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: "\u670D\u52A1\u5546" }) }), shownProviders.map((provider) => {
                         const index = items.findIndex((item) => item.kind === 'provider'
                             && item.provider.id === provider.id
                             && item.provider.credentialId === provider.credentialId);
                         const selected = selectedSection === 'provider' && selectedProvider === provider.id && provider.credentialId === selectedCredentialId;
                         const state = providerStates[provider.id] ?? 'loading';
                         return (_jsxs(WorkspaceOption, { index: index, selected: selected, tabbable: selected || (selectedIndex < 0 && index === 0), label: providerDisplayName(provider, providerProducts), describedBy: `ai-connections-provider-${provider.id}-${provider.credentialId ?? 'default'}-status`, optionRefs: optionRefs, onActivate: () => activate({ kind: 'provider', provider }), onMove: (nextIndex) => moveSelection(items, nextIndex, controller, optionRefs), children: [_jsxs(Avatar, { className: "h-9 w-9 shrink-0 rounded-md border border-border/20", style: getProviderAvatarBackground(provider.id) ? { backgroundColor: getProviderAvatarBackground(provider.id) } : undefined, children: [_jsx(AvatarImage, { src: getProviderAvatar(provider.id), className: "object-cover" }), _jsx(AvatarFallback, { className: "rounded-md bg-muted text-[10px] font-bold uppercase text-muted-foreground", children: providerMark(provider.id) })] }), _jsx("span", { className: cn('min-w-0 flex-1 truncate text-sm font-medium', selected ? 'text-foreground' : 'text-foreground/80'), children: providerDisplayName(provider, providerProducts) }), _jsx(ProviderStateIndicator, { state: state, statusId: `ai-connections-provider-${provider.id}-${provider.credentialId ?? 'default'}-status` })] }, `${provider.id}:${provider.credentialId ?? 'default'}`));
-                    }), providers.length === 0 ? (_jsx("p", { className: "p-8 text-center text-xs text-muted-foreground", children: "\u65E0\u7ED3\u679C" })) : null] }), providerLoadError ? (_jsxs("p", { className: "px-4 py-2 text-xs text-destructive", children: ["Provider \u72B6\u6001\u8BFB\u53D6\u5931\u8D25\uFF1A", providerLoadError] })) : null] }));
+                    }), shownProviders.length === 0 ? (_jsx("p", { className: "p-8 text-center text-xs text-muted-foreground", children: "\u65E0\u7ED3\u679C" })) : null] }), providerLoadError ? (_jsx("div", { className: "px-4 py-2", children: _jsxs(InlineNotice, { tone: "destructive", role: "alert", className: "text-xs", children: ["\u8FDE\u63A5\u72B6\u6001\u8BFB\u53D6\u5931\u8D25\uFF1A", providerLoadError] }) })) : null] }));
 }
 function WorkspaceOption({ index, selected, tabbable, label, describedBy, statusId, optionRefs, onActivate, onMove, children, }) {
     const handleKeyDown = (event) => {
@@ -98,7 +99,7 @@ function PinnedMark({ section: _section }) {
 }
 function ProviderStateIndicator({ state, statusId, }) {
     const active = state === 'configured' || state === 'connected';
-    return (_jsxs("span", { id: statusId, role: "status", "aria-live": "polite", className: "flex shrink-0 items-center gap-1.5", children: [active ? _jsx("span", { className: "h-2 w-2 rounded-full bg-primary", "aria-hidden": "true" }) : null, _jsx("span", { className: "text-[11px] font-normal text-muted-foreground", children: providerStateLabel(state) })] }));
+    return (_jsxs("span", { id: statusId, role: "status", "aria-live": "polite", className: "flex shrink-0 items-center gap-1.5", children: [active ? _jsx(StatusDot, { tone: "info" }) : null, _jsx("span", { className: "text-[11px] font-normal text-muted-foreground", children: providerStateLabel(state) })] }));
 }
 function providerMark(provider) {
     switch (provider) {

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

@@ -1,4 +1,4 @@
-import { type AiConnectionsController } from './controller';
+import { type AiConnectionsController } from './controller.js';
 /**
  * The page's live credentials table.
  *

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

@@ -60,9 +60,9 @@ function AiConnectionsMainBody({ controller, renderToaster, liveCredentialRows,
         return () => controller.cancelProviderLoads();
     }, [controller, liveRevision]);
     if (!controller.client) {
-        return (_jsxs("section", { role: "alert", "aria-label": "AI Connections unavailable", children: [_jsx("h2", { children: "AI Connections \u5C1A\u672A\u5C31\u7EEA" }), _jsx("p", { children: "\u5BBF\u4E3B\u9700\u8981\u5148\u63D0\u4F9B\u5DF2\u767B\u5F55\u7684 WebID \u548C\u53EF\u7528\u7684 Pod\u3002" })] }));
+        return (_jsxs("section", { role: "alert", "aria-label": "AI \u8FDE\u63A5\u5C1A\u672A\u5C31\u7EEA", children: [_jsx("h2", { children: "AI \u8FDE\u63A5\u5C1A\u672A\u5C31\u7EEA" }), _jsx("p", { children: "\u5BBF\u4E3B\u9700\u8981\u5148\u63D0\u4F9B\u5DF2\u767B\u5F55\u7684 WebID \u548C\u53EF\u7528\u7684 Pod\u3002" })] }));
     }
-    return (_jsx("section", { role: "region", "aria-label": regionLabel, children: _jsx(AiConnectionsPanel, { client: controller.client, renderToaster: renderToaster, clientConfigurationBridge: controller.clientConfigurationBridge, selectedSection: selectedSection, selectedProvider: selectedProvider, selectedCredentialId: selectedCredentialId, openExternal: controller.openExternal, providerSummaries: providerSummaries, providerProducts: scopedProducts, providerLoadError: providerLoadError, providerLoading: !providerProducts[selectedProvider] && !providerLoadError, onProviderStateChange: controller.setProviderState, liveRevision: liveRevision, liveCredentialRows: liveCredentialRows }) }));
+    return (_jsx("section", { role: "region", "aria-label": regionLabel, children: _jsx(AiConnectionsPanel, { client: controller.client, onAuthorizeService: controller.authorizeService, renderToaster: renderToaster, clientConfigurationBridge: controller.clientConfigurationBridge, selectedSection: selectedSection, selectedProvider: selectedProvider, selectedCredentialId: selectedCredentialId, openExternal: controller.openExternal, providerSummaries: providerSummaries, providerProducts: scopedProducts, providerLoadError: providerLoadError, providerLoading: !providerProducts[selectedProvider] && !providerLoadError, onProviderStateChange: controller.setProviderState, liveRevision: liveRevision, liveCredentialRows: liveCredentialRows }) }));
 }
 function scopedCustomOfferings(product, credential) {
     if (!credential)

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

@@ -1,3 +1,3 @@
 import type { AppletSlotProps } from '@undefineds.co/extension-sdk/web';
-import { type AiConnectionsController } from './controller';
+import { type AiConnectionsController } from './controller.js';
 export declare function AiConnectionsMainHeader({ controller, }: AppletSlotProps<AiConnectionsController>): import("react").JSX.Element;

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;
@@ -48,6 +48,7 @@ export declare function AiCredentialPoolSection({ definition, product, status, a
     }) => Promise<void>;
     onCreateLocalCredential?: (offering: AiProviderOffering, method?: AiProviderAuthorizationMethod) => Promise<void>;
     onUpdateCredential?: (credential: AiProviderCredentialSummary, patch: {
+        apiKey?: string;
         label?: string;
         enabled?: boolean;
         priority?: number;

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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, SectionHeader, TooltipProvider } from '@undefineds.co/shared-ui';
+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);
@@ -85,18 +61,16 @@ 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, { "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) => {
+    return (_jsx(TooltipProvider, { children: _jsxs("section", { className: "space-y-3", "aria-label": "\u5F53\u524D\u8FDE\u63A5", children: [_jsx(SectionHeader, { level: 3, className: "items-center gap-2", titleClassName: "flex items-center gap-2 text-sm font-medium text-foreground/90", title: _jsxs(_Fragment, { children: [_jsx(Settings2, { "aria-hidden": "true", className: "h-4 w-4 text-primary" }), "\u5F53\u524D\u8FDE\u63A5"] }), actions: _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));
+                                }
+                                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));
+                            })] }) }), 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,18 @@ 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, onTest, testing, onRequestDestroy, onCancelDestroy, onDestroy, }: {
     record: GatewayKeyRecord;
     busy: boolean;
+    /** §7.3：销毁前先说明影响，第二次点击才真正删除。 */
+    confirming?: boolean;
+    configurationStatus?: AiClientConfigurationStatus;
+    onReissue?: () => void;
+    onEnable?: () => void;
+    onTest?: () => void;
+    testing?: boolean;
+    onRequestDestroy: () => void;
+    onCancelDestroy: () => void;
     onDestroy: () => void;
 }): import("react").JSX.Element;
 /** Where the credential is in effect: the client application and the device. */