@mokuyoaxis/dsh-iris 0.2.6 → 0.3.0-alpha.1

package/lib/client.js

@@ -21,7 +21,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
   var exports = module.exports;
 
   var React = require('react');
-  var IRIS_CLIENT_VERSION = '0.2.6';
+  var IRIS_CLIENT_VERSION = '0.3.0-alpha.1';
   var HOST_CLIENT_PROTOCOL_VERSION = 0;
   var reportedSeats = [];
 
@@ -109,6 +109,27 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-workbench-page :is(input, textarea, select) { font-family: inherit; accent-color: var(--iris-workbench-accent); }',
     '.iris-workbench-page input:not([type=checkbox]):not([type=radio]):not([type=file]), .iris-workbench-page textarea, .iris-workbench-page select { min-width: 0; max-width: 100%; min-height: 34px; padding: 5px 8px; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 8px; background: var(--dsw-alias-bg-layer-2, #32323c); color: var(--dsw-alias-label-primary, #e6e6e6); font-size: 12px; }',
     '.iris-workbench-page .iris-pm-note { line-height: 1.65; }',
+    '.iris-comfy-panel { position: relative; isolation: isolate; overflow: hidden; min-width: 0; display: grid; gap: 10px; padding: 12px; border: 1px solid color-mix(in srgb, #6F69B8 30%, var(--dsw-alias-border-l1, #3a3a44)); border-radius: 12px; background: linear-gradient(105deg, rgba(111,105,184,.07), rgba(229,155,118,.04)), var(--dsw-alias-bg-layer-1, #26262e); }',
+    '.iris-comfy-panel::before { content: ""; position: absolute; z-index: -1; pointer-events: none; inset: 0; background: linear-gradient(105deg, transparent 20%, #45317D18, #6F69B830, #BB78AD30, #E59B7630, #ED9C9120, #F0D09C30, transparent 80%); transform: translateX(110%); animation: iris-comfy-arrive .65s ease-out 1; }',
+    '@keyframes iris-comfy-arrive { from { transform: translateX(-110%); opacity: 0; } 25% { opacity: 1; } to { transform: translateX(110%); opacity: 0; } }',
+    '.iris-comfy-head { display: flex; gap: 8px; align-items: center; justify-content: space-between; flex-wrap: wrap; }',
+    '.iris-comfy-head strong { font-size: 13px; }',
+    '.iris-comfy-tag { border: 1px solid color-mix(in srgb, #BB78AD 30%, var(--dsw-alias-border-l1, #3a3a44)); border-radius: 20px; padding: 2px 8px; font-size: 11px; color: var(--dsw-alias-label-secondary, #9a9a9a); }',
+    '.iris-comfy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }',
+    '.iris-comfy-panel label, .iris-comfy-grid label { display: grid; min-width: 0; gap: 5px; font-size: 12px; }',
+    '.iris-comfy-panel :is(input,select,textarea) { min-width: 0; max-width: 100%; width: 100%; box-sizing: border-box; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 8px; padding: 6px 8px; background: var(--dsw-alias-bg-layer-2, #32323c); color: var(--dsw-alias-label-primary, #e6e6e6); font: inherit; }',
+    '.iris-comfy-panel input[type=checkbox] { width: auto; min-height: 0; }',
+    '.iris-comfy-panel summary { cursor: pointer; font-size: 12px; padding: 4px 0; }',
+    '.iris-comfy-panel details > div { margin-top: 8px; }',
+    '.iris-comfy-slots { display: grid; gap: 6px; max-height: 280px; overflow: auto; }',
+    '.iris-comfy-slot { display: flex; gap: 8px; align-items: center; min-width: 0; padding: 7px 0; border-bottom: 1px solid var(--dsw-alias-border-l1, #3a3a44); }',
+    '.iris-comfy-slot label { flex: 1; display: flex; align-items: center; gap: 7px; overflow-wrap: anywhere; }',
+    '.iris-comfy-slot select { width: auto; max-width: 100px; }',
+    '.iris-comfy-result { font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }',
+    '.iris-comfy-result ul { padding-left: 20px; margin: 5px 0; }',
+    '.iris-comfy-panel .iris-act-run, .iris-comfy-card .iris-act-run { background: #6F69B8; color: #fff; border-color: transparent; }',
+    '@media (max-width: 640px) { .iris-comfy-grid { grid-template-columns: minmax(0, 1fr); } .iris-comfy-panel { padding: 10px; } }',
+    '@media (prefers-reduced-motion: reduce) { .iris-comfy-panel::before { animation: none; opacity: 0; } }',
     '.iris-workbench-page .iris-pm-mrows { max-height: 400px; gap: 8px; }',
     '.iris-workbench-page .iris-pm-mrow { min-width: 0; padding: 10px; gap: 6px; flex-wrap: wrap; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 10px; }',
     '.iris-workbench-page .iris-pm-mname { flex-basis: 100%; white-space: normal; overflow-wrap: anywhere; font-size: 13px; }',
@@ -140,11 +161,17 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-doctor-score { font-weight: 600; flex: 1; }',
     '.iris-doctor-list { display: grid; gap: 4px; margin-top: 7px; }',
     '.iris-doctor-row { display: grid; grid-template-columns: 14px 1fr; gap: 6px; font-size: 11px; }',
+    '.iris-doctor-row > span:last-child { min-width: 0; overflow-wrap: anywhere; }',
     '.iris-doctor-row.ok { color: var(--dsw-alias-label-secondary, #9a9a9a); }',
     '.iris-doctor-row.warn { color: var(--dsw-alias-state-warn-primary, #d9a941); }',
     '.iris-doctor-row.error { color: var(--dsw-alias-state-error-primary, #e06c6c); }',
     '.iris-doctor-details { margin-top: 7px; color: var(--dsw-alias-label-secondary, #9a9a9a); }',
     '.iris-doctor-details summary { cursor: pointer; font-size: 11px; }',
+    '.iris-browser-check { border-top: 1px solid var(--dsw-alias-border-l1, #ffffff12); margin-top: 10px; padding-top: 9px; min-width: 0; }',
+    '.iris-browser-check .iris-doctor-top { margin-bottom: 5px; }',
+    '.iris-browser-check img { display: block; width: 100%; max-height: 200px; object-fit: contain; margin-top: 7px; border-radius: 7px; background: var(--dsw-alias-bg-layer-2, #ffffff05); }',
+    '.iris-browser-check-note { font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }',
+    '.iris-browser-check-note.error { color: var(--dsw-alias-state-error-primary, #e06c6c); }',
     '.iris-core-runtime { cursor: default; padding: 0; overflow: hidden; }',
     '.iris-core-runtime-head { display: flex; align-items: center; gap: 8px; padding: 9px 10px; }',
     '.iris-core-runtime-title { min-width: 0; flex: 1; display: grid; gap: 1px; }',
@@ -177,7 +204,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     /* ---- 操作卡片组（阶段 5 GUI 直连） ---- */
     '.iris-act-group { display: grid; gap: 8px; }',
     '.iris-act-card { background: var(--dsw-alias-bg-layer-1, #26262e); border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 8px; overflow: hidden; }',
-    '.iris-act-head { display: flex; align-items: center; gap: 8px; padding: 8px 10px; cursor: pointer; user-select: none; }',
+    '.iris-act-head { display: flex; align-items: center; width:100%; gap: 8px; padding: 8px 10px; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor: pointer; user-select: none; }',
     '.iris-act-head:hover { background: var(--dsw-alias-bg-layer-2, #32323c); }',
     '.iris-act-title { font-size: 13px; font-weight: 600; flex: 1; }',
     '.iris-act-arrow { color: var(--dsw-alias-label-secondary, #9a9a9a); font-size: 10px; transition: transform 0.15s; }',
