@mokuyoaxis/dsh-iris 0.1.3 → 0.2.0

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 工作台整页 ——
@@ -14,13 +14,49 @@
  *
  * 数据通道：host 侧 /iris/api/state 同源 JSON 路由（复用 /iris/media 同款
  * webServer 前缀模式），client 侧 fetch 轮询。全走标量，
- * apiKey 永不明文，产物给授权播放链接。
+ * apiKey 永不明文；legacy 产物使用 token 链接，Core 产物使用受 Host/浏览器来源守卫保护的 Artifact ID 链接。
  */
 window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) => {
   var module = { exports: {} };
   var exports = module.exports;
 
   var React = require('react');
+  var IRIS_CLIENT_VERSION = '0.2.0';
+  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,44 @@ 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; }',
+    '.iris-core-runtime { cursor: default; padding: 0; overflow: hidden; }',
+    '.iris-core-runtime-head { display: flex; align-items: center; gap: 8px; padding: 9px 10px; }',
+    '.iris-core-runtime-title { min-width: 0; flex: 1; display: grid; gap: 1px; }',
+    '.iris-core-runtime-title strong { font-size: 12px; }',
+    '.iris-core-runtime-body { display: grid; gap: 8px; padding: 0 10px 10px; border-top: 1px dashed var(--dsw-alias-border-l1, #3a3a44); }',
+    '.iris-core-runtime-tools { display: flex; align-items: center; gap: 7px; padding-top: 8px; flex-wrap: wrap; }',
+    '.iris-core-task-list { display: grid; gap: 6px; }',
+    '.iris-core-task-row { width: 100%; box-sizing: border-box; display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 8px 9px; text-align: left; color: inherit; background: var(--dsw-alias-bg-layer-2, #32323c); border: 1px solid transparent; border-radius: 8px; cursor: pointer; font-family: inherit; }',
+    '.iris-core-task-row:hover, .iris-core-task-row.selected { border-color: var(--dsw-alias-brand-primary, #7aa2f7); }',
+    '.iris-core-state-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--dsw-alias-label-tertiary, #73737d); }',
+    '.iris-core-state-dot.ok { background: var(--dsw-alias-state-success-primary, #6fcf6f); box-shadow: 0 0 6px rgba(111,207,111,.45); }',
+    '.iris-core-state-dot.warn { background: var(--dsw-alias-state-warn-primary, #d9a941); }',
+    '.iris-core-state-dot.error { background: #b9656d; }',
+    '.iris-core-task-main { min-width: 0; display: grid; gap: 1px; }',
+    '.iris-core-task-main strong { font-size: 12px; font-weight: 600; }',
+    '.iris-core-task-arrow { color: var(--dsw-alias-label-secondary, #9a9a9a); font-size: 10px; }',
+    '.iris-core-detail { display: grid; gap: 9px; padding: 10px; border-radius: 9px; background: var(--dsw-alias-bg-layer-2, #32323c); border: 1px solid var(--dsw-alias-border-l1, #3a3a44); }',
+    '.iris-core-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }',
+    '.iris-core-detail-cell { min-width: 0; display: grid; gap: 1px; }',
+    '.iris-core-detail-cell span:last-child { overflow-wrap: anywhere; }',
+    '.iris-core-id { user-select: all; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; }',
+    '.iris-core-attempt { display: grid; gap: 3px; padding: 7px 8px; border-radius: 7px; background: var(--dsw-alias-bg-layer-1, #26262e); }',
+    '.iris-core-artifact { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; padding: 7px 8px; border-radius: 7px; background: var(--dsw-alias-bg-layer-1, #26262e); }',
+    '@media (max-width: 420px) { .iris-core-detail-grid { grid-template-columns: 1fr; } .iris-core-task-row { grid-template-columns: 8px minmax(0, 1fr) auto; padding: 8px; } }',
+    /* ---- Core 用户侧只读投影（任务区安全 DTO 行） ---- */
+    '.iris-core-user-row { cursor: default; }',
+    '.iris-core-user-head { min-width: 0; display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }',
+    '.iris-core-user-model { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
+    '@media (max-width: 420px) { .iris-core-user-head { display: grid; grid-template-columns: auto minmax(0, 1fr); row-gap: 2px; justify-items: start; } .iris-core-user-head .iris-wb-muted, .iris-core-user-row .iris-core-id { grid-column: 1 / -1; } }',
     /* ---- 操作卡片组（阶段 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 +170,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 +192,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 +221,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 +245,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; }',
@@ -222,15 +325,30 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       console.log('[iris] client apply start');
       adoptStyles();
 
-    /* ---- 当前会话 id（文件选择器 L1 用；ctx.sessions 是标准插件能力） ---- */
+    /* ---- 当前主视图会话（旧 current / 0.2 mainView 持有者；不猜测列表首项） ---- */
     var currentSessionId = null;
     try {
-      var sessions = ctx && ctx.sessions;
+      var sessions = ctx && (typeof ctx.get === 'function' ? ctx.get('sessions') : ctx.sessions);
       var listObs = sessions && sessions.list;
       if (listObs && typeof listObs.getSnapshot === 'function') {
-        currentSessionId = (listObs.getSnapshot() || {}).current || null;
+        function readCurrentSession() {
+          var snap = listObs.getSnapshot() || {};
+          if (Object.prototype.hasOwnProperty.call(snap, 'current')) {
+            currentSessionId = typeof snap.current === 'string' && snap.current ? snap.current : null;
+            return;
+          }
+          var rows = Object.values(snap.byId || {}).filter(function (row) {
+            return row && typeof row.id === 'string' && row.id && row.retainedBy && row.retainedBy.mainView > 0;
+          });
+          currentSessionId = rows.length === 1 ? rows[0].id : null;
+        }
+        readCurrentSession();
         if (typeof listObs.subscribe === 'function') {
-          listObs.subscribe(function (snap) { currentSessionId = (snap || {}).current || null; });
+          // ObservableSnapshot 的变更通知不承诺携带快照，始终回读权威值。
+          var unsubscribeSession = listObs.subscribe(readCurrentSession);
+          if (typeof unsubscribeSession === 'function' && typeof ctx.effect === 'function') {
+            ctx.effect(function () { return unsubscribeSession; });
+          }
         }
       }
     } catch (_) { /* 拿不到会话 → L1 退化为只列 iris 产物 */ }
@@ -264,7 +382,10 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
             fetch('/iris/api/state')
               .then(function (res) { return res.ok ? res.json() : null; })
               .then(function (data) {
-                if (data) apply(data);
+                if (data) {
+                  apply(data);
+                  window.dispatchEvent(new CustomEvent('iris-core-refresh-tick'));
+                }
               })
               .catch(function () { /* 网络抖动静默 */ });
           }
@@ -294,17 +415,64 @@ 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 ---- */
-    function useTaskDetail(taskId) {
+    function useTaskDetail(taskId, revision) {
       var pair = React.useState(null);
       var setDetail = pair[1];
       React.useEffect(function () {
@@ -316,7 +484,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           .then(function (data) { if (alive && data) setDetail(data); })
           .catch(function () { /* 静默 */ });
         return function () { alive = false; };
-      }, [taskId]);
+      }, [taskId, revision]);
       return pair[0];
     }
 
@@ -392,7 +560,7 @@ 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 }) {
+    function TaskRecoveryActions({ detail, onDeleted }) {
       var pair = React.useState('');
       var note = pair[0];
       var setNote = pair[1];
@@ -409,13 +577,15 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       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;
+      var canDelete = detail.status !== 'running' || (detail.schemaVersion === 2 && attentionState && acknowledged);
+      if (!canAcknowledge && !canRestore && !canReobserve && !canRedeliver && !canRetry && !canDelete) 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) || '未知错误')));
+          if (r.ok && action === 'tasks_delete' && typeof onDeleted === 'function') onDeleted();
         }).catch(function (error) { setNote('失败：' + String((error && error.message) || error)); })
           .finally(function () { setBusy(false); });
       }
