@undefineds.co/xpod 0.4.10 → 0.4.12

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

@@ -1,14 +1,35 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AI_CONNECTIONS_PINNED_SECTIONS, PROVIDERS, useProviderLoadError, useProviderProducts, useProviderSummaries, useSelectedCredentialId, useSelectedProvider, useSelectedSection, } from './controller.js';
+import { AI_CONNECTIONS_PINNED_SECTIONS, PROVIDERS, useLiveRevision, useProviderLoadError, useProviderProducts, useProviderSummaries, useSelectedCredentialId, useSelectedProvider, useSelectedSection, } from './controller.js';
+import { useCredentialRows } from './collections.js';
 import { AiConnectionsPanel } from './AiConnectionsPanel.js';
 import { useEffect } from 'react';
+/**
+ * The page's live credentials table.
+ *
+ * `useCredentialRows` subscribes to the controller's snapshot of the collection:
+ * the rows it returns already include optimistic writes, so a create/update/
+ * delete shows before the Pod has confirmed it, and the projection diff keeps
+ * unchanged rows identical. Both the table and the layer that reads it are
+ * loaded lazily, so this hook is a plain `useSyncExternalStore` over whatever the
+ * controller has - which is nothing until the collection's first read lands.
+ *
+ * Until then - while the layer is still loading, after a failed first read, or
+ * when the host offers no collection at all - `credentialRows` stays undefined
+ * and the page keeps rendering what the store reported, so a table that cannot
+ * load is never shown as an empty table.
+ */
 export function AiConnectionsMain({ controller, renderToaster = true }) {
+    const liveCredentialRows = useCredentialRows(controller);
+    return (_jsx(AiConnectionsMainBody, { controller: controller, renderToaster: renderToaster, liveCredentialRows: liveCredentialRows }));
+}
+function AiConnectionsMainBody({ controller, renderToaster, liveCredentialRows, }) {
     const selectedSection = useSelectedSection(controller);
     const selectedProvider = useSelectedProvider(controller);
     const selectedCredentialId = useSelectedCredentialId(controller);
     const providerSummaries = useProviderSummaries(controller);
     const providerProducts = useProviderProducts(controller);
     const providerLoadError = useProviderLoadError(controller);
+    const liveRevision = useLiveRevision(controller);
     const provider = PROVIDERS.find((item) => item.id === selectedProvider);
     const selectedCredential = selectedProvider === 'custom'
         ? providerProducts.custom?.credentials.find((credential) => credential.id === selectedCredentialId)
@@ -28,15 +49,20 @@ export function AiConnectionsMain({ controller, renderToaster = true }) {
             },
         }
         : providerProducts;