@@ -311,7 +338,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-bubble-more { font-size: 11px; color: var(--dsw-alias-brand-primary, #7aa2f7); background: transparent; border: none; cursor: pointer; padding: 4px 2px; text-align: left; }',
     /* 历史浏览器（设置页按日期分组折叠） */
     '.iris-hist-group { margin-bottom: 4px; }',
-    '.iris-hist-head { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-secondary, #9a9a9a); cursor: pointer; padding: 4px 2px; }',
+    '.iris-hist-head { display: flex; align-items: center; width:100%; gap: 6px; border:0; background:transparent; text-align:left; font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-secondary, #9a9a9a); cursor: pointer; padding: 4px 2px; }',
     '.iris-hist-head:hover { color: var(--dsw-alias-label-primary, #e6e6e6); }',
     /* 常用卡片选择器 + 清理区 */
     '.iris-pick-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 10px; }',
@@ -390,7 +417,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-ff-val { font-size: 11px; color: var(--dsw-alias-label-secondary, #9a9a9a); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }',
     '.iris-ff-val.set { color: var(--dsw-alias-state-success-primary, #6fcf6f); }',
     '.iris-ff-list { display: grid; gap: 2px; max-height: 160px; overflow: auto; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 6px; padding: 4px; background: var(--dsw-alias-bg-layer-2, #32323c); }',
-    '.iris-ff-item { display: flex; align-items: center; gap: 6px; font-size: 11px; cursor: pointer; padding: 2px 4px; border-radius: 4px; }',
+    '.iris-ff-item { display: flex; align-items: center; width:100%; gap: 6px; border:0; background:transparent; color:inherit; text-align:left; font-size: 11px; cursor: pointer; padding: 2px 4px; border-radius: 4px; }',
     '.iris-ff-item:hover { background: var(--dsw-alias-bg-layer-1, #26262e); }',
     '.iris-ff-item .iris-ff-src { color: var(--dsw-alias-brand-primary, #7aa2f7); font-size: 10px; }',
     /* 对话框级提示词优化器：桌面浮层 + 窄屏底部 Sheet */
@@ -670,7 +697,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           : option.protocolSupported === false ? option.reason || '当前接口协议不支持此功能。'
           : option.unavailable && !health.rateLimited && !health.modelUnavailable && !option.modelUnavailable ? option.reason || '连接尚未就绪，请先检查供应商设置。' : '';
         return { ...option, providerName: provider ? provider.name : 'DSH 宿主', health: health,
-          taskOnly: row.taskOnly || host, reason: reason, canTest: !reason };
+          taskOnly: row.taskOnly || host || option.imageRouting && option.imageRouting.mediaProtocol === 'comfyui', reason: reason, canTest: !reason };
       });
     }
     function CapabilityHealthOverview() {
@@ -739,7 +766,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         if (field) { revealWorkbenchItem(field); field.scrollIntoView({ block: 'center', behavior: 'smooth' }); field.focus({ preventScroll: true }); }
       }
       function openTask(row) {
-        var card = document.querySelector('[data-iris-action="' + row.action + '"]');
+        var card = document.querySelector('[data-iris-action="' + (row.cap === 'image-gen' ? 'image' : row.action) + '"]');
         if (!card) return;
         revealWorkbenchItem(card);
         if (!card.classList.contains('open')) card.querySelector('.iris-act-head').click();
@@ -835,7 +862,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
                   React.createElement('button', { className: 'iris-health-btn' + (!option.taskOnly ? ' primary' : ''),
                     disabled: !fresh || !option.canTest || !!busy || !!(result && result.phase === 'unknown'),
                     onClick: function () { if (running.current) return; if (option.taskOnly) openTask(row); else confirmPair[1]({ cap: row.cap, ref: option.ref }); } },
-                    option.taskOnly ? '前往功能验证 ↗' : result && result.phase === 'running' ? '正在实测…' : '实测此模型')),
+                    option.taskOnly ? option.comfyWorkflow ? '前往画图选择工作流 ↗' : '前往功能验证 ↗' : result && result.phase === 'running' ? '正在实测…' : '实测此模型')),
                 option.reason ? React.createElement('p', { className: 'iris-health-caption' }, option.reason) : null,
                 option.ref === 'host:current-vision' ? React.createElement('p', { className: 'iris-health-caption' },
                   '宿主视觉通过真实图片任务验证，请在打开的表单中选择 DSH 当前默认模型。') : null,
@@ -1170,6 +1197,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
               React.createElement('option', { value: 'dashscope' }, 'DashScope'),
               React.createElement('option', { value: 'openai-images' }, 'OpenAI Images'),
               React.createElement('option', { value: 'openai-chat-images' }, '聊天生图（网关兼容）'),
