@mokuyoaxis/dsh-iris 0.1.3 → 0.1.4

package/lib/client.js

@@ -4,7 +4,7 @@
  * DSH web client bundle 标准形态（与 dsh-at-file / dsh-better-sidebar 同构）：
  * window.__ModuleLoader__.load({ id, factory }) → CJS 工厂，require 解析宿主依赖，
  * `inject` 声明本 bundle 需要的 ctx 服务 key（这里是 slots），
- * `apply(ctx)` 里直接 `ctx.slots.inject(...)` 注册座位。
+ * `apply(ctx)` 通过本地 clientSlots 适配端口注册座位。
  *
  * 三个零替换风险的座位：
  * - settings.section（id: 'iris-workbench'）：Iris 工作台整页 ——
@@ -21,6 +21,42 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
   var exports = module.exports;
 
   var React = require('react');
+  var IRIS_CLIENT_VERSION = '0.1.4';
+  var HOST_CLIENT_PROTOCOL_VERSION = 0;
+  var reportedSeats = [];
+
+  function reportClientSeat(seat) {
+    if (reportedSeats.indexOf(seat) < 0) reportedSeats.push(seat);
+    if (!window || typeof window.fetch !== 'function') return;
+    try {
+      Promise.resolve(window.fetch('/iris/api/host-client', {
+        method: 'POST',
+        headers: { 'content-type': 'application/json' },
+        credentials: 'same-origin',
+        body: JSON.stringify({
+          pluginId: '@mokuyoaxis/dsh-iris',
+          version: IRIS_CLIENT_VERSION,
+          protocolVersion: HOST_CLIENT_PROTOCOL_VERSION,
+          seats: reportedSeats.slice()
+        })
+      })).catch(function () {});
+    } catch (_) { /* Doctor handshake 不影响 UI */ }
+  }
+
+  // Client bundle 不能导入 server-side Host contract；只在此边界读取 DSH slots 服务。
+  function clientSlotsPort(ctx) {
+    var slots;
+    try { slots = ctx && ctx.slots; } catch (_) { slots = null; }
+    if (!slots || typeof slots.inject !== 'function' || typeof slots.register !== 'function') {
+      var error = new Error('Iris clientSlots 不可用：DSH slots 需要 inject/register');
+      error.code = slots ? 'IRIS_HOST_CAPABILITY_INCOMPATIBLE' : 'IRIS_HOST_CAPABILITY_UNAVAILABLE';
+      throw error;
+    }
+    return Object.freeze({
+      inject: function (seat, callback) { return slots.inject(seat, callback); },
+      register: function (definition, component) { return slots.register(definition, component); }
+    });
+  }
 
   var STYLE_ID = 'iris-wb-css';
   var cssText = [
@@ -57,6 +93,15 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-wb-drawer .iris-wb-prompt { white-space: pre-wrap; word-break: break-word; font-size: 12px; }',
     '.iris-wb-drawer .iris-wb-err { color: var(--dsw-alias-state-error-primary, #e06c6c); white-space: pre-wrap; word-break: break-word; font-size: 12px; }',
     '.iris-wb-loading { color: var(--dsw-alias-label-secondary, #9a9a9a); font-size: 12px; }',
+    '.iris-doctor-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }',
+    '.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.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; }',
     /* ---- 操作卡片组（阶段 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; }',
@@ -96,8 +141,17 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-pm-field { display: grid; gap: 3px; }',
     '.iris-pm-field input, .iris-pm-field textarea { background: var(--dsw-alias-bg-layer-2, #32323c); color: var(--dsw-alias-label-primary, #e6e6e6); border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 4px; padding: 4px 6px; font-size: 12px; width: 100%; box-sizing: border-box; }',
     '.iris-pm-act { font-size: 11px; color: var(--dsw-alias-label-secondary, #9a9a9a); }',
-    '.iris-pm-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--dsw-alias-label-secondary, #9a9a9a); margin-right: 4px; }',
-    '.iris-pm-dot.lit { background: var(--dsw-alias-state-success-primary, #6fcf6f); box-shadow: 0 0 6px var(--dsw-alias-state-success-primary, #6fcf6f); }',
+    '.iris-pm-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--dsw-alias-label-tertiary, #73737d); margin-right: 4px; }',
+    '.iris-pm-dot.configured { background: #6f9df6; box-shadow: 0 0 7px rgba(111,157,246,.55); }',
+    '.iris-pm-dot.verified { background: var(--dsw-alias-state-success-primary, #6fcf6f); box-shadow: 0 0 7px var(--dsw-alias-state-success-primary, #6fcf6f); }',
+    '.iris-pm-dot.failed { background: #b9656d; box-shadow: 0 0 6px rgba(185,101,109,.38); opacity: .82; }',
+    '.iris-health-grid { display: grid; gap: 5px; }',
+    '.iris-health-row { display: grid; grid-template-columns: minmax(72px, auto) 1fr auto; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 9px; background: var(--dsw-alias-bg-layer-1, #26262e); font-size: 11px; }',
+    '.iris-health-name { font-weight: 600; }',
+    '.iris-health-state { color: var(--dsw-alias-label-secondary, #9a9a9a); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '.iris-health-row.failed .iris-health-state { color: #c87a81; }',
+    '.iris-health-row.configured .iris-health-state { color: #7da8fa; }',
+    '.iris-health-row.verified .iris-health-state { color: var(--dsw-alias-state-success-primary, #6fcf6f); }',
     '.iris-cap-grid { display: grid; gap: 6px; }',
     '.iris-cap-row { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; background: var(--dsw-alias-bg-layer-1, #26262e); border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 8px; padding: 6px 9px; font-size: 12px; }',
     '.iris-cap-name { font-weight: 600; min-width: 64px; }',
@@ -109,10 +163,12 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-bubble { position: fixed; z-index: 9999; cursor: grab; user-select: none; touch-action: none; }',
     '.iris-bubble.dragging { cursor: grabbing; }',
     '.iris-bubble-btn { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; background: var(--dsw-alias-bg-layer-2, #32323c); border: 1px solid var(--dsw-alias-border-l1, #3a3a44); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); transition: box-shadow 0.2s, border-color 0.2s, opacity 0.2s; }',
-    '.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.health-configured .iris-bubble-btn { border-color: #6f9df6; box-shadow: 0 0 14px rgba(111,157,246,.55); }',
+    '.iris-bubble.health-verified .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.health-failed .iris-bubble-btn { opacity: .72; border-color: #b9656d; box-shadow: 0 0 11px rgba(185,101,109,.34); }',
+    '.iris-bubble.health-unconfigured .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; font-size: 12px; line-height: 1.45; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45); }',
+    '.iris-bubble-panel { position: fixed; z-index: 9998; box-sizing: border-box; width: min(360px, calc(100vw - 16px)); max-height: min(520px, calc(100dvh - 16px)); overflow: auto; overscroll-behavior: contain; 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); }',
@@ -136,6 +192,22 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-clean-btn:hover { border-color: var(--dsw-alias-brand-primary, #7aa2f7); }',
     '.iris-clean-btn.danger:hover { color: var(--dsw-alias-state-error-primary, #e06c6c); border-color: var(--dsw-alias-state-error-primary, #e06c6c); }',
     '.iris-clean-note { font-size: 11px; color: var(--dsw-alias-label-secondary, #9a9a9a); }',
+    /* 独立作品库 v0：任务清理后仍可浏览，窄屏自动收缩。 */
+    '.iris-gallery-tools { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }',
+    '.iris-gallery-tools .iris-clean-note { flex: 1; min-width: 100px; }',
+    '.iris-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); gap: 10px; }',
+    '.iris-gallery-card { min-width: 0; overflow: hidden; border: 1px solid rgba(150,164,215,.16); border-radius: 13px; background: color-mix(in srgb, var(--dsw-alias-bg-layer-1, #26262e) 92%, transparent); box-shadow: 0 7px 22px rgba(0,0,0,.12); }',
+    '.iris-gallery-preview { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: rgba(8,10,16,.28); }',
+    '.iris-gallery-preview img, .iris-gallery-preview video { width: 100%; height: 100%; object-fit: contain; }',
+    '.iris-gallery-preview audio { width: calc(100% - 16px); }',
+    '.iris-gallery-file { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 600; }',
+    '.iris-gallery-meta { color: var(--dsw-alias-label-tertiary, #7a7a85); font-size: 10px; }',
+    '.iris-gallery-info { display: grid; gap: 4px; padding: 8px 9px 9px; }',
+    '.iris-gallery-actions { display: flex; align-items: center; gap: 8px; }',
+    '.iris-artifact-mini { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 4px 6px; border-radius: 7px; color: var(--dsw-alias-label-secondary, #9a9a9a); text-decoration: none; }',
+    '.iris-artifact-mini:hover { background: var(--dsw-alias-bg-layer-2, #32323c); color: var(--dsw-alias-label-primary, #e6e6e6); }',
+    '.iris-artifact-mini span:nth-child(2) { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '@media (max-width: 360px) { .iris-gallery-grid { grid-template-columns: 1fr; } }',
     /* 模型池（阶段 9 P4） */
     '.iris-pm-pool { display: grid; gap: 4px; }',
     '.iris-pm-mrows { display: grid; gap: 3px; max-height: 220px; overflow: auto; }',
@@ -144,8 +216,10 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-pm-mtag { font-size: 9px; color: var(--dsw-alias-brand-primary, #7aa2f7); border: 1px solid var(--dsw-alias-brand-primary, #7aa2f7); border-radius: 3px; padding: 0 3px; margin-left: 4px; }',
     '.iris-pm-mcaps { display: flex; gap: 3px; }',
     '.iris-pm-ver { font-size: 10px; padding: 0 4px; border-radius: 3px; background: var(--dsw-alias-bg-layer-2, #32323c); color: var(--dsw-alias-label-secondary, #9a9a9a); }',
-    '.iris-pm-ver.ok { color: var(--dsw-alias-state-success-primary, #6fcf6f); }',
-    '.iris-pm-ver.bad { color: var(--dsw-alias-state-error-primary, #e06c6c); }',
+    '.iris-pm-ver.configured { color: #7da8fa; }',
+    '.iris-pm-ver.verified { color: var(--dsw-alias-state-success-primary, #6fcf6f); }',
+    '.iris-pm-ver.failed { color: #c87a81; border-color: rgba(185,101,109,.5); }',
+    '.iris-pm-ver.unconfigured { opacity: .55; }',
     '.iris-pm-madd { flex: 1; background: var(--dsw-alias-bg-layer-2, #32323c); color: var(--dsw-alias-label-primary, #e6e6e6); border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 4px; padding: 3px 6px; font-size: 12px; }',
     /* 文件选择器（阶段 10） */
     '.iris-ff { display: grid; gap: 4px; }',
@@ -294,13 +368,60 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       return sharedState;
     }
 
-    /** 功能卡就绪态直接来自共享 Iris 状态，不再等用户点开卡片后才加载。 */
-    function capabilityReady(state, capability) {
-      if (!capability) return true;
+    var HEALTH_META = {
+      unconfigured: { label: '未配置', symbol: '○' },
+      configured: { label: '已配置，待验证', symbol: '◌' },
+      verified: { label: '近期验证成功', symbol: '●' },
+      failed: { label: '认证失败', symbol: '×' }
+    };
+
+    function capabilityHealth(state, capability) {
+      var health = state && state.health && state.health.capabilities
+        && state.health.capabilities[capability];
+      if (health && HEALTH_META[health.status]) return health;
       var providers = (state && state.providers) || [];
-      return providers.some(function (p) {
-        return p.enabled && p.apiKeyHint && Array.isArray(p.capabilities) && p.capabilities.indexOf(capability) >= 0;
+      var configured = providers.some(function (p) {
+        return p.enabled && p.apiKeyHint && Array.isArray(p.capabilities)
+          && p.capabilities.indexOf(capability) >= 0;
       });
+      return { status: configured ? 'configured' : 'unconfigured', candidateCount: configured ? 1 : 0 };
+    }
+
+    function relativeHealthTime(value) {
+      var ms = Date.now() - Date.parse(String(value || ''));
+      if (!Number.isFinite(ms) || ms < 0) return '';
+      if (ms < 60000) return '刚刚';
+      if (ms < 3600000) return Math.floor(ms / 60000) + ' 分钟前';
+      if (ms < 86400000) return Math.floor(ms / 3600000) + ' 小时前';
+      return Math.floor(ms / 86400000) + ' 天前';
+    }
+
+    function healthText(health) {
+      var status = health && HEALTH_META[health.status] ? health.status : 'unconfigured';
+      var text = HEALTH_META[status].label;
+      var age = relativeHealthTime(health && health.observedAt);
+      return text + (age ? ' · ' + age : '');
+    }
+
+    function CapabilityHealthOverview() {
+      var state = useIrisState(5000);
+      var rows = [
+        ['image-gen', '图片'],
+        ['video-gen', '视频'],
+        ['tts', '语音'],
+        ['transcribe', '转写'],
+        ['vision', '视觉']
+      ];
+      return React.createElement('div', { className: 'iris-health-grid' }, rows.map(function (row) {
+        var health = capabilityHealth(state, row[0]);
+        var meta = HEALTH_META[health.status] || HEALTH_META.unconfigured;
+        return React.createElement('div', { key: row[0], className: 'iris-health-row ' + health.status },
+          React.createElement('span', { className: 'iris-health-name' },
+            React.createElement('span', { className: 'iris-pm-dot ' + health.status }, meta.symbol),
+            row[1]),
+          React.createElement('span', { className: 'iris-health-state', title: healthText(health) }, healthText(health)),
+          React.createElement('span', { className: 'iris-wb-muted' }, String(health.candidateCount || 0) + ' 路'));
+      }));
     }
 
     /* ---- 任务详情抽屉：按需拉取 /iris/api/task/:id ---- */
@@ -571,10 +692,17 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var setNewId = addPair[1];
       var models = p.models || [];
       function verBadge(m, c) {
-        var v = m.verified && m.verified[c];
-        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 health = m.health && m.health[c];
+        var status = health && HEALTH_META[health.status] ? health.status : 'configured';
+        var cls = 'iris-pm-ver ' + status;
+        var title = healthText(health || { status: status });
+        var symbol = status === 'verified' ? '✓' : (status === 'failed' ? '×' : (status === 'unconfigured' ? '○' : '?'));
+        return React.createElement('button', {
+          key: c,
+          className: cls,
+          title: title + '；点击单独验证此能力',
+          onClick: function () { props.testModel(p, m, c); }
+        }, c + symbol);
       }
       var rows = models.map(function (m) {
         var caps = m.capabilities || [];
@@ -811,6 +939,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           .then(function (res) { setRun(res.ok ? { ok: true, text: res.d.text || '', img: res.d.imageDataUrl || null } : { ok: false, text: res.d.error || '执行失败' }); })
           .catch(function () { setRun({ ok: false, text: '网络错误' }); });
       }
+      var cardHealth = capability ? capabilityHealth(irisState, capability) : { status: 'verified' };
       var body = null;
       if (open) {
         var inputs = fields.map(function (f) {
@@ -846,16 +975,17 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
             result = React.createElement('div', { className: 'iris-act-result' + (run.ok ? '' : ' err') }, run.text);
           }
         }
-        // 只读模型提示：当前能力解析到的模型；改分配去「能力分配」区（唯一写入口）
+        // 只读模型提示：当前能力解析到的模型与持久健康事实。
         var modelBar = null;
         if (capability) {
-          var lit = modelInfo && modelInfo.loaded && modelInfo.options.length > 0;
+          var available = modelInfo && modelInfo.loaded && modelInfo.options.length > 0;
           var shown = (vals.model && vals.model.trim()) || (modelInfo && modelInfo.assigned) || '';
           modelBar = React.createElement('div', { className: 'iris-act-field' },
             React.createElement('label', {},
-              React.createElement('span', { className: lit ? 'iris-pm-dot lit' : 'iris-pm-dot' }, '●'),
-              ' 模型：' + (shown || '自动') + (lit ? '' : '（无可用模型）')),
-            React.createElement('div', { className: 'iris-wb-muted' }, '改分配 → 上方「能力分配（failover 顺序）」'));
+              React.createElement('span', { className: 'iris-pm-dot ' + cardHealth.status }, HEALTH_META[cardHealth.status].symbol),
+              ' 模型：' + (shown || '自动') + (available ? '' : '（无可用模型）')),
+            React.createElement('div', { className: 'iris-wb-muted' },
+              healthText(cardHealth) + ' · 改分配 → 上方「能力分配（failover 顺序）」'));
         }
         body = React.createElement('div', { className: 'iris-act-body' },
           modelBar,
@@ -864,13 +994,17 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
             run === 'running' ? '执行中…' : '执行'),
           result);
       }
-      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') },
+      var headStatus = capability ? cardHealth.status : 'verified';
+      var headTitle = capability ? healthText(cardHealth) : '本地功能';
+      return React.createElement('div', {
+        className: 'iris-act-card' + (open ? ' open' : '') + (capability ? ' health-' + headStatus : '')
+      },
         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: headTitle }, '●') : null,
+          capability ? React.createElement('span', {
+            className: 'iris-pm-dot ' + headStatus,
+            title: headTitle
+          }, HEALTH_META[headStatus].symbol) : null,
           React.createElement('span', { className: 'iris-act-arrow' }, '▶')),
         body);
     }
