@mokuyoaxis/dsh-iris 0.2.5 → 0.2.6

package/lib/client.js

@@ -21,7 +21,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
   var exports = module.exports;
 
   var React = require('react');
-  var IRIS_CLIENT_VERSION = '0.2.5';
+  var IRIS_CLIENT_VERSION = '0.2.6';
   var HOST_CLIENT_PROTOCOL_VERSION = 0;
   var reportedSeats = [];
 
@@ -81,6 +81,49 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-wb-link:hover { text-decoration: underline; }',
     '.iris-wb-muted { color: var(--dsw-alias-label-secondary, #9a9a9a); font-size: 12px; }',
     '.iris-wb-empty { color: var(--dsw-alias-label-secondary, #9a9a9a); font-size: 12px; padding: 6px 2px; }',
+    /* 工作台页面共用视觉规则；不改变对话泡泡和 composer 的布局。 */
+    '.iris-workbench-page { --iris-workbench-accent: var(--dsw-alias-brand-primary, #8c9eff); display: grid; gap: 10px; }',
+    '.iris-workbench-page *, .iris-workbench-page *::before { box-sizing: border-box; }',
+    '.iris-workbench-page [hidden], .iris-health [hidden] { display: none !important; }',
+    '.iris-workbench-page > .iris-wb-head { justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin: 2px 0 4px; }',
+    '.iris-workbench-page > .iris-wb-head .iris-wb-title { font-size: 20px; font-weight: 650; letter-spacing: -.03em; }',
+    '.iris-wb-section { min-width: 0; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 12px; background: var(--dsw-alias-bg-layer-1, #26262e); }',
+    '.iris-wb-section-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; list-style: none; }',
+    '.iris-wb-section-head::-webkit-details-marker { display: none; }',
+    '.iris-wb-section-head h2 { margin: 0; font-size: 15px; font-weight: 600; letter-spacing: -.01em; }',
+    '.iris-wb-section-head p { margin: 4px 0 0; font-size: 12px; color: var(--dsw-alias-label-secondary, #9a9a9a); }',
+    'details.iris-wb-section > summary { cursor: pointer; border-radius: inherit; }',
+    '.iris-wb-section-arrow { flex-shrink: 0; display: inline-flex; gap: 7px; align-items: center; font-size: 11px; color: var(--dsw-alias-label-secondary, #9a9a9a); }',
+    '.iris-wb-section-arrow svg { transition: transform .15s; }',
+    'details.iris-wb-section[open] > summary .iris-wb-section-arrow svg { transform: rotate(180deg); }',
+    '.iris-wb-section-body { min-width: 0; padding: 0 14px 14px; display: grid; gap: 8px; }',
+    '.iris-workbench-page .iris-wb-sec { margin: 4px 0 0; font-size: 13px; color: var(--dsw-alias-label-primary, #e6e6e6); }',
+    '.iris-workbench-page .iris-pm, .iris-workbench-page .iris-cap-grid, .iris-workbench-page .iris-act-group { gap: 8px; }',
+    '.iris-workbench-page .iris-pm-card, .iris-workbench-page .iris-wb-card, .iris-workbench-page .iris-act-card, .iris-workbench-page .iris-cap-row { border-radius: 10px; }',
+    '.iris-workbench-page .iris-pm-card, .iris-workbench-page .iris-cap-row { padding: 10px; }',
+    '.iris-workbench-page .iris-pm-card { gap: 8px; }',
+    '.iris-workbench-page .iris-pm-body { display: grid; gap: 8px; padding-top: 10px; border-top: 1px solid var(--dsw-alias-border-l1, #3a3a44); }',
+    '.iris-workbench-page .iris-pm-field { gap: 5px; font-size: 12px; }',
+    '.iris-workbench-page :is(.iris-pm-btn, .iris-pm-add, .iris-ff-btn, .iris-act-run, .iris-clean-btn) { min-height: 32px; padding: 5px 9px; border-radius: 8px; font-family: inherit; font-size: 12px; }',
+    '.iris-workbench-page :is(button, select, input):focus-visible, .iris-wb-section-head:focus-visible { outline: 2px solid var(--iris-workbench-accent, #8c9eff); outline-offset: 3px; }',
+    '.iris-workbench-page :is(input, textarea, select) { font-family: inherit; accent-color: var(--iris-workbench-accent); }',
+    '.iris-workbench-page input:not([type=checkbox]):not([type=radio]):not([type=file]), .iris-workbench-page textarea, .iris-workbench-page select { min-width: 0; max-width: 100%; min-height: 34px; padding: 5px 8px; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 8px; background: var(--dsw-alias-bg-layer-2, #32323c); color: var(--dsw-alias-label-primary, #e6e6e6); font-size: 12px; }',
+    '.iris-workbench-page .iris-pm-note { line-height: 1.65; }',
+    '.iris-workbench-page .iris-pm-mrows { max-height: 400px; gap: 8px; }',
+    '.iris-workbench-page .iris-pm-mrow { min-width: 0; padding: 10px; gap: 6px; flex-wrap: wrap; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 10px; }',
+    '.iris-workbench-page .iris-pm-mname { flex-basis: 100%; white-space: normal; overflow-wrap: anywhere; font-size: 13px; }',
+    '.iris-workbench-page .iris-pm-mrow > label { display: flex; align-items: center; flex: 1 1 230px; flex-wrap: wrap; gap: 6px; }',
+    '.iris-workbench-page .iris-pm-mrow > label select { flex: 1; }',
+    '.iris-workbench-page .iris-cap-row { gap: 7px; }',
+    '.iris-workbench-page .iris-cap-row > select:first-of-type { margin-left: auto; }',
+    '.iris-workbench-page .iris-cap-row > .iris-pm-note, .iris-workbench-page .iris-cap-row > .iris-cap-feedback { flex-basis: 100%; }',
+    '.iris-workbench-page .iris-cap-row > .iris-pm-model-sel { margin-left: 0; }',
+    '.iris-workbench-page .iris-cap-chip { padding: 3px 7px; border-radius: 8px; overflow-wrap: anywhere; }',
+    '.iris-workbench-page .iris-cap-confirm { padding: 12px; border-radius: 10px; }',
+    '.iris-workbench-page .iris-act-head { min-height: 40px; padding: 9px 12px; }',
+    '.iris-workbench-page .iris-act-body { padding: 10px 12px 12px; gap: 8px; }',
+    '.iris-workbench-page .iris-doctor-row { font-size: 12px; line-height: 1.6; }',
+    '@media (max-width: 640px) { .iris-wb-section-head { padding: 12px; } .iris-wb-section-body { padding: 0 12px 12px; } .iris-workbench-page :is(.iris-pm-btn, .iris-pm-add, .iris-ff-btn, .iris-act-run, .iris-clean-btn) { min-height: 40px; } .iris-workbench-page input:not([type=checkbox]):not([type=radio]):not([type=file]), .iris-workbench-page textarea, .iris-workbench-page select { min-height: 36px; } }',
     '.iris-progress-dock { display: grid; gap: 6px; }',
     '.iris-progress-row { font-size: 12px; display: flex; gap: 8px; align-items: center; color: var(--dsw-alias-label-secondary, #9a9a9a); }',
     '.iris-wb-card { cursor: pointer; }',