+              p.mediaProtocol === 'comfyui' || m.imageProtocol === 'comfyui' ? React.createElement('option', { value: 'comfyui' }, 'ComfyUI · API 工作流') : null,
               React.createElement('option', { value: 'openai-responses-images' }, 'Responses 生图')),
             m.imageRouting && m.imageRouting.protocolInferred ? ' · 协议待确认' : null) : null,
           !m.directoryOnly && caps.includes('music-gen') ? React.createElement('label', { className: 'iris-pm-note' }, '音乐协议 ',
@@ -1184,9 +1212,10 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       return React.createElement('div', { className: 'iris-pm-pool' },
         React.createElement('div', { className: 'iris-pm-note' }, '模型池（' + models.filter(function (m) { return !m.directoryOnly; }).length + '）'
           + (models.some(function (m) { return m.directoryOnly; }) ? ' · 目录待确认 ' + models.filter(function (m) { return m.directoryOnly; }).length + ' 项' : '') + '：'),
-        rows.length ? React.createElement('div', { className: 'iris-pm-mrows' }, rows) : React.createElement('div', { className: 'iris-pm-note' }, '暂无模型 — 展开「模型目录」同步，或在下方手动添加'),
-        React.createElement(ModelUsageForm, { provider: p, setupSuggested: props.setupSuggested,
-          onNote: props.onNote, onDone: props.onDone }));
+        rows.length ? React.createElement('div', { className: 'iris-pm-mrows' }, rows) : React.createElement('div', { className: 'iris-pm-note' }, p.mediaProtocol === 'comfyui'
+          ? '尚无工作流，请在上方导入 API 图并保存。' : '暂无模型 — 展开「模型目录」同步，或在下方手动添加'),
+        p.mediaProtocol !== 'comfyui' ? React.createElement(ModelUsageForm, { provider: p, setupSuggested: props.setupSuggested,
+          onNote: props.onNote, onDone: props.onDone }) : null);
     }
 
     function ModelUsageForm(props) {
@@ -1337,7 +1366,172 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         React.createElement('div', { className: 'iris-wb-row' },
           React.createElement('input', { value: value, placeholder: '留空则沿用 Base URL', onChange: function (e) { setValue(e.target.value); } }),
           React.createElement('button', { className: 'iris-pm-btn', onClick: save }, '保存')),
-        React.createElement('span', { className: 'iris-pm-note' }, '百炼 Workspace 可填 …maas.aliyuncs.com/compatible-mode/v1；视觉仍使用普通 Base URL。'));
+        React.createElement('span', { className: 'iris-pm-note' }, p.mediaProtocol === 'comfyui' ? '留空沿用已保存地址；反向代理有独立媒体地址时才填写。'
+          : '百炼 Workspace 可填 …maas.aliyuncs.com/compatible-mode/v1；视觉仍使用普通 Base URL。'));
+    }
+
+    function ProviderAuthenticationEditor(props) {
+      var p = props.provider, authPair = React.useState(p.auth), keyPair = React.useState(''), notePair = React.useState('');
+      var busyPair = React.useState(false), active = React.useRef(null), unknownPair = React.useState(false);
+      React.useEffect(function () { authPair[1](p.auth); }, [p.auth]);
+      React.useEffect(function () { return function () { if (active.current) active.current.abort(); }; }, []);
+      async function save() {
+        if (active.current || unknownPair[0]) return;
+        var controller = new AbortController(), timer = setTimeout(function () { controller.abort(); }, 15000);
+        active.current = controller; busyPair[1](true);
+        try {
+          var result = await postAction('providers_upsert', { id: p.id, auth: authPair[0], ...(authPair[0] === 'bearer' && keyPair[0].trim() ? { apiKey: keyPair[0].trim() } : {}) }, { signal: controller.signal });
+          if (controller.signal.aborted) throw new Error('请求已结束');
+          if (!result.ok) { notePair[1](result.d.error || '保存失败'); return; }
+          keyPair[1](''); notePair[1]('认证设置已保存'); props.onDone();
+        } catch (_) { unknownPair[1](true); notePair[1]('保存结果未知，请重新打开此供应商核对；未自动重试。'); }
+        finally { clearTimeout(timer); active.current = null; busyPair[1](false); }
+      }
+      return React.createElement('details', {}, React.createElement('summary', {}, '认证设置'),
+        React.createElement('fieldset', { disabled: busyPair[0] || unknownPair[0], style: { border: 0, padding: 0, margin: '8px 0', minWidth: 0 } },
+          React.createElement('label', { className: 'iris-pm-field' }, '认证方式', React.createElement('select', { value: authPair[0], onChange: function (event) { authPair[1](event.target.value); } },
+            React.createElement('option', { value: 'none' }, '无需认证'), React.createElement('option', { value: 'bearer' }, 'Bearer · API Key'))),
+          authPair[0] === 'bearer' ? React.createElement('label', { className: 'iris-pm-field' }, '替换 API Key（留空保留）', React.createElement('input', { type: 'password', value: keyPair[0], onChange: function (event) { keyPair[1](event.target.value); } })) : null,
+          React.createElement('p', { className: 'iris-pm-note' }, '无需认证时不会发送保留的 Key；更改认证会使旧的健康证据失效。'),
+          React.createElement('button', { className: 'iris-pm-btn', onClick: save }, busyPair[0] ? '保存中…' : '保存认证')),
+        notePair[0] ? React.createElement('div', { role: 'status', className: 'iris-pm-note' }, notePair[0]) : null);
+    }
+
+    function ComfyCheckResult(props) {
+      var report = props.report;
+      if (!report) return null;
+      return React.createElement('div', { className: 'iris-comfy-result', role: 'status' },
+        React.createElement('strong', {}, report.ok ? '静态检查通过 · 未生成图片' : '需要修正 ' + report.issues.length + ' 项 · 未生成图片'),
+        report.issues.length ? React.createElement('ul', {}, report.issues.map(function (issue, i) {
+          return React.createElement('li', { key: i }, issue.message);
+        })) : null,
+        React.createElement('div', { className: 'iris-pm-note' }, '只读取节点定义；不证明 GPU、显存、模型家族或自定义节点能够实际运行。'));
+    }
+
+    function comfySlots(draft) {
+      var result = [], labels = { lora_name: 'LoRA', strength_model: '模型权重', strength_clip: 'CLIP 权重',
+        ckpt_name: 'Checkpoint', seed: '种子', steps: '步数', cfg: 'CFG', sampler_name: '采样器', scheduler: '调度器', text: '文本' };
+      Object.entries(draft.graph).forEach(function (pair) {
+        var id = pair[0], node = pair[1];
+        Object.entries(node.inputs).forEach(function (field) {
+          var input = field[0], value = field[1];
+          if (!['string', 'boolean', 'number'].includes(typeof value) || id === draft.promptNode && input === 'text'
+              || id === draft.sizeNode && ['width', 'height'].includes(input)) return;
+          var parameter = draft.parameters.find(function (item) { return item.node === id && item.input === input; });
+          result.push({ key: id + '/' + input, value: value, selected: !!parameter, parameter: parameter || {
+            id: ('n' + id.replace(/[^A-Za-z0-9_]/g, '_') + '_' + input.replace(/[^A-Za-z0-9_]/g, '_')).slice(0, 54) + '_' + result.length,
+            label: (labels[input] || input) + ' · ' + node.class_type + ' #' + id, node: id, input: input,
+            type: typeof value === 'number' ? Number.isSafeInteger(value) && !/^(strength_|cfg$|denoise$)/.test(input) ? 'integer' : 'number' : typeof value
+          } });
+        });
+      });
+      return result;
+    }
+    function comfyDraftWorkflow(draft) {
+      if (!draft.promptNode || !draft.outputNode) throw new Error('请明确选择正向提示词与图片输出节点');
+      var parameters = draft.parameters;
+      return { version: parameters.length ? 1 : 0, graph: draft.graph, promptNode: draft.promptNode, outputNode: draft.outputNode,
+        ...(draft.sizeNode ? { sizeNode: draft.sizeNode } : {}), ...(parameters.length ? { parameters: parameters } : {}) };
+    }
+
+    function ComfyWorkflowEditor(props) {
+      var p = props.provider, draftPair = React.useState(null), draft = draftPair[0], namePair = React.useState('');
+      var autoPair = React.useState(props.setupSuggested === true), reportPair = React.useState(null), notePair = React.useState('');
+      var busyPair = React.useState(''), unknownPair = React.useState(false), replacePair = React.useState(false);
+      var active = React.useRef(null), importVersion = React.useRef(0), original = React.useRef({});
+      React.useEffect(function () { return function () { importVersion.current++; if (active.current) active.current.abort(); }; }, []);
+      function change(field, value) {
+        var next = { ...draft, [field]: value };
+        if (field === 'promptNode' || field === 'sizeNode') next.parameters = next.parameters.filter(function (item) {
+          return !(item.node === next.promptNode && item.input === 'text' || item.node === next.sizeNode && ['width', 'height'].includes(item.input));
+        });
+        draftPair[1](next); reportPair[1](null); replacePair[1](false); notePair[1]('');
+      }
+      async function read(event) {
+        var file = event.target.files[0], ticket = ++importVersion.current;
+        if (!file) return;
+        try {
+          if (file.size > 40 * 1024) throw new Error('工作流最多 40 KiB');
+          var raw = JSON.parse(await file.text()), template = raw && raw.graph && [0, 1].includes(raw.version) ? raw : null;
+          if (ticket !== importVersion.current) return;
+          var graph = template ? template.graph : raw, entries = graph && typeof graph === 'object' && !Array.isArray(graph) ? Object.entries(graph) : [];
+          if (!entries.length || entries.length > 256 || entries.some(function (entry) { var node = entry[1]; return !node || typeof node.class_type !== 'string'
+              || !node.inputs || typeof node.inputs !== 'object' || Array.isArray(node.inputs); })) throw new Error('请使用 Export (API) 节点图或 Iris 参数模板，不支持画布 JSON');
+          var outputs = entries.filter(function (entry) { return entry[1].class_type === 'SaveImage'; });
+          if (template && (template.version === 0 && template.parameters !== undefined || template.version === 1 && (!Array.isArray(template.parameters) || !template.parameters.length))
+            || template && template.parameters !== undefined && (!Array.isArray(template.parameters) || template.parameters.some(function (item) {
+            return !item || typeof item.id !== 'string' || typeof item.node !== 'string' || typeof item.input !== 'string' || !['string', 'integer', 'number', 'boolean'].includes(item.type);
+          }))) throw new Error('参数声明格式不正确');
+          draftPair[1]({ graph: graph, promptNode: template ? template.promptNode : '', outputNode: template ? template.outputNode : outputs.length === 1 ? outputs[0][0] : '',
+            sizeNode: template && template.sizeNode || '', parameters: template && template.parameters || [] });
+          original.current = Object.fromEntries((p.models || []).map(function (model) { return [model.id, model.comfyWorkflow && model.comfyWorkflow.sha256 || null]; }));
+          namePair[1](file.name.replace(/\.json$/i, '').slice(0, 120)); reportPair[1](null); replacePair[1](false);
+          notePair[1]('已读取 ' + entries.length + ' 个节点。请核对绑定，再勾选希望在画图时调整的参数。');
+        } catch (error) { if (ticket === importVersion.current) notePair[1]('导入失败：' + error.message + '；原草稿保留。'); }
+      }
+      async function operate(kind, confirmed) {
+        if (active.current || unknownPair[0]) return;
+        var workflow, name = namePair[0].trim();
+        try { workflow = comfyDraftWorkflow(draft); if (kind === 'save' && !name) throw new Error('请填写工作流名称'); }
+        catch (error) { notePair[1](error.message); return; }
+        var exists = Object.hasOwn(original.current, name);
+        if (kind === 'save' && exists && !confirmed) { replacePair[1](true); return; }
+        var controller = new AbortController(); active.current = controller; busyPair[1](kind); notePair[1]('');
+        var timer = setTimeout(function () { controller.abort(); }, 20000);
+        try {
+          var result = await postAction(kind === 'check' ? 'providers_check_comfy_workflow' : 'providers_save_comfy_workflow', kind === 'check'
+            ? { id: p.id, workflow: workflow } : { id: p.id, model_id: name, workflow: workflow,
+              expectedSha: exists ? original.current[name] : null, enableAutomatic: autoPair[0] }, { signal: controller.signal });
+          if (controller.signal.aborted) throw new Error('请求已结束');
+          if (!result.ok || result.d.ok !== true) { notePair[1](result.d.error || '操作未完成'); return; }
+          if (kind === 'check') reportPair[1](result.d.report);
+          else {
+            original.current[name] = result.d.comfyWorkflow.sha256; replacePair[1](false); notePair[1](result.d.text);
+            props.onDone(); window.dispatchEvent(new CustomEvent('iris-function-configuration-changed'));
+          }
+        } catch (_) {
+          if (kind === 'save') { unknownPair[1](true); notePair[1]('保存结果未知，未自动重试。请关闭并重新打开此供应商，核对已保存工作流；草稿仍在此处。'); }
+          else { reportPair[1](null); notePair[1]('检查未完成，请核对连接后重试；未发起生成。'); }
+        } finally { clearTimeout(timer); active.current = null; busyPair[1](''); }
+      }
+      var entries = draft ? Object.entries(draft.graph) : [], slots = draft ? comfySlots(draft) : [];
+      function select(field, label, options) {
+        return React.createElement('label', {}, label, React.createElement('select', { value: draft[field], onChange: function (event) { change(field, event.target.value); } },
+          React.createElement('option', { value: '' }, field === 'sizeNode' ? '沿用工作流尺寸' : '请选择'),
+          options.map(function (entry) { return React.createElement('option', { key: entry[0], value: entry[0] }, '#' + entry[0] + ' · ' + entry[1].class_type); })));
+      }
+      return React.createElement('section', { className: 'iris-comfy-panel', 'aria-label': 'ComfyUI 工作流' },
+        React.createElement('div', { className: 'iris-comfy-head' }, React.createElement('strong', {}, 'ComfyUI · 工作流'), React.createElement('span', { className: 'iris-comfy-tag' }, '已有服务 · 单张文生图')),
+        React.createElement('p', { className: 'iris-pm-note' }, '导入 API 工作流，保留已有节点与 LoRA。检查和保存不会生成图片。'),
+        React.createElement('fieldset', { disabled: !!busyPair[0] || unknownPair[0], style: { border: 0, padding: 0, margin: 0, minWidth: 0, display: 'grid', gap: 10 } },
+          React.createElement('label', {}, '导入工作流 JSON', React.createElement('input', { type: 'file', accept: '.json,application/json', onChange: read, 'data-comfy-file': p.id })),
+          draft ? React.createElement(React.Fragment, {},
+            React.createElement('label', {}, '工作流名称', React.createElement('input', { value: namePair[0], maxLength: 120, onChange: function (event) { namePair[1](event.target.value); replacePair[1](false); } })),
+            React.createElement('div', { className: 'iris-comfy-grid' },
+              select('promptNode', '正向提示词节点', entries.filter(function (entry) { return typeof entry[1].inputs.text === 'string'; })),
+              select('outputNode', '图片输出节点', entries),
+              select('sizeNode', '尺寸节点', entries.filter(function (entry) { return ['width', 'height'].every(function (key) { return Number.isSafeInteger(entry[1].inputs[key]) && entry[1].inputs[key] > 0; }); }))),
+            React.createElement('details', {}, React.createElement('summary', {}, '公开参数 · 已选 ' + slots.filter(function (slot) { return slot.selected; }).length + ' / 32'),
+              React.createElement('div', { className: 'iris-comfy-slots' }, slots.map(function (slot) {
+                return React.createElement('div', { key: slot.key, className: 'iris-comfy-slot' },
+                  React.createElement('label', {}, React.createElement('input', { type: 'checkbox', checked: slot.selected, onChange: function (event) {
+                    if (event.target.checked && draft.parameters.length >= 32) { notePair[1]('最多公开 32 个参数'); return; }
+                    change('parameters', draft.parameters.filter(function (item) { return item.node !== slot.parameter.node || item.input !== slot.parameter.input; }).concat(event.target.checked ? [slot.parameter] : []));
+                  } }), slot.parameter.label || slot.parameter.id),
+                  slot.selected ? React.createElement('select', { 'aria-label': (slot.parameter.label || slot.parameter.id) + '类型', value: slot.parameter.type, onChange: function (event) {
+                    change('parameters', draft.parameters.map(function (item) { return item.id === slot.parameter.id ? { id: item.id, node: item.node, input: item.input, label: item.label, type: event.target.value } : item; }));
+                  } }, (typeof slot.value === 'number' ? [['integer', '整数'], ['number', '数值']] : [[typeof slot.value, typeof slot.value === 'boolean' ? '开关' : '文本']]).map(function (pair) { return React.createElement('option', { key: pair[0], value: pair[0] }, pair[1]); })) : null);
+              }))),
+            React.createElement('label', { style: { display: 'flex', alignItems: 'center' } }, React.createElement('input', { type: 'checkbox', checked: autoPair[0], onChange: function (event) { autoPair[1](event.target.checked); } }), '保存时将图片功能设为自动池'),
+            React.createElement('div', { className: 'iris-wb-row' },
+              React.createElement('button', { className: 'iris-pm-btn', onClick: function () { operate('check'); } }, busyPair[0] === 'check' ? '检查中…' : '只读检查'),
+              React.createElement('button', { className: 'iris-act-run', onClick: function () { operate('save'); } }, busyPair[0] === 'save' ? '保存中…' : '保存工作流')),
+            replacePair[0] ? React.createElement('div', { className: 'iris-comfy-result', role: 'group', 'aria-label': '确认替换工作流' },
+              React.createElement('p', {}, '替换「' + namePair[0] + '」？旧任务不会改绑，更换模板可能影响旧任务的继续观察。'),
+              React.createElement('button', { className: 'iris-pm-btn', onClick: function () { operate('save', true); } }, '确认替换'),
+              React.createElement('button', { className: 'iris-pm-btn', onClick: function () { replacePair[1](false); } }, '取消')) : null) : null),
+        notePair[0] ? React.createElement('div', { className: 'iris-comfy-result', role: 'status' }, notePair[0]) : null,
+        React.createElement(ComfyCheckResult, { report: reportPair[0] }));
     }
 
     function ProviderManager() {
@@ -1349,7 +1543,8 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var addingPair = React.useState(false);
       var adding = addingPair[0];
       var setAdding = addingPair[1];
-      var newForm = React.useState({ name: '', baseUrl: '', mediaBaseUrl: '', apiKey: '', type: 'openai', mediaProtocol: 'auto' });
+      var newForm = React.useState({ name: '', baseUrl: '', mediaBaseUrl: '', apiKey: '', auth: 'bearer', type: 'openai', mediaProtocol: 'auto' });
+      var savingRef = React.useRef(false), savingPair = React.useState(false), unknownPair = React.useState(false);
       var hostConnections = React.useState([]);
       var hostChoice = React.useState('');
       var setupPair = React.useState(false);
@@ -1373,23 +1568,25 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         return function () { clearInterval(timer); };
       }, []);
       function addProvider() {
+        if (savingRef.current || unknownPair[0]) return;
         var f = newForm[0];
+        var payload;
         if (hostChoice[0]) {
           var connection = hostConnections[0].find(function (item) { return JSON.stringify([item.settingsNs, item.provider]) === hostChoice[0]; });
           if (!connection || !connection.available) { setNote('请重新选择可用的 DSH 连接'); return; }
-          postAction('providers_upsert', { name: f.name || connection.name, type: 'openai', enabled: true,
-            mediaProtocol: f.mediaProtocol, dshProvider: { provider: connection.provider, settingsNs: connection.settingsNs } })
-            .then(function (r) {
-              if (r.ok) { setAdding(false); openPair[1](r.d.providerId); setNote('已引用 DSH 连接，请在下方确认模型用途，即可启用自动池'); refresh(); }
-              else setNote(r.d.error || '添加失败');
-            });
-          return;
+          payload = { name: f.name || connection.name, type: 'openai', enabled: true,
+            mediaProtocol: f.mediaProtocol, dshProvider: { provider: connection.provider, settingsNs: connection.settingsNs } };
+        } else {
+          if (!f.baseUrl.trim() || (f.auth !== 'none' && !f.apiKey.trim())) { setNote('请填写 Base URL；Bearer 认证还需要 API Key'); return; }
+          payload = { ...f, ...(f.auth === 'none' ? { apiKey: '' } : {}) };
         }
-        if (!f.baseUrl || !f.apiKey) { setNote('baseUrl 和 apiKey 必填'); return; }
-        postAction('providers_upsert', f).then(function (r) {
-          if (r.ok) { setAdding(false); openPair[1](r.d.providerId); setNote('已连接，请在下方确认模型用途'); refresh(); }
+        savingRef.current = true; savingPair[1](true);
+        var controller = new AbortController(), timer = setTimeout(function () { controller.abort(); }, 15000);
+        postAction('providers_upsert', payload, { signal: controller.signal }).then(function (r) {
+          if (r.ok) { setAdding(false); openPair[1](r.d.providerId); setNote(f.mediaProtocol === 'comfyui' ? '连接已保存，请导入 API 工作流；尚未生成图片' : '已连接，请在下方确认模型用途'); refresh(); }
           else setNote(r.d.error || '添加失败');
-        });
+        }).catch(function () { unknownPair[1](true); setNote('保存结果未知，请关闭添加表单并核对供应商列表；未自动重试。'); })
+          .finally(function () { clearTimeout(timer); savingRef.current = false; savingPair[1](false); });
       }
       function toggle(p) {
         postAction('providers_upsert', { id: p.id, enabled: !p.enabled }).then(function (r) {
@@ -1420,19 +1617,26 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         var body = null;
         if (open) {
           body = React.createElement('div', { className: 'iris-pm-body', id: 'iris-provider-' + p.id },
-            React.createElement('div', { className: 'iris-pm-note' }, 'Key ' + (p.apiKeyHint || '未配置') + ' · ' + (p.type || '') + ' · ' + (p.mediaProtocol || '')),
+            React.createElement('div', { className: 'iris-pm-note' }, (p.auth === 'none' ? '无需认证' : 'Key ' + (p.apiKeyHint || '未配置')) + ' · ' + (p.type || '') + ' · ' + (p.mediaProtocol || '')),
             p.dshProvider ? React.createElement('div', { className: 'iris-pm-note' }, '引用 DSH：' + p.dshProvider.provider
               + ' · 地址和密钥由宿主管理；' + (p.connection && p.connection.available ? '连接可用' : ((p.connection && p.connection.reason) || '连接不可用'))) : null,
             p.protocolInferred ? React.createElement('div', { className: 'iris-pm-note' }, '协议为推断值，请确认') : null,
-            React.createElement(ProviderEndpointEditor, { provider: p, onNote: setNote, onDone: refresh }),
-            React.createElement(VisionInputEditor, { provider: p, onNote: setNote, onDone: refresh }),
+            p.mediaProtocol === 'comfyui' ? React.createElement('details', {}, React.createElement('summary', {}, '连接设置'),
+              React.createElement('div', { className: 'iris-pm-note' }, '服务地址：' + (p.mediaBaseUrl || p.baseUrl)),
+              React.createElement(ProviderEndpointEditor, { provider: p, onNote: setNote, onDone: refresh }),
+              !p.dshProvider ? React.createElement(ProviderAuthenticationEditor, { provider: p, onDone: refresh }) : null)
+              : React.createElement(React.Fragment, {}, React.createElement(ProviderEndpointEditor, { provider: p, onNote: setNote, onDone: refresh }),
+                !p.dshProvider ? React.createElement(ProviderAuthenticationEditor, { provider: p, onDone: refresh }) : null,
+                React.createElement(VisionInputEditor, { provider: p, onNote: setNote, onDone: refresh })),
             React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '媒体协议'), React.createElement('select', { value: p.protocolInferred ? 'auto' : (p.mediaProtocol || 'auto'), onChange: function (e) { setProtocol(p, e.target.value); } },
               React.createElement('option', { value: 'auto' }, '自动'),
-              p.mediaProtocol && !['dashscope', 'openai-images', 'openai-chat-images', 'openai-responses-images', 'auto'].includes(p.mediaProtocol) ? React.createElement('option', { value: p.mediaProtocol }, p.mediaProtocol + '（未支持）') : null,
+              p.mediaProtocol && !['dashscope', 'openai-images', 'openai-chat-images', 'openai-responses-images', 'comfyui', 'auto'].includes(p.mediaProtocol) ? React.createElement('option', { value: p.mediaProtocol }, p.mediaProtocol + '（未支持）') : null,
               React.createElement('option', { value: 'dashscope' }, 'DashScope（仅阿里云官方 HTTPS）'),
               React.createElement('option', { value: 'openai-images' }, 'OpenAI Images 兼容'),
               React.createElement('option', { value: 'openai-chat-images' }, '聊天生图（网关兼容）'),
-              React.createElement('option', { value: 'openai-responses-images' }, 'Responses 生图'))),
+              React.createElement('option', { value: 'openai-responses-images' }, 'Responses 生图'),
+              !p.dshProvider ? React.createElement('option', { value: 'comfyui' }, 'ComfyUI · API 工作流') : null)),
+            p.mediaProtocol === 'comfyui' ? React.createElement(ComfyWorkflowEditor, { key: p.id, provider: p, setupSuggested: setupPair[0], onDone: refresh }) : null,
             React.createElement('div', { className: 'iris-pm-note' }, '能力: ' + ((p.capabilities || []).join(' / ') || '无')),
             React.createElement(ProviderDirectory, { provider: p, onDone: refresh }),
             React.createElement(ModelPool, { provider: p, setupSuggested: setupPair[0], onNote: setNote, onDone: refresh, testModel: testModel, removeModel: removeModel }),
@@ -1449,9 +1653,17 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       });
       var addBlock = null;
       if (adding) {
-        addBlock = React.createElement('div', { className: 'iris-pm-card' },
+        addBlock = React.createElement('fieldset', { className: 'iris-pm-card' + (newForm[0].mediaProtocol === 'comfyui' ? ' iris-comfy-panel' : ''), disabled: savingPair[0] || unknownPair[0] },
+          !hostChoice[0] ? React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '连接预设'),
+            React.createElement('select', { value: newForm[0].mediaProtocol === 'comfyui' ? 'comfyui' : 'custom', onChange: function (e) {
+              newForm[1](e.target.value === 'comfyui' ? { name: 'ComfyUI', baseUrl: 'http://127.0.0.1:8188', mediaBaseUrl: '', apiKey: '', type: 'openai', auth: 'none', mediaProtocol: 'comfyui' }
+                : { name: '', baseUrl: '', mediaBaseUrl: '', apiKey: '', type: 'openai', auth: 'bearer', mediaProtocol: 'auto' });
+            } }, React.createElement('option', { value: 'custom' }, '自定义供应商'), React.createElement('option', { value: 'comfyui' }, 'ComfyUI · 已有服务'))) : null,
           React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '连接来源'),
