@jingyi0605/codingns4dsh 0.2.1-beta.9 → 0.2.1-rc.3

package/data/build/dist/client/features/cli-adapters.js

@@ -1,26 +1,29 @@
-import { createElement, useEffect, useMemo, useRef, useState } from 'react';
+import { createElement, useEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
 import { createVirtualSessionId } from '../../shared/contracts/peer-host.js';
 import { normalizeSubagentBridgeSettings, SUBAGENT_BRIDGE_MAX_CONCURRENT_LIMITS } from '../../shared/contracts/config.js';
 import { adapterDetectionLabel, callCliRpc, catalogRefreshErrorMessage, errorMessage } from '../cli-catalog.js';
-import { dshFormRootStyle, dshPopupSurfaceStyle, dshSettingsButtonStyle, dshSettingsFieldStyle, dshSettingsHelpStyle, dshSettingsListRowStyle, dshThemeColor } from '../theme.js';
+import { dshFormRootStyle, dshSettingsButtonStyle, dshSettingsFieldStyle, dshSettingsHelpStyle, dshSettingsListRowStyle, dshThemeColor } from '../theme.js';
 import { useCodingNsTranslator } from '../locale.js';
-import { backdropPointerDownHandler } from '../popup-dismiss.js';
+import { CliSettingsDialog } from '../cli-settings-dialog.js';
 import { registerExternalToolStreamUi } from '../external-tool-stream.js';
+import { readNativeTranslationDefault } from '../native-translation-default.js';
 import { startContextBreakdownDom } from '../context-breakdown-dom.js';
-import { fetchSessionAdapters, replaceSessionAdapters, sessionAdapterId } from '../session-adapter-cache.js';
+import { fetchSessionAdapters, replaceSessionAdapters, sessionAdapterId, subscribeSessionAdapters } from '../session-adapter-cache.js';
+import { createDshCapabilityRegistry } from '../../dsh-capabilities/routes.js';
 import { providerIconUrl } from '../provider-icons.js';
-import { notifyAdapterCatalogChanged, watchAdapterCatalog } from '../adapter-catalog-watch.js';
-import { invalidateModelCatalogCache } from '../model-catalog-cache.js';
+import { notifyAdapterCatalogChanged, subscribeAdapterCatalogChanged, watchAdapterCatalog } from '../adapter-catalog-watch.js';
+import { getModelCatalogCache, invalidateModelCatalogCache, loadModelCatalog } from '../model-catalog-cache.js';
 import { resolveRefreshIcon } from '../../dsh-capabilities/client/primitives-adapter.js';
 import { createCliSettingsRpc } from '../cli-settings-rpc.js';
 import { createPeerHostManagementApi } from '../peer-host-management-api.js';
 import { SettingsSwitch } from '../settings-controls.js';
 import { uiFontSize } from '../font-scale.js';
+import { CliManagementDialog, cliManagementAction } from '../cli-management-dialog.js';
+import { MagpieModelTag } from '../magpie-model-tag.js';
 const CLI_ADAPTER_STYLE_ID = 'codingns4dsh-cli-adapter-settings-style';
 const cliAdapterClass = {
     panel: 'codingns4dsh-cli-adapter-panel',
     listHeader: 'codingns4dsh-cli-adapter-list-header',
-    listCard: 'codingns4dsh-cli-adapter-list-card',
     row: 'codingns4dsh-cli-adapter-row',
     main: 'codingns4dsh-cli-adapter-main',
     identity: 'codingns4dsh-cli-adapter-identity',
@@ -31,6 +34,8 @@ const cliAdapterClass = {
     version: 'codingns4dsh-cli-adapter-version',
     toggle: 'codingns4dsh-cli-adapter-toggle',
     detectButton: 'codingns4dsh-cli-adapter-detect-button',
+    actions: 'codingns4dsh-cli-adapter-actions',
+    manageButton: 'codingns4dsh-cli-adapter-manage-button',
 };
 /** 设置页 Agent 行的响应式布局；内联样式无法表达移动端换行规则，因此集中注入。 */
 function installCliAdapterStyles() {
@@ -40,36 +45,42 @@ function installCliAdapterStyles() {
     style.dataset.plugin = 'codingns4dsh';
     style.dataset.pluginCss = CLI_ADAPTER_STYLE_ID;
     style.textContent = `
-.${cliAdapterClass.panel}{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}
-.${cliAdapterClass.listCard}{overflow:hidden;border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:14px;background:var(--dsw-alias-bg-layer-1,Canvas);box-shadow:0 1px 3px rgba(15,23,42,.04)}
-.${cliAdapterClass.listHeader}{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:0 6px 10px;color:var(--dsw-alias-label-tertiary,GrayText);border-bottom:1px solid var(--dsw-alias-border-l4,#eef0f2);font-size:13px;font-weight:600;letter-spacing:.02em}
-.${cliAdapterClass.row}{display:flex;align-items:center;width:100%;min-width:0;min-height:76px;gap:16px;padding:13px 18px;box-sizing:border-box;background:transparent}
+.${cliAdapterClass.panel}{display:flex;flex-direction:column;width:100%;min-width:0}
+.${cliAdapterClass.listHeader}{display:flex;align-items:center;gap:8px;margin-top:12px;padding:0 0 8px;color:var(--dsw-alias-label-tertiary,GrayText);border-bottom:1px solid var(--dsw-alias-border-l4,#eef0f2);font-size:12px;font-weight:500}
+.${cliAdapterClass.row}{display:flex;align-items:center;width:100%;min-width:0;min-height:60px;gap:10px;padding:9px 0;box-sizing:border-box;background:transparent}
 .${cliAdapterClass.row}+.${cliAdapterClass.row}{border-top:1px solid var(--dsw-alias-border-l4,#eef0f2)}
-.${cliAdapterClass.main}{display:flex;align-items:center;gap:13px;flex:1 1 auto;min-width:0}
-.${cliAdapterClass.identity}{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}
-.${cliAdapterClass.icon}{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:7px;box-sizing:border-box;object-fit:contain;border:1px solid var(--dsw-alias-border-l4,#eef0f2);border-radius:12px;background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.06)))}
+.${cliAdapterClass.main}{display:flex;align-items:center;gap:9px;flex:1 1 auto;min-width:0;min-height:40px;padding:0;border:0;border-radius:6px;color:inherit;text-align:left;background:transparent;cursor:pointer}
+.${cliAdapterClass.main}:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#1677ff);outline-offset:2px}
+.${cliAdapterClass.identity}{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
+.${cliAdapterClass.icon}{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;box-sizing:border-box;object-fit:contain;border-radius:7px}
 .${cliAdapterClass.name}{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25}
-.${cliAdapterClass.metadata}{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--dsw-alias-label-tertiary,GrayText);font-size:12px;line-height:1.2}
+.${cliAdapterClass.metadata}{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;min-width:0;color:var(--dsw-alias-label-tertiary,GrayText);font-size:11px;line-height:1.3}
 .${cliAdapterClass.status},.${cliAdapterClass.version}{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.${cliAdapterClass.status}{padding:3px 7px;border-radius:5px;background:var(--dsw-alias-state-success-bg,rgba(22,163,74,.12))}
-.${cliAdapterClass.toggle}{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:var(--dsw-alias-label-secondary,GrayText);font-size:13px;font-weight:500}
-.${cliAdapterClass.detectButton}{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-secondary,GrayText);cursor:pointer}
+.${cliAdapterClass.version}{font-variant-numeric:tabular-nums}
+.${cliAdapterClass.status}{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}
+.${cliAdapterClass.status}:before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}
+.${cliAdapterClass.toggle}{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;min-height:36px}
+.${cliAdapterClass.toggle}>span{margin-left:0!important}
+.${cliAdapterClass.actions}{display:flex;align-items:center;gap:2px;flex:0 0 auto}
+.${cliAdapterClass.detectButton}{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--dsw-alias-label-secondary,GrayText);cursor:pointer;transition:background .15s,color .15s}
 .${cliAdapterClass.detectButton}:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.08));color:var(--dsw-alias-label-primary,CanvasText)}
+.${cliAdapterClass.manageButton}[data-action="install"],.${cliAdapterClass.manageButton}[data-action="install"]:hover:not(:disabled){color:var(--dsw-alias-state-business-primary,#1677ff)}
+.${cliAdapterClass.manageButton}[data-action="update"],.${cliAdapterClass.manageButton}[data-action="update"]:hover:not(:disabled){color:var(--dsw-alias-state-success-primary,#16803c)}
 .${cliAdapterClass.detectButton}:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#1677ff);outline-offset:2px}
 .${cliAdapterClass.detectButton}:disabled{opacity:.45;cursor:not-allowed}
 .${cliAdapterClass.detectButton}[aria-busy="true"] svg{animation:codingns-cli-detect-spin 1s linear infinite}
 @keyframes codingns-cli-detect-spin{to{transform:rotate(360deg)}}
 @media (prefers-reduced-motion:reduce){.${cliAdapterClass.detectButton}[aria-busy="true"] svg{animation:none}}
 @media (max-width:768px){
-  .${cliAdapterClass.row}{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:7px 10px!important;min-height:0!important;padding:12px 14px!important}
-  .${cliAdapterClass.main}{grid-column:1 / -1;display:flex!important;align-items:center!important;width:100%;gap:10px!important}
-  .${cliAdapterClass.identity}{gap:4px}
-  .${cliAdapterClass.name}{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
-  .${cliAdapterClass.metadata}{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:7px!important;min-width:0;max-width:100%}
-  .${cliAdapterClass.status},.${cliAdapterClass.version}{max-width:100%;min-width:0!important}
-  .${cliAdapterClass.toggle}{grid-column:2;grid-row:2;justify-self:end;align-self:center;min-width:0;max-width:100%;white-space:nowrap}
-  .${cliAdapterClass.toggle}>span:first-child{max-width:7em;overflow:hidden;text-overflow:ellipsis}
-  .${cliAdapterClass.row}>.${cliAdapterClass.detectButton}{grid-column:1;grid-row:2;justify-self:start}
+  .${cliAdapterClass.row}{gap:4px;padding:8px 0}
+  .${cliAdapterClass.name}{font-size:13px;white-space:normal;overflow-wrap:anywhere}
+  .${cliAdapterClass.detectButton}{width:38px;height:40px}
+  .${cliAdapterClass.toggle}{flex-basis:32px;min-height:40px}
+}
+@media (max-width:260px){
+  .${cliAdapterClass.row}{flex-wrap:wrap;gap:2px}
+  .${cliAdapterClass.main}{flex-basis:100%}
+  .${cliAdapterClass.actions}{margin-left:auto}
 }
 `;
     document.head.appendChild(style);
@@ -82,6 +93,7 @@ export const cliAdaptersFeature = {
         enabledByDefault: true,
         dependencies: [],
         runtime: 'client',
+        requires: [{ capability: 'session.external-performance', required: false, fallback: 'degrade' }],
         ui: {
             label: 'External Agent integration',
             description: 'View installed external Agents, versions, command paths, available models, and enable them independently. External Agent context panels keep only the occupancy percentage and totals.',
@@ -105,6 +117,10 @@ export const cliAdaptersFeature = {
         // 因此这里不把它挂在 slots 可用性之后。
         const uiContext = context.services.uiContext;
         if (uiContext !== undefined) {
+            const performance = createDshCapabilityRegistry(context.services.dshVersion, 'client', uiContext)
+                .getProfile(uiContext).capabilities.get('session.external-performance')?.value;
+            if (performance !== undefined)
+                context.resources.add(performance.install(sessionId => useSyncExternalStore(subscribeSessionAdapters, () => sessionAdapterId(sessionId), () => sessionAdapterId(sessionId)), createElement, { useMemo, useSyncExternalStore }));
             const { registerDelegateCommand } = await import('../delegate-command.js');
             context.resources.add(registerDelegateCommand(uiContext, {
                 rpc: context.services.rpc,
@@ -118,7 +134,8 @@ export const cliAdaptersFeature = {
         context.resources.add(registerExternalToolStreamUi(context.services));
         // CLI Slot 带有浏览器图片资源，启用模块时再加载，避免 Node 侧读取 Client 元数据时解析图片。
         const { registerCliConversationSlots } = await import('../cli-slots.js');
-        const disposeSlots = registerCliConversationSlots(slots, context.services.rpc, context.services.locale);
+        // 原生会话的翻译开关默认值由会话翻译模块注册；未启用该模块时按关闭处理。
+        const disposeSlots = registerCliConversationSlots(slots, context.services.rpc, context.services.locale, readNativeTranslationDefault, context.services.settings);
         context.resources.add(disposeSlots);
     },
     settingsPanel: CliAdaptersPanel,
@@ -129,7 +146,83 @@ export const cliAdaptersFeature = {
  * 面板只管理 Agent 本身：安装状态、版本、命令、启用开关与模型目录。外部会话由
  * DSH 原生侧栏和工作区归档入口承载，这里不再重复一份会话列表。
  */
-export function CliAdaptersPanel({ services, enabled, snapshot, notify }) {
+export function CliAdaptersPanel(props) {
+    const t = useCodingNsTranslator(props.services.locale);
+    const [open, setOpen] = useState(false);
+    useEffect(() => { installCliAdapterStyles(); }, []);
+    useEffect(() => { if (!props.enabled)
+        setOpen(false); }, [props.enabled]);
+    return createElement('div', { style: dshFormRootStyle }, createElement(CliDelegationSettings, props), createElement('button', {
+        type: 'button', disabled: !props.enabled, 'aria-haspopup': 'dialog', 'aria-expanded': open,
+        onClick: () => setOpen(true), style: { ...dshSettingsButtonStyle, width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 },
+    }, t('cli.manage.open'), createElement('span', { 'aria-hidden': true }, '↗')), open && props.enabled && createElement(CliSettingsDialog, { titleId: 'codingns-agent-list-title', wide: true, onClose: () => setOpen(false) }, createElement('header', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexShrink: 0, padding: '10px 16px', borderBottom: `1px solid ${dshThemeColor.fieldBorder}` } }, createElement('h2', { id: 'codingns-agent-list-title', style: { margin: 0, fontSize: uiFontSize(17) } }, t('cli.manage.listTitle')), createElement('button', { type: 'button', autoFocus: true, className: cliAdapterClass.detectButton, 'aria-label': t('cli.manage.close'), title: t('cli.manage.close'), onClick: () => setOpen(false) }, createElement('svg', { width: 20, height: 20, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 1.8, strokeLinecap: 'round', 'aria-hidden': true }, createElement('path', { d: 'm6 6 12 12M18 6 6 18' })))), createElement('div', { style: { padding: '0 16px 12px', overflow: 'auto', minHeight: 0, overscrollBehavior: 'contain' } }, createElement(CliAdaptersContent, props))));
+}
+export function CliDelegationSettings({ services, enabled, snapshot, notify }) {
+    const t = useCodingNsTranslator(services.locale);
+    const [bridgeBusy, setBridgeBusy] = useState(false);
+    const bridgeEnabled = snapshot.value?.subagentBridge?.enabled === true;
+    const bridgeWritable = enabled && snapshot.status !== 'loading' && snapshot.writable;
+    const bridgeConcurrency = normalizeSubagentBridgeSettings(snapshot.value?.subagentBridge).maxConcurrentSubagents;
+    const [concurrencyText, setConcurrencyText] = useState(() => String(bridgeConcurrency));
+    // Sync external settings changes without overwriting in-progress input.
+    useEffect(() => { setConcurrencyText(String(bridgeConcurrency)); }, [bridgeConcurrency]);
+    const toggleSubagentBridge = async (next) => {
+        setBridgeBusy(true);
+        try {
+            const accepted = await services.settings.mutate([{ op: 'set', path: ['subagentBridge', 'enabled'], value: next }]);
+            if (!accepted) {
+                notify({ kind: 'error', message: t('settings.moduleWriteRejected') });
+                return;
+            }
+            notify({ kind: 'success', message: t(next ? 'cli.subagentBridgeEnabled' : 'cli.subagentBridgeDisabled') });
+        }
+        catch (error) {
+            notify({ kind: 'error', message: errorMessage(error) });
+        }
+        finally {
+            setBridgeBusy(false);
+        }
+    };
+    const saveBridgeConcurrency = async () => {
+        // Clamp invalid input before persisting the concurrency limit.
+        const next = normalizeSubagentBridgeSettings({ maxConcurrentSubagents: Number(concurrencyText) }).maxConcurrentSubagents;
+        setConcurrencyText(String(next));
+        if (next === bridgeConcurrency)
+            return;
+        setBridgeBusy(true);
+        try {
+            const accepted = await services.settings.mutate([{ op: 'set', path: ['subagentBridge', 'maxConcurrentSubagents'], value: next }]);
+            if (!accepted) {
+                notify({ kind: 'error', message: t('settings.moduleWriteRejected') });
+                return;
+            }
+            notify({ kind: 'success', message: t('cli.subagentBridgeConcurrencySaved') });
+        }
+        catch (error) {
+            notify({ kind: 'error', message: errorMessage(error) });
+        }
+        finally {
+            setBridgeBusy(false);
+        }
+    };
+    return createElement('div', { style: dshFormRootStyle }, createElement('label', { style: dshSettingsListRowStyle }, createElement('span', { style: { flex: '1 1 auto', minWidth: 0 } }, createElement('strong', { style: { display: 'block', fontSize: uiFontSize(13), lineHeight: 1.4 } }, t('cli.subagentBridge')), createElement('span', { style: { display: 'block', marginTop: 3, ...dshSettingsHelpStyle, opacity: 0.75 } }, t('cli.subagentBridgeDescription'))), createElement(SettingsSwitch, {
+        'aria-label': t('cli.subagentBridgeToggle'),
+        checked: bridgeEnabled,
+        disabled: !bridgeWritable || bridgeBusy,
+        onChange: (event) => { void toggleSubagentBridge(event.currentTarget.checked); },
+    })), createElement('label', { style: { ...dshSettingsListRowStyle, opacity: bridgeEnabled ? 1 : 0.5 } }, createElement('span', { style: { flex: '1 1 auto', minWidth: 0 } }, createElement('strong', { style: { display: 'block', fontSize: uiFontSize(13), lineHeight: 1.4 } }, t('cli.subagentBridgeConcurrency')), createElement('span', { style: { display: 'block', marginTop: 3, ...dshSettingsHelpStyle, opacity: 0.75 } }, t('cli.subagentBridgeConcurrencyHelp'))), createElement('input', {
+        type: 'number',
+        min: SUBAGENT_BRIDGE_MAX_CONCURRENT_LIMITS.min,
+        max: SUBAGENT_BRIDGE_MAX_CONCURRENT_LIMITS.max,
+        'aria-label': t('cli.subagentBridgeConcurrency'),
+        value: concurrencyText,
+        disabled: !bridgeWritable || bridgeBusy,
+        onChange: (event) => { setConcurrencyText(event.currentTarget.value); },
+        onBlur: () => { void saveBridgeConcurrency(); },
+        style: { ...dshSettingsFieldStyle, flex: '0 0 auto', width: 96, minHeight: 32, padding: '5px 8px', fontSize: uiFontSize(13) },
+    })));
+}
+export function CliAdaptersContent({ services, enabled, snapshot, notify }) {
     const t = useCodingNsTranslator(services.locale);
     const disabled = !enabled;
     const [peerHosts, setPeerHosts] = useState([]);
@@ -147,13 +240,17 @@ export function CliAdaptersPanel({ services, enabled, snapshot, notify }) {
     currentRequest.current = requestContext;
     const [catalog, setCatalog] = useState([]);
     const [selected, setSelected] = useState(null);
+    const [managementAdapter, setManagementAdapter] = useState(null);
+    const [managementVisible, setManagementVisible] = useState(false);
     const [models, setModels] = useState(null);
+    const [modelCatalogRevision, setModelCatalogRevision] = useState(0);
     const [loading, setLoading] = useState(false);
     const [busyAdapterId, setBusyAdapterId] = useState(null);
-    const [bridgeBusy, setBridgeBusy] = useState(false);
     const [modelsError, setModelsError] = useState('');
     const [catalogError, setCatalogError] = useState('');
     const [detecting, setDetecting] = useState(null);
+    const checkingUpdates = catalog.some(adapter => adapter.update?.state === 'checking');
+    const updateCheckUnsupported = catalog.some(adapter => adapter.installed && (adapter.detectionState === undefined || adapter.detectionState === 'ready') && !adapter.detectionFailure && adapter.update === undefined);
     useEffect(() => { installCliAdapterStyles(); }, []);
     useEffect(() => {
         currentRequest.current = requestContext;
@@ -199,6 +296,7 @@ export function CliAdaptersPanel({ services, enabled, snapshot, notify }) {
     useEffect(() => {
         setCatalog([]);
         setSelected(null);
+        setManagementAdapter(null);
         setModels(null);
         setModelsError('');
         setCatalogError('');
@@ -218,15 +316,26 @@ export function CliAdaptersPanel({ services, enabled, snapshot, notify }) {
             setCatalogError(errorMessage(error));
         } });
     }, [disabled, requestContext, catalogAvailable]);
+    useEffect(() => {
+        return subscribeAdapterCatalogChanged(catalogRpc, (change) => {
+            if (change.kind === 'models' && change.adapterId !== selected?.id)
+                return;
+            setModelCatalogRevision((value) => value + 1);
+        });
+    }, [catalogRpc, selected?.id]);
     useEffect(() => {
         if (selected === null || disabled || !catalogAvailable || !selected.installed || !selected.enabled) {
             setModels(null);
             return;
         }
         let active = true;
-        setModels(null);
+        const cached = getModelCatalogCache(catalogRpc).get(selected.id);
+        if (cached === undefined)
+            setModels(null);
+        else
+            setModels(cached);
         setModelsError('');
-        void callCliRpc(catalogRpc, 'models', { adapterId: selected.id }, AbortSignal.timeout(10_000))
+        void loadModelCatalog(catalogRpc, selected.id)
             .then((value) => { if (active && currentRequest.current === requestContext)
             setModels(value); })
             .catch((error) => { if (active && currentRequest.current === requestContext) {
@@ -235,14 +344,45 @@ export function CliAdaptersPanel({ services, enabled, snapshot, notify }) {
             notify({ kind: 'error', message });
         } });
         return () => { active = false; };
-    }, [disabled, selected, requestContext, catalogAvailable]);
+    }, [disabled, selected, requestContext, catalogAvailable, modelCatalogRevision]);
     const buttonStyle = { ...dshSettingsButtonStyle, cursor: disabled ? 'not-allowed' : 'pointer' };
+    const refreshManagedCatalog = async (operation) => {
+        if (currentRequest.current !== requestContext || peerHostId !== null)
+            return;
+        const succeeded = operation?.state === 'succeeded';
+        const detected = operation?.adapter;
+        const adapterId = operation?.adapterId ?? managementAdapter?.id;
+        invalidateModelCatalogCache(services.rpc, adapterId);
+        invalidateModelCatalogCache(catalogRpc, adapterId);
+        // Show the Host-verified version immediately while the explicit refresh runs.
+        if (succeeded && detected) {
+            const updated = { ...detected, update: { state: 'unchecked' } };
+            setCatalog(current => current.map(entry => entry.id === updated.id ? updated : entry));
+            setSelected(current => current?.id === updated.id ? updated : current);
+        }
+        try {
+            const value = await callCliRpc(catalogRpc, succeeded ? 'catalog/refresh' : 'catalog', succeeded ? { adapterId, checkUpdates: true } : {}, AbortSignal.timeout(120_000));
+            if (currentRequest.current !== requestContext)
+                return;
+            setCatalog(value);
+            setCatalogError('');
+            setSelected((current) => current === null ? null : value.find((entry) => entry.id === current.id) ?? null);
+            notifyAdapterCatalogChanged(services.rpc);
+            notifyAdapterCatalogChanged(catalogRpc);
+        }
+        catch (error) {
+            if (currentRequest.current === requestContext)
+                setCatalogError(errorMessage(error));
+            throw error;
+        }
+    };
     const redetect = async (adapterId) => {
         if (disabled || !catalogAvailable || detecting !== null)
             return;
         setDetecting(adapterId ?? '*');
         try {
-            const value = await callCliRpc(catalogRpc, 'catalog/refresh', adapterId === undefined ? {} : { adapterId }, AbortSignal.timeout(120_000));
+            const value = await callCliRpc(catalogRpc, 'catalog/refresh', { ...(adapterId === undefined ? {} : { adapterId }), checkUpdates: true }, AbortSignal.timeout(120_000));
+            invalidateModelCatalogCache(catalogRpc, adapterId);
             invalidateModelCatalogCache(services.rpc, adapterId, peerHostId === null ? undefined : createVirtualSessionId(peerHostId, '__catalog__'));
             notifyAdapterCatalogChanged(services.rpc);
             if (currentRequest.current !== requestContext)
@@ -264,51 +404,6 @@ export function CliAdaptersPanel({ services, enabled, snapshot, notify }) {
                 setDetecting(null);
         }
     };
-    const bridgeEnabled = snapshot.value?.subagentBridge?.enabled === true;
-    const bridgeWritable = snapshot.status !== 'loading' && snapshot.writable;
-    const bridgeConcurrency = normalizeSubagentBridgeSettings(snapshot.value?.subagentBridge).maxConcurrentSubagents;
-    const [concurrencyText, setConcurrencyText] = useState(() => String(bridgeConcurrency));
-    // 设置被外部改写（例如另一个页面保存）时同步输入框，但不在用户输入过程中反复覆盖。
-    useEffect(() => { setConcurrencyText(String(bridgeConcurrency)); }, [bridgeConcurrency]);
-    const toggleSubagentBridge = async (next) => {
-        setBridgeBusy(true);
-        try {
-            const accepted = await services.settings.mutate([{ op: 'set', path: ['subagentBridge', 'enabled'], value: next }]);
-            if (!accepted) {
-                notify({ kind: 'error', message: t('settings.moduleWriteRejected') });
-                return;
-            }
-            notify({ kind: 'success', message: t(next ? 'cli.subagentBridgeEnabled' : 'cli.subagentBridgeDisabled') });
-        }
-        catch (error) {
-            notify({ kind: 'error', message: errorMessage(error) });
-        }
-        finally {
-            setBridgeBusy(false);
-        }
-    };
-    const saveBridgeConcurrency = async () => {
-        // 越界或非数值输入按上下限收敛，避免把 NaN/0 写进设置后彻底锁死派发。
-        const next = normalizeSubagentBridgeSettings({ maxConcurrentSubagents: Number(concurrencyText) }).maxConcurrentSubagents;
-        setConcurrencyText(String(next));
-        if (next === bridgeConcurrency)
-            return;
-        setBridgeBusy(true);
-        try {
-            const accepted = await services.settings.mutate([{ op: 'set', path: ['subagentBridge', 'maxConcurrentSubagents'], value: next }]);
-            if (!accepted) {
-                notify({ kind: 'error', message: t('settings.moduleWriteRejected') });
-                return;
-            }
-            notify({ kind: 'success', message: t('cli.subagentBridgeConcurrencySaved') });
-        }
-        catch (error) {
-            notify({ kind: 'error', message: errorMessage(error) });
-        }
-        finally {
-            setBridgeBusy(false);
-        }
-    };
     const toggleAdapter = async (adapter, next) => {
         if (disabled || peerHostId !== null)
             return;
@@ -332,22 +427,7 @@ export function CliAdaptersPanel({ services, enabled, snapshot, notify }) {
                 setBusyAdapterId(null);
         }
     };
-    return createElement('div', { className: cliAdapterClass.panel, 'aria-disabled': disabled, style: { ...dshFormRootStyle, opacity: disabled ? 0.5 : 1, pointerEvents: disabled ? 'none' : 'auto' } }, peerHostId === null && createElement('label', { style: dshSettingsListRowStyle }, createElement('span', { style: { flex: '1 1 auto', minWidth: 0 } }, createElement('strong', { style: { display: 'block', fontSize: uiFontSize(13), lineHeight: 1.4 } }, t('cli.subagentBridge')), createElement('span', { style: { display: 'block', marginTop: 3, ...dshSettingsHelpStyle, opacity: 0.75 } }, t('cli.subagentBridgeDescription'))), createElement(SettingsSwitch, {
-        'aria-label': t('cli.subagentBridgeToggle'),
-        checked: bridgeEnabled,
-        disabled: !bridgeWritable || bridgeBusy,
-        onChange: (event) => { void toggleSubagentBridge(event.currentTarget.checked); },
-    })), peerHostId === null && createElement('label', { style: { ...dshSettingsListRowStyle, opacity: bridgeEnabled ? 1 : 0.5 } }, createElement('span', { style: { flex: '1 1 auto', minWidth: 0 } }, createElement('strong', { style: { display: 'block', fontSize: uiFontSize(13), lineHeight: 1.4 } }, t('cli.subagentBridgeConcurrency')), createElement('span', { style: { display: 'block', marginTop: 3, ...dshSettingsHelpStyle, opacity: 0.75 } }, t('cli.subagentBridgeConcurrencyHelp'))), createElement('input', {
-        type: 'number',
-        min: SUBAGENT_BRIDGE_MAX_CONCURRENT_LIMITS.min,
-        max: SUBAGENT_BRIDGE_MAX_CONCURRENT_LIMITS.max,
-        'aria-label': t('cli.subagentBridgeConcurrency'),
-        value: concurrencyText,
-        disabled: !bridgeWritable || bridgeBusy,
-        onChange: (event) => { setConcurrencyText(event.currentTarget.value); },
-        onBlur: () => { void saveBridgeConcurrency(); },
-        style: { ...dshSettingsFieldStyle, flex: '0 0 auto', width: 96, minHeight: 32, padding: '5px 8px', fontSize: uiFontSize(13) },
-    })), createElement('div', { className: cliAdapterClass.listHeader }, createElement('span', undefined, t('cli.agentList')), createElement('select', {
+    return createElement('div', { className: cliAdapterClass.panel, 'aria-disabled': disabled, style: { ...dshFormRootStyle, opacity: disabled ? 0.5 : 1, pointerEvents: disabled ? 'none' : 'auto' } }, createElement('div', { className: cliAdapterClass.listHeader }, createElement('select', {
         'aria-label': t('cli.agentHost'), value: peerHostId ?? '', disabled,
         onFocus: () => refreshHosts.current(),
         onChange: (event) => {
@@ -358,18 +438,24 @@ export function CliAdaptersPanel({ services, enabled, snapshot, notify }) {
             setModelsError('');
             setCatalogError('');
         },
-        style: { ...dshSettingsFieldStyle, flex: '1 1 160px', width: 'auto', maxWidth: 280, minWidth: 0, minHeight: 32, padding: '5px 8px', fontSize: uiFontSize(13) },
-    }, createElement('option', { value: '' }, t('cli.localHost')), ...peerHosts.map((host) => createElement('option', { key: host.id, value: host.id }, host.displayName))), createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 8, marginLeft: 'auto', flex: '0 0 auto' } }, catalog.length > 0 && createElement('span', undefined, t('cli.agentCount', { count: catalog.length })), createElement(AdapterDetectButton, { label: t(detecting === '*' ? 'cli.detecting' : 'cli.redetectAll'), busy: detecting === '*', disabled: disabled || !catalogAvailable || detecting !== null, onClick: () => { void redetect(); } }))), hostsError && createElement('div', { role: 'alert', style: dshSettingsHelpStyle }, t('cli.peerHostListError', { message: hostsError })), peerHostId !== null && createElement('div', { style: dshSettingsHelpStyle }, t('cli.peerHostReadOnly', { name: hostLabel })), !catalogAvailable && createElement('div', { role: 'status', style: dshSettingsHelpStyle }, t('cli.peerHostUnavailable', { name: hostLabel })), catalogError && createElement('div', { role: 'alert', style: { ...dshSettingsHelpStyle, color: dshThemeColor.error } }, catalogError), loading && createElement('div', { role: 'status' }, t('cli.readingAgents')), !loading && catalogAvailable && !catalogError && catalog.length === 0 && createElement('div', { role: 'status', style: { opacity: 0.7 } }, t('cli.noAgents')), createElement('div', { className: cliAdapterClass.listCard }, ...catalog.map((adapter) => createElement('div', { key: adapter.id, className: cliAdapterClass.row }, createElement('button', {
+        style: { ...dshSettingsFieldStyle, flex: '1 1 auto', width: 'auto', minWidth: 0, minHeight: 36, padding: '5px 8px', fontSize: uiFontSize(13) },
+    }, createElement('option', { value: '' }, t('cli.localHost')), ...peerHosts.map((host) => createElement('option', { key: host.id, value: host.id }, host.displayName))), catalog.length > 0 && createElement('span', { title: t('cli.agentCount', { count: catalog.length }), 'aria-label': t('cli.agentCount', { count: catalog.length }), style: { fontVariantNumeric: 'tabular-nums' } }, catalog.length), createElement(AdapterDetectButton, { label: t(detecting === '*' ? 'cli.detecting' : checkingUpdates ? 'cli.manage.checking' : 'cli.redetectAll'), busy: detecting === '*' || checkingUpdates, disabled: disabled || !catalogAvailable || detecting !== null || checkingUpdates, onClick: () => { void redetect(); } })), updateCheckUnsupported && createElement('div', { role: 'alert', style: { ...dshSettingsHelpStyle, padding: '8px 0', color: dshThemeColor.warning } }, t('cli.manage.hostUnsupported')), hostsError && createElement('div', { role: 'alert', style: dshSettingsHelpStyle }, t('cli.peerHostListError', { message: hostsError })), peerHostId !== null && createElement('div', { style: dshSettingsHelpStyle }, t('cli.peerHostReadOnly', { name: hostLabel })), !catalogAvailable && createElement('div', { role: 'status', style: dshSettingsHelpStyle }, t('cli.peerHostUnavailable', { name: hostLabel })), catalogError && createElement('div', { role: 'alert', style: { ...dshSettingsHelpStyle, color: dshThemeColor.error } }, catalogError), loading && createElement('div', { role: 'status' }, t('cli.readingAgents')), !loading && catalogAvailable && !catalogError && catalog.length === 0 && createElement('div', { role: 'status', style: { opacity: 0.7 } }, t('cli.noAgents')), ...catalog.map((adapter) => createElement('div', { key: adapter.id, className: cliAdapterClass.row }, createElement('button', {
         type: 'button',
         className: cliAdapterClass.main,
         onClick: () => setSelected(adapter),
-        style: { flex: '1 1 auto', minWidth: 0, display: 'flex', alignItems: 'center', gap: 12, padding: 0, border: 0, color: 'inherit', textAlign: 'left', background: 'transparent', cursor: 'pointer' },
         'aria-label': t('cli.viewDetails', { name: adapter.name }),
     }, createElement(AdapterIcon, { adapter }), createElement('div', { className: cliAdapterClass.identity }, createElement('span', { className: cliAdapterClass.name, style: { fontWeight: 600 } }, adapter.name), createElement('div', { className: cliAdapterClass.metadata }, createElement('span', { className: cliAdapterClass.status, style: {
             color: adapter.installed ? (adapter.runtimeState === 'installed' ? dshThemeColor.labelSecondary : dshThemeColor.success) : dshThemeColor.labelTertiary,
-            background: adapter.installed && adapter.runtimeState !== 'installed' ? 'rgba(22,163,74,.12)' : dshThemeColor.surfaceSubtle,
-        } }, adapterStatus(adapter, t)), createElement('span', { className: cliAdapterClass.version }, adapter.version ?? t('cli.notDetectedVersion'))))), createElement(AdapterDetectButton, { label: `${adapter.name} · ${t(detecting === adapter.id || detecting === '*' ? 'cli.detecting' : 'cli.redetect')}`, busy: detecting === adapter.id || detecting === '*', disabled: disabled || detecting !== null, onClick: () => { void redetect(adapter.id); } }), createElement('label', { className: cliAdapterClass.toggle, style: { display: 'inline-flex', alignItems: 'center', gap: 6, flex: '0 0 auto' } }, createElement('span', { 'aria-hidden': true }, adapter.enabled ? t('cli.enabled') : t('cli.disabled')), createElement(SettingsSwitch, { 'aria-label': t('cli.adapterToggle', { name: adapter.name }), checked: adapter.enabled, disabled: peerHostId !== null || !adapter.installed || busyAdapterId === adapter.id, onChange: (event) => { void toggleAdapter(adapter, event.currentTarget.checked); } }))))), selected !== null && createElement(AdapterDetailsDialog, {
-        adapter: selected,
+        } }, adapterStatus(adapter, t)), adapter.version && createElement('span', { className: cliAdapterClass.version, title: updateCheckLabel(adapter, t) }, adapter.version), adapter.update?.state === 'available' && createElement('span', { className: cliAdapterClass.version, title: updateCheckLabel(adapter, t), style: { color: dshThemeColor.success } }, `↑ ${adapter.update.latestVersion}`), adapter.update?.state === 'available' && adapter.update.manualUpdate && createElement('span', { className: cliAdapterClass.version }, t('cli.manage.updateInApp')), adapter.installed && adapter.update && adapter.update.state !== 'available' && createElement('span', {
+        className: cliAdapterClass.version, title: updateCheckLabel(adapter, t),
+        style: { color: adapter.update.state === 'error' ? dshThemeColor.warning : dshThemeColor.labelTertiary },
+    }, t(adapter.update.state === 'unavailable' && adapter.update.reason ? `cli.manage.reasonLabel.${adapter.update.reason}` : `cli.manage.state.${adapter.update.state}`))))), createElement('div', { className: cliAdapterClass.actions }, peerHostId === null && cliManagementAction(adapter) !== null && createElement('button', {
+        type: 'button', className: `${cliAdapterClass.detectButton} ${cliAdapterClass.manageButton}`, 'data-action': cliManagementAction(adapter), disabled: disabled || detecting !== null,
+        title: adapter.installed ? updateCheckLabel(adapter, t) : t('cli.manage.title', { action: t('cli.manage.install'), name: adapter.name }),
+        'aria-label': t('cli.manage.title', { action: t(`cli.manage.${cliManagementAction(adapter)}`), name: adapter.name }),
+        onClick: () => { setManagementAdapter(adapter); setManagementVisible(true); },
+    }, createElement('svg', { width: 18, height: 18, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 1.8, strokeLinecap: 'round', strokeLinejoin: 'round', 'aria-hidden': true }, createElement('path', { d: adapter.installed ? 'M12 16V4m-4 4 4-4 4 4M5 14v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5' : 'M12 3v12m-4-4 4 4 4-4M5 16v4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-4' }))), createElement(AdapterDetectButton, { label: `${adapter.name} · ${t(detecting === adapter.id || detecting === '*' ? 'cli.detecting' : adapter.update?.state === 'checking' ? 'cli.manage.checking' : 'cli.redetect')}`, busy: detecting === adapter.id || detecting === '*' || adapter.update?.state === 'checking', disabled: disabled || detecting !== null || adapter.update?.state === 'checking', onClick: () => { void redetect(adapter.id); } })), createElement('label', { className: cliAdapterClass.toggle, title: adapter.enabled ? t('cli.enabled') : t('cli.disabled') }, createElement(SettingsSwitch, { 'aria-label': t('cli.adapterToggle', { name: adapter.name }), checked: adapter.enabled, disabled: disabled || peerHostId !== null || !adapter.installed || busyAdapterId === adapter.id, onChange: (event) => { void toggleAdapter(adapter, event.currentTarget.checked); } })))), selected !== null && createElement(AdapterDetailsDialog, {
+        adapter: catalog.find(adapter => adapter.id === selected.id) ?? selected,
         models,
         hostLabel,
         modelsError,
@@ -377,6 +463,10 @@ export function CliAdaptersPanel({ services, enabled, snapshot, notify }) {
         onClose: () => setSelected(null),
         buttonStyle,
         t,
+    }), !disabled && peerHostId === null && managementAdapter !== null && createElement(CliManagementDialog, {
+        key: `management:${managementAdapter.id}`, adapter: managementAdapter, rpc: catalogRpc, hostLabel, t, visible: managementVisible,
+        onClose: (keepTracking) => { setManagementVisible(false); if (!keepTracking)
+            setManagementAdapter(null); }, onCatalogChanged: refreshManagedCatalog,
     }));
 }
 const CIRCULAR_ADAPTER_ICON_IDS = new Set(['gemini', 'grok']);
@@ -387,6 +477,16 @@ function AdapterDetectButton({ label, busy, disabled, onClick }) {
 function adapterStatus(adapter, t) {
     return t(adapterDetectionLabel(adapter));
 }
+function updateCheckLabel(adapter, t) {
+    const state = adapter.update?.state ?? 'unchecked';
+    if (state === 'error' && adapter.update?.failure)
+        return t(`cli.manage.failure.${adapter.update.failure}`, { status: adapter.update.httpStatus ?? '' });
+    if (state === 'unavailable' && adapter.update?.reason)
+        return t(`cli.manage.reason.${adapter.update.reason}`);
+    if (state === 'available' && adapter.update?.manualUpdate)
+        return t('cli.manage.availableInApp', { version: adapter.update.latestVersion ?? '', name: adapter.name });
+    return t(`cli.manage.${state}`, { version: adapter.update?.latestVersion ?? '' });
+}
 /** 设置页列表中的 Agent logo；资产缺失时用首字母占位，避免出现破图或空白。 */
 function AdapterIcon({ adapter }) {
     const icon = providerIconUrl(adapter.id);
@@ -406,16 +506,11 @@ function AdapterIcon({ adapter }) {
     });
 }
 function AdapterDetailsDialog({ adapter, hostLabel, models, modelsError, loading, onClose, buttonStyle, t }) {
-    return createElement('div', {
-        role: 'presentation',
-        onPointerDown: backdropPointerDownHandler(onClose),
-        style: { position: 'fixed', inset: 0, zIndex: 1000, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 24, background: dshThemeColor.overlay },
-    }, createElement('div', {
-        role: 'dialog',
-        'aria-modal': true,
-        'aria-labelledby': 'codingns-cli-adapter-title',
-        style: { ...dshPopupSurfaceStyle, width: 'min(100%, 620px)', maxHeight: 'min(720px, 90vh)', overflow: 'auto', boxSizing: 'border-box', padding: 24, borderRadius: 8 },
-    }, createElement('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 } }, createElement('h3', { id: 'codingns-cli-adapter-title', style: { margin: 0, fontSize: uiFontSize(18) } }, adapter.name), createElement('button', { type: 'button', onClick: onClose, style: buttonStyle, 'aria-label': t('cli.closeDetails') }, t('cli.closeDetails'))), createElement('dl', { style: { display: 'grid', gridTemplateColumns: 'max-content 1fr', gap: '8px 16px', margin: '20px 0' } }, createElement('dt', undefined, t('cli.agentHost')), createElement('dd', { style: { margin: 0, overflowWrap: 'anywhere' } }, hostLabel), createElement('dt', undefined, t('cli.installStatus')), createElement('dd', { style: { margin: 0 } }, adapterStatus(adapter, t)), createElement('dt', undefined, t('cli.enabledStatus')), createElement('dd', { style: { margin: 0 } }, adapter.enabled ? t('cli.enabled') : t('cli.disabled')), createElement('dt', undefined, t('cli.version')), createElement('dd', { style: { margin: 0 } }, adapter.version ?? t('cli.notDetectedVersion')), createElement('dt', undefined, t('cli.commandPath')), createElement('dd', { style: { margin: 0, overflowWrap: 'anywhere' } }, adapter.command ?? t('cli.notDetectedCommand')), adapter.diagnostic && createElement('dt', undefined, t('cli.diagnostic')), adapter.diagnostic && createElement('dd', { style: { margin: 0, overflowWrap: 'anywhere', color: dshThemeColor.labelSecondary } }, adapter.diagnostic), createElement('dt', undefined, t('cli.protocol')), createElement('dd', { style: { margin: 0 } }, adapter.protocol ?? t('cli.undeclared')), createElement('dt', undefined, t('cli.capabilities')), createElement('dd', { style: { margin: 0, overflowWrap: 'anywhere' } }, adapter.capabilities?.join(t('common.listSeparator')) ?? t('cli.undeclared'))), createElement('h4', { style: { margin: '16px 0 8px' } }, t('cli.modelCatalog')), modelsError && createElement('div', { role: 'alert', style: { color: dshThemeColor.error } }, modelsError), !adapter.installed && createElement('div', { style: { opacity: 0.7 } }, adapter.diagnostic ?? adapterStatus(adapter, t)), adapter.installed && !adapter.enabled && createElement('div', { style: { opacity: 0.7 } }, t('cli.agentDisabled')), adapter.installed && loading && createElement('div', { role: 'status' }, t('cli.readingModels')), adapter.installed && !loading && models !== null && createElement(ModelCatalog, { catalog: models, t }), createElement('div', { style: { display: 'flex', justifyContent: 'flex-end', marginTop: 20 } }, createElement('button', { type: 'button', onClick: onClose, style: buttonStyle }, t('cli.done')))));
+    return createElement(CliSettingsDialog, { titleId: 'codingns-cli-adapter-title', onClose }, createElement('div', {
+        style: { padding: 20 },
+    }, createElement('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 } }, createElement('h3', { id: 'codingns-cli-adapter-title', style: { margin: 0, fontSize: uiFontSize(18) } }, adapter.name), createElement('button', { type: 'button', onClick: onClose, style: buttonStyle, 'aria-label': t('cli.closeDetails') }, t('cli.closeDetails'))), createElement('dl', { style: { display: 'grid', gridTemplateColumns: 'max-content 1fr', gap: '8px 16px', margin: '20px 0' } }, createElement('dt', undefined, t('cli.agentHost')), createElement('dd', { style: { margin: 0, overflowWrap: 'anywhere' } }, hostLabel), createElement('dt', undefined, t('cli.installStatus')), createElement('dd', { style: { margin: 0 } }, adapterStatus(adapter, t)), createElement('dt', undefined, t('cli.enabledStatus')), createElement('dd', { style: { margin: 0 } }, adapter.enabled ? t('cli.enabled') : t('cli.disabled')), createElement('dt', undefined, t('cli.version')), createElement('dd', { style: { margin: 0 } }, adapter.version ?? t('cli.notDetectedVersion')), adapter.installed && createElement('dt', undefined, t('cli.manage.update')), adapter.installed && createElement('dd', { style: { margin: 0, overflowWrap: 'anywhere' } }, updateCheckLabel(adapter, t), adapter.update?.sourceUrl && createElement('a', { href: adapter.update.sourceUrl, target: '_blank', rel: 'noopener noreferrer', style: { display: 'block', marginTop: 4 } }, t('cli.manage.source'))), createElement('dt', undefined, t('cli.commandPath')), createElement('dd', { style: { margin: 0, overflowWrap: 'anywhere' } }, adapter.command ?? t('cli.notDetectedCommand')), adapter.diagnostic && createElement('dt', undefined, t('cli.diagnostic')), adapter.diagnostic && createElement('dd', { style: { margin: 0, overflowWrap: 'anywhere', color: dshThemeColor.labelSecondary } }, adapter.diagnostic), adapter.team && createElement('dt', undefined, t('cli.team.label')), adapter.team && createElement('dd', { style: { margin: 0, overflowWrap: 'anywhere' } }, adapter.team.member
+        ? t(adapter.team.lead ? 'cli.team.leadAndMember' : 'cli.team.member')
+        : t(`cli.team.reason.${adapter.team.reason ?? 'adapter'}`)), createElement('dt', undefined, t('cli.protocol')), createElement('dd', { style: { margin: 0 } }, adapter.protocol ?? t('cli.undeclared')), createElement('dt', undefined, t('cli.capabilities')), createElement('dd', { style: { margin: 0, overflowWrap: 'anywhere' } }, adapter.capabilities?.join(t('common.listSeparator')) ?? t('cli.undeclared'))), createElement('h4', { style: { margin: '16px 0 8px' } }, t('cli.modelCatalog')), modelsError && createElement('div', { role: 'alert', style: { color: dshThemeColor.error } }, modelsError), !adapter.installed && createElement('div', { style: { opacity: 0.7 } }, adapter.diagnostic ?? adapterStatus(adapter, t)), adapter.installed && !adapter.enabled && createElement('div', { style: { opacity: 0.7 } }, t('cli.agentDisabled')), adapter.installed && loading && createElement('div', { role: 'status' }, t('cli.readingModels')), adapter.installed && !loading && models !== null && createElement(ModelCatalog, { catalog: models, t }), createElement('div', { style: { display: 'flex', justifyContent: 'flex-end', marginTop: 20 } }, createElement('button', { type: 'button', onClick: onClose, style: buttonStyle }, t('cli.done')))));
 }
 function ModelCatalog({ catalog, t }) {
     if (catalog.groups.length === 0)
@@ -423,6 +518,6 @@ function ModelCatalog({ catalog, t }) {
     return createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 14 } }, ...catalog.groups.map((group) => createElement('section', { key: group.id }, createElement('strong', undefined, group.name), createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 6, marginTop: 6 } }, ...group.models.map((model) => createElement(ModelRow, { key: model.id, model, t }))))));
 }
 function ModelRow({ model, t }) {
-    return createElement('div', { style: { padding: '8px 10px', border: `1px solid ${dshThemeColor.border}`, borderRadius: 6 } }, createElement('div', { style: { fontWeight: 600 } }, model.name), model.description && createElement('div', { style: { marginTop: 3, opacity: 0.7, fontSize: uiFontSize(13) } }, model.description), createElement('div', { style: { marginTop: 5, opacity: 0.7, fontSize: uiFontSize(13) } }, t('cli.thinkingLevel', { value: model.efforts.length > 0 ? model.efforts.map((effort) => model.effortLabels?.[effort] ?? effort).join(t('common.listSeparator')) : t('cli.defaultEffort') })));
+    return createElement('div', { style: { padding: '8px 10px', border: `1px solid ${dshThemeColor.border}`, borderRadius: 6 } }, createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 8, minWidth: 0, fontWeight: 600 } }, createElement('span', { style: { minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis' } }, model.name), model.source === 'magpie' && createElement(MagpieModelTag, {})), model.description && createElement('div', { style: { marginTop: 3, opacity: 0.7, fontSize: uiFontSize(13) } }, model.description), createElement('div', { style: { marginTop: 5, opacity: 0.7, fontSize: uiFontSize(13) } }, t('cli.thinkingLevel', { value: model.efforts.length > 0 ? model.efforts.map((effort) => model.effortLabels?.[effort] ?? effort).join(t('common.listSeparator')) : t('cli.defaultEffort') })));
 }
 //# sourceMappingURL=cli-adapters.js.map