+    useEffect(() => {
+        // The open page holds the live subscriptions for the tables it renders, and
+        // releases them when it goes away. Re-entrant, so StrictMode is harmless.
+        return controller.watchPageTables();
+    }, [controller]);
     useEffect(() => {
         if (controller.client)
             void controller.loadProviders();
         return () => controller.cancelProviderLoads();
-    }, [controller]);
+    }, [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 (_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 }) }));
+    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 }) }));
 }
 function scopedCustomOfferings(product, credential) {
     if (!credential)

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

@@ -1,13 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AI_CONNECTIONS_PINNED_SECTIONS, PROVIDERS, useProviderProducts, useSelectedProvider, useSelectedSection, } from './controller.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AI_CONNECTIONS_PINNED_SECTIONS, PROVIDERS, useLiveUpdates, useProviderProducts, useSelectedProvider, useSelectedSection, } from './controller.js';
+/** One short line per state; the title carries the explanation. */
+const LIVE_UPDATE_AFFORDANCE = {
+    live: {
+        label: '实时',
+        title: '实时更新已开启：Pod 中的改动会立即反映到本页。',
+        dotClass: 'bg-emerald-500',
+    },
+    unavailable: {
+        label: '实时不可用',
+        title: '实时更新当前不可用；本页仍会正常读取与操作。',
+        dotClass: 'bg-muted-foreground/60',
+    },
+};
 export function AiConnectionsMainHeader({ controller, }) {
     const selectedSection = useSelectedSection(controller);
     const selectedProvider = useSelectedProvider(controller);
     const providerProducts = useProviderProducts(controller);
+    const liveUpdates = useLiveUpdates(controller);
     const provider = PROVIDERS.find((candidate) => candidate.id === selectedProvider);
     const title = AI_CONNECTIONS_PINNED_SECTIONS.find((item) => item.id === selectedSection)?.title
         ?? providerProducts[selectedProvider]?.name
         ?? provider?.name
         ?? selectedProvider;
-    return (_jsx("div", { className: "flex h-full min-w-0 items-center px-4", children: _jsx("h1", { className: "truncate text-sm font-medium text-foreground", children: title }) }));
+    const liveAffordance = liveUpdates === 'idle' ? undefined : LIVE_UPDATE_AFFORDANCE[liveUpdates];
+    return (_jsxs("div", { className: "flex h-full min-w-0 items-center gap-2 px-4", children: [_jsx("h1", { className: "truncate text-sm font-medium text-foreground", children: title }), liveAffordance && (_jsxs("span", { "data-live-updates": liveUpdates, title: liveAffordance.title, "aria-label": liveAffordance.title, className: "ml-auto inline-flex shrink-0 items-center gap-1 text-[10px] font-medium text-muted-foreground", children: [_jsx("span", { "aria-hidden": "true", className: `h-1.5 w-1.5 rounded-full ${liveAffordance.dotClass}` }), liveAffordance.label] }))] }));
 }

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

@@ -1,6 +1,7 @@
 import { type AiConnectionsClient, type AiConnectionsProvider, type AiProviderConnectionSummary, type AiProviderSummary } from './ai-connections-client';
 import { type AiConnectionsWorkspaceSection, type ProviderProductState } from './controller';
 import type { AiClientConfigurationBridge } from './AiClientConfigurationSection';
+import { type CredentialRow } from './collections';
 export interface AiConnectionsPanelProps {
     client: AiConnectionsClient;
     /** Disable when the embedding application already renders shared-ui Toaster. */
@@ -16,5 +17,19 @@ export interface AiConnectionsPanelProps {
     providerLoading?: boolean;
     onProviderStateChange?: (provider: AiConnectionsProvider, state: ProviderProductState) => void;
     onModelSelectionChange?: (provider: AiConnectionsProvider, modelIds: string[]) => void;
+    /**
+     * Advances when a watched Pod table document changed; the page re-reads the
+     * tables it renders through its existing loaders.
+     */
+    liveRevision?: number;
+    /**
+     * Live rows of the credentials table, when the host exposes a collection.
+     *
+     * Present, every credential list the page renders is rebuilt from these rows
+     * (including optimistic writes) instead of from the summary the store read, so
+     * one table has one owner. The store's summaries stay the enrichment source
+     * for the attributes the descriptor cannot project.
+     */
+    liveCredentialRows?: readonly CredentialRow[];
 }
-export declare function AiConnectionsPanel({ client, renderToaster, openExternal, clientConfigurationBridge, selectedSection, selectedProvider, selectedCredentialId, providerSummaries: providerSummariesInput, providerProducts, providerLoadError, providerLoading, onProviderStateChange, onModelSelectionChange, }: AiConnectionsPanelProps): import("react").JSX.Element;
+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;

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

@@ -1,5 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Toaster, toast, } from '@undefineds.co/shared-ui';
 import { normalizeAiConnectionsThrownError, } from './ai-connections-client.js';
 import { PROVIDERS, } from './controller.js';