@@ -157,7 +200,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-pm-add:hover { border-color: var(--dsw-alias-brand-primary, #7aa2f7); }',
     '.iris-pm-card { background: var(--dsw-alias-bg-layer-1, #26262e); border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 8px; padding: 8px 10px; display: grid; gap: 6px; }',
     '.iris-pm-card.open { border-color: var(--dsw-alias-brand-primary, #7aa2f7); }',
-    '.iris-pm-top { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; cursor: pointer; }',
+    '.iris-pm-top { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }',
     '.iris-pm-name { font-weight: 600; font-size: 13px; flex: 1; }',
     '.iris-pm-btn { background: transparent; color: var(--dsw-alias-label-secondary, #9a9a9a); border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 4px; font-size: 11px; padding: 2px 7px; cursor: pointer; }',
     '.iris-pm-btn:hover { color: var(--dsw-alias-label-primary, #e6e6e6); border-color: var(--dsw-alias-label-secondary, #9a9a9a); }',
@@ -168,25 +211,82 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-pm-cap { color: var(--dsw-alias-brand-primary, #7aa2f7); font-size: 10px; }',
     '.iris-pm-note { font-size: 11px; color: var(--dsw-alias-label-secondary, #9a9a9a); }',
     '.iris-pm-field { display: grid; gap: 3px; }',
+    'details[data-provider-directory] { min-width: 0; padding: 10px 12px; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 8px; }',
+    'details[data-provider-directory] > summary { cursor: pointer; overflow-wrap: anywhere; }',
+    'details[data-provider-directory] p { margin: 6px 0; overflow-wrap: anywhere; }',
+    'details[data-provider-directory] > summary:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary, #6b78e8); outline-offset: 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-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-health { --iris-health-accent: var(--dsw-alias-brand-primary, #8c9eff); container-type: inline-size; padding: 0; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 12px; background: var(--dsw-alias-bg-layer-1, #26262e); }',
+    '.iris-health *, .iris-health *::before { box-sizing: border-box; }',
+    '.iris-health-head, .iris-health-title-line, .iris-health-card-top, .iris-health-card-foot, .iris-health-detail-head, .iris-health-model-head, .iris-health-confirm-actions { display: flex; align-items: center; gap: 10px; }',
+    '.iris-health-head { justify-content: space-between; flex-wrap: wrap; padding: 10px 14px; }',
+    '.iris-health-content { padding: 0 14px 14px; }',
+    '.iris-health-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }',
+    '.iris-health-eyebrow { color: var(--iris-health-accent); font-size: 10px; font-weight: 600; letter-spacing: .14em; margin-bottom: 6px; }',
+    '.iris-health h2, .iris-health h3, .iris-health p { margin: 0; }',
+    '.iris-health h2 { font-size: 15px; font-weight: 600; letter-spacing: -.01em; }',
+    '.iris-health-subtitle, .iris-health-caption { font-size: 12px; line-height: 1.6; color: var(--dsw-alias-label-secondary, #9a9a9a); }',
+    '.iris-health-subtitle { margin-top: 5px !important; }',
+    '.iris-health-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 32px; padding: 5px 10px; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 8px; background: var(--dsw-alias-bg-layer-2, #32323c); color: var(--dsw-alias-label-primary, #e6e6e6); font: inherit; font-size: 12px; white-space: nowrap; cursor: pointer; }',
+    '.iris-health-btn:hover { border-color: var(--iris-health-accent); }',
+    '.iris-health-btn.primary { border-color: transparent; background: var(--iris-health-accent); color: var(--dsw-alias-label-primary-inverted, #1b2034); font-weight: 600; }',
+    '.iris-health-btn:disabled { opacity: .5; cursor: default; }',
+    '.iris-health button:focus-visible { outline: 2px solid var(--iris-health-accent); outline-offset: 3px; }',
+    '.iris-health-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }',
+    '.iris-health-row { --iris-health-tone: var(--dsw-alias-label-secondary, #9a9a9a); display: grid; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 10px; background: var(--dsw-alias-bg-layer-1, #26262e); color: var(--dsw-alias-label-primary, #e6e6e6); font: inherit; text-align: left; cursor: pointer; transition: border-color .15s, transform .15s; }',
+    '.iris-health-row:hover:not(:disabled) { transform: translateY(-2px); border-color: var(--iris-health-accent); }',
+    '.iris-health-row:disabled { cursor: wait; opacity: .7; }',
+    '.iris-health-row.active { border-color: var(--iris-health-accent); box-shadow: inset 0 0 0 1px var(--iris-health-accent); }',
+    '.iris-health-row.configured { --iris-health-tone: var(--iris-health-accent); }',
+    '.iris-health-row.verified { --iris-health-tone: var(--dsw-alias-state-success-primary, #6fcf6f); }',
+    '.iris-health-row.failed, .iris-health-row.rate-limited { --iris-health-tone: var(--dsw-alias-state-error-primary, #e06c6c); }',
+    '.iris-health-row.cooling { --iris-health-tone: #c68b23; }',
+    '.iris-health-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; height: 32px; border-radius: 9px; background: rgba(132,115,238,.1); color: var(--iris-health-accent); }',
+    '.iris-health-card-top { justify-content: space-between; }',
+    '.iris-health-name { font-size: 14px; font-weight: 600; }',
+    '.iris-health-state { display: inline-flex; align-items: center; gap: 5px; margin-top: 7px; font-size: 11px; color: var(--iris-health-tone); }',
+    '.iris-health-state::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }',
+    '.iris-health-card-foot { justify-content: space-between; min-width: 0; padding-top: 8px; border-top: 1px solid var(--dsw-alias-border-l1, #3a3a44); font-size: 11px; color: var(--dsw-alias-label-secondary, #9a9a9a); }',
+    '.iris-health-link { color: var(--iris-health-accent); white-space: nowrap; }',
+    '.iris-health-footer { margin-top: 13px !important; font-size: 11px; line-height: 1.6; color: var(--dsw-alias-label-secondary, #9a9a9a); }',
+    '.iris-health-notice { margin-top: 12px; padding: 11px 13px; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 10px; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }',
+    '.iris-health-notice.error { color: var(--dsw-alias-state-error-primary, #e06c6c); }',
+    '.iris-health-detail { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--dsw-alias-border-l1, #3a3a44); }',
+    '.iris-health-detail-head { justify-content: space-between; align-items: flex-start; margin-bottom: 10px; }',
+    '.iris-health-detail-head > button { flex-shrink: 0; }',
+    '.iris-health h3 { font-size: 15px; font-weight: 600; margin-bottom: 4px; }',
+    '.iris-health-models { display: grid; gap: 8px; }',
+    '.iris-health-model { padding: 10px 12px; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 10px; background: var(--dsw-alias-bg-layer-1, #26262e); min-width: 0; }',
+    '.iris-health-model-head { justify-content: space-between; align-items: flex-start; }',
+    '.iris-health-model-title { min-width: 0; flex: 1; }',
+    '.iris-health-model-title strong { display: block; font-size: 13px; font-weight: 550; overflow-wrap: anywhere; }',
+    '.iris-health-result { display: flex; gap: 7px; align-items: flex-start; margin-top: 10px; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }',
+    '.iris-health-result.passed { color: var(--dsw-alias-state-success-primary, #6fcf6f); }',
+    '.iris-health-result.failed, .iris-health-result.unknown { color: var(--dsw-alias-state-error-primary, #e06c6c); }',
+    '.iris-health-result.running { color: var(--iris-health-accent); }',
+    '.iris-health-spinner { display: inline-block; flex: 0 0 13px; width: 13px; height: 13px; margin-top: 3px; border: 1.5px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: iris-health-spin .8s linear infinite; }',
+    '.iris-health-confirm { margin-top: 12px; padding: 14px; border-radius: 11px; border: 1px solid var(--iris-health-accent); background: rgba(132,115,238,.06); font-size: 12px; line-height: 1.7; }',
+    '.iris-health-confirm-actions { margin-top: 12px; flex-wrap: wrap; }',
+    '@keyframes iris-health-spin { to { transform: rotate(360deg); } }',
+    '@container (max-width: 650px) { .iris-health-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }',
+    '@container (max-width: 420px) { .iris-health-grid { grid-template-columns: 1fr; } }',
+    '@media (max-width: 640px) { .iris-health-head { flex-wrap: nowrap; padding: 12px; } .iris-health-head > div { flex: 1; min-width: 0; } .iris-health-head > button { flex-shrink: 0; } .iris-health-content { padding: 0 12px 12px; } .iris-health-grid { grid-template-columns: 1fr; gap: 8px; } .iris-health-row { position: relative; grid-template-columns: 32px minmax(0, 1fr); gap: 5px 9px; padding: 10px; } .iris-health-card-top { display: contents; } .iris-health-card-top .iris-health-icon { grid-row: 1 / 3; grid-column: 1; } .iris-health-card-top .iris-health-caption { position: absolute; right: 10px; top: 10px; font-size: 10px; } .iris-health-card-main { grid-column: 2; min-width: 0; } .iris-health-name { padding-right: 58px; } .iris-health-state { display: flex; line-height: 1.6; margin-top: 5px; } .iris-health-state::before { flex-shrink: 0; } .iris-health-card-foot { grid-column: 2; border: 0; padding-top: 0; font-size: 10px; flex-wrap: wrap; gap: 3px; } .iris-health-link { margin-left: auto; } .iris-health-btn { min-height: 40px; } .iris-health-model-head { flex-wrap: wrap; } .iris-health-model-head > .iris-health-btn { margin-left: auto; } }',
+    '@media (prefers-reduced-motion: reduce) { .iris-health-row { transition: none; } .iris-health-row:hover { transform: none; } .iris-health-spinner { animation: none; } }',
     '.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; }',
     '.iris-cap-chip { display: inline-flex; align-items: center; gap: 3px; background: var(--dsw-alias-bg-layer-2, #32323c); border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 10px; padding: 1px 6px; font-size: 11px; }',
     '.iris-cap-chip b { color: var(--dsw-alias-brand-primary, #7aa2f7); }',
     '.iris-cap-auto { color: var(--dsw-alias-label-secondary, #9a9a9a); font-size: 11px; font-style: italic; }',
+    '.iris-cap-feedback { flex-basis: 100%; color: var(--dsw-alias-brand-primary, #7aa2f7); }',
+    '.iris-cap-feedback.saved { color: var(--dsw-alias-state-success-primary, #6fcf6f); }',
+    '.iris-cap-feedback.unknown, .iris-cap-compatibility { color: var(--dsw-alias-state-error-primary, #e06c6c); }',
+    '.iris-cap-confirm { flex-basis: 100%; padding: 8px; border: 1px solid var(--dsw-alias-brand-primary, #7aa2f7); border-radius: 6px; }',
     '.iris-pm-model-sel { 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%; }',
     '.iris-wb-drawer .iris-wb-loading { color: var(--dsw-alias-label-secondary, #9a9a9a); font-size: 12px; }',
     '.iris-bubble { position: fixed; z-index: 9999; cursor: grab; user-select: none; touch-action: none; }',
@@ -268,7 +368,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     '.iris-pm-mname { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }',
     '.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 { font: inherit; font-size: 11px; padding: 3px 7px; border: 1px solid var(--dsw-alias-border-l1, #3a3a44); border-radius: 7px; background: var(--dsw-alias-bg-layer-2, #32323c); color: var(--dsw-alias-label-secondary, #9a9a9a); cursor: pointer; }',
     '.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); }',
@@ -370,13 +470,15 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
   ].join('\n');
 
   function adoptStyles() {
-    if (document.getElementById(STYLE_ID) !== null) return;
-    var style = document.createElement('style');
-    style.id = STYLE_ID;
-    style.dataset.plugin = 'dsh-iris';
-    style.dataset.pluginCss = STYLE_ID;
-    style.textContent = cssText;
-    document.head.appendChild(style);
+    var style = document.getElementById(STYLE_ID);
+    if (style === null) {
+      style = document.createElement('style');
+      style.id = STYLE_ID;
+      style.dataset.plugin = 'dsh-iris';
+      style.dataset.pluginCss = STYLE_ID;
+      document.head.appendChild(style);
+    }
+    if (style.textContent !== cssText) style.textContent = cssText;
   }
 
   var inject = ['slots'];
@@ -514,7 +616,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
 
     function healthText(health) {
       var status = health && HEALTH_META[health.status] ? health.status : 'unconfigured';
-      var text = health && health.rateLimited
+      var text = health && health.modelUnavailable ? '模型不存在，已暂停自动选用' : health && health.rateLimited
         ? rateLimitLabel(health) + (health.retryAt
           ? '，' + new Date(health.retryAt).toLocaleTimeString() + ' 恢复候选资格；可提前实测'
           : '，实测成功后恢复')
@@ -524,25 +626,238 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       return text + (age ? ' · ' + age : '');
     }
 
+    var HEALTH_ROWS = [
+      { cap: 'image-gen', label: '图片', action: 'draw', sample: '生成一张红色圆形测试图，可能需要约一分钟。', icon: 'M4 4h16v16H4z M4 16l5-5 4 4 3-3 4 4 M8 8h.01' },
+      { cap: 'video-gen', label: '视频', action: 'video', taskOnly: true, sample: '请到视频功能填写创作要求或素材，选择模型后提交验证。', icon: 'M3 6h12v12H3z M15 10l6-3v10l-6-3' },
+      { cap: 'tts', label: '语音', action: 'tts', sample: '合成一句“你好”，以接口返回音频作为通过依据。', icon: 'M4 10h4l5-4v12l-5-4H4z M16 8c3 2 3 6 0 8 M19 5c5 4 5 10 0 14' },
+      { cap: 'music-gen', label: '音乐', action: 'music', taskOnly: true, sample: '请到音乐功能填写实际创作要求，选择模型后提交验证。', icon: 'M9 17V5l11-2v12 M9 5v4l11-2 M9 17a3 3 0 1 1-3-3h3 M20 15a3 3 0 1 1-3-3h3' },
+      { cap: 'transcribe', label: '转写', action: 'transcribe', taskOnly: true, sample: '请到转写功能提供真实音频，选择模型后提交验证。', icon: 'M9 5a3 3 0 0 1 6 0v7a3 3 0 0 1-6 0z M5 10v2a7 7 0 0 0 14 0v-2 M12 19v3 M8 22h8' },
+      { cap: 'vision', label: '视觉', action: 'ocr', sample: '发送一张内置红色测试图，检查模型能否识别颜色。', icon: 'M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0' }
+    ];
+    function capabilityIcon(row) {
+      return React.createElement('svg', { width: 20, height: 20, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor',
+        strokeWidth: 1.6, strokeLinecap: 'round', strokeLinejoin: 'round', 'aria-hidden': true }, React.createElement('path', { d: row.icon }));
+    }
+    function inspectionSupported(snapshot) {
+      return !!(snapshot && snapshot.policies && snapshot.readiness && HEALTH_ROWS.every(function (row) {
+        return snapshot.policies[row.cap] && ['auto', 'manual', 'disabled'].includes(snapshot.policies[row.cap].mode) && snapshot.readiness[row.cap];
+      }));
+    }
+    function inspectionModels(snapshot, row, requested) {
+      if (!snapshot) return [];
+      var order = snapshot.order[row.cap] || [];
+      var policy = snapshot.policies && snapshot.policies[row.cap];
+      var options = (snapshot.poolByCapability[row.cap] || []).slice();
+      if (requested && requested.ref && !options.some(function (option) { return option.ref === requested.ref; })) {
+        options.push({ ...requested, removed: true });
+      }
+      return options.filter(function (option) {
+        return order.includes(option.ref) || (requested && option.providerId === requested.providerId && option.id === requested.modelId);
+      }).sort(function (a, b) { return order.indexOf(a.ref) - order.indexOf(b.ref); }).map(function (option) {
+        var provider = snapshot.providers.find(function (item) { return item.id === option.providerId; });
+        var model = provider && provider.models.find(function (item) { return item.id === option.id; });
+        var capability = snapshot.health && snapshot.health.capabilities && snapshot.health.capabilities[row.cap];
+        var evidence = capability && (capability.candidates || []).find(function (item) { return item.providerId === option.providerId && item.modelId === option.id; });
+        var health = evidence || model && model.health && model.health[row.cap] || { status: 'configured' };
+        var host = option.ref === 'host:current-vision';
+        var reason = !inspectionSupported(snapshot) ? '请先让 DSH 加载新版功能池接口，再刷新配置。'
+          : policy.mode === 'disabled' ? '此功能已停用，请先调整调用方式。'
+          : option.removed ? '此模型已从当前配置中移除。'
+          : !order.includes(option.ref) ? '此模型未纳入当前功能池，请先调整调用方式或所选模型。'
+          : option.pendingConfirmation ? '请先在供应商中确认模型用途。'
+          : !host && (!provider || provider.enabled === false) ? '供应商当前不可用，请先检查设置。'
+          : provider && provider.dshProvider && (!provider.connection || !provider.connection.available) ? 'DSH 连接尚未就绪，请先检查宿主供应商设置。'
+          : option.protocolSupported === false ? option.reason || '当前接口协议不支持此功能。'
+          : option.unavailable && !health.rateLimited && !health.modelUnavailable && !option.modelUnavailable ? option.reason || '连接尚未就绪，请先检查供应商设置。' : '';
+        return { ...option, providerName: provider ? provider.name : 'DSH 宿主', health: health,
+          taskOnly: row.taskOnly || host, reason: reason, canTest: !reason };
+      });
+    }
     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 ' + healthClass(health) },
-          React.createElement('span', { className: 'iris-health-name' },
-            React.createElement('span', { className: 'iris-pm-dot ' + healthClass(health) }, health.retryAt ? '◷' : 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) + ' 路'));
-      }));
+      var expandedPair = React.useState(false), expanded = expandedPair[0];
+      var snapshotPair = React.useState(null), snapshot = snapshotPair[0];
+      var loadingPair = React.useState(false), loading = loadingPair[0];
+      var freshPair = React.useState(false), fresh = freshPair[0];
+      var errorPair = React.useState('');
+      var checkedPair = React.useState('');
+      var selectedPair = React.useState(null), selected = selectedPair[0];
+      var requestedPair = React.useState(null), requested = requestedPair[0];
+      var confirmPair = React.useState(null), confirmation = confirmPair[0];
+      var resultsPair = React.useState({}), results = resultsPair[0];
+      var busyPair = React.useState(null), busy = busyPair[0];
+      var running = React.useRef(false), readVersion = React.useRef(0);
+      function noteResult(key, value) { resultsPair[1](function (previous) { return { ...previous, [key]: value }; }); }
+      function load() {
+        var version = ++readVersion.current;
+        var controller = new AbortController();
+        var timer = setTimeout(function () { controller.abort(); }, 10000);
+        loadingPair[1](true); freshPair[1](false); errorPair[1]('');
+        return Promise.all([
+          postAction('assignments_get', {}, { signal: controller.signal }),
+          postAction('providers_list', {}, { signal: controller.signal }),
+          fetch('/iris/api/state', { signal: controller.signal }).then(function (r) {
+            if (!r.ok) throw new Error('健康状态读取失败（HTTP ' + r.status + '）');
+            return r.json();
+          })
+        ]).then(function (values) {
+          if (version !== readVersion.current) return null;
+          if (!values[0].ok || values[0].d.ok !== true || !values[1].ok || values[1].d.ok !== true) throw new Error('配置读取失败，请重新检查');
+          var data = { ...values[0].d, providers: values[1].d.providers, health: values[2].health };
+          snapshotPair[1](data); freshPair[1](true); checkedPair[1](new Date().toLocaleTimeString()); return data;
+        }).catch(function (error) {
+          if (version === readVersion.current) errorPair[1](error.name === 'AbortError' ? '配置检查超时，请重试；未发起模型实测。' : error.message);
+          return null;
+        }).finally(function () { clearTimeout(timer); controller.abort(); if (version === readVersion.current) loadingPair[1](false); });
+      }
+      function inspect(row, target) {
+        if (running.current) return;
+        expandedPair[1](true);
+        selectedPair[1](row.cap); requestedPair[1](target || null); confirmPair[1](null);
+      }
+      React.useEffect(function () {
+        load();
+        function open(event) {
+          var detail = event.detail || {};
+          var row = HEALTH_ROWS.find(function (item) { return item.cap === detail.capability; });
+          if (row && !running.current) {
+            inspect(row, detail); load();
+            var section = document.getElementById('iris-capability-health');
+            if (section) section.scrollIntoView({ block: 'start', behavior: 'smooth' });
+          }
+        }
+        window.addEventListener('iris-capability-inspect', open);
+        window.addEventListener('iris-function-configuration-changed', load);
+        return function () {
+          ++readVersion.current;
+          window.removeEventListener('iris-capability-inspect', open);
+          window.removeEventListener('iris-function-configuration-changed', load);
+        };
+      }, []);
+      function configure(row) {
+        var field = document.querySelector('[data-function="' + row.cap + '"] > select');
+        if (field) { revealWorkbenchItem(field); field.scrollIntoView({ block: 'center', behavior: 'smooth' }); field.focus({ preventScroll: true }); }
+      }
+      function openTask(row) {
+        var card = document.querySelector('[data-iris-action="' + row.action + '"]');
+        if (!card) return;
+        revealWorkbenchItem(card);
+        if (!card.classList.contains('open')) card.querySelector('.iris-act-head').click();
+        card.scrollIntoView({ block: 'start', behavior: 'smooth' });
+      }
+      function probe(row, option) {
+        if (running.current) return;
+        running.current = true; confirmPair[1](null);
+        requestedPair[1]({ ...option, modelId: option.id });
+        var key = row.cap + '|' + option.ref;
+        busyPair[1](key); noteResult(key, { phase: 'running', note: '正在核对当前模型范围…' });
+        load().then(function (current) {
+          var target = inspectionModels(current, row, option).find(function (item) { return item.ref === option.ref; });
+          if (!current || !target || !target.canTest || target.taskOnly) {
+            noteResult(key, { phase: 'skipped', note: target && target.reason || '配置未确认或调用范围已变化，未发起实测。' }); return;
+          }
+          noteResult(key, { phase: 'running', note: '正在实测…' + (row.cap === 'image-gen' ? '图片可能需要约一分钟，请勿重复提交。' : '请等待接口返回。') });
+          var controller = new AbortController();
+          var timer = setTimeout(function () { controller.abort(); }, 90000);
+          return postAction('providers_test_model', { id: target.providerId, model_id: target.id, capability: row.cap, confirm_paid: true },
+            { signal: controller.signal }).then(function (r) {
+            if (!r.ok || !r.d || r.d.ok !== true || (r.d.skipped !== true && typeof r.d.passed !== 'boolean')) {
+              noteResult(key, { phase: 'unknown', note: r.d && r.d.error || '未收到有效检测结果；请先核对供应商记录，避免重复计费。' }); return;
+            }
+            noteResult(key, { phase: r.d.skipped ? 'skipped' : r.d.passed ? 'passed' : 'failed',
+              note: String(r.d.text || '').replace(/^\[iris\][^\n]*?：/, '') || (r.d.passed ? '接口实测通过' : '接口未通过实测') });
+          }).catch(function () {
+            noteResult(key, { phase: 'unknown', note: '结果未确认，请先核对供应商记录，避免重复计费。本页不会自动重试。' });
+          }).finally(function () { clearTimeout(timer); });
+        }).then(function () { return load(); }).finally(function () { running.current = false; busyPair[1](null); });
+      }
+      var currentHealth = snapshot && snapshot.health;
+      if (!currentHealth || (state && state.health && state.health.generatedAt > currentHealth.generatedAt)) currentHealth = state && state.health;
+      var viewSnapshot = snapshot && { ...snapshot, health: currentHealth };
+      var supported = inspectionSupported(snapshot);
+      var row = HEALTH_ROWS.find(function (item) { return item.cap === selected; });
+      var modes = { auto: '自动选择', manual: '所选模型', disabled: '已停用' };
+      var verifiedCount = HEALTH_ROWS.filter(function (item) { return capabilityHealth({ health: currentHealth }, item.cap).status === 'verified'; }).length;
+      var blockedCount = HEALTH_ROWS.filter(function (item) { return capabilityHealth({ health: currentHealth }, item.cap).status === 'failed'; }).length;
+      var summary = busy ? '正在检测，请等待本次结果。' : errorPair[0] ? '配置读取失败，展开查看详情。'
+        : snapshot && !supported ? '服务端需重新加载，展开查看说明。'
+        : currentHealth ? '6 项能力 · ' + verifiedCount + ' 项近期成功' + (blockedCount ? ' · ' + blockedCount + ' 项调用受阻' : '')
+        : '正在读取能力状态…';
+      return React.createElement('section', { className: 'iris-health', id: 'iris-capability-health', 'aria-label': '能力状态与检测' },
+        React.createElement('div', { className: 'iris-health-head' },
+          React.createElement('div', {}, React.createElement('h2', {}, '能力状态与检测'),
+            React.createElement('p', { className: 'iris-health-subtitle', role: 'status' }, summary)),
+          React.createElement('button', { className: 'iris-health-btn', 'aria-expanded': expanded, 'aria-controls': 'iris-health-content',
+            onClick: function () { expandedPair[1](!expanded); confirmPair[1](null); } }, expanded ? '收起检测' : '展开检测')),
+        React.createElement('div', { className: 'iris-health-content', id: 'iris-health-content', hidden: !expanded },
+        React.createElement('div', { className: 'iris-health-toolbar' },
+          React.createElement('span', { className: 'iris-health-caption' }, '配置检查只读；实测前单独确认。'),
+          React.createElement('button', { className: 'iris-health-btn', 'data-health-refresh': true, disabled: loading || !!busy, onClick: function () { load(); } },
+            loading ? '正在检查配置…' : '检查配置')),
+        errorPair[0] ? React.createElement('div', { className: 'iris-health-notice error', role: 'alert' }, errorPair[0]) : null,
+        snapshot && !supported ? React.createElement('div', { className: 'iris-health-notice', role: 'status' },
+          '服务端尚未加载新版功能池接口。请重启 DSH 后刷新页面；当前只展示历史状态，暂停模型实测。') : null,
+        React.createElement('div', { className: 'iris-health-grid' }, HEALTH_ROWS.map(function (item) {
+          var health = capabilityHealth({ health: currentHealth }, item.cap);
+          var candidates = inspectionModels(viewSnapshot, item);
+          var verified = candidates.filter(function (model) { return model.health.status === 'verified'; }).length;
+          var ready = snapshot && snapshot.readiness && snapshot.readiness[item.cap];
+          var policy = snapshot && snapshot.policies && snapshot.policies[item.cap];
+          return React.createElement('button', { key: item.cap, className: 'iris-health-row ' + healthClass(health) + (selected === item.cap ? ' active' : ''),
+            'data-health-capability': item.cap, 'aria-expanded': selected === item.cap, 'aria-controls': 'iris-health-detail', disabled: !!busy,
+            onClick: function () { inspect(item); } },
+            React.createElement('div', { className: 'iris-health-card-top' },
+              React.createElement('span', { className: 'iris-health-icon' }, capabilityIcon(item)),
+              React.createElement('span', { className: 'iris-health-caption' }, policy ? modes[policy.mode] : '读取配置')),
+            React.createElement('div', { className: 'iris-health-card-main' }, React.createElement('div', { className: 'iris-health-name' }, item.label),
+              React.createElement('div', { className: 'iris-health-state', title: healthText(health) }, snapshot || state ? healthText(health) : '正在读取状态…')),
+            React.createElement('div', { className: 'iris-health-card-foot' },
+              React.createElement('span', {}, ready ? candidates.length ? ready.candidateCount + ' 个可用 · ' + verified + '/' + candidates.length + ' 近期成功' : '暂无候选模型' : '等待配置检查'),
+              React.createElement('span', { className: 'iris-health-link' }, '查看检测 ›')));
+        })),
+        React.createElement('p', { className: 'iris-health-footer', role: 'status' },
+          (checkedPair[0] ? '配置检查于 ' + checkedPair[0] + ' · ' : '') + '配置检查只读，实测需单独确认。绿色有效 7 天；不会后台探测。'),
+        row ? React.createElement('div', { className: 'iris-health-detail', id: 'iris-health-detail' },
+          React.createElement('div', { className: 'iris-health-detail-head' },
+            React.createElement('div', {}, React.createElement('h3', {}, row.label + '能力检测'),
+              React.createElement('p', { className: 'iris-health-caption' }, row.sample)),
+            React.createElement('button', { className: 'iris-health-btn', disabled: !!busy, 'aria-label': '收起能力检测',
+              onClick: function () { selectedPair[1](null); confirmPair[1](null); } }, '收起')),
+          React.createElement('div', { className: 'iris-health-models' },
+            inspectionModels(viewSnapshot, row, requested).map(function (option) {
+              var key = row.cap + '|' + option.ref;
+              var result = results[key];
+              var pending = confirmation && confirmation.ref === option.ref && confirmation.cap === row.cap;
+              return React.createElement('div', { key: option.ref, className: 'iris-health-model', 'data-health-model': option.ref, 'aria-busy': busy === key },
+                React.createElement('div', { className: 'iris-health-model-head' },
+                  React.createElement('div', { className: 'iris-health-model-title' }, React.createElement('strong', {}, option.id),
+                    React.createElement('span', { className: 'iris-health-caption' }, option.providerName + ' · ' + healthText(option.health))),
+                  React.createElement('button', { className: 'iris-health-btn' + (!option.taskOnly ? ' primary' : ''),
+                    disabled: !fresh || !option.canTest || !!busy || !!(result && result.phase === 'unknown'),
+                    onClick: function () { if (running.current) return; if (option.taskOnly) openTask(row); else confirmPair[1]({ cap: row.cap, ref: option.ref }); } },
+                    option.taskOnly ? '前往功能验证 ↗' : result && result.phase === 'running' ? '正在实测…' : '实测此模型')),
+                option.reason ? React.createElement('p', { className: 'iris-health-caption' }, option.reason) : null,
+                option.ref === 'host:current-vision' ? React.createElement('p', { className: 'iris-health-caption' },
+                  '宿主视觉通过真实图片任务验证，请在打开的表单中选择 DSH 当前默认模型。') : null,
+                option.health.rateLimited ? React.createElement('p', { className: 'iris-health-caption' }, '显式实测成功后，会解除此模型的冷却或额度停用。') : null,
+                option.modelUnavailable || option.health.modelUnavailable ? React.createElement('p', { className: 'iris-health-caption' },
+                  '当前连接曾返回模型不存在，已暂停自动选用；同步目录不会代替实测。单独实测成功后恢复，可能产生费用。') : null,
+                result ? React.createElement('div', { className: 'iris-health-result ' + result.phase, role: result.phase === 'unknown' ? 'alert' : 'status', 'aria-live': 'polite' },
+                  result.phase === 'running' ? React.createElement('span', { className: 'iris-health-spinner', 'aria-hidden': true }) : null,
+                  React.createElement('span', {}, (result.phase === 'passed' ? '实测通过 · ' : result.phase === 'failed' ? '实测未通过 · '
+                    : result.phase === 'skipped' ? '未发起实测 · ' : '') + result.note)) : null,
+                pending ? React.createElement('div', { className: 'iris-health-confirm', role: 'group', 'aria-label': '确认模型实测' },
+                  React.createElement('strong', {}, '确认向此模型发起一次真实请求？'),
+                  React.createElement('p', {}, row.sample + ' 可能产生费用。本次仅验证 ' + option.id + '，失败不会改用其他模型。'),
+                  React.createElement('div', { className: 'iris-health-confirm-actions' },
+                    React.createElement('button', { className: 'iris-health-btn primary', disabled: !!busy, onClick: function () { probe(row, option); } }, '确认并实测'),
+                    React.createElement('button', { className: 'iris-health-btn', disabled: !!busy, onClick: function () { confirmPair[1](null); } }, '取消'))) : null);
+            }),
+            !inspectionModels(viewSnapshot, row, requested).length ? React.createElement('div', { className: 'iris-health-notice' },
+              snapshot && snapshot.readiness && snapshot.readiness[row.cap] && snapshot.readiness[row.cap].note || '当前没有纳入调用范围的模型，请先配置此功能。') : null),
+          React.createElement('div', { className: 'iris-health-confirm-actions' },
+            React.createElement('button', { className: 'iris-health-btn', disabled: !!busy, onClick: function () { configure(row); } }, '查看功能设置'),
+            React.createElement('span', { className: 'iris-health-caption' }, '只检测当前调用范围内的模型；历史成功不代表所有候选均可用。'))) : null));
     }
 
     /* ---- 任务详情抽屉：按需拉取 /iris/api/task/:id ---- */