@@ -1054,6 +1188,105 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       }));
     }
 
+    function fmtBytes(bytes) {
+      var value = Number(bytes || 0);
+      if (value < 1024) return value + 'B';
+      if (value < 1048576) return (value / 1024).toFixed(0) + 'KB';
+      return (value / 1048576).toFixed(1) + 'MB';
+    }
+
+    function artifactIcon(item) {
+      var mime = String(item && item.mime || '');
+      if (mime.indexOf('image/') === 0) return '🖼';
+      if (mime.indexOf('video/') === 0) return '🎬';
+      if (mime.indexOf('audio/') === 0) return '🔊';
+      return '📄';
+    }
+
+    function artifactRowMini(item) {
+      return React.createElement('a', { key: item.id, className: 'iris-artifact-mini', href: item.url, target: '_blank', rel: 'noreferrer', title: '打开作品' },
+        React.createElement('span', {}, artifactIcon(item)),
+        React.createElement('span', {}, item.file),
+        React.createElement('span', { className: 'iris-gallery-meta' }, fmtBytes(item.size)));
+    }
+
+    function artifactPreview(item) {
+      var mime = String(item.mime || '');
+      if (mime.indexOf('image/') === 0) {
+        return React.createElement('a', { className: 'iris-gallery-preview', href: item.url, target: '_blank', rel: 'noreferrer', title: '打开原图' },
+          React.createElement('img', { src: item.url, alt: 'Iris 作品 ' + item.file, loading: 'lazy' }));
+      }
+      if (mime.indexOf('video/') === 0) {
+        return React.createElement('div', { className: 'iris-gallery-preview' },
+          React.createElement('video', { src: item.url, controls: true, playsInline: true, preload: 'metadata' }));
+      }
+      if (mime.indexOf('audio/') === 0) {
+        return React.createElement('div', { className: 'iris-gallery-preview' },
+          React.createElement('audio', { src: item.url, controls: true, preload: 'metadata' }));
+      }
+      return React.createElement('a', { className: 'iris-gallery-preview iris-wb-link', href: item.url, target: '_blank', rel: 'noreferrer' }, '打开文件');
+    }
+
+    function ArtifactGallery(props) {
+      var itemsPair = React.useState([]);
+      var items = itemsPair[0];
+      var setItems = itemsPair[1];
+      var totalPair = React.useState(Number(props.total || 0));
+      var total = totalPair[0];
+      var setTotal = totalPair[1];
+      var busyPair = React.useState(false);
+      var busy = busyPair[0];
+      var setBusy = busyPair[1];
+      var notePair = React.useState('');
+      var note = notePair[0];
+      var setNote = notePair[1];
+
+      function load(append) {
+        if (busy) return;
+        setBusy(true);
+        var offset = append ? items.length : 0;
+        fetch('/iris/api/artifacts?offset=' + offset + '&limit=24')
+          .then(function (res) { return res.ok ? res.json() : Promise.reject(new Error('读取失败')); })
+          .then(function (data) {
+            setItems(append ? items.concat(data.items || []) : (data.items || []));
+            setTotal(Number(data.total || 0));
+          })
+          .catch(function (error) { setNote('作品库读取失败：' + error.message); })
+          .finally(function () { setBusy(false); });
+      }
+
+      function run(action, body, confirmText) {
+        if (confirmText && !window.confirm(confirmText)) return;
+        setBusy(true);
+        postAction(action, body || {}).then(function (result) {
+          var succeeded = result.ok && result.d && result.d.ok !== false;
+          setNote(succeeded ? (result.d.text || '完成') : ('失败：' + ((result.d && (result.d.error || result.d.text)) || '未知错误')));
+          if (succeeded) load(false);
+          else setBusy(false);
+        }).catch(function (error) { setBusy(false); setNote('失败：' + error.message); });
+      }
+
+      React.useEffect(function () { load(false); }, [props.total]);
+
+      return React.createElement('div', {},
+        React.createElement('div', { className: 'iris-gallery-tools' },
+          React.createElement('span', { className: 'iris-clean-note' }, '共 ' + total + ' 个作品 · 清任务历史不会删除'),
+          React.createElement('button', { className: 'iris-clean-btn', disabled: busy, onClick: function () { run('artifacts_reindex'); } }, '找回本地作品'),
+          total ? React.createElement('button', { className: 'iris-clean-btn danger', disabled: busy, onClick: function () { run('artifacts_clear', {}, '永久删除作品库中的全部媒体文件？任务历史会保留，但相关媒体将无法打开。此操作不可逆。'); } }, '清空作品库') : null),
+        items.length ? React.createElement('div', { className: 'iris-gallery-grid' }, items.map(function (item) {
+          return React.createElement('div', { key: item.id, className: 'iris-gallery-card' },
+            artifactPreview(item),
+            React.createElement('div', { className: 'iris-gallery-info' },
+              React.createElement('div', { className: 'iris-gallery-file', title: item.file }, item.file),
+              React.createElement('div', { className: 'iris-gallery-meta' }, fmtTime(item.createdAt) + ' · ' + fmtBytes(item.size)),
+              React.createElement('div', { className: 'iris-gallery-actions' },
+                React.createElement('a', { className: 'iris-wb-link', href: item.url, target: '_blank', rel: 'noreferrer' }, '打开'),
+                React.createElement('button', { className: 'iris-pm-btn danger', disabled: busy, onClick: function () { run('artifacts_delete', { artifact_id: item.id }, '永久删除作品“' + item.file + '”？任务历史会保留，但媒体将无法打开。'); } }, '删除'))));
+        })) : React.createElement('div', { className: 'iris-wb-empty' }, busy ? '正在读取作品…' : '尚无作品；如 outputs/ 中已有文件，可点“找回本地作品”。'),
+        items.length < total ? React.createElement('button', { className: 'iris-clean-btn', disabled: busy, onClick: function () { load(true); } }, busy ? '加载中…' : '加载更多') : null,
+        note ? React.createElement('div', { className: 'iris-clean-note', style: { marginTop: '7px' } }, note) : null);
+    }
+
     /* ---- 泡泡常用卡片选择器（设置页：多项勾选 → 出现在悬浮窗「常用」标签） ---- */
     function BubbleCardPicker() {
       var pair = useBubbleCards();
@@ -1141,11 +1374,60 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         note ? React.createElement('div', { className: 'iris-clean-note' }, note) : null);
     }
 
