@ninkch/dsh-infinite-canvas 0.17.6 → 0.17.8

package/client.js

@@ -91,6 +91,13 @@ window.__ModuleLoader__.load({
       for (let i = 0; i < bin.length; i++) arr[i] = bin.charCodeAt(i);
       return new Blob([arr], { type: mime || 'application/octet-stream' });
     }
+    function arrayBufferToBase64(buf) {
+      const bytes = new Uint8Array(buf);
+      let bin = '';
+      const CH = 0x8000;
+      for (let i = 0; i < bytes.length; i += CH) bin += String.fromCharCode.apply(null, bytes.subarray(i, i + CH));
+      return btoa(bin);
+    }
     function blobToDataUrl(blob) {
       return new Promise((res, rej) => {
         const r = new FileReader();
@@ -349,6 +356,15 @@ window.__ModuleLoader__.load({
       'dataRootOpen': '打开目录',
       'dataRootMigrate': '迁移历史资产',
       'dataRootMigrated': '已迁移 {n} 个资产到数据根目录',
+      'collapse': '折叠',
+      'foldOpen': '展开',
+      'craftReadyCount': '{r}/{n} 就绪',
+      'craftDirLabel': '当前项目后期目录',
+      'craftDataRootNeed': '请先在上方设置画布数据根目录：Craft 后期文件将存放于 数据根目录\\projects\\<项目>\\craft',
+      'craftRootMismatch': 'ArtCraft 自身数据目录与画布数据根目录不一致：请在 ArtCraft 设置里把数据目录改成同一根目录，否则后期文件会落到两处',
+      'dataRootImportBtn': '从数据目录导入',
+      'dataRootImported': '导入完成：合并 {n} 个项目、补入 {a} 条资产元数据',
+      'dataRootImportHint': '换电脑迁移：把整个数据目录拷到新机器 → 设置为数据根目录 → 点"从数据目录导入"即可恢复项目/节点/设定集/资产',
       'dataRootMigratedDone': '已迁移',
       'dataRootMigrating': '迁移中',
       'dataRootUnsupported': '当前插件后台版本较旧（不支持数据根目录）：重启 Harness 后可用',
@@ -677,6 +693,15 @@ window.__ModuleLoader__.load({
       'dataRootOpen': 'Open folder',
       'dataRootMigrate': 'Migrate existing assets',
       'dataRootMigrated': 'Migrated {n} assets to the data root',
+      'collapse': 'Collapse',
+      'foldOpen': 'Expand',
+      'craftReadyCount': '{r}/{n} ready',
+      'craftDirLabel': 'Project craft dir',
+      'craftDataRootNeed': 'Set the canvas data root above first: craft files go to <root>\\projects\\<project>\\craft',
+      'craftRootMismatch': "ArtCraft's own data root differs from the canvas data root — point ArtCraft at the same root or craft files will land in two places",
+      'dataRootImportBtn': 'Import from data root',
+      'dataRootImported': 'Imported: {n} projects merged, {a} asset records added',
+      'dataRootImportHint': 'Migration: copy the whole data folder to the new machine, set it as data root, then click "Import from data root" to restore projects/nodes/bible/assets',
       'dataRootMigratedDone': 'Migrated',
       'dataRootMigrating': 'Migrating',
       'dataRootUnsupported': 'The plugin backend is older and lacks data-root support — restart Harness to enable',
@@ -1079,8 +1104,8 @@ window.__ModuleLoader__.load({
       try { localStorage.setItem(key, JSON.stringify(value)); } catch { /* 忽略配额错误 */ }
     }
     const DEFAULT_SETTINGS = {
-      // 生成参数一律"留空即不发送"，由 Harness 适配器/模型用已配置的默认值（不在代码里写死）
-      textLlm: { provider: '', model: '', maxTokens: '', temperature: '' },
+      // 文本模型全部用 Harness 的当前模型与默认参数：画布只选择模型，不单独配置生成参数
+      textLlm: { provider: '', model: '' },
       imageApis: [],   // [{id, name, baseUrl, apiKey, model, mode, size?, responseFormat?}]
       videoApis: [],   // [{id, name, url, apiKey, model, protocol?, watermark?, generateAudio?}]
       ttsApis: [],     // [{id, name, baseUrl, apiKey, model, voice}]
@@ -1094,7 +1119,7 @@ window.__ModuleLoader__.load({
     function loadSettings() {
       const s = lsGet(LS_SETTINGS, {}) || {};
       const out = {
-        textLlm: { ...DEFAULT_SETTINGS.textLlm, ...(s.textLlm || {}) },
+        textLlm: { provider: (s.textLlm && s.textLlm.provider) || '', model: (s.textLlm && s.textLlm.model) || '' },
         imageApis: Array.isArray(s.imageApis) ? s.imageApis : [],
         videoApis: Array.isArray(s.videoApis) ? s.videoApis : [],
         ttsApis: Array.isArray(s.ttsApis) ? s.ttsApis : [],
@@ -1292,12 +1317,16 @@ window.__ModuleLoader__.load({
         entLines.length ? (zh ? '设定集：' : 'Series bible: ') + entLines.join('；') : '',
       ].filter(Boolean).join('\n');
     }
-    /** 资产命名：优先节点名（如「角色-张山 多视图」），否则用命中实体，最后兜底。 */
+    /** 资产命名时间戳（MM-DD HH:MM）：同节点多次生成靠它区分。 */
+    function nowStamp() {
+      return new Date().toISOString().slice(5, 16).replace('T', ' ');
+    }
+    /** 资产命名：**节点名 + 时间**（用户规则）；无节点名退回实体名/类型前缀 + 时间。 */
     function assetNameFor(node, entities, fallbackKind) {
       const label = String((node && node.data && node.data.label) || '').trim();
-      if (label) return label;
-      if (entities && entities.length) return entityLabelOf(entities[0].kind) + '-' + entities[0].name;
-      return (fallbackKind === 'video' ? '视频' : '图片') + '-' + new Date().toISOString().slice(5, 16).replace('T', ' ');
+      if (label) return label + ' ' + nowStamp();
+      if (entities && entities.length) return entityLabelOf(entities[0].kind) + '-' + entities[0].name + ' ' + nowStamp();
+      return (fallbackKind === 'video' ? '视频' : '图片') + '-' + nowStamp();
     }
     // <<<MENTION_PURE_END>>>
 
@@ -1509,21 +1538,72 @@ window.__ModuleLoader__.load({
       }
       await idbPut(rec);
       assetNameCache.set(rec.id, rec.name);
+      mirrorAssetIndex(rec); // 资产元数据镜像进数据目录 assets.json（迁移便利，失败静默）
       return rec;
     }
+    /** 资产元数据索引记录（去 blob；文本资产保留 text 以便导入端免读文件即可预览）。 */
+    function assetIndexRecord(rec) {
+      const out = {
+        id: rec.id, projectId: rec.projectId, kind: rec.kind, mime: rec.mime,
+        name: rec.name, createdAt: rec.createdAt, prompt: rec.prompt || '',
+        source: rec.source || '', category: rec.category || 'general',
+      };
+      if (rec.rel) { out.rel = rec.rel; out.size = rec.size || 0; }
+      if (rec.entity) out.entity = rec.entity;
+      if (Array.isArray(rec.entities) && rec.entities.length) out.entities = rec.entities;
+      if (rec.nodeLabel) out.nodeLabel = rec.nodeLabel;
+      if (rec.kind === 'text' && typeof rec.text === 'string') out.text = rec.text;
+      return out;
+    }
+    /** 把资产元数据镜像进数据目录的 assets.json（失败静默：索引是迁移便利，不是主存储）。 */
+    function mirrorAssetIndex(rec) {
+      if (!S.dataRoot || !rec || !rec.id) return;
+      const proj = S.projects.find((p) => p.id === rec.projectId);
+      hostRpc('assetIndexPut', {
+        projectId: rec.projectId, projectName: (proj && proj.name) || rec.projectId, asset: assetIndexRecord(rec),
+      }).catch(() => { /* 索引失败不影响资产本身 */ });
+    }
+    /** 启动/设置数据目录后：一次性把 IndexedDB 里的全部资产元数据同步进 assets.json（补齐历史资产索引）。
+     *  全量**替换**语义（含空项目占位）：IndexedDB 是资产库唯一事实源，借此自愈删除后残留的幽灵条目。 */
+    let assetIndexSynced = false;
+    async function syncAssetIndexToHost() {
+      if (assetIndexSynced || !S.dataRoot) return;
+      assetIndexSynced = true;
+      try {
+        const all = await idbAll();
+        const items = [];
+        const seen = new Set();
+        const projName = new Map(S.projects.map((p) => [p.id, p.name]));
+        for (const rec of all) {
+          if (!rec || !rec.id || !rec.projectId) continue;
+          seen.add(rec.projectId);
+          items.push({ projectId: rec.projectId, projectName: projName.get(rec.projectId) || rec.projectId, asset: assetIndexRecord(rec) });
+        }
+        // 本机已知但没有任何资产的项目也要发占位：assets.json 清空对齐（否则删除后会残留幽灵条目）
+        for (const p of S.projects) {
+          if (!seen.has(p.id)) items.push({ projectId: p.id, projectName: p.name, asset: null });
+        }
+        if (items.length) await hostRpc('assetIndexBulkPut', { items });
+      } catch { /* 索引同步失败不影响 */ }
+    }
     /** 一次性把 IndexedDB 里的历史资产迁移到数据根目录（保留元数据，移除 blob）。 */
     async function migrateAssetsToDisk(onProgress) {
       if (!S.dataRoot) throw new Error('请先设置数据根目录');
       const all = await idbAll();
-      const targets = all.filter((r) => r.blob && !r.rel);
+      // 二进制资产（有 blob）与文本资产（text，此前从不落盘）都要迁移
+      const targets = all.filter((r) => (r.blob && !r.rel) || (r.kind === 'text' && !r.rel && typeof r.text === 'string' && r.text.length));
       let done = 0;
       for (const rec of targets) {
-        const rel = `projects/${rec.projectId}/${rec.kind}/${assetFileBase(rec)}.${extFromMime(rec.mime)}`;
-        const r = await fetch('/' + NS + '/api/asset?rel=' + encodeURIComponent(rel), { method: 'POST', body: rec.blob });
+        const isText = rec.kind === 'text' && !rec.blob;
+        const rel = `projects/${rec.projectId}/${rec.kind}/${assetFileBase(rec)}.${isText ? 'md' : extFromMime(rec.mime)}`;
+        const blob = isText ? new Blob([rec.text || ''], { type: 'text/markdown' }) : rec.blob;
+        const r = await fetch('/' + NS + '/api/asset?rel=' + encodeURIComponent(rel), { method: 'POST', body: blob });
         if (!r.ok) throw new Error('迁移失败: ' + rel + ' — ' + (await r.text()));
-        const next = { ...rec, rel, size: rec.blob.size, stored: 'disk' };
-        delete next.blob;
+        const next = { ...rec, rel, size: blob.size, stored: 'disk' };
+        if (isText) next.text = rec.text; // 文本保留在元数据里：预览/下载不必回读文件
+        else delete next.blob;
         await idbPut(next);
+        mirrorAssetIndex(next); // 迁移后刷新数据目录 assets.json（补 rel/size）
         assetUrlCache.delete(rec.id); // 旧 objectURL 失效，改走文件 URL
         done++;
         if (onProgress) onProgress(done, targets.length);
@@ -1648,11 +1728,30 @@ window.__ModuleLoader__.load({
       return new Blob(chunks, { type: mime.split(';')[0] });
     }
 
+    /** 外部 API 请求统一经 Host 代理（图片/视频/音频网关都走这里）：浏览器直连第三方接口会被
+     *  CORS 拦截（带 Authorization 的 POST 触发预检，网关不返回 CORS 头 → TypeError: Failed to fetch）。
+     *  返回 { ok, status, contentType, text, blob }。 */
+    async function fetchViaProxy(url, { method = 'POST', headers = {}, body = null, bodyRaw = null, bodyContentType = '', timeoutMs = 120000, label = '请求' } = {}) {
+      const payload = { url, method, headers, timeoutMs };
+      if (bodyRaw != null) { payload.bodyRaw = bodyRaw; payload.bodyContentType = bodyContentType; }
+      else if (body != null) payload.body = body;
+      // 客户端→Host 的预算比上游超时多 15s：让上游超时（504/带原因）先到，而不是客户端先断
+      const res = await fetchT('/' + NS + '/api/fetch-proxy', {
+        method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload),
+      }, Number(timeoutMs) + 15000, label + '(代理)');
+      const ct = res.headers.get('content-type') || '';
+      const buf = await res.arrayBuffer();
+      const blob = new Blob([buf], { type: ct || 'application/octet-stream' });
+      let text = '';
+      if (!ct || /json|text|plain/.test(ct)) { try { text = new TextDecoder().decode(buf); } catch { text = ''; } }
+      return { ok: res.ok, status: res.status, contentType: ct, text, blob };
+    }
     async function apiImage(prompt, refBlobs, s, opts) {
       if (!s.baseUrl) throw new Error('未配置图片 API');
       const base = s.baseUrl.replace(/\/+$/, '');
       const refs = refBlobs || [];
       const auth = s.apiKey ? { Authorization: 'Bearer ' + s.apiKey } : {};
+      const upstreamTimeout = Number(s.timeoutMs) > 0 ? Number(s.timeoutMs) : 120000; // 商汤等同步接口 20s+，默认 120s
       // 参考图编辑模式：multipart 上传到 /images/edits（OpenAI gpt-image-1 兼容）
       if (refs.length && s.mode === 'edits') {
         const fd = new FormData();
@@ -1661,15 +1760,20 @@ window.__ModuleLoader__.load({
         fd.append('n', '1');
         if (s.size) fd.append('size', s.size);
         refs.forEach((b, i) => fd.append('image[]', b, 'ref-' + i + '.png'));
-        const res = await fetchT(base + '/images/edits', { method: 'POST', headers: auth, body: fd }, s.timeoutMs, '图片编辑 API');
-        if (!res.ok) throw new Error('图片编辑 API HTTP ' + res.status + '：' + (await res.text()).slice(0, 300));
-        const j = await res.json();
+        // FormData 经 Response 序列化为 multipart 字节（含 boundary）→ base64 经代理原样转发
+        const serialized = new Response(fd);
+        const bodyRaw = arrayBufferToBase64(await serialized.arrayBuffer());
+        const bodyContentType = serialized.headers.get('content-type') || 'multipart/form-data';
+        const res = await fetchViaProxy(base + '/images/edits', { headers: auth, bodyRaw, bodyContentType, timeoutMs: upstreamTimeout, label: '图片编辑 API' });
+        if (!res.ok) throw new Error('图片编辑 API HTTP ' + res.status + '：' + res.text.slice(0, 300));
+        let j = null;
+        try { j = JSON.parse(res.text); } catch { j = null; }
         const d = j && j.data && j.data[0];
         if (d && d.b64_json) return base64ToBlob(d.b64_json, 'image/png');
         if (d && d.url) {
-          const r2 = await fetchT(d.url, null, 60000, '下载图片');
+          const r2 = await fetchViaProxy(d.url, { method: 'GET', timeoutMs: 120000, label: '下载图片' });
           if (!r2.ok) throw new Error('下载生成图片失败 HTTP ' + r2.status);
-          return await r2.blob();
+          return r2.blob;
         }
         throw new Error('图片编辑 API 响应中没有 data[0].b64_json / url');
       }
@@ -1683,22 +1787,19 @@ window.__ModuleLoader__.load({
       const sizeOverride = String(s.size || '').trim();
       if (sizeOverride) body.size = sizeOverride;
       else { const dims = imageDimsFor(opts); body.size = `${dims.w}x${dims.h}`; }
-      // 文生图模式（generations）按界面说明**忽略参考图**；参考图只在 edits 模式使用，
-      // 否则会把大体积 base64 数组发给不识别的网关 → HTTP 400，用户看到的却是"没反应"
-      if (refs.length && (s.mode === 'edits')) body.images = await Promise.all(refs.map((b) => blobToDataUrl(b)));
-      const res = await fetchT(base + '/images/generations', {
-        method: 'POST',
+      const res = await fetchViaProxy(base + '/images/generations', {
         headers: { 'Content-Type': 'application/json', ...auth },
-        body: JSON.stringify(body),
-      }, s.timeoutMs, '图片 API');
-      if (!res.ok) throw new Error('图片 API HTTP ' + res.status + '：' + (await res.text()).slice(0, 300));
-      const j = await res.json();
+        body, timeoutMs: upstreamTimeout, label: '图片 API',
+      });
+      if (!res.ok) throw new Error('图片 API HTTP ' + res.status + '：' + res.text.slice(0, 300));
+      let j = null;
+      try { j = JSON.parse(res.text); } catch { j = null; }
       const d = j && j.data && j.data[0];
       if (d && d.b64_json) return base64ToBlob(d.b64_json, 'image/png');
       if (d && d.url) {
-        const r2 = await fetchT(d.url, null, 60000, '下载图片');
+        const r2 = await fetchViaProxy(d.url, { method: 'GET', timeoutMs: 120000, label: '下载图片' });
         if (!r2.ok) throw new Error('下载生成图片失败 HTTP ' + r2.status);
-        return await r2.blob();
+        return r2.blob;
       }
       throw new Error('图片 API 响应中没有 data[0].b64_json / url');
     }
@@ -1734,9 +1835,10 @@ window.__ModuleLoader__.load({
         ?? (j.output && (j.output.task_id ?? j.output.id));
     }
     async function downloadVideo(url, headers) {
-      const r = await fetchT(url, { headers }, 300000, '下载视频');
+      // 经 Host 代理：签名下载直连同样会被 CORS 拦
+      const r = await fetchViaProxy(url, { method: 'GET', headers: headers || {}, timeoutMs: 300000, label: '下载视频' });
       if (!r.ok) throw new Error('下载视频失败 HTTP ' + r.status);
-      return await r.blob();
+      return r.blob;
     }
     /** 火山方舟 Seedance 官方协议：创建任务 → 轮询 → 下载（支持首帧 + 最多 4 张参考图）。 */
     async function seedanceVideo(prompt, frameBlob, refs, s, opts) {
@@ -1762,17 +1864,17 @@ window.__ModuleLoader__.load({
         generate_audio: s.generateAudio !== false,
       };
       body.ratio = frameBlob ? 'adaptive' : (o.ratio || '16:9');
-      const res = await fetchT(base, { method: 'POST', headers, body: JSON.stringify(body) }, s.timeoutMs, 'Seedance 视频 API');
-      if (!res.ok) throw new Error('Seedance HTTP ' + res.status + '：' + (await res.text()).slice(0, 300));
-      const j = await res.json();
+      const res = await fetchViaProxy(base, { headers, body, timeoutMs: Number(s.timeoutMs) > 0 ? Number(s.timeoutMs) : 120000, label: 'Seedance 视频 API' });
+      if (!res.ok) throw new Error('Seedance HTTP ' + res.status + '：' + res.text.slice(0, 300));
+      const j = JSON.parse(res.text || '{}');
       const taskId = j && j.id;
       if (!taskId) throw new Error('Seedance 响应中没有任务 id');
       const deadline = Date.now() + 15 * 60 * 1000;
       while (Date.now() < deadline) {
         await sleep(10000);
-        const r2 = await fetchT(base + '/' + taskId, { headers }, 60000, '查询视频任务');
+        const r2 = await fetchViaProxy(base + '/' + taskId, { method: 'GET', headers, timeoutMs: 60000, label: '查询 Seedance 任务' });
         if (!r2.ok) throw new Error('查询 Seedance 任务失败 HTTP ' + r2.status);
-        const st = await r2.json();
+        const st = JSON.parse(r2.text || '{}');
         if (st.status === 'succeeded') {
           const u = st.content && st.content.video_url;
           if (!u) throw new Error('Seedance 任务成功但未返回视频地址');
@@ -1805,10 +1907,10 @@ window.__ModuleLoader__.load({
       if (frameBlob) {
         try { body.image = await blobToDataUrl(frameBlob); } catch { /* 忽略首帧编码失败 */ }
       }
-      const res = await fetchT(base, { method: 'POST', headers, body: JSON.stringify(body) }, s.timeoutMs, '视频 API');
-      if (!res.ok) throw new Error('视频 API HTTP ' + res.status + '：' + (await res.text()).slice(0, 300));
+      const res = await fetchViaProxy(base, { headers, body, timeoutMs: Number(s.timeoutMs) > 0 ? Number(s.timeoutMs) : 120000, label: '视频 API' });
+      if (!res.ok) throw new Error('视频 API HTTP ' + res.status + '：' + res.text.slice(0, 300));
       let j = null;
-      try { j = await res.json(); } catch { /* 非 JSON 响应 */ }
+      try { j = JSON.parse(res.text); } catch { /* 非 JSON 响应 */ }
       const direct = extractVideoUrl(j);
       if (direct) return await downloadVideo(direct, {});
       const taskId = extractTaskId(j);
@@ -1816,10 +1918,10 @@ window.__ModuleLoader__.load({
       const deadline = Date.now() + 15 * 60 * 1000;
       while (Date.now() < deadline) {
         await sleep(3000);
-        const r2 = await fetchT(base + '/' + taskId, { headers }, 60000, '查询视频任务');
+        const r2 = await fetchViaProxy(base + '/' + taskId, { method: 'GET', headers, timeoutMs: 60000, label: '查询视频任务' });
         if (!r2.ok) throw new Error('查询视频任务失败 HTTP ' + r2.status);
         let st = null;
-        try { st = await r2.json(); } catch { /* 忽略 */ }
+        try { st = JSON.parse(r2.text); } catch { /* 忽略 */ }
         const u = extractVideoUrl(st);
         if (u) return await downloadVideo(u, {});
         // 失败判定必须看状态字段，不能拿整串 JSON 做子串匹配：
@@ -2212,7 +2314,9 @@ window.__ModuleLoader__.load({
       const pid = S.activeId;
       const map = craftMapLoad(pid);
       if (!opts.force && map[rec.id]) return map[rec.id];
-      const rel = craftProjectSlug() + '/media/' + assetFileBase(rec) + extForMime(rec.mime, rec.name);
+      // Craft 后期数据统一放在**画布数据根目录**的项目目录下：projects/<项目>/<slug 前缀去掉>/craft/…
+      // （ArtCraft 数据根目录 = 画布数据根目录时，即落在 <root>/projects/<项目>/craft/media/）
+      const rel = 'projects/' + craftProjectSlug() + '/craft/media/' + assetFileBase(rec) + extForMime(rec.mime, rec.name);
       const blob = rec.blob || await assetBlob(rec.id);
       if (!blob) throw new Error('资产内容不可用: ' + rec.id);
       await craft.write(rel, blob);
@@ -3012,8 +3116,25 @@ window.__ModuleLoader__.load({
         source: (meta && meta.source) || 'ai',
         category: (meta && meta.category) || 'script',
       };
+      // 文本资产同样落盘到数据根目录（<root>/projects/<项目>/text/<名>.md），
+      // IndexedDB 保留元数据与 text 字段（文本很小，预览/下载不必回读文件）。
+      // 落盘失败降级为仅 IndexedDB（绝不阻塞生成主流程），控制台留痕。
+      if (S.dataRoot) {
+        try {
+          const rel = `projects/${projectId}/text/${assetFileBase(rec)}.md`;
+          const blob = new Blob([rec.text], { type: 'text/markdown' });
+          const r = await fetch('/' + NS + '/api/asset?rel=' + encodeURIComponent(rel), { method: 'POST', body: blob });
+          if (!r.ok) throw new Error(await r.text());
+          rec.rel = rel;
+          rec.size = blob.size;
+          rec.stored = 'disk';
+        } catch (err) {
+          console.warn('[infinite-canvas] 文本资产落盘失败（降级为浏览器存储）:', String((err && err.message) || err));
+        }
+      }
       await idbPut(rec);
       assetNameCache.set(rec.id, rec.name);
+      mirrorAssetIndex(rec); // 文本资产元数据同样镜像进 assets.json
       return rec;
     }
 
@@ -3541,7 +3662,7 @@ window.__ModuleLoader__.load({
         if (!String(text || '').trim()) throw new Error(T('aiEmptyResult'));
         update((s) => { const nd = s.graph.nodes[n.id]; if (nd) { nd.data.output = text; nd.data.prevOutput = null; nd.data.aiStatus = 'idle'; nd.data.status = 'done'; nd.data.error = null; } s.assetsTick++; });
         await saveTextAssetRecord(S.activeId, {
-          name: T('scriptAssetPrefix') + new Date().toISOString().slice(5, 16).replace('T', ' '),
+          name: (String(n.data.label || '').trim() || T('scriptAssetPrefix')) + ' ' + nowStamp(),
           text, category: 'script', prompt: n.data.idea,
         });
         update((s) => { s.assetsTick++; });
@@ -3561,6 +3682,11 @@ window.__ModuleLoader__.load({
       }
     }
 
+    /** 分镜节点的资产文本（自动入库与手动"存为资产"共用，避免两处格式漂移）。 */
+    function storyboardAssetText(shots) {
+      return (shots || []).map((x) => `【${x.title}】${x.duration}s\n画面：${x.visual}\n动作：${x.motion}\n角色：${(x.characters || []).join('、') || '-'}｜场景：${x.scene || '-'}｜道具：${(x.props || []).join('、') || '-'}`).join('\n\n');
+    }
+
     /** 分镜节点：剧本 → 镜头列表（含一致性检查）。 */
     async function genStoryboardNode(n) {
       const st = storyboardScriptText(n);
@@ -3579,8 +3705,8 @@ window.__ModuleLoader__.load({
         // 分镜里出现的新角色/场景/道具 → 自动补进设定集（描述留空待补充），保证设定集始终是唯一事实源
         try { await autoRegisterBibleEntries(shots); } catch { /* 补录失败不影响分镜 */ }
         await saveTextAssetRecord(S.activeId, {
-          name: T('storyboardAssetPrefix') + new Date().toISOString().slice(5, 16).replace('T', ' '),
-          text: shots.map((x) => `【${x.title}】${x.duration}s\n画面：${x.visual}\n动作：${x.motion}\n角色：${x.characters.join('、') || '-'}｜场景：${x.scene || '-'}｜道具：${x.props.join('、') || '-'}`).join('\n\n'),
+          name: (String(n.data.label || '').trim() || T('storyboardAssetPrefix')) + ' ' + nowStamp(),
+          text: storyboardAssetText(shots),
           category: 'storyboard', prompt: st.slice(0, 200),
         });
         update((s) => { s.assetsTick++; });
@@ -3635,7 +3761,7 @@ window.__ModuleLoader__.load({
           update((s) => { const nd = s.graph.nodes[n.id]; if (nd) nd.data.progress = Math.round(frac * 100) + '% · ' + name; });
         });
         const rec = await saveAssetRecord(S.activeId, 'video', blob, {
-          name: T('finalCutDone') + '-' + new Date().toISOString().slice(5, 16).replace('T', ' '),
+          name: (String(n.data.label || '').trim() || T('finalCutDone')) + ' ' + nowStamp(),
           prompt: metas.length + ' segments', source: 'finalcut', category: 'finalcut',
         });
         metas.forEach((m) => URL.revokeObjectURL(m.url));
@@ -4976,7 +5102,7 @@ window.__ModuleLoader__.load({
             type: 'button', className: 'dshic-mini is-ghost', title: T('saveTextAsset'),
             onPointerDown: (e) => e.stopPropagation(),
             onClick: async () => {
-              await saveTextAssetRecord(S.activeId, { name: T('scriptAssetPrefix') + new Date().toISOString().slice(5, 16).replace('T', ' '), text: n.data.output, category: 'script', prompt: n.data.idea });
+              await saveTextAssetRecord(S.activeId, { name: (String(n.data.label || '').trim() || T('scriptAssetPrefix')) + ' ' + nowStamp(), text: n.data.output, category: 'script', prompt: n.data.idea });
               update((s) => { s.assetsTick++; });
               toast(T('savedOk'));
             },
@@ -5058,8 +5184,26 @@ window.__ModuleLoader__.load({
             )
           : null,
         shots.length
-          ? h('button', { key: 'expand', type: 'button', className: 'dshic-mini', style: { alignSelf: 'flex-start' }, onClick: () => expandStoryboard(n), onPointerDown: (e) => e.stopPropagation() },
-              Ic('expandAll', 11), T('expand') + ` (${shots.length})`)
+          ? h('div', { key: 'acts', className: 'dshic-node-row', style: { alignSelf: 'flex-start' } },
+              // 手动"存为资产"：AI 生成已自动入库（category=storyboard），这里用于留存当前分镜的一版快照
+              h('button', {
+                key: 'save', type: 'button', className: 'dshic-mini is-ghost', title: T('saveTextAsset'),
+                onPointerDown: (e) => e.stopPropagation(),
+                onClick: async () => {
+                  try {
+                    await saveTextAssetRecord(S.activeId, {
+                      name: (String(n.data.label || '').trim() || T('storyboardAssetPrefix')) + ' ' + nowStamp(),
+                      text: storyboardAssetText(shots), category: 'storyboard',
+                      prompt: String(n.data.script || '').slice(0, 200),
+                    });
+                    update((s) => { s.assetsTick++; });
+                    toast(T('savedOk'));
+                  } catch (err) { toast(String((err && err.message) || err)); }
+                },
+              }, Ic('download', 11), T('saveTextAsset')),
+              h('button', { key: 'expand', type: 'button', className: 'dshic-mini', onClick: () => expandStoryboard(n), onPointerDown: (e) => e.stopPropagation() },
+                Ic('expandAll', 11), T('expand') + ` (${shots.length})`),
+            )
           : null,
       ];
     }
@@ -5156,14 +5300,15 @@ window.__ModuleLoader__.load({
         if (!text) { toast(T('subPlaceholder')); return; }
         update((s) => { const nd = s.graph.nodes[n.id]; if (nd) { nd.data.tts = nd.data.tts || {}; nd.data.tts[x.e.id] = { status: 'running' }; } });
         try {
-          const res = await fetchT((cfg.baseUrl || '').replace(/\/+$/, '') + '/audio/speech', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json', ...(cfg.apiKey ? { Authorization: 'Bearer ' + cfg.apiKey } : {}) },
-            body: JSON.stringify({ ...(cfg.model ? { model: cfg.model } : {}), input: text, voice: cfg.voice || 'alloy', response_format: 'mp3' }),
-          }, cfg.timeoutMs, 'TTS API');
-          if (!res.ok) throw new Error('TTS HTTP ' + res.status + '：' + (await res.text()).slice(0, 200));
-          const buf = await res.arrayBuffer();
-          const blob = new Blob([buf], { type: res.headers.get('content-type') || 'audio/mpeg' });
+          // TTS 也走 Host 代理：浏览器直连 TTS 网关同样会被 CORS 拦
+          const res = await fetchViaProxy((cfg.baseUrl || '').replace(/\/+$/, '') + '/audio/speech', {
+            headers: { ...(cfg.apiKey ? { Authorization: 'Bearer ' + cfg.apiKey } : {}) },
+            body: { ...(cfg.model ? { model: cfg.model } : {}), input: text, voice: cfg.voice || 'alloy', response_format: 'mp3' },
+            timeoutMs: Number(cfg.timeoutMs) > 0 ? Number(cfg.timeoutMs) : 120000,
+            label: 'TTS API',
+          });
+          if (!res.ok) throw new Error('TTS HTTP ' + res.status + '：' + res.text.slice(0, 200));
+          const blob = /^audio\//.test(res.contentType) ? res.blob : new Blob([res.blob], { type: 'audio/mpeg' });
           const rec = await saveAssetRecord(S.activeId, 'audio', blob, { name: 'TTS-' + text.slice(0, 12), prompt: text, source: 'api', category: 'audio' });
           update((s) => { const nd = s.graph.nodes[n.id]; if (nd) { nd.data.tts = nd.data.tts || {}; nd.data.tts[x.e.id] = { status: 'done', assetId: rec.id }; } s.assetsTick++; });
         } catch (e) {
@@ -5200,12 +5345,12 @@ window.__ModuleLoader__.load({
           width: dims.w, height: dims.h,
         });
         try {
-          await craft.writeText(slug + '/craft/timeline.xml', xml);
-          await craft.writeText(slug + '/craft/subs.srt', buildSrt(items));
+          await craft.writeText('projects/' + slug + '/craft/timeline.xml', xml);
+          await craft.writeText('projects/' + slug + '/craft/subs.srt', buildSrt(items));
         } catch (e) { return; /* craftFetch 已提示 */ }
         setFcDialog({
-          args: JSON.stringify(['--project', slug + '/craft/drama.fcproj', '--import', slug + '/craft/timeline.xml', '--export', slug + '/out/final.mp4'], null, 1),
-          outRel: slug + '/out/final.mp4',
+          args: JSON.stringify(['--project', 'projects/' + slug + '/craft/drama.fcproj', '--import', 'projects/' + slug + '/craft/timeline.xml', '--export', 'projects/' + slug + '/craft/out/final.mp4'], null, 1),
+          outRel: 'projects/' + slug + '/craft/out/final.mp4',
         });
       };
       const submitFc = (args, outRel) => {
@@ -5540,7 +5685,9 @@ window.__ModuleLoader__.load({
       const confirmDel = async () => {
         const pid = delTarget && delTarget.id;
         if (!pid) return;
-        flushSave();
+        // 只刷"非待删项目"的待存文档：flushSave 推的是 S.activeId 的全量文档，
+        // 若推的正是待删项目，会与 projectsDelete 竞速把项目原地复活（资产/设定集已清的残废形态）
+        if (pid !== S.activeId) flushSave();
         update((s) => {
           s.projects = s.projects.filter((p) => p.id !== pid);
           try { localStorage.removeItem(LS_GRAPH + pid); } catch { /* 忽略 */ }
@@ -5755,7 +5902,11 @@ window.__ModuleLoader__.load({
         if (files.length) setTick((x) => x + 1);
       };
       const del = async (a) => {
-        if (a.rel) { try { await hostRpc('assetDelete', { rel: a.rel }); } catch { /* 磁盘清理失败不阻塞 */ } }
+        // 数据目录同步：删文件（逻辑路径由 Host 映射到项目名文件夹）+ 清 assets.json 索引
+        const proj = S.projects.find((p) => p.id === (a.projectId || S.activeId));
+        try {
+          await hostRpc('assetDelete', { projectId: a.projectId || S.activeId, projectName: (proj && proj.name) || '', id: a.id, rel: a.rel || '' });
+        } catch { /* 磁盘/索引清理失败不阻塞 */ }
         await idbDelete(a.id);
         update((s) => {
           for (const nd of Object.values(s.graph.nodes)) {
@@ -5994,13 +6145,12 @@ window.__ModuleLoader__.load({
       // 默认项 = 内置专家 persona + 内置创作方法论 canvas-craft（自动叠加）
       const options = [{ value: '', label: T('builtinExpert') }].concat((data.skills || []).map((x) => ({ value: x.name, label: x.name })));
       return h('div', { className: 'dshic-field' },
-        h('span', { className: 'dshic-field-label' }, label),
+        h('span', { className: 'dshic-field-label' }, label, InfoTip(T('skillHint'))),
         h('select', {
           className: 'dshic-select', value: value || '',
           onChange: (e) => onChange(e.target.value),
           onPointerDown: (e) => e.stopPropagation(),
-        }, options.map((o) => h('option', { key: o.value, value: o.value }, o.label))),
-        h('div', { className: 'dshic-hint' }, T('skillHint')));
+        }, options.map((o) => h('option', { key: o.value, value: o.value }, o.label))));
     }
 
     function LlmModelSelect() {
@@ -6051,7 +6201,6 @@ window.__ModuleLoader__.load({
           },
           onPointerDown: (e) => e.stopPropagation(),
         }),
-        h('div', { className: 'dshic-hint' }, T('llmHint')),
       );
     }
 
@@ -6065,6 +6214,13 @@ window.__ModuleLoader__.load({
           onPointerDown: (e) => e.stopPropagation(),
         }));
     }
+    /** ⓘ 悬停说明：界面简洁化——长解释一律收进悬停提示（原生 title），不再平铺文字。 */
+    function InfoTip(text) {
+      return h('span', {
+        title: String(text || ''), 'aria-label': String(text || ''),
+        style: { flex: 'none', width: 14, height: 14, lineHeight: '13px', textAlign: 'center', fontSize: 10, borderRadius: '50%', border: '1px solid var(--dsw-alias-border-secondary, #777)', color: 'var(--dsw-alias-label-secondary, #999)', cursor: 'help', userSelect: 'none', opacity: 0.85 },
+      }, 'i');
+    }
     function ApiListEditor({ kind }) {
       const [s, setS] = useState(loadSettings);
       const [openId, setOpenId] = useState(null);
@@ -6214,10 +6370,19 @@ window.__ModuleLoader__.load({
     /** T2：设置面板 Craft 后期卡片（连接状态 / 工具灯 / 数据目录）。 */
     function CraftCard() {
       const [, force] = useState(0);
+      const [open, setOpen] = useState(false); // 默认折叠：界面简洁，摘要常显
       useEffect(() => { probeCraft().then(() => force((x) => x + 1)); }, []);
       const cs = S.craftStatus;
       const data = cs && cs.data;
       const slug = craftProjectSlug();
+      // Craft 后期目录 = **画布数据根目录** + 项目目录 + \craft（不再有 ArtCraft 独立数据目录的 second 口径）
+      const craftDir = S.dataRoot ? (S.dataRoot.replace(/[\\/]+$/, '') + '\\projects\\' + slug + '\\craft') : '';
+      // ArtCraft 自身的数据目录若与画布数据根目录不一致 → 后期文件会落到两处，必须提醒
+      const artRoot = data && data.dataRoot ? data.dataRoot.path : '';
+      const rootMismatch = !!(S.dataRoot && artRoot && artRoot.replace(/[\\/]+$/, '') !== S.dataRoot.replace(/[\\/]+$/, ''));
+      // Craft 家族全量动态渲染：ArtCraft /status 返回几款 bins 就渲染几款（当前 12 款），不再写死
+      const binKeys = (data && data.bins ? Object.keys(data.bins) : []).sort();
+      const readyCount = binKeys.filter((k) => data.bins[k] && data.bins[k].found).length;
       const binRow = (key) => {
         const info = data && data.bins ? data.bins[key] : null;
         const ok = !!(info && info.found);
@@ -6229,18 +6394,22 @@ window.__ModuleLoader__.load({
         );
       };
       return h('div', { className: 'dshic-card' },
-        h('div', { className: 'dshic-row' },
+        h('div', {
+          className: 'dshic-row', style: { cursor: 'pointer' },
+          onPointerDown: (e) => e.stopPropagation(), onClick: () => setOpen((x) => !x),
+          title: open ? T('collapse') : T('foldOpen'),
+        },
           Ic('film', 12),
           h('strong', { style: { fontSize: 12, flex: 1, minWidth: 0 } }, T('craftCard')),
-          h('button', { type: 'button', className: 'dshic-mini is-ghost', onPointerDown: (e) => e.stopPropagation(), onClick: () => { probeCraft().then(() => force((x) => x + 1)); } }, '↻'),
+          data ? h('span', { className: 'dshic-hint', style: { flex: 'none' } }, T('craftReadyCount').replace('{r}', String(readyCount)).replace('{n}', String(binKeys.length))) : null,
+          h('button', { type: 'button', className: 'dshic-mini is-ghost', onPointerDown: (e) => e.stopPropagation(), onClick: (e) => { e.stopPropagation(); probeCraft().then(() => force((x) => x + 1)); } }, '↻'),
+          h('span', { style: { flex: 'none', fontSize: 10, transition: 'transform .15s', transform: open ? 'rotate(90deg)' : 'rotate(0deg)' } }, '▶'),
         ),
-        data
-          ? h('div', { className: 'dshic-hint' }, T('craftDataRoot') + '：' + ((data.dataRoot && data.dataRoot.path) || '—'))
-          : h('div', { className: 'dshic-err' }, T('craftUnreachable')),
-        data ? binRow('photocraft') : null,
-        data ? binRow('filmcraft') : null,
-        data ? binRow('effectcraft') : null,
-        data ? h('div', { className: 'dshic-hint' }, T('craftProjectDir') + '：' + slug + '/') : null,
+        open ? [
+          craftDir ? h('div', { className: 'dshic-hint' }, T('craftDirLabel') + '：' + craftDir) : h('div', { className: 'dshic-err' }, T('craftDataRootNeed')),
+          rootMismatch ? h('div', { className: 'dshic-err' }, T('craftRootMismatch')) : null,
+          ...(data ? binKeys.map((k) => binRow(k)) : []),
+        ] : null,
       );
     }
 
@@ -6269,7 +6438,7 @@ window.__ModuleLoader__.load({
         setRunning(true); setErr(null); setProgress('…');
         try {
           const mediaRel = await ensureAssetOnDisk(rec);
-          const outRel = craftProjectSlug() + '/out/graded/' + rec.id + '-graded' + extForMime(rec.mime, rec.name);
+          const outRel = 'projects/' + craftProjectSlug() + '/craft/out/graded/' + rec.id + '-graded' + extForMime(rec.mime, rec.name);
           const job = await craft.jobStart({
             bin: 'photocraft',
             args: ['run', mediaRel, '--cmd', cmd, '--params', JSON.stringify(paramsObj), '--out', outRel],
@@ -6386,6 +6555,8 @@ window.__ModuleLoader__.load({
           await hostRpc('dataRootSet', { root: val.trim() });
           await refreshDataRoot();
           toast(T('dataRootSaved') + (S.dataRoot ? '：' + S.dataRoot : ''));
+          assetIndexSynced = false; // 换了目录：索引要往新目录重建
+          syncAssetIndexToHost();
         } catch (e) { toast('设置失败：' + ((e && e.message) || e)); }
         setBusy(false);
       };
@@ -6394,6 +6565,8 @@ window.__ModuleLoader__.load({
         await refreshDataRoot();
         setVal(S.dataRoot || root);
         toast(T('dataRootSaved') + '：' + S.dataRoot);
+        assetIndexSynced = false; // 换了目录：索引要往新目录重建
+        syncAssetIndexToHost();
       };
       const browse = async () => {
         if (busy || picking) return;
@@ -6410,6 +6583,31 @@ window.__ModuleLoader__.load({
         setPicking(false); setBusy(false);
       };
       const openDir = async () => { try { await hostRpc('dataRootReveal'); } catch (e) { toast((e && e.message) || e); } };
+      const importFromRoot = async () => {
+        if (busy || picking) return;
+        setBusy(true);
+        try {
+          const r = await hostRpc('dataRootImport');
+          // 资产元数据 → IndexedDB（本机已存在的同 id 资产跳过，绝不覆盖）
+          let assets = 0;
+          const byProject = r.assets || {};
+          for (const pid of Object.keys(byProject)) {
+            for (const rec of byProject[pid] || []) {
+              if (!rec || !rec.id) continue;
+              const cur = await idbGet(rec.id).catch(() => null);
+              if (cur && (cur.rel || cur.blob)) continue;
+              await idbPut({ ...rec, projectId: pid, stored: rec.rel ? 'disk' : 'idb' });
+              assets++;
+            }
+          }
+          if (assets) update((s) => { s.assetsTick++; });
+          toast(T('dataRootImported').replace('{n}', String((r.imported || []).length)).replace('{a}', String(assets)));
+          // 项目文档 Host 侧已合并：立即拉一轮同步，把新项目带进画布
+          try { await hostSyncTick(); } catch { /* 下一轮 3s 轮询会带 */ }
+          await refreshDataRoot();
+        } catch (e) { toast('导入失败：' + ((e && e.message) || e)); }
+        setBusy(false);
+      };
       const migrate = async () => {
         if (busy || picking || mig) return;
         setBusy(true); setMig({ done: 0, total: 0 });
@@ -6421,7 +6619,11 @@ window.__ModuleLoader__.load({
         setBusy(false);
       };
       return h('div', { key: 'dataroot', className: 'dshic-card' },
-        h('div', { className: 'dshic-row' }, Ic('image', 12), h('strong', { style: { fontSize: 12 } }, T('dataRootLabel'))),
+        h('div', { className: 'dshic-row' },
+          Ic('image', 12),
+          h('strong', { style: { fontSize: 12, flex: 1, minWidth: 0 } }, T('dataRootLabel')),
+          InfoTip(T('dataRootHint')),
+        ),
         S.dataRootSupported === false
           ? h('div', { className: 'dshic-hint' }, T('dataRootUnsupported'))
           : [
@@ -6434,12 +6636,16 @@ window.__ModuleLoader__.load({
                 h('button', { type: 'button', className: 'dshic-mini', disabled: busy || picking, onPointerDown: (e) => e.stopPropagation(), onClick: save }, T('dataRootSave')),
               ),
               picking ? h('div', { className: 'dshic-hint', key: 'picking' }, T('dataRootPicking')) : null,
-              h('div', { className: 'dshic-hint', key: 'hint' }, T('dataRootHint')),
               h('div', { className: 'dshic-row', key: 'row2' },
                 S.dataRoot ? h('button', { type: 'button', className: 'dshic-mini', onPointerDown: (e) => e.stopPropagation(), onClick: openDir }, T('dataRootOpen')) : null,
                 S.dataRoot ? h('button', { type: 'button', className: 'dshic-mini', disabled: busy || picking || !!mig, onPointerDown: (e) => e.stopPropagation(), onClick: migrate }, mig === 'done' ? T('dataRootMigratedDone') : T('dataRootMigrate')) : null,
                 (mig && mig !== 'done') ? h('span', { style: { fontSize: 11, opacity: 0.85 } }, T('dataRootMigrating') + ' ' + mig.done + '/' + mig.total) : null,
               ),
+              h('div', { className: 'dshic-row', key: 'row3' },
+                S.dataRoot ? h('button', { type: 'button', className: 'dshic-mini is-ghost', disabled: busy || picking, onPointerDown: (e) => e.stopPropagation(), onClick: importFromRoot }, Ic('folder', 11), T('dataRootImportBtn')) : null,
+                S.dataRoot ? InfoTip(T('dataRootImportHint')) : null,
+                h('div', { className: 'dshic-flex' }),
+              ),
             ],
       );
     }
@@ -6455,8 +6661,6 @@ window.__ModuleLoader__.load({
       };
       const field = (label, value, onChange, placeholder, password) => h(Field, { label, value, onChange, placeholder, password });
       return [
-        h(CraftCard, { key: 'craft' }),
-        h(DataRootCard, { key: 'dataroot' }),
         h('div', { key: 'lang', className: 'dshic-card' },
           h('div', { className: 'dshic-row' }, Ic('text', 12), h('strong', { style: { fontSize: 12 } }, T('langLabel'))),
           h('select', {
@@ -6472,24 +6676,27 @@ window.__ModuleLoader__.load({
             h('option', { value: 'zh' }, T('langZh')),
             h('option', { value: 'en' }, T('langEn'))),
         ),
-        h('div', { key: 'llm', className: 'dshic-card' },
-          h('div', { className: 'dshic-row' }, Ic('spark', 12), h('strong', { style: { fontSize: 12 } }, T('llmLabel'))),
-          h(LlmModelSelect),
+        h(DataRootCard, { key: 'dataroot' }),
+        h(CraftCard, { key: 'craft' }),
+        // 专家与技能卡：独立于模型选择
+        h('div', { key: 'skills', className: 'dshic-card' },
           h('div', { className: 'dshic-row' },
-            h(Field, {
-              label: T('llmMaxTokens'), value: s.textLlm.maxTokens || '', placeholder: T('llmParamAuto'),
-              onChange: (v) => apply((d) => { d.textLlm.maxTokens = v; }),
-            }),
-            h(Field, {
-              label: T('llmTemperature'), value: s.textLlm.temperature || '', placeholder: T('llmParamAuto'),
-              onChange: (v) => apply((d) => { d.textLlm.temperature = v; }),
-            }),
+            Ic('spark', 12),
+            h('strong', { style: { fontSize: 12, flex: 1, minWidth: 0 } }, T('skillEnhance')),
+            InfoTip(T('skillHint')),
           ),
-          h('div', { className: 'dshic-hint' }, T('llmParamHint')),
-          h('div', { className: 'dshic-hint' }, T('skillEnhance')),
           h(SkillSelect, { label: T('skillScript'), value: s.skillScript, onChange: (v) => apply((d) => { d.skillScript = v; }) }),
           h(SkillSelect, { label: T('skillStoryboard'), value: s.skillStoryboard, onChange: (v) => apply((d) => { d.skillStoryboard = v; }) }),
         ),
+        // 文本模型卡：只选模型，参数全用 Harness 默认；紧挨图片/视频/TTS 模型卡片
+        h('div', { key: 'llm', className: 'dshic-card' },
+          h('div', { className: 'dshic-row' },
+            Ic('spark', 12),
+            h('strong', { style: { fontSize: 12, flex: 1, minWidth: 0 } }, T('llmLabel')),
+            InfoTip(T('llmHint')),
+          ),
+          h(LlmModelSelect),
+        ),
         h(ApiListEditor, { key: 'imglist', kind: 'image' }),
         h(ApiListEditor, { key: 'vidlist', kind: 'video' }),
         h(ApiListEditor, { key: 'ttslist', kind: 'tts' }),
@@ -7043,8 +7250,8 @@ window.__ModuleLoader__.load({
           probeCraft();
           // 检查更新（Host RPC；Host 旧版未带此方法时静默）
           checkUpdate(true);
-          // 数据根目录（Host 旧版静默降级为 IndexedDB 模式）
-          refreshDataRoot();
+          // 数据根目录（Host 旧版静默降级为 IndexedDB 模式）；就绪后把 IDB 资产元数据补齐进数据目录索引
+          refreshDataRoot().then(() => syncAssetIndexToHost()).catch(() => { /* 静默 */ });
           // 对话 ↔ 画布同步（启动一次 + 3s 轮询；旧 Host 自动停轮询）
           hostSyncTick().then(() => pushAllProjectsToHost());
           const hostSyncTimer = setInterval(() => hostSyncTick(), 3000);