@@ -804,8 +1119,9 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     }
 
     /* ---- 供应商管理（阶段 6：增删 key + 模型列表 + 测试） ---- */
-    function postAction(action, body) {
-      return fetch('/iris/api/actions/' + action, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body || {}) })
+    function postAction(action, body, options) {
+      return fetch('/iris/api/actions/' + action, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body || {}),
+        ...(options && options.signal ? { signal: options.signal } : {}) })
         .then(function (r) { return r.json().then(function (d) { return { ok: r.ok, d: d }; }); });
     }
 
@@ -813,9 +1129,6 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
     var CAP_SHORT = { 'image-gen': '图', 'video-gen': '视', 'tts': '音', 'music-gen': '乐', 'transcribe': '转', 'vision': '视👁' };
     function ModelPool(props) {
       var p = props.provider;
-      var addPair = React.useState('');
-      var newId = addPair[0];
-      var setNewId = addPair[1];
       var models = p.models || [];
       function setImageProtocol(m, value) {
         postAction('providers_set_model_image_protocol', { id: p.id, model_id: m.id, imageProtocol: value })
@@ -835,18 +1148,23 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         return React.createElement('button', {
           key: c,
           className: cls,
-          title: title + '；点击单独验证此能力',
+          title: title + '；打开能力检测',
+          'aria-label': (HEALTH_ROWS.find(function (row) { return row.cap === c; }) || { label: c }).label + '检测 · ' + m.id,
           onClick: function () { props.testModel(p, m, c); }
-        }, c + symbol);
+        }, (HEALTH_ROWS.find(function (row) { return row.cap === c; }) || { label: c }).label + ' ' + symbol);
       }
       var rows = models.map(function (m) {
         var caps = m.capabilities || [];
         var blocked = caps.map(function (c) { return m.health && m.health[c]; }).find(function (health) { return health && health.rateLimited; });
         return React.createElement('div', { key: m.id, className: 'iris-pm-mrow' },
-          React.createElement('span', { className: 'iris-pm-mname' }, m.id, m.source === 'manual' ? React.createElement('span', { className: 'iris-pm-mtag' }, '手动') : null),
-          React.createElement('span', { className: 'iris-pm-mcaps' }, caps.length ? caps.map(function (c) { return verBadge(m, c); }) : '未标注功能'),
+          React.createElement('span', { className: 'iris-pm-mname' }, m.id, m.source === 'discovered'
+            ? React.createElement('span', { className: 'iris-pm-mtag' }, '待确认用途') : null,
+            m.catalogStatus === 'unlisted' ? React.createElement('span', { className: 'iris-pm-mtag' }, '目录未列出') : null),
+          React.createElement('span', { className: 'iris-pm-mcaps' }, caps.length ? caps.map(function (c) {
+            return m.directoryOnly ? React.createElement('span', { key: c }, (HEALTH_ROWS.find(function (row) { return row.cap === c; }) || { label: c }).label) : verBadge(m, c);
+          }) : '未标注功能'),
           React.createElement(ModelCapabilityEditor, { provider: p, model: m, onNote: props.onNote, onDone: props.onDone }),
-          caps.includes('image-gen') ? React.createElement('label', { className: 'iris-pm-note' }, '图片协议 ',
+          !m.directoryOnly && caps.includes('image-gen') ? React.createElement('label', { className: 'iris-pm-note' }, '图片协议 ',
             React.createElement('select', { value: m.imageProtocol || 'auto', onChange: function (e) { setImageProtocol(m, e.target.value); } },
               React.createElement('option', { value: 'auto' }, '继承账号默认（' + (p.mediaProtocol || '自动') + '）'),
               React.createElement('option', { value: 'dashscope' }, 'DashScope'),
@@ -854,44 +1172,54 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
               React.createElement('option', { value: 'openai-chat-images' }, '聊天生图（网关兼容）'),
               React.createElement('option', { value: 'openai-responses-images' }, 'Responses 生图')),
             m.imageRouting && m.imageRouting.protocolInferred ? ' · 协议待确认' : null) : null,
-          caps.includes('music-gen') ? React.createElement('label', { className: 'iris-pm-note' }, '音乐协议 ',
+          !m.directoryOnly && caps.includes('music-gen') ? React.createElement('label', { className: 'iris-pm-note' }, '音乐协议 ',
             React.createElement('select', { value: m.musicProtocol || '', onChange: function (e) { setMusicProtocol(m, e.target.value); } },
               React.createElement('option', { value: '' }, '请选择音乐协议'),
               React.createElement('option', { value: 'gemini-web-music' }, 'Chat Completions（内嵌音频）'))) : null,
-          caps.includes('vision') || (caps.includes('image-gen') && m.imageRouting && m.imageRouting.editSupported) ? React.createElement(VisionInputEditor, { key: 'vision-input', provider: p, model: m,
+          !m.directoryOnly && (caps.includes('vision') || (caps.includes('image-gen') && m.imageRouting && m.imageRouting.editSupported)) ? React.createElement(VisionInputEditor, { key: 'vision-input', provider: p, model: m,
             onNote: props.onNote, onDone: props.onDone }) : null,
           blocked ? React.createElement('span', { className: 'iris-pm-ver failed ' + healthClass(blocked), title: healthText(blocked) }, rateLimitLabel(blocked)) : null,
-          React.createElement('button', { className: 'iris-pm-btn danger', title: '从池移除', onClick: function () { props.removeModel(p, m); } }, '✕'));
+          !m.directoryOnly ? React.createElement('button', { className: 'iris-pm-btn danger', title: '从池移除', onClick: function () { props.removeModel(p, m); } }, '✕') : null);
       });
       return React.createElement('div', { className: 'iris-pm-pool' },
-        React.createElement('div', { className: 'iris-pm-note' }, '模型池（' + models.length + '）：'),
-        rows.length ? React.createElement('div', { className: 'iris-pm-mrows' }, rows) : React.createElement('div', { className: 'iris-pm-note' }, '暂无模型 — 点「发现模型」拉取，或下方手动添加'),
-        React.createElement('div', { className: 'iris-wb-row' },
-          React.createElement('input', { className: 'iris-pm-madd', placeholder: '手动添加模型名，如 wan2.7-image', value: newId, onChange: function (e) { setNewId(e.target.value); } }),
-          React.createElement('button', { className: 'iris-pm-btn', onClick: function () { props.addModel(p, newId.trim()); setNewId(''); } }, '+ 添加')));
+        React.createElement('div', { className: 'iris-pm-note' }, '模型池（' + models.filter(function (m) { return !m.directoryOnly; }).length + '）'
+          + (models.some(function (m) { return m.directoryOnly; }) ? ' · 目录待确认 ' + models.filter(function (m) { return m.directoryOnly; }).length + ' 项' : '') + '：'),
+        rows.length ? React.createElement('div', { className: 'iris-pm-mrows' }, rows) : React.createElement('div', { className: 'iris-pm-note' }, '暂无模型 — 展开「模型目录」同步，或在下方手动添加'),
+        React.createElement(ModelUsageForm, { provider: p, setupSuggested: props.setupSuggested,
+          onNote: props.onNote, onDone: props.onDone }));
     }
 
-    function ModelCapabilityEditor(props) {
-      var openPair = React.useState(false);
-      var capsPair = React.useState([]);
+    function ModelUsageForm(props) {
+      var namePair = React.useState(props.model ? props.model.id : '');
+      var capsPair = React.useState(props.model ? (props.model.capabilities || []).slice() : []);
+      var autoPair = React.useState(!props.model && props.setupSuggested === true);
+      var musicPair = React.useState(props.model && props.model.musicProtocol || '');
       var savingPair = React.useState(false);
       var selected = capsPair[0];
       var saving = savingPair[0];
       function save() {
         if (saving) return;
+        if (!namePair[0].trim()) { props.onNote('请填写模型名称'); return; }
+        if (selected.includes('music-gen') && !musicPair[0]) { props.onNote('请先选择该模型实际支持的音乐协议'); return; }
         savingPair[1](true);
-        postAction('providers_set_model_caps', { id: props.provider.id, model_id: props.model.id, capabilities: selected })
+        postAction('providers_confirm_model', { id: props.provider.id, model_id: namePair[0].trim(), capabilities: selected,
+          enableAutomatic: autoPair[0], ...(selected.includes('music-gen') ? { musicProtocol: musicPair[0] } : {}) })
           .then(function (r) {
             if (r.ok) {
-              openPair[1](false);
-              props.onNote('模型功能标签已保存');
+              if (!props.model) namePair[1]('');
+              props.onNote(r.d.text || '模型用途已确认');
               props.onDone();
+              window.dispatchEvent(new CustomEvent('iris-function-configuration-changed'));
             } else props.onNote(r.d.error || '保存失败');
+          }).catch(function () { props.onNote('无法保存，请检查与宿主的连接');
           }).finally(function () { savingPair[1](false); });
       }
-      if (!openPair[0]) return React.createElement('button', { className: 'iris-pm-btn', title: '设置此模型可用于哪些功能',
-        onClick: function () { capsPair[1]((props.model.capabilities || []).slice()); openPair[1](true); } }, '设置功能');
-      return React.createElement('div', { className: 'iris-wb-row' },
+      return React.createElement('div', { className: 'iris-pm-card' },
+        !props.model ? React.createElement('label', { className: 'iris-pm-field' }, '模型名称',
+          React.createElement('input', { value: namePair[0], placeholder: '发现后选模型，或填写服务提供的模型名',
+            onChange: function (e) { namePair[1](e.target.value); } })) : null,
+        React.createElement('div', { className: 'iris-pm-note' }, '确认此模型用于哪些功能；名称和文字接口本身不证明媒体能力。'),
+        React.createElement('div', { className: 'iris-wb-row' },
         CAP_ROWS.map(function (row) {
           return React.createElement('label', { key: row.cap, className: 'iris-pm-note' },
             React.createElement('input', { type: 'checkbox', value: row.cap, checked: selected.includes(row.cap), disabled: saving,
@@ -902,9 +1230,25 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
                     : previous.filter(function (cap) { return cap !== row.cap; });
                 });
               } }), row.label);
-        }),
-        React.createElement('button', { className: 'iris-pm-btn', disabled: saving, onClick: save }, saving ? '保存中…' : '保存功能'),
-        React.createElement('button', { className: 'iris-pm-btn', disabled: saving, onClick: function () { openPair[1](false); } }, '取消'));
+        })),
+        selected.includes('music-gen') ? React.createElement('label', { className: 'iris-pm-note' }, '音乐协议 ',
+          React.createElement('select', { value: musicPair[0], onChange: function (e) { musicPair[1](e.target.value); } },
+            React.createElement('option', { value: '' }, '请选择音乐协议'),
+            React.createElement('option', { value: 'gemini-web-music' }, 'Chat Completions（内嵌音频）'))) : null,
+        React.createElement('label', { className: 'iris-pm-note' }, React.createElement('input', {
+          type: 'checkbox', checked: autoPair[0], onChange: function (e) { autoPair[1](e.target.checked); }
+        }), '同时启用所选功能的自动池（替换这些功能当前的调用方式，保留原手工名单）'),
+        React.createElement('button', { className: 'iris-pm-btn', disabled: saving, onClick: save }, saving ? '保存中…' : '保存模型用途'));
+    }
+
+    function ModelCapabilityEditor(props) {
+      var openPair = React.useState(false);
+      if (!openPair[0]) return React.createElement('button', { className: 'iris-pm-btn', title: '确认模型用途，加入功能池',
+        onClick: function () { openPair[1](true); } }, '设置功能');
+      return React.createElement('div', {},
+        React.createElement(ModelUsageForm, { provider: props.provider, model: props.model, onNote: props.onNote,
+          onDone: function () { openPair[1](false); props.onDone(); } }),
+        React.createElement('button', { className: 'iris-pm-btn', onClick: function () { openPair[1](false); } }, '取消'));
     }
 
     function VisionInputEditor(props) {
@@ -940,6 +1284,42 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         React.createElement('span', { className: 'iris-pm-note' }, '用于看图、OCR 每块输入、定位和改图的发送副本。作品原图保留，定位结果换算回原图。'));
     }
 
