@mokuyoaxis/dsh-iris 0.1.0 → 0.1.2

package/lib/client.js

@@ -16,7 +16,7 @@
  * webServer 前缀模式），client 侧 fetch 轮询。全走标量，
  * apiKey 永不明文，产物给授权播放链接。
  */
-window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
+window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) => {
   var module = { exports: {} };
   var exports = module.exports;
 
@@ -111,7 +111,7 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
     '.iris-bubble.lit .iris-bubble-btn { border-color: var(--dsw-alias-state-success-primary, #6fcf6f); box-shadow: 0 0 14px var(--dsw-alias-state-success-primary, #6fcf6f); }',
     '.iris-bubble.dim .iris-bubble-btn { opacity: 0.55; border-color: var(--dsw-alias-border-l1, #3a3a44); }',
     '.iris-bubble-badge { position: absolute; top: -2px; right: -2px; min-width: 16px; height: 16px; border-radius: 8px; background: var(--dsw-alias-state-warn-primary, #d9a941); color: #1a1a1e; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding: 0 3px; }',
-    '.iris-bubble-panel { position: fixed; z-index: 9998; width: 360px; max-height: min(520px, 70vh); overflow: auto; background: var(--dsw-alias-bg-layer-1, #26262e); border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 12px; padding: 12px 14px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45); }',
+    '.iris-bubble-panel { position: fixed; z-index: 9998; width: 360px; max-height: min(520px, 70vh); overflow: auto; background: var(--dsw-alias-bg-layer-1, #26262e); border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 12px; padding: 12px 14px; font-size: 12px; line-height: 1.45; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45); }',
     '.iris-bubble-panel-head { position: absolute; top: 6px; right: 6px; z-index: 2; }',
     '.iris-bubble-close { border: none; background: transparent; color: var(--dsw-alias-label-secondary, #9a9a9a); font-size: 14px; cursor: pointer; padding: 4px 6px; }',
     '.iris-bubble-close:hover { color: var(--dsw-alias-label-primary, #e6e6e6); }',
@@ -160,7 +160,48 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
     '.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: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; }'
+    '.iris-ff-item .iris-ff-src { color: var(--dsw-alias-brand-primary, #7aa2f7); font-size: 10px; }',
+    /* 对话框级提示词优化器：桌面浮层 + 窄屏底部 Sheet */
+    '.iris-po-wrap { position: relative; display: inline-flex; flex: 0 0 auto; }',
+    '.iris-po-trigger { appearance: none; -webkit-appearance: none; width: 30px; height: 30px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 0; outline: 0; background: transparent; color: inherit; font-size: 19px; line-height: 1; cursor: pointer; box-shadow: none; filter: drop-shadow(0 3px 7px rgba(91,113,220,.22)); transition: transform .18s ease, filter .18s ease, opacity .18s ease; }',
+    '.iris-po-trigger:hover { transform: translateY(-2px) scale(1.10); filter: drop-shadow(0 5px 10px rgba(112,137,255,.42)); }',
+    '.iris-po-trigger:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary, #7aa2f7); outline-offset: 2px; }',
+    '.iris-po-backdrop { position: fixed; inset: 0; z-index: 10019; background: rgba(8,10,18,.30); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); touch-action: none; animation: iris-po-fade .16s ease-out; }',
+    '.iris-po-panel { position: fixed; z-index: 10020; right: max(14px, env(safe-area-inset-right)); bottom: max(78px, calc(env(safe-area-inset-bottom) + 68px)); width: min(440px, calc(100vw - 28px)); max-height: min(680px, calc(100dvh - 104px)); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; box-sizing: border-box; padding: 18px; display: grid; gap: 13px; background-color: rgba(35,36,47,.84); background: radial-gradient(circle at 10% -5%, rgba(132,160,255,.24), transparent 42%), color-mix(in srgb, var(--dsw-alias-bg-layer-1, #26262e) 82%, transparent); color: var(--dsw-alias-label-primary, #eeeeF2); border: 1px solid rgba(150,164,215,.25); border-radius: 20px; box-shadow: 0 24px 70px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.07); backdrop-filter: blur(28px) saturate(1.28); -webkit-backdrop-filter: blur(28px) saturate(1.28); animation: iris-po-rise .20s cubic-bezier(.2,.8,.2,1); scrollbar-width: thin; }',
+    '.iris-po-head { position: sticky; top: -18px; z-index: 1; margin: -18px -18px 0; padding: 16px 18px 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: linear-gradient(to bottom, color-mix(in srgb, var(--dsw-alias-bg-layer-1, #26262e) 88%, transparent) 72%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }',
+    '.iris-po-title { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; letter-spacing: .01em; }',
+    '.iris-po-mark, .iris-po-settings-mark { display: inline-flex; align-items: center; justify-content: center; width: 29px; height: 29px; border-radius: 999px; background: rgba(255,255,255,.055); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 5px 16px rgba(67,83,168,.16); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); filter: drop-shadow(0 2px 5px rgba(105,128,235,.16)); }',
+    '.iris-po-close { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 999px; background: rgba(255,255,255,.05); color: var(--dsw-alias-label-secondary, #a6a6b2); font-size: 14px; cursor: pointer; transition: background .15s, color .15s; }',
+    '.iris-po-close:hover { background: rgba(255,255,255,.10); color: var(--dsw-alias-label-primary, #eeeef2); }',
+    '.iris-po-muted, .iris-po-route, .iris-po-note { font-size: 11px; line-height: 1.55; color: var(--dsw-alias-label-secondary, #a6a6b2); word-break: break-word; }',
+    '.iris-po-route { padding: 7px 10px; border-radius: 10px; background: rgba(255,255,255,.045); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '.iris-po-note { padding: 8px 10px; border-radius: 10px; color: var(--dsw-alias-state-warn-primary, #dfbd69); background: rgba(217,169,65,.08); }',
+    '.iris-po-field { display: grid; gap: 6px; font-size: 11px; color: var(--dsw-alias-label-secondary, #a6a6b2); }',
+    '.iris-po-field select, .iris-po-result textarea { width: 100%; box-sizing: border-box; background: rgba(255,255,255,.055); color: var(--dsw-alias-label-primary, #eeeef2); border: 1px solid rgba(150,164,215,.20); border-radius: 11px; padding: 9px 11px; font: inherit; font-size: 12px; outline: none; transition: border-color .15s, background .15s, box-shadow .15s; }',
+    '.iris-po-field select:focus, .iris-po-result textarea:focus { border-color: rgba(122,162,247,.72); background: rgba(255,255,255,.075); box-shadow: 0 0 0 3px rgba(122,162,247,.11); }',
+    '.iris-po-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }',
+    '.iris-po-btn, .iris-po-primary { min-height: 34px; border: 1px solid rgba(150,164,215,.20); border-radius: 10px; padding: 6px 11px; font: inherit; font-size: 11px; cursor: pointer; transition: transform .15s, background .15s, border-color .15s; }',
+    '.iris-po-btn { background: rgba(255,255,255,.045); color: var(--dsw-alias-label-secondary, #b0b0bb); }',
+    '.iris-po-btn:hover { background: rgba(255,255,255,.085); color: var(--dsw-alias-label-primary, #eeeef2); border-color: rgba(150,174,255,.50); }',
+    '.iris-po-primary { background: linear-gradient(135deg, #779cf3, #8c79de); color: #fff; border-color: rgba(174,187,255,.55); font-weight: 650; box-shadow: 0 6px 18px rgba(76,92,188,.22); }',
+    '.iris-po-primary:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(76,92,188,.32); }',
+    '.iris-po-primary:disabled, .iris-po-btn:disabled { opacity: .45; cursor: not-allowed; transform: none; box-shadow: none; }',
+    '.iris-po-result { display: grid; gap: 8px; padding: 12px; border: 1px solid rgba(137,155,218,.18); border-radius: 15px; background: rgba(10,12,20,.16); }',
+    '.iris-po-result-label { font-size: 11px; font-weight: 650; letter-spacing: .02em; }',
+    '.iris-po-result textarea { min-height: 156px; max-height: 34dvh; resize: vertical; line-height: 1.58; }',
+    '.iris-po-config { padding: 11px 12px; border: 1px solid rgba(150,164,215,.14); border-radius: 13px; background: rgba(255,255,255,.025); font-size: 11px; }',
+    '.iris-po-config summary { cursor: pointer; color: var(--dsw-alias-label-secondary, #a6a6b2); }',
+    '.iris-po-config[open] summary { margin-bottom: 9px; color: var(--dsw-alias-label-primary, #eeeef2); }',
+    '.iris-po-config .iris-po-actions { margin: 9px 0; }',
+    '.iris-po-btn.danger:hover { color: var(--dsw-alias-state-error-primary, #eb7d86); border-color: rgba(235,125,134,.55); background: rgba(235,125,134,.08); }',
+    '.iris-po-file { display: none; }',
+    '.iris-po-disable { justify-self: start; border: 0; padding: 2px 0; background: transparent; color: var(--dsw-alias-label-tertiary, #777986); font: inherit; font-size: 10px; cursor: pointer; }',
+    '.iris-po-disable:hover { color: var(--dsw-alias-state-error-primary, #eb7d86); }',
+    '@keyframes iris-po-fade { from { opacity: 0; } to { opacity: 1; } }',
+    '@keyframes iris-po-rise { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }',
+    '@media (max-width: 640px) { .iris-po-backdrop { background: rgba(6,8,14,.48); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } .iris-po-panel { left: max(8px, env(safe-area-inset-left)); right: max(8px, env(safe-area-inset-right)); bottom: max(8px, env(safe-area-inset-bottom)); width: auto; max-height: calc(100dvh - max(16px, env(safe-area-inset-top))); padding: 16px; gap: 11px; border-radius: 22px; } .iris-po-head { top: -16px; margin: -16px -16px 0; padding: 14px 16px 10px; } .iris-po-btn, .iris-po-primary { min-height: 42px; flex: 1 1 auto; } .iris-po-actions .iris-po-primary:first-child { flex-basis: 100%; } .iris-po-result textarea { min-height: 122px; max-height: 28dvh; resize: none; } .iris-po-route { white-space: normal; } }',
+    '@media (max-width: 360px) { .iris-po-panel { left: 4px; right: 4px; bottom: max(4px, env(safe-area-inset-bottom)); padding: 13px; border-radius: 18px; } .iris-po-head { top: -13px; margin: -13px -13px 0; padding: 12px 13px 8px; } .iris-po-actions { gap: 6px; } }',
+    '@media (prefers-reduced-motion: reduce) { .iris-po-panel, .iris-po-backdrop { animation: none; } .iris-po-trigger, .iris-po-btn, .iris-po-primary { transition: none; } }',
   ].join('\n');
 
   function adoptStyles() {
@@ -250,6 +291,15 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
       return sharedState;
     }
 
+    /** 功能卡就绪态直接来自共享 Iris 状态，不再等用户点开卡片后才加载。 */
+    function capabilityReady(state, capability) {
+      if (!capability) return true;
+      var providers = (state && state.providers) || [];
+      return providers.some(function (p) {
+        return p.enabled && p.apiKeyHint && Array.isArray(p.capabilities) && p.capabilities.indexOf(capability) >= 0;
+      });
+    }
+
     /* ---- 任务详情抽屉：按需拉取 /iris/api/task/:id ---- */
     function useTaskDetail(taskId) {
       var pair = React.useState(null);
@@ -438,15 +488,15 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
       var models = p.models || [];
       function verBadge(m, c) {
         var v = m.verified && m.verified[c];
-        if (!v) return React.createElement('span', { className: 'iris-pm-ver', title: '未实测' }, c + '?');
-        return React.createElement('span', { className: 'iris-pm-ver ' + (v.ok ? 'ok' : 'bad'), title: (v.ok ? '实测通过 ' : '实测未通过 ') + (v.note || '') }, c + (v.ok ? '✓' : '✗'));
+        var cls = 'iris-pm-ver' + (v ? (' ' + (v.ok ? 'ok' : 'bad')) : '');
+        var title = v ? ((v.ok ? '实测通过：' : '实测未通过：') + (v.note || '')) : '点击单独验证此能力';
+        return React.createElement('button', { key: c, className: cls, title: title, onClick: function () { props.testModel(p, m, c); } }, c + (v ? (v.ok ? '✓' : '✗') : '?'));
       }
       var rows = models.map(function (m) {
         var caps = m.capabilities || [];
         return React.createElement('div', { key: m.id, className: 'iris-pm-mrow' },
           React.createElement('span', { className: 'iris-pm-mname' }, m.id, m.source === 'manual' ? React.createElement('span', { className: 'iris-pm-mtag' }, '手动') : null),
           React.createElement('span', { className: 'iris-pm-mcaps' }, caps.map(function (c) { return verBadge(m, c); })),
-          React.createElement('button', { className: 'iris-pm-btn', title: '逐能力实测（image/tts 产生真实调用）', onClick: function () { props.testModel(p, m); } }, '测'),
           React.createElement('button', { className: 'iris-pm-btn danger', title: '从池移除', onClick: function () { props.removeModel(p, m); } }, '✕'));
       });
       return React.createElement('div', { className: 'iris-pm-pool' },
@@ -466,7 +516,7 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
       var addingPair = React.useState(false);
       var adding = addingPair[0];
       var setAdding = addingPair[1];
-      var newForm = React.useState({ name: '', baseUrl: '', apiKey: '', type: 'openai' });
+      var newForm = React.useState({ name: '', baseUrl: '', apiKey: '', type: 'openai', mediaProtocol: 'auto' });
       var notePair = React.useState('');
       var note = notePair[0];
       var setNote = notePair[1];
@@ -493,23 +543,25 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
         postAction('providers_remove', { id: p.id }).then(function (r) { if (r.ok) refresh(); else setNote(r.d.error || '删除失败'); });
       }
       function testVision(p) {
+        if (!window.confirm('视觉实测会向供应商发送一张内置测试图，可能产生费用。继续吗？')) return;
         setNote('测试「' + (p.name || p.id) + '」的视觉能力…');
-        postAction('providers_test_vision', { id: p.id }).then(function (r) { setNote(r.d.text || r.d.error || '测试完成'); refresh(); });
+        postAction('providers_test_vision', { id: p.id, confirm_paid: true }).then(function (r) { setNote(r.d.text || r.d.error || '测试完成'); refresh(); });
       }
       function discover(p) {
         setNote('正在发现「' + (p.name || p.id) + '」的模型…');
         postAction('providers_discover', { id: p.id }).then(function (r) { setNote(r.d.text || r.d.error || '发现完成'); refresh(); });
       }
-      function testModel(p, m) {
-        var caps = (m.capabilities || []).length ? m.capabilities : ['vision'];
-        setNote('实测 ' + m.id + '（' + caps.join('/') + '，image/tts 会产生真实调用）…');
-        // 逐个能力测，串行；每个存 verified
-        caps.reduce(function (chain, c) {
-          return chain.then(function () {
-            return postAction('providers_test_model', { id: p.id, model_id: m.id, capability: c })
-              .then(function (r) { setNote(r.d.text || r.d.error || ''); });
-          });
-        }, Promise.resolve()).then(function () { refresh(); });
+      function testModel(p, m, capability) {
+        var noProbe = capability === 'video-gen' || capability === 'transcribe';
+        if (!noProbe && !window.confirm('将用模型「' + m.id + '」发起一次真实的 ' + capability + ' 请求，可能产生费用。继续吗？')) return;
+        setNote('验证 ' + m.id + ' · ' + capability + '…');
+        postAction('providers_test_model', { id: p.id, model_id: m.id, capability: capability, confirm_paid: !noProbe })
+          .then(function (r) { setNote(r.d.text || r.d.error || ''); refresh(); });
+      }
+      function setProtocol(p, value) {
+        postAction('providers_upsert', { id: p.id, mediaProtocol: value }).then(function (r) {
+          setNote(r.ok ? '媒体协议已更新' : (r.d.error || '更新失败')); refresh();
+        });
       }
       function removeModel(p, m) {
         if (!window.confirm('从池中移除模型「' + m.id + '」？')) return;
@@ -525,6 +577,9 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
         if (open) {
           body = React.createElement('div', { className: 'iris-pm-body' },
             React.createElement('div', { className: 'iris-pm-note' }, 'Key ' + (p.apiKeyHint || '未配置') + ' · ' + (p.type || '') + ' · ' + (p.mediaProtocol || '')),
+            React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '媒体协议'), React.createElement('select', { value: p.mediaProtocol || 'openai-images', onChange: function (e) { setProtocol(p, e.target.value); } },
+              React.createElement('option', { value: 'dashscope' }, 'DashScope（仅阿里云官方 HTTPS）'),
+              React.createElement('option', { value: 'openai-images' }, 'OpenAI Images 兼容'))),
             React.createElement('div', { className: 'iris-pm-note' }, '能力: ' + ((p.capabilities || []).join(' / ') || '无')),
             React.createElement(ModelPool, { provider: p, onNote: setNote, onDone: refresh, testModel: testModel, removeModel: removeModel, addModel: addModel }),
             React.createElement('div', { className: 'iris-wb-row' },
@@ -544,6 +599,10 @@ window.__ModuleLoader__.load({ id: '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 }); } })),
           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 }); } })),
           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 }); } })),