+    function HostDoctorPanel() {
+      var pair = React.useState(null);
+      var report = pair[0];
+      var setReport = pair[1];
+      var busyPair = React.useState(false);
+      var busy = busyPair[0];
+      var setBusy = busyPair[1];
+      var errorPair = React.useState('');
+      var error = errorPair[0];
+      var setError = errorPair[1];
+
+      function load() {
+        setBusy(true);
+        setError('');
+        fetch('/iris/api/doctor')
+          .then(function (res) { return res.json().then(function (data) { if (!res.ok) throw new Error(data.error || '诊断失败'); return data; }); })
+          .then(function (data) { setReport(data); })
+          .catch(function (err) { setError(String(err && err.message || err)); })
+          .finally(function () { setBusy(false); });
+      }
+      React.useEffect(function () { load(); }, []);
+
+      var checks = report && Array.isArray(report.checks) ? report.checks : [];
+      var issues = checks.filter(function (item) { return item.status !== 'ok'; });
+      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));
+        }));
+      }
+      var score = report
+        ? report.summary.errors + ' 错误 · ' + report.summary.warnings + ' 警告'
+        : (busy ? '正在检查宿主…' : '尚未运行');
+      return React.createElement('div', { className: 'iris-wb-card' },
+        React.createElement('div', { className: 'iris-doctor-top' },
+          React.createElement('span', { className: 'iris-doctor-score' }, score),
+          report && report.host ? React.createElement('span', { className: 'iris-wb-muted' }, 'DSH ' + report.host.version) : null,
+          React.createElement('button', { className: 'iris-pm-btn', disabled: busy, onClick: load }, busy ? '检查中…' : '刷新')),
+        error ? React.createElement('div', { className: 'iris-doctor-row error' }, React.createElement('span', {}, '×'), React.createElement('span', {}, error)) : null,
+        issues.length ? rows(issues) : (report ? React.createElement('div', { className: 'iris-wb-muted' }, '当前可观察项全部健康') : null),
+        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、模型或供应商。'));
+    }
+
     function WorkbenchPanel() {
       var state = useIrisState(5000);
       var running = (state && state.tasks && state.tasks.running) || [];
       var recent = (state && state.tasks && state.tasks.recent) || [];
       var attention = (state && state.tasks && state.tasks.attention) || [];
+      var artifactTotal = (state && state.artifacts && state.artifacts.total) || 0;
       var selPair = React.useState(null);
       var selectedTask = selPair[0];
       var setSelectedTask = selPair[1];
@@ -1156,12 +1438,17 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           React.createElement('span', { className: 'iris-wb-date' }, state ? '刷新于 ' + new Date().toLocaleTimeString() : '加载中…')),
         React.createElement('div', { className: 'iris-wb-sec' }, '供应商'),
         React.createElement(ProviderManager, {}),