+    function ProviderDirectory(props) {
+      var p = props.provider, directory = p.directory || { status: 'unknown' };
+      var busyPair = React.useState(false), notePair = React.useState(''), running = React.useRef(false);
+      function synchronize() {
+        if (running.current || !p.directory) return;
+        running.current = true; busyPair[1](true); notePair[1]('');
+        var controller = new AbortController();
+        var timer = setTimeout(function () { controller.abort(); }, 90000);
+        postAction('providers_sync_directory', { id: p.id, force: true }, { signal: controller.signal }).then(function (r) {
+          if (!r.ok || !r.d || r.d.ok !== true || typeof r.d.synced !== 'boolean') {
+            notePair[1]('同步结果未确认，请刷新状态查看。' + (r.d && r.d.error ? ' ' + String(r.d.error) : '')); return;
+          }
+          notePair[1](r.d.text || (r.d.synced ? '模型目录已同步' : '目录同步失败，保留上次完整目录'));
+          props.onDone();
+        }).catch(function () { notePair[1]('同步结果未确认，请刷新状态查看；本次没有发起模型生成。'); })
+          .finally(function () { clearTimeout(timer); running.current = false; busyPair[1](false); });
+      }
+      var summary = busyPair[0] ? '正在同步…' : directory.checkedAt
+        ? (directory.status === 'stale' ? '缓存待更新' : '已同步') + ' · ' + directory.modelCount + ' 个模型 · 目录未列出 ' + (directory.missing || []).length + ' 项'
+        : '尚未同步';
+      return React.createElement('details', { className: 'iris-pm-field', 'data-provider-directory': p.id, 'aria-busy': busyPair[0] },
+        React.createElement('summary', { className: 'iris-pm-note' }, '模型目录 · ' + summary),
+        React.createElement('div', { className: 'iris-wb-row' },
+          React.createElement('span', { className: 'iris-pm-note' }, directory.checkedAt ? '上次同步：' + new Date(directory.checkedAt).toLocaleString() : '目录与模型用途分别保存'),
+          React.createElement('button', { className: 'iris-pm-btn', disabled: busyPair[0] || !p.directory || !p.enabled,
+            onClick: synchronize }, busyPair[0] ? '正在同步…' : '同步目录')),
+        !p.directory ? React.createElement('p', { className: 'iris-pm-note' }, '请先让 DSH 加载新版 Iris，再同步目录。') : null,
+        directory.error && !notePair[0] ? React.createElement('p', { className: 'iris-pm-note', role: 'status' }, '上次同步未完成，保留旧目录：' + directory.error) : null,
+        notePair[0] ? React.createElement('p', { className: 'iris-pm-note', role: 'status' }, notePair[0]) : null,
+        React.createElement('p', { className: 'iris-pm-note' }, '同步只读取供应商目录，新模型仍需确认用途。目录未列出不等于下线；实测与生成需单独发起。'),
+        (directory.added || []).length ? React.createElement('p', { className: 'iris-pm-note' }, '本次新增：' + directory.added.slice(0, 5).join('、')
+          + (directory.added.length > 5 ? ' 等 ' + directory.added.length + ' 项，完整条目见下方列表' : '')) : null,
+        (directory.missing || []).length ? React.createElement('p', { className: 'iris-pm-note' }, '目录未列出：' + directory.missing.slice(0, 5).join('、')
+          + (directory.missing.length > 5 ? ' 等 ' + directory.missing.length + ' 项，原配置继续保留' : '')) : null);
+    }
+
     function ProviderEndpointEditor(props) {
       var p = props.provider;
       var valuePair = React.useState(p.mediaBaseUrl || '');
@@ -970,11 +1350,22 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var adding = addingPair[0];
       var setAdding = addingPair[1];
       var newForm = React.useState({ name: '', baseUrl: '', mediaBaseUrl: '', apiKey: '', type: 'openai', mediaProtocol: 'auto' });
+      var hostConnections = React.useState([]);
+      var hostChoice = React.useState('');
+      var setupPair = React.useState(false);
       var notePair = React.useState('');
       var note = notePair[0];
       var setNote = notePair[1];
       function refresh() {
-        postAction('providers_list', {}).then(function (r) { if (r.ok && r.d.providers) setList(r.d.providers); });
+        postAction('providers_list', {}).then(function (r) { if (r.ok && r.d.providers) {
+          setList(r.d.providers); setupPair[1](r.d.setupSuggested === true);
+        } });
+      }
+      function loadHostConnections() {
+        postAction('providers_host_connections', {}).then(function (r) {
+          if (r.ok) { hostConnections[1](r.d.connections || []); if (r.d.note) setNote(r.d.note); }
+          else setNote(r.d.error || '无法读取 DSH 连接');
+        });
       }
       React.useEffect(function () {
         refresh();
@@ -983,9 +1374,20 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       }, []);
       function addProvider() {
         var f = newForm[0];
+        if (hostChoice[0]) {
+          var connection = hostConnections[0].find(function (item) { return JSON.stringify([item.settingsNs, item.provider]) === hostChoice[0]; });
+          if (!connection || !connection.available) { setNote('请重新选择可用的 DSH 连接'); return; }
+          postAction('providers_upsert', { name: f.name || connection.name, type: 'openai', enabled: true,
+            mediaProtocol: f.mediaProtocol, dshProvider: { provider: connection.provider, settingsNs: connection.settingsNs } })
+            .then(function (r) {
+              if (r.ok) { setAdding(false); openPair[1](r.d.providerId); setNote('已引用 DSH 连接，请在下方确认模型用途，即可启用自动池'); refresh(); }
+              else setNote(r.d.error || '添加失败');
+            });
+          return;
+        }
         if (!f.baseUrl || !f.apiKey) { setNote('baseUrl 和 apiKey 必填'); return; }
         postAction('providers_upsert', f).then(function (r) {
-          if (r.ok) { setAdding(false); setNote('已添加 ' + f.name); refresh(); }
+          if (r.ok) { setAdding(false); openPair[1](r.d.providerId); setNote('已连接，请在下方确认模型用途'); refresh(); }
           else setNote(r.d.error || '添加失败');
         });
       }
@@ -999,21 +1401,10 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         if (!window.confirm('删除供应商「' + (p.name || p.id) + '」？此操作不可撤销。')) return;
         postAction('providers_remove', { id: p.id }).then(function (r) { if (r.ok) refresh(); else setNote(r.d.error || '删除失败'); });
       }