+          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' }, '自动（按 Base URL 安全判断）'),
+            React.createElement('option', { value: 'dashscope' }, 'DashScope（阿里云官方）'),
+            React.createElement('option', { value: 'openai-images' }, 'OpenAI Images 兼容'))),
           React.createElement('div', { className: 'iris-wb-row' },
             React.createElement('button', { className: 'iris-act-run', onClick: addProvider }, '保存'),
             React.createElement('button', { className: 'iris-pm-btn', onClick: function () { setAdding(false); } }, '取消')));
@@ -641,6 +700,7 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
       var modelPair = React.useState(null); // { assigned, options:[{id,providerId}], tested }
       var modelInfo = modelPair[0];
       var setModelInfo = modelPair[1];
+      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() {
         if (!capability) return;
@@ -720,11 +780,13 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
             run === 'running' ? '执行中…' : '执行'),
           result);
       }
-      var headLit = !capability || (modelInfo && modelInfo.loaded && modelInfo.options.length > 0);
+      var headError = !!(run && run !== 'running' && run.ok === false);
+      var headLit = !capability || (capabilityReady(irisState, capability) && !headError);
+      var headTitle = headError ? '最近一次执行出错' : (headLit ? 'API 与能力已配置' : '缺少可用 API 或能力模型');
       return React.createElement('div', { className: 'iris-act-card' + (open ? ' open' : '') + (headLit ? ' lit' : ' dim') },
         React.createElement('div', { className: 'iris-act-head', onClick: function () { setOpen(!open); } },
           React.createElement('span', { className: 'iris-act-title' }, title),
-          capability ? React.createElement('span', { className: headLit ? 'iris-pm-dot lit' : 'iris-pm-dot', title: headLit ? '模型可用' : '无可用模型' }, '●') : null,
+          capability ? React.createElement('span', { className: headLit ? 'iris-pm-dot lit' : 'iris-pm-dot', title: headTitle }, '●') : null,
           React.createElement('span', { className: 'iris-act-arrow' }, '▶')),
         body);
     }
