dsh-maoying 0.1.11 → 0.1.13

package/lib/client.js

@@ -32,7 +32,7 @@ window.__ModuleLoader__.load({
 
     var React = require("react");
     var h = React.createElement;
-    var useState = React.useState, useEffect = React.useEffect, useCallback = React.useCallback, useRef = React.useRef;
+    var useState = React.useState, useEffect = React.useEffect, useCallback = React.useCallback, useRef = React.useRef, useMemo = React.useMemo;
     // 复制一份导出面再补属性：不往共享模块对象上写东西（避免污染宿主里
     // 其他 ui-primitives 消费者）；后续片段看到的就是这份副本。
     var P = Object.assign({}, require("@deepseek-ai/dsh-client-ui-primitives"));
@@ -55,19 +55,15 @@ window.__ModuleLoader__.load({
     var API_TIMEOUT_MS = 60000;
 
     var STATUS_FLOW = ["pending", "writing", "review", "accepted"];
-    var STATUS_LABEL = { pending: "待写", writing: "写作中", review: "审校中", accepted: "已定稿" };
     var FS_ORDER = ["planted", "progressing", "resolved", "abandoned"];
     var FS_FLOW = { planted: "progressing", progressing: "resolved" };
-    var FS_LABEL = { planted: "埋设", progressing: "推进中", resolved: "已回收", abandoned: "已弃用" };
-    var PRI_LABEL = { high: "高", normal: "中", low: "低" };
     var PHASES = ["idea", "setting", "outline", "writing", "review", "consistency", "export"];
-    var PHASE_LABEL = { idea: "立意", setting: "设定", outline: "大纲", writing: "写作", review: "审校", consistency: "一致性", export: "导出" };
-    var SCI_LABEL = { known: "已确证", extrapolation: "推演", hypothesis: "假说" };
-    var CLUE_KIND_LABEL = { clue: "线索", red_herring: "红鲱鱼", inference: "推理", question: "疑问" };
+    // snake→camel 键表：clue.* 词典键用小驼峰，数据里的 kind 是 snake_case。
+    var CLUE_KIND_KEYS = { clue: "clue", red_herring: "redHerring", inference: "inference", question: "question" };
     var TABS = [
-      ["overview", "概览"], ["chapters", "章节"], ["characters", "角色"],
-      ["foreshadows", "伏笔"], ["relations", "关系图"], ["timeline", "时间线"],
-      ["world", "设定"], ["index", "索引板"],
+      ["overview", "tabs.overview"], ["chapters", "tabs.chapters"], ["characters", "tabs.characters"],
+      ["foreshadows", "tabs.foreshadows"], ["relations", "tabs.relations"], ["timeline", "tabs.timeline"],
+      ["world", "tabs.world"], ["index", "tabs.index"], ["settings", "tabs.settings"],
     ];
 
     // 角色徽章四色（role 是自由文本）：按关键词归 tone，命中即返。
@@ -85,16 +81,16 @@ window.__ModuleLoader__.load({
     }
     function statusBadge(status) {
       var s = STATUS_FLOW.indexOf(status) !== -1 ? status : "pending";
-      return h("span", { className: "myt-badge", "data-status": s }, STATUS_LABEL[s] + (status && s !== status ? "（" + status + "）" : ""));
+      return h("span", { className: "myt-badge", "data-status": s }, tt("status." + s) + (status && s !== status ? tf("status.rawSuffix", { raw: status }) : ""));
     }
     function phasePill(phase) {
       var p = PHASES.indexOf(phase) !== -1 ? phase : null;
-      if (!p) return h("span", { className: "myt-phase", "data-phase": "idea", title: phase || "" }, phase ? String(phase) : "未设阶段");
-      return h("span", { className: "myt-phase", "data-phase": p }, PHASE_LABEL[p]);
+      if (!p) return h("span", { className: "myt-phase", "data-phase": "idea", title: phase || "" }, phase ? String(phase) : tt("phase.unset"));
+      return h("span", { className: "myt-phase", "data-phase": p }, tt("phase." + p));
     }
     function priDot(pri) {
       var p = pri === "high" || pri === "low" ? pri : "normal";
-      return h("span", { className: "myt-priDot", "data-pri": p, title: "优先级：" + (PRI_LABEL[p] || pri || "中"), "aria-label": "优先级" + (PRI_LABEL[p] || "") });
+      return h("span", { className: "myt-priDot", "data-pri": p, title: tf("common.priorityTitle", { pri: tt("pri." + p) }), "aria-label": tf("common.priorityAria", { pri: tt("pri." + p) }) });
     }
 
     // ── 格式化小工具 ─────────────────────────────────────────────────────
@@ -114,7 +110,7 @@ window.__ModuleLoader__.load({
     // 章节「卷-章」定位：volume 缺省只显示第 N 章。
     function chWhere(ch) {
       if (!ch) return "";
-      var num = typeof ch.num === "number" ? "第 " + ch.num + " 章" : "";
+      var num = typeof ch.num === "number" ? tf("common.chapterNum", { n: ch.num }) : "";
       return ch.volume ? String(ch.volume) + " · " + num : num;
     }
     function chFullTitle(ch) {
@@ -178,11 +174,11 @@ window.__ModuleLoader__.load({
           var d = null;
           try { d = raw ? JSON.parse(raw) : null; } catch (err) { d = null; }
           if (!r.ok) throw new Error((d && d.error) || ("HTTP " + r.status));
-          if (!d) throw new Error("响应不是 JSON（HTTP " + r.status + "）");
+          if (!d) throw new Error(tf("api.notJson", { code: r.status }));
           return d;
         });
       }).catch(function (err) {
-        if (ctrl && err && err.name === "AbortError") throw new Error("请求超时（" + API_TIMEOUT_MS / 1000 + " 秒）");
+        if (ctrl && err && err.name === "AbortError") throw new Error(tf("api.timeout", { s: API_TIMEOUT_MS / 1000 }));
         throw err;
       }).finally(function () {
         if (timer !== null) clearTimeout(timer);
@@ -196,7 +192,7 @@ window.__ModuleLoader__.load({
         qs = usp.toString();
       }
       return maoyingApi(path + (qs ? (path.indexOf("?") === -1 ? "?" : "&") + qs : "")).catch(function (err) {
-        toast.err("毛颖创作台：" + err.message);
+        toast.err(tf("toast.prefix", { msg: err.message }));
         throw err;
       });
     }
@@ -205,17 +201,17 @@ window.__ModuleLoader__.load({
         toast.ok(apiPostOkText(path, d));
         return d;
       }, function (err) {
-        toast.err("毛颖创作台：" + err.message);
+        toast.err(tf("toast.prefix", { msg: err.message }));
         throw err;
       });
     }
     // 写操作成功提示按路由分流（server 返回 chapters 计数时带上）。
     function apiPostOkText(path, d) {
-      if (path === "rebuild-index") return "索引已重建（" + fmtNum(d && d.chapters) + " 章）";
-      if (path === "chapter-status") return "章节状态已更新";
-      if (path === "foreshadow-status") return "伏笔状态已更新";
-      if (path === "phase") return "阶段已推进到「" + (PHASE_LABEL[d && d.phase] || (d && d.phase) || "—") + "」";
-      return "操作成功";
+      if (path === "rebuild-index") return tf("toast.indexRebuilt", { n: fmtNum(d && d.chapters) });
+      if (path === "chapter-status") return tt("toast.chapterStatus");
+      if (path === "foreshadow-status") return tt("toast.foreshadowStatus");
+      if (path === "phase") return tf("toast.phaseAdvanced", { phase: d && d.phase && PHASES.indexOf(d.phase) !== -1 ? tt("phase." + d.phase) : (d && d.phase) || "—" });
+      return tt("toast.success");
     }
 
     // ── Toast 控制器（模块级单例；ok 4s / warn 6s 自动消失，err 手动关）────
@@ -267,7 +263,7 @@ window.__ModuleLoader__.load({
           },
             h("div", { className: "myt-toastText" }, it.text),
             h("button", {
-              type: "button", className: "myt-toastClose", "aria-label": "关闭提示",
+              type: "button", className: "myt-toastClose", "aria-label": tt("common.closeTip"),
               onClick: function () { toast.dismiss(it.id); },
             }, h("span", { className: "myt-closeGlyph", "aria-hidden": "true" }, "×")));
         }));
@@ -446,14 +442,14 @@ window.__ModuleLoader__.load({
 
     // ── 引导卡（无 novel 工作区 / 未初始化）：maoying init 提示 + 复制 ──────
     function GuideCard(props) {
-      var title = props.title || "该工作区还没有小说项目";
-      var desc = props.desc || "在下面给出的命令里初始化目录骨架（或把已有 novel 目录放进工作区根），然后刷新本面板。";
+      var title = props.title || tt("guide.defaultTitle");
+      var desc = props.desc || tt("guide.defaultDesc");
       var _b = useState(false), busy = _b[0], setBusy = _b[1];
       function doCopy() {
         setBusy(true);
         copyText("maoying init").then(function (ok) {
-          if (ok) toast.ok("已复制 maoying init");
-          else toast.warn("复制失败，请手动选择命令文本");
+          if (ok) toast.ok(tt("guide.copied"));
+          else toast.warn(tt("guide.copyFailed"));
         }).finally(function () { setBusy(false); });
       }
       return h("div", { className: "myt-card myt-guide" },
@@ -461,7 +457,7 @@ window.__ModuleLoader__.load({
         h("p", { className: "myt-guideText" }, desc),
         h("div", { className: "myt-guideCode" },
           h("code", { className: "myt-guideCodeText" }, "maoying init"),
-          h("button", { type: "button", className: "myt-btn myt-copyBtn", disabled: busy, onClick: doCopy }, busy ? "复制中…" : "复制命令")));
+          h("button", { type: "button", className: "myt-btn myt-copyBtn", disabled: busy, onClick: doCopy }, busy ? tt("guide.copying") : tt("guide.copyCmd"))));
     }
 
     // ── 骨架 / 错误 / 空态小件 ──────────────────────────────────────────────
@@ -474,9 +470,41 @@ window.__ModuleLoader__.load({
       return h("div", { className: "myt-strip myt-stripError" },
         h("span", { className: "myt-stripIcon" }, ic("IconWarningOutlineRegular", 14)),
         h("span", { className: "myt-stripText" }, props.text),
-        props.onRetry ? h("button", { type: "button", className: "myt-btn", style: { marginLeft: "auto" }, onClick: props.onRetry }, "重试") : null);
+        props.onRetry ? h("button", { type: "button", className: "myt-btn", style: { marginLeft: "auto" }, onClick: props.onRetry }, tt("common.retry")) : null);
+    }
+    function Empty(props) { return h("div", { className: "myt-empty" }, props.text || tt("common.empty")); }
+
+    // tab 内容错误边界：任何 tab / 阅读页渲染抛错都降级为卡内错误态（错误摘要
+    // + 重试按钮），不再把整个面板炸成白屏。错误边界只有 class 组件能做
+    // （getDerivedStateFromError / componentDidCatch），此处破例用 class。
+    class TabErrorBoundary extends React.Component {
+      constructor(props) {
+        super(props);
+        this.state = { err: null };
+        this.retry = this.retry.bind(this);
+      }
+      static getDerivedStateFromError(err) {
+        return { err: err }; // 渲染抛错 → 下一次 render 走降级分支
+      }
+      componentDidCatch(err) {
+        // 只记控制台：卡内已有降级 UI，toast 通道留给请求错误，不重复打扰。
+        if (typeof console !== "undefined" && console.warn) console.warn("maoying: 分区渲染出错:", err);
+      }
+      retry() {
+        this.setState({ err: null });
+        if (typeof this.props.onRetry === "function") this.props.onRetry(); // 顺手重拉快照，坏数据一并刷掉
+      }
+      render() {
+        var err = this.state.err;
+        if (!err) return this.props.children;
+        var msg = String((err && err.message) || err || tt("common.unknownErr"));
+        return h("div", { className: "myt-card" },
+          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("errBoundary.title"))),
+          h("div", { className: "myt-muted", style: { overflowWrap: "anywhere" } }, tf("errBoundary.summary", { msg: truncate(msg, 300) })),
+          h("div", { className: "myt-heroMeta" },
+            h("button", { type: "button", className: "myt-btn", onClick: this.retry }, tt("common.retry"))));
+      }
     }
-    function Empty(props) { return h("div", { className: "myt-empty" }, props.text || "暂无数据"); }
 
     // ── 页面骨架：顶栏（工作区下拉 + 刷新 + 关闭）+ tab 条 + 内容区 ─────────
     // 数据流：workspaces 一次拉取；state 跟随选中工作区；写操作 POST 成功后
@@ -490,7 +518,28 @@ window.__ModuleLoader__.load({
       var _ld = useState(true), loading = _ld[0], setLoading = _ld[1];
       var _se = useState(""), stateErr = _se[0], setStateErr = _se[1];
       var _tb = useState("overview"), tab = _tb[0], setTab = _tb[1];
-      var _pc = useState(null), pendingChapter = _pc[0], setPendingChapter = _pc[1];
+      // 章节阅读页（整页视图，替代原右侧抽屉）：null = 列表态。
+      var _rd = useState(null), readerFile = _rd[0], setReaderFile = _rd[1];
+      // 系统设置：字号档位持久化 + 面板整体缩放（portal 节点读同一 CSS 变量）。
+      var _sm = useState(false), showSettings = _sm[0], setShowSettings = _sm[1];
+      var _fs = useState(function () {
+        var stored = lsGet(FONT_SCALE_KEY) || "1";
+        return FONT_SCALES.some(function (o) { return o[0] === stored; }) ? stored : "1"; // 旧档位（1.8/2）回落 100%
+      }), fontScale = _fs[0], setFontScale = _fs[1];
+      var _lg = useState(function () {
+        var stored = lsGet(LANG_KEY) || "zh";
+        return UI_LANGS.some(function (o) { return o[0] === stored; }) ? stored : "zh";
+      }), lang = _lg[0], setLang = _lg[1];
+      useEffect(function () {
+        UI_LANG = lang;
+        lsSet(LANG_KEY, lang);
+      }, [lang]);
+      useEffect(function () {
+        if (typeof document !== "undefined" && document.documentElement) {
+          document.documentElement.style.setProperty("--myt-zoom", fontScale);
+        }
+        lsSet(FONT_SCALE_KEY, fontScale);
+      }, [fontScale]);
 
       // 选中校正：记忆的工作区必须仍在列表且 hasNovel，否则落回首个 hasNovel。
       var effectiveWs = (function () {
@@ -523,16 +572,22 @@ window.__ModuleLoader__.load({
           setWorkspaces([]);
         });
       }, []);
+      var stateSeqRef = useRef(0); // state 请求序号：快速切工作区时丢弃过期响应
       var loadState = useCallback(function (root) {
+        var seq = ++stateSeqRef.current; // 先自增再发请求；早退分支也作废在途旧响应
         if (!root) { setSnap(null); setStateErr(""); setLoading(false); return; }
         setLoading(true);
         setStateErr("");
         return apiGet("state", { path: root }).then(function (d) {
+          if (seq !== stateSeqRef.current) return; // 过期响应：已有更新的请求在途，丢弃
           setSnap(d && d.ok ? d : null);
         }).catch(function (err) {
+          if (seq !== stateSeqRef.current) return;
           setSnap(null);
           setStateErr(err.message);
-        }).finally(function () { setLoading(false); });
+        }).finally(function () {
+          if (seq === stateSeqRef.current) setLoading(false); // 过期收尾不碰加载态
+        });
       }, []);
       var reload = useCallback(function () {
         return effectiveWs ? loadState(effectiveWs) : Promise.resolve();
@@ -543,7 +598,7 @@ window.__ModuleLoader__.load({
       var _ver = useState(null), ver = _ver[0], setVer = _ver[1];
       useEffect(function () {
         apiGet("update-check").then(function (d) {
-          if (d && d.updateAvailable) setVer(d);
+          if (d && d.current) setVer(d); // 常态也显示当前版本号；有新版再亮徽章
         }).catch(function () {});
       }, []);
       useEffect(function () { loadWorkspaces(); }, [loadWorkspaces]);
@@ -560,7 +615,7 @@ window.__ModuleLoader__.load({
       }
       function gotoTab(next, chapterFile) {
         setTab(next);
-        if (next === "chapters") setPendingChapter(chapterFile || null);
+        setReaderFile(next === "chapters" && chapterFile ? chapterFile : null);
       }
 
       var novelWorkspaces = (workspaces || []).filter(function (w) { return w.hasNovel; });
@@ -570,29 +625,31 @@ window.__ModuleLoader__.load({
       } else if (!effectiveWs) {
         // 全无 novel 工作区：引导卡（maoying init + 复制）。
         body = h("div", { className: "myt-stack" },
-          wsErr ? ErrorStrip({ text: "工作区列表拉取失败：" + wsErr, onRetry: loadWorkspaces }) : null,
+          wsErr ? ErrorStrip({ text: tf("shell.wsListFailed", { msg: wsErr }), onRetry: loadWorkspaces }) : null,
           h(GuideCard, {
-            title: "还没有可用的小说工作区",
-            desc: "任一工作区根目录下出现 novel/project.yml 即自动入选；先用命令初始化目录骨架：",
+            title: tt("guide.noWsTitle"),
+            desc: tt("guide.noWsDesc"),
           }));
       } else if (loading && !snap) {
         body = h(SkelPage);
       } else if (stateErr) {
-        body = h(ErrorStrip, { text: "快照拉取失败：" + stateErr, onRetry: reload });
+        body = h(ErrorStrip, { text: tf("shell.stateFailed", { msg: stateErr }), onRetry: reload });
       } else if (snap && snap.found === false) {
         body = h(GuideCard, {
-          title: "该工作区尚未初始化小说项目",
-          desc: "工作区根目录下没有 novel/project.yml。在该工作区根目录执行：",
+          title: tt("guide.notInitTitle"),
+          desc: tt("guide.notInitDesc"),
         });
       } else if (snap) {
         var tabProps = { snap: snap, reload: reload, wsPath: effectiveWs };
-        if (tab === "chapters") body = h(ChaptersTab, Object.assign({ initialFile: pendingChapter, onConsumeInitial: function () { setPendingChapter(null); } }, tabProps));
+        if (readerFile) body = h(ChapterReader, { file: readerFile, snap: snap, reload: reload, wsPath: effectiveWs, onBack: function () { setReaderFile(null); } });
+        else if (tab === "chapters") body = h(ChaptersTab, Object.assign({ onOpenChapter: function (f) { setReaderFile(f); } }, tabProps));
         else if (tab === "characters") body = h(CharactersTab, tabProps);
         else if (tab === "foreshadows") body = h(ForeshadowsTab, tabProps);
         else if (tab === "relations") body = h(RelationsTab, tabProps);
         else if (tab === "timeline") body = h(TimelineTab, tabProps);
         else if (tab === "world") body = h(WorldTab, tabProps);
         else if (tab === "index") body = h(IndexTab, tabProps);
+        else if (tab === "settings") body = h(SettingsTab, tabProps);
         else body = h(OverviewTab, Object.assign({ gotoTab: gotoTab }, tabProps));
       }
 
@@ -600,33 +657,37 @@ window.__ModuleLoader__.load({
         h("header", { className: "myt-header" },
           h("div", null,
             h("h1", { className: "myt-title" }, "毛颖创作台",
+              ver && ver.current ? h("span", { className: "myt-verTag", title: tt("header.curVerTitle") }, ver.current) : null,
               ver && ver.updateAvailable
-                ? h("a", { className: "myt-verBadge", href: ver.releaseUrl || "#", target: "_blank", rel: "noreferrer", title: "当前 " + ver.current + "，点击打开新版发布页" },
-                    "有新版 " + ver.latest + " ↗")
+                ? h("a", { className: "myt-verBadge", href: ver.releaseUrl || "#", target: "_blank", rel: "noreferrer", title: tf("header.upgradeTip", { cur: ver.current }) },
+                    tf("header.newVersion", { ver: ver.latest }))
                 : null),
-            h("p", { className: "myt-subtitle" }, "网文项目可视化与状态流转 · 只读正文，写状态")),
+            h("p", { className: "myt-subtitle" }, tt("header.subtitle"))),
           h("div", { className: "myt-headActions" },
             workspaces && novelWorkspaces.length
-              ? [h("span", { className: "myt-wsLabel", key: "l" }, "工作区"),
-                 h("select", { className: "myt-wsSelect", key: "s", value: effectiveWs, onChange: chooseWs, "aria-label": "选择工作区" },
+              ? [h("span", { className: "myt-wsLabel", key: "l" }, tt("header.workspace")),
+                 h("select", { className: "myt-wsSelect", key: "s", value: effectiveWs, onChange: chooseWs, "aria-label": tt("header.wsAria") },
                    workspaces.map(function (w, i) {
                      return h("option", { key: w.path || i, value: w.path || "", disabled: !w.hasNovel },
-                       (w.hasNovel ? "" : "（无 novel）") + (w.name || w.path || "未命名"));
+                       (w.hasNovel ? "" : tt("header.noNovel")) + (w.name || w.path || tt("header.untitled")));
                    }))]
               : null,
-            h("button", { type: "button", className: "myt-btn myt-btnIcon", title: "重新拉取", "aria-label": "重新拉取", disabled: loading, onClick: reload }, ic("IconRefreshOutlineRegular", 14)),
-            h("button", { type: "button", className: "myt-closeBtn", "aria-label": "关闭创作台", title: "关闭", onClick: onClose }, h("span", { className: "myt-closeGlyph", "aria-hidden": "true" }, "×")))),
-        h("nav", { className: "myt-tabs", "aria-label": "创作台分区" },
+            h("button", { type: "button", className: "myt-btn myt-btnIcon", title: tt("header.settings"), "aria-label": tt("header.settings"), onClick: function () { setShowSettings(true); } }, ic("IconSettingsOutlineRegular", 14)),
+            h("button", { type: "button", className: "myt-btn myt-btnIcon", title: tt("header.refresh"), "aria-label": tt("header.refresh"), disabled: loading, onClick: reload }, ic("IconRefreshOutlineRegular", 14)),
+            h("button", { type: "button", className: "myt-closeBtn", "aria-label": tt("header.closeAria"), title: tt("header.closeTitle"), onClick: onClose }, h("span", { className: "myt-closeGlyph", "aria-hidden": "true" }, "×")))),
+        readerFile ? null : h("nav", { className: "myt-tabs", "aria-label": tt("tabs.aria") },
           TABS.map(function (t) {
             return h("button", {
               key: t[0], type: "button", className: "myt-tab", "data-active": tab === t[0] ? "true" : undefined,
               onClick: function () { gotoTab(t[0]); },
-            }, t[1]);
+            }, tt(t[1]));
           })),
         h("div", { className: "myt-body" },
           h("div", { className: "myt-page" },
             snap && Array.isArray(snap.warnings) && snap.warnings.length ? WarningsStrip(snap.warnings) : null,
-            body)),
+            // 错误边界包住 tab 内容：key 随 tab / 阅读页变化重挂，切分区自动清错误态。
+            h(TabErrorBoundary, { key: readerFile ? "reader:" + readerFile : tab, onRetry: reload }, body))),
+        showSettings ? h(SettingsModal, { scale: fontScale, onPick: setFontScale, lang: lang, onPickLang: setLang, onClose: function () { setShowSettings(false); } }) : null,
         h(ToastHost));
     }
 
@@ -635,7 +696,7 @@ window.__ModuleLoader__.load({
       return h("div", { className: "myt-strip myt-stripWarn" },
         h("span", { className: "myt-stripIcon" }, ic("IconWarningOutlineRegular", 14)),
         h("span", { className: "myt-stripText" },
-          h("div", null, h("strong", null, "部分文件解析异常（已跳过）：")),
+          h("div", null, h("strong", null, tt("warnings.title"))),
           warnings.map(function (w, i) { return h("div", { key: i }, "· " + String(w)); })));
     }
 
@@ -659,50 +720,507 @@ window.__ModuleLoader__.load({
       return h("div", { className: "myt-stack" },
         h("div", { className: "myt-card myt-hero" },
           h("div", { className: "myt-heroMeta" },
-            project.author ? h("span", { className: "myt-muted" }, "作者：" + project.author) : null,
+            project.author ? h("span", { className: "myt-muted" }, tf("overview.author", { name: project.author })) : null,
             project.genre ? h("span", { className: "myt-badge" }, project.genre) : null,
             project.length ? h("span", { className: "myt-badge" }, project.length) : null,
             project.language ? h("span", { className: "myt-badge" }, project.language) : null),
           h("h2", { className: "myt-heroTitle" }, orDash(project.title)),
           h("div", { className: "myt-heroMeta" },
             phasePill(project.phase),
-            nextPhase ? h("button", { type: "button", className: "myt-btn", disabled: phaseBusy, onClick: advancePhase, title: "推进到「" + PHASE_LABEL[nextPhase] + "」" }, phaseBusy ? "推进中…" : "推进阶段") : h("span", { className: "myt-muted" }, project.phase ? "已是最终阶段" : null)),
+            nextPhase ? h("button", { type: "button", className: "myt-btn", disabled: phaseBusy, onClick: advancePhase, title: tf("phase.advanceTitle", { next: tt("phase." + nextPhase) }) }, phaseBusy ? tt("phase.advancing") : tt("phase.advance")) : h("span", { className: "myt-muted" }, project.phase ? tt("phase.final") : null)),
           project.description ? h("p", { className: "myt-heroDesc" }, project.description) : null),
         h("div", { className: "myt-statRow" },
-          h("div", { className: "myt-card myt-stat" }, h("span", { className: "myt-statNum" }, fmtNum(totals.words)), h("span", { className: "myt-statLabel" }, "总字数（CJK）")),
-          h("div", { className: "myt-card myt-stat" }, h("span", { className: "myt-statNum" }, fmtNum(totals.chapters)), h("span", { className: "myt-statLabel" }, "章节总数")),
+          h("div", { className: "myt-card myt-stat" }, h("span", { className: "myt-statNum" }, fmtNum(totals.words)), h("span", { className: "myt-statLabel" }, tt("overview.totalWords"))),
+          h("div", { className: "myt-card myt-stat" }, h("span", { className: "myt-statNum" }, fmtNum(totals.chapters)), h("span", { className: "myt-statLabel" }, tt("overview.totalChapters"))),
           h("div", { className: "myt-card myt-stat" },
             h("span", { className: "myt-statNum" }, fmtNum((snap.characters || []).length)),
-            h("span", { className: "myt-statLabel" }, "角色数")),
+            h("span", { className: "myt-statLabel" }, tt("overview.characters"))),
           h("div", { className: "myt-card myt-stat" },
             h("span", { className: "myt-statNum" }, fmtNum((snap.foreshadows || []).filter(function (f) { return f.status === "planted" || f.status === "progressing"; }).length)),
-            h("span", { className: "myt-statLabel" }, "未回收伏笔"))),
+            h("span", { className: "myt-statLabel" }, tt("overview.openForeshadows")))),
         h("div", { className: "myt-card" },
-          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, "章节状态分布")),
+          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("overview.statusDist"))),
           h("div", { className: "myt-distBar", "aria-hidden": "true" }, STATUS_FLOW.map(function (s) {
             var n = byStatus[s] || 0;
             return n > 0 ? h("div", { key: s, className: "myt-distSeg", "data-status": s, style: { flexGrow: n } }) : null;
           })),
           h("div", { className: "myt-heroMeta" }, STATUS_FLOW.map(function (s) {
-            return h("span", { key: s, className: "myt-muted" }, STATUS_LABEL[s] + " " + (byStatus[s] || 0));
+            return h("span", { key: s, className: "myt-muted" }, tt("status." + s) + " " + (byStatus[s] || 0));
           }))),
         h("div", { className: "myt-card" },
-          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, "最近章节")),
+          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("overview.recent"))),
           recent.length
             ? h("div", { className: "myt-recentList" }, recent.map(function (ch) {
                 return h("button", { key: ch.file, type: "button", className: "myt-recentRow", onClick: function () { gotoTab("chapters", ch.file); } },
                   statusBadge(ch.status),
                   h("span", { className: "myt-chTitle" }, orDash(ch.title)),
                   h("span", { className: "myt-chPath" }, chWhere(ch)),
-                  h("span", { className: "myt-wordsCell" }, fmtNum(ch.words) + " 字"));
+                  h("span", { className: "myt-wordsCell" }, tf("common.charCount", { n: fmtNum(ch.words) })));
               }))