-      function testVision(p) {
-        if (!window.confirm('视觉实测会向供应商发送一张内置测试图，可能产生费用。继续吗？')) return;
-        setNote('测试「' + (p.name || p.id) + '」的视觉能力…');
-        postAction('providers_test_vision', { id: p.id, confirm_paid: true }).then(function (r) { setNote(r.d.text || r.d.error || '测试完成'); refresh(); });
-      }
-      function discover(p) {
-        setNote('正在发现「' + (p.name || p.id) + '」的模型…');
-        postAction('providers_discover', { id: p.id }).then(function (r) { setNote(r.d.text || r.d.error || '发现完成'); refresh(); });
-      }
       function testModel(p, m, capability) {
-        var noProbe = capability === 'video-gen' || capability === 'transcribe' || capability === 'music-gen';
-        if (!noProbe && !window.confirm('将用模型「' + m.id + '」发起一次真实的 ' + capability + ' 请求，可能产生费用。继续吗？')) return;
-        setNote('验证 ' + m.id + ' · ' + capability + '…');
-        postAction('providers_test_model', { id: p.id, model_id: m.id, capability: capability, confirm_paid: !noProbe })
-          .then(function (r) { setNote(r.d.text || r.d.error || ''); refresh(); });
+        window.dispatchEvent(new CustomEvent('iris-capability-inspect', {
+          detail: { capability: capability, providerId: p.id, modelId: m.id }
+        }));
       }
       function setProtocol(p, value) {
         postAction('providers_upsert', { id: p.id, mediaProtocol: value }).then(function (r) {
@@ -1024,16 +1415,14 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         if (!window.confirm('从池中移除模型「' + m.id + '」？')) return;
         postAction('providers_remove_model', { id: p.id, model_id: m.id }).then(function (r) { setNote(r.d.text || r.d.error || ''); refresh(); });
       }
-      function addModel(p, modelId) {
-        if (!modelId) { setNote('模型名不能为空'); return; }
-        postAction('providers_add_model', { id: p.id, model_id: modelId }).then(function (r) { setNote(r.d.text || r.d.error || ''); refresh(); });
-      }
       var cards = (list || []).map(function (p) {
         var open = openPair[0] === p.id;
         var body = null;
         if (open) {
-          body = React.createElement('div', { className: 'iris-pm-body' },
+          body = React.createElement('div', { className: 'iris-pm-body', id: 'iris-provider-' + p.id },
             React.createElement('div', { className: 'iris-pm-note' }, 'Key ' + (p.apiKeyHint || '未配置') + ' · ' + (p.type || '') + ' · ' + (p.mediaProtocol || '')),
+            p.dshProvider ? React.createElement('div', { className: 'iris-pm-note' }, '引用 DSH：' + p.dshProvider.provider
+              + ' · 地址和密钥由宿主管理；' + (p.connection && p.connection.available ? '连接可用' : ((p.connection && p.connection.reason) || '连接不可用'))) : null,
             p.protocolInferred ? React.createElement('div', { className: 'iris-pm-note' }, '协议为推断值，请确认') : null,
             React.createElement(ProviderEndpointEditor, { provider: p, onNote: setNote, onDone: refresh }),
             React.createElement(VisionInputEditor, { provider: p, onNote: setNote, onDone: refresh }),
@@ -1045,14 +1434,15 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
               React.createElement('option', { value: 'openai-chat-images' }, '聊天生图（网关兼容）'),
               React.createElement('option', { value: 'openai-responses-images' }, 'Responses 生图'))),
             React.createElement('div', { className: 'iris-pm-note' }, '能力: ' + ((p.capabilities || []).join(' / ') || '无')),
-            React.createElement(ModelPool, { provider: p, onNote: setNote, onDone: refresh, testModel: testModel, removeModel: removeModel, addModel: addModel }),
+            React.createElement(ProviderDirectory, { provider: p, onDone: refresh }),
+            React.createElement(ModelPool, { provider: p, setupSuggested: setupPair[0], onNote: setNote, onDone: refresh, testModel: testModel, removeModel: removeModel }),
             React.createElement('div', { className: 'iris-wb-row' },
-              React.createElement('button', { className: 'iris-pm-btn', onClick: function () { discover(p); } }, '发现模型'),
               React.createElement('button', { className: 'iris-pm-btn', onClick: function () { toggle(p); } }, p.enabled ? '停用' : '启用'),
               React.createElement('button', { className: 'iris-pm-btn danger', onClick: function () { remove(p); } }, '删除')));
         }
         return React.createElement('div', { key: p.id, className: 'iris-pm-card' + (open ? ' open' : '') },
-          React.createElement('div', { className: 'iris-pm-top', onClick: function () { setOpen(open ? null : p.id); } },
+          React.createElement('button', { type: 'button', className: 'iris-pm-top', 'aria-expanded': open, 'aria-controls': 'iris-provider-' + p.id,
+            onClick: function () { setOpen(open ? null : p.id); } },
             React.createElement('span', { className: 'iris-pm-name' }, (p.name || p.id) + (p.enabled ? '' : '（停用）')),
             React.createElement('span', { className: 'iris-pm-btn' }, open ? '收起' : '管理')),
           body);
@@ -1060,12 +1450,19 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var addBlock = null;
       if (adding) {
         addBlock = React.createElement('div', { className: 'iris-pm-card' },
+          React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '连接来源'),
+            React.createElement('select', { value: hostChoice[0], onChange: function (e) { hostChoice[1](e.target.value); } },
+              React.createElement('option', { value: '' }, '手动填写供应商'),
+              hostConnections[0].map(function (connection) { return React.createElement('option', {
+                key: JSON.stringify([connection.settingsNs, connection.provider]), value: JSON.stringify([connection.settingsNs, connection.provider]), disabled: !connection.available
+              }, 'DSH · ' + connection.name + (connection.available ? '' : '（' + connection.reason + '）')); }))),
+          hostChoice[0] ? React.createElement('div', { className: 'iris-pm-note' }, '地址与密钥随 DSH 连接更新，不保存密钥副本。请选择该服务实际支持的媒体协议；模型能力仍需明确配置。') : null,
           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 }); } })),