@@ -7,8 +7,10 @@ import { offeringTitle } from './offering-label.js';
 import { AiProviderCard, } from './AiProviderCard.js';
 import { AiModelEditorDialog, } from './AiModelEditorDialog.js';
 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, }) {
+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, }) {
     const [connectionStates, setConnectionStates] = useState({});
     const [models, setModels] = useState([]);
     const [gatewayModels, setGatewayModels] = useState();
@@ -29,10 +31,17 @@ export function AiConnectionsPanel({ client, renderToaster = true, openExternal
     const [providerProductOverrides, setProviderProductOverrides] = useState({});
     const pollingGeneration = useRef(0);
     const modelSelectionGeneration = useRef({});
-    const effectiveProviderProducts = {
+    /**
+     * Credentials come from the live rows whenever the host has a collection for
+     * that table; the store's own list is only the enrichment carrier, and an
+     * override produced by a mutation is a projection of those same rows, never an
+     * independent read. Everything else about a product (offerings, models,
+     * status) still comes from the merged products.
+     */
+    const effectiveProviderProducts = withLiveCredentials({
         ...providerProducts,
         ...providerProductOverrides,
-    };
+    }, credentialCarriers(providerProducts, providerProductOverrides), liveCredentialRows);
     const updateConnectionState = useCallback((provider, state) => {
         setConnectionStates((current) => ({ ...current, [provider]: state }));
         onProviderStateChange?.(provider, productStateFromConnection(state));
@@ -80,7 +89,7 @@ export function AiConnectionsPanel({ client, renderToaster = true, openExternal
             active = false;
             pollingGeneration.current += 1;
         };
-    }, [client]);
+    }, [client, liveRevision]);
     useEffect(() => {
         let active = true;
         setGatewayModels(undefined);
@@ -130,14 +139,15 @@ export function AiConnectionsPanel({ client, renderToaster = true, openExternal
             setBusy(provider, false);
         }
     };
+    /**
+     * The provider-level browser entry the legacy connect path still calls.
+     *
+     * Which ways in exist is offering data, so a definition can no longer name a
+     * mode; the only mode left at this level is the API-key flow, which is what
+     * this handler starts.
+     */
     const beginBrowserConnect = async (definition) => {
-        if (definition.browserMode === 'connectUnsupported')
-            return;
-        if (definition.browserMode === 'browserAssistedApiKey') {
-            await beginApiKey(definition.id);
-            return;
-        }
-        await beginConnectMode(definition.id, definition.browserMode);
+        await beginApiKey(definition.id);
     };
     const beginOfferingConnect = async (provider, offering, mode, method) => {
         if (mode === 'browserAssistedApiKey') {
@@ -651,10 +661,39 @@ export function AiConnectionsPanel({ client, renderToaster = true, openExternal
             }
         })();
     }, [client, effectiveProviderProducts, modelSelectionGeneration, models, onModelSelectionChange, selectedCredentialId, selectedModelIds]);
+    /** Selection ids a provider currently has, however they were last reported. */
+    const selectionIdsFor = useCallback((provider) => (selectedModelIds[provider]
+        ?? effectiveProviderProducts[provider]?.selectedModels.map(modelSelectionId)
+        ?? []), [selectedModelIds, effectiveProviderProducts]);
+    /**
+     * The key a gateway row is selected under.
+     *
+     * The projection names a model by its id; the Pod stores the selection as the
+     * model's resource URI. Selecting by the bare id would therefore compare
+     * unequal against everything already stored and resolve to a resource the
+     * write cannot find, so the row's own id is used whenever the account has one.
+     */
+    const gatewaySelectionId = useCallback((model) => {
+        const stored = models.find((candidate) => candidate.provider === model.provider
+            && modelCatalogId(candidate) === modelCatalogId(model));
+        return stored ? modelSelectionId(stored) : modelSelectionId(model);
+    }, [models]);
+    /** The gateway list switches the same selection the provider pages switch. */
+    const gatewayModelSelection = useMemo(() => ({
+        isSelected: (model) => selectionIdsFor(model.provider).includes(gatewaySelectionId(model)),
+        toggle: (model) => {
+            const current = selectionIdsFor(model.provider);
+            const selectionId = gatewaySelectionId(model);
+            void handleModelSelectionChange(model.provider, current.includes(selectionId)
+                ? current.filter((id) => id !== selectionId)
+                : [...current, selectionId]);
+        },
+        disabled: providerLoading,
+    }), [gatewaySelectionId, handleModelSelectionChange, providerLoading, selectionIdsFor]);
     const providerContent = (_jsxs("section", { children: [providerLoadError ? (_jsxs("p", { className: "mb-4 rounded-md border border-destructive/30 px-3 py-2 text-sm text-destructive", children: ["Provider \u72B6\u6001\u8BFB\u53D6\u5931\u8D25\uFF1A", providerLoadError] })) : null, PROVIDERS.filter((definition) => definition.id === (selectedProvider ?? 'openai')).map((definition) => {
                 const providerProduct = effectiveProviderProducts[definition.id];
                 const providerModels = mergeProviderModelCatalog(models.filter((model) => model.provider === definition.id
-                    && (definition.id !== 'custom' || !selectedCredentialId || model.credentialId === selectedCredentialId)), providerProduct?.selectedModels ?? []);
+                    && (definition.id !== 'custom' || !selectedCredentialId || model.credentialId === selectedCredentialId)), providerProduct?.selectedModels ?? [], gatewayModels ?? []);
                 const providerSelectedModelIds = selectedModelIds[definition.id]
                     ?? providerProduct?.selectedModels.map(modelSelectionId)
                     ?? [];
@@ -666,7 +705,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 }));
+    const keyContent = (_jsx(AiGatewayKeysSection, { client: client, 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,
@@ -836,6 +875,9 @@ function delay(milliseconds) {
     return new Promise((resolve) => window.setTimeout(resolve, milliseconds));
 }
 function errorMessage(error) {
+    if (error instanceof TypeError && /failed to fetch|fetch failed|networkerror|load failed/i.test(error.message)) {
+        return '暂时无法连接 Xpod，请在连接恢复后确认操作结果，再重试。';
+    }
     const message = normalizeAiConnectionsThrownError(error);
     return message === 'AI Connection request failed. Please try again.'
         ? '请求未完成。请确认 Xpod 正在运行且登录仍有效，然后重试。'
@@ -936,22 +978,52 @@ function markMissingSelectedModelsUnavailable(current, provider, selectedModels,
     }
     return merged;
 }
-function mergeProviderModelCatalog(catalog, selectedModels) {
-    const merged = [...catalog];
-    for (const selectedModel of selectedModels) {
+/**
+ * Fold the discovered catalog and the Pod's pinned selections into one list.
+ *
+ * Entries are folded onto the model id they name first (`withCatalogModelId`),
+ * so a pinned selection which only carries its stored resource reference lands
+ * on the catalog row it belongs to instead of being listed a second time. The
+ * two rows still keep their own resource ids: the card collects every
+ * `selectionId` it sees, so unpicking the model releases all of them.
+ *
+ * `projection` carries the capability evidence. Capabilities are not Pod data -
+ * a row records what was discovered and nothing more - so they are derived from
+ * the model id against the provider catalog, and the Gateway projection is that
+ * derivation for the models it publishes.
+ */
+function mergeProviderModelCatalog(catalog, selectedModels, projection = []) {
+    const evidence = new Map();
+    for (const model of projection) {
+        evidence.set(`${model.provider}\0${modelCatalogId(model)}`, model);
+    }
+    const withEvidence = (model) => {
+        const source = evidence.get(`${model.provider}\0${modelCatalogId(model)}`);
+        const capabilities = [...new Set([...(model.capabilities ?? []), ...(source?.capabilities ?? [])])];
+        const inputModalities = model.inputModalities ?? source?.inputModalities;
+        if (capabilities.length === 0 && !inputModalities)
+            return model;
+        return compactModel({
+            ...model,
+            ...(capabilities.length > 0 ? { capabilities } : {}),
+            ...(inputModalities ? { inputModalities } : {}),
+        });
+    };
+    const merged = catalog.map((model) => withEvidence(withCatalogModelId(model)));
+    for (const selectedModel of selectedModels.map(withCatalogModelId)) {
         const index = merged.findIndex((model) => modelSelectionId(model) === modelSelectionId(selectedModel));
         if (index === -1) {
-            merged.push(selectedModel);
+            merged.push(withEvidence(selectedModel));
             continue;
         }
-        merged[index] = compactModel({
+        merged[index] = withEvidence(compactModel({
             ...merged[index],
             ...selectedModel,
             displayName: merged[index].displayName ?? selectedModel.displayName,
             availability: merged[index].availability === 'unavailable'
                 ? 'unavailable'
                 : selectedModel.availability,
-        });
+        }));
     }
     return merged;
 }

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

@@ -0,0 +1,35 @@
+import { type ComponentProps } from 'react';
+import { Button } from '@undefineds.co/shared-ui';
+/**
+ * One clipboard affordance for the whole applet: the copied flag, its reset
+ * timer, and the "no clipboard access" failure all live here instead of being
+ * re-implemented by every caller that hands a value to the user.
+ */
+export declare function useCopyToClipboard(resetMs?: number): {
+    copied: boolean;
+    copy: (value: string) => Promise<void>;
+};
+/**
+ * Copy button carrying the applet's established affordance: a `复制 <what>`
+ * accessible name, the visible label swapping to `已复制`, and a check glyph in
+ * place of the copy glyph for the length of the feedback window.
+ */
+export declare function AiCopyButton({ value, label, text, title, variant, size, disabled, className, iconClassName, copiedIconClassName, onError, }: {
+    /**
+     * Text to copy. A function is resolved when the button is pressed, for
+     * secrets that only exist for the length of one flow.
+     */
+    value: string | (() => string);
+    /** What is copied; the accessible name becomes `复制 ${label}`. */
+    label: string;
+    /** Visible label. Omit for an icon-only button. */
+    text?: string;
+    title?: string;
+    variant?: ComponentProps<typeof Button>['variant'];
+    size?: ComponentProps<typeof Button>['size'];
+    disabled?: boolean;
+    className?: string;
+    iconClassName?: string;
+    copiedIconClassName?: string;
+    onError?: (cause: unknown) => void;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Button, cn } from '@undefineds.co/shared-ui';
+import { Check, Copy } from 'lucide-react';
+const CLIPBOARD_UNAVAILABLE = '当前浏览器无法访问剪贴板，请允许剪贴板访问后重试。';
+/**
+ * One clipboard affordance for the whole applet: the copied flag, its reset
+ * timer, and the "no clipboard access" failure all live here instead of being
+ * re-implemented by every caller that hands a value to the user.
+ */
+export function useCopyToClipboard(resetMs = 1500) {
+    const [copied, setCopied] = useState(false);
+    const timer = useRef(undefined);
+    useEffect(() => () => clearTimeout(timer.current), []);
+    const copy = useCallback(async (value) => {
+        if (!navigator.clipboard?.writeText)
+            throw new Error(CLIPBOARD_UNAVAILABLE);
+        await navigator.clipboard.writeText(value);
+        setCopied(true);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => setCopied(false), resetMs);
+    }, [resetMs]);
+    return { copied, copy };
+}
+/**
+ * Copy button carrying the applet's established affordance: a `复制 <what>`
+ * accessible name, the visible label swapping to `已复制`, and a check glyph in
+ * place of the copy glyph for the length of the feedback window.
+ */
+export function AiCopyButton({ value, label, text, title, variant = 'outline', size = 'sm', disabled = false, className, iconClassName = 'h-3.5 w-3.5', copiedIconClassName, onError, }) {
+    const { copied, copy } = useCopyToClipboard();
+    const iconOnly = text === undefined;
+    const Icon = copied ? Check : Copy;
+    const handleClick = () => {
+        void (async () => {
+            try {
+                await copy(typeof value === 'function' ? value() : value);
+            }
+            catch (cause) {
+                onError?.(cause);
+            }
+        })();
+    };
+    return (_jsxs(Button, { type: "button", variant: variant, size: size, disabled: disabled, className: className, "aria-label": `复制 ${label}`, title: title ?? `复制 ${label}`, onClick: handleClick, children: [_jsx(Icon, { "aria-hidden": "true", className: cn(iconClassName, copied && copiedIconClassName) }), _jsx("span", { className: iconOnly ? 'sr-only' : 'ml-1.5', children: copied ? '已复制' : text ?? '复制' })] }));
+}

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

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

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

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

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

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

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

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