@@ -948,6 +1010,53 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
         note ? React.createElement('div', { className: 'iris-clean-note', style: { width: '100%' } }, note) : null);
     }
 
+    function PromptOptimizerSettings() {
+      var pair = React.useState(null);
+      var state = pair[0];
+      var setState = pair[1];
+      var notePair = React.useState('');
+      var note = notePair[0];
+      var setNote = notePair[1];
+
+      function load() {
+        fetch('/iris/api/prompt-optimizer/config')
+          .then(function (res) { return res.ok ? res.json() : null; })
+          .then(function (data) { if (data && data.config) setState(data); })
+          .catch(function () { setNote('读取提示词优化配置失败'); });
+      }
+      React.useEffect(function () {
+        function changed(event) { if (event.detail && event.detail.config) setState(event.detail); }
+        window.addEventListener('iris-prompt-config-changed', changed);
+        load();
+        return function () { window.removeEventListener('iris-prompt-config-changed', changed); };
+      }, []);
+
+      function toggle() {
+        var enabled = !(state && state.config && state.config.enabled !== false);
+        fetch('/iris/api/prompt-optimizer/enabled', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ enabled: enabled })
+        }).then(function (res) {
+          return res.json().then(function (data) {
+            if (!res.ok) throw new Error(data.error || '更新失败');
+            setState(data);
+            window.dispatchEvent(new CustomEvent('iris-prompt-config-changed', { detail: data }));
+            setNote(enabled ? '对话框 🫧 入口已启用' : '对话框入口已关闭；Iris 工作台与后台能力不受影响');
+          });
+        }).catch(function (err) { setNote(String(err && err.message || err)); });
+      }
+
+      var enabled = !state || !state.config || state.config.enabled !== false;
+      return React.createElement('div', { className: 'iris-wb-card' },
+        React.createElement('div', { className: 'iris-wb-row' },
+          React.createElement('span', { className: 'iris-po-settings-mark' }, '🫧'),
+          React.createElement('span', { style: { flex: 1 } }, enabled ? '对话框入口已启用' : '对话框入口已关闭'),
+          React.createElement('button', { className: 'iris-pm-btn', onClick: toggle }, enabled ? '关闭入口' : '重新启用')),
+        React.createElement('div', { className: 'iris-wb-muted' }, '这里只控制对话框提示词优化入口；Iris 工作台、Agent 工具和任务后台始终保持运行。'),
+        note ? React.createElement('div', { className: 'iris-clean-note' }, note) : null);
+    }
+
     function WorkbenchPanel() {
       var state = useIrisState(5000);
       var running = (state && state.tasks && state.tasks.running) || [];
@@ -966,6 +1075,8 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
         React.createElement(CapabilityAssigner, {}),
         React.createElement('div', { className: 'iris-wb-sec' }, 'Iris 泡泡快捷卡片（勾选后显示在「⚡ 常用」标签）'),
         React.createElement(BubbleCardPicker, {}),
+        React.createElement('div', { className: 'iris-wb-sec' }, '对话框提示词优化'),
+        React.createElement(PromptOptimizerSettings, {}),
         React.createElement('div', { className: 'iris-wb-sec' }, '运行中任务'),
         React.createElement('div', { className: 'iris-wb-box' },
           running.length ? running.map(function (t) { return taskRow(t, true, selectedTask === t.id, onSelect); })
@@ -993,17 +1104,21 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
       function onSelect(id) { setSelectedTask(id); }
       var body;
       if (tab === 'tasks') {
-        var shown = recent.slice(0, 6);
+        // 快捷面板只承载当前任务与可直接查看的成功产物；失败/取消历史留在完整工作台。
+        var succeeded = recent.filter(function (t) {
+          return t.status === 'succeeded' && Array.isArray(t.media) && t.media.length > 0;
+        });
+        var shown = succeeded.slice(0, 6);
         body = React.createElement('div', { className: 'iris-wb-box' },
           running.length ? React.createElement('div', {},
             React.createElement('div', { className: 'iris-wb-sec' }, '运行中'),
             running.map(function (t) { return taskRow(t, true, selectedTask === t.id, onSelect); })) : null,
-          React.createElement('div', { className: 'iris-wb-sec' }, '最近'),
+          React.createElement('div', { className: 'iris-wb-sec' }, '最近完成'),
           shown.length ? shown.map(function (t) { return taskRowMini(t, selectedTask === t.id, onSelect); })
-            : React.createElement('div', { className: 'iris-wb-empty' }, '尚无任务记录'),
-          recent.length > 6 || recentTotal > recent.length
+            : React.createElement('div', { className: 'iris-wb-empty' }, '尚无成功产物'),
+          succeeded.length > 6 || recentTotal > succeeded.length
             ? React.createElement('div', { className: 'iris-bubble-more', style: { cursor: 'default' } },
-              '共 ' + recentTotal + ' 条 · 完整历史与清理见设置页') : null);
+              '失败、取消与完整历史请到 Iris 工作台查看') : null);
       } else {
         var defs = CARD_DEFS.filter(function (d) { return cards.indexOf(d.action) >= 0; });
         body = defs.length
@@ -1018,6 +1133,234 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
         selectedTask ? React.createElement(TaskDetailDrawer, { taskId: selectedTask }) : null);
     }
 