+          !hostChoice[0] ? React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, 'Base URL *'), React.createElement('input', { value: newForm[0].baseUrl, placeholder: 'https://dashscope.aliyuncs.com/compatible-mode/v1', onChange: function (e) { newForm[1]({ ...newForm[0], baseUrl: e.target.value }); } })) : null,
+          !hostChoice[0] ? React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, '媒体 Base URL（可选）'), React.createElement('input', { value: newForm[0].mediaBaseUrl, placeholder: 'Workspace 媒体端点；留空沿用 Base URL', onChange: function (e) { newForm[1]({ ...newForm[0], mediaBaseUrl: e.target.value }); } })) : null,
+          !hostChoice[0] ? React.createElement('div', { className: 'iris-pm-field' }, React.createElement('label', {}, 'API Key *'), React.createElement('input', { type: 'password', value: newForm[0].apiKey, placeholder: 'sk-...', onChange: function (e) { newForm[1]({ ...newForm[0], apiKey: e.target.value }); } })) : null,
           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' }, hostChoice[0] ? '请选择该服务支持的媒体协议' : '自动（按媒体 Base URL 安全判断）'),
             React.createElement('option', { value: 'dashscope' }, 'DashScope（阿里云官方）'),
             React.createElement('option', { value: 'openai-images' }, 'OpenAI Images 兼容'),
             React.createElement('option', { value: 'openai-chat-images' }, '聊天生图（网关兼容）'),
@@ -1077,7 +1474,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       return React.createElement('div', { className: 'iris-pm' },
         React.createElement('div', { className: 'iris-pm-head' },
           React.createElement('span', { className: 'iris-wb-muted' }, (list ? list.length : 0) + ' 个供应商'),
-          React.createElement('button', { className: 'iris-pm-add', onClick: function () { setAdding(!adding); } }, adding ? '收起' : '+ 添加供应商')),
+          React.createElement('button', { className: 'iris-pm-add', onClick: function () { if (!adding) { hostChoice[1](''); loadHostConnections(); } setAdding(!adding); } }, adding ? '收起' : '+ 添加供应商')),
         addBlock,
         cards.length ? cards : React.createElement('div', { className: 'iris-wb-empty' }, '暂无供应商 — 点右上角「+ 添加供应商」'),
         note ? React.createElement('div', { className: 'iris-pm-act' }, note) : null);
@@ -1169,9 +1566,10 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var setModelInfo = modelPair[1];
       var irisState = useIrisState(5000);
       function setVal(key, value) { var nv = {}; Object.keys(vals).forEach(function (k) { nv[k] = vals[k]; }); nv[key] = value; setVals(nv); }
