cortico-world-image 0.2.0 → 0.5.4

package/dist/webui.js

@@ -20,6 +20,20 @@ const STYLE = `
 .iw-big img { max-width: 100%; max-height: 68vh; display: block; margin: 0 auto; }
 .iw-bigmeta { font-size: 12px; opacity: .7; margin: 8px 0; word-break: break-all; }
 .iw-prompt { font-size: 12px; white-space: pre-wrap; word-break: break-word; }
+.iw-chain { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
+.iw-chainhead { display: grid; grid-template-columns: 24px 120px 150px 1fr 1fr 120px; gap: 6px; padding: 0 6px; font-size: 11px; opacity: .55; }
+.iw-chainrow { display: grid; grid-template-columns: 24px 120px 150px 1fr 1fr 120px; gap: 6px; align-items: center; padding: 6px; border: 1px solid rgba(128,128,128,.3); border-radius: 8px; }
+.iw-chainrow input, .iw-chainrow select { min-width: 0; width: 100%; box-sizing: border-box; }
+.iw-chainbad { grid-column: 1 / -1; color: #d9534f; font-size: 11px; }
+.iw-chaintools { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
+.iw-chaintools button { padding: 2px 6px; }
+.iw-chainadv { border: 1px dashed rgba(128,128,128,.45); border-radius: 8px; padding: 8px; display: flex; flex-direction: column; gap: 6px; }
+.iw-chainadvhead { display: flex; gap: 8px; align-items: center; justify-content: space-between; }
+.iw-lorarows { display: flex; flex-direction: column; gap: 4px; }
+.iw-lorarow { display: grid; grid-template-columns: 1fr 90px 90px 64px; gap: 6px; align-items: center; }
+.iw-lorarow input { min-width: 0; width: 100%; box-sizing: border-box; }
+.iw-chainadvgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; align-items: end; }
+.iw-chainadvgrid .iw-chainadvwide { grid-column: 1 / -1; }
 `;
 
 const ZH = {
@@ -64,6 +78,65 @@ const ZH = {
   clearKey: '清除密钥',
   clearKeyBody: '会把 .env 里那一行置空。之后画图会直接失败，直到重新填入。',
   saveKey: '保存密钥',
+  chainTitle: '模型链',
+  chainDesc: '画图时按这里的顺序挨个试：本地 ComfyUI 与云端 OpenAI 兼容接口可以混在一起，上面的先用。前一档连不上、超时、额度用完、模型没装，就自动换下一档。空着则用下面那套单档配置。',
+  chainPlaceholder: '[{"name":"local","preset":"comfyui","baseUrl":"http://127.0.0.1:8188","ckpt":"sd_xl_base_1.0.safetensors"}]',
+  chainName: '名称',
+  chainKind: '类型',
+  chainBase: '地址',
+  chainWhere: '模型 / ckpt',
+  chainKindOpenai: '云端接口（OpenAI 兼容）',
+  chainKindComfyui: '本地 ComfyUI',
+  chainNamePlaceholder: 'local / cloud',
+  chainAddComfyui: '＋ 本地 ComfyUI',
+  chainAddCloud: '＋ 云端接口',
+  chainAdv: '高级参数',
+  chainAdvTitle: '高级参数',
+  chainAdvClose: '收起',
+  chainAdvHint: 'LoRA 文件要先放进 ComfyUI 的 models/loras，名字带扩展名（可带子目录）；强度留空按 1，CLIP 强度留空就跟强度一样。',
+  chainAdvLora: 'LoRA',
+  chainAdvLoraAdd: '＋ LoRA',
+  chainAdvLoraEmpty: '还没加 LoRA；只用 checkpoint 出图就留空。',
+  chainAdvLoraName: '文件名，如 add_detail.safetensors',
+  chainAdvLoraStrength: '强度',
+  chainAdvLoraClip: 'CLIP 强度',
+  chainAdvNegative: '负面提示词',
+  chainAdvNegativePh: 'lowres, blurry, watermark',
+  chainAdvSteps: 'steps',
+  chainAdvCfg: 'cfg',
+  chainAdvDenoise: 'denoise',
+  chainAdvSampler: '采样器',
+  chainAdvScheduler: '调度器',
+  chainAdvModel: '模型文件',
+  chainAdvModelHint: 'Anima、Flux 这类不是 all-in-one 的模型要分三个文件：UNet + 文本编码器 + VAE。填了 UNet 就忽略上面的 checkpoint；LoRA 只作用于 UNet（没有 CLIP 那一半）。',
+  chainAdvUnet: 'UNet，如 anima-base-v1.0.safetensors',
+  chainAdvTextEncoder: '文本编码器，如 qwen_3_06b_base.safetensors',
+  chainAdvTextEncoderType: '编码器类型',
+  chainAdvVae: 'VAE，如 qwen_image_vae.safetensors',
+  chainUnetInAdv: '已用高级参数里的裸 UNet',
+  chainNeedUnetParts: '裸 UNet 还差文本编码器 / VAE',
+  chainJson: '高级：JSON',
+  chainJsonHint: '这里是原始的 worlds.image.models：workflow、loras、steps、denoise 这些高级字段直接在这改。链空着打开时会填一份现成范例（本地 ComfyUI 带 LoRA + 云端各一档），把 ckpt / loras 换成你自己 models 里的文件名，先「应用 JSON」再「保存模型链」。',
+  chainJsonApply: '应用 JSON',
+  chainJsonBack: '收起 JSON',
+  chainJsonApplied: 'JSON 已读进来，点「保存模型链」才写进配置',
+  chainBroken: '这段 JSON 读不了',
+  chainBrokenHint: '先修好 JSON，或把这一段清空重来。在保存之前配置不会动。',
+  chainEmptyHint: '还没有配模型链，现在用的是下面那套单档配置。想让本地 ComfyUI 和云端轮着试，点「＋ 本地 ComfyUI」或「＋ 云端接口」加一档；想照着现成范例改（本地 ComfyUI 带 LoRA + 云端各一档），点「高级：JSON」。',
+  chainOrderHint: '从上到下就是优先级。',
+  chainNeedBase: '缺地址',
+  chainNeedCkpt: '缺 ckpt 文件名',
+  chainNeedModel: '缺模型名',
+  chainMoveUp: '上移',
+  chainMoveDown: '下移',
+  chainDel: '删除',
+  chainBad: '模型链没保存',
+  chainSave: '保存模型链',
+  chainSaved: '模型链已保存',
+  chainTest: '测试模型链',
+  chainTesting: '正在探活…',
+  chainTestDirty: '链上还有没保存的改动，先点「保存模型链」再测',
+  chainTestNone: '还没测试。点「测试模型链」挨个试一下。',
   endpoint: '接口地址',
   model: '模型',
   params: '默认参数',
@@ -84,13 +157,14 @@ const ZH = {
   runtime: '运行时',
   unknown: '未知',
   loadBad: '读不到作品列表',
-  patchTitle: '对话页发图',
-  patchDesc: '桌宠要在控制台「对话」页发图，得改安装目录里的两处代码（页面渲染、桌宠的事件出口）。程序自动更新会把它们覆写回去，所以每次启动都重打一遍；打不上会显示在这里。',
+  patchTitle: 'QQ 发图路径',
+  patchDesc: '旧版 QQ 扩展（qqbot）的 qq_send_image / qq_view_image 只按扩展目录解析本地路径；这里把它们改成先按桌宠工作区解析、扩展目录兜底。第三方包升级会把改动覆写掉，所以每次启动都重打一遍；打不上会显示在这里。切到官方 QQ 扩展（qq）后它按 blob 句柄发图，这两处自动跳过、不碰文件。',
   patchWhere: '安装目录',
   patchCount: '补丁',
   patchAt: '上次检查',
   patchLastRestart: '上次重启请求',
-  patchAllDone: '7 处都在',
+  patchAllDone: '处都在',
+  patchNone: '没有要打补丁的 QQ 扩展',
   patchPending: '刚补上，重启后生效',
   patchMissing: '有没打上的',
   patchNoApp: '没找到安装目录',
@@ -100,7 +174,7 @@ const ZH = {
   patchRepatch: '重打补丁',
   patchRestore: '还原备份',
   patchRestoreAsk: '按备份还原补丁？',
-  patchRestoreBody: '用更新下发的原文（.coopanion-orig）覆盖回这三份文件，桌宠发图会随之失效（重启控制台后生效）。备份不会删，随时能再打回来。',
+  patchRestoreBody: '用更新下发的原文（.coopanion-orig）覆盖回 QQ 扩展的 world.ts，QQ 发图改回只认扩展目录里的相对路径（重启控制台后生效）。备份不会删，随时能再打回来。',
   patchRestoreDone: '已按备份还原',
   patchRestoreNone: '没动：文件本来就是原文',
   patchRestoreBad: '还原出错',
@@ -111,7 +185,7 @@ const ZH = {
   patchBackupSame: '与当前一致',
   patchRestart: '重启控制台',
   patchRestartAsk: '现在重启控制台？',
-  patchRestartBody: '控制台会自己重启（几秒钟），正在跑的对话会断。桌宠那一侧的补丁要重启才装载。',
+  patchRestartBody: '控制台会自己重启（几秒钟），正在跑的对话会断。QQ 扩展的补丁要重启才装载。',
   patchRestartSent: '重启请求已发出，稍等几秒',
   patchRestartBad: '重启请求没送到',
   patchRepatched: '又对了一遍',
@@ -160,6 +234,65 @@ const EN = {
   clearKey: 'Clear key',
   clearKeyBody: 'Empties that line in .env. Drawing will fail until a key is entered again.',
   saveKey: 'Save key',
+  chainTitle: 'Model chain',
+  chainDesc: 'Tried from top to bottom: a local ComfyUI and cloud OpenAI-compatible endpoints can be mixed in one list. If an entry is unreachable, times out, runs out of quota or lacks the model, the next one is tried. Empty means the single-backend settings below.',
+  chainPlaceholder: '[{"name":"local","preset":"comfyui","baseUrl":"http://127.0.0.1:8188","ckpt":"sd_xl_base_1.0.safetensors"}]',
+  chainName: 'Name',
+  chainKind: 'Type',
+  chainBase: 'Endpoint',
+  chainWhere: 'Model / ckpt',
+  chainKindOpenai: 'Cloud (OpenAI-compatible)',
+  chainKindComfyui: 'Local ComfyUI',
+  chainNamePlaceholder: 'local / cloud',
+  chainAddComfyui: '+ Local ComfyUI',
+  chainAddCloud: '+ Cloud endpoint',
+  chainAdv: 'Advanced',
+  chainAdvTitle: 'Advanced settings',
+  chainAdvClose: 'Hide',
+  chainAdvHint: 'LoRA files must live in ComfyUI\'s models/loras; include the extension (subfolders OK). Blank strength means 1; blank CLIP strength follows strength.',
+  chainAdvLora: 'LoRA',
+  chainAdvLoraAdd: '+ LoRA',
+  chainAdvLoraEmpty: 'No LoRA yet — leave empty to use the checkpoint alone.',
+  chainAdvLoraName: 'file name, e.g. add_detail.safetensors',
+  chainAdvLoraStrength: 'strength',
+  chainAdvLoraClip: 'CLIP strength',
+  chainAdvNegative: 'Negative prompt',
+  chainAdvNegativePh: 'lowres, blurry, watermark',
+  chainAdvSteps: 'steps',
+  chainAdvCfg: 'cfg',
+  chainAdvDenoise: 'denoise',
+  chainAdvSampler: 'sampler',
+  chainAdvScheduler: 'scheduler',
+  chainAdvModel: 'Model files',
+  chainAdvModelHint: 'Anima / Flux are not all-in-one: they need a UNet, a text encoder and a VAE as three separate files. A UNet here overrides the checkpoint above; LoRAs then only touch the UNet (no CLIP half).',
+  chainAdvUnet: 'UNet, e.g. anima-base-v1.0.safetensors',
+  chainAdvTextEncoder: 'Text encoder, e.g. qwen_3_06b_base.safetensors',
+  chainAdvTextEncoderType: 'encoder type',
+  chainAdvVae: 'VAE, e.g. qwen_image_vae.safetensors',
+  chainUnetInAdv: 'using the bare UNet from Advanced',
+  chainNeedUnetParts: 'bare UNet still needs a text encoder / VAE',
+  chainJson: 'Advanced: JSON',
+  chainJsonHint: 'Raw worlds.image.models — edit workflow, loras, steps, denoise and other advanced fields here. With no chain yet it opens pre-filled with a working example (a local ComfyUI tier with LoRA plus a cloud tier); swap ckpt / loras for your own file names, then Apply JSON and Save chain.',
+  chainJsonApply: 'Apply JSON',
+  chainJsonBack: 'Hide JSON',
+  chainJsonApplied: 'JSON loaded — press "Save chain" to write it',
+  chainBroken: 'This JSON will not parse',
+  chainBrokenHint: 'Fix it, or clear the box and start over. Nothing changes until you save.',
+  chainEmptyHint: 'No model chain yet: the single-backend settings below are in use. Add a local ComfyUI or a cloud entry to mix them — or open Advanced: JSON to start from a ready example (local ComfyUI with LoRA plus a cloud tier).',
+  chainOrderHint: 'Top to bottom is the priority order.',
+  chainNeedBase: 'missing endpoint',
+  chainNeedCkpt: 'missing ckpt file name',
+  chainNeedModel: 'missing model name',
+  chainMoveUp: 'Up',
+  chainMoveDown: 'Down',
+  chainDel: 'Remove',
+  chainBad: 'Model chain not saved',
+  chainSave: 'Save chain',
+  chainSaved: 'Model chain saved',
+  chainTest: 'Test chain',
+  chainTesting: 'Probing…',
+  chainTestDirty: 'The chain has unsaved edits — press "Save chain" before testing',
+  chainTestNone: 'Not tested yet. Press "Test chain" to try each entry.',
   endpoint: 'Endpoint',
   model: 'Model',
   params: 'Defaults',
@@ -180,13 +313,14 @@ const EN = {
   runtime: 'Runtime',
   unknown: 'unknown',
   loadBad: 'Could not read the picture list',
-  patchTitle: 'Images in Chat',
-  patchDesc: 'Sending a picture to the console Chat page needs two code patches in the install directory (the page renderer and the pet\'s event outlet). The updater overwrites them, so they are re-applied on every start; anything that fails shows up here.',
+  patchTitle: 'QQ Image Paths',
+  patchDesc: 'The legacy QQ extension (qqbot) resolves local picture paths against its own folder; these two patches make qq_send_image / qq_view_image try your pet workspace first. The updater overwrites them, so they are re-applied on every start; anything that fails shows up here. With the official QQ extension (qq) pictures travel as blob handles, so both patches are skipped and no file is touched.',
   patchWhere: 'Install dir',
   patchCount: 'Patches',
   patchAt: 'Checked',
   patchLastRestart: 'Last restart request',
-  patchAllDone: 'all 7 in place',
+  patchAllDone: 'in place',
+  patchNone: 'no QQ extension needs patching',
   patchPending: 'applied, takes effect after restart',
   patchMissing: 'some are missing',
   patchNoApp: 'install directory not found',
@@ -196,7 +330,7 @@ const EN = {
   patchRepatch: 'Re-apply',
   patchRestore: 'Restore from backup',
   patchRestoreAsk: 'Restore the patches from backup?',
-  patchRestoreBody: 'Overwrites the three files with the updater-shipped originals (.coopanion-orig); the pet loses image sending after a console restart. Backups are kept, so you can re-apply any time.',
+  patchRestoreBody: 'Overwrites the QQ extension world.ts with the updater-shipped original (.coopanion-orig); QQ images fall back to extension-relative paths after a console restart. Backups are kept, so you can re-apply any time.',
   patchRestoreDone: 'Restored from backup',
   patchRestoreNone: 'Nothing changed: files were already pristine',
   patchRestoreBad: 'Restore failed',
@@ -207,7 +341,7 @@ const EN = {
   patchBackupSame: 'same as current file',
   patchRestart: 'Restart console',
   patchRestartAsk: 'Restart the console now?',
-  patchRestartBody: 'The console restarts by itself (a few seconds); a running conversation is cut off. The pet-side patch only loads on restart.',
+  patchRestartBody: 'The console restarts by itself (a few seconds); a running conversation is cut off. The QQ patch only loads on restart.',
   patchRestartSent: 'Restart requested, give it a few seconds',
   patchRestartBad: 'Restart request did not go through',
   patchRepatched: 'Checked again',
@@ -222,6 +356,128 @@ function message(err) {
   return String(err);
 }
 
+/** 模型链的 JSON：读坏了要能接着说清是哪坏，所以不抛异常，返回 `{entries, error}`。 */
+function parseChainJson(raw) {
+  const value = String(raw ?? '').trim();
+  if (!value) return { entries: [], error: '' };
+  try {
+    const parsed = JSON.parse(value);
+    if (!Array.isArray(parsed)) return { entries: [], error: 'not an array / 不是数组' };
+    const entries = parsed.filter((it) => it && typeof it === 'object' && !Array.isArray(it)).map((it) => ({ ...it }));
+    return { entries, error: '' };
+  } catch (err) {
+    return { entries: [], error: message(err) };
+  }
+}
+
+/** 面板里编辑的是对象数组，落盘的仍是 `worlds.image.models` 的 JSON 文本。 */
+function chainToJson(entries) {
+  const list = entries.map((entry) => {
+    const out = { ...entry };
+    if (!String(out.preset ?? '').trim()) out.preset = 'openai';
+    return out;
+  });
+  return list.length ? JSON.stringify(list, null, 2) : '[]';
+}
+
+/**
+ * 「高级：JSON」空着的时候给的范例：一档本地 ComfyUI（带 LoRA、采样参数）
+ * + 一档云端。照着改就能用，不用去翻文档。
+ */
+function chainExampleJson() {
+  return JSON.stringify([
+    {
+      name: 'local',
+      preset: 'comfyui',
+      baseUrl: 'http://127.0.0.1:8188',
+      ckpt: 'sd_xl_base_1.0.safetensors',
+      loras: [
+        'add_detail.safetensors:0.6',
+        { name: 'style_anime.safetensors', strength: 0.8, clipStrength: 0.5 },
+      ],
+      negative: 'lowres, blurry, watermark, text',
+      steps: 25,
+      cfg: 7,
+      sampler: 'euler',
+      scheduler: 'normal',
+      denoise: 0.6,
+    },
+    {
+      name: 'cloud',
+      preset: 'openai',
+      baseUrl: 'https://api.openai.com/v1',
+      model: 'gpt-image-1',
+    },
+  ], null, 2);
+}
+
+/** 一档的 LoRA 摊平成面板里能编辑的行：`name` / `strength` / `clipStrength`，字符串简写也收。 */
+function chainLoraList(entry) {
+  const raw = Array.isArray(entry?.loras) ? entry.loras : (entry?.loras ? [entry.loras] : []);
+  return raw.map((it) => {
+    if (typeof it === 'string') {
+      const cut = it.lastIndexOf(':');
+      const name = cut > 0 ? it.slice(0, cut) : it;
+      const strength = cut > 0 ? it.slice(cut + 1) : '';
+      return { name: name.trim(), strength: String(strength).trim(), clipStrength: '' };
+    }
+    const obj = it && typeof it === 'object' ? it : {};
+    return {
+      name: String(obj.name ?? '').trim(),
+      strength: obj.strength === undefined || obj.strength === null ? '' : String(obj.strength),
+      clipStrength: obj.clipStrength === undefined || obj.clipStrength === null ? '' : String(obj.clipStrength),
+    };
+  });
+}
+
+/** 面板里的 LoRA 行写回档位：没名字的丢掉，强度按数字存，CLIP 强度空着就不写。 */
+function chainLorasSet(entry, list) {
+  const out = [];
+  for (const it of list) {
+    const name = String(it?.name ?? '').trim();
+    if (!name) continue;
+    const num = (v) => {
+      const n = Number(String(v ?? '').trim());
+      return Number.isFinite(n) ? n : null;
+    };
+    const strength = num(it.strength);
+    const clip = num(it.clipStrength);
+    const one = { name, strength: strength === null ? 1 : strength };
+    if (clip !== null) one.clipStrength = clip;
+    out.push(one);
+  }
+  if (out.length) entry.loras = out;
+  else delete entry.loras;
+}
+
+/** 一档是哪种：只认 comfyui，其余都当 OpenAI 兼容（和 src/chain.js 对齐）。 */
+function chainKindOf(entry) {
+  return String(entry?.preset ?? '').trim().toLowerCase() === 'comfyui' ? 'comfyui' : 'openai';
+}
+
+/** 这一档还差什么；齐了返回空串。 */
+function chainRowProblem(entry, tx) {
+  if (!String(entry?.baseUrl ?? '').trim()) return tx.chainNeedBase;
+  if (chainKindOf(entry) === 'comfyui') {
+    // 自定义工作流自己写文件名，这里不挑毛病。
+    if (entry?.workflow) return '';
+    if (String(entry?.unet ?? '').trim()) {
+      const ok = String(entry?.textEncoder ?? '').trim() && String(entry?.vaeName ?? '').trim();
+      return ok ? '' : tx.chainNeedUnetParts;
+    }
+    return String(entry?.ckpt ?? '').trim() ? '' : tx.chainNeedCkpt;
+  }
+  return String(entry?.model ?? '').trim() ? '' : tx.chainNeedModel;
+}
+
+/** 新加一档时别撞名：`local` → `local2` → `local3`。 */
+function chainUniqueName(base, list) {
+  const taken = new Set(list.map((it) => String(it?.name ?? '').trim()));
+  if (!taken.has(base)) return base;
+  for (let i = 2; i < 100; i += 1) if (!taken.has(`${base}${i}`)) return `${base}${i}`;
+  return `${base}-${Date.now().toString(36)}`;
+}
+
 function injectStyle(ctx) {
   const el = ctx.ui.h('style');
   el.textContent = STYLE;
@@ -529,6 +785,365 @@ function statusPanel(ctx) {
   keyCard.appendChild(keyRow);
   body.appendChild(keyCard);
 
+  // 模型链：面板里是一串可排序的小卡片，落盘仍是 worlds.image.models 的 JSON。
+  let chainEdit = [];
+  let chainBroken = '';
+  let chainDirty = false;
+  let chainProbe = null;
+  let chainAdvEntry = null;
+  let chainJsonShown = false;
+
+  const chainCard = ctx.ui.section(tx.chainTitle, tx.chainDesc);
+  const chainOrderLine = ctx.ui.h('div', 'iw-sub', tx.chainOrderHint);
+  const chainHead = ctx.ui.h('div', 'iw-chainhead');
+  chainHead.append(
+    ctx.ui.h('span', null, '#'),
+    ctx.ui.h('span', null, tx.chainName),
+    ctx.ui.h('span', null, tx.chainKind),
+    ctx.ui.h('span', null, tx.chainBase),
+    ctx.ui.h('span', null, tx.chainWhere),
+    ctx.ui.h('span', null, ''),
+  );
+  const chainRows = ctx.ui.h('div', 'iw-chain');
+  const chainEmptyLine = ctx.ui.msgline(tx.chainEmptyHint);
+  const chainBar = ctx.ui.actions();
+  const chainTestBox = ctx.ui.h('div', 'iw-sub', tx.chainTestNone);
+  const chainJsonWrap = ctx.ui.h('div');
+  const chainJson = ctx.ui.textarea({ rows: 8, cls: 'mono', placeholder: tx.chainPlaceholder });
+  const chainJsonBar = ctx.ui.actions();
+  chainJsonWrap.append(
+    ctx.ui.h('div', 'iw-sub', tx.chainJsonHint),
+    chainJson,
+    chainJsonBar,
+  );
+  chainJsonBar.append(
+    ctx.ui.button(tx.chainJsonApply, { size: 'sm', onClick: () => { applyChainJson(); } }),
+    ctx.ui.button(tx.chainJsonBack, { size: 'sm', onClick: () => { toggleChainJson(false); } }),
+  );
+  chainJsonWrap.style.display = 'none';
+  chainBar.append(
+    ctx.ui.button(tx.chainSave, { size: 'sm', variant: 'primary', onClick: () => { void saveChain(); } }),
+    ctx.ui.button(tx.chainTest, { size: 'sm', onClick: () => { void testChain(); } }),
+    ctx.ui.button(tx.chainAddComfyui, { size: 'sm', onClick: () => { addChainEntry('comfyui'); } }),
+    ctx.ui.button(tx.chainAddCloud, { size: 'sm', onClick: () => { addChainEntry('openai'); } }),
+    ctx.ui.button(tx.chainJson, { size: 'sm', onClick: () => { toggleChainJson(); } }),
+  );
+  chainCard.append(chainOrderLine, chainHead, chainRows, chainEmptyLine, chainBar, chainTestBox, chainJsonWrap);
+  body.appendChild(chainCard);
+
+  /** 一行一档：名称、类型、地址、模型/ckpt，加排序与删除。 */
+  const chainRowOf = (entry, index) => {
+    const kind = chainKindOf(entry);
+    const row = ctx.ui.h('div', 'iw-chainrow');
+    row.appendChild(ctx.ui.h('span', 'iw-sub', String(index + 1)));
+
+    const bad = ctx.ui.h('div', 'iw-chainbad');
+    const syncBad = () => {
+      const problem = chainRowProblem(entry, tx);
+      bad.textContent = problem ? `第 ${index + 1} 档：${problem}` : '';
+      bad.style.display = problem ? '' : 'none';
+    };
+
+    const name = ctx.ui.input({ value: String(entry.name ?? ''), placeholder: tx.chainNamePlaceholder, cls: 'mono' });
+    name.addEventListener('input', () => {
+      entry.name = name.value.trim();
+      markChainDirty();
+    });
+
+    const kindSel = ctx.ui.select({ cls: 'mono' });
+    for (const pair of [['openai', tx.chainKindOpenai], ['comfyui', tx.chainKindComfyui]]) {
+      const opt = ctx.ui.h('option', null, pair[1]);
+      opt.value = pair[0];
+      kindSel.appendChild(opt);
+    }
+    kindSel.value = kind;
+    kindSel.addEventListener('change', () => {
+      entry.preset = kindSel.value === 'comfyui' ? 'comfyui' : 'openai';
+      if (entry.preset !== 'comfyui' && chainAdvEntry === entry) chainAdvEntry = null;
+      markChainDirty();
+      renderChain();
+    });
+
+    const base = ctx.ui.input({
+      value: String(entry.baseUrl ?? ''),
+      placeholder: kind === 'comfyui' ? 'http://127.0.0.1:8188' : 'https://api.openai.com/v1',
+      cls: 'mono',
+    });
+    base.addEventListener('input', () => {
+      entry.baseUrl = base.value.trim();
+      markChainDirty();
+      syncBad();
+    });
+
+    const whereKey = kind === 'comfyui' ? 'ckpt' : 'model';
+    const where = ctx.ui.input({
+      value: String(entry[whereKey] ?? ''),
+      placeholder:
+        kind === 'comfyui'
+          ? (String(entry.unet ?? '').trim() ? tx.chainUnetInAdv : 'sd_xl_base_1.0.safetensors')
+          : 'gpt-image-1',
+      cls: 'mono',
+    });
+    where.addEventListener('input', () => {
+      entry[whereKey] = where.value.trim();
+      markChainDirty();
+      syncBad();
+    });
+
+    const tools = ctx.ui.h('div', 'iw-chaintools');
+    if (kind === 'comfyui') {
+      tools.append(ctx.ui.button(tx.chainAdv, {
+        size: 'sm',
+        onClick: () => {
+          chainAdvEntry = chainAdvEntry === entry ? null : entry;
+          renderChain();
+        },
+      }));
+    }
+    tools.append(
+      ctx.ui.button(tx.chainMoveUp, { size: 'sm', onClick: () => { moveChainEntry(index, -1); } }),
+      ctx.ui.button(tx.chainMoveDown, { size: 'sm', onClick: () => { moveChainEntry(index, 1); } }),
+      ctx.ui.button(tx.chainDel, { size: 'sm', onClick: () => { removeChainEntry(index); } }),
+    );
+
+    row.append(name, kindSel, base, where, tools, bad);
+    syncBad();
+    return row;
+  };
+
+  /** 一档的「高级参数」：多行 LoRA + 采样参数，只对本地 ComfyUI 档出现。 */
+  const chainAdvBlock = (entry) => {
+    const box = ctx.ui.h('div', 'iw-chainadv');
+    const head = ctx.ui.h('div', 'iw-chainadvhead');
+    head.append(
+      ctx.ui.h('span', null, `${tx.chainAdvTitle} · ${String(entry.name || entry.ckpt || '')}`),
+      ctx.ui.button(tx.chainAdvClose, {
+        size: 'sm',
+        onClick: () => {
+          chainAdvEntry = null;
+          renderChain();
+        },
+      }),
+    );
+    box.appendChild(head);
+
+    // LoRA：摊平成可编辑的行，改完立刻写回这一档。
+    const list = chainLoraList(entry);
+    const loraBox = ctx.ui.h('div', 'iw-lorarows');
+    const drawLoras = () => {
+      loraBox.replaceChildren();
+      if (!list.length) {
+        loraBox.appendChild(ctx.ui.msgline(tx.chainAdvLoraEmpty));
+        return;
+      }
+      list.forEach((it, i) => {
+        const line = ctx.ui.h('div', 'iw-lorarow');
+        const nm = ctx.ui.input({ value: it.name, placeholder: tx.chainAdvLoraName, cls: 'mono' });
+        nm.addEventListener('input', () => {
+          it.name = nm.value;
+          chainLorasSet(entry, list);
+          markChainDirty();
+        });
+        const st = ctx.ui.input({ value: it.strength, placeholder: '1', cls: 'mono' });
+        st.addEventListener('input', () => {
+          it.strength = st.value;
+          chainLorasSet(entry, list);
+          markChainDirty();
+        });
+        const cp = ctx.ui.input({ value: it.clipStrength, placeholder: '=', cls: 'mono' });
+        cp.addEventListener('input', () => {
+          it.clipStrength = cp.value;
+          chainLorasSet(entry, list);
+          markChainDirty();
+        });
+        line.append(
+          nm,
+          st,
+          cp,
+          ctx.ui.button(tx.chainDel, {
+            size: 'sm',
+            onClick: () => {
+              list.splice(i, 1);
+              chainLorasSet(entry, list);
+              markChainDirty();
+              drawLoras();
+            },
+          }),
+        );
+        loraBox.appendChild(line);
+      });
+    };
+    drawLoras();
+    const loraBar = ctx.ui.actions();
+    loraBar.append(ctx.ui.button(tx.chainAdvLoraAdd, {
+      size: 'sm',
+      onClick: () => {
+        list.push({ name: '', strength: '', clipStrength: '' });
+        drawLoras();
+      },
+    }));
+    box.append(ctx.ui.h('div', 'iw-sub', tx.chainAdvLora), loraBox, loraBar, ctx.ui.h('div', 'iw-sub', tx.chainAdvHint));
+
+    /** 数字/文本字段改完就写回；清空就当没写（让 src/chain.js 用它的默认值）。 */
+    const fieldOf = (key, placeholder) => {
+      const raw = entry[key];
+      const el = ctx.ui.input({ value: raw === undefined || raw === null ? '' : String(raw), placeholder, cls: 'mono' });
+      el.addEventListener('input', () => {
+        const v = el.value.trim();
+        if (!v) delete entry[key];
+        else {
+          const num = Number(v);
+          entry[key] = Number.isFinite(num) ? num : v;
+        }
+        markChainDirty();
+      });
+      return el;
+    };
+
+    const grid = ctx.ui.h('div', 'iw-chainadvgrid');
+    const negative = ctx.ui.textarea({ rows: 2, cls: 'mono', placeholder: tx.chainAdvNegativePh });
+    negative.value = String(entry.negative ?? '');
+    negative.addEventListener('input', () => {
+      entry.negative = negative.value;
+      markChainDirty();
+    });
+    const negWrap = ctx.ui.h('div', 'iw-chainadvwide');
+    negWrap.appendChild(ctx.ui.field(tx.chainAdvNegative, negative));
+
+    const pick = (key, options, fallback) => {
+      const sel = ctx.ui.select({ cls: 'mono' });
+      const current = String(entry[key] ?? fallback);
+      const all = options.includes(current) ? options : [current, ...options];
+      for (const opt of all) {
+        const el = ctx.ui.h('option', null, opt);
+        el.value = opt;
+        sel.appendChild(el);
+      }
+      sel.value = current;
+      sel.addEventListener('change', () => {
+        entry[key] = sel.value;
+        markChainDirty();
+      });
+      return sel;
+    };
+    grid.append(
+      negWrap,
+      ctx.ui.field(tx.chainAdvSteps, fieldOf('steps', '25')),
+      ctx.ui.field(tx.chainAdvCfg, fieldOf('cfg', '7')),
+      ctx.ui.field(tx.chainAdvDenoise, fieldOf('denoise', '0.6')),
+      ctx.ui.field(tx.chainAdvSampler, pick('sampler', ['euler', 'euler_ancestral', 'dpmpp_2m', 'dpmpp_2m_sde', 'dpmpp_sde', 'ddim', 'heun', 'lms'], 'euler')),
+      ctx.ui.field(tx.chainAdvScheduler, pick('scheduler', ['normal', 'karras', 'exponential', 'sgm_uniform', 'simple', 'ddim_uniform'], 'normal')),
+    );
+    box.appendChild(grid);
+
+    // 裸 UNet 三件套（Anima / Flux）：三个文件 + 编码器类型。填了 UNet 就顶掉上面的 ckpt。
+    const textField = (key, placeholder) => {
+      const el = ctx.ui.input({ value: String(entry[key] ?? ''), placeholder, cls: 'mono' });
+      el.addEventListener('input', () => {
+        const v = el.value.trim();
+        if (v) entry[key] = v;
+        else delete entry[key];
+        markChainDirty();
+      });
+      return el;
+    };
+    const modelGrid = ctx.ui.h('div', 'iw-chainadvgrid');
+    modelGrid.append(
+      ctx.ui.field(tx.chainAdvUnet, textField('unet', 'anima-base-v1.0.safetensors')),
+      ctx.ui.field(tx.chainAdvTextEncoder, textField('textEncoder', 'qwen_3_06b_base.safetensors')),
+      ctx.ui.field(
+        tx.chainAdvTextEncoderType,
+        pick('textEncoderType', ['stable_diffusion', 'sd3', 'flux', 'qwen_image', 'cosmos', 'lumina2'], 'stable_diffusion'),
+      ),
+      ctx.ui.field(tx.chainAdvVae, textField('vaeName', 'qwen_image_vae.safetensors')),
+    );
+    box.append(ctx.ui.h('div', 'iw-sub', tx.chainAdvModel), modelGrid, ctx.ui.h('div', 'iw-sub', tx.chainAdvModelHint));
+    return box;
+  };
+
+  const renderChain = () => {
+    chainOrderLine.style.display = chainEdit.length ? '' : 'none';
+    chainHead.style.display = chainEdit.length ? '' : 'none';
+    chainEmptyLine.style.display = chainEdit.length || chainBroken ? 'none' : '';
+    chainRows.replaceChildren();
+    if (chainBroken) {
+      chainRows.appendChild(ctx.ui.h('div', 'iw-sub', `${tx.chainBroken}：${chainBroken}`));
+      chainRows.appendChild(ctx.ui.h('div', 'iw-sub', tx.chainBrokenHint));
+    }
+    chainEdit.forEach((entry, index) => {
+      chainRows.appendChild(chainRowOf(entry, index));
+      if (chainAdvEntry === entry) chainRows.appendChild(chainAdvBlock(entry));
+    });
+    // 链空着、且 JSON 框开着时，别用 `[]` 把里面的范例/草稿冲掉。
+    if (!chainJsonShown || chainEdit.length || chainBroken) chainJson.value = chainToJson(chainEdit);
+    chainTestBox.replaceChildren();
+    if (chainProbe?.error) chainTestBox.appendChild(ctx.ui.h('div', 'iw-sub', chainProbe.error));
+    for (const it of Array.isArray(chainProbe?.items) ? chainProbe.items : []) {
+      const line = ctx.ui.h('div', 'iw-sub');
+      line.appendChild(ctx.ui.pill(it.ok ? tx.setLabel : tx.unsetLabel, it.ok ? 'on' : 'off'));
+      line.appendChild(ctx.ui.h('span', null, ` ${it.name} · ${it.preset} — ${it.detail}`));
+      chainTestBox.appendChild(line);
+    }
+    if (!chainProbe) chainTestBox.textContent = tx.chainTestNone;
+  };
+
+  const markChainDirty = () => {
+    chainDirty = true;
+    chainProbe = null;
+    chainTestBox.replaceChildren();
+    chainTestBox.textContent = tx.chainTestNone;
+  };
+
+  const toggleChainJson = (force) => {
+    chainJsonShown = typeof force === 'boolean' ? force : !chainJsonShown;
+    chainJsonWrap.style.display = chainJsonShown ? '' : 'none';
+    if (!chainJsonShown) return;
+    const raw = chainJson.value.trim();
+    // 空链打开时给一份现成范例（本地 ComfyUI + LoRA、云端各一档）；已有草稿就留着。
+    if (!chainBroken && !chainEdit.length && (!raw || raw === '[]')) chainJson.value = chainExampleJson();
+    else if (!raw || (chainEdit.length && raw === '[]')) chainJson.value = chainToJson(chainEdit);
+  };
+
+  const applyChainJson = () => {
+    const parsed = parseChainJson(chainJson.value);
+    chainEdit = parsed.entries;
+    chainBroken = parsed.error;
+    chainDirty = true;
+    chainProbe = null;
+    renderChain();
+    if (parsed.error) ctx.ui.toast(`${tx.chainBroken}：${parsed.error}`, 'bad');
+    else ctx.ui.toast(tx.chainJsonApplied, 'ok');
+  };
+
+  const addChainEntry = (kind) => {
+    const entry = kind === 'comfyui'
+      ? { name: chainUniqueName('local', chainEdit), preset: 'comfyui', baseUrl: 'http://127.0.0.1:8188', ckpt: '' }
+      : { name: chainUniqueName('cloud', chainEdit), preset: 'openai', baseUrl: '', model: '' };
+    chainEdit.push(entry);
+    chainBroken = '';
+    chainDirty = true;
+    chainProbe = null;
+    renderChain();
+  };
+
+  const moveChainEntry = (index, delta) => {
+    const to = index + delta;
+    if (to < 0 || to >= chainEdit.length) return;
+    const [item] = chainEdit.splice(index, 1);
+    chainEdit.splice(to, 0, item);
+    chainDirty = true;
+    chainProbe = null;
+    renderChain();
+  };
+
+  const removeChainEntry = (index) => {
+    const [gone] = chainEdit.splice(index, 1);
+    if (gone === chainAdvEntry) chainAdvEntry = null;
+    chainDirty = true;
+    chainProbe = null;
+    renderChain();
+  };
+
   const patchCard = ctx.ui.section(tx.patchTitle, tx.patchDesc);
   const patchHead = ctx.ui.h('div', 'iw-conn');
   patchCard.appendChild(patchHead);
@@ -556,7 +1171,7 @@ function statusPanel(ctx) {
 
   let currentDir = '';
 
-  /** 「对话页发图」补丁：7 处都在？这次补了几处？备份还在吗？要不要重启？ */
+  /** QQ 发图路径补丁：2 处都在？这次补了几处？备份还在吗？要不要重启？ */
   const renderPatch = (p) => {
     const total = Number(p?.total ?? 0);
     const done = Number(p?.done ?? 0);
@@ -573,7 +1188,7 @@ function statusPanel(ctx) {
           ? tx.patchUnchecked
           : restored.length
             ? tx.patchRestored
-            : (pending ? tx.patchPending : `${tx.patchAllDone}`);
+            : (pending ? tx.patchPending : (total === 0 ? tx.patchNone : `${done}/${total} ${tx.patchAllDone}`));
     const tone = p?.error || failed.length || restored.length ? 'off' : 'on';
     patchHead.replaceChildren(ctx.ui.pill(label, tone));
     if (patched.length) patchHead.appendChild(ctx.ui.pill(`${tx.patchApplied} ${patched.length}`, 'on'));
@@ -583,7 +1198,7 @@ function statusPanel(ctx) {
       : tx.none;
     patchKv.replaceChildren(ctx.ui.kv([
       { k: tx.patchWhere, v: ctx.ui.h('span', 'mono', String(p?.appRoot || '—')) },
-      { k: tx.patchCount, v: `${done}/${total}` },
+      { k: tx.patchCount, v: total === 0 ? (tx.patchNone) : `${done}/${total}` },
       { k: tx.patchAt, v: p?.at ? ctx.ui.fmt.clock(p.at) : tx.none },
       { k: tx.patchBackup, v: ctx.ui.h('span', 'mono', backupText) },
       ...(restored.length
@@ -633,6 +1248,12 @@ function statusPanel(ctx) {
       { k: tx.runtime, v: `Node ${s?.node ?? '?'} · ${s?.platform ?? '?'}` },
     ]));
     keyInput.placeholder = s?.keySet ? tx.keyPlaceholderSet : tx.keyPlaceholder;
+    if (!chainDirty) {
+      const parsed = parseChainJson(s?.models);
+      chainEdit = parsed.entries;
+      chainBroken = parsed.error;
+      renderChain();
+    }
     renderPatch(s?.patch);
   };
 
@@ -650,6 +1271,49 @@ function statusPanel(ctx) {
     }
   };
 
+  const saveChain = async () => {
+    if (chainBroken) {
+      ctx.ui.toast(`${tx.chainBroken}：${chainBroken}`, 'bad');
+      return;
+    }
+    const missing = chainEdit.map((entry, index) => ({ index, problem: chainRowProblem(entry, tx) })).find((it) => it.problem);
+    if (missing) {
+      ctx.ui.toast(`${tx.chainBad}：第 ${missing.index + 1} 档${missing.problem}`, 'bad');
+      return;
+    }
+    const release = ctx.ui.busy(tx.busier, tx.chainSave);
+    try {
+      await ctx.setConfig('world:image', { 'worlds.image.models': chainToJson(chainEdit) });
+      chainDirty = false;
+      chainProbe = null;
+      note.textContent = tx.chainSaved;
+      ctx.ui.toast(tx.chainSaved, 'ok');
+      await load(false);
+    } catch (err) {
+      note.textContent = `${tx.chainBad}：${message(err)}`;
+      ctx.ui.toast(`${tx.chainBad}：${message(err)}`, 'bad');
+    } finally {
+      release.dispose();
+    }
+  };
+
+  const testChain = async () => {
+    if (chainDirty) {
+      ctx.ui.toast(tx.chainTestDirty, 'bad');
+      return;
+    }
+    const release = ctx.ui.busy(tx.chainTesting, tx.chainTest);
+    try {
+      const res = await ctx.invoke('probe', []);
+      chainProbe = res && typeof res === 'object' ? res : { at: '', error: '', items: [] };
+      renderChain();
+    } catch (err) {
+      ctx.ui.toast(message(err), 'bad');
+    } finally {
+      release.dispose();
+    }
+  };
+
   const saveKey = async () => {
     const value = keyInput.value.trim();
     if (!value) {