-            : h(Empty, { text: "chapters/ 目录还没有章节文件" })));
+            : h(Empty, { text: tt("chapters.empty") })));
+    }
+
+    // ── 轻量 Markdown 渲染（零依赖）：先整体 HTML 转义再施加 md 变换，杜绝
+    // 注入；支持标题/加粗/斜体/删除线/行内码/围栏码/引用/有序无序列表/分隔线/
+    // 链接/段落换行。供章纲、世界观条目等 md 阅读位使用，正文手稿仍走 pre。 ──
+    function escapeHtml(s) {
+      return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    }
+    // 链接 scheme 白名单：仅放行 http/https 绝对地址与无 scheme 的相对路径 /
+    // 锚点 / //协议相对；javascript:/data:/vbscript: 等一律拒绝（调用方落纯文本）。
+    function isSafeLinkUrl(url) {
+      var m = String(url || "").match(/^([a-zA-Z][a-zA-Z0-9+.\-]*):/);
+      return !m || /^https?$/i.test(m[1]);
+    }
+    function inlineMd(s) {
+      // 行内码占位保护：先抽出 `code` 区间换成哨兵占位符，加粗/斜体/删除线/
+      // 链接不再命中码内文本（否则 `*x*` 会被二次加格式），最后回填。
+      // 哨兵用 NUL 控制符 + 固定前缀：正文已过 escapeHtml，不可能出现该序列。
+      var codes = [];
+      var out = String(s).replace(/`([^`]+)`/g, function (_m, code) {
+        codes.push("<code>" + code + "</code>");
+        return "\u0000MYTCODE" + (codes.length - 1) + "\u0000";
+      })
+        .replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>")
+        .replace(/__([^_]+)__/g, "<strong>$1</strong>")
+        .replace(/\*([^*\n]+)\*/g, "<em>$1</em>")
+        .replace(/~~([^~]+)~~/g, "<del>$1</del>")
+        .replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, function (_m, txt, url) {
+          if (!isSafeLinkUrl(url)) return _m; // 白名单外：原样落纯文本，不生成 href
+          return '<a href="' + url + '" target="_blank" rel="noreferrer">' + txt + "</a>";
+        });
+      return out.replace(/\u0000MYTCODE(\d+)\u0000/g, function (_m, i) { return codes[Number(i)] || ""; });
+    }
+    function renderMd(src) {
+      var lines = escapeHtml(src).split(/\r?\n/);
+      var html = [];
+      var i = 0;
+      while (i < lines.length) {
+        var line = lines[i];
+        if (/^```/.test(line)) {
+          var code = [];
+          i++;
+          while (i < lines.length && !/^```/.test(lines[i])) { code.push(lines[i]); i++; }
+          i++; // 吃掉收尾 ```（缺失也吞到尾）
+          html.push('<pre class="myt-mdCode"><code>' + code.join("\n") + "</code></pre>");
+          continue;
+        }
+        if (/^\s*$/.test(line)) { i++; continue; }
+        var h2 = line.match(/^(#{1,6})\s+(.*)$/);
+        if (h2) {
+          var lv = h2[1].length;
+          html.push('<h' + lv + ' class="myt-mdH">' + inlineMd(h2[2]) + "</h" + lv + ">");
+          i++; continue;
+        }
+        if (/^ {0,3}(?:-{3,}|\*{3,}|_{3,})\s*$/.test(line)) { html.push('<hr class="myt-mdHr">'); i++; continue; }
+        if (/^\s*&gt;\s?/.test(line)) {
+          var quote = [];
+          while (i < lines.length && /^\s*&gt;\s?/.test(lines[i])) { quote.push(inlineMd(lines[i].replace(/^\s*&gt;\s?/, ""))); i++; }
+          html.push('<blockquote class="myt-mdQuote">' + quote.join("<br>") + "</blockquote>");
+          continue;
+        }
+        var ul = line.match(/^\s*[-*+]\s+(.*)$/);
+        if (ul) {
+          var items = [];
+          while (i < lines.length) {
+            var m1 = lines[i].match(/^\s*[-*+]\s+(.*)$/);
+            if (!m1) break;
+            items.push("<li>" + inlineMd(m1[1]) + "</li>");
+            i++;
+          }
+          html.push('<ul class="myt-mdList">' + items.join("") + "</ul>");
+          continue;
+        }
+        var ol = line.match(/^\s*\d+[.)]\s+(.*)$/);
+        if (ol) {
+          var oitems = [];
+          while (i < lines.length) {
+            var m2 = lines[i].match(/^\s*\d+[.)]\s+(.*)$/);
+            if (!m2) break;
+            oitems.push("<li>" + inlineMd(m2[1]) + "</li>");
+            i++;
+          }
+          html.push('<ol class="myt-mdList">' + oitems.join("") + "</ol>");
+          continue;
+        }
+        var para = [line];
+        i++;
+        while (i < lines.length && !/^\s*$/.test(lines[i]) && !/^```|^\s*&gt;|^\s*[-*+]\s|^\s*\d+[.)]\s|^#{1,6}\s/.test(lines[i])) {
+          para.push(lines[i]); i++;
+        }
+        html.push('<p class="myt-mdP">' + inlineMd(para.join("<br>")) + "</p>");
+      }
+      // 块间直接相连不补 "\n"：落点容器（.myt-outlineBody / .myt-worldDesc）是
+      // white-space:pre-wrap，块间再塞换行会渲染成额外空行 → 双倍间距；
+      // 块间距已由 .myt-md* 各自 margin 承担。
+      return html.join("");
+    }
+    function MdView(props) {
+      return h("div", {
+        className: "myt-md" + (props.className ? " " + props.className : ""),
+        dangerouslySetInnerHTML: { __html: renderMd(props.text || "") },
+      });
+    }
+
+    // ── 系统设置：字号五档（面板整体 zoom，抽屉/弹层 portal 节点同缩放）──────
+    var FONT_SCALE_KEY = "maoying.fontScale";
+    var FONT_SCALES = [["1", "100%"], ["1.1", "110%"], ["1.2", "120%"], ["1.3", "130%"], ["1.4", "140%"], ["1.5", "150%"]];
+    // ── 界面语言（系统设置可选中文/English）：UI_LANG 为模块级当前语言，
+    // PageShell 在 lang state 变化时改写它并整树重渲。tt/tf 是唯一取词口：
+    // zh 词典的值必须与历史硬编码文案逐字一致（中文界面零回归），en 词典
+    // 不留中文；词典缺键回落 key 本身（便于渐进迁移，一眼看出漏网串）。 ──
+    var LANG_KEY = "maoying.lang";
+    var UI_LANGS = [["zh", "中文"], ["en", "English"]];
+    var UI_LANG = "zh";
+    var I18N = {
+      zh: {
+        "shell.title": "毛颖创作台", "header.subtitle": "网文项目可视化与状态流转 · 只读正文，写状态",
+        "header.curVerTitle": "当前版本", "header.upgradeTip": "当前 {cur}，点击打开新版发布页", "header.newVersion": "有新版 {ver} ↗",
+        "header.workspace": "工作区", "header.wsAria": "选择工作区", "header.noNovel": "（无 novel）", "header.untitled": "未命名",
+        "header.settings": "系统设置", "header.refresh": "重新拉取", "header.closeAria": "关闭创作台", "header.closeTitle": "关闭",
+        "tabs.aria": "创作台分区",
+        "tabs.overview": "概览", "tabs.chapters": "章节", "tabs.characters": "角色", "tabs.foreshadows": "伏笔", "tabs.relations": "关系图",
+        "tabs.timeline": "时间线", "tabs.world": "设定", "tabs.index": "索引板", "tabs.settings": "小说设置",
+        "shell.wsListFailed": "工作区列表拉取失败：{msg}", "shell.stateFailed": "快照拉取失败：{msg}",
+        "guide.noWsTitle": "还没有可用的小说工作区", "guide.noWsDesc": "任一工作区根目录下出现 novel/project.yml 即自动入选；先用命令初始化目录骨架：",
+        "guide.notInitTitle": "该工作区尚未初始化小说项目", "guide.notInitDesc": "工作区根目录下没有 novel/project.yml。在该工作区根目录执行：",
+        "guide.defaultTitle": "该工作区还没有小说项目", "guide.defaultDesc": "在下面给出的命令里初始化目录骨架（或把已有 novel 目录放进工作区根），然后刷新本面板。",
+        "guide.copied": "已复制 maoying init", "guide.copyFailed": "复制失败，请手动选择命令文本", "guide.copying": "复制中…", "guide.copyCmd": "复制命令",
+        "common.retry": "重试", "common.empty": "暂无数据", "common.uncategorized": "未分类", "common.charCount": "{n} 字",
+        "common.closeTip": "关闭提示", "common.unknownErr": "未知错误", "common.priorityTitle": "优先级：{pri}", "common.priorityAria": "优先级{pri}",
+        "common.chapterNum": "第 {n} 章", "pri.high": "高", "pri.normal": "中", "pri.low": "低",
+        "toast.prefix": "毛颖创作台：{msg}", "toast.success": "操作成功", "toast.indexRebuilt": "索引已重建（{n} 章）",
+        "toast.chapterStatus": "章节状态已更新", "toast.foreshadowStatus": "伏笔状态已更新", "toast.phaseAdvanced": "阶段已推进到「{phase}」",
+        "api.notJson": "响应不是 JSON（HTTP {code}）", "api.timeout": "请求超时（{s} 秒）",
+        "status.pending": "待写", "status.writing": "写作中", "status.review": "审校中", "status.accepted": "已定稿", "status.rawSuffix": "（{raw}）",
+        "phase.idea": "立意", "phase.setting": "设定", "phase.outline": "大纲", "phase.writing": "写作", "phase.review": "审校",
+        "phase.consistency": "一致性", "phase.export": "导出", "phase.unset": "未设阶段",
+        "phase.advanceTitle": "推进到「{next}」", "phase.advance": "推进阶段", "phase.advancing": "推进中…", "phase.final": "已是最终阶段",
+        "foreshadow.planted": "埋设", "foreshadow.progressing": "推进中", "foreshadow.resolved": "已回收", "foreshadow.abandoned": "已弃用",
+        "foreshadow.advance": "推进", "foreshadow.resolve": "回收", "foreshadow.abandon": "弃用", "foreshadow.advancing": "推进中…",
+        "foreshadow.plantedUnmarked": "埋设章未标", "foreshadow.resolvedAt": "回收于 {ch}", "foreshadow.priorityLabel": "优先级 {pri}",
+        "foreshadow.backfill": "回填", "foreshadow.backfillTip": "从作者正文回填", "foreshadow.missingStatus": "缺 status",
+        "foreshadow.noIdTip": "该条目缺 id，无法写状态",
+        "foreshadow.noStatusTip": "该条目缺 status 行，服务端会拒绝流转（409）；请先在 foreshadows.yml 补上 status",
+        "foreshadow.empty": "foreshadows.yml 还没有伏笔条目", "foreshadow.colEmpty": "空",
+        "clue.clue": "线索", "clue.redHerring": "红鲱鱼", "clue.inference": "推理", "clue.question": "疑问",
+        "sci.known": "已确证", "sci.extrapolation": "推演", "sci.hypothesis": "假说", "world.unlabeled": "未标级",
+        "warnings.title": "部分文件解析异常（已跳过）：",
+        "index.title": "索引板（clue-board / memories）", "index.rebuild": "重建索引", "index.rebuilding": "重建中…",
+        "index.rebuildTip": "按 CLI index 同一逻辑重建 index.yml", "index.clueBoard": "线索板", "index.clueEmpty": "clue-board.yml 还没有条目",
+        "index.memBoard": "记忆板", "index.memEmpty": "memories.yml 还没有条目", "index.promise": "承诺线",
+        "timeline.empty": "timeline.yml 还没有时间线条目", "timeline.importance": "重要度 {n}", "timeline.linkedChapter": "关联章节：{ch}",
+        "world.title": "世界观条目", "world.empty": "world/ 目录还没有设定条目", "world.science": "科学设定",
+        "world.scienceEmpty": "science/ 目录还没有科学设定", "world.research": "资料检索", "world.ref": "参考 {n}：{r}",
+        "relations.title": "角色关系图", "relations.counts": "{n} 节点 · {m} 关系",
+        "relations.help": "拖节点固定位置 · 滚轮缩放 · 双击复位 · 悬停边看关系描述",
+        "relations.unlinkedTitle": "未入图角色（无关系边）", "relations.noData": "没有角色或关系数据，无法绘图",
+        "relations.edgeTipPrefix": "{type}：", "relations.noDesc": "（无描述）",
+        "char.empty": "characters/ 目录还没有角色卡",
+        "char.field.age": "年龄", "char.field.gender": "性别", "char.field.appearance": "外貌", "char.field.personality": "性格",
+        "char.field.background": "背景", "char.field.motivation": "动机", "char.field.arc": "成长弧",
+        "char.years": "{n} 岁", "char.linePersonality": "性格 ", "char.lineMotivation": "动机 ",
+        "char.modalAria": "角色详情", "char.closeAria": "关闭角色卡", "char.markers": "标记", "char.file": "文件",
+        "overview.author": "作者：{name}", "overview.totalWords": "总字数（CJK）", "overview.totalChapters": "章节总数",
+        "overview.characters": "角色数", "overview.openForeshadows": "未回收伏笔", "overview.statusDist": "章节状态分布", "overview.recent": "最近章节",
+        "chapters.empty": "chapters/ 目录还没有章节文件", "chapters.writeQueue": "按单写作", "chapters.rowTip": "点击打开该章",
+        "chapters.outlineWords": "章纲 {n} 字", "chapters.all": "全部", "chapters.thVolume": "卷 · 章", "chapters.thTitle": "标题",
+        "chapters.thStatus": "状态", "chapters.thWords": "字数", "chapters.thSummary": "梗概", "chapters.rowReadTip": "点击阅读正文",
+        "chapters.emptyFiltered": "该状态下没有章节",
+        "reader.back": "返回", "reader.backTip": "返回章节列表", "reader.copyPath": "复制路径", "reader.copyPathTip": "复制章节文件路径",
+        "reader.copied": "已复制章节文件路径", "reader.copyFailed": "复制失败，请手动选择路径文本", "reader.loadFailed": "正文读取失败：{msg}",
+        "reader.noOutline": "暂无章纲", "reader.emptyBody": "（空章节）", "reader.finalState": "已定稿（终态）", "reader.statusFlow": "状态流转：",
+        "reader.flowing": "流转中…", "reader.advanceTo": "推进到「{next}」",
+        "outline.title": "章纲对照", "outline.empty": "（章纲为空）", "outline.collapseTip": "收起章纲", "outline.expandTip": "展开章纲",
+        "novel.metaTitle": "书稿元信息", "novel.metaNote": "对应 novel/project.yml · 行尾注释会原样保留",
+        "novel.fTitle": "书名", "novel.titlePh": "如：长夜余火", "novel.fAuthor": "作者", "novel.authorPh": "笔名",
+        "novel.fGenre": "题材", "novel.genrePh": "如：东方玄幻 / 都市异能 / 历史架空", "novel.fLength": "预期篇幅",
+        "novel.lengthPh": "如：约100万字 / 300章", "novel.fLanguage": "正文语言", "novel.fPhase": "工作流阶段", "novel.fMode": "共创模式",
+        "novel.fDesc": "一句话简介", "novel.descPh": "写封面文案时可直接引用", "novel.titleRequired": "书名不能为空",
+        "mode.aiDraft": "AI 代笔（AI 写正文）", "mode.coWrite": "逐章共创（按章指派谁写）", "mode.authorDraft": "作者亲笔（AI 只备料审稿）",
+        "novel.saving": "保存中…", "novel.save": "保存设置",
+        "settings.title": "系统设置", "settings.closeAria": "关闭设置", "settings.language": "语言",
+        "settings.languageHint": "界面文字随语言选项切换，立即生效并记忆。", "settings.fontScale": "字号",
+        "settings.fontScaleHint": "按当前字号的百分比缩放整个创作台，立即生效并记忆。",
+        "errBoundary.title": "该分区渲染出错", "errBoundary.summary": "错误摘要：{msg}",
+        "dim.cognitiveFrame": "认知框架", "dim.emotionalAnchor": "情感锚点", "dim.worldTexture": "世界质感",
+        "dim.suspense": "悬念", "dim.interpersonalTension": "人际张力",
+      },
+      en: {
+        "shell.title": "Maoying Studio", "header.subtitle": "Web-novel project dashboard & status flow · read-only text, writable status",
+        "header.curVerTitle": "Current version", "header.upgradeTip": "Current {cur} — click to open the release page", "header.newVersion": "New version {ver} ↗",
+        "header.workspace": "Workspace", "header.wsAria": "Select workspace", "header.noNovel": "(no novel)", "header.untitled": "Untitled",
+        "header.settings": "Settings", "header.refresh": "Refresh", "header.closeAria": "Close Maoying Studio", "header.closeTitle": "Close",
+        "tabs.aria": "Studio sections",
+        "tabs.overview": "Overview", "tabs.chapters": "Chapters", "tabs.characters": "Characters", "tabs.foreshadows": "Foreshadowing", "tabs.relations": "Relations",
+        "tabs.timeline": "Timeline", "tabs.world": "Worldbuilding", "tabs.index": "Index Board", "tabs.settings": "Novel Settings",
+        "shell.wsListFailed": "Failed to load workspace list: {msg}", "shell.stateFailed": "Failed to load snapshot: {msg}",
+        "guide.noWsTitle": "No novel workspace available yet", "guide.noWsDesc": "A workspace is picked up automatically once novel/project.yml exists at its root; initialize the directory scaffold with this command first:",
+        "guide.notInitTitle": "No novel project in this workspace yet", "guide.notInitDesc": "novel/project.yml is missing at the workspace root. Run this at the workspace root:",
+        "guide.defaultTitle": "No novel project in this workspace yet", "guide.defaultDesc": "Initialize the directory scaffold with the command below (or drop an existing novel/ directory into the workspace root), then refresh this panel.",
+        "guide.copied": "Copied maoying init", "guide.copyFailed": "Copy failed — select the command text manually", "guide.copying": "Copying…", "guide.copyCmd": "Copy command",
+        "common.retry": "Retry", "common.empty": "No data", "common.uncategorized": "Uncategorized", "common.charCount": "{n} chars",
+        "common.closeTip": "Dismiss notification", "common.unknownErr": "Unknown error", "common.priorityTitle": "Priority: {pri}", "common.priorityAria": "Priority {pri}",
+        "common.chapterNum": "Ch. {n}", "pri.high": "High", "pri.normal": "Normal", "pri.low": "Low",
+        "toast.prefix": "Maoying Studio: {msg}", "toast.success": "Success", "toast.indexRebuilt": "Index rebuilt ({n} chapters)",
+        "toast.chapterStatus": "Chapter status updated", "toast.foreshadowStatus": "Foreshadowing status updated", "toast.phaseAdvanced": "Phase advanced to {phase}",
+        "api.notJson": "Response is not JSON (HTTP {code})", "api.timeout": "Request timed out ({s} s)",
+        "status.pending": "Pending", "status.writing": "Writing", "status.review": "Review", "status.accepted": "Accepted", "status.rawSuffix": "({raw})",
+        "phase.idea": "Idea", "phase.setting": "Setting", "phase.outline": "Outline", "phase.writing": "Writing", "phase.review": "Review",
+        "phase.consistency": "Consistency", "phase.export": "Export", "phase.unset": "No phase",
+        "phase.advanceTitle": "Advance to {next}", "phase.advance": "Advance phase", "phase.advancing": "Advancing…", "phase.final": "Final phase",
+        "foreshadow.planted": "Planted", "foreshadow.progressing": "In Progress", "foreshadow.resolved": "Resolved", "foreshadow.abandoned": "Abandoned",
+        "foreshadow.advance": "Advance", "foreshadow.resolve": "Resolve", "foreshadow.abandon": "Abandon", "foreshadow.advancing": "Advancing…",
+        "foreshadow.plantedUnmarked": "Planting chapter unmarked", "foreshadow.resolvedAt": "Resolved in {ch}", "foreshadow.priorityLabel": "Priority {pri}",
+        "foreshadow.backfill": "Backfill", "foreshadow.backfillTip": "Backfilled from the author's manuscript", "foreshadow.missingStatus": "missing status",
+        "foreshadow.noIdTip": "This entry has no id — its status cannot be written",
+        "foreshadow.noStatusTip": "This entry has no status line, the server will reject the transition (409); add a status in foreshadows.yml first",
+        "foreshadow.empty": "No entries in foreshadows.yml yet", "foreshadow.colEmpty": "Empty",
+        "clue.clue": "Clue", "clue.redHerring": "Red herring", "clue.inference": "Inference", "clue.question": "Question",
+        "sci.known": "Confirmed", "sci.extrapolation": "Extrapolation", "sci.hypothesis": "Hypothesis", "world.unlabeled": "Unrated",
+        "warnings.title": "Some files failed to parse (skipped):",
+        "index.title": "Index Board (clue-board / memories)", "index.rebuild": "Rebuild index", "index.rebuilding": "Rebuilding…",
+        "index.rebuildTip": "Rebuild index.yml with the same logic as the CLI index command", "index.clueBoard": "Clue board", "index.clueEmpty": "No entries in clue-board.yml yet",
+        "index.memBoard": "Memory board", "index.memEmpty": "No entries in memories.yml yet", "index.promise": "Promise thread",
+        "timeline.empty": "No entries in timeline.yml yet", "timeline.importance": "Importance {n}", "timeline.linkedChapter": "Related chapter: {ch}",
+        "world.title": "Worldbuilding entries", "world.empty": "No worldbuilding entries in world/ yet", "world.science": "Science settings",
+        "world.scienceEmpty": "No science entries in science/ yet", "world.research": "Research", "world.ref": "Ref {n}: {r}",
+        "relations.title": "Character relations", "relations.counts": "{n} nodes · {m} relations",
+        "relations.help": "Drag a node to pin it · scroll to zoom · double-click to reset · hover an edge for its description",
+        "relations.unlinkedTitle": "Unlinked characters (no relation edges)", "relations.noData": "No character or relation data to draw",
+        "relations.edgeTipPrefix": "{type}: ", "relations.noDesc": "(no description)",
+        "char.empty": "No character cards in characters/ yet",
+        "char.field.age": "Age", "char.field.gender": "Gender", "char.field.appearance": "Appearance", "char.field.personality": "Personality",
+        "char.field.background": "Background", "char.field.motivation": "Motivation", "char.field.arc": "Character arc",
+        "char.years": "Age {n}", "char.linePersonality": "Personality ", "char.lineMotivation": "Motivation ",
+        "char.modalAria": "Character details", "char.closeAria": "Close character card", "char.markers": "Tags", "char.file": "File",
+        "overview.author": "Author: {name}", "overview.totalWords": "Total characters (CJK)", "overview.totalChapters": "Chapters",
+        "overview.characters": "Characters", "overview.openForeshadows": "Unresolved foreshadowing", "overview.statusDist": "Chapter status breakdown", "overview.recent": "Recent chapters",
+        "chapters.empty": "No chapter files in chapters/ yet", "chapters.writeQueue": "Writing Queue", "chapters.rowTip": "Click to open this chapter",
+        "chapters.outlineWords": "Outline {n} chars", "chapters.all": "All", "chapters.thVolume": "Vol · Ch", "chapters.thTitle": "Title",
+        "chapters.thStatus": "Status", "chapters.thWords": "Words", "chapters.thSummary": "Summary", "chapters.rowReadTip": "Click to read",
+        "chapters.emptyFiltered": "No chapters with this status",
+        "reader.back": "Back", "reader.backTip": "Back to chapter list", "reader.copyPath": "Copy path", "reader.copyPathTip": "Copy chapter file path",
+        "reader.copied": "Copied chapter file path", "reader.copyFailed": "Copy failed — select the path text manually", "reader.loadFailed": "Failed to load chapter text: {msg}",
+        "reader.noOutline": "No chapter outline", "reader.emptyBody": "(empty chapter)", "reader.finalState": "Accepted (final)", "reader.statusFlow": "Status:",
+        "reader.flowing": "Transitioning…", "reader.advanceTo": "Advance to {next}",
+        "outline.title": "Outline", "outline.empty": "(outline is empty)", "outline.collapseTip": "Collapse outline", "outline.expandTip": "Expand outline",
+        "novel.metaTitle": "Manuscript metadata", "novel.metaNote": "Maps to novel/project.yml · trailing comments are preserved",
+        "novel.fTitle": "Title", "novel.titlePh": "e.g. The Long Night", "novel.fAuthor": "Author", "novel.authorPh": "Pen name",
+        "novel.fGenre": "Genre", "novel.genrePh": "e.g. Eastern fantasy / Urban powers / Alternate history", "novel.fLength": "Planned length",
+        "novel.lengthPh": "e.g. ~1M characters / 300 chapters", "novel.fLanguage": "Text language", "novel.fPhase": "Workflow phase", "novel.fMode": "Co-writing mode",
+        "novel.fDesc": "One-line synopsis", "novel.descPh": "Can be quoted directly in cover copy", "novel.titleRequired": "Title is required",
+        "mode.aiDraft": "AI ghostwriting (AI drafts the prose)", "mode.coWrite": "Chapter-by-chapter co-writing (assign a writer per chapter)", "mode.authorDraft": "Author writes (AI only preps and reviews)",
+        "novel.saving": "Saving…", "novel.save": "Save",
+        "settings.title": "Settings", "settings.closeAria": "Close settings", "settings.language": "Language",
+        "settings.languageHint": "UI text follows the language option; it applies immediately and is remembered.", "settings.fontScale": "Font size",
+        "settings.fontScaleHint": "Scales the whole studio as a percentage of the current font size; applies immediately and is remembered.",
+        "errBoundary.title": "This section failed to render", "errBoundary.summary": "Error summary: {msg}",
+        "dim.cognitiveFrame": "Cognitive Frame", "dim.emotionalAnchor": "Emotional Anchor", "dim.worldTexture": "World Texture",
+        "dim.suspense": "Suspense", "dim.interpersonalTension": "Interpersonal Tension",
+      },
+    };
+    function tt(key) {
+      var d = I18N[UI_LANG] || I18N.zh;
+      var v = d[key];
+      if (v === undefined) v = I18N.zh[key];
+      return v === undefined ? key : v;
+    }
+    function tf(key, vars) {
+      var s = tt(key);
+      if (vars) for (var k in vars) s = s.split("{" + k + "}").join(String(vars[k]));
+      return s;
+    }
+    function SettingsModal(props) {
+      var scale = props.scale;
+      var onPick = props.onPick;
+      var lang = props.lang;
+      var onPickLang = props.onPickLang;
+      var onClose = props.onClose;
+      return h(MaskPortal, {
+        className: "myt-settingsMask",
+        onMouseDown: function (e) { if (e.target === e.currentTarget) onClose(); },
+      },
+        h("div", { className: "myt-settings", role: "dialog", "aria-modal": "true", "aria-label": tt("settings.title") },
+          h("div", { className: "myt-settingsHead" },
+            h("h3", { className: "myt-settingsTitle" }, tt("settings.title")),
+            h("button", { type: "button", className: "myt-closeBtn", "aria-label": tt("settings.closeAria"), onClick: onClose }, h("span", { className: "myt-closeGlyph", "aria-hidden": "true" }, "×"))),
+          h("div", { className: "myt-settingsBody" },
+            h("div", { className: "myt-settingsLabel" }, tt("settings.language")),
+            h("div", { className: "myt-setRow" }, UI_LANGS.map(function (o) {
+              return h("button", {
+                key: o[0], type: "button", className: "myt-setOpt", "data-active": lang === o[0] ? "true" : undefined,
+                onClick: function () { onPickLang(o[0]); },
+              }, o[1]);
+            })),
+            h("div", { className: "myt-settingsHint" }, tt("settings.languageHint")),
+            h("div", { className: "myt-settingsLabel" }, tt("settings.fontScale")),
+            h("div", { className: "myt-setRow" }, FONT_SCALES.map(function (o) {
+              return h("button", {
+                key: o[0], type: "button", className: "myt-setOpt", "data-active": scale === o[0] ? "true" : undefined,
+                onClick: function () { onPick(o[0]); },
+              }, o[1]);
+            })),
+            h("div", { className: "myt-settingsHint" }, tt("settings.fontScaleHint")))));
+    }
+
+    // ── 章节阅读页（整页视图，替代右侧抽屉）：返回按钮 + 章纲对照 + 正文 +
+    // 五维 + 状态流转。原抽屉是 position:fixed 侧弹层，在桌面端会被侧边栏
+    // 遮挡；整页视图天然在面板文档流内，无遮挡问题。 ──
+    function ChapterReader(props) {
+      var file = props.file;
+      var wsPath = props.wsPath;
+      var snap = props.snap;
+      var reload = props.reload;
+      var onBack = props.onBack;
+      var _d = useState(null), detail = _d[0], setDetail = _d[1]; // {loading, data, err}
+      var _b = useState(false), flowBusy = _b[0], setFlowBusy = _b[1];
+      var detailSeqRef = useRef(0); // chapter 请求序号：快速切章时丢弃过期响应
+      var loadDetail = useCallback(function (f) {
+        var seq = ++detailSeqRef.current;
+        if (!f) { setDetail(null); return; }
+        setDetail({ loading: true, data: null, err: "" });
+        apiGet("chapter", { path: wsPath, file: f }).then(function (d) {
+          if (seq !== detailSeqRef.current) return; // 过期响应：已在看另一章，丢弃
+          setDetail({ loading: false, data: d, err: "" });
+        }).catch(function (err) {
+          if (seq !== detailSeqRef.current) return;
+          setDetail({ loading: false, data: null, err: err.message });
+        });
+      }, [wsPath]);
+      useEffect(function () { loadDetail(file); }, [file, loadDetail]);
+      var ch = null;
+      var chapters = (snap && snap.chapters) || [];
+      for (var i = 0; i < chapters.length; i++) { if (chapters[i].file === file) { ch = chapters[i]; break; } }
+      function advance() {
+        if (!ch) return;
+        var idx = STATUS_FLOW.indexOf(ch.status);
+        var next = idx !== -1 && idx < STATUS_FLOW.length - 1 ? STATUS_FLOW[idx + 1] : null;
+        if (!next || flowBusy) return;
+        setFlowBusy(true);
+        apiPost("chapter-status", { path: wsPath, file: ch.file, status: next })
+          .then(function () { return reload(); })
+          .then(function () { return loadDetail(ch.file); })
+          .catch(function () {}).finally(function () { setFlowBusy(false); });
+      }
+      function copyChapterPath() {
+        copyText(chapterAbsPath(snap && snap.novelDir, file)).then(function (ok) {
+          if (ok) toast.ok(tt("reader.copied"));
+          else toast.warn(tt("reader.copyFailed"));
+        });
+      }
+      return h("div", { className: "myt-reader" },
+        h("div", { className: "myt-readerBar" },
+          h("button", { type: "button", className: "myt-btn", onClick: onBack, title: tt("reader.backTip") },
+            ic("IconChevronRightOutlineRegular", 13), tt("reader.back")),
+          h("h2", { className: "myt-readerTitle" }, ch ? chFullTitle(ch) : file),
+          ch ? statusBadge(ch.status) : null,
+          h("div", { className: "myt-readerBarActions" },
+            h("button", {
+              type: "button", className: "myt-btn myt-copyBtn",
+              title: tt("reader.copyPathTip"), "aria-label": tt("reader.copyPathTip"),
+              onClick: copyChapterPath,
+            }, ic("IconCopyOutlineRegular", 13), tt("reader.copyPath")))),
+        h("div", { className: "myt-readerBody" },
+          !detail || detail.loading ? h("div", { className: "myt-stack" }, h("div", { className: "myt-skel myt-skelRow" }), h("div", { className: "myt-skel myt-skelRow", style: { width: "80%" } }), h("div", { className: "myt-skel myt-skelRow", style: { width: "64%" } }))
+            : detail.err ? h(ErrorStrip, { text: tf("reader.loadFailed", { msg: detail.err }), onRetry: function () { loadDetail(file); } })
+              : [
+                  (function () {
+                    var ol = detail.data && detail.data.outline;
+                    return ol ? h(OutlinePanel, { key: "outline", outline: ol })
+                      : h("div", { key: "outline-none", className: "myt-outlineEmpty" }, tt("reader.noOutline"));
+                  })(),
+                  h("pre", { key: "body", className: "myt-chapterBody" }, (detail.data && detail.data.body) || tt("reader.emptyBody")),
+                ],
+          ch ? h("div", { className: "myt-dimGrid" }, FIVE_DIMS.map(function (dim) {
+            return h("div", { key: dim[0], className: "myt-dim" },
+              h("div", { className: "myt-dimLabel" }, dim[1]),
+              h("div", { className: "myt-dimText" }, orDash(ch[dim[0]])));
+          })) : null),
+        ch ? h("div", { className: "myt-readerFoot" },
+          (function () {
+            var idx = STATUS_FLOW.indexOf(ch.status);
+            var next = idx !== -1 && idx < STATUS_FLOW.length - 1 ? STATUS_FLOW[idx + 1] : null;
+            if (!next) return h("span", { className: "myt-muted" }, tt("reader.finalState"));
+            return [h("span", { className: "myt-muted", key: "t" }, tt("reader.statusFlow")),
+              h("button", { key: "b", type: "button", className: "myt-btn myt-btnPrimary", disabled: flowBusy, onClick: advance },
+                flowBusy ? tt("reader.flowing") : tf("reader.advanceTo", { next: tt("status." + next) }))];
+          })()) : null);
+    }
+
+    // ── 小说设置 tab：可视化 project.yml 平键并保存。mode/phase 走枚举
+    // 下拉，自由文本走输入框；保存走 project-save 路由（服务端校验 + 保
+    // 注释改写），成功后重拉快照让概览同步。 ──
+    function SettingsTab(props) {
+      var snap = props.snap;
+      var wsPath = props.wsPath;
+      var reload = props.reload;
+      var project = snap.project || {};
+      var _f = useState(function () {
+        return {
+          title: project.title || "", author: project.author || "", genre: project.genre || "",
+          length: project.length || "", language: project.language || "zh",
+          phase: PHASES.indexOf(project.phase) !== -1 ? project.phase : "idea",
+          mode: project.mode || "ai-draft",
+          description: project.description || "",
+        };
+      }), form = _f[0], setForm = _f[1];
+      var _b = useState(false), busy = _b[0], setBusy = _b[1];
+      var _e = useState(""), saveErr = _e[0], setSaveErr = _e[1];
+      function set(k, v) { setForm(Object.assign({}, form, (function () { var o = {}; o[k] = v; return o; })())); }
+      function save() {
+        if (busy) return;
+        if (!String(form.title || "").trim()) { setSaveErr(tt("novel.titleRequired")); return; }
+        setBusy(true); setSaveErr("");
+        // 成败提示统一走 apiPost 的 toast 通道（这里不再另弹，避免双 toast）；
+        // 卡内 saveErr 只承担表单旁的错误态。
+        apiPost("project-save", { path: wsPath, values: form }).then(function () {
+          return reload();
+        }).catch(function (err) {
+          setSaveErr(err.message);
+        }).finally(function () { setBusy(false); });
+      }
+      function field(label, key, placeholder, textarea) {
+        var value = form[key] || "";
+        return h("label", { className: "myt-setField" },
+          h("span", { className: "myt-setFieldLabel" }, label),
+          textarea
+            ? h("textarea", { className: "myt-setInput myt-setArea", rows: 3, placeholder: placeholder, value: value,
+                onChange: function (e) { set(key, e.target.value); } })
+            : h("input", { type: "text", className: "myt-setInput", placeholder: placeholder, value: value,
+                onChange: function (e) { set(key, e.target.value); } }));
+      }
+      function picker(label, key, opts) {
+        var value = form[key] || "";
+        return h("label", { className: "myt-setField" },
+          h("span", { className: "myt-setFieldLabel" }, label),
+          h("select", { className: "myt-setInput myt-setSelect", value: value, onChange: function (e) { set(key, e.target.value); } },
+            opts.map(function (o) { return h("option", { key: o[0], value: o[0] }, o[1]); })));
+      }
+      return h("div", { className: "myt-stack" },
+        h("div", { className: "myt-card" },
+          h("div", { className: "myt-cardHead" },
+            h("h3", { className: "myt-cardTitle" }, tt("novel.metaTitle")),
+            h("span", { className: "myt-muted" }, tt("novel.metaNote"))),
+          h("div", { className: "myt-setGrid" },
+            field(tt("novel.fTitle"), "title", tt("novel.titlePh")),
+            field(tt("novel.fAuthor"), "author", tt("novel.authorPh")),
+            field(tt("novel.fGenre"), "genre", tt("novel.genrePh")),
+            field(tt("novel.fLength"), "length", tt("novel.lengthPh")),
+            picker(tt("novel.fLanguage"), "language", [["zh", "中文"], ["en", "English"], ["ja", "日本語"]]),
+            picker(tt("novel.fPhase"), "phase", PHASES.map(function (p) { return [p, tt("phase." + p)]; })),
+            picker(tt("novel.fMode"), "mode", [["ai-draft", tt("mode.aiDraft")], ["co-write", tt("mode.coWrite")], ["author-draft", tt("mode.authorDraft")]]),
+            field(tt("novel.fDesc"), "description", tt("novel.descPh"), true))),
+        saveErr ? h(ErrorStrip, { text: saveErr }) : null,
+        h("div", { className: "myt-setActions" },
+          h("button", { type: "button", className: "myt-btn myt-btnPrimary", disabled: busy, onClick: save },
+            busy ? tt("novel.saving") : tt("novel.save"))));
     }
 
     // ── 章节 tab：状态筛选 pills + 表格 + 行抽屉（只读正文 + 五维 + 流转）────
     var FIVE_DIMS = [
-      ["cognitive_frame", "认知框架"], ["emotional_anchor", "情感锚点"], ["world_texture", "世界质感"],
-      ["suspense", "悬念"], ["interpersonal_tension", "人际张力"],
+      ["cognitive_frame", tt("dim.cognitiveFrame")], ["emotional_anchor", tt("dim.emotionalAnchor")], ["world_texture", tt("dim.worldTexture")],
+      ["suspense", tt("dim.suspense")], ["interpersonal_tension", tt("dim.interpersonalTension")],
     ];
     // 章纲对照栏（五期）：outline 非空时渲染可折叠原文（默认展开，只读，样式
     // 与正文区分）；共享常量避免重渲染时折叠态意外重置——组件随抽屉挂载，
@@ -710,19 +1228,19 @@ window.__ModuleLoader__.load({
     function OutlinePanel(props) {
       var outline = props.outline;
       var _op = useState(true), open = _op[0], setOpen = _op[1];
-      var body = outline && typeof outline.body === "string" && outline.body.trim() !== "" ? outline.body : "（章纲为空）";
+      var body = outline && typeof outline.body === "string" && outline.body.trim() !== "" ? outline.body : tt("outline.empty");
       return h("div", { className: "myt-outlinePanel" },
         h("button", {
           type: "button", className: "myt-outlineHead",
           "aria-expanded": open ? "true" : "false",
-          title: open ? "收起章纲" : "展开章纲",
+          title: open ? tt("outline.collapseTip") : tt("outline.expandTip"),
           onClick: function () { setOpen(!open); },
         },
-          h("span", { className: "myt-outlineTitle" }, "章纲对照"),
-          typeof (outline && outline.words) === "number" ? h("span", { className: "myt-outlineWords" }, fmtNum(outline.words) + " 字") : null,
+          h("span", { className: "myt-outlineTitle" }, tt("outline.title")),
+          typeof (outline && outline.words) === "number" ? h("span", { className: "myt-outlineWords" }, tf("common.charCount", { n: fmtNum(outline.words) })) : null,
           h("span", { className: "myt-outlineChevron", "aria-hidden": "true" },
             ic(open ? "IconChevronDownOutlineRegular" : "IconChevronRightOutlineRegular", 14))),
-        open ? h("pre", { className: "myt-outlineBody" }, body) : null);
+        open ? h(MdView, { text: body, className: "myt-outlineBody" }) : null);
     }
     // 抽屉/弹层专用 Portal：面板容器挂在宿主会话中栏里，中栏的 transform/
     // overflow 会把 position:fixed 劫持成相对自身并连同裁剪——抽屉渲染了也
@@ -738,45 +1256,11 @@ window.__ModuleLoader__.load({
 
     function ChaptersTab(props) {
       var snap = props.snap;
-      var reload = props.reload;
-      var wsPath = props.wsPath;
+      var onOpen = props.onOpenChapter; // 行点击 → 整页阅读（PageShell.readerFile）
       var _f = useState("all"), filter = _f[0], setFilter = _f[1];
-      var _o = useState(null), openFile = _o[0], setOpenFile = _o[1];
-      var _d = useState(null), detail = _d[0], setDetail = _d[1]; // {loading, data, err}
-      var _b = useState(false), flowBusy = _b[0], setFlowBusy = _b[1];
-      // 概览「最近章节」点进来：initialFile 只消费一次（吃掉后回置空，防止
-      // 下次进 tab 时把旧抽屉又顶开）。
-      useEffect(function () {
-        if (props.initialFile) {
-          setOpenFile(props.initialFile);
-          if (typeof props.onConsumeInitial === "function") props.onConsumeInitial();
-        }
-      }, [props.initialFile]);
-      var loadDetail = useCallback(function (file) {
-        if (!file) { setDetail(null); return; }
-        setDetail({ loading: true, data: null, err: "" });
-        apiGet("chapter", { path: wsPath, file: file }).then(function (d) {
-          setDetail({ loading: false, data: d, err: "" });
-        }).catch(function (err) {
-          setDetail({ loading: false, data: null, err: err.message });
-        });
-      }, [wsPath]);
-      useEffect(function () { loadDetail(openFile); }, [openFile, loadDetail]);
-      function advance(ch) {
-        var idx = STATUS_FLOW.indexOf(ch.status);
-        var next = idx !== -1 && idx < STATUS_FLOW.length - 1 ? STATUS_FLOW[idx + 1] : null;
-        if (!next || flowBusy) return;
-        setFlowBusy(true);
-        apiPost("chapter-status", { path: wsPath, file: ch.file, status: next })
-          .then(function () { return reload(); })
-          .then(function () { if (openFile === ch.file) return loadDetail(ch.file); })
-          .catch(function () {}).finally(function () { setFlowBusy(false); });
-      }
       var chapters = snap.chapters || [];
       var rows = filter === "all" ? chapters : chapters.filter(function (c) { return c.status === filter; });
       var counts = snap.totals && snap.totals.byStatus ? snap.totals.byStatus : {};
-      var openCh = null;
-      for (var i = 0; i < chapters.length; i++) { if (chapters[i].file === openFile) { openCh = chapters[i]; break; } }
       // 「按单写作」（五期）：state.outlines 与 chapters 联交——有章纲且
       // status=pending 的章，按章纲（卷-章号）序列出，共创模式的主工作清单；
       // 空块（无待写章纲章）整块不渲染。孤儿章纲（chapter 无对应章节）联交
@@ -789,35 +1273,29 @@ window.__ModuleLoader__.load({
         var ch = ol && ol.chapter ? chapterByFile[ol.chapter] : null;
         if (ch && (ch.status || "pending") === "pending") writeOrder.push({ ch: ch, ol: ol });
       });
-      function copyChapterPath() {
-        copyText(chapterAbsPath(snap && snap.novelDir, openFile)).then(function (ok) {
-          if (ok) toast.ok("已复制章节文件路径");
-          else toast.warn("复制失败，请手动选择路径文本");
-        });
-      }
       return h("div", { className: "myt-stack" },
         writeOrder.length ? h("div", { className: "myt-card myt-writeOrder" },
           h("div", { className: "myt-cardHead" },
-            h("h3", { className: "myt-cardTitle" }, "按单写作"),
+            h("h3", { className: "myt-cardTitle" }, tt("chapters.writeQueue")),
             h("span", { className: "myt-boardCount" }, writeOrder.length)),
           h("div", { className: "myt-writeOrderList" }, writeOrder.map(function (item) {
             var ch = item.ch;
             var ol = item.ol;
             return h("button", {
               key: ch.file, type: "button", className: "myt-writeOrderRow",
-              title: "点击打开该章抽屉",
-              onClick: function () { setOpenFile(ch.file); },
+              title: tt("chapters.rowTip"),
+              onClick: function () { onOpen(ch.file); },
             },
               h("span", { className: "myt-chPath" }, chWhere(ch) || ch.file),
               h("span", { className: "myt-chTitle" }, orDash(ch.title)),
               statusBadge(ch.status),
               ol && typeof ol.excerpt === "string" && ol.excerpt !== ""
                 ? h("span", { className: "myt-writeOrderExcerpt", title: ol.excerpt }, truncate(ol.excerpt, 60)) : null,
-              ol && ol.words ? h("span", { className: "myt-wordsCell" }, "章纲 " + fmtNum(ol.words) + " 字") : null);
+              ol && ol.words ? h("span", { className: "myt-wordsCell" }, tf("chapters.outlineWords", { n: fmtNum(ol.words) })) : null);
           }))) : null,
         h("div", { className: "myt-filterRow" },
-          [{ k: "all", label: "全部", n: chapters.length }].concat(STATUS_FLOW.map(function (s) {
-            return { k: s, label: STATUS_LABEL[s], n: counts[s] || 0 };
+          [{ k: "all", label: tt("chapters.all"), n: chapters.length }].concat(STATUS_FLOW.map(function (s) {
+            return { k: s, label: tt("status." + s), n: counts[s] || 0 };
           })).map(function (f) {
             return h("button", {
               key: f.k, type: "button", className: "myt-filterPill",
@@ -828,63 +1306,22 @@ window.__ModuleLoader__.load({
         rows.length ? h("div", { className: "myt-tableWrap" },
           h("table", { className: "myt-table" },
             h("thead", null, h("tr", null,
-              h("th", null, "卷 · 章"), h("th", null, "标题"), h("th", null, "状态"), h("th", null, "字数"), h("th", null, "梗概"))),
+              h("th", null, tt("chapters.thVolume")), h("th", null, tt("chapters.thTitle")), h("th", null, tt("chapters.thStatus")), h("th", null, tt("chapters.thWords")), h("th", null, tt("chapters.thSummary")))),
             h("tbody", null, rows.map(function (ch) {
-              return h("tr", { key: ch.file, onClick: function () { setOpenFile(ch.file); }, title: "点击查看正文" },
+              return h("tr", { key: ch.file, onClick: function () { onOpen(ch.file); }, title: tt("chapters.rowReadTip") },
                 h("td", null, h("span", { className: "myt-chPath" }, chWhere(ch) || "—")),
                 h("td", null, h("span", { className: "myt-chTitle" }, orDash(ch.title))),
                 h("td", null, statusBadge(ch.status)),
                 h("td", null, h("span", { className: "myt-wordsCell" }, fmtNum(ch.words))),
                 h("td", null, h("div", { className: "myt-summaryCell myt-muted" }, orDash(ch.summary))));
             }))))
-          : (chapters.length ? h(Empty, { text: "该状态下没有章节" }) : h(Empty, { text: "chapters/ 目录还没有章节文件" })),
-        openFile ? h(MaskPortal, {
-          className: "myt-drawerMask",
-          onMouseDown: function (e) { if (e.target === e.currentTarget) setOpenFile(null); },
-        },
-          h("aside", { className: "myt-drawer", role: "dialog", "aria-modal": "true", "aria-label": "章节详情" },
-            h("div", { className: "myt-drawerHead" },
-              h("h2", { className: "myt-drawerTitle" }, openCh ? chFullTitle(openCh) : openFile),
-              h("div", { className: "myt-heroMeta" }, openCh ? statusBadge(openCh.status) : null,
-                h("button", {
-                  type: "button", className: "myt-btn myt-copyBtn",
-                  title: "复制章节文件路径", "aria-label": "复制章节文件路径",
-                  onClick: copyChapterPath,
-                }, ic("IconCopyOutlineRegular", 13), "复制路径"),
-                h("button", { type: "button", className: "myt-closeBtn", "aria-label": "关闭抽屉", onClick: function () { setOpenFile(null); } }, h("span", { className: "myt-closeGlyph", "aria-hidden": "true" }, "×")))),
-            h("div", { className: "myt-drawerBody" },
-              !detail || detail.loading ? h("div", { className: "myt-stack" }, h("div", { className: "myt-skel myt-skelRow" }), h("div", { className: "myt-skel myt-skelRow", style: { width: "80%" } }), h("div", { className: "myt-skel myt-skelRow", style: { width: "64%" } }))
-                : detail.err ? h(ErrorStrip, { text: "正文读取失败：" + detail.err, onRetry: function () { loadDetail(openFile); } })
-                  : [
-                      (function () {
-                        var ol = detail.data && detail.data.outline;
-                        // 有章纲：对照栏置顶（可折叠，默认展开）；无章纲：一行
-                        // 淡字提示——共创模式下这是「先要章纲」的信号。
-                        return ol ? h(OutlinePanel, { key: "outline", outline: ol })
-                          : h("div", { key: "outline-none", className: "myt-outlineEmpty" }, "暂无章纲");
-                      })(),
-                      h("pre", { key: "body", className: "myt-chapterBody" }, (detail.data && detail.data.body) || "（空章节）"),
-                    ],
-              openCh ? h("div", { className: "myt-dimGrid" }, FIVE_DIMS.map(function (dim) {
-                return h("div", { key: dim[0], className: "myt-dim" },
-                  h("div", { className: "myt-dimLabel" }, dim[1]),
-                  h("div", { className: "myt-dimText" }, orDash(openCh[dim[0]])));
-              })) : null),
-            openCh ? h("div", { className: "myt-drawerFoot" },
-              (function () {
-                var idx = STATUS_FLOW.indexOf(openCh.status);
-                var next = idx !== -1 && idx < STATUS_FLOW.length - 1 ? STATUS_FLOW[idx + 1] : null;
-                if (!next) return h("span", { className: "myt-muted" }, "已定稿（终态）");
-                return [h("span", { className: "myt-muted", key: "t" }, "状态流转："),
-                  h("button", { key: "b", type: "button", className: "myt-btn myt-btnPrimary", disabled: flowBusy, onClick: function () { advance(openCh); } },
-                    flowBusy ? "流转中…" : "推进到「" + STATUS_LABEL[next] + "」")];
-              })()) : null)) : null);
+          : (chapters.length ? h(Empty, { text: tt("chapters.emptyFiltered") }) : h(Empty, { text: tt("chapters.empty") })));
     }
 
     // ── 角色 tab：卡墙 + 全卡弹层 ───────────────────────────────────────────
     var CHAR_FULL_ROWS = [
-      ["age", "年龄"], ["gender", "性别"], ["appearance", "外貌"], ["personality", "性格"],
-      ["background", "背景"], ["motivation", "动机"], ["arc", "成长弧"],
+      ["age", tt("char.field.age")], ["gender", tt("char.field.gender")], ["appearance", tt("char.field.appearance")], ["personality", tt("char.field.personality")],
+      ["background", tt("char.field.background")], ["motivation", tt("char.field.motivation")], ["arc", tt("char.field.arc")],
     ];
     function CharactersTab(props) {
       var characters = props.snap.characters || [];
@@ -898,20 +1335,20 @@ window.__ModuleLoader__.load({
               h("span", { className: "myt-charName" }, orDash(c.name)),
               roleBadge(c.role)),
             h("div", { className: "myt-charMeta" },
-              [c.age !== null && c.age !== undefined ? c.age + " 岁" : null, c.gender || null].filter(Boolean).join(" · ") || "—"),
-            c.personality ? h("div", { className: "myt-charLine" }, h("span", { className: "myt-charLabel" }, "性格 "), truncate(c.personality, 60)) : null,
-            c.motivation ? h("div", { className: "myt-charLine" }, h("span", { className: "myt-charLabel" }, "动机 "), truncate(c.motivation, 60)) : null);
-        })) : h(Empty, { text: "characters/ 目录还没有角色卡" }),
+              [c.age !== null && c.age !== undefined ? tf("char.years", { n: c.age }) : null, c.gender || null].filter(Boolean).join(" · ") || "—"),
+            c.personality ? h("div", { className: "myt-charLine" }, h("span", { className: "myt-charLabel" }, tt("char.linePersonality")), truncate(c.personality, 60)) : null,
+            c.motivation ? h("div", { className: "myt-charLine" }, h("span", { className: "myt-charLabel" }, tt("char.lineMotivation")), truncate(c.motivation, 60)) : null);
+        })) : h(Empty, { text: tt("char.empty") }),
         modal ? h(MaskPortal, {
           className: "myt-modalMask",
           onMouseDown: function (e) { if (e.target === e.currentTarget) setModalFile(null); },
         },
-          h("div", { className: "myt-modalCard", role: "dialog", "aria-modal": "true", "aria-label": "角色详情" },
+          h("div", { className: "myt-modalCard", role: "dialog", "aria-modal": "true", "aria-label": tt("char.modalAria") },
             h("div", { className: "myt-modalHead" },
               h("h2", { className: "myt-modalTitle" }, orDash(modal.name)),
               h("div", { className: "myt-heroMeta" },
                 roleBadge(modal.role),
-                h("button", { type: "button", className: "myt-closeBtn", "aria-label": "关闭角色卡", onClick: function () { setModalFile(null); } }, h("span", { className: "myt-closeGlyph", "aria-hidden": "true" }, "×")))),
+                h("button", { type: "button", className: "myt-closeBtn", "aria-label": tt("char.closeAria"), onClick: function () { setModalFile(null); } }, h("span", { className: "myt-closeGlyph", "aria-hidden": "true" }, "×")))),
             h("div", { className: "myt-modalBody" },
               CHAR_FULL_ROWS.map(function (row) {
                 return h("div", { key: row[0], className: "myt-kvRow" },
@@ -919,13 +1356,13 @@ window.__ModuleLoader__.load({
                   h("span", { className: "myt-kvVal" }, orDash(modal[row[0]])));
               }),
               h("div", { className: "myt-kvRow" },
-                h("span", { className: "myt-kvKey" }, "标记"),
+                h("span", { className: "myt-kvKey" }, tt("char.markers")),
                 h("span", { className: "myt-kvVal myt-tagRow" },
                   (modal.markers || []).length
                     ? modal.markers.map(function (m, i) { return h("span", { key: i, className: "myt-markerTag" }, m); })
                     : "—")),
               h("div", { className: "myt-kvRow" },
-                h("span", { className: "myt-kvKey" }, "文件"),
+                h("span", { className: "myt-kvKey" }, tt("char.file")),
                 h("span", { className: "myt-kvVal" }, modal.file || "—"))))) : null);
     }
 
@@ -947,28 +1384,36 @@ window.__ModuleLoader__.load({
           var items = list.filter(function (f) { return (f.status || "planted") === col; });
           return h("div", { key: col, className: "myt-boardCol" },
             h("div", { className: "myt-boardHead" },
-              h("span", { className: "myt-boardTitle" }, FS_LABEL[col]),
+              h("span", { className: "myt-boardTitle" }, tt("foreshadow." + col)),
               h("span", { className: "myt-boardCount" }, items.length)),
             items.map(function (fs) {
               var next = FS_FLOW[col] || null;
               var busy = busyId === fs.id;
-              var chRange = [fs.planted_chapter || "埋设章未标", fs.expected_resolve].filter(Boolean).join(" → ");
+              // status 行缺失（服务端要求每条恰一处 status，写必 409）：禁用流
+              // 转/弃用按钮，降级为只读展示并给提示，避免「可点但必失败」。
+              var noStatus = !fs.status;
+              var noWrite = !fs.id || noStatus;
+              var noWriteTip = !fs.id
+                ? tt("foreshadow.noIdTip")
+                : tt("foreshadow.noStatusTip");
+              var chRange = [fs.planted_chapter || tt("foreshadow.plantedUnmarked"), fs.expected_resolve].filter(Boolean).join(" → ");
               return h("div", { key: fs.id || fs.title, className: "myt-fsCard" },
                 h("div", { className: "myt-fsTitle" },
                   priDot(fs.priority), h("span", null, orDash(fs.title) || orDash(fs.id)),
                   // 回填徽章（五期账本回填）：区别于写前规划条目，悬浮见来源。
-                  fs.source === "backfill" ? h("span", { className: "myt-backfillBadge", title: "从作者正文回填" }, "回填") : null),
+                  fs.source === "backfill" ? h("span", { className: "myt-backfillBadge", title: tt("foreshadow.backfillTip") }, tt("foreshadow.backfill")) : null,
+                  noStatus ? h("span", { className: "myt-fsNoStatus", title: noWriteTip }, tt("foreshadow.missingStatus")) : null),
                 h("div", { className: "myt-fsMeta" },
-                  h("span", null, col === "resolved" && fs.resolved_chapter ? "回收于 " + fs.resolved_chapter : chRange),
-                  fs.priority && fs.priority !== "normal" ? h("span", null, "优先级 " + (PRI_LABEL[fs.priority] || fs.priority)) : null),
+                  h("span", null, col === "resolved" && fs.resolved_chapter ? tf("foreshadow.resolvedAt", { ch: fs.resolved_chapter }) : chRange),
+                  fs.priority && fs.priority !== "normal" ? h("span", null, tf("foreshadow.priorityLabel", { pri: ["high", "low", "normal"].indexOf(fs.priority) !== -1 ? tt("pri." + fs.priority) : fs.priority })) : null),
                 fs.notes ? h("div", { className: "myt-fsNotes", title: fs.notes }, fs.notes) : null,
                 h("div", { className: "myt-fsActions" },
-                  next ? h("button", { type: "button", className: "myt-btn", disabled: busy || !fs.id, title: fs.id ? undefined : "该条目缺 id，无法写状态", onClick: function () { setStatus(fs, next); } }, busy ? "推进中…" : (col === "planted" ? "推进" : "回收")) : null,
+                  next ? h("button", { type: "button", className: "myt-btn", disabled: busy || noWrite, title: noWriteTip, onClick: function () { setStatus(fs, next); } }, busy ? tt("foreshadow.advancing") : (col === "planted" ? tt("foreshadow.advance") : tt("foreshadow.resolve"))) : null,
                   col !== "resolved" && col !== "abandoned"
-                    ? h("button", { type: "button", className: "myt-btn myt-btnDanger", disabled: busy || !fs.id, onClick: function () { setStatus(fs, "abandoned"); } }, "弃用") : null));
+                    ? h("button", { type: "button", className: "myt-btn myt-btnDanger", disabled: busy || noWrite, title: noWriteTip, onClick: function () { setStatus(fs, "abandoned"); } }, tt("foreshadow.abandon")) : null));
             }),
-            items.length ? null : h("div", { className: "myt-muted" }, "空"));
-        })) : h(Empty, { text: "foreshadows.yml 还没有伏笔条目" }));
+            items.length ? null : h("div", { className: "myt-muted" }, tt("foreshadow.colEmpty")));
+        })) : h(Empty, { text: tt("foreshadow.empty") }));
     }
 
     // ── 时间线 tab：垂直轴 + importance 点位（1-5 → 大小/深浅）──────────────
@@ -977,17 +1422,17 @@ window.__ModuleLoader__.load({
       if (items.length) {
         items.sort(function (a, b) { return String(a.year || "").localeCompare(String(b.year || ""), "zh-CN", { numeric: true }); });
       }
-      if (!items.length) return h(Empty, { text: "timeline.yml 还没有时间线条目" });
+      if (!items.length) return h(Empty, { text: tt("timeline.empty") });
       return h("div", { className: "myt-card" },
         h("div", { className: "myt-timeline" }, items.map(function (t, i) {
           var imp = Math.min(5, Math.max(1, typeof t.importance === "number" ? t.importance : 3));
           return h("div", { key: i, className: "myt-tlRow" },
             h("div", { className: "myt-tlYear" }, orDash(t.year)),
-            h("div", { className: "myt-tlAxis" }, h("span", { className: "myt-tlDot", "data-imp": String(imp), title: "重要度 " + imp })),
+            h("div", { className: "myt-tlAxis" }, h("span", { className: "myt-tlDot", "data-imp": String(imp), title: tf("timeline.importance", { n: imp }) })),
             h("div", { className: "myt-tlCard" },
               h("div", { className: "myt-tlTitle" }, orDash(t.title)),
               t.description ? h("div", { className: "myt-tlDesc" }, t.description) : null,
-              t.chapter ? h("div", { className: "myt-tlChapter" }, "关联章节：" + t.chapter) : null));
+              t.chapter ? h("div", { className: "myt-tlChapter" }, tf("timeline.linkedChapter", { ch: t.chapter })) : null));
         })));
     }
 
@@ -997,16 +1442,19 @@ window.__ModuleLoader__.load({
       var world = snap.world || [];
       var science = snap.science || [];
       var research = snap.research || [];
-      var groups = {};
+      // 无原型容器：key 来自数据文件的自由文本（category），值为
+      // constructor/__proto__/toString 等时若用普通 {} 会命中 Object.prototype
+      // 真值 → TypeError → 整面板白屏；Object.create(null) 杜绝。
+      var groups = Object.create(null);
       world.forEach(function (w) {
-        var key = w.category || "未分类";
+        var key = w.category || tt("common.uncategorized");
         if (!groups[key]) groups[key] = [];
         groups[key].push(w);
       });
       var groupKeys = Object.keys(groups).sort(function (a, b) { return a.localeCompare(b, "zh-CN"); });
       return h("div", { className: "myt-stack" },
         h("div", { className: "myt-card" },
-          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, "世界观条目")),
+          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("world.title"))),
           groupKeys.length ? h("div", { className: "myt-stack" }, groupKeys.map(function (key) {
             return h("div", { key: key, className: "myt-worldGroup" },
               h("div", { className: "myt-listHead" }, key, h("span", { className: "myt-boardCount" }, groups[key].length)),
@@ -1015,25 +1463,25 @@ window.__ModuleLoader__.load({
                   h("div", { className: "myt-worldHead" },
                     h("span", { className: "myt-worldName" }, orDash(w.name)),
                     (w.tags || []).length ? h("span", { className: "myt-tagRow" }, w.tags.map(function (t, j) { return h("span", { key: j, className: "myt-tag" }, t); })) : null),
-                  w.description ? h("div", { className: "myt-worldDesc" }, w.description) : null);
+                  w.description ? h(MdView, { text: w.description, className: "myt-worldDesc" }) : null);
               }));
-          })) : h(Empty, { text: "world/ 目录还没有设定条目" })),
+          })) : h(Empty, { text: tt("world.empty") })),
         h("div", { className: "myt-card" },
-          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, "科学设定"),
+          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("world.science")),
             h("span", { className: "myt-boardCount" }, science.length)),
           science.length ? h("div", { className: "myt-stack" }, science.map(function (s, i) {
-            var label = SCI_LABEL[s.label] ? s.label : null;
+            var label = ["known", "extrapolation", "hypothesis"].indexOf(s.label) !== -1 ? s.label : null;
             return h("div", { key: s.file || i, className: "myt-worldItem" },
               h("div", { className: "myt-worldHead" },
                 h("span", { className: "myt-worldName" }, orDash(s.name)),
                 h("span", { className: "myt-badge myt-sciTag", "data-label": label || "hypothesis", title: s.label && !label ? s.label : undefined },
-                  label ? SCI_LABEL[label] : (s.label || "未标级"))),
-              s.description ? h("div", { className: "myt-worldDesc" }, s.description) : null,
+                  label ? tt("sci." + label) : (s.label || tt("world.unlabeled")))),
+              s.description ? h(MdView, { text: s.description, className: "myt-worldDesc" }) : null,
               (s.references || []).length ? h("div", { className: "myt-refList" },
-                s.references.map(function (r, j) { return h("span", { key: j, className: "myt-refItem" }, "参考 " + (j + 1) + "：" + r); })) : null);
-          })) : h(Empty, { text: "science/ 目录还没有科学设定" })),
+                s.references.map(function (r, j) { return h("span", { key: j, className: "myt-refItem" }, tf("world.ref", { n: j + 1, r: r })); })) : null);
+          })) : h(Empty, { text: tt("world.scienceEmpty") })),
         research.length ? h("div", { className: "myt-card" },
-          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, "资料检索"),
+          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("world.research")),
             h("span", { className: "myt-boardCount" }, research.length)),
           h("div", { className: "myt-tagRow" }, research.map(function (r, i) {
             return h("span", { key: r.file || i, className: "myt-tag", title: r.file || "" }, orDash(r.topic) || r.file);
@@ -1054,29 +1502,31 @@ window.__ModuleLoader__.load({
       }
       var clues = snap.clues || [];
       var memories = snap.memories || [];
-      var clueGroups = {};
+      // 无原型容器：kind/category 是数据文件自由文本，见 WorldTab 处说明。
+      var clueGroups = Object.create(null);
       clues.forEach(function (c) {
-        var key = c.kind || "未分类";
+        var key = c.kind || tt("common.uncategorized");
         if (!clueGroups[key]) clueGroups[key] = [];
         clueGroups[key].push(c);
       });
-      var memGroups = {};
+      var memGroups = Object.create(null);
       memories.forEach(function (m) {
-        var key = m.category || "未分类";
+        var key = m.category || tt("common.uncategorized");
         if (!memGroups[key]) memGroups[key] = [];
         memGroups[key].push(m);
       });
       function groupKey(a, b) { return a.localeCompare(b, "zh-CN"); }
       return h("div", { className: "myt-stack" },
         h("div", { className: "myt-cardHead" },
-          h("h3", { className: "myt-cardTitle" }, "索引板（clue-board / memories）"),
-          h("button", { type: "button", className: "myt-btn", disabled: rebuildBusy, onClick: rebuild, title: "按 CLI index 同一逻辑重建 index.yml" },
-            rebuildBusy ? "重建中…" : "重建索引")),
+          h("h3", { className: "myt-cardTitle" }, tt("index.title")),
+          h("button", { type: "button", className: "myt-btn", disabled: rebuildBusy, onClick: rebuild, title: tt("index.rebuildTip") },
+            rebuildBusy ? tt("index.rebuilding") : tt("index.rebuild"))),
         h("div", { className: "myt-indexCols" },
           h("div", { className: "myt-card" },
-            h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, "线索板"), h("span", { className: "myt-boardCount" }, clues.length)),
+            h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("index.clueBoard")), h("span", { className: "myt-boardCount" }, clues.length)),
             clues.length ? Object.keys(clueGroups).sort(groupKey).map(function (kind) {
-              var label = CLUE_KIND_LABEL[kind] || kind;
+              var ck = CLUE_KIND_KEYS[kind];
+              var label = ck ? tt("clue." + ck) : kind;
               return h("div", { key: kind, className: "myt-worldGroup" },
                 h("div", { className: "myt-listHead" }, label, h("span", { className: "myt-boardCount" }, clueGroups[kind].length)),
                 clueGroups[kind].map(function (c, i) {
@@ -1084,21 +1534,21 @@ window.__ModuleLoader__.load({
                     h("span", { className: "myt-clueText" }, orDash(c.content)),
                     c.related_chapter ? h("span", { className: "myt-clueChapter" }, c.related_chapter) : null);
                 }));
-            }) : h(Empty, { text: "clue-board.yml 还没有条目" })),
+            }) : h(Empty, { text: tt("index.clueEmpty") })),
           h("div", { className: "myt-card" },
-            h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, "记忆板"), h("span", { className: "myt-boardCount" }, memories.length)),
+            h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("index.memBoard")), h("span", { className: "myt-boardCount" }, memories.length)),
             memories.length ? Object.keys(memGroups).sort(groupKey).map(function (cat) {
               var isPromise = /promise|承诺/i.test(cat);
               return h("div", { key: cat, className: "myt-worldGroup" },
                 h("div", { className: "myt-listHead" },
-                  cat, isPromise ? h("span", { className: "myt-markerTag" }, "承诺线") : null,
+                  cat, isPromise ? h("span", { className: "myt-markerTag" }, tt("index.promise")) : null,
                   h("span", { className: "myt-boardCount" }, memGroups[cat].length)),
                 memGroups[cat].map(function (m, i) {
                   return h("div", { key: i, className: "myt-memItem", "data-promise": isPromise ? "true" : undefined },
                     h("span", { className: "myt-clueText" }, orDash(m.content)),
                     m.source_chapter ? h("span", { className: "myt-memChapter" }, m.source_chapter) : null);
                 }));
-            }) : h(Empty, { text: "memories.yml 还没有条目" }))));
+            }) : h(Empty, { text: tt("index.memEmpty") }))));
     }
 
     // ── 关系图 tab：canvas 力导向（斥力 + 弹簧 + 中心引力，rAF 循环）─────────
@@ -1117,24 +1567,26 @@ window.__ModuleLoader__.load({
       var _tip = useState(null), tip = _tip[0], setTip = _tip[1]; // {x, y, text}
       var wrapRef = useRef(null);
       var canvasRef = useRef(null);
-      var simRef = useRef(null);
+      var tipRafRef = useRef(0); // hover 提示 rAF 句柄：卸载/换图时取消在途合帧
       // 数据准备：>30 角色只留 relations 相关节点；角色空时退化为关系端点名。
-      var graph = (function () {
-        var byName = {};
+      // useMemo 缓存：hover 提示等重渲染不再重复建图（原渲染体内 IIFE 每帧重建）。
+      // 容器用无原型对象：角色名/关系端点是数据文件自由文本，见 WorldTab 处说明。
+      var graph = useMemo(function () {
+        var byName = Object.create(null);
         chars.forEach(function (c) { if (c && c.name && !byName[c.name]) byName[c.name] = c; });
-        var deg = {};
+        var deg = Object.create(null);
         rels.forEach(function (r) { deg[r.a] = (deg[r.a] || 0) + 1; deg[r.b] = (deg[r.b] || 0) + 1; });
         var names = chars.length ? chars.map(function (c) { return c.name; }) : Object.keys(deg);
         var linked = names.filter(function (n) { return deg[n]; });
         var drawNames = names.length > 30 ? linked : names;
         var unlinked = names.filter(function (n) { return drawNames.indexOf(n) === -1; });
         var nodes = drawNames.map(function (n) { return { id: n, role: byName[n] ? byName[n].role : null, x: 0, y: 0, vx: 0, vy: 0, fixed: false }; });
-        var idx = {};
+        var idx = Object.create(null);
         nodes.forEach(function (nd, i) { idx[nd.id] = i; });
         var edges = rels.filter(function (r) { return idx[r.a] !== undefined && idx[r.b] !== undefined; })
           .map(function (r) { return { a: idx[r.a], b: idx[r.b], type: r.type || "", desc: r.description || "", w: edgeWidth(r.intensity) }; });
         return { nodes: nodes, edges: edges, unlinked: unlinked };
-      })();
+      }, [snap]); // chars/rels 均由 snap 派生，snap 不变则图不变
       useEffect(function () {
         var wrap = wrapRef.current;
         var canvas = canvasRef.current;
@@ -1142,8 +1594,7 @@ window.__ModuleLoader__.load({
         var ctx = canvas.getContext("2d");
         if (!ctx) return undefined;
         var dpr = (window.devicePixelRatio || 1) > 0 ? window.devicePixelRatio || 1 : 1;
-        var sim = { zoom: 1, drag: null, raf: 0, frame: 0, w: 0, h: 0, tokens: null, mx: -1, my: -1 };
-        simRef.current = sim;
+        var sim = { zoom: 1, drag: null, raf: 0, frame: 0, w: 0, h: 0, tokens: null };
         // 令牌缓存：每 30 帧重读 computed style，浅/深色切换约半秒内跟上。
         function readTokens() {
           var cs = getComputedStyle(document.body);
@@ -1294,18 +1745,23 @@ window.__ModuleLoader__.load({
         }
         function onMove(e) {
           var p = localXY(e);
-          sim.mx = p.x; sim.my = p.y;
           if (sim.drag) {
             var w = toWorld(p.x, p.y);
             sim.drag.node.x = w.x; sim.drag.node.y = w.y;
             return;
           }
-          var e2 = hitEdge(p.x, p.y);
-          if (e2) {
-            setTip({ x: p.x, y: p.y, text: (e2.type ? e2.type + "：" : "") + (e2.desc || "（无描述）") });
-          } else {
-            setTip(function (prev) { return prev ? null : prev; });
-          }
+          // hover 提示 rAF 节流：mousemove 高频触发，合帧后再命中检测 + setTip，
+          // 避免逐事件整 tab 重渲染（建图已 useMemo，这里再省掉无效重绘）。
+          if (tipRafRef.current) cancelAnimationFrame(tipRafRef.current);
+          tipRafRef.current = requestAnimationFrame(function () {
+            tipRafRef.current = 0;
+            var e2 = hitEdge(p.x, p.y);
+            if (e2) {
+              setTip({ x: p.x, y: p.y, text: (e2.type ? e2.type + "：" : "") + (e2.desc || tt("relations.noDesc")) });
+            } else {
+              setTip(function (prev) { return prev ? null : prev; });
+            }
+          });
         }
         function onUp() { sim.drag = null; canvas.dataset.dragging = "false"; }
         function onWheel(e) {
@@ -1325,27 +1781,27 @@ window.__ModuleLoader__.load({
         canvas.addEventListener("dblclick", onDbl);
         return function () {
           cancelAnimationFrame(sim.raf);
+          if (tipRafRef.current) { cancelAnimationFrame(tipRafRef.current); tipRafRef.current = 0; }
           if (ro) ro.disconnect();
           canvas.removeEventListener("mousedown", onDown);
           window.removeEventListener("mousemove", onMove);
           window.removeEventListener("mouseup", onUp);
           canvas.removeEventListener("wheel", onWheel);
           canvas.removeEventListener("dblclick", onDbl);
-          simRef.current = null;
         };
       }, [snap]);
-      if (!graph.nodes.length) return h(Empty, { text: "没有角色或关系数据，无法绘图" });
+      if (!graph.nodes.length) return h(Empty, { text: tt("relations.noData") });
       return h("div", { className: "myt-stack" },
         h("div", { className: "myt-card" },
           h("div", { className: "myt-cardHead" },
-            h("h3", { className: "myt-cardTitle" }, "角色关系图"),
-            h("span", { className: "myt-muted" }, graph.nodes.length + " 节点 · " + graph.edges.length + " 关系")),
+            h("h3", { className: "myt-cardTitle" }, tt("relations.title")),
+            h("span", { className: "myt-muted" }, tf("relations.counts", { n: graph.nodes.length, m: graph.edges.length }))),
           h("div", { className: "myt-graphWrap", ref: wrapRef },
             h("canvas", { className: "myt-graphCanvas", ref: canvasRef, "data-dragging": "false" }),
             tip ? h("div", { className: "myt-graphTip", style: { left: Math.min(tip.x + 12, 320) + "px", top: Math.max(tip.y - 34, 4) + "px" } }, tip.text) : null),
-          h("div", { className: "myt-graphFoot" }, "拖节点固定位置 · 滚轮缩放 · 双击复位 · 悬停边看关系描述")),
+          h("div", { className: "myt-graphFoot" }, tt("relations.help"))),
         graph.unlinked.length ? h("div", { className: "myt-card" },
-          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, "未入图角色（无关系边）")),
+          h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("relations.unlinkedTitle"))),
           h("div", { className: "myt-unlinked" }, graph.unlinked.map(function (n, i) {
             return h("span", { key: n || i, className: "myt-unlinkedTag" }, n);
           }))) : null);