-      function loadModels() {
+      function loadModels(event) {
         if (!capability) return;
-        postAction('assignments_get', {}).then(function (r) {
+        var snapshot = event && event.detail && event.detail.functionAssignments;
+        (snapshot ? Promise.resolve({ ok: true, d: snapshot }) : postAction('assignments_get', {})).then(function (r) {
           if (!r.ok || !r.d) return;
           var opts = (r.d.poolByCapability && r.d.poolByCapability[capability]) || [];
           var ord = (r.d.order && r.d.order[capability]) || [];
@@ -1179,10 +1577,17 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           var assignedRef = ord[0] || '';
           var assignedOpt = opts.find(function (o) { return o.ref === assignedRef; });
           // 不再自动填 vals.model：留空 = 用能力分配的解析结果（避免绕过分配）
-          setModelInfo({ assigned: assignedOpt ? assignedOpt.label : '', assignedRef: assignedRef, options: opts, loaded: true });
+          setModelInfo({ assigned: assignedOpt ? assignedOpt.label : '', assignedRef: assignedRef, options: opts, loaded: true,
+            mode: r.d.policies && r.d.policies[capability] && r.d.policies[capability].mode,
+            readiness: r.d.readiness && r.d.readiness[capability] });
         });
       }
-      React.useEffect(function () { if (open && capability) loadModels(); }, [open]);
+      React.useEffect(function () {
+        if (!open || !capability) return;
+        loadModels();
+        window.addEventListener('iris-function-configuration-changed', loadModels);
+        return function () { window.removeEventListener('iris-function-configuration-changed', loadModels); };
+      }, [open]);
       function submit() {
         if (run === 'running') return;
         setRun('running');
@@ -1199,13 +1604,18 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           .catch(function () { setRun({ ok: false, text: '网络错误' }); });
       }
       var cardHealth = capability ? capabilityHealth(irisState, capability) : { status: 'verified' };
+      // Host references can be ready without raw endpoint/key fields in the state snapshot.
+      if (modelInfo && modelInfo.readiness) {
+        if (modelInfo.mode === 'disabled') cardHealth = { status: 'unconfigured' };
+        else if (modelInfo.readiness.candidateCount > 0 && cardHealth.status === 'unconfigured') cardHealth = { status: 'configured' };
+      }
       var body = null;
       if (open) {
         var inputs = fields.map(function (f) {
           var node;
           if (f.key === 'model' && capability) {
             node = React.createElement('select', { value: vals.model || '', onChange: function (e) { setVal('model', e.target.value); } },
-              React.createElement('option', { value: '' }, '按功能分配顺序'),
+              React.createElement('option', { value: '' }, modelInfo && modelInfo.mode === 'auto' ? '按功能池顺序自动选择' : '按所选模型顺序'),
               ((modelInfo && modelInfo.options) || []).map(function (option) {
                 return React.createElement('option', { key: option.ref, value: option.ref, disabled: option.unavailable }, option.label + (option.unavailable ? ' · 当前不可用' : ''));
               }));
@@ -1249,14 +1659,15 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         // 只读模型提示：当前能力解析到的模型与持久健康事实。
         var modelBar = null;
         if (capability) {
-          var available = modelInfo && modelInfo.loaded && modelInfo.options.length > 0;
+          var available = modelInfo && modelInfo.loaded && (modelInfo.readiness ? modelInfo.readiness.candidateCount > 0 : 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: 'iris-pm-dot ' + healthClass(cardHealth) }, cardHealth.retryAt ? '◷' : HEALTH_META[cardHealth.status].symbol),
               ' 模型：' + (shown || '未分配') + (available ? '' : '（无可用模型）')),
             React.createElement('div', { className: 'iris-wb-muted' },
-              healthText(cardHealth) + ' · 改分配 → 上方「功能分配（调用顺序）」'));
+              (modelInfo && modelInfo.readiness ? modelInfo.readiness.candidateCount + ' 个候选 · ' + (modelInfo.readiness.note || '实际权限以调用结果为准') : healthText(cardHealth))
+                + ' · 调整方式 → 上方「功能池与调用方式」'));
         }
         body = React.createElement('div', { className: 'iris-act-body' },
           modelBar,
@@ -1268,7 +1679,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var headStatus = capability ? cardHealth.status : 'verified';
       var headTitle = capability ? healthText(cardHealth) : '本地功能';
       return React.createElement('div', {
-        className: 'iris-act-card' + (open ? ' open' : '') + (capability ? ' health-' + headStatus : '')
+        className: 'iris-act-card' + (open ? ' open' : '') + (capability ? ' health-' + headStatus : ''), 'data-iris-action': action
       },
         React.createElement('div', { className: 'iris-act-head', onClick: function () { setOpen(!open); } },
           React.createElement('span', { className: 'iris-act-title' }, title),
@@ -1360,59 +1771,168 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       { cap: 'vision', label: '👁 视觉' }
     ];
     function CapabilityAssigner() {
-      var dataPair = React.useState(null);
-      var data = dataPair[0];
-      var setData = dataPair[1];
-      function load() {
-        postAction('assignments_get', {}).then(function (r) {
-          if (r.ok && r.d) setData(r.d);
-        });
+      var dataPair = React.useState(null), data = dataPair[0], setData = dataPair[1];
+      var notePair = React.useState('');
+      var feedbackPair = React.useState({}), feedback = feedbackPair[0];
+      var busyPair = React.useState(null), busy = busyPair[0];
+      var loadingPair = React.useState(false), loading = loadingPair[0];
+      var confirmPair = React.useState(null), confirmation = confirmPair[0];
+      var saving = React.useRef(false), readVersion = React.useRef(0);
+      var labels = { auto: '按功能自动选择', manual: '仅用所选模型', disabled: '停用' };
+      function compatible(snapshot) {
+        return !!(snapshot && snapshot.policies && snapshot.readiness && CAP_ROWS.every(function (row) {
+          return snapshot.policies[row.cap] && ['auto', 'manual', 'disabled'].includes(snapshot.policies[row.cap].mode) && snapshot.readiness[row.cap];
+        }));
       }
-      React.useEffect(function () { load(); }, []);
-      function save(cap, refs) {
-        postAction('assignments_set', { capability: cap, model_refs: refs }).then(function () {
-          load(); // 成败都重载：成功显示新序，失败显示实际落盘序（不骗 UI）
-        });
+      function setFeedback(cap, value) {
+        feedbackPair[1](function (previous) { return { ...previous, [cap]: value }; });
+      }
+      function request(action, body) {
+        var controller = new AbortController();
+        var timer = setTimeout(function () { controller.abort(); }, 10000);
+        return postAction(action, body, { signal: controller.signal }).finally(function () { clearTimeout(timer); });
+      }
+      function load(event) {
+        var version = ++readVersion.current;
+        var shared = event && event.detail && event.detail.functionAssignments;
+        if (shared) { setData(shared); loadingPair[1](false); return Promise.resolve(shared); }
+        loadingPair[1](true);
+        return request('assignments_get', {}).then(function (r) {
+          if (version !== readVersion.current) return null;
+          if (!r.ok || !r.d || r.d.ok !== true) throw new Error(r.d && r.d.error || '无法读取功能池');
+          setData(r.d); notePair[1](''); return r.d;
+        }).catch(function (error) {
+          if (version === readVersion.current) notePair[1](error.name === 'AbortError' ? '读取状态超时，请重新检查' : '无法读取功能池，请检查与宿主的连接');
+          return null;
+        }).finally(function () { if (version === readVersion.current) loadingPair[1](false); });
+      }
+      React.useEffect(function () {
+        load();
+        window.addEventListener('iris-function-configuration-changed', load);
+        return function () { window.removeEventListener('iris-function-configuration-changed', load); };
+      }, []);
+      function update(body) {
+        if (saving.current || !compatible(data)) return;
+        saving.current = true; busyPair[1](body.capability); confirmPair[1](null);
+        ++readVersion.current; // A read started before this write cannot overwrite its result.
+        loadingPair[1](false);
+        var desired = body.mode || (body.model_refs.length ? 'manual' : 'disabled');
+        setFeedback(body.capability, { phase: 'saving', message: '正在保存…' });
+        request('assignments_set', body).then(function (r) {
+          if (!r.ok || !r.d || r.d.ok !== true) throw new Error(r.d && r.d.error || '未收到保存确认，请刷新状态核对');
+          if ((body.mode && r.d.mode !== body.mode) || !Array.isArray(r.d.model_refs)) {
+            setData(function (previous) { return { ...previous, policies: null, readiness: null }; });
+            throw new Error('服务端未确认新策略，请重启 DSH 后刷新页面');
+          }
+          setData(function (previous) { return { ...previous,
+            policies: { ...previous.policies, [body.capability]: { ...previous.policies[body.capability], mode: desired,
+              ...(body.hostVision !== undefined ? { hostVision: body.hostVision } : {}) } },
+            order: { ...previous.order, [body.capability]: r.d.model_refs }
+          }; });
+          setFeedback(body.capability, { phase: 'refreshing', message: '已保存为“' + labels[desired] + '”，正在更新候选…' });
+          return load().then(function (snapshot) {
+            if (!snapshot) {
+              setFeedback(body.capability, { phase: 'saved-stale', message: '已保存为“' + labels[desired] + '”，候选未能刷新，请核对状态' });
+              return;
+            }
+            var policy = snapshot.policies && snapshot.policies[body.capability];
+            var confirmed = compatible(snapshot) && policy.mode === desired
+              && (body.hostVision === undefined || policy.hostVision === body.hostVision);
+            setFeedback(body.capability, confirmed
+              ? { phase: 'saved', message: '已保存：' + labels[desired] + ' · ' + snapshot.readiness[body.capability].candidateCount + ' 个可用候选' }
+              : { phase: 'unknown', message: '读取的状态与本次选择不一致，请核对服务端状态' });
+            window.dispatchEvent(new CustomEvent('iris-function-configuration-changed', { detail: { functionAssignments: snapshot } }));
+          });
+        }).catch(function (error) {
+          setFeedback(body.capability, { phase: 'unknown', message: error.name === 'AbortError'
+            ? '未收到保存确认，请刷新状态核对，暂勿重复提交' : error.message || '保存结果未确认，请刷新状态核对' });
+        }).finally(function () { saving.current = false; busyPair[1](null); });
       }
-      if (!data) return React.createElement('div', { className: 'iris-wb-muted' }, '加载能力分配…');
-      var order = data.order || {};
-      var poolBy = data.poolByCapability || {};
-      return React.createElement('div', { className: 'iris-cap-grid' }, CAP_ROWS.map(function (row) {
-        var list = order[row.cap] || [];
-        var opts = poolBy[row.cap] || [];
-        var available = opts.filter(function (o) { return list.indexOf(o.ref) < 0; });
-        var chips = list.map(function (ref, i) {
-          var opt = opts.find(function (o) { return o.ref === ref; });
-          return React.createElement('span', { key: ref, className: 'iris-cap-chip' },
-            React.createElement('b', {}, (i + 1) + '.'),
-            opt ? opt.label + (opt.unavailable ? ' · 当前不可用' : '') : ref + ' · 配置已失效',
-            i > 0 ? React.createElement('button', {
-              className: 'iris-pm-btn', title: '上移',
-              onClick: function () { var n = list.slice(); var t = n.splice(i, 1)[0]; n.splice(i - 1, 0, t); save(row.cap, n); }
-            }, '↑') : null,
-            i < list.length - 1 ? React.createElement('button', {
-              className: 'iris-pm-btn', title: '下移',
-              onClick: function () { var n = list.slice(); var t = n.splice(i, 1)[0]; n.splice(i + 1, 0, t); save(row.cap, n); }
-            }, '↓') : null,
-            React.createElement('button', {
-              className: 'iris-pm-btn danger', title: '移出列表',
-              onClick: function () { save(row.cap, list.filter(function (x) { return x !== ref; })); }
-            }, '✕'));
+      function check(cap) {
+        if (saving.current) return;
+        return load().then(function (snapshot) {
+          if (compatible(snapshot)) setFeedback(cap, { phase: 'saved', message: '当前已保存：' + labels[snapshot.policies[cap].mode]
+            + ' · ' + snapshot.readiness[cap].candidateCount + ' 个可用候选' });
         });
-        return React.createElement('div', { key: row.cap, className: 'iris-cap-row' },
-          React.createElement('span', { className: 'iris-cap-name' }, row.label),
-          chips.length ? chips : React.createElement('span', { className: 'iris-cap-auto' }, '尚未分配模型'),
-          available.length ? React.createElement('select', {
-            className: 'iris-pm-model-sel', value: '',
-            onChange: function (e) { if (e.target.value) save(row.cap, list.concat([e.target.value])); }
-          },
-            React.createElement('option', { value: '' }, '+ 分配模型'),
-            available.map(function (o) { return React.createElement('option', { key: o.ref, value: o.ref }, o.label); })) : null,
-          list.length ? React.createElement('button', {
-            className: 'iris-pm-btn', title: '清空分配后，该功能不再发起新调用',
-            onClick: function () { save(row.cap, []); }
-          }, '清空分配') : null);
-      }));
+      }
+      function save(cap, refs) { update({ capability: cap, model_refs: refs }); }
+      if (!data) return React.createElement('div', { className: 'iris-wb-muted', role: 'status' },
+        notePair[0] || '加载功能池…', notePair[0] ? React.createElement('button', { className: 'iris-pm-btn', disabled: loading,
+          onClick: function () { load(); } }, loading ? '正在检查…' : '重新检查') : null);
+      var supported = compatible(data);
+      var order = data.order || {}, poolBy = data.poolByCapability || {};
+      return React.createElement('div', { className: 'iris-cap-grid' },
+        !supported ? React.createElement('div', { className: 'iris-cap-compatibility', role: 'alert' },
+          '当前服务端尚未加载功能池策略，已暂停切换。请重启 DSH 后刷新页面；仅刷新页面无法更新服务端。',
+          React.createElement('button', { className: 'iris-pm-btn', disabled: loading,
+            onClick: function () { load(); } }, loading ? '正在检查…' : '重新检查服务端')) : null,
+        CAP_ROWS.map(function (row) {
+          var policy = data.policies && data.policies[row.cap] || { mode: (order[row.cap] || []).length ? 'manual' : 'disabled', models: order[row.cap] || [] };
+          var mode = policy.mode;
+          var list = order[row.cap] || [];
+          var opts = poolBy[row.cap] || [];
+          var status = data.readiness && data.readiness[row.cap];
+          var available = opts.filter(function (o) { return list.indexOf(o.ref) < 0; });
+          var message = feedback[row.cap];
+          var blocked = !supported || !!busy || (message && message.phase === 'unknown');
+          function setMode(value, hostVision) {
+            if (blocked || saving.current) return;
+            var body = { capability: row.cap, mode: value,
+              ...(row.cap === 'vision' ? { hostVision: hostVision === undefined ? policy.hostVision === true : hostVision } : {}) };
+            if (value === 'auto' && mode !== 'auto') {
+              var count = opts.filter(function (o) { return !o.unavailable && !o.pendingConfirmation
+                && (o.ref !== 'host:current-vision' || policy.hostVision === true); }).length;
+              setFeedback(row.cap, null);
+              confirmPair[1]({ cap: row.cap, body: body, count: count }); return;
+            }
+            update(body);
+          }
+          var chips = list.map(function (ref, i) {
+            var opt = opts.find(function (o) { return o.ref === ref; });
+            return React.createElement('span', { key: ref, className: 'iris-cap-chip' },
+              React.createElement('b', {}, (i + 1) + '.'),
+              opt ? opt.label + (opt.unavailable ? ' · ' + (opt.reason || '当前不可用') : '') : ref + ' · 配置已失效',
+              mode === 'manual' && i > 0 ? React.createElement('button', { className: 'iris-pm-btn', title: '上移', disabled: blocked,
+                onClick: function () { var n = list.slice(); var t = n.splice(i, 1)[0]; n.splice(i - 1, 0, t); save(row.cap, n); }
+              }, '↑') : null,
+              mode === 'manual' && i < list.length - 1 ? React.createElement('button', { className: 'iris-pm-btn', title: '下移', disabled: blocked,
+                onClick: function () { var n = list.slice(); var t = n.splice(i, 1)[0]; n.splice(i + 1, 0, t); save(row.cap, n); }
+              }, '↓') : null,
+              mode === 'manual' ? React.createElement('button', { className: 'iris-pm-btn danger', title: '移出列表', disabled: blocked,
+                onClick: function () { save(row.cap, list.filter(function (x) { return x !== ref; })); }
+              }, '✕') : null);
+          });
+          return React.createElement('div', { key: row.cap, className: 'iris-cap-row', 'data-function': row.cap, 'aria-busy': busy === row.cap },
+            React.createElement('span', { className: 'iris-cap-name' }, row.label),
+            React.createElement('select', { 'aria-label': row.cap + ' 调用方式', value: confirmation && confirmation.cap === row.cap ? 'auto' : mode, disabled: blocked,
+              onChange: function (e) { setMode(e.target.value); } },
+              React.createElement('option', { value: 'auto' }, '按功能自动选择'),
+              React.createElement('option', { value: 'manual' }, '仅用所选模型'),
+              React.createElement('option', { value: 'disabled' }, '停用')),
+            status && !(confirmation && confirmation.cap === row.cap) && !(message && ['saving', 'refreshing', 'saved-stale', 'unknown'].includes(message.phase)) ? React.createElement('span', { className: 'iris-pm-note', title: '候选来自配置和连接元数据；实际接口权限以调用结果为准' },
+              status.candidateCount + ' 个可用候选' + (status.note ? ' · ' + status.note : '')) : null,
+            confirmation && confirmation.cap === row.cap ? React.createElement('div', { className: 'iris-cap-confirm', role: 'group', 'aria-label': '确认自动选择' },
+              React.createElement('div', {}, '尚未保存：将启用按功能自动选择，当前有 ' + confirmation.count + ' 个已确认候选。保留原手工名单；未确认的新发现模型不会自动调用。'),
+              React.createElement('button', { className: 'iris-pm-btn', disabled: !!busy, onClick: function () { update(confirmation.body); } }, '确认启用自动池'),
+              React.createElement('button', { className: 'iris-pm-btn', disabled: !!busy, onClick: function () { confirmPair[1](null); } }, '取消')) : null,
+            message ? React.createElement('div', { className: 'iris-cap-feedback ' + message.phase, role: message.phase === 'unknown' ? 'alert' : 'status', 'aria-live': 'polite' },
+              message.message, ['unknown', 'saved-stale'].includes(message.phase) ? React.createElement('button', { className: 'iris-pm-btn', disabled: !!busy || loading,
+                onClick: function () { check(row.cap); } }, loading ? '正在核对…' : '刷新状态') : null) : null,
+            mode === 'auto' ? React.createElement('span', { className: 'iris-pm-note' }, '按池顺序选择；确认模型用途后自动加入，无需再次分配。') : null,
+            mode === 'auto' && row.cap === 'vision' ? React.createElement('label', { className: 'iris-pm-note' },
+              React.createElement('input', { type: 'checkbox', checked: policy.hostVision === true, disabled: blocked,
+                onChange: function (e) { setMode('auto', e.target.checked); } }),
+              '使用DSH当前视觉模型（执行前核对图片能力）') : null,
+            chips,
+            mode === 'manual' && available.length ? React.createElement('select', { className: 'iris-pm-model-sel', value: '', disabled: blocked,
+              onChange: function (e) { if (e.target.value) save(row.cap, list.concat([e.target.value])); } },
+              React.createElement('option', { value: '' }, '+ 分配模型'),
+              available.map(function (o) { return React.createElement('option', { key: o.ref, value: o.ref }, o.label); })) : null,
+            mode === 'manual' && list.length ? React.createElement('button', { className: 'iris-pm-btn', title: '清空分配后，该功能不再发起新调用', disabled: blocked,
+              onClick: function () { save(row.cap, []); }
+            }, '清空分配') : null);
+        }),
+        notePair[0] ? React.createElement('div', { className: 'iris-pm-note' }, notePair[0]) : null);
     }
 
     /* ---- 泡泡常用卡片选择（localStorage + 跨座位响应） ---- */
@@ -1829,7 +2349,7 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
           React.createElement('label', {}, '改图模型', React.createElement('select', { 'aria-label': '改图模型', value: model, disabled: !!running,
             onChange: function (e) { setModel(e.target.value); } }, React.createElement('option', { value: '' }, '按当前顺序选择可用改图模型'),
             (models || []).map(function (entry) { return React.createElement('option', { key: entry.id, value: entry.id, disabled: entry.blocked }, entry.label + (entry.blocked ? ' · 冷却或额度耗尽' : '')); }))),
-          models && !models.some(function (entry) { return !entry.blocked; }) ? React.createElement('div', { role: 'status' }, '暂无可用改图模型，请在生图名单分配聊天生图或 DashScope Qwen 改图模型，并检查模型是否可用。') : null,
+          models && !models.some(function (entry) { return !entry.blocked; }) ? React.createElement('div', { role: 'status' }, '暂无可用改图模型，请检查图片功能的调用方式，确认聊天生图或 DashScope Qwen 改图模型用途及连接。') : null,
           React.createElement('div', { className: 'iris-gallery-actions' },
             React.createElement('button', { className: 'iris-clean-btn', type: 'button', disabled: !!running || !prompt.trim() || !models || !models.some(function (entry) { return !entry.blocked; }), onClick: execute }, running ? '编辑中…' : '生成修改版'),
             running ? React.createElement('button', { className: 'iris-pm-btn', type: 'button', onClick: cancel }, '停止等待') : null),
@@ -2664,6 +3184,24 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
         React.createElement('div', { className: 'iris-wb-muted' }, '只读本机注册证据；不调用 Browser、模型或供应商。'));
     }
 
+    function revealWorkbenchItem(node) {
+      for (var parent = node.parentElement; parent; parent = parent.parentElement) {
+        if (parent.tagName === 'DETAILS') parent.open = true;
+      }
+    }
+    function WorkbenchSection(props) {
+      var expandedPair = React.useState(false);
+      return React.createElement(props.collapsible ? 'details' : 'section', { className: 'iris-wb-section',
+        'data-iris-section': props.name, 'aria-label': props.title,
+        onToggle: props.collapsible ? function (event) { expandedPair[1](event.currentTarget.open); } : undefined },
+        React.createElement(props.collapsible ? 'summary' : 'div', { className: 'iris-wb-section-head' },
+          React.createElement('div', {}, React.createElement('h2', {}, props.title),
+            props.description ? React.createElement('p', {}, props.description) : null),
+          props.collapsible ? React.createElement('span', { className: 'iris-wb-section-arrow', 'aria-hidden': true }, expandedPair[0] ? '收起' : '展开',
+            React.createElement('svg', { width: 15, height: 15, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 1.8 },
+              React.createElement('path', { d: 'm6 9 6 6 6-6' }))) : null),
+        React.createElement('div', { className: 'iris-wb-section-body' }, props.children));
+    }
     function WorkbenchPanel() {
       var state = useIrisState(5000);
       var running = (state && state.tasks && state.tasks.running) || [];
@@ -2677,46 +3215,45 @@ window.__ModuleLoader__.load({ id: '@mokuyoaxis/dsh-iris', factory: (require) =>
       var selectedTask = selPair[0];
       var setSelectedTask = selPair[1];
       function onSelect(id) { setSelectedTask(id); }
-      return React.createElement('div', { className: 'iris-wb' },
+      return React.createElement('div', { className: 'iris-wb iris-workbench-page' },
         React.createElement('div', { className: 'iris-wb-head' },
           React.createElement('span', { className: 'iris-wb-title' }, 'Iris 工作台'),
           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 冷却显示琥珀色，额度或预算耗尽显示红色；点击模型能力可实测恢复。不会后台探测。'),
-        React.createElement('div', { className: 'iris-wb-sec' }, '功能分配（调用顺序）'),
-        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' },
+        React.createElement(WorkbenchSection, { name: 'providers', title: '供应商与模型', description: '管理连接、模型用途与接口协议。' },
+          React.createElement(ProviderManager, {})),
+        React.createElement(WorkbenchSection, { name: 'pools', title: '功能池与调用方式', description: '选择自动池、所选模型或停用，查看每项功能的候选范围。', collapsible: true },
+          React.createElement(CapabilityAssigner, {})),
+        React.createElement(WorkbenchSection, { name: 'running', title: '运行中任务' },
+          React.createElement('div', { className: 'iris-wb-box' },
           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 || coreGroups.attention.length || coreUser.degraded ? React.createElement('div', {},
-          React.createElement('div', { className: 'iris-wb-sec' }, '需要处理'),
+            : React.createElement('div', { className: 'iris-wb-empty' }, '暂无进行中任务'))),
+        attention.length || coreGroups.attention.length || coreUser.degraded ? React.createElement(WorkbenchSection, { name: 'attention', title: '需要处理' },
           React.createElement('div', { className: 'iris-wb-box' },
             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, coreHistory: [].concat(coreGroups.done, coreGroups.acknowledged), selected: selectedTask, onSelect: onSelect }),
-        React.createElement('div', { className: 'iris-wb-sec' }, '操作'),
-        React.createElement(ActionGroups, {}));
+        React.createElement(WorkbenchSection, { name: 'artifacts', title: '作品库', description: '查看、下载和继续处理已有作品。' },
+          React.createElement(ArtifactGallery, { total: artifactTotal })),
+        React.createElement(WorkbenchSection, { name: 'actions', title: '创作工具', description: '生成媒体、导入图片、识别与处理素材。', collapsible: true },
+          React.createElement(ActionGroups, {})),
+        React.createElement(WorkbenchSection, { name: 'preferences', title: '快捷入口与偏好', description: '设置泡泡快捷卡片与对话框提示词优化。', collapsible: true },
+          React.createElement('div', { className: 'iris-wb-sec' }, 'Iris 泡泡快捷卡片（勾选后显示在「⚡ 常用」标签）'),
+          React.createElement(BubbleCardPicker, {}),
+          React.createElement('div', { className: 'iris-wb-sec' }, '对话框提示词优化'),
+          React.createElement(PromptOptimizerSettings, {})),
+        React.createElement(WorkbenchSection, { name: 'diagnostics', title: '诊断与运行信息', description: '查看宿主装载与 Core 任务事实。', collapsible: true },
+          React.createElement('div', { className: 'iris-wb-sec' }, '宿主诊断'),
+          React.createElement(HostDoctorPanel, {}),
+          React.createElement('div', { className: 'iris-wb-sec' }, '高级诊断'),
+          React.createElement(CoreRuntimePanel, {})),
+        React.createElement(WorkbenchSection, { name: 'history', title: '历史任务', description: '查看历史记录与清理选项。', collapsible: true },
+          React.createElement(CleanupBar, {}),
+          React.createElement(HistoryBrowser, { recent: recent, coreHistory: [].concat(coreGroups.done, coreGroups.acknowledged), selected: selectedTask, onSelect: onSelect })));
     }
 
     /* ---- 泡泡浮层（阶段 4 续：两标签，尽量干净）---- */