@anionex/dsh-vision-toolkit 0.1.7 → 0.1.9

package/lib/client.js

@@ -65,9 +65,11 @@ const en = {
     sourceFile: 'Credential file',
     health: 'Health',
     runHealth: 'Run health check',
-    testConnection: 'Test connection',
+    testConnection: 'Test API connection',
+    testModel: 'Test vision model',
     testing: 'Checking…',
-    connectionHint: 'Connection testing explicitly sends the configured credential to GET /models. It uploads no image and creates no completion.',
+    testingModel: 'Testing model…',
+    connectionHint: 'The API connection test only queries GET /models. The vision model test sends the bundled diagnostic image and verifies one real multimodal request.',
     saveBeforeTesting: 'Save service changes before testing the connection.',
     advanced: 'Advanced settings',
     advancedHint: 'Credential name, provider compatibility, output language, resource limits, runtime source, Python, and additional readable directories.',
@@ -132,6 +134,7 @@ const en = {
     healthArtifactDirectory: 'Artifact directory',
     healthTempDirectory: 'Temporary directory',
     healthService: 'Vision service',
+    healthModel: 'Vision model',
     statusOk: 'OK',
     statusWarning: 'Warning',
     statusError: 'Error',
@@ -146,7 +149,7 @@ const en = {
     healthDirectoryWritable: '{directory} is writable: {path}',
     healthDirectoryNotWritable: '{directory} is not writable: {path}',
     healthArtifactDirectoryFailed: 'Could not prepare the artifact directory.',
-    healthConnectionNotTested: 'Connection not tested. Use Test connection to query /models.',
+    healthConnectionNotTested: 'API connection not tested. Use Test API connection to query /models.',
     healthConnectionCredentialMissing: 'Connection test skipped because the credential is unavailable.',
     healthServiceResponded: 'Service responded at {endpoint} (HTTP {status}).',
     healthServiceRejectedCredential: 'Service rejected the configured credential (HTTP {status}).',
@@ -154,6 +157,13 @@ const en = {
     healthServiceRateLimited: 'Service is reachable, but the connection test was rate-limited (HTTP 429).',
     healthServiceHttpFailed: 'Connection test failed with HTTP {status}.',
     healthServiceUnreachable: 'Could not reach {endpoint}.',
+    healthModelNotTested: 'Vision model not tested. Run Test vision model to make one real multimodal request.',
+    healthModelCredentialMissing: 'Vision model test skipped because the credential is unavailable.',
+    healthModelReady: 'Model {model} completed a real multimodal request.',
+    healthModelFailed: 'Real multimodal request failed: {detail}',
+    modelTestVerifiedTag: 'Verified',
+    modelTestNotRunTag: 'Not tested',
+    modelTestFailedTag: 'Test failed',
 };
 const zh = {
     nav: '视觉工具',
@@ -202,10 +212,12 @@ const zh = {
     sourceFile: '凭据文件',
     health: '运行检查',
     runHealth: '检查本地环境',
-    testConnection: '测试服务连接',
+    testConnection: '测试 API 连接',
+    testModel: '测试视觉模型',
     testing: '检查中…',
-    connectionHint: '“检查本地环境”只检查本机依赖和目录；“测试服务连接”会携带已配置的 API 密钥请求 /models，但不会上传图片或调用模型。',
-    saveBeforeTesting: '修改服务配置后，请先保存，再测试连接。',
+    testingModel: '正在测试模型…',
+    connectionHint: '“测试 API 连接”只请求 GET /models；“测试视觉模型”会发送插件自带的诊断图片，验证一次真实多模态调用。',
+    saveBeforeTesting: '修改服务配置后，请先保存，再执行 API 或视觉模型测试。',
     advanced: '高级设置',
     advancedHint: '凭据名称、服务兼容参数、结果语言、资源限制、运行环境来源、Python 和额外可读目录。一般无需修改。',
     pluginVersion: '插件版本',
@@ -269,6 +281,7 @@ const zh = {
     healthArtifactDirectory: '输出目录',
     healthTempDirectory: '临时目录',
     healthService: '视觉服务',
+    healthModel: '视觉模型',
     statusOk: '正常',
     statusWarning: '注意',
     statusError: '异常',
@@ -283,7 +296,7 @@ const zh = {
     healthDirectoryWritable: '{directory}可写：{path}',
     healthDirectoryNotWritable: '{directory}不可写：{path}',
     healthArtifactDirectoryFailed: '无法准备输出目录。',
-    healthConnectionNotTested: '尚未测试服务连接。点击“测试服务连接”可请求 /models。',
+    healthConnectionNotTested: '尚未测试 API 连接。点击“测试 API 连接”可请求 /models。',
     healthConnectionCredentialMissing: 'API 密钥不可用，未执行连接测试。',
     healthServiceResponded: '服务已响应：{endpoint}（HTTP {status}）。',
     healthServiceRejectedCredential: '服务拒绝了当前 API 密钥（HTTP {status}）。',
@@ -291,6 +304,13 @@ const zh = {
     healthServiceRateLimited: '服务可以访问，但本次连接测试触发了限流（HTTP 429）。',
     healthServiceHttpFailed: '连接测试失败（HTTP {status}）。',
     healthServiceUnreachable: '无法连接到 {endpoint}。',
+    healthModelNotTested: '尚未测试视觉模型。点击“测试视觉模型”可执行一次真实多模态请求。',
+    healthModelCredentialMissing: '视觉模型测试已跳过，因为当前 API 密钥不可用。',
+    healthModelReady: '模型 {model} 已完成一次真实多模态请求。',
+    healthModelFailed: '真实多模态请求失败：{detail}',
+    modelTestVerifiedTag: '已实测',
+    modelTestNotRunTag: '未测试',
+    modelTestFailedTag: '测试失败',
 };
 function isRecord(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
@@ -601,13 +621,15 @@ class VisionSettingsController {
             return false;
         }
     }
-    async runHealth(testConnection) {
-        this.set({ ...this.state, action: testConnection ? 'connection' : 'health', error: undefined, message: undefined });
+    async runHealth(mode) {
+        const testConnection = mode !== 'health';
+        const testModel = mode === 'model';
+        this.set({ ...this.state, action: mode, error: undefined, message: undefined });
         try {
             const health = await apiRequest({
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ action: 'health', testConnection }),
+                body: JSON.stringify({ action: 'health', testConnection, testModel }),
             });
             this.set({ ...this.state, action: undefined, health });
         }
@@ -693,6 +715,7 @@ const HEALTH_NAME_KEYS = {
     artifactDirectory: 'healthArtifactDirectory',
     tempDirectory: 'healthTempDirectory',
     service: 'healthService',
+    model: 'healthModel',
 };
 const HEALTH_STATUS_KEYS = {
     ok: 'statusOk',
@@ -754,8 +777,25 @@ function healthDetail(name, detail, t) {
     match = /^Service could not be reached at (.+)$/u.exec(detail);
     if (match !== null)
         return t('healthServiceUnreachable', { endpoint: match[1] });
+    if (detail === 'Vision model was not tested; run an explicit model test to send the bundled diagnostic image')
+        return t('healthModelNotTested');
+    if (detail === 'Vision model test skipped because the configured credential is unavailable')
+        return t('healthModelCredentialMissing');
+    match = /^Vision model (.+) completed a multimodal request$/u.exec(detail);
+    if (match !== null)
+        return t('healthModelReady', { model: match[1] });
+    match = /^Vision model test failed: (.+)$/u.exec(detail);
+    if (match !== null)
+        return t('healthModelFailed', { detail: match[1] });
     return detail;
 }
+function modelTestTag(health, check) {
+    if (!health.modelTested)
+        return { status: 'warning', label: 'modelTestNotRunTag' };
+    if (check.status === 'ok')
+        return { status: 'ok', label: 'modelTestVerifiedTag' };
+    return { status: 'error', label: 'modelTestFailedTag' };
+}
 function credentialSource(source, t) {
     if (source === 'env')
         return t('sourceEnv');
@@ -803,7 +843,10 @@ function LoadedSettings({ controller, t }) {
     const keyLocked = credentialMatchesSnapshot && !snapshot.credential.writable;
     const canSave = snapshot.writable || (apiKey.length > 0 && !keyLocked);
     const runtimeErrorTitle = snapshot.runtime.ready ? t('runtimeCandidateRejected') : t('runtimeUnavailable');
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "dvt-settings", children: [(0, jsx_runtime_1.jsx)("div", { className: "dvt-alert notice", children: t('externalNotice') }), !snapshot.writable ? (0, jsx_runtime_1.jsx)("div", { className: "dvt-alert warning", children: t('readOnly') }) : null, draftError === undefined ? null : (0, jsx_runtime_1.jsx)("div", { className: "dvt-alert error", children: draftError }), state.error === undefined ? null : (0, jsx_runtime_1.jsx)("div", { className: "dvt-alert error", children: state.error }), state.message === 'saved' ? (0, jsx_runtime_1.jsx)("div", { className: "dvt-alert success", children: t('saved') }) : null, snapshot.runtime.lastError === undefined ? null : (0, jsx_runtime_1.jsxs)("div", { className: "dvt-alert error", children: [(0, jsx_runtime_1.jsx)("strong", { children: runtimeErrorTitle }), (0, jsx_runtime_1.jsx)("span", { children: snapshot.runtime.lastError })] }), (0, jsx_runtime_1.jsxs)("section", { className: "dvt-panel dvt-essential", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dvt-panel-title", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { children: t('provider') }), (0, jsx_runtime_1.jsx)("p", { children: t('providerHint') })] }), (0, jsx_runtime_1.jsx)("span", { className: `dvt-badge ${snapshot.credential.configured ? 'ok' : 'error'}`, children: snapshot.credential.configured ? t('configured') : t('missing') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-form-grid", children: [(0, jsx_runtime_1.jsx)(Field, { label: t('protocol'), children: (0, jsx_runtime_1.jsxs)("select", { disabled: !snapshot.writable || busy, value: draft.protocol, onChange: (event) => { update('protocol', event.target.value); }, children: [(0, jsx_runtime_1.jsx)("option", { value: "openai", children: "OpenAI Chat Completions" }), (0, jsx_runtime_1.jsx)("option", { value: "anthropic", children: "Anthropic Messages" })] }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('baseUrl'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { disabled: !snapshot.writable || busy, value: draft.baseUrl, onChange: (event) => { update('baseUrl', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('model'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { disabled: !snapshot.writable || busy, value: draft.model, onChange: (event) => { update('model', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('apiKey'), hint: keyLocked ? t('apiKeyLocked') : snapshot.credential.source === undefined ? t('apiKeyHint') : `${t('apiKeyHint')} ${t('sourceHint', { source: t('source'), value: credentialSource(snapshot.credential.source, t) })}`, children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { "aria-label": t('apiKey'), type: "password", autoComplete: "new-password", disabled: busy || keyLocked, placeholder: snapshot.credential.configured ? t('apiKeyPlaceholderConfigured') : t('apiKeyPlaceholderMissing'), value: apiKey, onChange: (event) => { setApiKey(event.target.value); setDraftError(undefined); } }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-save-row", children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Button, { variant: "primary", disabled: !canSave || busy, onClick: save, children: state.action === 'save' ? t('saving') : t('save') }), (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Button, { variant: "outline", disabled: busy, onClick: () => { void controller.load(); }, children: t('reload') })] }), (0, jsx_runtime_1.jsxs)("section", { className: "dvt-panel", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dvt-panel-title", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { children: t('health') }), (0, jsx_runtime_1.jsx)("p", { children: t('connectionHint') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-actions", children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Button, { size: "sm", variant: "outline", disabled: busy || !snapshot.runtime.ready, onClick: () => { void controller.runHealth(false); }, children: state.action === 'health' ? t('testing') : t('runHealth') }), (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Button, { size: "sm", variant: "primary", disabled: busy || !snapshot.runtime.ready, onClick: () => { void controller.runHealth(true); }, children: state.action === 'connection' ? t('testing') : t('testConnection') })] })] }), (0, jsx_runtime_1.jsx)("p", { className: "dvt-muted", children: t('saveBeforeTesting') }), state.health === undefined ? (0, jsx_runtime_1.jsx)("p", { className: "dvt-muted", children: t('notTested') }) : (0, jsx_runtime_1.jsx)("div", { className: "dvt-health-grid", children: Object.entries(state.health.checks).map(([name, check]) => (0, jsx_runtime_1.jsxs)("div", { "data-status": check.status, children: [(0, jsx_runtime_1.jsx)("span", { children: t(HEALTH_NAME_KEYS[name] ?? 'health') }), (0, jsx_runtime_1.jsx)("strong", { children: t(HEALTH_STATUS_KEYS[check.status]) }), (0, jsx_runtime_1.jsx)("p", { children: healthDetail(name, check.detail, t) })] }, name)) })] }), (0, jsx_runtime_1.jsxs)("details", { className: "dvt-advanced", children: [(0, jsx_runtime_1.jsxs)("summary", { children: [(0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("strong", { children: t('advanced') }), (0, jsx_runtime_1.jsx)("small", { children: t('advancedHint') })] }), (0, jsx_runtime_1.jsx)("span", { className: "dvt-details-chevron", "aria-hidden": "true", children: "\u2304" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-advanced-body", children: [(0, jsx_runtime_1.jsxs)("section", { className: "dvt-panel", children: [(0, jsx_runtime_1.jsx)("div", { className: "dvt-panel-title", children: (0, jsx_runtime_1.jsx)("h3", { children: t('provider') }) }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-form-grid", children: [(0, jsx_runtime_1.jsx)(Field, { label: t('credential'), hint: t('credentialHint'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { "aria-label": t('credential'), disabled: !snapshot.writable || busy, value: draft.credential, onChange: (event) => { update('credential', event.target.value); } }) }), draft.protocol === 'anthropic' ? (0, jsx_runtime_1.jsx)(Field, { label: t('anthropicThinking'), hint: t('anthropicThinkingHint'), children: (0, jsx_runtime_1.jsxs)("select", { "aria-label": t('anthropicThinking'), value: draft.anthropicThinking, onChange: (event) => { update('anthropicThinking', event.target.value); }, children: [(0, jsx_runtime_1.jsx)("option", { value: "omit", children: "omit (widest compatibility)" }), (0, jsx_runtime_1.jsx)("option", { value: "disabled", children: "disabled (model support required)" }), (0, jsx_runtime_1.jsx)("option", { value: "adaptive", children: "adaptive (model support required)" })] }) }) : null, (0, jsx_runtime_1.jsx)(Field, { label: t('userAgent'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { value: draft.userAgent, onChange: (event) => { update('userAgent', event.target.value); } }) })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "dvt-panel", children: [(0, jsx_runtime_1.jsx)("div", { className: "dvt-panel-title", children: (0, jsx_runtime_1.jsx)("h3", { children: t('limits') }) }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-form-grid", children: [(0, jsx_runtime_1.jsx)(Field, { label: t('language'), children: (0, jsx_runtime_1.jsxs)("select", { value: draft.language, onChange: (event) => { update('language', event.target.value); }, children: [(0, jsx_runtime_1.jsx)("option", { value: "zh", children: "\u4E2D\u6587" }), (0, jsx_runtime_1.jsx)("option", { value: "en", children: "English" })] }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('timeout'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { inputMode: "numeric", value: draft.timeoutMs, onChange: (event) => { update('timeoutMs', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('maxBytes'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { inputMode: "numeric", value: draft.maxImageBytes, onChange: (event) => { update('maxImageBytes', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('maxPixels'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { inputMode: "numeric", value: draft.maxImagePixels, onChange: (event) => { update('maxImagePixels', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('concurrency'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { inputMode: "numeric", value: draft.concurrency, onChange: (event) => { update('concurrency', event.target.value); } }) })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "dvt-panel", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dvt-panel-title", children: [(0, jsx_runtime_1.jsx)("h3", { children: t('runtime') }), (0, jsx_runtime_1.jsx)("span", { className: `dvt-badge ${snapshot.runtime.ready ? 'ok' : 'error'}`, children: snapshot.runtime.ready ? snapshot.runtime.upstream?.source === 'managed' ? t('runtimeManaged') : snapshot.runtime.upstream?.source === 'external' ? t('runtimeExternal') : t('runtimeReady') : t('runtimeUnavailable') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-form-grid", children: [(0, jsx_runtime_1.jsx)(Field, { label: t('runtimeMode'), children: (0, jsx_runtime_1.jsxs)("select", { value: draft.runtimeMode, onChange: (event) => { update('runtimeMode', event.target.value); }, children: [(0, jsx_runtime_1.jsx)("option", { value: "managed", children: t('runtimeManaged') }), (0, jsx_runtime_1.jsx)("option", { value: "external", children: t('runtimeExternal') })] }) }), draft.runtimeMode === 'external' ? (0, jsx_runtime_1.jsx)(Field, { label: t('toolkitPath'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { value: draft.toolkitPath, onChange: (event) => { update('toolkitPath', event.target.value); } }) }) : null, (0, jsx_runtime_1.jsx)(Field, { label: t('python'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { placeholder: "python3", value: draft.python, onChange: (event) => { update('python', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('allowedDirs'), hint: t('allowedDirsHint'), children: (0, jsx_runtime_1.jsx)("textarea", { rows: 3, value: draft.allowedDirs, onChange: (event) => { update('allowedDirs', event.target.value); } }) })] }), snapshot.runtime.upstream === undefined ? null : (0, jsx_runtime_1.jsxs)("div", { className: "dvt-runtime-facts", children: [(0, jsx_runtime_1.jsx)("code", { children: snapshot.runtime.upstream.path }), (0, jsx_runtime_1.jsxs)("code", { children: [snapshot.runtime.upstream.python, " \u00B7 ", snapshot.runtime.upstream.pythonVersion] }), (0, jsx_runtime_1.jsx)("code", { children: snapshot.runtime.upstream.runtimeHome })] })] })] })] }), (0, jsx_runtime_1.jsxs)("footer", { className: "dvt-settings-footer", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: "dvt-kicker", children: t('pluginKind') }), (0, jsx_runtime_1.jsx)("h2", { children: t('settingsTitle') }), (0, jsx_runtime_1.jsx)("p", { children: t('settingsIntro') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-release", children: [(0, jsx_runtime_1.jsxs)("span", { children: [t('pluginVersion'), " ", (0, jsx_runtime_1.jsx)("strong", { children: snapshot.release.pluginVersion })] }), (0, jsx_runtime_1.jsxs)("span", { children: [t('upstreamVersion'), " ", (0, jsx_runtime_1.jsx)("strong", { children: snapshot.release.upstreamVersion })] }), (0, jsx_runtime_1.jsxs)("span", { children: [t('activeGeneration'), " ", (0, jsx_runtime_1.jsx)("strong", { children: t('activeGenerationValue', { generation: snapshot.runtime.generation }) })] })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "dvt-settings", children: [(0, jsx_runtime_1.jsx)("div", { className: "dvt-alert notice", children: t('externalNotice') }), !snapshot.writable ? (0, jsx_runtime_1.jsx)("div", { className: "dvt-alert warning", children: t('readOnly') }) : null, draftError === undefined ? null : (0, jsx_runtime_1.jsx)("div", { className: "dvt-alert error", children: draftError }), state.error === undefined ? null : (0, jsx_runtime_1.jsx)("div", { className: "dvt-alert error", children: state.error }), state.message === 'saved' ? (0, jsx_runtime_1.jsx)("div", { className: "dvt-alert success", children: t('saved') }) : null, snapshot.runtime.lastError === undefined ? null : (0, jsx_runtime_1.jsxs)("div", { className: "dvt-alert error", children: [(0, jsx_runtime_1.jsx)("strong", { children: runtimeErrorTitle }), (0, jsx_runtime_1.jsx)("span", { children: snapshot.runtime.lastError })] }), (0, jsx_runtime_1.jsxs)("section", { className: "dvt-panel dvt-essential", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dvt-panel-title", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { children: t('provider') }), (0, jsx_runtime_1.jsx)("p", { children: t('providerHint') })] }), (0, jsx_runtime_1.jsx)("span", { className: `dvt-badge ${snapshot.credential.configured ? 'ok' : 'error'}`, children: snapshot.credential.configured ? t('configured') : t('missing') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-form-grid", children: [(0, jsx_runtime_1.jsx)(Field, { label: t('protocol'), children: (0, jsx_runtime_1.jsxs)("select", { disabled: !snapshot.writable || busy, value: draft.protocol, onChange: (event) => { update('protocol', event.target.value); }, children: [(0, jsx_runtime_1.jsx)("option", { value: "openai", children: "OpenAI Chat Completions" }), (0, jsx_runtime_1.jsx)("option", { value: "anthropic", children: "Anthropic Messages" })] }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('baseUrl'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { disabled: !snapshot.writable || busy, value: draft.baseUrl, onChange: (event) => { update('baseUrl', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('model'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { disabled: !snapshot.writable || busy, value: draft.model, onChange: (event) => { update('model', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('apiKey'), hint: keyLocked ? t('apiKeyLocked') : snapshot.credential.source === undefined ? t('apiKeyHint') : `${t('apiKeyHint')} ${t('sourceHint', { source: t('source'), value: credentialSource(snapshot.credential.source, t) })}`, children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { "aria-label": t('apiKey'), type: "password", autoComplete: "new-password", disabled: busy || keyLocked, placeholder: snapshot.credential.configured ? t('apiKeyPlaceholderConfigured') : t('apiKeyPlaceholderMissing'), value: apiKey, onChange: (event) => { setApiKey(event.target.value); setDraftError(undefined); } }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-save-row", children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Button, { variant: "primary", disabled: !canSave || busy, onClick: save, children: state.action === 'save' ? t('saving') : t('save') }), (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Button, { variant: "outline", disabled: busy, onClick: () => { void controller.load(); }, children: t('reload') })] }), (0, jsx_runtime_1.jsxs)("section", { className: "dvt-panel", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dvt-panel-title", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { children: t('health') }), (0, jsx_runtime_1.jsx)("p", { children: t('connectionHint') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-actions", children: [(0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Button, { size: "sm", variant: "outline", disabled: busy || !snapshot.runtime.ready, onClick: () => { void controller.runHealth('health'); }, children: state.action === 'health' ? t('testing') : t('runHealth') }), (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Button, { size: "sm", variant: "outline", disabled: busy || !snapshot.runtime.ready, onClick: () => { void controller.runHealth('connection'); }, children: state.action === 'connection' ? t('testing') : t('testConnection') }), (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Button, { size: "sm", variant: "primary", disabled: busy || !snapshot.runtime.ready, onClick: () => { void controller.runHealth('model'); }, children: state.action === 'model' ? t('testingModel') : t('testModel') })] })] }), (0, jsx_runtime_1.jsx)("p", { className: "dvt-muted", children: t('saveBeforeTesting') }), state.health === undefined ? (0, jsx_runtime_1.jsx)("p", { className: "dvt-muted", children: t('notTested') }) : (0, jsx_runtime_1.jsx)("div", { className: "dvt-health-grid", children: Object.entries(state.health.checks).map(([name, check]) => {
+                            const testTag = name === 'model' ? modelTestTag(state.health, check) : undefined;
+                            return (0, jsx_runtime_1.jsxs)("div", { "data-status": check.status, children: [(0, jsx_runtime_1.jsx)("span", { children: t(HEALTH_NAME_KEYS[name] ?? 'health') }), testTag === undefined ? null : (0, jsx_runtime_1.jsx)("em", { className: "dvt-health-test-tag", "data-status": testTag.status, children: t(testTag.label) }), (0, jsx_runtime_1.jsx)("strong", { children: t(HEALTH_STATUS_KEYS[check.status]) }), (0, jsx_runtime_1.jsx)("p", { children: healthDetail(name, check.detail, t) })] }, name);
+                        }) })] }), (0, jsx_runtime_1.jsxs)("details", { className: "dvt-advanced", children: [(0, jsx_runtime_1.jsxs)("summary", { children: [(0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("strong", { children: t('advanced') }), (0, jsx_runtime_1.jsx)("small", { children: t('advancedHint') })] }), (0, jsx_runtime_1.jsx)("span", { className: "dvt-details-chevron", "aria-hidden": "true", children: "\u2304" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-advanced-body", children: [(0, jsx_runtime_1.jsxs)("section", { className: "dvt-panel", children: [(0, jsx_runtime_1.jsx)("div", { className: "dvt-panel-title", children: (0, jsx_runtime_1.jsx)("h3", { children: t('provider') }) }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-form-grid", children: [(0, jsx_runtime_1.jsx)(Field, { label: t('credential'), hint: t('credentialHint'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { "aria-label": t('credential'), disabled: !snapshot.writable || busy, value: draft.credential, onChange: (event) => { update('credential', event.target.value); } }) }), draft.protocol === 'anthropic' ? (0, jsx_runtime_1.jsx)(Field, { label: t('anthropicThinking'), hint: t('anthropicThinkingHint'), children: (0, jsx_runtime_1.jsxs)("select", { "aria-label": t('anthropicThinking'), value: draft.anthropicThinking, onChange: (event) => { update('anthropicThinking', event.target.value); }, children: [(0, jsx_runtime_1.jsx)("option", { value: "omit", children: "omit (widest compatibility)" }), (0, jsx_runtime_1.jsx)("option", { value: "disabled", children: "disabled (model support required)" }), (0, jsx_runtime_1.jsx)("option", { value: "adaptive", children: "adaptive (model support required)" })] }) }) : null, (0, jsx_runtime_1.jsx)(Field, { label: t('userAgent'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { value: draft.userAgent, onChange: (event) => { update('userAgent', event.target.value); } }) })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "dvt-panel", children: [(0, jsx_runtime_1.jsx)("div", { className: "dvt-panel-title", children: (0, jsx_runtime_1.jsx)("h3", { children: t('limits') }) }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-form-grid", children: [(0, jsx_runtime_1.jsx)(Field, { label: t('language'), children: (0, jsx_runtime_1.jsxs)("select", { value: draft.language, onChange: (event) => { update('language', event.target.value); }, children: [(0, jsx_runtime_1.jsx)("option", { value: "zh", children: "\u4E2D\u6587" }), (0, jsx_runtime_1.jsx)("option", { value: "en", children: "English" })] }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('timeout'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { inputMode: "numeric", value: draft.timeoutMs, onChange: (event) => { update('timeoutMs', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('maxBytes'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { inputMode: "numeric", value: draft.maxImageBytes, onChange: (event) => { update('maxImageBytes', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('maxPixels'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { inputMode: "numeric", value: draft.maxImagePixels, onChange: (event) => { update('maxImagePixels', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('concurrency'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { inputMode: "numeric", value: draft.concurrency, onChange: (event) => { update('concurrency', event.target.value); } }) })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "dvt-panel", children: [(0, jsx_runtime_1.jsxs)("div", { className: "dvt-panel-title", children: [(0, jsx_runtime_1.jsx)("h3", { children: t('runtime') }), (0, jsx_runtime_1.jsx)("span", { className: `dvt-badge ${snapshot.runtime.ready ? 'ok' : 'error'}`, children: snapshot.runtime.ready ? snapshot.runtime.upstream?.source === 'managed' ? t('runtimeManaged') : snapshot.runtime.upstream?.source === 'external' ? t('runtimeExternal') : t('runtimeReady') : t('runtimeUnavailable') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-form-grid", children: [(0, jsx_runtime_1.jsx)(Field, { label: t('runtimeMode'), children: (0, jsx_runtime_1.jsxs)("select", { value: draft.runtimeMode, onChange: (event) => { update('runtimeMode', event.target.value); }, children: [(0, jsx_runtime_1.jsx)("option", { value: "managed", children: t('runtimeManaged') }), (0, jsx_runtime_1.jsx)("option", { value: "external", children: t('runtimeExternal') })] }) }), draft.runtimeMode === 'external' ? (0, jsx_runtime_1.jsx)(Field, { label: t('toolkitPath'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { value: draft.toolkitPath, onChange: (event) => { update('toolkitPath', event.target.value); } }) }) : null, (0, jsx_runtime_1.jsx)(Field, { label: t('python'), children: (0, jsx_runtime_1.jsx)(dsh_client_ui_primitives_1.Input, { placeholder: "python3", value: draft.python, onChange: (event) => { update('python', event.target.value); } }) }), (0, jsx_runtime_1.jsx)(Field, { label: t('allowedDirs'), hint: t('allowedDirsHint'), children: (0, jsx_runtime_1.jsx)("textarea", { rows: 3, value: draft.allowedDirs, onChange: (event) => { update('allowedDirs', event.target.value); } }) })] }), snapshot.runtime.upstream === undefined ? null : (0, jsx_runtime_1.jsxs)("div", { className: "dvt-runtime-facts", children: [(0, jsx_runtime_1.jsx)("code", { children: snapshot.runtime.upstream.path }), (0, jsx_runtime_1.jsxs)("code", { children: [snapshot.runtime.upstream.python, " \u00B7 ", snapshot.runtime.upstream.pythonVersion] }), (0, jsx_runtime_1.jsx)("code", { children: snapshot.runtime.upstream.runtimeHome })] })] })] })] }), (0, jsx_runtime_1.jsxs)("footer", { className: "dvt-settings-footer", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: "dvt-kicker", children: t('pluginKind') }), (0, jsx_runtime_1.jsx)("h2", { children: t('settingsTitle') }), (0, jsx_runtime_1.jsx)("p", { children: t('settingsIntro') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "dvt-release", children: [(0, jsx_runtime_1.jsxs)("span", { children: [t('pluginVersion'), " ", (0, jsx_runtime_1.jsx)("strong", { children: snapshot.release.pluginVersion })] }), (0, jsx_runtime_1.jsxs)("span", { children: [t('upstreamVersion'), " ", (0, jsx_runtime_1.jsx)("strong", { children: snapshot.release.upstreamVersion })] }), (0, jsx_runtime_1.jsxs)("span", { children: [t('activeGeneration'), " ", (0, jsx_runtime_1.jsx)("strong", { children: t('activeGenerationValue', { generation: snapshot.runtime.generation }) })] })] })] })] }));
 }
 const CSS = `
 .dvt-tool{margin:4px 0;border:1px solid var(--dsw-alias-border-l1);border-radius:12px;background:var(--dsw-alias-bg-layer-1);overflow:hidden;box-shadow:var(--dsw-shadow-lv1)}
@@ -812,7 +855,7 @@ const CSS = `
 .dvt-artifact{border:1px solid var(--dsw-alias-border-l1);border-radius:10px;overflow:hidden;background:var(--dsw-alias-bg-layer-1)}.dvt-preview{display:block;width:100%;max-height:360px;object-fit:contain;background:repeating-conic-gradient(var(--dsw-alias-bg-module-platform) 0 25%,var(--dsw-alias-bg-layer-1) 0 50%) 50%/18px 18px;border:0}.dvt-svg{height:280px}.dvt-artifact-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px}.dvt-artifact-meta>div:first-child{min-width:0;display:grid;gap:2px}.dvt-artifact-meta strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.dvt-artifact-meta span,.dvt-artifact-meta small{font-size:10px;color:var(--dsw-alias-label-secondary)}.dvt-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.dvt-download{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);text-decoration:none;font-size:12px;font-weight:600}.dvt-download:hover{background:var(--dsw-alias-button-primary-hover)}.dvt-download:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.dvt-artifact>.dvt-muted{padding:0 10px 10px}.dvt-diff-score>div{height:5px;border-radius:99px;background:var(--dsw-alias-border-l2);overflow:hidden}.dvt-diff-score i{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,var(--dsw-alias-state-warn-primary),var(--dsw-alias-state-error-primary));border-radius:99px}.dvt-tool h4{font-size:11px;margin:0 0 6px}.dvt-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:7px}.dvt-palette>div{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--dsw-alias-border-l1);border-radius:9px}.dvt-palette i{width:28px;height:28px;border-radius:7px;box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2)}.dvt-palette span{display:grid}.dvt-palette strong{font-size:11px}.dvt-palette small{font-size:10px;color:var(--dsw-alias-label-secondary)}
 .dvt-settings{display:grid;gap:14px;max-width:900px;padding:8px 2px 32px;color:var(--dsw-alias-label-primary)}.dvt-settings-footer{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:8px 2px}.dvt-settings-footer h2{font-size:25px;letter-spacing:-.025em;margin:3px 0 6px}.dvt-settings-footer p{max-width:620px;margin:0;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.55}.dvt-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--dsw-alias-state-business-primary);font-weight:700}.dvt-release{display:grid;gap:4px;min-width:170px;padding:9px 11px;border-radius:10px;background:var(--dsw-alias-bg-layer-2);font-size:10px;color:var(--dsw-alias-label-secondary)}.dvt-release span{display:flex;justify-content:space-between;gap:12px}.dvt-release strong{color:var(--dsw-alias-label-primary)}.dvt-alert{padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.5;display:grid;gap:3px}.dvt-alert.notice{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 10%,transparent);color:var(--dsw-alias-state-business-primary)}.dvt-alert.warning{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 12%,transparent);color:var(--dsw-alias-state-warn-label)}.dvt-alert.error{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}.dvt-alert.success{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 10%,transparent);color:var(--dsw-alias-state-success-primary)}.dvt-panel{display:grid;gap:12px;padding:15px;border:1px solid var(--dsw-alias-border-l1);border-radius:14px;background:var(--dsw-alias-bg-layer-1);box-shadow:var(--dsw-shadow-lv1)}.dvt-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dvt-panel-title h3{font-size:14px;margin:0}.dvt-panel-title p{font-size:11px;line-height:1.45;color:var(--dsw-alias-label-secondary);margin:4px 0 0;max-width:620px}.dvt-badge{font-size:10px;padding:3px 7px;border-radius:999px;font-weight:650}.dvt-badge.ok{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 12%,transparent);color:var(--dsw-alias-state-success-primary)}.dvt-badge.error{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)}.dvt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dvt-field{display:grid;gap:6px;align-content:start}.dvt-field>span{font-size:11px;font-weight:600}.dvt-field>small{font-size:10px;color:var(--dsw-alias-label-secondary);line-height:1.4}.dvt-field select,.dvt-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l1);border-radius:9px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;padding:8px 10px}.dvt-field select{height:36px}.dvt-field textarea{resize:vertical;min-height:76px}.dvt-runtime-facts{display:grid;gap:4px;padding:9px 10px;border-radius:9px;background:var(--dsw-alias-bg-layer-2);overflow:auto}.dvt-runtime-facts code{font-size:10px;white-space:nowrap;color:var(--dsw-alias-label-secondary)}.dvt-save-row{display:flex;gap:8px;padding:2px 0}
 .dvt-settings-footer{margin-top:8px;padding:20px 2px 4px;border-top:1px solid var(--dsw-alias-border-l1);opacity:.82}.dvt-settings-footer h2{font-size:18px;letter-spacing:-.015em;margin:3px 0 5px}.dvt-settings-footer p{font-size:11px;line-height:1.5}.dvt-release{min-width:220px}.dvt-release span{white-space:nowrap}.dvt-essential{border-color:color-mix(in srgb,var(--dsw-alias-state-business-primary) 30%,var(--dsw-alias-border-l1));box-shadow:var(--dsw-shadow-lv1),0 0 0 3px color-mix(in srgb,var(--dsw-alias-state-business-primary) 5%,transparent)}.dvt-advanced{border:1px solid var(--dsw-alias-border-l1);border-radius:14px;background:var(--dsw-alias-bg-layer-1);overflow:hidden}.dvt-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;cursor:pointer;list-style:none}.dvt-advanced>summary::-webkit-details-marker{display:none}.dvt-advanced>summary>span:first-child{display:grid;gap:3px}.dvt-advanced>summary strong{font-size:13px}.dvt-advanced>summary small{font-size:10px;line-height:1.45;color:var(--dsw-alias-label-secondary);font-weight:400}.dvt-details-chevron{font-size:15px;opacity:.55;transition:transform .16s ease}.dvt-advanced[open] .dvt-details-chevron{transform:rotate(180deg)}.dvt-advanced-body{display:grid;gap:12px;padding:0 12px 12px}.dvt-advanced-body>.dvt-panel{box-shadow:none}
-.dvt-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.dvt-health-grid>div{padding:9px 10px;border-radius:9px;background:var(--dsw-alias-bg-layer-2);border-left:3px solid var(--dsw-alias-border-l4)}.dvt-health-grid>div[data-status=ok]{border-left-color:var(--dsw-alias-state-success-primary)}.dvt-health-grid>div[data-status=warning],.dvt-health-grid>div[data-status=not_tested]{border-left-color:var(--dsw-alias-state-warn-primary)}.dvt-health-grid>div[data-status=error]{border-left-color:var(--dsw-alias-state-error-primary)}.dvt-health-grid span{font-size:10px;text-transform:capitalize}.dvt-health-grid strong{float:right;font-size:9px;text-transform:uppercase;color:var(--dsw-alias-label-secondary)}.dvt-health-grid p{clear:both;margin:5px 0 0;font-size:10px;line-height:1.4;color:var(--dsw-alias-label-secondary)}.dvt-loading{padding:24px;border-radius:12px;background:var(--dsw-alias-bg-layer-2);font-size:12px;color:var(--dsw-alias-label-secondary)}
+.dvt-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.dvt-health-grid>div{padding:9px 10px;border-radius:9px;background:var(--dsw-alias-bg-layer-2);border-left:3px solid var(--dsw-alias-border-l4)}.dvt-health-grid>div[data-status=ok]{border-left-color:var(--dsw-alias-state-success-primary)}.dvt-health-grid>div[data-status=warning],.dvt-health-grid>div[data-status=not_tested]{border-left-color:var(--dsw-alias-state-warn-primary)}.dvt-health-grid>div[data-status=error]{border-left-color:var(--dsw-alias-state-error-primary)}.dvt-health-grid span{font-size:10px;text-transform:capitalize}.dvt-health-grid strong{float:right;font-size:9px;text-transform:uppercase;color:var(--dsw-alias-label-secondary)}.dvt-health-test-tag{display:inline-flex;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--dsw-alias-bg-layer-1);font-size:9px;font-style:normal;font-weight:600;color:var(--dsw-alias-label-secondary)}.dvt-health-test-tag[data-status=ok]{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 12%,transparent);color:var(--dsw-alias-state-success-primary)}.dvt-health-test-tag[data-status=warning]{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 12%,transparent);color:var(--dsw-alias-state-warn-label)}.dvt-health-test-tag[data-status=error]{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 12%,transparent);color:var(--dsw-alias-state-error-primary)}.dvt-health-grid p{clear:both;margin:5px 0 0;font-size:10px;line-height:1.4;color:var(--dsw-alias-label-secondary)}.dvt-loading{padding:24px;border-radius:12px;background:var(--dsw-alias-bg-layer-2);font-size:12px;color:var(--dsw-alias-label-secondary)}
 .dvt-paste-dock{box-sizing:border-box;width:calc(100% - 32px);max-width:var(--dsh-composer-card-max-width,960px);margin:0 auto;display:flex;flex-wrap:wrap;gap:6px;padding:0 2px 6px}.dvt-paste-chip{max-width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;gap:7px;padding:0 6px 0 10px;border:1px solid var(--dsw-alias-border-l1);border-radius:9px;background:var(--dsw-specific-tip);font-size:12px}.dvt-paste-chip[data-status=copying]{border-color:var(--dsw-alias-state-business-primary)}.dvt-paste-chip[data-status=error]{border-color:var(--dsw-alias-state-error-primary)}.dvt-paste-name{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvt-paste-detail{color:var(--dsw-alias-label-caption);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvt-paste-chip[data-status=error] .dvt-paste-detail{color:var(--dsw-alias-state-error-primary)}.dvt-paste-chip button{width:20px;height:20px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;color:var(--dsw-alias-label-caption);font:inherit;font-size:16px;cursor:pointer}.dvt-paste-chip button:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.dvt-paste-chip button:disabled{opacity:.4;cursor:default}
 @media(max-width:720px){.dvt-settings-footer{display:grid}.dvt-release{width:auto}.dvt-form-grid{grid-template-columns:1fr}.dvt-metrics{grid-template-columns:1fr}.dvt-artifact-meta{align-items:flex-start;flex-direction:column}.dvt-panel-title{flex-direction:column}}
 `;
@@ -895,7 +938,7 @@ function apply(ctx) {
 __modules["./paste-images.js"] = function(module, exports, require, __load_) {
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasteImageController = exports.PASTE_IMAGES_ROUTE = void 0;
+exports.PasteImageController = exports.PASTE_POLICY_ROUTE = exports.PASTE_IMAGES_ROUTE = void 0;
 exports.PasteImageDock = PasteImageDock;
 exports.installPasteImages = installPasteImages;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -903,9 +946,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const SOURCE = 'vision-toolkit-pasted-image';
 exports.PASTE_IMAGES_ROUTE = '/_dsh/vision-toolkit/paste-images';
+exports.PASTE_POLICY_ROUTE = '/_dsh/vision-toolkit/paste-policy';
 const MAX_IMAGES = 20;
 const MAX_IMAGE_BYTES = 20 * 1024 * 1024;
 const MAX_BATCH_BYTES = 80 * 1024 * 1024;
+/** A confirmed paste verdict older than this is unknown again, even while a refresh is in flight. */
+const VERDICT_MAX_AGE_MS = 15000;
 const CORDIS_ORIGINAL = Symbol.for('cordis.original');
 function registryIdentity(registry) {
     let current = registry;
@@ -944,6 +990,25 @@ function imageFiles(data) {
     const candidates = itemFiles.length > 0 ? itemFiles : Array.from(data.files);
     return candidates.filter(file => file.type.toLowerCase().startsWith('image/'));
 }
+/**
+ * The selector label the model picker currently shows, or '' when none is
+ * readable. Matches the host ModelSelect trigger aria-labels ("Select model,
+ * current …" / "选择模型，当前 …"); any other label wording falls back to the
+ * session-header verdict, which is stale until the next request.
+ */
+function currentModelLabel() {
+    const buttons = document.querySelectorAll('button[aria-label]');
+    for (const button of buttons) {
+        const label = button.getAttribute('aria-label') ?? '';
+        if (/select model|current model|选择模型/iu.test(label))
+            return label;
+    }
+    return '';
+}
+/** Verdict cache key: the model label is part of the answer, so a switch invalidates it. */
+function verdictKey(sessionId, modelLabel) {
+    return `${sessionId}|${modelLabel}`;
+}
 function validateImages(files) {
     if (files.length > MAX_IMAGES)
         throw new Error(`Paste at most ${MAX_IMAGES} images at a time`);
@@ -975,6 +1040,9 @@ class PasteImageController {
     records = new Map();
     listeners = new Set();
     revision = 0;
+    verdicts = new Map();
+    /** Guards the synthetic replay paste from re-entering capture interception. */
+    replaying = false;
     constructor(ctx) {
         this.ctx = ctx;
     }
@@ -1074,30 +1142,246 @@ class PasteImageController {
             throw error;
         }
     }
-    handlePaste(event) {
-        const files = imageFiles(event.clipboardData);
-        if (files.length === 0)
+    /**
+     * The host's verdict for one Session and selector label, when fresh. The
+     * last CONFIRMED answer is authoritative while a background refresh is in
+     * flight (the paste acts on what the host last said; the refresh only
+     * covers the next paste). A label that changed since the confirmation
+     * answers undefined, so the native attachment flow stays the default.
+     * @param sessionId - the live Session the paste belongs to.
+     * @param modelLabel - the model-selector label currently shown.
+     * @returns the fresh confirmed verdict, or undefined when unconfirmed.
+     */
+    verdictFor(sessionId, modelLabel) {
+        const entry = this.verdicts.get(verdictKey(sessionId, modelLabel));
+        if (entry === undefined || entry.at === 0)
+            return undefined;
+        if (Date.now() - entry.at > VERDICT_MAX_AGE_MS)
+            return undefined;
+        return { takeOver: entry.takeOver, ...(entry.autoSwitch === undefined ? {} : { autoSwitch: entry.autoSwitch }) };
+    }
+    /**
+     * The exact model route the live model catalog reports for one Session.
+     * Unreadable routes answer undefined, so the verdict falls back to the
+     * selector label alone.
+     * @param sessionId - the live Session id.
+     * @returns the current provider/model selection, when readable.
+     */
+    async readSelection(sessionId) {
+        const connection = this.ctx.get('connection');
+        if (connection === undefined)
+            return undefined;
+        try {
+            const { result } = await connection.api.sessions.models({ sessionId });
+            if (!result.ok)
+                return undefined;
+            const current = result.value.current;
+            if (current === undefined || current === null || current.provider === '' || current.model === '')
+                return undefined;
+            return {
+                provider: current.provider,
+                model: current.model,
+                ...(current.reasoningEffort === undefined ? {} : { reasoningEffort: current.reasoningEffort }),
+            };
+        }
+        catch {
+            return undefined;
+        }
+    }
+    /**
+     * Ask the host what to do with a paste for the current model, and cache the
+     * answer per Session and selector label. A model switch changes the label,
+     * which changes the cache key, so a stale verdict never outlives the model
+     * it described. The exact selection rides along when the live model catalog
+     * is readable, so the host can answer with an auto-switch route; a 404
+     * simply leaves the verdict unconfirmed; the next focus or paste retries.
+     * @param sessionId - the live Session to ask about.
+     * @param modelLabel - the model-selector label currently shown.
+     */
+    refreshVerdict(sessionId, modelLabel) {
+        const key = verdictKey(sessionId, modelLabel);
+        const cached = this.verdicts.get(key);
+        // Dedupe only on an in-flight request, never on freshness: the host's
+        // model route can change under an unchanged Session id.
+        if (cached?.pending)
+            return;
+        const entry = {
+            pending: true,
+            takeOver: cached ? cached.takeOver : false,
+            at: cached ? cached.at : 0,
+            ...(cached?.autoSwitch === undefined ? {} : { autoSwitch: cached.autoSwitch }),
+        };
+        this.verdicts.set(key, entry);
+        void (async () => {
+            const selection = await this.readSelection(sessionId);
+            const query = new URLSearchParams({ sessionId });
+            if (modelLabel !== '')
+                query.set('model', modelLabel);
+            if (selection !== undefined) {
+                query.set('provider', selection.provider);
+                query.set('modelId', selection.model);
+                if (selection.reasoningEffort !== undefined)
+                    query.set('reasoningEffort', selection.reasoningEffort);
+            }
+            let request;
+            try {
+                request = fetch(`${exports.PASTE_POLICY_ROUTE}?${query.toString()}`);
+            }
+            catch {
+                // No fetch surface (test runtime, pre-fetch bootstrap): leave the
+                // verdict unconfirmed rather than letting the paste listener die.
+                entry.pending = false;
+                return;
+            }
+            request
+                .then((response) => {
+                if (response.status === 404) {
+                    // Route not mounted yet (plugin load race, hot reload): forget every
+                    // verdict and retry on the next focus or paste instead of standing
+                    // down for the page lifetime.
+                    this.verdicts.clear();
+                    return null;
+                }
+                if (!response.ok)
+                    throw new Error(`paste policy ${response.status}`);
+                return response.json();
+            })
+                .then((body) => {
+                entry.pending = false;
+                if (body !== null) {
+                    entry.takeOver = body.value.takeOver === true;
+                    if (body.value.autoSwitch !== undefined)
+                        entry.autoSwitch = body.value.autoSwitch;
+                    else
+                        delete entry.autoSwitch;
+                    entry.at = Date.now();
+                }
+            })
+                .catch(() => {
+                entry.pending = false;
+            });
+        })();
+    }
+    /**
+     * Switch one Session to the route the host validated, through the same
+     * model-directory seat the selector uses when present (so the shared UI
+     * state moves with the session), falling back to the raw RPC.
+     * @param sessionId - the live Session id.
+     * @param route - the validated variant route.
+     */
+    async switchModel(sessionId, route) {
+        const directories = this.ctx.get('modelDirectories');
+        if (directories !== undefined) {
+            // The label is a display hint; the seat only needs the exact route.
+            await directories.directoryFor(sessionId).select({
+                provider: route.provider,
+                model: route.model,
+                ...(route.reasoningEffort === undefined ? {} : { reasoningEffort: route.reasoningEffort }),
+            });
+            return;
+        }
+        const connection = this.ctx.get('connection');
+        if (connection === undefined)
+            throw new Error('No model switch channel is available in this Web application');
+        const { result } = await connection.api.sessions.selectModel({
+            sessionId,
+            provider: route.provider,
+            model: route.model,
+            ...(route.reasoningEffort === undefined ? {} : { reasoningEffort: route.reasoningEffort }),
+        });
+        if (!result.ok)
+            throw new Error(`${result.error?.code ?? 'select-model-failed'}: ${result.error?.message ?? 'unknown error'}`);
+    }
+    /**
+     * Replay a swallowed paste as a synthetic clipboard event so the composer's
+     * own intake (limits, thumbnails, keyboard) runs with the captured files.
+     * @returns false when the environment cannot construct a clipboard payload.
+     */
+    replayPaste(target, files, text) {
+        let data;
+        try {
+            data = new DataTransfer();
+            for (const file of files)
+                data.items.add(file);
+            if (text !== '')
+                data.setData('text/plain', text);
+        }
+        catch {
             return false;
-        const target = event.target;
-        if (!(target instanceof HTMLTextAreaElement) || target.closest('[data-composer-card]') === null)
+        }
+        let event;
+        try {
+            event = new ClipboardEvent('paste', {
+                clipboardData: data,
+                bubbles: true,
+                cancelable: true,
+            });
+        }
+        catch {
             return false;
-        event.preventDefault();
-        event.stopPropagation();
-        event.stopImmediatePropagation();
-        const sessionId = this.ctx.sessions.list.getSnapshot().current;
-        if (sessionId === undefined)
-            return true;
+        }
+        if (event.clipboardData === null || event.clipboardData.files.length === 0)
+            return false;
+        this.replaying = true;
+        try {
+            target.dispatchEvent(event);
+        }
+        finally {
+            this.replaying = false;
+        }
+        return true;
+    }
+    /**
+     * Auto-switch flow: switch the Session to the image-input variant, announce
+     * it, then replay the paste into the composer's native intake. A failed
+     * switch, or an environment that cannot replay clipboard bytes, degrades to
+     * the path takeover with the same files.
+     * @param sessionId - the live Session id.
+     * @param target - the composer textarea the paste landed on.
+     * @param files - the captured image files.
+     * @param text - same-paste text, replayed alongside the files.
+     * @param route - the validated variant route to switch to.
+     */
+    async autoSwitchPaste(sessionId, target, files, text, route) {
+        const input = this.inputFor(sessionId);
+        try {
+            await this.switchModel(sessionId, route);
+            input.notify('info', `Switched to ${route.label || `${route.model} (Vision Toolkit)`}; pasted images now keep the native attachment flow`);
+        }
+        catch (error) {
+            input.notify('error', `Model switch failed; images will be sent as workspace paths: ${message(error)}`);
+            this.takeoverPaste(sessionId, target, files, text);
+            return;
+        }
+        // Replaying lets the composer's own intake run (thumbnail, limits,
+        // keyboard); if the environment cannot replay clipboard bytes, the
+        // images still land as workspace paths.
+        const before = input.state.getSnapshot().imageIds.length;
+        const replayed = this.replayPaste(target, files, text);
+        const after = input.state.getSnapshot().imageIds.length;
+        if (!replayed || after <= before) {
+            this.takeoverPaste(sessionId, target, files, text);
+        }
+    }
+    /**
+     * Path-takeover flow: insert the same-paste text and every image as a text
+     * reference that serializes to the image's workspace path on send.
+     * @param sessionId - the live Session id.
+     * @param target - the composer textarea the paste landed on.
+     * @param files - the captured image files.
+     * @param text - same-paste text.
+     */
+    takeoverPaste(sessionId, target, files, text) {
         const input = this.inputFor(sessionId);
         const snapshot = input.state.getSnapshot();
         if (snapshot.phase !== 'plain')
-            return true;
+            return;
         const start = Math.max(0, Math.min(target.selectionStart ?? snapshot.draft.length, snapshot.draft.length));
         const end = Math.max(start, Math.min(target.selectionEnd ?? start, snapshot.draft.length));
-        const text = (event.clipboardData?.getData('text/plain') ?? '').replaceAll('\uFFFC', '');
         try {
             let cursor = this.insertText(input, text, start, end);
             validateImages(files);
-            cursor = this.insertRecords(String(sessionId), input, files, cursor);
+            cursor = this.insertRecords(sessionId, input, files, cursor);
             requestAnimationFrame(() => {
                 target.focus({ preventScroll: true });
                 target.setSelectionRange(cursor, cursor);
@@ -1106,6 +1390,45 @@ class PasteImageController {
         catch (error) {
             input.notify('error', message(error));
         }
+    }
+    handlePaste(event) {
+        if (this.replaying)
+            return false;
+        const files = imageFiles(event.clipboardData);
+        if (files.length === 0)
+            return false;
+        const target = event.target;
+        if (!(target instanceof HTMLTextAreaElement) || target.closest('[data-composer-card]') === null)
+            return false;
+        const sessionId = this.ctx.sessions.list.getSnapshot().current;
+        if (sessionId === undefined)
+            return false;
+        const modelLabel = currentModelLabel();
+        this.refreshVerdict(sessionId, modelLabel);
+        // Only a fresh host verdict acts; the native attachment flow stays the
+        // default while the host is unconfirmed.
+        const verdict = this.verdictFor(sessionId, modelLabel);
+        if (verdict === undefined)
+            return false;
+        // An image-capable model (the variant routes included) keeps its native
+        // paste: no switch, no takeover.
+        if (verdict.takeOver === false && verdict.autoSwitch === undefined)
+            return false;
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+        const input = this.inputFor(sessionId);
+        if (input.state.getSnapshot().phase !== 'plain')
+            return true;
+        const text = (event.clipboardData?.getData('text/plain') ?? '').replaceAll('\uFFFC', '');
+        if (verdict.autoSwitch !== undefined) {
+            // The text-only model has an image-input variant: switch first, then
+            // let the paste flow natively so the thumbnail and durable session
+            // image are preserved.
+            void this.autoSwitchPaste(sessionId, target, files, text, verdict.autoSwitch);
+            return true;
+        }
+        this.takeoverPaste(sessionId, target, files, text);
         return true;
     }
     remove(sessionId, occurrence) {
@@ -1252,8 +1575,18 @@ function installPasteImages(ctx) {
     });
     ctx.effect(() => {
         const listener = (event) => { controller.handlePaste(event); };
+        // A focus-time prefetch has the verdict ready before the first paste can land.
+        const onFocusIn = () => {
+            const sessionId = ctx.sessions.list.getSnapshot().current;
+            if (sessionId !== undefined)
+                controller.refreshVerdict(String(sessionId), currentModelLabel());
+        };
         document.addEventListener('paste', listener, true);
-        return () => { document.removeEventListener('paste', listener, true); };
+        document.addEventListener('focusin', onFocusIn, true);
+        return () => {
+            document.removeEventListener('paste', listener, true);
+            document.removeEventListener('focusin', onFocusIn, true);
+        };
     }, 'dsh-vision-toolkit: clipboard image capture');
     ctx.slots.inject('conversation.input.dock', () => ctx.slots.register({
         name: 'conversation.input.dock',