-            React.createElement('select', { value: hostChoice[0], onChange: function (e) { hostChoice[1](e.target.value); } },
+            React.createElement('select', { value: hostChoice[0], onChange: function (e) {
+              hostChoice[1](e.target.value);
+              if (e.target.value && newForm[0].mediaProtocol === 'comfyui') newForm[1]({ name: '', baseUrl: '', mediaBaseUrl: '', apiKey: '', auth: 'bearer', type: 'openai', mediaProtocol: 'auto' });
+            } },
               React.createElement('option', { value: '' }, '手动填写供应商'),
               hostConnections[0].map(function (connection) { return React.createElement('option', {
                 key: JSON.stringify([connection.settingsNs, connection.provider]), value: JSON.stringify([connection.settingsNs, connection.provider]), disabled: !connection.available
@@ -1460,26 +1672,82 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '名称'), React.createElement('input', { value: newForm[0].name, placeholder: '如 阿里云百炼', onChange: function (e) { newForm[1]({ ...newForm[0], name: e.target.value }); } })),
           !hostChoice[0] ? React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, 'Base URL *'), React.createElement('input', { value: newForm[0].baseUrl, placeholder: 'https://dashscope.aliyuncs.com/compatible-mode/v1', onChange: function (e) { newForm[1]({ ...newForm[0], baseUrl: e.target.value }); } })) : null,
           !hostChoice[0] ? React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '媒体 Base URL（可选）'), React.createElement('input', { value: newForm[0].mediaBaseUrl, placeholder: 'Workspace 媒体端点；留空沿用 Base URL', onChange: function (e) { newForm[1]({ ...newForm[0], mediaBaseUrl: e.target.value }); } })) : null,
