@undefineds.co/xpod 0.4.11 → 0.4.12

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

@@ -0,0 +1,175 @@
+import { type ReactNode } from 'react';
+/**
+ * Presentation of a model catalog, shared by the provider pages and the Xpod
+ * keys page: both list models, so the search box, the inline placeholder and the
+ * model rows must stay one implementation.
+ */
+/**
+ * Every capability a model row can show, and the glyph that carries it.
+ *
+ * This is the single definition of the vocabulary: a row renders a glyph for
+ * every token it is given, so a token without an entry here would leave a hole.
+ * `modelIconTokens` therefore filters through it. The two lists used to be
+ * maintained separately, which is how `embedding` and the non-image input
+ * modalities (`pdf`, `audio`, `video`) reached the row with nothing to draw.
+ */
+export declare const MODEL_CAPABILITY_PRESENTATION: {
+    readonly image: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly label: "视觉识别";
+        readonly className: "text-green-500";
+    };
+    readonly pdf: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly label: "文档输入";
+        readonly className: "text-teal-500";
+    };
+    readonly audio: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly label: "音频输入";
+        readonly className: "text-cyan-500";
+    };
+    readonly video: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly label: "视频输入";
+        readonly className: "text-indigo-500";
+    };
+    readonly web: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly label: "联网搜索";
+        readonly className: "text-blue-500";
+    };
+    readonly tool_call: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly label: "函数调用";
+        readonly className: "text-orange-500";
+    };
+    readonly reasoning: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly label: "推理";
+        readonly className: "text-purple-500";
+    };
+    readonly embedding: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly label: "向量模型";
+        readonly className: "text-sky-500";
+    };
+    readonly fast: {
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly label: "快速模型";
+        readonly className: "text-amber-500";
+    };
+};
+export type ModelCapabilityToken = keyof typeof MODEL_CAPABILITY_PRESENTATION;
+export declare function isPresentedCapability(token: string): token is ModelCapabilityToken;
+/**
+ * Capability glyph shown beside a model name.
+ *
+ * Each glyph owns its `TooltipProvider` on purpose. Radix keeps one "pointer in
+ * transit" flag per provider and every trigger inside it ignores pointer moves
+ * while that flag is set, so a glyph whose tooltip is mid-transit would silently
+ * swallow the next hover of any other tooltip in the same provider - including
+ * the ⓘ next to the provider name. Isolating the glyphs keeps that state local.
+ */
+export declare function CapabilityIcon({ type }: {
+    type: string;
+}): import("react").JSX.Element | null;
+/**
+ * Capability tokens for one model row.
+ *
+ * Both surfaces that list models fold the same two sources, and both used to
+ * build the list inline. Duplicates are folded too: a model whose catalog entry
+ * declares an `image` input modality *and* `imageInput: true` describes one
+ * capability, but the two sources would render it twice under one React key.
+ *
+ * Tokens outside the vocabulary are dropped here rather than handed to a glyph
+ * that would render nothing, so a row never carries a mark it cannot show.
+ */
+export declare function modelIconTokens(model: {
+    inputModalities?: readonly string[];
+    capabilities?: readonly string[];
+}): ModelCapabilityToken[];
+/**
+ * The id a model is listed under, however the Pod stored it.
+ *
+ * A Pod persists a picked model as the resource it selected, so an entry can
+ * arrive with that resource reference where the model id belongs - typically a
+ * pinned selection whose document moved to another offering
+ * (`…/settings/providers/openai-official-subscription.ttl#gpt-6-astra`). The
+ * fragment names the model and the document only says where it is stored, so a
+ * reference folds down to the id it names instead of listing that model twice,
+ * once as `GPT-6-Astra` and once as a URL-shaped row.
+ *
+ * `@undefineds.co/models` owns this rule for Pod reads (`normalizeAIConfigModelId`
+ * in its `ai-config` module); the catalog repeats just the identity both lists
+ * fold on, because this package carries no Pod schema.
+ */
+export declare function modelCatalogId(model: {
+    id: string;
+}): string;
+/** Fold one entry onto the model id both surfaces list it under. */
+export declare function withCatalogModelId<T extends {
+    id: string;
+}>(model: T): T;
+/**
+ * Turns one model in a list on or off.
+ *
+ * A checkbox reads as "pick some of these" and says nothing about what picking
+ * does. This is a state with a consequence - the model joins the account's
+ * models, or it is withdrawn from the models list endpoint - so it uses the same
+ * affordance the credential rows already use for 启用/停用, and names the action.
+ */
+export declare function AiModelEnableToggle({ enabled, disabled, label, onToggle, }: {
+    enabled: boolean;
+    disabled?: boolean;
+    /** The model name; the action verb is added around it. */
+    label: string;
+    onToggle(): void;
+}): import("react").JSX.Element;
+/** Magnifier-prefixed model search, sat on the right of a model list header. */
+export declare function AiModelSearchInput({ value, onChange }: {
+    value: string;
+    onChange: (value: string) => void;
+}): import("react").JSX.Element;
+/** Inline placeholder used when a model list has nothing to show. */
+export declare function AiModelEmptyPanel({ tone, children }: {
+    tone?: 'destructive';
+    children: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * One model row, as every list of models renders it.
+ *
+ * This is the component both surfaces use. They used to assemble `AiModelTile`
+ * themselves - each with its own leading control, its own badges and its own
+ * spacing - which is exactly how one list drifted away from the other. A caller
+ * supplies the model, the switch state and any per-row extras; the row itself
+ * is decided here.
+ */
+export declare function AiModelRow({ label, modelId, iconTokens, enabled, toggleDisabled, onToggle, onEdit, onDelete, unavailable, badges, }: {
+    label: string;
+    modelId?: string;
+    iconTokens?: string[];
+    /** The model is on: it is joined to the account and published to clients. */
+    enabled: boolean;
+    toggleDisabled?: boolean;
+    /** Omit for a list that cannot be switched. */
+    onToggle?: () => void;
+    onEdit?: () => void;
+    onDelete?: () => void;
+    unavailable?: boolean;
+    badges?: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * One model row. `leading` carries the provider page's selection checkbox and
+ * `actions` its edit/delete buttons; a read-only list passes neither.
+ */
+export declare function AiModelTile({ label, modelId, iconTokens, badges, leading, actions, selected, unavailable, }: {
+    label: string;
+    modelId?: string;
+    iconTokens?: string[];
+    badges?: ReactNode;
+    leading?: ReactNode;
+    actions?: ReactNode;
+    selected?: boolean;
+    unavailable?: boolean;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, } from '@undefineds.co/shared-ui';
+import { AudioLines, Box, Boxes, Brain, FileText, Globe, Image as ImageIcon, Pause, Pencil, Play, Search, Trash2, Video, Zap, } from 'lucide-react';
+import { AiCopyButton } from './AiCopyButton.js';
+import { AiRowAction } from './AiRowAction.js';
+/**
+ * Presentation of a model catalog, shared by the provider pages and the Xpod
+ * keys page: both list models, so the search box, the inline placeholder and the
+ * model rows must stay one implementation.
+ */
+/**
+ * Every capability a model row can show, and the glyph that carries it.
+ *
+ * This is the single definition of the vocabulary: a row renders a glyph for
+ * every token it is given, so a token without an entry here would leave a hole.
+ * `modelIconTokens` therefore filters through it. The two lists used to be
+ * maintained separately, which is how `embedding` and the non-image input
+ * modalities (`pdf`, `audio`, `video`) reached the row with nothing to draw.
+ */
+export const MODEL_CAPABILITY_PRESENTATION = {
+    image: { icon: ImageIcon, label: '视觉识别', className: 'text-green-500' },
+    pdf: { icon: FileText, label: '文档输入', className: 'text-teal-500' },
+    audio: { icon: AudioLines, label: '音频输入', className: 'text-cyan-500' },
+    video: { icon: Video, label: '视频输入', className: 'text-indigo-500' },
+    web: { icon: Globe, label: '联网搜索', className: 'text-blue-500' },
+    tool_call: { icon: Box, label: '函数调用', className: 'text-orange-500' },
+    reasoning: { icon: Brain, label: '推理', className: 'text-purple-500' },
+    embedding: { icon: Boxes, label: '向量模型', className: 'text-sky-500' },
+    fast: { icon: Zap, label: '快速模型', className: 'text-amber-500' },
+};
+export function isPresentedCapability(token) {
+    return Object.prototype.hasOwnProperty.call(MODEL_CAPABILITY_PRESENTATION, token);
+}
+/**
+ * Capability glyph shown beside a model name.
+ *
+ * Each glyph owns its `TooltipProvider` on purpose. Radix keeps one "pointer in
+ * transit" flag per provider and every trigger inside it ignores pointer moves
+ * while that flag is set, so a glyph whose tooltip is mid-transit would silently
+ * swallow the next hover of any other tooltip in the same provider - including
+ * the ⓘ next to the provider name. Isolating the glyphs keeps that state local.
+ */
+export function CapabilityIcon({ type }) {
+    if (!isPresentedCapability(type))
+        return null;
+    const capability = MODEL_CAPABILITY_PRESENTATION[type];
+    const Icon = capability.icon;
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": capability.label, className: "flex cursor-help items-center justify-center rounded-sm opacity-80 transition-opacity hover:opacity-100 focus:outline-none focus-visible:opacity-100", children: _jsx(Icon, { "aria-hidden": "true", className: cn('h-3.5 w-3.5', capability.className) }) }) }), _jsx(TooltipContent, { children: capability.label })] }) }));
+}
+/**
+ * Capability tokens for one model row.
+ *
+ * Both surfaces that list models fold the same two sources, and both used to
+ * build the list inline. Duplicates are folded too: a model whose catalog entry
+ * declares an `image` input modality *and* `imageInput: true` describes one
+ * capability, but the two sources would render it twice under one React key.
+ *
+ * Tokens outside the vocabulary are dropped here rather than handed to a glyph
+ * that would render nothing, so a row never carries a mark it cannot show.
+ */
+export function modelIconTokens(model) {
+    return [...new Set([
+            ...(model.inputModalities ?? []).filter((modality) => modality !== 'text'),
+            ...(model.capabilities ?? []),
+        ])].filter(isPresentedCapability);
+}
+/**
+ * The id a model is listed under, however the Pod stored it.
+ *
+ * A Pod persists a picked model as the resource it selected, so an entry can
+ * arrive with that resource reference where the model id belongs - typically a
+ * pinned selection whose document moved to another offering
+ * (`…/settings/providers/openai-official-subscription.ttl#gpt-6-astra`). The
+ * fragment names the model and the document only says where it is stored, so a
+ * reference folds down to the id it names instead of listing that model twice,
+ * once as `GPT-6-Astra` and once as a URL-shaped row.
+ *
+ * `@undefineds.co/models` owns this rule for Pod reads (`normalizeAIConfigModelId`
+ * in its `ai-config` module); the catalog repeats just the identity both lists
+ * fold on, because this package carries no Pod schema.
+ */
+export function modelCatalogId(model) {
+    const fragmentIndex = model.id.lastIndexOf('#');
+    return fragmentIndex >= 0 ? model.id.slice(fragmentIndex + 1) : model.id;
+}
+/** Fold one entry onto the model id both surfaces list it under. */
+export function withCatalogModelId(model) {
+    const id = modelCatalogId(model);
+    return id === model.id ? model : { ...model, id };
+}
+/**
+ * Turns one model in a list on or off.
+ *
+ * A checkbox reads as "pick some of these" and says nothing about what picking
+ * does. This is a state with a consequence - the model joins the account's
+ * models, or it is withdrawn from the models list endpoint - so it uses the same
+ * affordance the credential rows already use for 启用/停用, and names the action.
+ */
+export function AiModelEnableToggle({ enabled, disabled = false, label, onToggle, }) {
+    return (_jsx(AiRowAction, { label: `${enabled ? '停用' : '启用'} ${label}`, disabled: disabled, onClick: onToggle, children: 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" }) }));
+}
+/** Magnifier-prefixed model search, sat on the right of a model list header. */
+export function AiModelSearchInput({ value, onChange }) {
+    return (_jsxs("div", { className: "relative w-full sm:w-auto", children: [_jsx(Search, { "aria-hidden": "true", className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: value, onChange: (event) => onChange(event.target.value), placeholder: "\u641C\u7D22\u6A21\u578B...", className: "h-8 w-full bg-background pl-8 text-xs sm:w-[232px]", autoComplete: "off", "data-lpignore": "true", "data-1p-ignore": true })] }));
+}
+/** Inline placeholder used when a model list has nothing to show. */
+export function AiModelEmptyPanel({ tone, children }) {
+    return (_jsx("div", { className: "flex items-center gap-2 py-6 text-sm text-muted-foreground", children: tone === 'destructive' ? _jsx("p", { className: "text-destructive", children: children }) : children }));
+}
+/**
+ * One model row, as every list of models renders it.
+ *
+ * This is the component both surfaces use. They used to assemble `AiModelTile`
+ * themselves - each with its own leading control, its own badges and its own
+ * spacing - which is exactly how one list drifted away from the other. A caller
+ * supplies the model, the switch state and any per-row extras; the row itself
+ * is decided here.
+ */
+export function AiModelRow({ label, modelId, iconTokens = [], enabled, toggleDisabled = false, onToggle, onEdit, onDelete, unavailable = false, badges, }) {
+    // The action order is the credential rows' order - edit, 启用/停用, delete - so
+    // the same gesture sits in the same place wherever a row is switched on or off.
+    const hasActions = Boolean(onToggle || onEdit || onDelete);
+    return (_jsx(AiModelTile, { label: label, modelId: modelId, iconTokens: iconTokens, selected: enabled, unavailable: unavailable, badges: badges, actions: hasActions ? (_jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [onEdit ? (_jsx(AiRowAction, { label: `编辑 ${label}`, disabled: toggleDisabled, onClick: onEdit, children: _jsx(Pencil, { "aria-hidden": "true", className: "h-3.5 w-3.5 text-muted-foreground" }) })) : null, onToggle ? (_jsx(AiModelEnableToggle, { enabled: enabled, disabled: toggleDisabled, label: label, onToggle: onToggle })) : null, onDelete ? (_jsx(AiRowAction, { label: `删除 ${label}`, disabled: toggleDisabled, onClick: onDelete, children: _jsx(Trash2, { "aria-hidden": "true", className: "h-3.5 w-3.5 text-muted-foreground" }) })) : null] })) : undefined }));
+}
+/**
+ * One model row. `leading` carries the provider page's selection checkbox and
+ * `actions` its edit/delete buttons; a read-only list passes neither.
+ */
+export function AiModelTile({ label, modelId, iconTokens = [], badges, leading, actions, selected = false, unavailable = false, }) {
+    return (_jsxs("div", { className: cn('group flex items-center gap-3 rounded-lg border bg-card p-3 transition-all duration-200 hover:border-border/60 hover:bg-accent/30', selected ? 'border-primary/40 bg-primary/[0.03]' : 'border-border/40', unavailable && 'opacity-75'), children: [leading, _jsx("div", { className: "shrink-0 rounded bg-muted/50 p-2 text-muted-foreground transition-colors group-hover:text-primary", children: _jsx(Box, { "aria-hidden": "true", className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground/90", children: label }), _jsx("div", { className: "flex items-center gap-1", children: iconTokens.map((token) => _jsx(CapabilityIcon, { type: token }, token)) }), badges] }), modelId && modelId !== label ? (_jsxs("div", { className: "mt-0.5 flex items-center gap-1.5", children: [_jsx("code", { className: "max-w-[300px] truncate font-mono text-[10px] text-muted-foreground opacity-70", children: modelId }), _jsx(AiCopyButton, { value: modelId, label: `${label} ID`, title: "\u590D\u5236 ID", variant: "ghost", size: "icon", className: "h-4 w-4 rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-foreground group-hover:opacity-100 group-focus-within:opacity-100 focus:opacity-100", iconClassName: "h-3 w-3", copiedIconClassName: "text-primary" })] })) : null] }), actions] }));
+}

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

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

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

@@ -1,9 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
-import { Avatar, AvatarFallback, AvatarImage, Badge, Button, Input, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, } from '@undefineds.co/shared-ui';
+import { Badge, Button, TooltipProvider, } from '@undefineds.co/shared-ui';
 import { getProviderAvatar, getProviderAvatarBackground } from './provider-visuals.js';
-import { Box, Brain, Check, Copy, ExternalLink, Globe, Image as ImageIcon, Info, Loader2, Pencil, Plus, RotateCw, Search, Trash2, } from 'lucide-react';
+import { Box, Check, Loader2, Plus, RotateCw, } from 'lucide-react';
+import { AiProviderHeader } from './AiProviderHeader.js';
 import { AiCredentialPoolSection, } from './AiCredentialPoolSection.js';
+import { AiModelEmptyPanel, AiModelSearchInput, AiModelRow, modelIconTokens, } from './AiModelCatalog.js';
 export function AiProviderCard({ definition, product, status, accountLabel, attempt, attemptOfferingId, apiKey, baseUrl = '', busy, disabled = false, error, quotas, models, verifyPending = false, onApiKeyChange, onBaseUrlChange, onBeginApiKey, onBeginOffering, onCancelConnect, onBeginBrowser, onSaveApiKey, onDisconnect, onCreateApiKeyCredential, onCreateLocalCredential, onUpdateCredential, onDeleteCredential, onTestCredential, onReorderCredentials, onRefreshQuota, onVerify, onAddModel, onEditModel, onDeleteModel, selectedModelIds, modelSelectionStatus, onModelSelectionChange, onDismissError, }) {
     const isConfigured = status === 'configured';
     const isConnected = status === 'connected';
@@ -11,7 +13,6 @@ export function AiProviderCard({ definition, product, status, accountLabel, atte
         ? error.message
         : undefined;
     const [modelSearch, setModelSearch] = useState('');
-    const [copiedModelId, setCopiedModelId] = useState();
     const [localSelectedModelIds, setLocalSelectedModelIds] = useState(selectedModelIds ?? []);
     const effectiveSelectedModelIds = selectedModelIds ?? localSelectedModelIds;
     const catalog = useMemo(() => aggregateProviderModels(models), [models]);
@@ -22,22 +23,8 @@ export function AiProviderCard({ definition, product, status, accountLabel, atte
             return catalog;
         return catalog.filter((model) => model.searchText.includes(query));
     }, [catalog, modelSearch]);
-    const selectableVisibleModels = visibleModels.filter((model) => model.availability !== 'unavailable');
-    const selectedVisibleCount = selectableVisibleModels.filter(isModelSelected).length;
-    const allVisibleSelected = selectableVisibleModels.length > 0 && selectedVisibleCount === selectableVisibleModels.length;
-    const someVisibleSelected = selectedVisibleCount > 0 && !allVisibleSelected;
     const selectedModelCount = catalog.filter(isModelSelected).length;
     const unavailableModelCount = catalog.filter((model) => model.availability === 'unavailable').length;
-    const copyModelId = async (modelId) => {
-        try {
-            await navigator.clipboard.writeText(modelId);
-            setCopiedModelId(modelId);
-            setTimeout(() => setCopiedModelId((current) => (current === modelId ? undefined : current)), 1500);
-        }
-        catch {
-            setCopiedModelId(undefined);
-        }
-    };
     const toggleModel = (model) => {
         const next = new Set(effectiveSelectedModelIds);
         const remove = isModelSelected(model);
@@ -52,56 +39,18 @@ export function AiProviderCard({ definition, product, status, accountLabel, atte
             setLocalSelectedModelIds(nextModelIds);
         onModelSelectionChange?.(definition.id, nextModelIds);
     };
-    const toggleVisibleModels = () => {
-        const next = new Set(effectiveSelectedModelIds);
-        for (const model of selectableVisibleModels) {
-            for (const id of allVisibleSelected ? model.selectionIds : model.availableSelectionIds) {
-                if (allVisibleSelected)
-                    next.delete(id);
-                else
-                    next.add(id);
-            }
-        }
-        const nextModelIds = [...next];
-        if (selectedModelIds === undefined)
-            setLocalSelectedModelIds(nextModelIds);
-        onModelSelectionChange?.(definition.id, nextModelIds);
-    };
-    return (_jsx(TooltipProvider, { children: _jsxs("div", { className: "space-y-8", children: [_jsxs("header", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Avatar, { className: "h-9 w-9 shrink-0 rounded-lg border border-border/50 bg-muted/50 shadow-sm", style: getProviderAvatarBackground(definition.id) ? { backgroundColor: getProviderAvatarBackground(definition.id) } : undefined, children: [_jsx(AvatarImage, { src: getProviderAvatar(definition.id), className: "object-cover" }), _jsx(AvatarFallback, { className: "rounded-lg bg-transparent text-sm font-bold uppercase text-muted-foreground", children: providerMark(definition.id) })] }), _jsxs("div", { className: "flex flex-col justify-center gap-0.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h2", { className: "text-base font-semibold leading-none tracking-tight text-foreground", children: definition.name }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "\u63D0\u4F9B\u5546\u8BF4\u660E", className: "cursor-help rounded-sm text-muted-foreground/50 focus:outline-none focus-visible:text-foreground", children: _jsx(Info, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) }) }), _jsxs(TooltipContent, { className: "max-w-xs space-y-2 text-xs", children: [_jsx("p", { children: definition.description }), _jsx("p", { children: "Provider \u51ED\u8BC1\u4FDD\u5B58\u5728\u5F53\u524D Pod\uFF0C\u7531 Pod \u6743\u9650\u4FDD\u62A4\u3002" })] })] })] }), _jsxs("a", { href: definition.homeUrl, target: "_blank", rel: "noreferrer", className: "flex items-center gap-0.5 text-[10px] leading-none text-muted-foreground transition-colors hover:text-primary", children: ["\u8BBF\u95EE\u5B98\u7F51 ", _jsx(ExternalLink, { "aria-hidden": "true", className: "h-2.5 w-2.5" })] })] })] }), _jsx(Badge, { variant: isConnected || isConfigured ? 'default' : 'secondary', children: connectionStatusLabel(status) })] }), _jsx(AiCredentialPoolSection, { definition: definition, product: product, status: status, accountLabel: accountLabel, attempt: attempt, attemptOfferingId: attemptOfferingId, apiKey: apiKey, baseUrl: baseUrl, busy: busy, disabled: disabled, error: error, suppressError: Boolean(catalogError), quotas: quotas, onApiKeyChange: onApiKeyChange, onBaseUrlChange: onBaseUrlChange, onBeginApiKey: onBeginApiKey, onBeginOffering: onBeginOffering, onCancelConnect: onCancelConnect, onBeginBrowser: onBeginBrowser, onSaveApiKey: onSaveApiKey, onDisconnect: onDisconnect, onCreateApiKeyCredential: product?.offerings.length ? onCreateApiKeyCredential : undefined, onCreateLocalCredential: product?.offerings.length ? onCreateLocalCredential : undefined, onUpdateCredential: onUpdateCredential, onDeleteCredential: onDeleteCredential, onTestCredential: onTestCredential, onReorderCredentials: onReorderCredentials, onRefreshQuota: onRefreshQuota, onDismissError: onDismissError }), _jsxs("section", { className: "space-y-4", children: [_jsxs("div", { "data-testid": "provider-models-header", className: "flex flex-col gap-3 border-b border-border/40 pb-4 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [_jsx(Box, { className: "h-4 w-4 shrink-0 text-primary" }), _jsx("h3", { className: "shrink-0 text-sm font-medium text-foreground/90", children: "\u53EF\u7528\u6A21\u578B" }), _jsxs("span", { className: "text-xs text-muted-foreground", children: ["\u5171 ", catalog.length, " \u00B7 \u5DF2\u52A0\u5165 ", selectedModelCount, " \u00B7 \u5DF2\u5931\u6548 ", unavailableModelCount] }), _jsxs("span", { role: "status", "aria-live": "polite", "aria-atomic": "true", className: cn('inline-flex items-center gap-1 text-xs', modelSelectionStatus === 'error' ? 'text-destructive' : 'text-muted-foreground'), children: [modelSelectionStatus === 'saving'
-                                                    ? _jsx(Loader2, { "aria-hidden": "true", className: "h-3 w-3 animate-spin motion-reduce:animate-none" })
-                                                    : modelSelectionStatus === 'saved' ? _jsx(Check, { "aria-hidden": "true", className: "h-3 w-3" }) : null, modelSelectionStatus === 'saving' ? '保存中…'
-                                                    : modelSelectionStatus === 'saved' ? '已保存'
-                                                        : modelSelectionStatus === 'error' ? '保存失败，请重试' : '选择后自动保存'] })] }), _jsxs("div", { "data-testid": "provider-models-actions", className: "flex w-full flex-wrap items-center gap-2 sm:w-auto sm:flex-nowrap sm:justify-end", children: [(isConfigured || isConnected) && (onVerify || onAddModel) ? (_jsxs(_Fragment, { children: [onAddModel ? (_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", disabled: disabled || busy, onClick: onAddModel, children: [_jsx(Plus, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), "\u6DFB\u52A0\u6A21\u578B"] })) : null, onVerify && models.length > 0 ? (_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", disabled: disabled || busy || verifyPending, onClick: onVerify, children: [verifyPending
+    return (_jsx(TooltipProvider, { children: _jsxs("div", { className: "space-y-8", children: [_jsx(AiProviderHeader, { name: definition.name, mark: providerMark(definition.id), avatar: getProviderAvatar(definition.id), avatarBackground: getProviderAvatarBackground(definition.id), infoLabel: "\u63D0\u4F9B\u5546\u8BF4\u660E", infoLines: [definition.description, 'Provider 凭证保存在当前 Pod，由 Pod 权限保护。'], link: { href: definition.homeUrl, label: '访问官网' }, badge: (_jsx(Badge, { variant: isConnected || isConfigured ? 'default' : 'secondary', children: connectionStatusLabel(status) })) }), _jsx(AiCredentialPoolSection, { definition: definition, product: product, status: status, accountLabel: accountLabel, attempt: attempt, attemptOfferingId: attemptOfferingId, apiKey: apiKey, baseUrl: baseUrl, busy: busy, disabled: disabled, error: error, suppressError: Boolean(catalogError), quotas: quotas, onApiKeyChange: onApiKeyChange, onBaseUrlChange: onBaseUrlChange, onBeginApiKey: onBeginApiKey, onBeginOffering: onBeginOffering, onCancelConnect: onCancelConnect, onBeginBrowser: onBeginBrowser, onSaveApiKey: onSaveApiKey, onDisconnect: onDisconnect, onCreateApiKeyCredential: product?.offerings.length ? onCreateApiKeyCredential : undefined, onCreateLocalCredential: product?.offerings.length ? onCreateLocalCredential : undefined, onUpdateCredential: onUpdateCredential, onDeleteCredential: onDeleteCredential, onTestCredential: onTestCredential, onReorderCredentials: onReorderCredentials, onRefreshQuota: onRefreshQuota, onDismissError: onDismissError }), _jsxs("section", { className: "space-y-8", children: [_jsxs("div", { "data-testid": "provider-models-header", className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [_jsxs("h3", { className: "flex items-center gap-2 text-sm font-medium text-foreground/90", children: [_jsx(Box, { "aria-hidden": "true", className: "h-4 w-4 text-primary" }), "\u53EF\u7528\u6A21\u578B"] }), _jsxs("span", { className: "text-xs text-muted-foreground", children: ["\u5171 ", catalog.length, " \u00B7 \u5DF2\u52A0\u5165 ", selectedModelCount, " \u00B7 \u5DF2\u5931\u6548 ", unavailableModelCount] }), modelSelectionStatus === 'saving' ? (_jsxs("span", { role: "status", "aria-live": "polite", "aria-atomic": "true", className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(Loader2, { "aria-hidden": "true", className: "h-3 w-3 animate-spin motion-reduce:animate-none" }), "\u4FDD\u5B58\u4E2D\u2026"] })) : null, modelSelectionStatus === 'saved' ? (_jsxs("span", { role: "status", "aria-live": "polite", "aria-atomic": "true", className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(Check, { "aria-hidden": "true", className: "h-3 w-3" }), "\u5DF2\u4FDD\u5B58"] })) : null] }), _jsxs("div", { "data-testid": "provider-models-actions", className: "flex w-full flex-wrap items-center gap-2 sm:w-auto sm:flex-nowrap sm:justify-end", children: [(isConfigured || isConnected) && (onVerify || onAddModel) ? (_jsxs(_Fragment, { children: [onAddModel ? (_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", disabled: disabled || busy, onClick: onAddModel, children: [_jsx(Plus, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), "\u6DFB\u52A0\u6A21\u578B"] })) : null, onVerify && models.length > 0 ? (_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", disabled: disabled || busy || verifyPending, onClick: onVerify, children: [verifyPending
                                                             ? _jsx(Loader2, { "aria-hidden": "true", className: "h-3.5 w-3.5 animate-spin" })
                                                             : _jsx(RotateCw, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), verifyPending ? '同步中...' : '刷新模型'] })) : onVerify ? (_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", disabled: disabled || busy || verifyPending, onClick: onVerify, children: [verifyPending
                                                             ? _jsx(Loader2, { "aria-hidden": "true", className: "h-3.5 w-3.5 animate-spin" })
-                                                            : _jsx(RotateCw, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), verifyPending ? '同步中...' : '同步模型'] })) : null] })) : null, _jsxs("div", { className: "relative w-full sm:w-auto", children: [_jsx(Search, { className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: modelSearch, onChange: (event) => setModelSearch(event.target.value), placeholder: "\u641C\u7D22\u6A21\u578B...", className: "h-8 w-full bg-background pl-8 text-xs sm:w-[232px]", autoComplete: "off", "data-lpignore": "true", "data-1p-ignore": true })] })] })] }), models.length === 0 ? (_jsx("div", { className: "rounded-lg border border-dashed border-border/50 bg-muted/5 py-12 text-center text-sm text-muted-foreground", children: catalogError ? (_jsx("p", { className: "text-destructive", children: catalogError })) : ('暂无可用模型') })) : visibleModels.length === 0 ? (_jsx("div", { className: "rounded-lg border border-dashed border-border/50 bg-muted/5 py-12 text-center text-sm text-muted-foreground", children: "\u672A\u627E\u5230\u5339\u914D\u7684\u6A21\u578B" })) : (_jsxs("div", { className: "grid gap-2", children: [_jsx("div", { className: "flex items-center justify-between px-1 py-1", children: _jsxs("button", { type: "button", role: "checkbox", "aria-label": "\u5168\u9009\u5F53\u524D\u7ED3\u679C", "aria-checked": someVisibleSelected ? 'mixed' : allVisibleSelected, disabled: disabled || busy || selectableVisibleModels.length === 0, onClick: toggleVisibleModels, className: "flex items-center gap-2 text-xs text-muted-foreground disabled:opacity-50", children: [_jsx("span", { className: cn('flex h-4 w-4 items-center justify-center rounded border', allVisibleSelected || someVisibleSelected ? 'border-primary bg-primary text-primary-foreground' : 'border-border'), children: someVisibleSelected ? _jsx("span", { "aria-hidden": "true", children: "\u2212" }) : _jsx(Check, { "aria-hidden": "true", className: cn('h-3 w-3', !allVisibleSelected && 'invisible') }) }), "\u5168\u9009\u5F53\u524D\u7ED3\u679C"] }) }), visibleModels.map((model) => {
-                                    const selectionId = modelSelectionId(model);
-                                    const isSelected = isModelSelected(model);
-                                    const isUnavailable = model.availability === 'unavailable';
-                                    const modelLabel = model.displayName ?? model.id;
-                                    const iconTokens = [
-                                        ...(model.inputModalities ?? []).filter((modality) => modality !== 'text'),
-                                        ...(model.capabilities ?? []),
-                                    ];
-                                    return (_jsxs("div", { className: cn('group flex items-center gap-3 rounded-lg border bg-card p-3 transition-all duration-200 hover:border-border/60 hover:bg-accent/30', isSelected ? 'border-primary/40 bg-primary/[0.03]' : 'border-border/40', isUnavailable && 'opacity-75'), children: [_jsx("button", { type: "button", role: "checkbox", "aria-checked": isSelected, "aria-label": `${isSelected ? '取消选择' : '选择'} ${modelLabel}`, className: cn('flex h-5 w-5 shrink-0 items-center justify-center rounded border transition-colors focus:outline-none focus-visible:border-ring', isSelected
-                                                    ? 'border-primary bg-primary text-primary-foreground'
-                                                    : 'border-border text-transparent hover:border-primary/60'), disabled: disabled || busy || (isUnavailable && !isSelected), onClick: () => toggleModel(model), children: _jsx(Check, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) }), _jsx("div", { className: "shrink-0 rounded bg-muted/50 p-2 text-muted-foreground transition-colors group-hover:text-primary", children: _jsx(Box, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground/90", children: modelLabel }), _jsx("div", { className: "flex items-center gap-1", children: iconTokens.map((token) => _jsx(CapabilityIcon, { type: token }, token)) }), model.custom ? _jsx(Badge, { variant: "outline", className: "shrink-0 text-[10px] font-normal", children: "\u624B\u5DE5" }) : null, isUnavailable ? (_jsx(Badge, { variant: "destructive", className: "shrink-0 text-[10px] font-normal", children: "\u5DF2\u5931\u6548" })) : null] }), model.displayName ? (_jsxs("div", { className: "mt-0.5 flex items-center gap-1.5", children: [_jsx("code", { className: "max-w-[300px] truncate font-mono text-[10px] text-muted-foreground opacity-70", children: model.id }), _jsx("button", { type: "button", onClick: () => void copyModelId(model.id), className: "rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-foreground group-hover:opacity-100 group-focus-within:opacity-100 focus:opacity-100", "aria-label": `复制 ${model.displayName} ID`, title: "\u590D\u5236 ID", children: copiedModelId === model.id
-                                                                    ? _jsx(Check, { "aria-hidden": "true", className: "h-3 w-3 text-primary" })
-                                                                    : _jsx(Copy, { "aria-hidden": "true", className: "h-3 w-3" }) })] })) : null] }), model.custom && (onEditModel || onDeleteModel) ? (_jsxs("div", { className: "flex shrink-0 items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 focus-within:opacity-100", children: [onEditModel ? (_jsx(Button, { variant: "ghost", size: "icon", className: "h-7 w-7", "aria-label": `编辑 ${model.displayName ?? model.id}`, onClick: () => onEditModel(model), children: _jsx(Pencil, { "aria-hidden": "true", className: "h-3.5 w-3.5 text-muted-foreground" }) })) : null, onDeleteModel ? (_jsx(Button, { variant: "ghost", size: "icon", className: "h-7 w-7", "aria-label": `删除 ${model.displayName ?? model.id}`, onClick: () => onDeleteModel(model), children: _jsx(Trash2, { "aria-hidden": "true", className: "h-3.5 w-3.5 text-muted-foreground" }) })) : null] })) : null] }, selectionId));
-                                })] }))] })] }) }));
-}
-function CapabilityIcon({ type }) {
-    const capability = {
-        image: { icon: ImageIcon, label: '视觉识别', className: 'text-green-500' },
-        web: { icon: Globe, label: '联网搜索', className: 'text-blue-500' },
-        tool_call: { icon: Box, label: '函数调用', className: 'text-orange-500' },
-        reasoning: { icon: Brain, label: '推理', className: 'text-purple-500' },
-    }[type];
-    if (!capability)
-        return null;
-    const Icon = capability.icon;
-    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": capability.label, className: "flex cursor-help items-center justify-center rounded-sm opacity-80 transition-opacity hover:opacity-100 focus:outline-none focus-visible:opacity-100", children: _jsx(Icon, { "aria-hidden": "true", className: cn('h-3.5 w-3.5', capability.className) }) }) }), _jsx(TooltipContent, { children: capability.label })] }));
+                                                            : _jsx(RotateCw, { "aria-hidden": "true", className: "h-3.5 w-3.5" }), verifyPending ? '同步中...' : '同步模型'] })) : null] })) : null, _jsx(AiModelSearchInput, { value: modelSearch, onChange: setModelSearch })] })] }), models.length === 0 ? (_jsx(AiModelEmptyPanel, { tone: catalogError ? 'destructive' : undefined, children: catalogError ?? '暂无可用模型' })) : visibleModels.length === 0 ? (_jsx(AiModelEmptyPanel, { children: "\u672A\u627E\u5230\u5339\u914D\u7684\u6A21\u578B" })) : (_jsx("div", { className: "grid gap-2", children: visibleModels.map((model) => {
+                                const selectionId = modelSelectionId(model);
+                                const isSelected = isModelSelected(model);
+                                const isUnavailable = model.availability === 'unavailable';
+                                const modelLabel = model.displayName ?? model.id;
+                                const iconTokens = modelIconTokens(model);
+                                return (_jsx(AiModelRow, { label: modelLabel, modelId: model.id, iconTokens: iconTokens, enabled: isSelected, toggleDisabled: disabled || busy || (isUnavailable && !isSelected), onToggle: () => toggleModel(model), onEdit: model.custom && onEditModel ? () => onEditModel(model) : undefined, onDelete: model.custom && onDeleteModel ? () => onDeleteModel(model) : undefined, unavailable: isUnavailable, badges: (_jsxs(_Fragment, { children: [model.custom ? _jsx(Badge, { variant: "outline", className: "shrink-0 text-[10px] font-normal", children: "\u624B\u5DE5" }) : null, isUnavailable ? (_jsx(Badge, { variant: "destructive", className: "shrink-0 text-[10px] font-normal", children: "\u5DF2\u5931\u6548" })) : null] })) }, selectionId));
+                            }) }))] })] }) }));
 }
 function providerMark(provider) {
     switch (provider) {

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

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+export interface AiProviderHeaderLink {
+    href: string;
+    label: string;
+}
+/**
+ * Header shared by every provider-style page: the provider pages and the Xpod
+ * API KEYS page differ only in mark, copy, link and badge, so the mark/name/ⓘ
+ * anatomy lives here once instead of being re-typed per page.
+ */
+export declare function AiProviderHeader({ name, mark, avatar, avatarBackground, infoLabel, infoLines, link, badge, }: {
+    name: string;
+    /** Initials shown while (or instead of) the mark image. */
+    mark: string;
+    avatar?: string;
+    avatarBackground?: string;
+    infoLabel: string;
+    infoLines: ReactNode[];
+    link: AiProviderHeaderLink;
+    badge?: ReactNode;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, AvatarFallback, AvatarImage, } from '@undefineds.co/shared-ui';
+import { ExternalLink } from 'lucide-react';
+import { AiInfoTooltip } from './AiInfoTooltip.js';
+/**
+ * Header shared by every provider-style page: the provider pages and the Xpod
+ * API KEYS page differ only in mark, copy, link and badge, so the mark/name/ⓘ
+ * anatomy lives here once instead of being re-typed per page.
+ */
+export function AiProviderHeader({ name, mark, avatar, avatarBackground, infoLabel, infoLines, link, badge, }) {
+    return (_jsxs("header", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Avatar, { className: "h-9 w-9 shrink-0 rounded-lg border border-border/50 bg-muted/50 shadow-sm", style: avatarBackground ? { backgroundColor: avatarBackground } : undefined, children: [_jsx(AvatarImage, { src: avatar, className: "object-cover" }), _jsx(AvatarFallback, { className: "rounded-lg bg-transparent text-sm font-bold uppercase text-muted-foreground", children: mark })] }), _jsxs("div", { className: "flex flex-col justify-center gap-0.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h2", { className: "text-base font-semibold leading-none tracking-tight text-foreground", children: name }), _jsx(AiInfoTooltip, { label: infoLabel, lines: infoLines })] }), _jsxs("a", { href: link.href, target: "_blank", rel: "noreferrer", className: "flex items-center gap-0.5 text-[10px] leading-none text-muted-foreground transition-colors hover:text-primary", children: [link.label, " ", _jsx(ExternalLink, { "aria-hidden": "true", className: "h-2.5 w-2.5" })] })] })] }), badge] }));
+}

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

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+/**
+ * One icon action on a list row, carrying its own tooltip.
+ *
+ * Model rows and credential rows offer the same kind of trailing actions, so
+ * the button shape, its 28px hit area and the tooltip that names the action are
+ * defined once here instead of being re-built per row type.
+ */
+export declare function AiRowAction({ label, disabled, onClick, children, }: {
+    /** Also the accessible name and the tooltip text. */
+    label: string;
+    disabled?: boolean;
+    onClick?: () => void;
+    children: ReactNode;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Tooltip, TooltipContent, TooltipTrigger } from '@undefineds.co/shared-ui';
+/**
+ * One icon action on a list row, carrying its own tooltip.
+ *
+ * Model rows and credential rows offer the same kind of trailing actions, so
+ * the button shape, its 28px hit area and the tooltip that names the action are
+ * defined once here instead of being re-built per row type.
+ */
+export function AiRowAction({ 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 })] }));
+}

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { cn } from '@undefineds.co/shared-ui';
 import { GripVertical } from 'lucide-react';
 import { credentialDisplayLabel } from './credential-labels.js';
 export function AiSortableCredentialList({ credentials, disabled, onMove, children }) {
@@ -132,7 +133,7 @@ export function AiSortableCredentialList({ credentials, disabled, onMove, childr
             row.style.transform = `translateY(${shift}px)`;
         });
     };