@@ -430,12 +600,15 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           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,
+        canDelete ? React.createElement('button', { className: 'iris-pm-btn danger', disabled: busy,
+          onClick: function () { run('tasks_delete', { task_id: detail.id },
+            attentionState ? '该任务仍含未知远程事实；删除后无法再观察。确认只删除任务记录？' : '确认删除该任务记录？作品文件保留。'); } }, '删除记录') : null,
         note ? React.createElement('span', { className: 'iris-clean-note' }, note) : null);
     }
 
     /* ---- 任务详情抽屉：点击任务卡片行展开 ---- */
-    function TaskDetailDrawer({ taskId }) {
-      var detail = useTaskDetail(taskId);
+    function TaskDetailDrawer({ taskId, revision, onDeleted }) {
+      var detail = useTaskDetail(taskId, revision);
       if (!detail) {
         return React.createElement('div', { className: 'iris-wb-drawer iris-wb-loading' }, '加载任务详情…');
       }
@@ -444,7 +617,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       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) {
@@ -501,7 +674,7 @@ 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 }));
+      el.push(React.createElement(TaskRecoveryActions, { key: 'recovery', detail: detail, onDeleted: onDeleted }));
       return React.createElement('div', { className: 'iris-wb-drawer' }, ...el);
     }
 
@@ -547,7 +720,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           task.createdAt ? '发起 ' + fmtTime(task.createdAt) : '',
           task.finishedAt ? ' · 完成 ' + fmtTime(task.finishedAt) : ''));
       }
-      if (selected) body.push(React.createElement(TaskDetailDrawer, { key: 'drawer', taskId: task.id }));
+      if (selected) body.push(React.createElement(TaskDetailDrawer, { key: 'drawer', taskId: task.id, revision: task.revision, onDeleted: function () { onSelect(null); } }));
       return React.createElement('div', {
         key: task.id,
         className: 'iris-wb-card' + (isRunning ? ' iris-running' : '') + (selected ? ' selected' : ''),
@@ -571,10 +744,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 || [];
@@ -591,6 +771,26 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           React.createElement('button', { className: 'iris-pm-btn', onClick: function () { props.addModel(p, newId.trim()); setNewId(''); } }, '+ 添加')));
     }
 
+    function ProviderEndpointEditor(props) {
+      var p = props.provider;
+      var valuePair = React.useState(p.mediaBaseUrl || '');
+      var value = valuePair[0];
+      var setValue = valuePair[1];
+      React.useEffect(function () { setValue(p.mediaBaseUrl || ''); }, [p.mediaBaseUrl]);
+      function save() {
+        postAction('providers_upsert', { id: p.id, mediaBaseUrl: value.trim() }).then(function (r) {
+          props.onNote(r.ok ? '媒体 Base URL 已更新' : (r.d.error || '更新失败'));
+          if (r.ok) props.onDone();
+        });
+      }
+      return React.createElement('div', { className: 'iris-pm-field' },
+        React.createElement('label', {}, '媒体 Base URL（可选）'),
+        React.createElement('div', { className: 'iris-wb-row' },
+          React.createElement('input', { value: value, placeholder: '留空则沿用 Base URL', onChange: function (e) { setValue(e.target.value); } }),
+          React.createElement('button', { className: 'iris-pm-btn', onClick: save }, '保存')),
+        React.createElement('span', { className: 'iris-pm-note' }, '百炼 Workspace 可填 …maas.aliyuncs.com/compatible-mode/v1；视觉仍使用普通 Base URL。'));
+    }
+
     function ProviderManager() {
       var listPair = React.useState(null);
       var list = listPair[0];
@@ -600,7 +800,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var addingPair = React.useState(false);
       var adding = addingPair[0];
       var setAdding = addingPair[1];
-      var newForm = React.useState({ name: '', baseUrl: '', apiKey: '', type: 'openai', mediaProtocol: 'auto' });
+      var newForm = React.useState({ name: '', baseUrl: '', mediaBaseUrl: '', apiKey: '', type: 'openai', mediaProtocol: 'auto' });
       var notePair = React.useState('');
       var note = notePair[0];
       var setNote = notePair[1];
@@ -661,7 +861,11 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         if (open) {
           body = React.createElement('div', { className: 'iris-pm-body' },
             React.createElement('div', { className: 'iris-pm-note' }, 'Key ' + (p.apiKeyHint || '未配置') + ' · ' + (p.type || '') + ' · ' + (p.mediaProtocol || '')),
-            React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '媒体协议'), React.createElement('select', { value: p.mediaProtocol || 'openai-images', onChange: function (e) { setProtocol(p, e.target.value); } },
+            p.protocolInferred ? React.createElement('div', { className: 'iris-pm-note' }, '协议为推断值，请确认') : null,
+            React.createElement(ProviderEndpointEditor, { provider: p, onNote: setNote, onDone: refresh }),
+            React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '媒体协议'), React.createElement('select', { value: p.protocolInferred ? 'auto' : (p.mediaProtocol || 'auto'), onChange: function (e) { setProtocol(p, e.target.value); } },
+              React.createElement('option', { value: 'auto' }, '自动'),
+              p.mediaProtocol && !['dashscope', 'openai-images', 'auto'].includes(p.mediaProtocol) ? React.createElement('option', { value: p.mediaProtocol }, p.mediaProtocol + '（未支持）') : null,
               React.createElement('option', { value: 'dashscope' }, 'DashScope（仅阿里云官方 HTTPS）'),
               React.createElement('option', { value: 'openai-images' }, 'OpenAI Images 兼容'))),
             React.createElement('div', { className: 'iris-pm-note' }, '能力: ' + ((p.capabilities || []).join(' / ') || '无')),
@@ -682,9 +886,10 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         addBlock = React.createElement('div', { className: 'iris-pm-card' },
           React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '名称'), React.createElement('input', { value: newForm[0].name, placeholder: '如 阿里云百炼', onChange: function (e) { newForm[1]({ ...newForm[0], name: e.target.value }); } })),
           React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, 'Base URL *'), React.createElement('input', { value: newForm[0].baseUrl, placeholder: 'https://dashscope.aliyuncs.com/compatible-mode/v1', onChange: function (e) { newForm[1]({ ...newForm[0], baseUrl: e.target.value }); } })),
+          React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '媒体 Base URL（可选）'), React.createElement('input', { value: newForm[0].mediaBaseUrl, placeholder: 'Workspace 媒体端点；留空沿用 Base URL', onChange: function (e) { newForm[1]({ ...newForm[0], mediaBaseUrl: e.target.value }); } })),
           React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, 'API Key *'), React.createElement('input', { type: 'password', value: newForm[0].apiKey, placeholder: 'sk-...', onChange: function (e) { newForm[1]({ ...newForm[0], apiKey: e.target.value }); } })),
           React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '媒体协议'), React.createElement('select', { value: newForm[0].mediaProtocol, onChange: function (e) { newForm[1]({ ...newForm[0], mediaProtocol: e.target.value }); } },
-            React.createElement('option', { value: 'auto' }, '自动（按 Base URL 安全判断）'),
+            React.createElement('option', { value: 'auto' }, '自动（按媒体 Base URL 安全判断）'),
             React.createElement('option', { value: 'dashscope' }, 'DashScope（阿里云官方）'),
             React.createElement('option', { value: 'openai-images' }, 'OpenAI Images 兼容'))),
           React.createElement('div', { className: 'iris-wb-row' },
@@ -808,9 +1013,13 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           body: JSON.stringify(vals)
         })
           .then(function (r) { return r.json().then(function (d) { return { ok: r.ok, d: d }; }); })
