@mokuyoaxis/dsh-iris 0.1.2 → 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 = [
@@ -37,6 +73,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-wb-badge { font-size: 11px; padding: 1px 6px; border-radius: 4px; background: var(--dsw-alias-bg-layer-2, #32323c); }',
     '.iris-wb-badge.ok { color: var(--dsw-alias-state-success-primary, #6fcf6f); }',
     '.iris-wb-badge.err { color: var(--dsw-alias-state-error-primary, #e06c6c); }',
+    '.iris-wb-badge.warn { color: var(--dsw-alias-state-warn-primary, #d9a941); }',
     '.iris-wb-progress { margin-top: 6px; }',
     '.iris-wb-bar { height: 5px; border-radius: 3px; background: var(--dsw-alias-bg-layer-2, #32323c); overflow: hidden; }',
     '.iris-wb-bar i { display: block; height: 100%; background: var(--dsw-alias-brand-primary, #7aa2f7); }',
@@ -56,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; }',
@@ -95,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; }',
@@ -108,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); }',
@@ -135,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; }',
@@ -143,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; }',
@@ -252,6 +327,8 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         if (sharedState) setState(sharedState);
         if (!sharedTimer && !sharedSource) {
           function apply(data) {
+            if (sharedState && data && sharedState.stateEpoch && data.stateEpoch === sharedState.stateEpoch
+                && Number(data.stateRevision || 0) <= Number(sharedState.stateRevision || 0)) return;
             sharedState = data;
             for (var i = 0; i < sharedListeners.length; i++) {
               sharedListeners[i](data);
@@ -291,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 ---- */
@@ -347,10 +471,38 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       return '更早';
     }
 
+    var TASK_STATE_LABELS = {
+      queued: '排队中', running: '运行中', watching_paused: '观察暂停', needs_attention: '需要确认',
+      artifact_unavailable: '结果待取回', succeeded: '成功', failed: '失败', canceled: '已取消'
+    };
+    function taskState(task) {
+      if (task && task.userState) return task.userState;
+      if (task && task.status === 'succeeded') return 'succeeded';
+      if (task && task.status === 'failed') return 'failed';
+      if (task && task.status === 'canceled') return 'canceled';
+      return 'running';
+    }
+    function taskStateLabel(task) {
+      var state = taskState(task);
+      return TASK_STATE_LABELS[state] || state;
+    }
+    function taskStateClass(task) {
+      var state = taskState(task);
+      if (state === 'succeeded') return 'ok';
+      if (state === 'failed') return 'err';
+      if (state === 'watching_paused' || state === 'needs_attention' || state === 'artifact_unavailable') return 'warn';
+      return '';
+    }
+    function attentionDispositionLabel(task) {
+      var disposition = task && task.attentionDisposition;
+      if (!disposition || disposition.status !== 'acknowledged') return '';
+      return disposition.reason === 'retried' ? '已通过重试处理' : '提醒已读';
+    }
+
     /* 紧凑任务行：泡泡「任务」标签用，单行摘要 */
     function taskRowMini(task, selected, onSelect) {
-      var st = task.status === 'succeeded' ? 'ok' : task.status === 'failed' ? 'err' : '';
-      var label = task.status === 'succeeded' ? '成功' : task.status === 'failed' ? '失败' : task.status === 'canceled' ? '取消' : (task.progress || '运行中');
+      var st = taskStateClass(task);
+      var label = taskStateLabel(task);
       return React.createElement('div', {
         key: task.id, className: 'iris-task-mini' + (selected ? ' selected' : ''),
         onClick: function () { onSelect(selected ? null : task.id); }, title: '点击展开详情'
@@ -361,6 +513,47 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         React.createElement('span', { className: 'iris-wb-muted' }, task.createdAt ? new Date(task.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) : ''));
     }
 
+    function TaskRecoveryActions({ detail }) {
+      var pair = React.useState('');
+      var note = pair[0];
+      var setNote = pair[1];
+      var busyPair = React.useState(false);
+      var busy = busyPair[0];
+      var setBusy = busyPair[1];
+      var state = taskState(detail);
+      var attentionState = ['watching_paused', 'needs_attention', 'artifact_unavailable'].indexOf(state) >= 0;
+      var acknowledged = detail.attentionDisposition && detail.attentionDisposition.status === 'acknowledged';
+      var canAcknowledge = detail.schemaVersion === 2 && attentionState && !acknowledged;
+      var canRestore = detail.schemaVersion === 2 && attentionState && acknowledged;
+      var canReobserve = detail.schemaVersion === 2 && !acknowledged && detail.acceptance === 'accepted' && detail.remoteTaskId
+        && detail.outcome !== 'succeeded' && detail.outcome !== 'failed' && detail.outcome !== 'canceled';
+      var canRedeliver = detail.schemaVersion === 2 && !acknowledged && state === 'artifact_unavailable' && detail.remoteTaskId;
+      var canRetry = detail.schemaVersion === 2 && !acknowledged && ['needs_attention', 'failed', 'canceled'].indexOf(state) >= 0
+        && (detail.cap === 'image' || (detail.cap === 'video' && detail.mode === 't2v'));
+      if (!canAcknowledge && !canRestore && !canReobserve && !canRedeliver && !canRetry) return null;
+      function run(action, body, confirmMessage) {
+        if (confirmMessage && !window.confirm(confirmMessage)) return;
+        setBusy(true);
+        setNote('处理中…');
+        postAction(action, body).then(function (r) {
+          setNote(r.ok ? ((r.d && r.d.text) || '操作已接受') : ('失败：' + ((r.d && r.d.error) || '未知错误')));
+        }).catch(function (error) { setNote('失败：' + String((error && error.message) || error)); })
+          .finally(function () { setBusy(false); });
+      }
+      return React.createElement('div', { className: 'iris-wb-row', onClick: function (e) { e.stopPropagation(); } },
+        canReobserve ? React.createElement('button', { className: 'iris-pm-btn', disabled: busy, onClick: function () { run('task_reobserve', { task_id: detail.id }); } }, '重新观察') : null,
+        canRedeliver ? React.createElement('button', { className: 'iris-pm-btn', disabled: busy, onClick: function () { run('task_redeliver', { task_id: detail.id }); } }, '重新交付') : null,
+        canRetry ? React.createElement('button', { className: 'iris-pm-btn danger', disabled: busy, onClick: function () {
+          run('task_manual_retry', { task_id: detail.id, confirm_duplicate_charge: true },
+            '远端任务可能已经产生，本次会创建新的生成任务，可能重复计费。确认知情重试？');
+        } }, '知情重试') : null,
+        canAcknowledge ? React.createElement('button', { className: 'iris-pm-btn', disabled: busy,
+          onClick: function () { run('task_ack_attention', { task_id: detail.id }); } }, '标为已读') : null,
+        canRestore ? React.createElement('button', { className: 'iris-pm-btn', disabled: busy,
+          onClick: function () { run('task_restore_attention', { task_id: detail.id }); } }, '恢复提醒') : null,
+        note ? React.createElement('span', { className: 'iris-clean-note' }, note) : null);
+    }
+
     /* ---- 任务详情抽屉：点击任务卡片行展开 ---- */
     function TaskDetailDrawer({ taskId }) {
       var detail = useTaskDetail(taskId);
@@ -370,6 +563,15 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var el = [];
       el.push(React.createElement('div', { key: 'k', className: 'iris-wb-k' }, '提示词'));
       el.push(React.createElement('div', { key: 'p', className: 'iris-wb-prompt' }, detail.prompt || '（空）'));
+      if (Number(detail.schemaVersion) === 1) {
+        el.push(React.createElement('div', { key: 'legacy', className: 'iris-clean-note' },
+          '旧版任务记录 · 仅支持查看。由于缺少可靠的远端受理与交付事实，不提供重新观察、重新交付或知情重试；0.1.3 新任务将使用可信任务语义。'));
+      }
+      var dispositionLabel = attentionDispositionLabel(detail);
+      if (dispositionLabel) {
+        var related = detail.attentionDisposition.relatedTaskId ? ' · 关联任务 ' + detail.attentionDisposition.relatedTaskId : '';
+        el.push(React.createElement('div', { key: 'attention-disposition', className: 'iris-clean-note' }, dispositionLabel + related));
+      }
       if (detail.error) {
         el.push(React.createElement('div', { key: 'ek', className: 'iris-wb-k' }, '错误'));
         el.push(React.createElement('div', { key: 'e', className: 'iris-wb-err' }, detail.error));
@@ -377,11 +579,13 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var kv = [
         ['ID', detail.id],
         ['能力', detail.cap],
-        ['状态', detail.status],
+        ['状态', taskStateLabel(detail)],
         ['模型', detail.model],
         ['供应商', detail.providerName],
         ['模式', detail.mode || '—'],
         ['远端任务', detail.remoteTaskId || '—'],
+        ['来源任务', detail.retryOf || '—'],
+        ['后续重试', (detail.manualRetries || []).map(function (item) { return item.taskId; }).join('、') || '—'],
         ['发起', detail.createdAt ? fmtTime(detail.createdAt) : '—'],
         ['完成', detail.finishedAt ? fmtTime(detail.finishedAt) : '—'],
         ['耗时', detail.elapsedMs ? fmtElapsed(detail.elapsedMs) : '—']
@@ -418,24 +622,25 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
             return React.createElement('span', { key: a.attachmentId, className: 'iris-wb-kv' }, a.attachmentId + (a.file ? ' (' + a.file + ')' : ''));
           })));
       }
+      el.push(React.createElement(TaskRecoveryActions, { key: 'recovery', detail: detail }));
       return React.createElement('div', { className: 'iris-wb-drawer' }, ...el);
     }
 
     function taskRow(task, isRunning, selected, onSelect) {
-      var badge;
-      if (task.status === 'succeeded') {
-        badge = React.createElement('span', { className: 'iris-wb-badge ok' }, '成功');
-      } else if (task.status === 'failed') {
-        badge = React.createElement('span', { className: 'iris-wb-badge err' }, '失败');
-      } else {
-        badge = React.createElement('span', { className: 'iris-wb-badge' }, task.status);
-      }
+      var stateClass = taskStateClass(task);
+      var badge = React.createElement('span', { className: 'iris-wb-badge' + (stateClass ? ' ' + stateClass : '') }, taskStateLabel(task));
       var cells = [
         React.createElement('span', { className: 'iris-wb-kv' }, task.cap),
         badge,
         React.createElement('span', { className: 'iris-wb-kv' }, task.model || ''),
         React.createElement('span', { className: 'iris-wb-muted' }, String(task.prompt || '').slice(0, 60))
       ];
+      if (Number(task.schemaVersion) === 1) {
+        cells.push(React.createElement('span', { className: 'iris-wb-badge', title: '旧版记录缺少可靠的远端受理与交付事实，仅支持查看' }, '旧任务 · 只读'));
+      }
+      var dispositionLabel = attentionDispositionLabel(task);
+      if (dispositionLabel) cells.push(React.createElement('span', { className: 'iris-wb-badge ok' }, dispositionLabel));
+      if (task.retryOf) cells.push(React.createElement('span', { className: 'iris-wb-badge' }, '重试任务'));
       if (task.error) cells.push(React.createElement('span', { className: 'iris-wb-badge err' }, String(task.error).slice(0, 40)));
       var links = (task.media || []).map(function (m) {
         return React.createElement('a', {
@@ -487,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 || [];
@@ -727,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) {
@@ -762,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,
@@ -780,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);
     }
@@ -970,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();
@@ -1057,10 +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];
@@ -1071,16 +1438,27 @@ 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); })
             : React.createElement('div', { className: 'iris-wb-empty' }, '暂无进行中任务')),
+        attention.length ? React.createElement('div', {},
+          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 }),
@@ -1093,7 +1471,10 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       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 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];
@@ -1104,21 +1485,20 @@ 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' }, '运行中'),
             running.map(function (t) { return taskRow(t, true, 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
+          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' }, '最近作品'),
+          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
@@ -1377,8 +1757,11 @@ 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) || [];
 
       var posPair = React.useState(function () {
         var saved = null;
@@ -1444,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;
@@ -1464,15 +1860,18 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         style = { right: DEFAULT_X + 'px', bottom: DEFAULT_Y + 'px' };
       }
 
-      var badge = running.length
-        ? React.createElement('span', { className: 'iris-bubble-badge' }, running.length)
+      var badgeCount = running.length + attention.length;
+      var badge = badgeCount
+        ? React.createElement('span', { className: 'iris-bubble-badge', title: attention.length ? attention.length + ' 个任务需要处理' : '' }, badgeCount)
         : null;
 
       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); } }, '✕')),
@@ -1480,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) {