+        React.createElement('div', { className: 'iris-wb-sec' }, '能力健康'),
+        React.createElement(CapabilityHealthOverview, {}),
+        React.createElement('div', { className: 'iris-wb-muted' }, '绿色有效 7 天；真实成功或显式实测会刷新。不会后台探测，也不会因 429、网络或供应商 5xx 变红。'),
         React.createElement('div', { className: 'iris-wb-sec' }, '能力分配（failover 顺序）'),
         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(HostDoctorPanel, {}),
         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); })
@@ -1170,6 +1457,8 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           React.createElement('div', { className: 'iris-wb-sec' }, '需要处理'),
           React.createElement('div', { className: 'iris-wb-box' },
             attention.map(function (t) { return taskRow(t, false, selectedTask === t.id, onSelect); }))) : null,
+        React.createElement('div', { className: 'iris-wb-sec' }, '作品库'),
+        React.createElement(ArtifactGallery, { total: artifactTotal }),
         React.createElement('div', { className: 'iris-wb-sec' }, '历史任务'),
         React.createElement(CleanupBar, {}),
         React.createElement(HistoryBrowser, { recent: recent, selected: selectedTask, onSelect: onSelect }),
@@ -1184,6 +1473,8 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var recent = (state && state.tasks && state.tasks.recent) || [];
       var attention = (state && state.tasks && state.tasks.attention) || [];
       var recentTotal = (state && state.tasks && state.tasks.recentTotal) || recent.length;