-    return (_jsxs("div", { ref: listRef, className: "space-y-2", children: [_jsx("span", { className: "sr-only", role: "status", children: announcement }), credentials.map((credential, index) => (_jsx("div", { "data-sortable-credential": credential.id, className: "rounded-lg", children: children(credential, onMove ? (_jsx("button", { type: "button", disabled: unavailable, "aria-label": `拖动排序 ${credentialDisplayLabel(credential)}`, title: credentials.length < 2 ? '至少添加两条连接后可拖动排序' : '拖动调整优先级，或使用方向键、Home / End 排序', className: "flex h-8 w-6 shrink-0 touch-none select-none items-center justify-center rounded text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:opacity-40 enabled:cursor-grab active:cursor-grabbing", onKeyDown: (event) => {
+    return (_jsxs("div", { ref: listRef, className: cn(credentials.length > 0 && 'rounded-xl border border-border/70'), children: [_jsx("span", { className: "sr-only", role: "status", children: announcement }), credentials.map((credential, index) => (_jsx("div", { "data-sortable-credential": credential.id, className: "border-b border-border/60 first-of-type:rounded-t-xl last-of-type:rounded-b-xl last:border-b-0", children: children(credential, onMove ? (_jsx("button", { type: "button", disabled: unavailable, "aria-label": `拖动排序 ${credentialDisplayLabel(credential)}`, title: credentials.length < 2 ? '至少添加两条连接后可拖动排序' : '拖动调整优先级，或使用方向键、Home / End 排序', className: "flex h-8 w-6 shrink-0 touch-none select-none items-center justify-center rounded text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:opacity-40 enabled:cursor-grab active:cursor-grabbing", onKeyDown: (event) => {
                         if (event.key === 'Escape') {
                             finish(false);
                             return;

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

@@ -12,3 +12,10 @@ export { AI_CONNECTIONS_PROVIDERS } from './client/types';
 export type { AiConnectAttempt, AiConnectionBeginOptions, AiConnectionsClient, AiConnectionsCredential, AiConnectionsMode, AiConnectionsProvider, AiConnectStatus, AiGatewayModel, AiProviderAuthorizationMethod, AiProviderAuthorizationMethodId, AiProviderAuthorizationMethodsSummary, AiProviderConnectionSummary, AiProviderCredentialSummary, AiProviderOffering, AiProviderSummary, AiProviderSummaryStatus, AiQuotaSnapshot, AiQuotaWindow, CreateApiKeyCredentialInput, CreatedGatewayKey, CustomProviderModel, DiscoveredProviderModel, GatewayKeyRecord, ProviderModelDiscovery, TestProviderCredentialInput, UpdateProviderCredentialInput, } from './client/types';
 export { AI_CONNECTIONS_GENERIC_ERROR_MESSAGE, AiConnectionsRequestError, normalizeAiConnectionsErrorMessage, normalizeAiConnectionsThrownError, normalizeProxyUrl, redactProxyUrl, } from './client/normalize';
 export { createAiConnectionsClient, resolveAiConnectionsApiBase } from './client/request';
+/**
+ * Storage-shape rules for credential rows. They are shared with the Pod adapter
+ * (`ui/src/extensions/XpodAiConnectionsPodStore.ts`) and with the collection
+ * layer that writes the same rows: one envelope format, one provider relation.
+ */
+export { credentialProviderRelation, credentialRowKeyFor, credentialSecretEnvelope, customCredentialProviderRelation, decodeCredentialSecret, providerOfCredentialKey, providerResourceKey, providerResourceReference, } from './credential-storage';
+export type { CredentialSecretEnvelopeInput, CredentialSecretReadInput, } from './credential-storage';

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

@@ -11,3 +11,9 @@
 export { AI_CONNECTIONS_PROVIDERS } from './client/types.js';
 export { AI_CONNECTIONS_GENERIC_ERROR_MESSAGE, AiConnectionsRequestError, normalizeAiConnectionsErrorMessage, normalizeAiConnectionsThrownError, normalizeProxyUrl, redactProxyUrl, } from './client/normalize.js';
 export { createAiConnectionsClient, resolveAiConnectionsApiBase } from './client/request.js';
+/**
+ * Storage-shape rules for credential rows. They are shared with the Pod adapter
+ * (`ui/src/extensions/XpodAiConnectionsPodStore.ts`) and with the collection
+ * layer that writes the same rows: one envelope format, one provider relation.
+ */
+export { credentialProviderRelation, credentialRowKeyFor, credentialSecretEnvelope, customCredentialProviderRelation, decodeCredentialSecret, providerOfCredentialKey, providerResourceKey, providerResourceReference, } from './credential-storage.js';