+    function PromptOptimizerControl(props) {
+      var draft = props.useInput(function (value) { return value.draft; });
+      var phase = props.useInput(function (value) { return value.phase; });
+      var refCount = props.useInput(function (value) { return (value.occurrences || []).length; });
+      var projection = props.useProjection('modelSelection');
+      var selectedRoute = projection && (projection.current || projection.selection || projection.next || projection.lastUsed || (projection.provider && projection.model ? projection : null));
+
+      var openPair = React.useState(false);
+      var open = openPair[0];
+      var setOpen = openPair[1];
+      var targetPair = React.useState('general');
+      var target = targetPair[0];
+      var setTarget = targetPair[1];
+      var busyPair = React.useState(false);
+      var busy = busyPair[0];
+      var setBusy = busyPair[1];
+      var resultPair = React.useState(null);
+      var result = resultPair[0];
+      var setResult = resultPair[1];
+      var notePair = React.useState('');
+      var note = notePair[0];
+      var setNote = notePair[1];
+      var configPair = React.useState(null);
+      var configState = configPair[0];
+      var setConfigState = configPair[1];
+      var abortRef = React.useRef(null);
+      var fileRef = React.useRef(null);
+
+      function promptRequest(operation, body, signal) {
+        return fetch('/iris/api/prompt-optimizer/' + operation, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify(body || {}),
+          signal: signal
+        }).then(function (res) {
+          return res.json().catch(function () { return {}; }).then(function (data) {
+            if (!res.ok) throw new Error(data.error || ('请求失败 (' + res.status + ')'));
+            return data;
+          });
+        });
+      }
+
+      function loadConfig() {
+        fetch('/iris/api/prompt-optimizer/config')
+          .then(function (res) { return res.ok ? res.json() : null; })
+          .then(function (data) { if (data && data.config) setConfigState(data); })
+          .catch(function () { setNote('无法读取提示词优化配置'); });
+      }
+
+      React.useEffect(function () {
+        return function () {
+          if (abortRef.current) abortRef.current.abort();
+        };
+      }, []);
+
+      React.useEffect(function () {
+        function changed(event) { if (event.detail && event.detail.config) setConfigState(event.detail); }
+        window.addEventListener('iris-prompt-config-changed', changed);
+        loadConfig();
+        return function () { window.removeEventListener('iris-prompt-config-changed', changed); };
+      }, []);
+
+      function publishConfig(data) {
+        setConfigState(data);
+        try { window.dispatchEvent(new CustomEvent('iris-prompt-config-changed', { detail: data })); } catch (_) {}
+      }
+
+      function optimize() {
+        if (!draft || !draft.trim()) { setNote('请先在输入框中写入提示词'); return; }
+        if (refCount) { setNote('当前版本暂不改写含 @ 或 / 结构化引用的草稿，以免引用失效'); return; }
+        if (phase !== 'plain') { setNote('输入框正忙，请稍后再试'); return; }
+        if (abortRef.current) abortRef.current.abort();
+        var controller = new AbortController();
+        abortRef.current = controller;
+        setBusy(true);
+        setNote('正在调用模型优化…这可能产生模型费用');
+        setResult(null);
+        promptRequest('optimize', {
+          text: draft,
+          target: target,
+          sessionId: props.sessionId,
+          route: selectedRoute || undefined
+        }, controller.signal).then(function (data) {
+          setResult(data);
+          setNote('已生成预览，尚未写回输入框');
+        }).catch(function (err) {
+          if (controller.signal.aborted) setNote('已取消');
+          else setNote(String(err && err.message || err));
+        }).finally(function () {
+          if (abortRef.current === controller) abortRef.current = null;
+          setBusy(false);
+        });
+      }
+
+      function cancel() {
+        if (abortRef.current) abortRef.current.abort();
+      }
+
+      function replaceDraft(text) {
+        if (!result) return;
+        if (draft !== result.original && !window.confirm('输入框内容在优化期间已变化，仍要替换吗？')) return;
+        props.inputActions.setDraft(text);
+        setNote(text === result.original ? '已恢复优化前原文' : '已写回输入框；不会自动发送');
+      }
+
+      function copyResult() {
+        if (!result) return;
+        if (navigator.clipboard && typeof navigator.clipboard.writeText === 'function') {
+          navigator.clipboard.writeText(result.optimized).then(function () { setNote('已复制优化结果'); }).catch(function () { setNote('复制失败，请手动选择文本'); });
+        } else {
+          setNote('浏览器不支持自动复制，请手动选择文本');
+        }
+      }
+
+      function importConfig(event) {
+        var file = event.target.files && event.target.files[0];
+        event.target.value = '';
+        if (!file) return;
+        file.text().then(function (raw) {
+          var parsed = JSON.parse(raw);
+          return promptRequest('import', { config: parsed });
+        }).then(function (data) {
+          publishConfig(data);
+          setNote('JSON 配置已导入并生效');
+        }).catch(function (err) {
+          setNote('导入失败：' + String(err && err.message || err));
+        });
+      }
+
+      function exportConfig() {
+        if (!configState || !configState.config) { setNote('配置尚未载入'); return; }
+        try {
+          var blob = new Blob([JSON.stringify(configState.config, null, 2) + '\n'], { type: 'application/json' });
+          var url = URL.createObjectURL(blob);
+          var a = document.createElement('a');
+          a.href = url;
+          a.download = 'iris-prompt-optimizer.json';
+          a.click();
+          setTimeout(function () { URL.revokeObjectURL(url); }, 0);
+          setNote('已导出当前 JSON 配置');
+        } catch (_) {
+          setNote('导出失败');
+        }
+      }
+
+      function resetConfig() {
+        if (!window.confirm('恢复 Iris 内置默认 Prompt、目标模板和会话模型路由？')) return;
+        promptRequest('reset', {}).then(function (data) {
+          publishConfig(data);
+          setNote('已恢复 Iris 内置默认配置');
+        }).catch(function (err) {
+          setNote('重置失败：' + String(err && err.message || err));
+        });
+      }
+
+      function disableEntry() {
+        if (busy) return;
+        promptRequest('enabled', { enabled: false }).then(function (data) {
+          publishConfig(data);
+          setOpen(false);
+        }).catch(function (err) { setNote('关闭失败：' + String(err && err.message || err)); });
+      }
+
+      if (configState && configState.config && configState.config.enabled === false) return null;
+
+      var routeLabel = 'DSH 默认模型';
+      if (configState && configState.config && configState.config.route.mode === 'fixed') {
+        routeLabel = configState.config.route.provider + ' / ' + configState.config.route.model;
+      } else if (selectedRoute) {
+        routeLabel = selectedRoute.provider + ' / ' + selectedRoute.model;
+      }
+      var reasoningSetting = configState && configState.config && configState.config.generation && configState.config.generation.reasoningEffort || 'off-if-supported';
+      var reasoningLabel = reasoningSetting === 'off-if-supported' ? '支持时关闭' : reasoningSetting === 'provider-default' ? '供应商默认' : reasoningSetting === 'inherit' ? '跟随会话' : reasoningSetting;
+      var outputBudget = configState && configState.config && configState.config.generation && configState.config.generation.maxOutputTokens || 1200;
+
+      var panel = null;
+      if (open) {
+        panel = React.createElement(React.Fragment, {},
+          React.createElement('div', { className: 'iris-po-backdrop', onClick: function () { setOpen(false); }, 'aria-hidden': 'true' }),
+          React.createElement('div', { className: 'iris-po-panel', role: 'dialog', 'aria-modal': 'true', 'aria-label': 'Iris 提示词优化', onClick: function (e) { e.stopPropagation(); } },
+          React.createElement('div', { className: 'iris-po-head' },
+            React.createElement('strong', { className: 'iris-po-title' }, React.createElement('span', { className: 'iris-po-mark' }, '🫧'), 'Iris 提示词优化'),
+            React.createElement('button', { className: 'iris-po-close', onClick: function () { setOpen(false); }, title: '关闭' }, '✕')),
+          React.createElement('div', { className: 'iris-po-muted' }, '只处理当前未发送草稿，不读取会话历史；调用模型可能产生费用。'),
+          React.createElement('label', { className: 'iris-po-field' },
+            React.createElement('span', {}, '优化目标'),
+            React.createElement('select', { value: target, disabled: busy, onChange: function (e) { setTarget(e.target.value); } },
+              React.createElement('option', { value: 'general' }, '通用对话'),
+              React.createElement('option', { value: 'image' }, '图片生成'),
+              React.createElement('option', { value: 'video' }, '视频生成'),
+              React.createElement('option', { value: 's2v' }, '首尾帧视频'))),
+          React.createElement('div', { className: 'iris-po-route', title: routeLabel }, '模型：' + routeLabel + ' · 思考：' + reasoningLabel + ' · 输出：' + outputBudget + ' tokens'),
+          React.createElement('div', { className: 'iris-po-actions' },
+            React.createElement('button', { className: 'iris-po-primary', disabled: busy || !draft || !draft.trim() || phase !== 'plain' || refCount > 0, onClick: optimize }, busy ? '优化中…' : '生成预览'),
+            busy ? React.createElement('button', { className: 'iris-po-btn', onClick: cancel }, '取消') : null),
+          result ? React.createElement('div', { className: 'iris-po-result' },
+            React.createElement('div', { className: 'iris-po-result-label' }, '优化结果'),
+            React.createElement('textarea', { readOnly: true, value: result.optimized }),
+            React.createElement('div', { className: 'iris-po-route' }, '实际使用：' + result.route.provider + ' / ' + result.route.model + ' · 思考：' + (result.route.reasoningEffort === 'provider-default' ? '供应商默认' : result.route.reasoningEffort)),
+            React.createElement('div', { className: 'iris-po-actions' },
+              React.createElement('button', { className: 'iris-po-primary', onClick: function () { replaceDraft(result.optimized); } }, '写回输入框'),
+              React.createElement('button', { className: 'iris-po-btn', onClick: copyResult }, '复制'),
+              React.createElement('button', { className: 'iris-po-btn', onClick: optimize }, '再优化'),
+              React.createElement('button', { className: 'iris-po-btn', onClick: function () { replaceDraft(result.original); } }, '恢复原文'))) : null,
+          note ? React.createElement('div', { className: 'iris-po-note' }, note) : null,
+          React.createElement('details', { className: 'iris-po-config' },
+            React.createElement('summary', {}, 'JSON 配置'),
+            React.createElement('div', { className: 'iris-po-muted' }, '可导出后修改 systemPrompt、targets、route 和 generation，再重新导入。'),
+            React.createElement('div', { className: 'iris-po-actions' },
+              React.createElement('button', { className: 'iris-po-btn', onClick: exportConfig }, '导出'),
+              React.createElement('button', { className: 'iris-po-btn', onClick: function () { if (fileRef.current) fileRef.current.click(); } }, '导入'),
+              React.createElement('button', { className: 'iris-po-btn danger', onClick: resetConfig }, '恢复默认'),
+              React.createElement('input', { ref: fileRef, className: 'iris-po-file', type: 'file', accept: 'application/json,.json', onChange: importConfig })),
+            React.createElement('div', { className: 'iris-po-muted' }, '当前：' + (configState && configState.source === 'custom' ? '用户 JSON' : 'Iris 默认'))),
+          React.createElement('button', { className: 'iris-po-disable', disabled: busy, onClick: disableEntry }, '关闭此对话入口（工作台仍保留）')));
+      }
+
+      return React.createElement('div', { className: 'iris-po-wrap' },
+        React.createElement('button', {
+          className: 'iris-po-trigger',
+          type: 'button',
+          title: refCount ? '含结构化引用的草稿暂不支持优化' : '优化当前输入框提示词',
+          'aria-expanded': open ? 'true' : 'false',
+          onClick: function () { setOpen(!open); }
+        }, '🫧'),
+        panel);
+    }
+
     function ProgressDock() {
       var state = useIrisState(5000);
       var running = (state && state.tasks && state.tasks.running) || [];
@@ -1158,6 +1501,15 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
       }, WorkbenchPanel);
     });
 
+    ctx.slots.inject('conversation.input.right', function () {
+      return ctx.slots.register({
+        name: 'conversation.input.right',
+        id: 'iris-prompt-optimizer',
+        order: 40,
+        label: function () { return 'Iris 提示词优化'; }
+      }, PromptOptimizerControl);
+    });
+
     ctx.slots.inject('conversation.input.dock', function () {
       return ctx.slots.register({
         name: 'conversation.input.dock',
@@ -1184,4 +1536,4 @@ window.__ModuleLoader__.load({ id: 'dsh-iris', factory: (require) => {
 
   module.exports = { inject: inject, apply: apply };
   return module.exports;
-}});
+}});