+      var works = (state && state.artifacts && state.artifacts.recent) || [];
+      var artifactTotal = (state && state.artifacts && state.artifacts.total) || works.length;
       var cards = useBubbleCards()[0];
       var tabPair = React.useState('tasks');
       var tab = tabPair[0];
@@ -1194,11 +1485,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       function onSelect(id) { setSelectedTask(id); }
       var body;
       if (tab === 'tasks') {
-        // 快捷面板承载当前任务、需要处理的异常事实与可直接查看的成功产物。
-        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' }, '运行中'),
@@ -1206,12 +1493,12 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           attention.length ? React.createElement('div', {},
             React.createElement('div', { className: 'iris-wb-sec' }, '需要处理'),
             attention.slice(0, 4).map(function (t) { return taskRowMini(t, selectedTask === t.id, onSelect); })) : null,
-          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' }, '尚无成功产物'),
-          succeeded.length > 6 || recentTotal > succeeded.length
+          React.createElement('div', { className: 'iris-wb-sec' }, '最近作品'),
+          works.length ? works.map(artifactRowMini)
+            : React.createElement('div', { className: 'iris-wb-empty' }, '尚无作品'),
+          artifactTotal > works.length || recentTotal > 0
             ? React.createElement('div', { className: 'iris-bubble-more', style: { cursor: 'default' } },
-              '失败、取消与完整历史请到 Iris 工作台查看') : null);
+              '完整作品库、失败与取消历史请到 Iris 工作台查看') : null);
       } else {
         var defs = CARD_DEFS.filter(function (d) { return cards.indexOf(d.action) >= 0; });
         body = defs.length
@@ -1470,7 +1757,9 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     function FloatingBubble() {
       var state = useIrisState(5000);
       var providers = (state && state.providers) || [];
-      var configured = providers.some(function (p) { return p.enabled && p.apiKeyHint; });
+      var fallbackConfigured = providers.some(function (p) { return p.enabled && p.apiKeyHint; });
+      var overallHealth = state && state.health && HEALTH_META[state.health.overall]
+        ? state.health.overall : (fallbackConfigured ? 'configured' : 'unconfigured');
       var running = (state && state.tasks && state.tasks.running) || [];
       var attention = (state && state.tasks && state.tasks.attention) || [];
 
@@ -1538,17 +1827,30 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         }
       }
 
