@mokuyoaxis/dsh-iris 0.3.0-alpha.1 → 0.3.0-beta.1

package/lib/web/connections.js

@@ -6,12 +6,61 @@ const element = (tag, text, className) => { const node = document.createElement(
 const checked = selector => [...document.querySelectorAll(selector + ':checked')].map(input => input.value);
 const date = value => new Date(value).toLocaleString('zh-CN');
 
+function selectedToolNames(record, catalog) {
+  const controls = catalog.controlTools || catalog.tools.filter(tool => !catalog.groups.some(group => group.tools.includes(tool.name))).map(tool => tool.name);
+  return new Set([...controls, ...catalog.groups.filter(group => record.capabilities.includes(group.id)).flatMap(group => group.tools),
+    ...(record.pluginOperations?.length ? catalog.pluginControlTools || [] : [])]);
+}
+function effectiveTools(record, catalog) {
+  const selected = selectedToolNames(record, catalog);
+  const definitions = new Map([...catalog.tools, ...(catalog.pluginTools || [])].map(tool => [tool.name, tool]));
+  return record.tools.filter(name => selected.has(name) && catalog.availableTools.includes(name)
+    && definitions.has(name) && record.scopes.includes(definitions.get(name).scope) && catalog.availableScopes.includes(definitions.get(name).scope));
+}
+const samePin = (a, b) => ['contractVersion', 'pluginId', 'pluginVersion', 'kind', 'contributionId', 'contributionVersion'].every(key => a[key] === b[key]);
+
+/** Owner GET facts only. This is a configuration check, never a transport probe or authority. */
+export function inspectMcpSetup(record, catalog, { transport = 'stdio', location = 'same' } = {}) {
+  if (catalog.contractVersion !== 0) throw new TypeError('不支持的连接管理版本');
+  const issues = [], issue = (code, message) => issues.push({ code, message });
+  const revoked = Boolean(record.revokedAt || record.state === 'revoked');
+  if (location !== 'same') issue('location', '当前导出使用 Core 主机的回环地址与本机路径，不能直接交给另一台机器上的客户端。');
+  if (transport === 'http' && !catalog.httpEnabled) issue('transport', '此服务没有开启 HTTP MCP；可选本机 stdio，或在下次明确启动服务时开启 HTTP。');
+  if (revoked) issue('revoked', '此连接已撤销，旧配置不能继续使用。需要接入时请新建连接。');
+  if (record.scopes.some(scope => !catalog.availableScopes.includes(scope))) issue('scope', '保存的操作权限超出此服务当前开放的范围，请核对服务开关与连接设置。');
+  if (record.capabilities.some(id => !catalog.groups.some(group => group.id === id))) issue('capability', '此工作区没有开放全部已选媒体分组，原授权未被自动替换。');
+  for (const pin of record.pluginOperations || []) {
+    const entry = catalog.contributions.operations.find(item => item.id === pin.contributionId);
+    if (!entry) issue('plugin', pin.contributionId + '：业务未加载，历史仍保留，请核对准确插件版本。');
+    else if (!samePin(entry.dependency, pin)) issue('plugin', pin.contributionId + '：当前业务与保存的准确依赖版本不一致。');
+    else if (entry.access.mcp !== 'requires-selection') issue('plugin', pin.contributionId + '：此服务尚未启用该业务；历史读取可能仍可用。');
+  }
+  const tools = revoked ? [] : effectiveTools(record, catalog);
+  if (!revoked && !tools.length) issue('tools', '当前选择没有可用工具，请明确选择功能、工具与对应权限；不会自动补齐。');
+  return { ok: issues.length === 0, issues, tools, mediaTested: false, transportTested: false };
+}
+
+/** A raw bridge/self-check handshake is not an MCP client's declaration. No online inference. */
+export function mcpClientEvidence(record, catalog) {
+  if (record.revokedAt || record.state === 'revoked') return { state: 'revoked', label: '连接已撤销', instances: [] };
+  const instances = (record.instances || []).filter(instance => instance.declaredClient?.source === 'client-declared').map(instance => ({
+    state: instance.state, at: instance.declaredClient.at, clientInfo: instance.declaredClient.clientInfo,
+    transport: instance.declaredClient.transport, tools: effectiveTools(instance, catalog) }));
+  if (instances.some(instance => instance.state === 'connected')) return { state: 'observed', label: '收到客户端握手与声明', instances };
+  if (instances.length) return { state: 'disconnected', label: '客户端握手已断开', instances };
+  if (record.lastContact) return { state: 'historical', label: '有历史客户端声明', instances, contact: record.lastContact };
+  if (record.instances?.some(instance => instance.state === 'connected')) return { state: 'bridge', label: '仅收到桥接握手', instances };
+  return { state: 'waiting', label: '等待客户端握手与声明', instances };
+}
+
 export function createConnectionPanel({ describe }) {
   let client, epoch = 0, catalog, records = [], selected = null, key, busy = false, visible = false, viewTicket = 0;
-  let scopes = {}, control = [];
+  let scopes = {};
   let capabilities = [], tools = [], pluginOperations = [], allowedScopes = ['read'], templates = [], skillBundle = null;
   let view = 'settings', exportDelivery = null;
   let formDirty = false;
+  const exports = new Map(), inspections = new Map();
+  let checkController = null;
   const closeButton = element('button', '返回列表', 'quiet'); closeButton.type = 'button'; closeButton.id = 'connection-cancel';
   const closeArea = element('div', '', 'provider-footer'); closeArea.append(closeButton); $('#connection-editor').append(closeArea);
   const urls = new Set();
@@ -19,11 +68,13 @@ export function createConnectionPanel({ describe }) {
   const valid = (at, connection) => at === epoch && client === connection;
   function editor(open) { $('#connection-editor').hidden = !open; $('#connections-overview').hidden = open; }
   function setView(next) {
+    if (next !== view) cancelCheck();
     if (next !== view) clearExport(); view = next;
     for (const button of document.querySelectorAll('[data-connection-view]')) {
       const active = button.dataset.connectionView === view; button.setAttribute('aria-pressed', String(active));
       $('#connection-view-' + button.dataset.connectionView).hidden = !active;
     }
+    renderOnboarding(); controls();
   }
   function feedback(text = '', error = false) {
     const node = $('#connections-feedback'); node.hidden = !text; node.textContent = text; node.classList.toggle('error', error);
@@ -35,6 +86,7 @@ export function createConnectionPanel({ describe }) {
     $('#connection-export-note').textContent = '';
     skillBundle = null; $('#connection-skill-preview').value = ''; $('#connection-skill-result').hidden = true;
     for (const url of urls) URL.revokeObjectURL(url); urls.clear();
+    renderOnboarding();
   }
   function controls() {
     const record = current(), editable = !record || record.managed && !record.revokedAt;
@@ -46,7 +98,11 @@ export function createConnectionPanel({ describe }) {
     $('#connection-back').disabled = busy;
     closeButton.disabled = busy;
     for (const node of document.querySelectorAll('#connections-list .connection-item')) node.disabled = busy;
-    for (const button of document.querySelectorAll('[data-connection-view]')) button.disabled = busy || button.dataset.connectionView === 'delivery' && (!record?.managed || Boolean(record.revokedAt)) || button.dataset.connectionView === 'details' && !record;
+    for (const button of document.querySelectorAll('[data-connection-view]')) button.disabled = busy || button.dataset.connectionView === 'delivery' && (!record?.managed || Boolean(record.revokedAt)) || ['details', 'verification'].includes(button.dataset.connectionView) && !record;
+    $('#connection-export-button').disabled ||= formDirty || $('#connection-location').value !== 'same';
+    $('#connection-check').disabled = busy || !catalog || !record || formDirty;
+    $('#connection-location').disabled = busy;
+    $('#connection-verify-next').disabled = busy || !record;
   }
   function renderList() {
     $('#connections-count').textContent = String(records.filter(record => record.state !== 'revoked').length);
@@ -70,8 +126,7 @@ export function createConnectionPanel({ describe }) {
     if (note) text.append(element('small', note)); label.append(input, text); return label;
   }
   function enabledTools() {
-    return new Set([...control, ...catalog.groups.filter(group => capabilities.includes(group.id)).flatMap(group => group.tools),
-      ...(pluginOperations.length ? catalog.pluginControlTools || [] : [])].filter(name => !catalog.availableTools || catalog.availableTools.includes(name)));
+    return new Set([...selectedToolNames({ capabilities, pluginOperations }, catalog)].filter(name => !catalog.availableTools || catalog.availableTools.includes(name)));
   }
   function renderTools() {
     const enabled = enabledTools();
@@ -160,6 +215,7 @@ export function createConnectionPanel({ describe }) {
     transportNote();
     renderOptions(); renderList();
     formDirty = false; $('#connection-leave-confirm').hidden = true; closeButton.textContent = '返回列表';
+    renderOnboarding(); controls();
   }
   async function reload(connection) {
     const result = await connection.get(BASE + '/connections');
@@ -187,7 +243,6 @@ export function createConnectionPanel({ describe }) {
     catalog = { ...value, tools: [...value.tools, ...(value.pluginTools || [])] };
     // A running preview may still serve the earlier v0 DTO. Derive safe choices from its declarations.
     scopes = Object.fromEntries((catalog.scopeOptions || catalog.availableScopes.map(id => ({ id, title: id }))).map(item => [item.id, item.title]));
-    control = catalog.controlTools || catalog.tools.filter(tool => !catalog.groups.some(group => group.tools.includes(tool.name))).map(tool => tool.name);
     renderContributions();
   }
   function transportNote() {
@@ -220,6 +275,79 @@ export function createConnectionPanel({ describe }) {
     const formats = value.formats || ['mcpServers', 'entry'];
     for (const option of $('#connection-format').options) option.disabled = !formats.includes(option.value);
   }
+  const choiceKey = () => [$('#connection-location').value, $('#connection-transport').value, $('#connection-format').value].join(':');
+  function renderOnboarding() {
+    const record = current();
+    const scopeTitles = allowedScopes.map(id => scopes[id] || id);
+    const names = (catalog?.groups || []).filter(group => capabilities.includes(group.id)).map(group => group.label || group.title);
+    for (const pin of pluginOperations) names.push(catalog?.contributions?.operations?.find(item => samePin(item.dependency, pin))?.title || pin.contributionId);
+    $('#connection-grant-summary').textContent = (names.join('、') || '仅控制工具') + ' · ' + scopeTitles.join('、');
+    $('#connection-unsaved-note').hidden = !formDirty;
+    $('#connection-location-note').textContent = $('#connection-location').value === 'same'
+      ? '这里指运行 Agent 的机器，不是打开此网页的手机或电脑。两种传输都需要 Core 保持运行。'
+      : '当前配置含 Core 主机的回环地址或本机路径，不能直接交给另一台机器上的客户端。请先确认部署方案；本页不会开启公网访问。';
+    const exported = record && exports.get(record.connectionId), inspected = record && inspections.get(record.connectionId);
+    const exportCurrent = exported && exported.revision === record.revision && exported.choice === choiceKey() && !formDirty;
+    const inspectionCurrent = inspected && inspected.revision === record.revision && inspected.choice === choiceKey() && !formDirty;
+    $('#connection-export-state').textContent = exportCurrent ? '当前配置已生成' : '本页未记录当前配置导出';
+    $('#connection-export-evidence').textContent = exportCurrent ? date(exported.at) + ' · ' + exported.transport + ' · ' + exported.format + '；仍需导入客户端。'
+      : '只记录本次登录中生成的配置。若你已在客户端配置过，可直接核对接入。';
+    $('#connection-check-state').textContent = inspectionCurrent ? inspected.ok ? 'Iris 端配置检查通过' : '有待核对项' : '尚未检查当前配置';
+    $('#connection-check-state').dataset.state = inspectionCurrent ? inspected.ok ? 'passed' : 'limited' : 'pending';
+    $('#connection-check-evidence').textContent = inspectionCurrent ? date(inspected.at) + ' · 只读取此服务与保存授权，未检查客户端传输或媒体。'
+      : '检查不会建立 MCP 连接，不会代替客户端握手或调用模型。';
+    $('#connection-check-issues').replaceChildren(...(inspectionCurrent ? inspected.issues : []).map(item => { const row = element('li', item.message); row.dataset.check = item.code; return row; }));
+    $('#connection-check-tools').replaceChildren(...(inspectionCurrent ? inspected.tools : []).map(name => element('li', name)));
+    $('#connection-check-tools-note').textContent = inspectionCurrent ? inspected.tools.length + ' 个工具按当前授权允许使用；需在客户端确认是否已发现。' : '完成只读检查后显示 Core 当前允许的工具。';
+    const evidence = record && catalog ? mcpClientEvidence(record, catalog) : null;
+    $('#connection-client-state').textContent = evidence?.label || '等待创建连接';
+    $('#connection-client-state').dataset.state = evidence?.state || 'waiting';
+    $('#connection-client-evidence').replaceChildren();
+    for (const instance of evidence?.instances || []) {
+      const item = element('li', instance.clientInfo.name + ' · ' + instance.clientInfo.version + ' · ' + instance.transport + ' · '
+        + (instance.state === 'connected' ? '握手记录' : '已断开') + ' · ' + date(instance.at));
+      const details = element('details', '', 'tool-details'), summary = element('summary', ''), disclosure = element('span', '展开', 'disclosure');
+      summary.append(element('span', '本次协商允许 ' + instance.tools.length + ' 个工具'), disclosure);
+      const names = element('ul', '', 'connection-check-tools'); names.append(...instance.tools.map(name => element('li', name)));
+      details.append(summary, names); details.addEventListener('toggle', () => { disclosure.textContent = details.open ? '收起' : '展开'; }); item.append(details);
+      $('#connection-client-evidence').append(item);
+    }
+    if (evidence?.contact) $('#connection-client-evidence').append(element('li', evidence.contact.clientInfo.name + ' · ' + date(evidence.contact.at) + ' · 仅为历史声明'));
+  }
+  function cancelCheck() {
+    if (!checkController) return;
+    checkController.abort(); checkController = null; busy = false;
+    feedback('只读检查已取消，未建立客户端连接。');
+  }
+  async function checkSetup() {
+    const original = current();
+    if (busy || !client || !original || formDirty || !visible) return;
+    const at = epoch, connection = client, id = selected, ticket = viewTicket, choice = choiceKey();
+    const controller = new AbortController(); checkController = controller; inspections.delete(id); renderOnboarding(); busy = true; controls(); feedback('正在只读核对 Iris 配置和客户端记录…');
+    const currentRequest = () => valid(at, connection) && checkController === controller && visible && selected === id && viewTicket === ticket;
+    try {
+      const options = { signal: controller.signal };
+      const [available, saved, session] = await Promise.all([connection.get(BASE + '/catalog', options), connection.get(BASE + '/connections', options), connection.get('/api/v0/session', options)]);
+      if (!currentRequest()) return;
+      if ([available, saved, session].some(value => value.contractVersion !== 0)) throw new TypeError('不支持的连接检查版本');
+      records = saved.connections; setCatalog(available);
+      const record = current();
+      if (!record || record.revision !== original.revision) {
+        inspections.delete(id); exports.delete(id); select(record?.connectionId || null);
+        feedback('连接授权已变化，请核对当前设置后重新检查。', true); return;
+      }
+      const result = inspectMcpSetup(record, catalog, { transport: $('#connection-transport').value, location: $('#connection-location').value });
+      inspections.set(id, { ...result, at: new Date().toISOString(), revision: record.revision, choice });
+      // No draft can be active here. Refresh the badge/facts from the same saved record as the evidence.
+      select(id);
+      feedback(result.ok ? mcpClientEvidence(record, catalog).state === 'observed'
+        ? '已读取当前配置与客户端声明；握手不代表持续在线或媒体已实测。'
+        : 'Iris 端配置检查通过。请在客户端导入配置，再核对实际握手；媒体尚未实测。'
+        : '发现需核对的配置项，读取或历史功能可能仍可用。', !result.ok);
+    } catch (error) {
+      if (currentRequest()) { inspections.delete(id); renderOnboarding(); feedback('只读检查未完成：' + describe(error), true); }
+    } finally { if (checkController === controller) { checkController = null; busy = false; controls(); } }
+  }
   function download(value, filename, mediaType = 'application/json') {
     const url = URL.createObjectURL(new Blob([value], { type: mediaType })); urls.add(url);
     const link = document.createElement('a'); link.href = url; link.download = filename; link.click();
@@ -248,6 +376,7 @@ export function createConnectionPanel({ describe }) {
     });
   });
   $('#connection-export-button').addEventListener('click', () => {
+    if (formDirty || $('#connection-location').value !== 'same') return;
     clearExport();
     const id = selected, ticket = viewTicket;
     perform(async ctx => {
@@ -256,18 +385,22 @@ export function createConnectionPanel({ describe }) {
         ? choice.presetId ? { presetId: choice.presetId } : { templateId: choice.templateId }
         : { transport: $('#connection-transport').value, format: $('#connection-format').value });
       if (!ctx.valid()) return;
-      if (selected !== id || !visible || viewTicket !== ticket) { feedback('配置已准备，但页面已切换。需要时请重新生成配置。'); return; }
+      if (selected !== id || !visible || viewTicket !== ticket) return;
       $('#connection-configuration').value = result.content ?? JSON.stringify(result.configuration, null, 2) + '\n';
       exportDelivery = { filename: result.filename || 'iris-mcp.json', mediaType: result.mediaType || 'application/json' };
       $('#connection-download').textContent = exportDelivery.filename.endsWith('.toml') ? '下载 TOML' : '下载 JSON';
       $('#connection-export-note').textContent = result.containsCredentials ? '此 HTTP 配置含连接密钥，请仅交给获授权的本机客户端。' : 'stdio 配置引用本机私有文件，需要使用本机路径。';
       $('#connection-export-result').hidden = false; feedback('配置已生成。客户端是否安装或加载，需要在客户端确认。');
+      const record = current();
+      exports.set(id, { at: new Date().toISOString(), revision: record.revision, choice: choiceKey(), transport: $('#connection-transport').value, format: $('#connection-format').value });
+      renderOnboarding();
     });
   });
   $('#connection-copy').addEventListener('click', async () => {
-    const at = epoch;
-    try { await navigator.clipboard.writeText($('#connection-configuration').value); if (at === epoch) feedback('配置已复制。'); }
-    catch (error) { if (at === epoch) feedback('未能复制，请手动选择配置文本。' + error.message, true); }
+    const at = epoch, id = selected, ticket = viewTicket;
+    const currentCopy = () => at === epoch && id === selected && ticket === viewTicket && visible;
+    try { await navigator.clipboard.writeText($('#connection-configuration').value); if (currentCopy()) feedback('配置已复制。'); }
+    catch (error) { if (currentCopy()) feedback('未能复制，请手动选择配置文本。' + error.message, true); }
   });
   $('#connection-download').addEventListener('click', () => {
     const value = $('#connection-configuration').value; if (!value) return;
@@ -296,7 +429,7 @@ export function createConnectionPanel({ describe }) {
     perform(async ctx => {
       const result = await ctx.connection.postManagement(BASE + '/connections/' + id + '/skill', {});
       if (!ctx.valid()) return;
-      if (selected !== id || !visible || viewTicket !== ticket) { feedback('说明已准备，但页面已切换。需要时请重新生成说明。'); return; }
+      if (selected !== id || !visible || viewTicket !== ticket) return;
       skillBundle = result.bundle; $('#connection-skill-preview').value = result.preview; $('#connection-skill-result').hidden = false;
       feedback('说明已生成。下载并安装后，还需在客户端确认已发现此 Skill。');
     });
@@ -332,7 +465,7 @@ export function createConnectionPanel({ describe }) {
     if (formDirty && !discard) { $('#connection-leave-confirm').hidden = false; $('#connection-leave-confirm').scrollIntoView({ block: 'center' }); $('#connection-leave-keep').focus(); return; }
     clearExport(); formDirty = false; $('#connection-leave-confirm').hidden = true; editor(false); feedback(); $('#connection-new').focus();
   }
-  $('#connection-form').addEventListener('input', () => { formDirty = true; closeButton.textContent = '取消编辑'; });
+  $('#connection-form').addEventListener('input', () => { formDirty = true; closeButton.textContent = '取消编辑'; renderOnboarding(); controls(); });
   $('#connection-back').addEventListener('click', () => closeEditor());
   closeButton.addEventListener('click', () => closeEditor());
   $('#connection-leave-keep').addEventListener('click', () => { $('#connection-leave-confirm').hidden = true; });
@@ -346,6 +479,10 @@ export function createConnectionPanel({ describe }) {
   for (const id of ['connection-transport', 'connection-format', 'connection-name']) $('#' + id).addEventListener('input', clearExport);
   $('#connection-transport').addEventListener('change', transportNote);
   $('#connection-clear-export').addEventListener('click', clearExport);
+  $('#connection-location').addEventListener('change', () => { clearExport(); controls(); });
+  $('#connection-check').addEventListener('click', checkSetup);
+  $('#connection-verify-next').addEventListener('click', () => setView('verification'));
+  $('#connection-return-settings').addEventListener('click', () => setView('settings'));
   async function connect(connection) {
       const at = ++epoch; client = connection; busy = true; records = []; selected = null; editor(false); clearExport(); feedback('正在读取连接…'); controls();
       try {
@@ -361,8 +498,10 @@ export function createConnectionPanel({ describe }) {
   }
   return Object.freeze({
     connect,
-    show(value) { if (visible !== value) viewTicket++; visible = value; if (!value) clearExport(); },
+    show(value) { if (visible !== value) viewTicket++; visible = value; if (!value) { cancelCheck(); clearExport(); feedback(); controls(); } },
     disconnect() {
+      cancelCheck(); exports.clear(); inspections.clear();
+      capabilities = []; tools = []; pluginOperations = []; allowedScopes = ['read']; scopes = {}; $('#connection-location').value = 'same';
       epoch++; client = null; busy = false; visible = false; catalog = null; records = []; templates = []; selected = null; editor(false); clearExport(); feedback();
       formDirty = false; $('#connection-leave-confirm').hidden = true; closeButton.textContent = '返回列表';
       $('#connection-template').replaceChildren(); $('#connection-template-note').replaceChildren(); $('#connection-template-note').hidden = true; $('#connection-template-file').value = '';

package/lib/web/creation.js

@@ -11,12 +11,13 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
   let preview, retryAction = null, recoveryAfterLoad = null;
   let comfyForm = null, comfyKey = '', inspection = null;
   const cap = name => Boolean(session?.operations.includes(name));
-  const mode = () => view ? ({ 'image-edit/v0': 'edit', 'image-generate/v0': 'generate', 'speech/v0': 'tts', 'transcribe/v0': 'transcribe' })[view.recipe] : draft.mode || 'edit';
+  const mode = () => view ? ({ 'image-edit/v0': 'edit', 'image-generate/v0': 'generate', 'speech/v0': 'tts', 'transcribe/v0': 'transcribe', 'video-generate/v0': 'video' })[view.recipe] : draft.mode || 'edit';
   const generating = () => mode() === 'generate';
+  const video = () => mode() === 'video';
   const audio = () => ['tts', 'transcribe'].includes(mode());
-  const createCapabilities = { generate: 'generations.create', edit: 'runs.create', tts: 'speeches.create', transcribe: 'transcriptions.create' };
+  const createCapabilities = { generate: 'generations.create', edit: 'runs.create', tts: 'speeches.create', transcribe: 'transcriptions.create', video: 'videos.create' };
   const createCapability = () => createCapabilities[mode()];
-  const candidates = () => models.filter(model => audio() ? model.capability === mode() : !model.capability && (generating() || model.supportsImageEdit));
+  const candidates = () => models.filter(model => video() ? model.capability === 'video-gen' : audio() ? model.capability === mode() : !model.capability && (generating() || model.supportsImageEdit));
   const valid = at => at === epoch && Boolean(client);
   const validJob = task => valid(task.epoch) && task.intent === intent && visible && job === task;
   function feedback(text = '', error = false) {
@@ -70,8 +71,8 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
   }
   function controls() {
     const generate = generating(), currentMode = mode(), isAudio = audio(), transcribe = currentMode === 'transcribe';
-    $('#studio-title').textContent = currentMode === 'tts' ? '让文字，有声音。' : transcribe ? '让声音，成文字。' : '让想法，有画面。';
-    $('#studio-note').textContent = currentMode === 'tts' ? '写下要说的话，留下你的声音作品。' : transcribe ? '听见的内容，留成可以继续使用的文字。' : '保留喜欢的部分，试一点新的可能。';
+    $('#studio-title').textContent = video() ? '让想法，动起来。' : currentMode === 'tts' ? '让文字，有声音。' : transcribe ? '让声音，成文字。' : '让想法，有画面。';
+    $('#studio-note').textContent = video() ? '从一段描述开始，接回原任务的视频作品。' : currentMode === 'tts' ? '写下要说的话，留下你的声音作品。' : transcribe ? '听见的内容，留成可以继续使用的文字。' : '保留喜欢的部分，试一点新的可能。';
     const needsSource = ['edit', 'transcribe'].includes(currentMode);
     const pending = media?.snapshot(), unresolved = pending?.actions.some(action => CREATIONS.includes(action.kind)
       || view && action.runId === view.id);
@@ -80,14 +81,16 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
       button.setAttribute('aria-pressed', String(button.dataset.creationMode === currentMode));
       button.disabled = !cap(createCapabilities[button.dataset.creationMode]);
       if (['tts', 'transcribe'].includes(button.dataset.creationMode)) button.hidden = !session?.audio;
+      if (button.dataset.creationMode === 'video') button.hidden = !session?.video;
     }
     $('#source-input').hidden = currentMode !== 'edit'; $('#audio-source-input').hidden = !transcribe;
     $('#prompt-label').hidden = transcribe; $('#edit-prompt').hidden = transcribe; $('#edit-prompt').required = !transcribe;
+    $('#video-duration-field').hidden = !video();
     $('#speech-options').hidden = currentMode !== 'tts'; $('#advanced-settings').hidden = isAudio;
-    $('#model-label').firstChild.textContent = currentMode === 'tts' ? '语音模型 ' : transcribe ? '转写模型 ' : '图片模型 ';
-    $('#prompt-label').textContent = currentMode === 'tts' ? '要朗读的文字' : generate ? '想画些什么？' : '想改些什么？';
-    $('#edit-prompt').maxLength = isAudio ? 20000 : 12000;
-    $('#edit-prompt').placeholder = currentMode === 'tts' ? '写下希望朗读的内容…' : generate ? '描述画面、人物、色彩与风格…' : '描述想保留的细节，以及想尝试的变化…';
+    $('#model-label').firstChild.textContent = video() ? '视频模型 ' : currentMode === 'tts' ? '语音模型 ' : transcribe ? '转写模型 ' : '图片模型 ';
+    $('#prompt-label').textContent = video() ? '想让什么动起来？' : currentMode === 'tts' ? '要朗读的文字' : generate ? '想画些什么？' : '想改些什么？';
+    $('#edit-prompt').maxLength = isAudio || video() ? 20000 : 12000;
+    $('#edit-prompt').placeholder = video() ? '描述主体、动作、镜头与氛围…' : currentMode === 'tts' ? '写下希望朗读的内容…' : generate ? '描述画面、人物、色彩与风格…' : '描述想保留的细节，以及想尝试的变化…';
     const canCreate = cap(createCapability()) && cap('runs.continue') && (!needsSource || Boolean(draft.file || draft.artifactId)
       && (draft.artifactId || cap(transcribe ? 'audio.create' : 'images.create')))
       && Boolean($('#model').value) && (transcribe || Boolean($('#edit-prompt').value.trim()));
@@ -99,7 +102,7 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
       || Boolean(activeOperation && ACTIVE.has(activeOperation.state)) || Boolean(inspection) || comfyForm && !comfyForm.valid()
       || !(retryAction ? canRetry : view ? canContinue : canCreate);
     $('#start-edit').textContent = busy ? '正在处理…' : retryAction ? '按原 Key 接回' : view && view.status !== 'not_started'
-      ? labels[view.status] || '查看已有作品' : currentMode === 'tts' ? '合成语音' : transcribe ? '开始转写' : generate ? '开始生成' : '开始改图';
+      ? labels[view.status] || '查看已有作品' : currentMode === 'tts' ? '合成语音' : transcribe ? '开始转写' : generate || video() ? '开始生成' : '开始改图';
     $('#locked-note').hidden = !view;
     $('#reuse-selected').disabled = busy || loading || !cap('runs.create') || !view?.selection;
     for (const kind of ['source', 'output']) {
@@ -110,9 +113,9 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
     $('#creation-help').textContent = !client ? '读取权限中…' : loading ? '当前流程尚未确认，读取完成前暂停操作。可重新读取或新建流程。'
       : retryAction ? '使用原身份与原输入接回。明确执行仍可能产生供应商费用。'
       : pending?.blocked ? '恢复记录需要先明确处理，暂不接收新动作。'
-        : !cap('runs.continue') ? isAudio ? '当前服务只读，可浏览和下载已保存的音频或文字。'
+        : !cap('runs.continue') ? video() ? '当前服务只读，可播放和下载已保存的视频。' : isAudio ? '当前服务只读，可浏览和下载已保存的音频或文字。'
           : cap('runs.select') ? '当前可选择已有图片。开始创作需要显式开启执行服务。' : '当前服务只读，可浏览图片流程和下载已选作品。'
-          : !view && !candidates().length ? isAudio ? '尚无此音频功能的可用候选。请在模型服务中配置并分配用途。' : '尚无可用图片候选。可在供应商页配置模型。'
+          : !view && !candidates().length ? video() ? '尚无文生视频候选。请在模型服务中配置并分配视频用途。' : isAudio ? '尚无此音频功能的可用候选。请在模型服务中配置并分配用途。' : '尚无可用图片候选。可在供应商页配置模型。'
             : view?.status === 'needs_attention' ? '先核对原任务；受理未知时请避免重复生成。'
               : '明确执行可能产生供应商费用。刷新不会自动生成。';
     $('#creation-settings').dataset.fixed = String(Boolean(view));
@@ -122,7 +125,7 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
     $('#edit-size-note').textContent = workflow && !workflow.sizeNode ? '此工作流未绑定尺寸节点，沿用模板尺寸。' : '填写模型支持的尺寸；留空使用默认值。';
   }
   function fillModels(selected = '') {
-    const choices = candidates(), label = mode() === 'tts' ? '语音' : mode() === 'transcribe' ? '转写' : '图片';
+    const choices = candidates(), label = video() ? '视频' : mode() === 'tts' ? '语音' : mode() === 'transcribe' ? '转写' : '图片';
     $('#model').replaceChildren(new Option(choices.length ? '选择一个' + label + '模型' : '没有可用' + label + '候选', ''));
     for (const model of choices) $('#model').append(new Option(model.displayName + ' · ' + model.modelRef, model.modelRef));
     if (selected && !choices.some(model => model.modelRef === selected)) $('#model').append(new Option(selected + ' · 原流程模型', selected));
@@ -136,8 +139,8 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
     if (preview && mode === 'transcribe') { $('#audio-input-preview').src = preview; $('#audio-input-preview').hidden = false; }
     $('#audio-file').value = ''; $('#speech-voice').value = ''; $('#audio-file-name').textContent = label || file?.name || (artifactId ? '已保存的原音频' : 'WAV / MP3 / OGG / FLAC，最大20 MiB。');
     $('#file-name').textContent = label || file?.name || (artifactId ? '已选作品' : '选择一张图片');
-    $('#image-file').value = ''; $('#edit-prompt').value = ''; $('#edit-size').value = ''; fillModels(modelRef); renderComfy(true);
-    $('#input-summary').textContent = mode === 'tts' ? '让文字成为声音' : mode === 'transcribe' ? '把声音留成文字' : mode === 'generate' ? '从一句想法开始' : file || artifactId ? '填写你的修改要求' : '从一张图片开始';
+    $('#image-file').value = ''; $('#edit-prompt').value = ''; $('#edit-size').value = ''; $('#video-duration').value = ''; fillModels(modelRef); renderComfy(true);
+    $('#input-summary').textContent = mode === 'video' ? '从一段动态描述开始' : mode === 'tts' ? '让文字成为声音' : mode === 'transcribe' ? '把声音留成文字' : mode === 'generate' ? '从一句想法开始' : file || artifactId ? '填写你的修改要求' : '从一张图片开始';
     $('#creation-settings').open = true; $('#advanced-settings').open = false; feedback();
     showDraft(preview, mode); controls();
   }
@@ -168,7 +171,7 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
     if (!valid(at) || !visible || view?.id !== operation.runId) return;
     await openRun(operation.runId, { fromAction: true });
     if (!valid(at)) return;
-    if (view?.id === operation.runId && audio() && operation.state === 'succeeded') feedback();
+    if (view?.id === operation.runId && (audio() || video()) && operation.state === 'succeeded') feedback();
     await refreshHistory(); controls();
   }
   function watch(operation) {
@@ -197,9 +200,10 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
     const generate = generating(), currentMode = mode(), isAudio = audio(), transcribe = currentMode === 'transcribe';
     const input = isAudio ? { modelRef: $('#model').value, ...(transcribe ? { sourceArtifactId: draft.artifactId }
       : { text: $('#edit-prompt').value, ...($('#speech-voice').value.trim() ? { voice: $('#speech-voice').value.trim() } : {}) }) }
-      : { ...(!generate ? { sourceArtifactId: draft.artifactId } : {}), modelRef: $('#model').value, prompt: $('#edit-prompt').value,
+      : { ...(!generate && !video() ? { sourceArtifactId: draft.artifactId } : {}), modelRef: $('#model').value, prompt: $('#edit-prompt').value,
       ...($('#edit-size').value.trim() ? { size: $('#edit-size').value.trim() } : {}),
-      ...(parameters && Object.keys(parameters).length ? { workflowParameters: parameters } : {}) };
+      ...(parameters && Object.keys(parameters).length ? { workflowParameters: parameters } : {}),
+      ...(video() && $('#video-duration').value !== '' ? { duration: Number($('#video-duration').value) } : {}) };
     const file = draft.file, original = retryAction;
     try {
       if (original) {
@@ -216,7 +220,7 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
           feedback('正在保存素材…'); const imported = await media[transcribe ? 'uploadAudio' : 'uploadImage'](file);
           if (!validJob(task)) return; draft.artifactId = input.sourceArtifactId = imported.artifact.artifactId;
         }
-        feedback('正在建立流程…'); const created = await media[({ generate: 'createGeneration', edit: 'createRun', tts: 'createSpeech', transcribe: 'createTranscription' })[currentMode]](input);
+        feedback('正在建立流程…'); const created = await media[({ generate: 'createGeneration', edit: 'createRun', tts: 'createSpeech', transcribe: 'createTranscription', video: 'createVideo' })[currentMode]](input);
         if (!validJob(task)) return; task.runId = created.flow.id;
         await openRun(created.flow.id, { fromAction: true });
         if (!validJob(task)) return;
@@ -287,7 +291,7 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
   });
   $('#image-file').addEventListener('change', event => { void chooseFile(event.target.files[0]); event.target.value = ''; });
   $('#model').addEventListener('change', () => { renderComfy(); controls(); });
-  for (const id of ['model', 'edit-prompt', 'edit-size', 'speech-voice']) $('#' + id).addEventListener('input', () => { if (id === 'model') renderComfy(); else invalidateInspection(); controls(); });
+  for (const id of ['model', 'edit-prompt', 'edit-size', 'speech-voice', 'video-duration']) $('#' + id).addEventListener('input', () => { if (id === 'model') renderComfy(); else invalidateInspection(); controls(); });
   $('#audio-file').addEventListener('change', event => { const file = event.target.files[0]; event.target.value = ''; chooseAudio(file); });
   $('#comfy-creation-check').addEventListener('click', () => { void checkComfy(); });
   $('#image-drop').addEventListener('dragover', event => { event.preventDefault(); if (!view && !busy) $('#image-drop').classList.add('dragging'); });
@@ -305,7 +309,7 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
     beginDraft,
     async prepareVerification({ capability, modelRef }) {
       if (!client || busy || !cap('runs.continue')) return;
-      const at = epoch, next = capability === 'tts' ? 'tts' : capability === 'transcribe' ? 'transcribe' : cap('generations.create') ? 'generate' : 'edit';
+      const at = epoch, next = capability === 'video-gen' ? 'video' : capability === 'tts' ? 'tts' : capability === 'transcribe' ? 'transcribe' : cap('generations.create') ? 'generate' : 'edit';
       if (!cap(createCapabilities[next])) { feedback('当前工作区没有此验证流程，请使用已接入的 CLI / DSH 功能。', true); return; }
       let file;
       if (next === 'edit') {
@@ -318,7 +322,7 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
       }
       if (!valid(at)) return;
       beginDraft({ mode: next, modelRef, file });
-      $('#edit-prompt').value = next === 'tts' ? '你好' : next === 'edit' ? '将红色圆形改为蓝色，保留白色背景。' : next === 'generate' ? 'A simple red circle on a plain white background.' : '';
+      $('#edit-prompt').value = next === 'tts' ? '你好' : next === 'edit' ? '将红色圆形改为蓝色，保留白色背景。' : next === 'generate' ? 'A simple red circle on a plain white background.' : next === 'video' ? 'A purple iris flower swaying gently in the breeze.' : '';
       feedback(next === 'transcribe' ? '验证草稿已准备。请选择实际音频，确认后点击开始转写，可能产生费用。'
         : '验证草稿已准备。请核对模型及参数，再明确点击生成；可能产生供应商费用。'); controls();
     },
@@ -327,7 +331,7 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
       const changed = view?.id !== value.id;
       loading = false; view = value; retryAction = null;
       if (changed) { activeOperation = null; stopWatch(); }
-      if (!sameRun) { fillModels(value.input.modelRef); $('#edit-prompt').value = value.input.text ?? value.input.prompt ?? ''; $('#edit-size').value = value.input.size || ''; $('#speech-voice').value = value.input.voice || '';
+      if (!sameRun) { fillModels(value.input.modelRef); $('#edit-prompt').value = value.input.text ?? value.input.prompt ?? ''; $('#edit-size').value = value.input.size || ''; $('#speech-voice').value = value.input.voice || ''; $('#video-duration').value = value.input.duration ?? '';
         $('#input-summary').textContent = value.input.modelRef; $('#file-name').textContent = '流程原图';
         if (matchMedia('(max-width:640px)').matches) $('#creation-settings').open = false; }
       renderComfy(); controls();
@@ -341,7 +345,7 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
       if (busy) return;
       if (['continue', 'stop'].includes(action.kind)) { retryAction = action; feedback('将使用原身份接回此操作，请确认后点击。'); controls(); return; }
       beginDraft({ artifactId: ['flow-create', 'transcription-create'].includes(action.kind) ? action.artifactId : undefined,
-        mode: ({ 'generation-create': 'generate', 'audio-import': 'transcribe', 'transcription-create': 'transcribe', 'speech-create': 'tts' })[action.kind] || 'edit' });
+        mode: ({ 'generation-create': 'generate', 'video-create': 'video', 'audio-import': 'transcribe', 'transcription-create': 'transcribe', 'speech-create': 'tts' })[action.kind] || 'edit' });
       retryAction = action; feedback(IMPORTS.includes(action.kind) ? '请重新提供原素材字节，再按原 Key 接回。' : '请重新提供原模型、要求与参数，再按原 Key 接回。'); controls();
     },
     async refresh() { if (activeOperation && ACTIVE.has(activeOperation.state)) watch(activeOperation); controls(); },
@@ -349,7 +353,7 @@ export function createCreationPanel({ openRun, refreshHistory, showDraft, descri
       epoch++; intent++; stopWatch(); client = media = session = null; view = null; draft = {}; models = []; busy = stopping = loading = false; job = activeOperation = retryAction = recoveryAfterLoad = null;
       releasePreview(); $('#input-preview').removeAttribute('src'); $('#input-preview').hidden = true; $('#image-file').value = '';
       $('#audio-file').value = ''; $('#audio-file-name').textContent = 'WAV / MP3 / OGG / FLAC，最大20 MiB。'; $('#speech-voice').value = '';
-      $('#edit-prompt').value = ''; $('#edit-size').value = ''; fillModels(); renderComfy(true); feedback(); controls();
+      $('#edit-prompt').value = ''; $('#edit-size').value = ''; $('#video-duration').value = ''; fillModels(); renderComfy(true); feedback(); controls();
     }
   });
 }

package/lib/web/flow-view.js

@@ -1,6 +1,6 @@
 // Consume the HTTP DTO, not private Core records or the prototype's in-memory transport.
 export function presentReadOnlyFlow(view) {
-  if (view.contractVersion !== 0 || !['image-edit/v0', 'image-generate/v0', 'speech/v0', 'transcribe/v0'].includes(view.recipe)) throw new TypeError('不支持的流程版本');
+  if (view.contractVersion !== 0 || !['image-edit/v0', 'image-generate/v0', 'speech/v0', 'transcribe/v0', 'video-generate/v0'].includes(view.recipe)) throw new TypeError('不支持的流程版本');
   switch (view.status) {
     case 'not_started': return { title: '已保存，尚未开始', message: '输入已保存。当前页面只读，不会提交生成。', tone: 'neutral' };
     case 'running': return { title: '原任务进行中', message: '这是本地保存的进展。页面刷新不会查询模型服务；可通过 CLI 查看原任务。', tone: 'working' };
@@ -10,7 +10,8 @@ export function presentReadOnlyFlow(view) {
     case 'delivery_failed': return { title: '原结果待保存', message: '原任务已成功，本地保存尚未完成。请通过 CLI 恢复原结果。', tone: 'warning' };
     case 'needs_comparison': return { title: '结果已保存', message: '本地比较尚未完成。可查看现有图片，通过 CLI 继续流程。', tone: 'neutral' };
     case 'needs_result': return { title: '结果已保存', message: '原任务已交付，流程结果仍待接回。请通过 CLI 继续原流程。', tone: 'neutral' };
-    case 'ready': return { title: view.recipe === 'speech/v0' ? '语音已就绪' : '转写已完成',
+    case 'ready': if (view.recipe === 'video-generate/v0') return { title: '视频已就绪', message: '原视频已保存，可以播放或下载。', tone: 'success' };
+      return { title: view.recipe === 'speech/v0' ? '语音已就绪' : '转写已完成',
       message: view.recipe === 'speech/v0' ? '语音已保存，可以试听或下载音频。' : '转写文字已保存，可以查看或下载文本。', tone: 'success' };
     case 'awaiting_selection': return { title: '图片已就绪', message: '图片已保存。请通过 CLI 明确选择作品，再回来下载。', tone: 'success' };
     case 'selected': return { title: view.source && view.selection?.artifactId === view.source.artifactId ? '已选择原图' : '已选择结果',
@@ -23,7 +24,7 @@ export function presentFlow(view, operations) {
   const base = presentReadOnlyFlow(view), execute = operations.includes('runs.continue');
   if (execute && view.status === 'not_started') return { ...base, message: '输入已固定。明确开始后才会调用模型，可能产生费用。' };
   if (execute && view.status === 'running') return { ...base, message: '原任务仍在进行。点击“查看原任务”读取一次进展；刷新只读本地记录。' };
-  if (execute && view.status === 'delivery_failed') return { ...base, message: ['speech/v0', 'transcribe/v0'].includes(view.recipe)
+  if (execute && view.status === 'delivery_failed') return { ...base, message: ['speech/v0', 'transcribe/v0', 'video-generate/v0'].includes(view.recipe)
     ? '原任务已成功。点击“恢复原结果”接回交付，不重复提交。' : '生成已经成功。点击“恢复原结果”接回交付，不新建生成。' };
   if (execute && view.status === 'needs_comparison') return { ...base, message: '图片已保存。点击“完成比较”执行本地比较，不产生生成请求。' };
   if (execute && view.status === 'needs_result') return { ...base, message: '原任务已交付。点击“接回结果”保存流程引用，不产生生成请求。' };

package/lib/web/gallery.js

@@ -3,7 +3,7 @@ const element = (tag, text, className) => { const node = document.createElement(
 
 /** Read-only gallery. Preview bytes are fetched only while a card is visible. */
 export function createGallery({ openRun, describe }) {
-  let client, visible = false, filter = 'all', kind = 'image', audioEnabled = false, cursor = null, busy = false, ticket = 0, controller, observer, activeAudio;
+  let client, visible = false, filter = 'all', kind = 'image', audioEnabled = false, videoEnabled = false, cursor = null, busy = false, ticket = 0, controller, observer, activeAudio;
   const previews = new Map();
   function clearAudio() {
     if (!activeAudio) return;
@@ -38,7 +38,7 @@ export function createGallery({ openRun, describe }) {
     for (const card of previews.keys()) observer.observe(card);
   }
   function card(run) {
-    if (['speech/v0', 'transcribe/v0'].includes(run.recipe)) return audioCard(run);
+    if (['speech/v0', 'transcribe/v0', 'video-generate/v0'].includes(run.recipe)) return audioCard(run);
     const button = element('button', '', 'gallery-card'); button.type = 'button'; button.dataset.galleryRun = run.id;
     button.setAttribute('aria-label', '打开图片流程 · ' + (run.selection ? '已选择' : '未选择'));
     const cover = element('div', '', 'gallery-cover'), image = document.createElement('img'), marker = element('span', '读取预览…');
@@ -53,27 +53,27 @@ export function createGallery({ openRun, describe }) {
     return button;
   }
   function audioCard(run) {
-    const speech = run.recipe === 'speech/v0', article = element('article', '', 'gallery-card gallery-audio'); article.dataset.galleryRun = run.id;
+    const speech = run.recipe === 'speech/v0', video = run.recipe === 'video-generate/v0', article = element('article', '', 'gallery-card gallery-audio'); article.dataset.galleryRun = run.id;
     const cover = element('div', '', 'gallery-audio-cover');
-    cover.append(element('span', speech ? '♪' : '≋', 'gallery-audio-icon'), element('span', speech ? 'VOICE' : 'TRANSCRIPT', 'eyebrow'));
+    cover.append(element('span', video ? '▷' : speech ? '♪' : '≋', 'gallery-audio-icon'), element('span', video ? 'MOTION' : speech ? 'VOICE' : 'TRANSCRIPT', 'eyebrow'));
     const info = element('div', '', 'gallery-info');
-    info.append(element('strong', (run.output ? '已保存 · ' : '待完成 · ') + (speech ? '语音合成' : '音频转写')),
+    info.append(element('strong', (run.output ? '已保存 · ' : '待完成 · ') + (video ? '视频生成' : speech ? '语音合成' : '音频转写')),
       element('p', new Date(run.updatedAt).toLocaleString('zh-CN', { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' }) + ' · ' + run.modelRef));
-    const actions = element('div', '', 'export-actions'), open = element('button', speech ? '查看作品' : '查看文字', 'quiet'); open.type = 'button';
+    const actions = element('div', '', 'export-actions'), open = element('button', video || speech ? '查看作品' : '查看文字', 'quiet'); open.type = 'button';
     open.addEventListener('click', () => openRun(run.id)); actions.append(open);
-    const artifact = speech ? run.output : run.source;
+    const artifact = speech || video ? run.output : run.source;
     if (artifact) {
-      const play = element('button', speech ? '载入试听' : '载入原音频', 'quiet'); play.type = 'button'; play.dataset.galleryPlay = run.id; actions.append(play);
-      const player = document.createElement('audio'); player.controls = true; player.preload = 'metadata'; player.hidden = true;
+      const play = element('button', video ? '载入视频' : speech ? '载入试听' : '载入原音频', 'quiet'); play.type = 'button'; play.dataset.galleryPlay = run.id; actions.append(play);
+      const player = document.createElement(video ? 'video' : 'audio'); player.playsInline = true; player.controls = true; player.preload = 'metadata'; player.hidden = true;
       const note = element('p', '', 'field-note');
       play.addEventListener('click', async () => {
         clearAudio();
         const at = ticket, http = client, job = { controller: new AbortController(), player, button: play, url: null };
-        activeAudio = job; play.disabled = true; note.textContent = '读取音频…';
+        activeAudio = job; play.disabled = true; note.textContent = video ? '读取原视频…' : '读取音频…';
         try {
-          const blob = await http.get('/api/v0/artifacts/' + artifact.artifactId + '/audio', { binary: true, signal: job.controller.signal });
+          const blob = await http.get('/api/v0/artifacts/' + artifact.artifactId + (video ? '/video' : '/audio'), { binary: true, signal: job.controller.signal });
           if (!visible || at !== ticket || job !== activeAudio) return;
-          job.url = URL.createObjectURL(blob); player.src = job.url; player.hidden = false; play.hidden = true; note.textContent = '点击播放器试听。';
+          job.url = URL.createObjectURL(blob); player.src = job.url; player.hidden = false; play.hidden = true; note.textContent = video ? '点击播放；仅载入原视频，不调用模型。' : '点击播放器试听。';
         } catch (error) { if (job === activeAudio && !job.controller.signal.aborted) note.textContent = describe(error); }
         finally { if (job === activeAudio) play.disabled = false; }
       });
@@ -97,7 +97,7 @@ export function createGallery({ openRun, describe }) {
     $('#gallery-feedback').textContent = '正在读取作品…'; $('#gallery-empty').hidden = true;
     try {
       const value = await http.get('/api/v0/runs?' + new URLSearchParams({ limit: '20', selection: filter,
-        ...(audioEnabled ? { kind } : {}), ...(more && cursor ? { cursor } : {}) }), { signal });
+        ...(audioEnabled || videoEnabled ? { kind } : {}), ...(more && cursor ? { cursor } : {}) }), { signal });
       if (at !== ticket || client !== http || !visible) return;
       if (value.contractVersion !== 0 || !value.counts || !Array.isArray(value.runs)) throw new TypeError('不支持的作品列表');
       cursor = value.nextCursor; counts(value.counts);
@@ -114,7 +114,7 @@ export function createGallery({ openRun, describe }) {
     void load();
   });
   for (const button of document.querySelectorAll('[data-gallery-kind]')) button.addEventListener('click', () => {
-    if (!audioEnabled || button.dataset.galleryKind === kind) return;
+    if (!(audioEnabled || videoEnabled) || button.hidden || button.dataset.galleryKind === kind) return;
     kind = button.dataset.galleryKind; filter = 'all'; cursor = null;
     for (const item of document.querySelectorAll('[data-gallery-kind]')) item.setAttribute('aria-pressed', String(item === button));
     $('#gallery-filters').hidden = kind !== 'image'; void load();
@@ -122,9 +122,10 @@ export function createGallery({ openRun, describe }) {
   $('#gallery-refresh').addEventListener('click', () => { void load(); });
   $('#gallery-more').addEventListener('click', () => { void load(true); });
   return Object.freeze({
-    connect(http, session) { client = http; audioEnabled = session?.audio === true; $('#gallery-types').hidden = !audioEnabled; },
+    connect(http, session) { client = http; audioEnabled = session?.audio === true; videoEnabled = session?.video === true; $('#gallery-types').hidden = !audioEnabled && !videoEnabled;
+      for (const item of document.querySelectorAll('[data-gallery-kind]')) item.hidden = item.dataset.galleryKind === 'video' ? !videoEnabled : item.dataset.galleryKind !== 'image' && !audioEnabled; },
     show(value) { if (visible === value) return; visible = value; if (value) void load(); else { ticket++; busy = false; clear(); $('#gallery-grid').replaceChildren(); } },
-    disconnect() { visible = false; client = null; ticket++; busy = false; cursor = null; filter = 'all'; kind = 'image'; audioEnabled = false; clear();
+    disconnect() { visible = false; client = null; ticket++; busy = false; cursor = null; filter = 'all'; kind = 'image'; audioEnabled = videoEnabled = false; clear();
       for (const item of document.querySelectorAll('[data-gallery-kind]')) item.setAttribute('aria-pressed', String(item.dataset.galleryKind === kind));
       $('#gallery-types').hidden = true; $('#gallery-filters').hidden = false; $('#gallery-grid').replaceChildren(); counts({ all: 0, selected: 0, unselected: 0 }); $('#gallery-feedback').textContent = ''; },
     refresh() { return load(); }