-          .then(function (res) { setRun(res.ok ? { ok: true, text: res.d.text || '', img: res.d.imageDataUrl || null } : { ok: false, text: res.d.error || '执行失败' }); })
+          .then(function (res) {
+            setRun(res.ok ? { ok: true, text: res.d.text || '', img: res.d.imageUrl || res.d.imageDataUrl || null } : { ok: false, text: res.d.error || '执行失败' });
+            if (res.ok && res.d && res.d.storage === 'core') window.dispatchEvent(new CustomEvent('iris-core-artifacts-changed'));
+          })
           .catch(function () { setRun({ ok: false, text: '网络错误' }); });
       }
+      var cardHealth = capability ? capabilityHealth(irisState, capability) : { status: 'verified' };
       var body = null;
       if (open) {
         var inputs = fields.map(function (f) {
@@ -846,16 +1055,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 +1074,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);
     }
@@ -1031,14 +1245,16 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     /* ---- 历史浏览器（设置页：按今天/昨天/更早分组折叠） ---- */
     function HistoryBrowser(props) {
       var recent = props.recent || [];
+      var coreHistory = props.coreHistory || [];
       var selected = props.selected;
       var onSelect = props.onSelect;
       var collapsedPair = React.useState({});
       var collapsed = collapsedPair[0];
       var setCollapsed = collapsedPair[1];
-      if (!recent.length) return React.createElement('div', { className: 'iris-wb-empty' }, '尚无任务记录');
+      if (!recent.length && !coreHistory.length) return React.createElement('div', { className: 'iris-wb-empty' }, '尚无任务记录');
       var buckets = { 今天: [], 昨天: [], 更早: [] };
-      recent.forEach(function (t) { buckets[dayBucket(t.createdAt)].push(t); });
+      recent.forEach(function (t) { buckets[dayBucket(t.createdAt)].push({ legacy: t }); });
+      coreHistory.forEach(function (row) { buckets[dayBucket(row.updatedAt)].push({ core: row }); });
       var order = ['今天', '昨天', '更早'];
       return React.createElement('div', {}, order.map(function (name) {
         var rows = buckets[name];
@@ -1050,10 +1266,689 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
             onClick: function () { var n = {}; Object.keys(collapsed).forEach(function (k) { n[k] = collapsed[k]; }); n[name] = !isCollapsed; setCollapsed(n); }
           }, React.createElement('span', {}, isCollapsed ? '▶' : '▼'), name + ' · ' + rows.length),
           isCollapsed ? null : React.createElement('div', { className: 'iris-wb-box' },
-            rows.map(function (t) { return taskRow(t, false, selected === t.id, onSelect); })));
+            rows.map(function (entry) {
+              return entry.core
+                ? coreTaskCard(entry.core)
+                : taskRow(entry.legacy, false, selected === entry.legacy.id, onSelect);
+            })));
       }));
     }
 