+      function persistCurrentPosition() {
+        setPos(function (current) {
+          if (current && current.x != null && current.y != null) {
+            try { localStorage.setItem('iris-bubble-pos', JSON.stringify(current)); } catch (_) {}
+          }
+          return current;
+        });
+      }
+
       function onPointerUp(e) {
         var drag = dragRef.current;
         if (!drag) return;
         try { e.currentTarget.releasePointerCapture(e.pointerId); } catch (_) {}
         var moved = drag.moved;
         dragRef.current = null;
-        if (moved) {
-          try { localStorage.setItem('iris-bubble-pos', JSON.stringify(pos)); } catch (_) {}
-        } else {
-          setOpen(!open);
-        }
+        if (moved) persistCurrentPosition();
+        else setOpen(!open);
+      }
+
+      function onPointerCancel(e) {
+        if (!dragRef.current) return;
+        try { e.currentTarget.releasePointerCapture(e.pointerId); } catch (_) {}
+        dragRef.current = null;
+        persistCurrentPosition();
       }
 
       var style;
@@ -1566,8 +1868,10 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var panel = null;
       if (open) {
         var xy = bubbleXY();
-        var panelLeft = Math.max(8, xy.x - 330);
-        var panelTop = Math.max(8, Math.min(xy.y - 260, window.innerHeight - 520));
+        var panelWidth = Math.min(360, Math.max(0, window.innerWidth - 16));
+        var panelHeight = Math.min(520, Math.max(0, window.innerHeight - 16));
+        var panelLeft = Math.max(8, Math.min(xy.x - panelWidth + 30, window.innerWidth - panelWidth - 8));
+        var panelTop = Math.max(8, Math.min(xy.y - 260, window.innerHeight - panelHeight - 8));
         panel = React.createElement('div', { className: 'iris-bubble-panel', style: { left: panelLeft + 'px', top: panelTop + 'px' } },
           React.createElement('div', { className: 'iris-bubble-panel-head' },
             React.createElement('button', { className: 'iris-bubble-close', onClick: function () { setOpen(false); } }, '✕')),
@@ -1575,52 +1879,63 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       }
 
       return React.createElement('div', {
-        className: 'iris-bubble' + (configured ? ' lit' : ' dim') + (dragRef.current ? ' dragging' : ''),
+        className: 'iris-bubble health-' + overallHealth + (dragRef.current ? ' dragging' : ''),
         style: style,
         onPointerDown: onPointerDown,
         onPointerMove: onPointerMove,
         onPointerUp: onPointerUp,
-        title: configured ? 'Iris 已就绪：点击打开快捷面板' : 'Iris 尚未配置：点击打开快捷面板'
+        onPointerCancel: onPointerCancel,
+        title: 'Iris ' + healthText({ status: overallHealth }) + '：点击打开快捷面板'
       },
         React.createElement('div', { className: 'iris-bubble-btn' }, '🫧'),
         badge,
         panel);
     }
 