-          !hostChoice[0] ? React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, 'API Key *'), React.createElement('input', { type: 'password', value: newForm[0].apiKey, placeholder: 'sk-...', onChange: function (e) { newForm[1]({ ...newForm[0], apiKey: e.target.value }); } })) : null,
+          !hostChoice[0] ? React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '认证方式'), React.createElement('select', { value: newForm[0].auth, onChange: function (e) { newForm[1]({ ...newForm[0], auth: e.target.value }); } },
+            React.createElement('option', { value: 'bearer' }, 'Bearer · API Key'), React.createElement('option', { value: 'none' }, '无需认证（本地或内网服务）'))) : null,
+          !hostChoice[0] && newForm[0].auth !== 'none' ? React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, 'API Key *'), React.createElement('input', { type: 'password', value: newForm[0].apiKey, placeholder: 'sk-...', onChange: function (e) { newForm[1]({ ...newForm[0], apiKey: e.target.value }); } })) : null,
           React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '媒体协议'), React.createElement('select', { value: newForm[0].mediaProtocol, onChange: function (e) { newForm[1]({ ...newForm[0], mediaProtocol: e.target.value }); } },
             React.createElement('option', { value: 'auto' }, hostChoice[0] ? '请选择该服务支持的媒体协议' : '自动（按媒体 Base URL 安全判断）'),
             React.createElement('option', { value: 'dashscope' }, 'DashScope（阿里云官方）'),
             React.createElement('option', { value: 'openai-images' }, 'OpenAI Images 兼容'),
             React.createElement('option', { value: 'openai-chat-images' }, '聊天生图（网关兼容）'),
-            React.createElement('option', { value: 'openai-responses-images' }, 'Responses 生图'))),
+            React.createElement('option', { value: 'openai-responses-images' }, 'Responses 生图'),
+            !hostChoice[0] ? React.createElement('option', { value: 'comfyui' }, 'ComfyUI · API 工作流') : null)),
+          newForm[0].mediaProtocol === 'comfyui' ? React.createElement('p', { className: 'iris-pm-note' }, '连接已有 ComfyUI 服务。先保存连接，再导入 Export (API) 工作流；Iris 不安装服务或模型。') : null,
           React.createElement('div', { className: 'iris-wb-row' },
-            React.createElement('button', { className: 'iris-act-run', onClick: addProvider }, '保存'),
+            React.createElement('button', { className: 'iris-act-run', onClick: addProvider }, savingPair[0] ? '保存中…' : '保存'),
             React.createElement('button', { className: 'iris-pm-btn', onClick: function () { setAdding(false); } }, '取消')));
       }
       return React.createElement('div', { className: 'iris-pm' },
         React.createElement('div', { className: 'iris-pm-head' },
           React.createElement('span', { className: 'iris-wb-muted' }, (list ? list.length : 0) + ' 个供应商'),
-          React.createElement('button', { className: 'iris-pm-add', onClick: function () { if (!adding) { hostChoice[1](''); loadHostConnections(); } setAdding(!adding); } }, adding ? '收起' : '+ 添加供应商')),
+          React.createElement('button', { className: 'iris-pm-add', disabled: savingPair[0], onClick: function () { if (!adding) { hostChoice[1](''); loadHostConnections(); } unknownPair[1](false); setAdding(!adding); } }, adding ? '收起' : '+ 添加供应商')),
         addBlock,
         cards.length ? cards : React.createElement('div', { className: 'iris-wb-empty' }, '暂无供应商 — 点右上角「+ 添加供应商」'),
         note ? React.createElement('div', { className: 'iris-pm-act' }, note) : null);
     }
 