+    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',
+            // 媒体文件丢失（404/损坏）时局部降级为占位提示，作品区其余项不受影响
+            onError: function (event) {
+              var img = event && event.target;
+              var box = img && img.parentNode;
+              if (!box || box.querySelector('span')) return;
+              img.style.display = 'none';
+              var note = document.createElement('span');
+              note.className = 'iris-gallery-meta';
+              note.textContent = '作品文件暂时不可用';
+              box.appendChild(note);
+            }
+          }));
+      }
+      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 coreGalleryItems(data, limit) {
+      return (((data && data.artifacts && data.artifacts.recent) || []).filter(function (artifact) {
+        return artifact.kind !== 'host-input' && String(artifact.mediaType || '').indexOf('image/') === 0;
+      }).map(function (artifact) {
+        return {
+          id: artifact.id, file: artifact.id, mime: artifact.mediaType,
+          size: artifact.size, createdAt: artifact.createdAt || '', source: 'core',
+          kind: artifact.kind,
+          digest: artifact.digest && artifact.digest.value ? artifact.digest.value.slice(0, 12) : '',
+          url: '/iris/api/core/artifact/' + encodeURIComponent(artifact.id) + '/media'
+        };
+      })).slice(0, limit || 200);
+    }
+
+    function useCoreWorks(limit) {
+      var pair = React.useState([]);
+      var setItems = pair[1];
+      React.useEffect(function () {
+        var alive = true;
+        function load() {
+          fetch('/iris/api/core/snapshot?limit=' + Math.max(1, Math.min(200, Number(limit) || 6)))
+            .then(function (res) { return res.ok ? res.json() : null; })
+            .then(function (data) { if (alive && data) setItems(coreGalleryItems(data, limit)); })
+            .catch(function () { /* Core 不可用不影响旧作品 */ });
+        }
+        function changed() { load(); }
+        load();
+        window.addEventListener('iris-core-artifacts-changed', changed);
+        window.addEventListener('iris-core-refresh-tick', changed);
+        return function () {
+          alive = false;
+          window.removeEventListener('iris-core-artifacts-changed', changed);
+          window.removeEventListener('iris-core-refresh-tick', changed);
+        };
+      }, [limit]);
+      return pair[0];
+    }
+
+    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 corePair = React.useState([]);
+      var coreItems = corePair[0];
+      var setCoreItems = corePair[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;
+        var legacyRequest = fetch('/iris/api/artifacts?offset=' + offset + '&limit=24')
+          .then(function (res) { return res.ok ? res.json() : Promise.reject(new Error('旧版作品读取失败')); });
+        var coreRequest = append ? Promise.resolve(null) : fetch('/iris/api/core/snapshot?limit=200')
+          .then(function (res) {
+            if (res.status === 404) return { available: false, backendReloadRequired: true, artifacts: { recent: [] } };
+            return res.ok ? res.json() : Promise.reject(new Error('Core 作品读取失败（HTTP ' + res.status + '）'));
+          }).catch(function (error) { return { available: false, error: error.message, artifacts: { recent: [] } }; });
+        Promise.all([legacyRequest, coreRequest])
+          .then(function (values) {
+            var data = values[0];
+            var core = values[1];
+            setItems(append ? items.concat(data.items || []) : (data.items || []));
+            setTotal(Number(data.total || 0));
+            if (core) {
+              var nextCore = coreGalleryItems(core, 200);
+              setCoreItems(nextCore);
+              if (core.error) setNote(core.error);
+              else if (core.backendReloadRequired) setNote('DSH 后端尚未加载 Core 路由；重启后新作品会出现在这里。');
+            }
+          })
+          .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 () {
+        function changed() { load(false); }
+        window.addEventListener('iris-core-artifacts-changed', changed);
+        window.addEventListener('iris-core-refresh-tick', changed);
+        load(false);
+        return function () {
+          window.removeEventListener('iris-core-artifacts-changed', changed);
+          window.removeEventListener('iris-core-refresh-tick', changed);
+        };
+      }, [props.total]);
+      var galleryItems = coreItems.concat(items).sort(function (a, b) {
+        return String(b.createdAt || '').localeCompare(String(a.createdAt || ''));
+      });
+      var combinedTotal = coreItems.length + total;
+
+      return React.createElement('div', {},
+        React.createElement('div', { className: 'iris-gallery-tools' },
+          React.createElement('span', { className: 'iris-clean-note' },
+            '共 ' + combinedTotal + ' 个作品 · Core ' + coreItems.length + ' · 旧版 ' + total + ' · 清任务历史不会删除'),
+          React.createElement('button', { className: 'iris-clean-btn', disabled: busy, onClick: function () { load(false); } }, '刷新'),
+          React.createElement('button', { className: 'iris-clean-btn', disabled: busy, onClick: function () { run('artifacts_reindex'); } }, '扫描旧版 outputs'),
+          total ? React.createElement('button', { className: 'iris-clean-btn danger', disabled: busy, onClick: function () { run('artifacts_clear', {}, '永久删除旧版 outputs 作品？Core 作品不会删除；任务历史会保留。此操作不可逆。'); } }, '清空旧版作品') : null),
+        galleryItems.length ? React.createElement('div', { className: 'iris-gallery-grid' }, galleryItems.map(function (item) {
+          var isCore = item.source === 'core';
+          return React.createElement('div', { key: (isCore ? 'core-' : 'legacy-') + 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' },
+                (isCore ? 'Core · ' + (item.kind || 'artifact') + (item.digest ? ' · sha256 ' + item.digest : '') : 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' }, '打开'),
+                isCore ? React.createElement('span', { className: 'iris-wb-muted' }, '内容哈希保护')
+                  : 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 文件可点“扫描旧版 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 coreCapabilityLabel(value) {
+      return ({ image: '图片生成', video: '视频生成', tts: '语音合成', transcribe: '音频转写' })[value] || String(value || '媒体任务');
+    }
+
+    /* 高级诊断与用户任务区共用五类用户状态投影；与服务端 lib/core-user-projection.js 保持同一映射，
+       文案必须区分“远端可能还在运行”和“已经明确失败”。 */
+    function coreTaskState(task) {
+      if (task.outcome === 'succeeded' && task.deliveryState === 'ready') return { tone: 'ok', state: 'succeeded', label: '已完成，作品可用' };
+      if (task.outcome === 'succeeded' && task.deliveryState === 'failed') return { tone: 'error', state: 'delivery_failed', label: '已生成，作品取回失败' };
+      if (task.outcome === 'succeeded') return { tone: 'warn', state: 'running', label: '已生成，正在保存作品' };
+      if (task.outcome === 'failed') return { tone: 'error', state: 'attention', label: '已失败' };
+      if (task.outcome === 'canceled') return { tone: 'idle', state: 'attention', label: '已取消' };
+      if (task.outcome === 'unknown') return { tone: 'warn', state: 'attention', label: '任务结果未知，需要检查' };
+      if (task.acceptance === 'unknown') return { tone: 'warn', state: 'attention', label: '提交结果未知，请检查后处理' };
+      if (task.deliveryState === 'failed') return { tone: 'error', state: 'attention', label: '结果状态异常，需要检查' };
+      if (task.watchState === 'suspended' || task.watchState === 'exhausted') return { tone: 'warn', state: 'observation_paused', label: '观察已暂停，远端可能仍在运行' };
+      return { tone: 'idle', state: 'running', label: '运行中' };
+    }
+
+    function coreAttemptState(attempt) {
+      if (attempt.resultKind === 'completed') return '已完成';
+      if (attempt.acceptance === 'not_accepted') return '未受理';
+      if (attempt.acceptance === 'unknown') return '是否受理未知';
+      if (attempt.acceptance === 'accepted') return '已受理';
+      return '正在提交';
+    }
+
+    function coreModelLabel(value) {
+      var model = String(value || '');
+      var separator = model.indexOf('::');
+      return separator >= 0 ? model.slice(separator + 2) : (model || '未记录');
+    }
+
+    /* 诊断层允许更多事实：取消三态如实区分，不把"已请求/无法确认"显示成"已取消"。 */
+    function coreCancelLabel(value) {
+      if (value === 'remote_confirmed') return '供应商已明确确认取消';
+      if (value === 'local_confirmed') return '本地已确认取消（远端未确认）';
+      if (value === 'requested') return '取消请求进行中';
+      if (value === 'unknown') return '已请求取消，远端结果未确认；可显式重新观察';
+      return '无取消请求';
+    }
+
+    /* ---- Core 用户侧只读投影：任务区消费 /iris/api/core/snapshot 的 userTasks 安全 DTO ---- */
+    var EMPTY_CORE_USER = Object.freeze({ rows: [], available: false, degraded: false, droppedTasks: 0 });
+
+    function useCoreUserTasks() {
+      var pair = React.useState(EMPTY_CORE_USER);
+      var setData = pair[1];
+      React.useEffect(function () {
+        var alive = true;
+        function load() {
+          fetch('/iris/api/core/snapshot?limit=200')
+            .then(function (res) { return res.ok ? res.json() : null; })
+            .then(function (data) {
+              if (!alive || !data || !Array.isArray(data.userTasks)) return;
+              setData({
+                rows: data.userTasks,
+                available: !!data.available,
+                degraded: !!data.degraded,
+                droppedTasks: Number(data.droppedTasks || 0)
+              });
+            })
+            .catch(function () { /* Core 不可用不阻塞 legacy 任务区 */ });
+        }
+        function changed() { load(); }
+        load();
+        window.addEventListener('iris-core-artifacts-changed', changed);
+        window.addEventListener('iris-core-refresh-tick', changed);
+        return function () {
+          alive = false;
+          window.removeEventListener('iris-core-artifacts-changed', changed);
+          window.removeEventListener('iris-core-refresh-tick', changed);
+        };
+      }, []);
+      return pair[0];
+    }
+
+    /* 五类用户状态 → 既有 badge 色调；不新增第三套卡片样式，复用 iris-wb/iris-task-mini。 */
+    function coreUserStateClass(state) {
+      if (state === 'succeeded') return 'ok';
+      if (state === 'delivery_failed' || state === 'attention') return 'err';
+      if (state === 'observation_paused') return 'warn';
+      return '';
+    }
+
+    function coreTaskBadge(row) {
+      var tone = row.historical === true ? '' : coreUserStateClass(row.userState);
+      return React.createElement('span', { className: 'iris-wb-badge' + (tone ? ' ' + tone : '') }, row.label);
+    }
+
+    /* 完成提示只出现一次：会话内 Map 记录 core:id@revision，刷新页面后从事实重新计算基线。 */
+    var coreCompletionSeen = null; // null = 尚未建立基线（首屏把既有完成项记为已见）
+    function coreRowKey(row) { return 'core:' + row.id + '@' + Number(row.revision || 0); }
+    function noteCoreCompletions(rows) {
+      var current = {};
+      for (var i = 0; i < rows.length; i++) {
+        if (rows[i].userState === 'succeeded') current[coreRowKey(rows[i])] = true;
+      }
+      if (coreCompletionSeen === null) { coreCompletionSeen = current; return []; }
+      var added = [];
+      for (var j = 0; j < rows.length; j++) {
+        var row = rows[j];
+        if (row.userState === 'succeeded' && !coreCompletionSeen[coreRowKey(row)]) added.push(row);
+      }
+      for (var key in current) coreCompletionSeen[key] = true;
+      return added;
+    }
+
+    /* D1/D2 人工动作按钮：投影门满足才出现；每次点击只调用一次显式单步 API，绝不
+       重新提交、也不间接重新生成；点击期间按钮禁用防重复，完成后复用
+       iris-core-refresh-tick 让任务区/高级诊断重拉同一快照。服务端 Command 门仍
+       是最终裁决（binding/能力校验失败返回稳定错误，行内提示，不改任务事实）。 */
+    function CoreTaskManualButton(props) {
+      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 act() {
+        if (busy) return; // 防重复触发：请求未结束前后端各拦一层
+        var body = props.buildBody ? props.buildBody() : {};
+        if (body === null) return; // 用户取消输入（如重试时放弃重新输入 prompt）
+        if (props.confirm && !window.confirm(props.confirm)) return; // 改变远端事实/计费的动作需要二次确认
+        setBusy(true);
+        setNote('');
+        fetch('/iris/api/core/task/' + encodeURIComponent(props.id) + '/' + props.action, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify(body)
+        }).then(function (res) {
+          return res.json().then(function (data) { return { status: res.status, data: data }; })
+            .catch(function () { return { status: res.status, data: null }; });
+        }).then(function (result) {
+          var detail = result.data && result.data.error;
+          if (result.status !== 200) {
+            setNote(props.failPrefix + '被拒绝：' + (detail && detail.message || '状态 ' + result.status));
+            return;
+          }
+          var created = result.data && result.data.task;
+          if (props.createdPrefix && created && created.id && created.id !== props.id) {
+            setNote(props.createdPrefix + created.id);
+          }
+          window.dispatchEvent(new CustomEvent('iris-core-refresh-tick'));
+        }).catch(function () {
+          setNote(props.failPrefix + '请求失败；任务事实未改动');
+        }).finally(function () { setBusy(false); });
+      }
+      return React.createElement('span', { className: 'iris-wb-row', style: { alignItems: 'center' } },
+        React.createElement('button', {
+          type: 'button', className: 'iris-pm-btn', disabled: busy,
+          title: props.title,
+          onClick: act
+        }, busy ? props.busyLabel : props.idleLabel),
+        note ? React.createElement('span', { className: 'iris-wb-err' }, note) : null);
+    }
+
+    /* D1 reobserve：显式单步观察入口，投影标记 observable 才出现。 */
+    function CoreReobserveButton(props) {
+      if (!props.row || props.row.observable !== true) return null;
+      return React.createElement(CoreTaskManualButton, {
+        id: props.row.id, action: 'reobserve',
+        idleLabel: '重新观察', busyLabel: '观察中…', failPrefix: '重新观察',
+        title: '只向供应商查询一次该任务的最新状态，绝不重新提交'
+      });
+    }
+
+    /* D2 redeliver：delivery_failed 的唯一恢复入口；重新下载已生成的作品，不重新生成。 */
+    function CoreRedeliverButton(props) {
+      if (!props.row || props.row.redeliverable !== true) return null;
+      return React.createElement(CoreTaskManualButton, {
+        id: props.row.id, action: 'redeliver',
+        idleLabel: '重新取回作品', busyLabel: '取回中…', failPrefix: '重新取回作品',
+        title: '重新下载已生成的作品，不会再次生成，也不会增加生成费用'
+      });
+    }
+
+    /* D3 cancel：改变远端事实，需二次确认。只有供应商明确确认才会显示「已取消」；
+       不支持或无法确认时保持真实状态（观察暂停/结果未知），绝不伪造已取消。 */
+    function CoreCancelButton(props) {
+      if (!props.row || props.row.cancelable !== true) return null;
+      return React.createElement(CoreTaskManualButton, {
+        id: props.row.id, action: 'cancel',
+        idleLabel: '取消任务', busyLabel: '取消中…', failPrefix: '取消任务',
+        title: '请求远端取消该任务；只有供应商明确确认才会记为已取消',
+        confirm: '请求远端取消该任务？\n只有供应商明确确认后才会记为「已取消」；不支持或无法确认时保持真实状态，绝不伪造已取消。'
+      });
+    }
+
+    /* D4 retry as new task：产生新的真实计费。Core 记录不持久化生成指令，所以必须
+       重新输入 prompt（绝不从旧任务"恢复"）；二次确认文案明确重复计费。 */
+    function CoreRetryButton(props) {
+      if (!props.row || props.row.retryable !== true) return null;
+      return React.createElement(CoreTaskManualButton, {
+        id: props.row.id, action: 'retry',
+        idleLabel: '重试为新任务', busyLabel: '创建中…', failPrefix: '重试',
+        title: '创建一个新任务重新生成，可能产生重复费用；生成指令需要重新输入',
+        confirm: '将创建一个新任务并可能产生重复生成费用，确定继续？',
+        createdPrefix: '已创建新任务：',
+        buildBody: function () {
+          var isTts = props.row.capability === 'tts';
+          var isTranscribe = props.row.capability === 'transcribe';
+          var draft = window.prompt(isTts
+            ? 'Core 记录不保存合成文本。请重新输入新任务要合成的文本：'
+            : isTranscribe
+              ? 'Core 记录不保存音频地址。请重新输入新任务要转写音频的公网或 oss:// 地址：'
+              : 'Core 记录不保存生成指令。请重新输入新任务使用的生成指令：');
+          if (draft === null) return null;
+          draft = String(draft).trim();
+          if (!draft) return null;
+          return isTts ? { text: draft, confirmBilling: true }
+            : isTranscribe ? { audio_url: draft, confirmBilling: true }
+            : { prompt: draft, confirmBilling: true };
+        }
+      });
+    }
+
+    /* 注意力处置（Host 偏好，零 Core 写入）：不再提醒/恢复提醒/移除/恢复显示。
+       文案明确"仅在本机隐藏提醒，任务与产物记录保留"，不使用"消除记录"类措辞。 */
+    function CoreDispositionButtons(props) {
+      var row = props.row;
+      if (!row || row.suppressed === true || row.historical === true) return null;
+      if (row.disposition === 'hidden') {
+        return React.createElement(CoreTaskManualButton, {
+          id: row.id, action: 'unhide',
+          idleLabel: '恢复显示', busyLabel: '恢复中…', failPrefix: '恢复显示',
+          title: '在本机恢复显示该任务；Core 记录一直在，只是被隐藏'
+        });
+      }
+      var attentionish = row.userState === 'attention' || row.userState === 'delivery_failed';
+      var children = [];
+      if (attentionish && row.disposition !== 'acknowledged') {
+        children.push(React.createElement(CoreTaskManualButton, {
+          key: 'ack', id: row.id, action: 'acknowledge',
+          idleLabel: '不再提醒', busyLabel: '处理中…', failPrefix: '不再提醒',
+          title: '仅在本机不再提醒该任务；任务与产物记录保留在 Core'
+        }));
+        children.push(React.createElement(CoreTaskManualButton, {
+          key: 'hide', id: row.id, action: 'hide',
+          idleLabel: '移除', busyLabel: '移除中…', failPrefix: '移除',
+          title: '仅在本机隐藏提醒，任务与产物记录保留在 Core',
+          confirm: '仅在本机隐藏此任务的提醒；任务与产物记录保留在 Core，可随时在高级诊断恢复显示。确定移除？'
+        }));
+      }
+      if (attentionish && row.disposition === 'acknowledged') {
+        children.push(React.createElement(CoreTaskManualButton, {
+          key: 'restore', id: row.id, action: 'restore',
+          idleLabel: '恢复提醒', busyLabel: '恢复中…', failPrefix: '恢复提醒',
+          title: '取消"不再提醒"，该任务重新出现在需要处理分区'
+        }));
+      }
+      return children.length ? React.createElement('span', {}, children) : null;
+    }
+
+    /* 只读卡片：显示稳定 Task ID、模型、更新时间和关联作品；不渲染供应商身份、错误原文或路径，无展开/删除入口。
+       「重新观察」/「重新取回作品」/「取消任务」/「重试为新任务」是仅有的动作（子组件，卡片本体仍不 fetch），
+       且仅当投影标记对应门时出现。 */
+    function coreTaskCard(row) {
+      var artifactIds = Array.isArray(row.artifactIds) ? row.artifactIds : [];
+      var links = row.mediaReady && artifactIds.length
+        ? React.createElement('div', { className: 'iris-wb-row' }, artifactIds.map(function (id, index) {
+          return React.createElement('a', {
+            key: id, className: 'iris-wb-link', target: '_blank', rel: 'noreferrer',
+            href: '/iris/api/core/artifact/' + encodeURIComponent(id) + '/media'
+          }, '▶ 作品 ' + (index + 1));
+        }))
+        : null;
+      return React.createElement('div', {
+        key: 'core:' + row.id,
+        className: 'iris-wb-card iris-core-user-row',
+        title: '只读投影：更多事实见下方「高级诊断 · Core 任务事实」'
+      },
+        React.createElement('div', { className: 'iris-core-user-head' },
+          React.createElement('span', {}, capIcon(row.capability)),
+          coreTaskBadge(row),
+          React.createElement('span', { className: 'iris-wb-kv iris-core-user-model' }, row.model || '未记录'),
+          React.createElement('span', { className: 'iris-wb-muted' }, '更新 ' + fmtTime(row.updatedAt))),
+        React.createElement('div', { className: 'iris-wb-row' },
+          React.createElement('span', { className: 'iris-core-id' }, row.id)),
+        React.createElement(CoreReobserveButton, { row: row }),
+        React.createElement(CoreRedeliverButton, { row: row }),
+        React.createElement(CoreCancelButton, { row: row }),
+        React.createElement(CoreRetryButton, { row: row }),
+        React.createElement(CoreDispositionButtons, { row: row }),
+        row.userState === 'succeeded' && !row.mediaReady
+          ? React.createElement('div', { className: 'iris-wb-row' },
+            React.createElement('span', { className: 'iris-wb-badge warn', title: '关联作品记录不在当前快照中，请稍后刷新' }, '作品文件暂时不可用'))
+          : null,
+        links);
+    }
+
+    function coreTaskMini(row) {
+      return React.createElement('div', {
+        key: 'core:' + row.id, className: 'iris-task-mini',
+        title: row.label + ' · ' + row.id
+      },
+        React.createElement('span', {}, capIcon(row.capability)),
+        coreTaskBadge(row),
+        React.createElement('span', { className: 'iris-task-mini-prompt' }, row.model || row.id),
+        React.createElement('span', { className: 'iris-wb-muted' }, fmtTime(row.updatedAt)));
+    }
+
+    /* hidden 与 suppressed（重试成功自动静默）从用户任务区整体消失；canceled
+       用 historical 进入历史且不计 attention；acknowledged 异常行也进入历史但可恢复。 */
+    function splitCoreUserRows(rows) {
+      var live = [], attention = [], done = [], acknowledged = [];
+      for (var i = 0; i < rows.length; i++) {
+        var row = rows[i];
+        if (!row || row.suppressed === true || row.disposition === 'hidden') continue;
+        if (row.historical === true) done.push(row);
+        else if (row.userState === 'running' || row.userState === 'observation_paused') live.push(row);
+        else if (row.userState === 'attention' || row.userState === 'delivery_failed') {
+          if (row.disposition === 'acknowledged') acknowledged.push(row);
+          else attention.push(row);
+        }
+        else if (row.userState === 'succeeded') done.push(row);
+      }
+      return { live: live, attention: attention, done: done, acknowledged: acknowledged };
+    }
+
+    function CoreRuntimePanel() {
+      var dataPair = React.useState(null);
+      var data = dataPair[0];
+      var setData = dataPair[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];
+      var openPair = React.useState(false);
+      var open = openPair[0];
+      var setOpen = openPair[1];
+      var selectedPair = React.useState('');
+      var selectedCoreTask = selectedPair[0];
+      var setSelectedCoreTask = selectedPair[1];
+      var copyPair = React.useState('');
+      var copyNote = copyPair[0];
+      var setCopyNote = copyPair[1];
+      function load() {
+        if (busy) return;
+        setBusy(true);
+        setError('');
+        fetch('/iris/api/core/snapshot?limit=12')
+          .then(function (res) {
+            if (res.status === 404) return { available: false, backendReloadRequired: true, tasks: { total: 0, recent: [] }, artifacts: { total: 0, recent: [] } };
+            return res.ok ? res.json() : Promise.reject(new Error('读取失败（HTTP ' + res.status + '）'));
+          }).then(setData)
+          .catch(function (caught) { setError('Core 运行事实读取失败：' + caught.message); })
+          .finally(function () { setBusy(false); });
+      }
+      function copyCoreId(value, label) {
+        setCopyNote('');
+        var clipboard = window.navigator && window.navigator.clipboard;
+        if (!clipboard || typeof clipboard.writeText !== 'function') {
+          setCopyNote('浏览器不允许自动复制；请长按上方 ID 复制。');
+          return;
+        }
+        clipboard.writeText(value)
+          .then(function () { setCopyNote(label + ' 已复制'); })
+          .catch(function () { setCopyNote('复制失败；请长按上方 ID 复制。'); });
+      }
+      React.useEffect(function () {
+        function changed() { load(); }
+        load();
+        window.addEventListener('iris-core-artifacts-changed', changed);
+        window.addEventListener('iris-core-refresh-tick', changed);
+        return function () {
+          window.removeEventListener('iris-core-artifacts-changed', changed);
+          window.removeEventListener('iris-core-refresh-tick', changed);
+        };
+      }, []);
+      var taskData = data && data.tasks || { total: 0, recent: [] };
+      var artifactData = data && data.artifacts || { total: 0, recent: [] };
+      /* 处置偏好投影：诊断层可见 hidden/acknowledged/suppressed，并可恢复显示。 */
+      var dispositionMap = {};
+      ((data && data.userTasks) || []).forEach(function (row) { dispositionMap[row.id] = row; });
+      function dispositionLabelOf(row) {
+        if (!row) return '';
+        if (row.suppressed) return '已由新任务成功交付自动静默';
+        if (row.disposition === 'hidden') return '已在本机隐藏（记录保留，可恢复显示）';
+        if (row.disposition === 'acknowledged') return '已设「不再提醒」（本机偏好，记录保留）';
+        return '';
+      }
+      var selectedTask = (taskData.recent || []).find(function (task) { return task.id === selectedCoreTask; });
+      var taskRows = (taskData.recent || []).slice(0, 6).map(function (task) {
+        var state = coreTaskState(task);
+        var disposed = dispositionMap[task.id];
+        var hiddenMark = disposed && disposed.disposition === 'hidden' ? ' · 已隐藏' : '';
+        var selected = selectedCoreTask === task.id;
+        return React.createElement('button', {
+          key: task.id,
+          type: 'button',
+          className: 'iris-core-task-row' + (selected ? ' selected' : ''),
+          'aria-expanded': selected,
+          onClick: function () { setSelectedCoreTask(selected ? '' : task.id); }
+        },
+        React.createElement('span', { className: 'iris-core-state-dot ' + state.tone }),
+        React.createElement('span', { className: 'iris-core-task-main' },
+          React.createElement('strong', {}, coreCapabilityLabel(task.capability) + ' · ' + state.label + hiddenMark),
+          React.createElement('span', { className: 'iris-wb-muted' }, coreModelLabel(task.modelRef) + ' · ' + fmtTime(task.updatedAt))),
+        React.createElement('span', { className: 'iris-core-task-arrow' }, selected ? '▼' : '›'));
+      });
+      var selectedArtifacts = selectedTask ? (selectedTask.artifactIds || []).map(function (id) {
+        return (artifactData.recent || []).find(function (artifact) { return artifact.id === id; }) || { id: id };
+      }) : [];
+      var selectedDisposition = selectedTask ? dispositionMap[selectedTask.id] : null;
+      var dispositionNote = dispositionLabelOf(selectedDisposition);
+      var detail = selectedTask ? React.createElement('div', { className: 'iris-core-detail' },
+        React.createElement('div', { className: 'iris-doctor-top' },
+          React.createElement('strong', { className: 'iris-doctor-score' }, '任务事实'),
+          React.createElement('button', { className: 'iris-pm-btn', type: 'button', onClick: function () { copyCoreId(selectedTask.id, 'Task ID'); } }, '复制 Task ID')),
+        React.createElement('div', { className: 'iris-core-id' }, selectedTask.id),
+        React.createElement('div', { className: 'iris-core-detail-grid' },
+          React.createElement('div', { className: 'iris-core-detail-cell' }, React.createElement('span', { className: 'iris-wb-muted' }, '模型'), React.createElement('span', {}, coreModelLabel(selectedTask.modelRef))),
+          React.createElement('div', { className: 'iris-core-detail-cell' }, React.createElement('span', { className: 'iris-wb-muted' }, 'Provider'), React.createElement('span', { className: 'iris-core-id' }, selectedTask.providerId || '未记录')),
+          React.createElement('div', { className: 'iris-core-detail-cell' }, React.createElement('span', { className: 'iris-wb-muted' }, '取消状态'), React.createElement('span', {}, coreCancelLabel(selectedTask.cancelState))),
+          dispositionNote ? React.createElement('div', { className: 'iris-core-detail-cell' }, React.createElement('span', { className: 'iris-wb-muted' }, '处置状态'), React.createElement('span', {}, dispositionNote)) : null,
+          React.createElement('div', { className: 'iris-core-detail-cell' }, React.createElement('span', { className: 'iris-wb-muted' }, '重试来源'), React.createElement('span', { className: 'iris-core-id' }, selectedTask.retriedFrom || '无')),
+          React.createElement('div', { className: 'iris-core-detail-cell' }, React.createElement('span', { className: 'iris-wb-muted' }, '创建时间'), React.createElement('span', {}, fmtTime(selectedTask.createdAt))),
+          React.createElement('div', { className: 'iris-core-detail-cell' }, React.createElement('span', { className: 'iris-wb-muted' }, '最后更新'), React.createElement('span', {}, fmtTime(selectedTask.updatedAt)))),
+        React.createElement('div', {},
+          React.createElement('div', { className: 'iris-wb-muted', style: { marginBottom: '4px' } }, '尝试记录 · ' + (selectedTask.attempts || []).length),
+          React.createElement('div', { className: 'iris-core-task-list' }, (selectedTask.attempts || []).map(function (attempt) {
+            return React.createElement('div', { key: attempt.id, className: 'iris-core-attempt' },
+              React.createElement('span', {}, '第 ' + attempt.ordinal + ' 次 · ' + coreAttemptState(attempt) + ' · ' + coreModelLabel(attempt.model)),
+              React.createElement('span', { className: 'iris-wb-muted' }, fmtTime(attempt.finishedAt || attempt.startedAt)),
+              attempt.error && attempt.error.safeMessage ? React.createElement('span', { className: 'iris-wb-err' }, attempt.error.safeMessage) : null);
+          }))),
+        React.createElement('div', {},
+          React.createElement('div', { className: 'iris-wb-muted', style: { marginBottom: '4px' } }, '关联作品 · ' + selectedArtifacts.length),
+          selectedArtifacts.length ? React.createElement('div', { className: 'iris-core-task-list' }, selectedArtifacts.map(function (artifact) {
+            var canOpen = selectedTask.capability === 'image' && (!artifact.mediaType || String(artifact.mediaType).indexOf('image/') === 0);
+            return React.createElement('div', { key: artifact.id, className: 'iris-core-artifact' },
+              React.createElement('span', { className: 'iris-core-id', style: { flex: 1 } }, artifact.id),
+              artifact.size ? React.createElement('span', { className: 'iris-wb-muted' }, fmtBytes(artifact.size)) : null,
+              canOpen ? React.createElement('a', { className: 'iris-wb-link', href: '/iris/api/core/artifact/' + encodeURIComponent(artifact.id) + '/media', target: '_blank', rel: 'noreferrer' }, '打开作品') : null,
+              React.createElement('button', { className: 'iris-pm-btn', type: 'button', onClick: function () { copyCoreId(artifact.id, 'Artifact ID'); } }, '复制 ID'));
+          })) : React.createElement('div', { className: 'iris-wb-empty' }, '当前任务没有可用作品')),
+        selectedTask.lastError && selectedTask.lastError.safeMessage ? React.createElement('div', { className: 'iris-wb-err' }, selectedTask.lastError.safeMessage) : null,
+        React.createElement(CoreReobserveButton, {
+          row: selectedTask && selectedTask.acceptance === 'accepted' && selectedTask.remoteTaskId
+              && ['none', 'unknown'].indexOf(selectedTask.outcome) >= 0 && selectedTask.phase !== 'terminal'
+            ? { id: selectedTask.id, observable: true } : null
+        }),
+        React.createElement(CoreRedeliverButton, {
+          row: selectedTask && selectedTask.outcome === 'succeeded'
+              && selectedTask.deliveryState === 'failed' && selectedTask.remoteTaskId
+            ? { id: selectedTask.id, redeliverable: true } : null
+        }),
+        React.createElement(CoreCancelButton, {
+          row: selectedTask && selectedTask.acceptance === 'accepted' && selectedTask.remoteTaskId
+              && ['none', 'unknown'].indexOf(selectedTask.outcome) >= 0 && selectedTask.phase !== 'terminal'
+              && (!selectedTask.cancelState || selectedTask.cancelState === 'none')
+            ? { id: selectedTask.id, cancelable: true } : null
+        }),
+        React.createElement(CoreRetryButton, {
+          row: selectedTask && selectedTask.phase === 'terminal'
+              && !(selectedTask.outcome === 'succeeded' && selectedTask.deliveryState === 'ready')
+            ? { id: selectedTask.id, retryable: true } : null
+        }),
+        React.createElement(CoreDispositionButtons, {
+          row: selectedDisposition
+            ? { id: selectedDisposition.id, userState: selectedDisposition.userState,
+                disposition: selectedDisposition.disposition, suppressed: selectedDisposition.suppressed }
+            : null
+        }),
+        React.createElement('div', { className: 'iris-clean-note' }, '事实面板：「重新观察」只查询远端最新状态、「重新取回作品」只重新下载已生成的产物、「取消任务」只有供应商明确确认才记为已取消、「重试为新任务」会创建新任务并可能产生重复费用；这里不会重新提交、删除或修改既有任务。')) : null;
+      var countText = data && data.available
+        ? taskData.total + ' 个任务 · ' + artifactData.total + ' 个作品'
+        : (busy ? '正在读取…' : '查看底层任务与作品关系');
+      return React.createElement('div', { className: 'iris-wb-card iris-core-runtime' },
+        React.createElement('div', { className: 'iris-core-runtime-head' },
+          React.createElement('div', { className: 'iris-core-runtime-title' },
+            React.createElement('strong', {}, 'Core 任务事实'),
+            React.createElement('span', { className: 'iris-wb-muted' }, countText)),
+          React.createElement('button', { className: 'iris-pm-btn', type: 'button', 'aria-expanded': open, onClick: function () { setOpen(!open); } }, open ? '收起' : '展开')),
+        open ? React.createElement('div', { className: 'iris-core-runtime-body' },
+          React.createElement('div', { className: 'iris-core-runtime-tools' },
+            React.createElement('span', { className: 'iris-wb-muted', style: { flex: 1 } }, '只读开发诊断 · 点击任务查看尝试与作品'),
+            React.createElement('button', { className: 'iris-pm-btn', type: 'button', disabled: busy, onClick: load }, busy ? '读取中…' : '刷新')),
+          error ? React.createElement('div', { className: 'iris-doctor-row error' }, React.createElement('span', {}, '×'), React.createElement('span', {}, error)) : null,
+          data && !data.available ? React.createElement('div', { className: 'iris-wb-empty' },
+            data.backendReloadRequired ? 'DSH 后端尚未加载 Core 路由；请重启 DSH 后重试。' : '尚无 Core 运行事实；读取不会创建目录。') : null,
+          data && data.available ? (taskRows.length ? React.createElement('div', { className: 'iris-core-task-list' }, taskRows)
+            : React.createElement('div', { className: 'iris-wb-empty' }, '当前没有 Core Task')) : null,
+          detail,
+          copyNote ? React.createElement('div', { className: 'iris-clean-note' }, copyNote) : null) : null);
+    }
+
     /* ---- 泡泡常用卡片选择器（设置页：多项勾选 → 出现在悬浮窗「常用」标签） ---- */
     function BubbleCardPicker() {
       var pair = useBubbleCards();
@@ -1141,11 +2036,63 @@ 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;
+      // 同一任务区合并 legacy 与 Core 只读投影；Core 行仅有的动作是「重新观察」「重新取回作品」与需确认的「取消任务」。
+      var coreUser = useCoreUserTasks();
+      var coreGroups = splitCoreUserRows(coreUser.rows || []);
       var selPair = React.useState(null);
       var selectedTask = selPair[0];
       var setSelectedTask = selPair[1];
@@ -1156,23 +2103,38 @@ 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); })
+          running.length || coreGroups.live.length ? [].concat(
+            running.map(function (t) { return taskRow(t, true, selectedTask === t.id, onSelect); }),
+            coreGroups.live.map(coreTaskCard))
             : React.createElement('div', { className: 'iris-wb-empty' }, '暂无进行中任务')),
-        attention.length ? React.createElement('div', {},
+        attention.length || coreGroups.attention.length || coreUser.degraded ? 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,
+            coreUser.degraded ? React.createElement('div', { className: 'iris-clean-note' },
+              '部分 Core 记录损坏或媒体缺失，已跳过 ' + coreUser.droppedTasks + ' 条；其余事实照常显示。') : null,
+            [].concat(
+              attention.map(function (t) { return taskRow(t, false, selectedTask === t.id, onSelect); }),
+              coreGroups.attention.map(coreTaskCard)))) : null,
+        React.createElement('div', { className: 'iris-wb-sec' }, '作品库'),
+        React.createElement(ArtifactGallery, { total: artifactTotal }),
+        React.createElement('div', { className: 'iris-wb-sec' }, '高级诊断'),
+        React.createElement(CoreRuntimePanel, {}),
         React.createElement('div', { className: 'iris-wb-sec' }, '历史任务'),
         React.createElement(CleanupBar, {}),
-        React.createElement(HistoryBrowser, { recent: recent, selected: selectedTask, onSelect: onSelect }),
+        React.createElement(HistoryBrowser, { recent: recent, coreHistory: [].concat(coreGroups.done, coreGroups.acknowledged), selected: selectedTask, onSelect: onSelect }),
         React.createElement('div', { className: 'iris-wb-sec' }, '操作'),
         React.createElement(ActionGroups, {}));
     }