-    ctx.slots.inject('settings.section', function () {
-      return ctx.slots.register({
+    var clientSlots = clientSlotsPort(ctx);
+
+    clientSlots.inject('settings.section', function () {
+      var dispose = clientSlots.register({
         name: 'settings.section',
         id: 'iris-workbench',
         order: 140,
         label: function () { return 'Iris 工作台'; }
       }, WorkbenchPanel);
+      reportClientSeat('settings.section');
+      return dispose;
     });
 
-    ctx.slots.inject('conversation.input.right', function () {
-      return ctx.slots.register({
+    clientSlots.inject('conversation.input.right', function () {
+      var dispose = clientSlots.register({
         name: 'conversation.input.right',
         id: 'iris-prompt-optimizer',
         order: 40,
         label: function () { return 'Iris 提示词优化'; }
       }, PromptOptimizerControl);
+      reportClientSeat('conversation.input.right');
+      return dispose;
     });
 
-    ctx.slots.inject('conversation.input.dock', function () {
-      return ctx.slots.register({
+    clientSlots.inject('conversation.input.dock', function () {
+      var dispose = clientSlots.register({
         name: 'conversation.input.dock',
         id: 'iris-progress',
         order: 0,
         label: function () { return 'Iris 任务进度'; }
       }, ProgressDock);
+      reportClientSeat('conversation.input.dock');
+      return dispose;
     });
 
-    ctx.slots.inject('shell.overlay', function () {
-      return ctx.slots.register({
+    clientSlots.inject('shell.overlay', function () {
+      var dispose = clientSlots.register({
         name: 'shell.overlay',
         id: 'iris-bubble',
         order: 200,
         label: function () { return 'Iris 泡泡'; }
       }, FloatingBubble);
+      reportClientSeat('shell.overlay');
+      return dispose;
     });
       console.log('[iris] client slots registered');
     } catch (err) {