+    function comfyParameterLabel(parameter) {
+      return parameter.label || ({ lora_name: 'LoRA', strength_model: '模型权重', strength_clip: 'CLIP 权重',
+        ckpt_name: 'Checkpoint', seed: '种子', steps: '步数', sampler_name: '采样器', scheduler: '调度器', cfg: 'CFG' })[parameter.input]
+        || (parameter.id === 'negative' && parameter.input === 'text' ? '负面提示词' : parameter.id);
+    }
+    function ComfyParameters(props) {
+      var option = props.option, parameters = option.comfyWorkflow.parameters || [];
+      var reportPair = React.useState(null), choicesPair = React.useState([]), notePair = React.useState(''), busyPair = React.useState(false);
+      var active = React.useRef(null), sequence = React.useRef(0);
+      React.useEffect(function () { return function () { sequence.current++; if (active.current) active.current.abort(); }; }, []);
+      function change(id, value) {
+        sequence.current++; if (active.current) active.current.abort(); active.current = null; busyPair[1](false);
+        reportPair[1](null); notePair[1]('参数已更改，提交前将重新预检。'); props.onChange({ ...props.values, [id]: value });
+      }
+      async function check() {
+        if (active.current || props.disabled) return;
+        var controller = new AbortController(), ticket = ++sequence.current; active.current = controller; busyPair[1](true); notePair[1]('');
+        var timer = setTimeout(function () { controller.abort(); }, 20000);
+        try {
+          var result = await postAction('providers_check_comfy_workflow', { id: option.providerId, model_id: option.id,
+            ...(Object.keys(props.values).length ? { workflow_parameters: props.values } : {}) }, { signal: controller.signal });
+          if (ticket !== sequence.current) return;
+          if (!result.ok || result.d.ok !== true) { reportPair[1](null); notePair[1](result.d.error || '检查失败'); return; }
+          reportPair[1](result.d.report); choicesPair[1](result.d.report.parameters || []);
+        } catch (_) { if (ticket === sequence.current) { reportPair[1](null); notePair[1]('检查未完成；未发起生成。可核对服务后重试。'); } }
+        finally { clearTimeout(timer); if (ticket === sequence.current) { active.current = null; busyPair[1](false); } }
+      }
+      return React.createElement('section', { className: 'iris-comfy-panel', 'aria-label': 'ComfyUI 画图参数' },
+        React.createElement('div', { className: 'iris-comfy-head' }, React.createElement('strong', {}, 'ComfyUI · ' + option.id), React.createElement('span', { className: 'iris-comfy-tag' }, '单张文生图')),
+        React.createElement('div', { className: 'iris-pm-note' }, '沿用工作流默认值，只调整已公开的参数。LoRA 候选可通过只读检查获取。'),
+        parameters.length ? React.createElement('details', {}, React.createElement('summary', {}, '工作流参数 · ' + parameters.length),
+          React.createElement('fieldset', { className: 'iris-comfy-grid', disabled: props.disabled, style: { border: 0, padding: 0, margin: '8px 0 0', minWidth: 0 } }, parameters.map(function (parameter) {
+            var value = Object.hasOwn(props.values, parameter.id) ? props.values[parameter.id] : parameter.default;
+            var checked = choicesPair[0].find(function (item) { return item.id === parameter.id; });
+            var choices = checked && checked.availableChoices || parameter.choices, input;
+            if (choices) input = React.createElement('select', { value: JSON.stringify(value), onChange: function (event) { change(parameter.id, JSON.parse(event.target.value)); } },
+              !choices.includes(value) ? React.createElement('option', { value: JSON.stringify(value) }, String(value) + '（当前未列出）') : null,
+              choices.map(function (choice) { return React.createElement('option', { key: JSON.stringify(choice), value: JSON.stringify(choice) }, String(choice)); }));
+            else if (parameter.type === 'boolean') input = React.createElement('input', { type: 'checkbox', checked: value, onChange: function (event) { change(parameter.id, event.target.checked); } });
+            else input = React.createElement(parameter.type === 'string' && parameter.input === 'text' ? 'textarea' : 'input', {
+              type: parameter.type === 'string' ? 'text' : 'number', value: value, min: parameter.min, max: parameter.max, step: parameter.type === 'integer' ? 1 : 'any',
+              onChange: function (event) { var text = event.target.value; change(parameter.id, parameter.type === 'string' || text === '' ? text : Number(text)); }
+            });
+            return React.createElement('label', { key: parameter.id }, comfyParameterLabel(parameter), input,
+              checked && checked.choicesTruncated ? React.createElement('span', { className: 'iris-pm-note' }, '选项仅列前 256 项，可手填名称：',
+                React.createElement('input', { type: 'text', value: value, onChange: function (event) { change(parameter.id, event.target.value); } })) : null);
+          }))) : React.createElement('div', { className: 'iris-pm-note' }, '此模板未公开额外参数。'),
+        React.createElement('div', {}, React.createElement('button', { className: 'iris-pm-btn', disabled: props.disabled || busyPair[0], onClick: check }, busyPair[0] ? '检查中…' : '只读检查并读取选项')),
+        notePair[0] ? React.createElement('div', { className: 'iris-comfy-result', role: 'status' }, notePair[0]) : null,
+        React.createElement(ComfyCheckResult, { report: reportPair[0] }));
+    }
+
     /* ---- 文件字段（阶段 10）：让用户"看见并选文件"，统一产出一个宿主路径 ---- */
     function FileField(props) {
       var value = props.value || '';
@@ -1540,7 +1808,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         manual ? React.createElement('input', { className: 'iris-pm-madd', placeholder: '高级：粘贴 DSH 宿主上的绝对路径，如 /home/user/pic.png', value: value, onChange: function (e) { onChange(e.target.value); } }) : null,
         menu === 'att' ? React.createElement('div', { className: 'iris-ff-list' },
           (atts && atts.length) ? atts.map(function (a) {
-            return React.createElement('div', { key: a.attachmentId, className: 'iris-ff-item', onClick: function () { pickAttachment(a); } },
+            return React.createElement('button', { type: 'button', key: a.attachmentId, className: 'iris-ff-item', onClick: function () { pickAttachment(a); } },
               React.createElement('span', { className: 'iris-ff-src' }, a.source === 'iris' ? '🫧' : '🖼'),
               React.createElement('span', {}, a.name || a.attachmentId.slice(0, 18)));
           }) : React.createElement('div', { className: 'iris-wb-empty' }, '无可选附件（会话无图或 iris 未生成过）')) : null);
@@ -1564,6 +1832,9 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var modelPair = React.useState(null); // { assigned, options:[{id,providerId}], tested }
       var modelInfo = modelPair[0];
       var setModelInfo = modelPair[1];
+      var submitting = React.useRef(false);
+      var selectedOption = modelInfo && modelInfo.options.find(function (option) { return option.ref === vals.model; });
+      var selectedComfy = action === 'image' && selectedOption && selectedOption.comfyWorkflow;
       var irisState = useIrisState(5000);
       function setVal(key, value) { var nv = {}; Object.keys(vals).forEach(function (k) { nv[k] = vals[k]; }); nv[key] = value; setVals(nv); }
       function loadModels(event) {
@@ -1589,19 +1860,30 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         return function () { window.removeEventListener('iris-function-configuration-changed', loadModels); };
       }, [open]);
       function submit() {
-        if (run === 'running') return;
+        if (submitting.current || run === 'running' || run && run.unknown) return;
+        var payload = vals;
+        if (selectedComfy) {
+          var values = vals.workflow_parameters || {}, declared = selectedComfy.parameters || [];
+          if (Object.keys(values).some(function (id) { var field = declared.find(function (item) { return item.id === id; }), value = values[id];
+            return !field || (field.type === 'integer' ? !Number.isSafeInteger(value) : field.type === 'number' ? typeof value !== 'number' || !Number.isFinite(value) : typeof value !== field.type)
+              || field.min !== undefined && value < field.min || field.max !== undefined && value > field.max || field.choices && !field.choices.includes(value);
+          })) { setRun({ ok: false, text: '请检查工作流参数的类型、范围和选项；尚未发起生成。' }); return; }
+          payload = { ...vals, workflow_sha: selectedComfy.sha256 };
+        }
+        submitting.current = true;
         setRun('running');
         fetch('/iris/api/actions/' + action, {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify(vals)
+          body: JSON.stringify(payload)
         })
           .then(function (r) { return r.json().then(function (d) { return { ok: r.ok, d: d }; }); })
           .then(function (res) {
             setRun(res.ok ? { ok: true, text: res.d.text || '', img: res.d.imageUrl || res.d.imageDataUrl || null, audio: res.d.audioUrl || null } : { ok: false, text: res.d.error || '执行失败' });
             if (res.ok && res.d && res.d.storage === 'core') window.dispatchEvent(new CustomEvent('iris-core-artifacts-changed'));
           })
-          .catch(function () { setRun({ ok: false, text: '网络错误' }); });
+          .catch(function () { setRun({ ok: false, unknown: !!selectedComfy, text: selectedComfy ? '提交结果未知，请到任务列表核对；未自动重试。' : '网络错误' }); })
+          .finally(function () { submitting.current = false; });
       }
       var cardHealth = capability ? capabilityHealth(irisState, capability) : { status: 'verified' };
       // Host references can be ready without raw endpoint/key fields in the state snapshot.