@@ -1184,6 +2146,23 @@ 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 legacyWorks = (state && state.artifacts && state.artifacts.recent) || [];
+      var coreWorks = useCoreWorks(6);
+      // 同一任务/作品区合并 Core 只读投影；完成提示会话内只出现一次，刷新后从事实重算。
+      var coreUser = useCoreUserTasks();
+      var coreGroups = splitCoreUserRows(coreUser.rows || []);
+      var arrivedPair = React.useState([]);
+      var coreArrived = arrivedPair[0];
+      var setCoreArrived = arrivedPair[1];
+      var coreRowsKey = (coreUser.rows || []).map(function (row) { return row.id + '@' + row.revision; }).join(',');
+      React.useEffect(function () {
+        var added = noteCoreCompletions(coreUser.rows || []);
+        if (added.length) setCoreArrived(added);
+      }, [coreRowsKey]);
+      var works = coreWorks.concat(legacyWorks).sort(function (a, b) {
+        return String(b.createdAt || '').localeCompare(String(a.createdAt || ''));
+      }).slice(0, 6);
+      var artifactTotal = ((state && state.artifacts && state.artifacts.total) || legacyWorks.length) + coreWorks.length;
       var cards = useBubbleCards()[0];
       var tabPair = React.useState('tasks');
       var tab = tabPair[0];
@@ -1194,24 +2173,24 @@ 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', {},
+          coreArrived.length ? React.createElement('div', { className: 'iris-wb-badge ok', role: 'status' },
+            '新完成：' + coreArrived.map(function (row) { return row.model || row.id; }).join('、')) : null,
+          running.length || coreGroups.live.length ? React.createElement('div', {},
             React.createElement('div', { className: 'iris-wb-sec' }, '运行中'),
-            running.map(function (t) { return taskRow(t, true, selectedTask === t.id, onSelect); })) : null,
-          attention.length ? React.createElement('div', {},
+            running.map(function (t) { return taskRow(t, true, selectedTask === t.id, onSelect); }),
+            coreGroups.live.map(coreTaskMini)) : null,
+          attention.length || coreGroups.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
+            attention.slice(0, 4).map(function (t) { return taskRowMini(t, selectedTask === t.id, onSelect); }),
+            coreGroups.attention.slice(0, 4).map(coreTaskMini)) : 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
@@ -1467,10 +2446,35 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         }));
     }
 
+    /* 曲线鸢尾花：矢量源见 docs/assets/logo/iris-bubble.svg。
+       使用实色与无 ID 的路径，多个座位同时渲染也不会发生 SVG 引用冲突。 */
+    var IRIS_MARK_PARTS = [
+      { fill: '#7db9a4', d: 'M30.5 39h3v18h-3z' },
+      { fill: '#7db9a4', d: 'M32 55C24 55 20 50 19 44C26 45 31 48 32 55Z' },
+      { fill: '#9cd1b7', d: 'M32 54C40 53 44 49 45 43C38 44 33 48 32 54Z' },
+      { fill: '#b5a0f3', d: 'M29 31C18 30 11 22 15 14C24 13 30 20 29 31Z' },
+      { fill: '#b5a0f3', d: 'M35 31C46 30 53 22 49 14C40 13 34 20 35 31Z' },
+      { fill: '#e0d4ff', d: 'M32 7C24 13 23 23 32 34C41 23 40 13 32 7Z' },
+      { fill: '#9b80df', d: 'M31 31C22 24 11 28 8 36C12 45 24 47 31 34Z' },
+      { fill: '#9b80df', d: 'M33 31C42 24 53 28 56 36C52 45 40 47 33 34Z' },
+      { fill: '#c4aff6', d: 'M32 29C24 35 23 44 32 50C41 44 40 35 32 29Z' },
+      { fill: '#f2ce83', d: 'M32 31C29 32 28 34 29 36L32 40L35 36C36 34 35 32 32 31Z' }
+    ];
+    function IRIS_MARK_SVG() {
+      return React.createElement('svg', {
+        width: 26, height: 26, viewBox: '0 0 64 64',
+        role: 'img', 'aria-label': 'Iris', focusable: 'false'
+      }, IRIS_MARK_PARTS.map(function (part, i) {
+        return React.createElement('path', { key: i, d: part.d, fill: part.fill });
+      }));
+    }
+
     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 +2542,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 +2583,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 +2594,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' }, '🫧'),
+        React.createElement('div', { className: 'iris-bubble-btn' }, React.createElement(IRIS_MARK_SVG)),
         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) {