@@ -1614,7 +1896,9 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         var inputs = fields.map(function (f) {
           var node;
           if (f.key === 'model' && capability) {
-            node = React.createElement('select', { value: vals.model || '', onChange: function (e) { setVal('model', e.target.value); } },
+            node = React.createElement('select', { value: vals.model || '', disabled: run === 'running', onChange: function (e) {
+              var next = { ...vals, model: e.target.value }; delete next.workflow_parameters; delete next.workflow_sha; setVals(next);
+            } },
               React.createElement('option', { value: '' }, modelInfo && modelInfo.mode === 'auto' ? '按功能池顺序自动选择' : '按所选模型顺序'),
               ((modelInfo && modelInfo.options) || []).map(function (option) {
                 return React.createElement('option', { key: option.ref, value: option.ref, disabled: option.unavailable }, option.label + (option.unavailable ? ' · 当前不可用' : ''));
@@ -1672,16 +1956,18 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         body = React.createElement('div', { className: 'iris-act-body' },
           modelBar,
           inputs,
-          React.createElement('button', { className: 'iris-act-run', disabled: run === 'running', onClick: submit },
-            run === 'running' ? '执行中…' : (props.submitLabel || '执行')),
+          selectedComfy ? React.createElement(ComfyParameters, { key: selectedOption.ref + '@' + selectedComfy.sha256, option: selectedOption,
+            values: vals.workflow_parameters || {}, disabled: run === 'running', onChange: function (values) { setVal('workflow_parameters', values); } }) : null,
+          React.createElement('button', { className: 'iris-act-run', disabled: run === 'running' || !!(run && run.unknown), onClick: submit },
+            run === 'running' ? '执行中…' : (props.submitLabel || (selectedComfy ? '生成图片' : '执行'))),
           result);
       }
       var headStatus = capability ? cardHealth.status : 'verified';
       var headTitle = capability ? healthText(cardHealth) : '本地功能';
       return React.createElement('div', {
-        className: 'iris-act-card' + (open ? ' open' : '') + (capability ? ' health-' + headStatus : ''), 'data-iris-action': action
+        className: 'iris-act-card' + (open ? ' open' : '') + (selectedComfy ? ' iris-comfy-card' : '') + (capability ? ' health-' + headStatus : ''), 'data-iris-action': action
       },
-        React.createElement('div', { className: 'iris-act-head', onClick: function () { setOpen(!open); } },
+        React.createElement('button', { type: 'button', className: 'iris-act-head', 'aria-expanded': open, onClick: function () { setOpen(!open); } },
           React.createElement('span', { className: 'iris-act-title' }, title),
           capability ? React.createElement('span', {
             className: 'iris-pm-dot ' + healthClass(cardHealth),
@@ -1981,8 +2267,8 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         if (!rows.length) return null;
         var isCollapsed = !!collapsed[name];
         return React.createElement('div', { key: name, className: 'iris-hist-group' },
-          React.createElement('div', {
-            className: 'iris-hist-head',
+          React.createElement('button', {
+            type: 'button', className: 'iris-hist-head', 'aria-expanded': !isCollapsed,
             onClick: function () { var n = {}; Object.keys(collapsed).forEach(function (k) { n[k] = collapsed[k]; }); n[name] = !isCollapsed; setCollapsed(n); }
           }, React.createElement('span', {}, isCollapsed ? '▶' : '▼'), name + ' · ' + rows.length),
           isCollapsed ? null : React.createElement('div', { className: 'iris-wb-box' },
@@ -2064,11 +2350,12 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var pair = React.useState([]);
       var setItems = pair[1];
       React.useEffect(function () {
-        var alive = true;
+        var alive = true, sequence = 0;
         function load() {
+          var current = ++sequence;
           fetch('/iris/api/core/snapshot?limit=' + Math.max(1, Math.min(200, Number(limit) || 6)))
             .then(function (res) { return res.ok ? res.json() : null; })
-            .then(function (data) { if (alive && data) setItems(coreGalleryItems(data, limit)); })
+            .then(function (data) { if (alive && current === sequence && data) setItems(coreGalleryItems(data, limit)); })
             .catch(function () { /* Core 不可用不影响旧作品 */ });
         }
         function changed() { load(); }
@@ -2584,12 +2871,13 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var pair = React.useState(EMPTY_CORE_USER);
       var setData = pair[1];
       React.useEffect(function () {
-        var alive = true;
+        var alive = true, sequence = 0;
         function load() {
+          var current = ++sequence;
           fetch('/iris/api/core/snapshot?limit=200')
             .then(function (res) { return res.ok ? res.json() : null; })
             .then(function (data) {
-              if (!alive || !data || !Array.isArray(data.userTasks)) return;
+              if (!alive || current !== sequence || !data || !Array.isArray(data.userTasks)) return;
               setData({
                 rows: data.userTasks,
                 available: !!data.available,
@@ -2879,17 +3167,20 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var copyPair = React.useState('');
       var copyNote = copyPair[0];
       var setCopyNote = copyPair[1];
+      var requestRef = React.useRef({ active: false, sequence: 0 });
       function load() {
-        if (busy) return;
+        var request = requestRef.current;
+        if (busy || !request.active) return;
+        var current = ++request.sequence;
         setBusy(true);
         setError('');
         fetch('/iris/api/core/snapshot?limit=12')
           .then(function (res) {
             if (res.status === 404) return { available: false, backendReloadRequired: true, tasks: { total: 0, recent: [] }, artifacts: { total: 0, recent: [] } };
             return res.ok ? res.json() : Promise.reject(new Error('读取失败（HTTP ' + res.status + '）'));
-          }).then(setData)
-          .catch(function (caught) { setError('Core 运行事实读取失败：' + caught.message); })
-          .finally(function () { setBusy(false); });
+          }).then(function (value) { if (request.active && current === request.sequence) setData(value); })
+          .catch(function (caught) { if (request.active && current === request.sequence) setError('Core 运行事实读取失败：' + caught.message); })
+          .finally(function () { if (request.active && current === request.sequence) setBusy(false); });
       }
       function copyCoreId(value, label) {
         setCopyNote('');
@@ -2903,11 +3194,14 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           .catch(function () { setCopyNote('复制失败；请长按上方 ID 复制。'); });
       }
       React.useEffect(function () {
+        requestRef.current.active = true;
         function changed() { load(); }
         load();
         window.addEventListener('iris-core-artifacts-changed', changed);
         window.addEventListener('iris-core-refresh-tick', changed);
         return function () {
+          requestRef.current.active = false;
+          requestRef.current.sequence++;
           window.removeEventListener('iris-core-artifacts-changed', changed);
           window.removeEventListener('iris-core-refresh-tick', changed);
         };
@@ -3136,6 +3430,80 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         note ? React.createElement('div', { className: 'iris-clean-note' }, note) : null);
     }
 
+    function BrowserCheckPanel(props) {
+      var statePair = React.useState({ status: 'idle', message: '尚未实测' });
+      var state = statePair[0], setState = statePair[1];
+      var request = React.useRef(null);
+      React.useEffect(function () { return function () {
+        var operation = request.current;
+        request.current = null;
+        if (operation) { clearTimeout(operation.timer); operation.controller.abort(); }
+      }; }, []);
+
+      function stop(timedOut) {
+        var operation = request.current;
+        if (!operation) return;
+        request.current = null;
+        clearTimeout(operation.timer);
+        operation.controller.abort();
+        setState({ status: 'canceled', message: timedOut
+          ? '截图自检超过 60 秒，已停止等待。若恰好完成保存，可在作品库查看。'
+          : '已取消本次自检等待。若恰好完成保存，可在作品库查看。' });
+      }
+      function start() {
+        if (request.current || !props.available) return;
+        var operation = { controller: new AbortController(), started: Date.now() };
+        request.current = operation;
+        setState({ status: 'running', message: '正在打开浏览器并生成测试截图…' });
+        operation.timer = setTimeout(function () { if (request.current === operation) stop(true); }, 60000);
+        fetch('/iris/api/actions/html', {
+          method: 'POST', headers: { 'content-type': 'application/json' }, credentials: 'same-origin',
+          signal: operation.controller.signal,
+          body: JSON.stringify({ fullPage: false, width: 480, height: 240,
+            html: '<style>body{margin:0;background:#edf3f1;color:#183e34;font-family:system-ui,sans-serif}.iris-test{padding:32px}h1{font-size:26px;margin:0 0 12px}p{font-size:16px;margin:8px 0}</style><div class="iris-test"><h1>Iris · 截图自检</h1><p>中文与 HTML 渲染测试</p><p>本页只使用内联样式，不调用模型。</p></div>' })
+        }).then(function (res) { return res.json().then(function (data) {
+          if (!res.ok || data.ok !== true) throw Object.assign(new Error(data.error || '截图自检失败'), { code: data.code });
+          var id = data.artifactIds && data.artifactIds[0];
+          if (data.storage !== 'core' || !/^artifact_[a-f0-9]{24}$/.test(id || '')) throw new Error('服务端未返回有效截图作品，请核对前后端版本。');
+          return id;
+        }); }).then(function (id) {
+          if (request.current !== operation || operation.controller.signal.aborted) return;
+          setState({ status: 'passed', artifactId: id, message: '本次截图已保存 · ' + ((Date.now() - operation.started) / 1000).toFixed(1) + ' 秒 · ' + new Date().toLocaleTimeString() });
+          window.dispatchEvent(new CustomEvent('iris-core-artifacts-changed'));
+        }).catch(function (error) {
+          if (request.current !== operation || operation.controller.signal.aborted) return;
+          var code = String(error && error.code || '');
+          var detail = String(error && error.message || error);
+          var message = '截图自检未通过。请查看错误详情。';
+          if (code === 'IRIS_RENDER_ADDRESS_INVALID') message = '截图地址配置有误，请核对 DSH_WEB_BASE。';
+          else if (code === 'IRIS_CORE_DATA_ROOT_BUSY') message = '作品库正在被其他操作写入，请稍后重试。';
+          else if (/^IRIS_HOST_CAPABILITY_/.test(code)) message = '宿主浏览器接口不可用，请检查浏览器插件是否启用。';
+          else if (/Missing X server|DISPLAY|BROWSER_HOST_/.test(detail + code)) message = '浏览器进程未能启动，请检查运行环境与显示服务。';
+          else if (/BROWSER_NAVIGATION|ERR_CONNECTION_REFUSED|ERR_NAME_NOT_RESOLVED/.test(detail + code)) message = '浏览器未能打开渲染页面，请核对上方截图地址与宿主监听状态。';
+          else if (/BROWSER_SCREENSHOT/.test(code)) message = '浏览器未能生成截图，请查看错误详情。';
+          setState({ status: 'failed', message: message, detail: detail, code: code });
+        }).finally(function () {
+          clearTimeout(operation.timer);
+          if (request.current === operation) request.current = null;
+        });
+      }
+      var busy = state.status === 'running';
+      return React.createElement('div', { className: 'iris-browser-check', 'data-iris-browser-check': state.status },
+        React.createElement('div', { className: 'iris-doctor-top' },
+          React.createElement('strong', { className: 'iris-doctor-score' }, 'HTML 截图'),
+          React.createElement('button', { className: 'iris-pm-btn', disabled: busy || !props.available, onClick: start }, busy ? '检测中…' : '截图自检'),
+          busy ? React.createElement('button', { className: 'iris-pm-btn', onClick: function () { stop(false); } }, '取消') : null),
+        React.createElement('div', { className: 'iris-browser-check-note' + (state.status === 'failed' ? ' error' : ''), role: 'status', 'aria-live': 'polite' }, state.message),
+        props.address ? React.createElement('div', { className: 'iris-browser-check-note iris-wb-muted' }, props.address) : null,
+        React.createElement('div', { className: 'iris-wb-muted' }, '点击后打开浏览器，生成一张本地测试作品；不调用模型。'),
+        state.artifactId ? React.createElement('details', { className: 'iris-doctor-details' },
+          React.createElement('summary', {}, '查看测试截图'),
+          React.createElement('img', { src: '/iris/api/core/artifact/' + state.artifactId + '/media', alt: 'Iris HTML 截图自检结果', loading: 'lazy' })) : null,
+        state.detail ? React.createElement('details', { className: 'iris-doctor-details' },
+          React.createElement('summary', {}, '错误详情'),
+          React.createElement('div', { className: 'iris-browser-check-note' }, (state.code ? state.code + ' · ' : '') + state.detail)) : null);
+    }
+
     function HostDoctorPanel() {
       var pair = React.useState(null);
       var report = pair[0];
@@ -3160,12 +3528,14 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
 
       var checks = report && Array.isArray(report.checks) ? report.checks : [];
       var issues = checks.filter(function (item) { return item.status !== 'ok'; });
+      var renderAddress = checks.find(function (item) { return item.id === 'render-address'; });
       var mark = { ok: '✓', warn: '!', error: '×' };
       function rows(list) {
         return React.createElement('div', { className: 'iris-doctor-list' }, list.map(function (item) {
           return React.createElement('div', { key: item.id, className: 'iris-doctor-row ' + item.status },
             React.createElement('span', {}, mark[item.status] || '·'),
-            React.createElement('span', {}, item.summary));
+            React.createElement('span', {}, item.summary,
+              item.status !== 'ok' && item.suggestion ? React.createElement('div', { className: 'iris-wb-muted' }, item.suggestion) : null));
         }));
       }
       var score = report
@@ -3181,7 +3551,11 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         checks.length ? React.createElement('details', { className: 'iris-doctor-details' },
           React.createElement('summary', {}, '查看全部 ' + checks.length + ' 项'),
           rows(checks)) : null,
-        React.createElement('div', { className: 'iris-wb-muted' }, '只读本机注册证据；不调用 Browser、模型或供应商。'));
+        React.createElement('div', { className: 'iris-wb-muted' }, '刷新只读装载证据，不启动浏览器；接口已提供不代表截图已通过。'),
+        React.createElement(BrowserCheckPanel, {
+          available: Boolean(report && report.capabilities && report.capabilities.browser && report.capabilities.browser.status === 'available'),
+          address: renderAddress && renderAddress.status === 'ok' ? renderAddress.summary : ''
+        }));
     }
 
     function revealWorkbenchItem(node) {
@@ -4032,6 +4406,11 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
 
       return React.createElement('div', {
         className: 'iris-bubble health-' + overallHealth + (dragRef.current ? ' dragging' : ''),
+        role: 'button', tabIndex: 0, 'aria-label': 'Iris 快捷面板', 'aria-expanded': open,
+        onKeyDown: function (event) {
+          if (event.target !== event.currentTarget || (event.key !== 'Enter' && event.key !== ' ')) return;
+          event.preventDefault(); setOpen(!open);
+        },
         style: style,
         onPointerDown: onPointerDown,
         onPointerMove: onPointerMove,