dsh-maoying 0.1.18 → 0.1.20

package/lib/client.js

@@ -72,7 +72,7 @@ window.__ModuleLoader__.load({
     var TABS = [
       ["overview", "tabs.overview"], ["chapters", "tabs.chapters"], ["characters", "tabs.characters"],
       ["foreshadows", "tabs.foreshadows"], ["relations", "tabs.relations"], ["timeline", "tabs.timeline"],
-      ["world", "tabs.world"], ["index", "tabs.index"],
+      ["world", "tabs.world"], ["style", "tabs.style"], ["index", "tabs.index"],
     ];
 
     // 角色徽章四色（role 是自由文本）：按关键词归 tone，命中即返。
@@ -243,6 +243,12 @@ window.__ModuleLoader__.load({
       if (path === "chapter-create") return tf("toast.chapterCreated", { title: (d && d.title) || "—" });
       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) || "—" });
+      if (path === "style-save") return tt("toast.styleSaved");
+      if (path === "chapter-save") return tt("toast.chapterSaved");
+      if (path === "outline-save") return tt("toast.outlineSaved");
+      if (path === "file-save") return tf("toast.fileSaved", { rel: (d && d.rel) || "" });
+      if (path === "file-create") return tf("toast.fileCreated", { rel: (d && d.rel) || "" });
+      if (path === "file-delete") return tf("toast.fileDeleted", { rel: (d && d.rel) || "" });
       return tt("toast.success");
     }
 
@@ -542,8 +548,8 @@ window.__ModuleLoader__.load({
     }
 
     // ── 页面骨架：顶栏（工作区下拉 + 刷新 + 关闭）+ tab 条 + 内容区 ─────────
-    // 数据流：workspaces 每次打开面板都重拉（懒挂载下关闭不卸载，见下方
-    // activate 监听）；state 跟随选中工作区；写操作 POST 成功后
+    // 数据流：workspaces 与 state 每次打开面板都重拉（懒挂载下关闭不卸载，
+    // 见下方 activate 监听）；state 另跟随选中工作区；写操作 POST 成功后
     // 整份重拉 state（不乐观更新）。选择记 localStorage('maoying.workspace')。
     function PageShell(props) {
       var onClose = props.onClose;
@@ -556,6 +562,8 @@ window.__ModuleLoader__.load({
       var _tb = useState("overview"), tab = _tb[0], setTab = _tb[1];
       // 章节阅读页（整页视图，替代原右侧抽屉）：null = 列表态。
       var _rd = useState(null), readerFile = _rd[0], setReaderFile = _rd[1];
+      // 面板重开序号：每次 activate 广播自增，透传 ChapterReader 驱动本章重拉。
+      var _rs = useState(0), reopenSeq = _rs[0], setReopenSeq = _rs[1];
       // 系统设置：字号档位持久化 + 面板整体缩放（portal 节点读同一 CSS 变量）。
       var _sm = useState(false), showSettings = _sm[0], setShowSettings = _sm[1];
       var _fs = useState(function () {
@@ -751,20 +759,27 @@ window.__ModuleLoader__.load({
         });
       }
       useEffect(function () { loadWorkspaces(); }, [loadWorkspaces]);
-      // 每次打开面板都重拉工作区列表：懒挂载下关闭只是摘掉 active 属性，
-      // 组件不卸载，上面的 mount effect 整个页面生命周期只跑一次，期间外部
-      // （CLI / 其他面板）新建或删除的工作区在重开时看不见。mountPanel 每次
-      // 打开都会广播 dsh-panel-activate（source: "maoying"），借它触发重拉；
-      // 首次打开的广播早于本组件挂载（render 异步调度），收不到也无妨——
-      // mount effect 已覆盖首拉。其余面板的同名广播按 source 过滤掉。
+      // 每次打开面板都重拉工作区列表与整份 state 快照：懒挂载下关闭只是摘掉
+      // active 属性，组件不卸载，上面的 mount effect 整个页面生命周期只跑一
+      // 次，期间外部（CLI / agent / 其他面板）新建/删除的工作区、改动的小说
+      // 内容在重开时看不见——state 原本只跟 effectiveWs 走，同工作区重开不
+      // 会重拉，用户得手点右上角刷新。mountPanel 每次打开都会广播
+      // dsh-panel-activate（source: "maoying"），借它触发三重重拉：workspaces、
+      // state 快照、阅读页本章（reopenSeq 自增）；首次打开的广播早于本组件挂
+      // 载（render 异步调度），收不到也无妨——mount effect 已覆盖首拉。其余
+      // 面板的同名广播按 source 过滤掉。重拉不动编辑中的草稿：loadState 本就
+      // 不碰草稿，阅读页走 silent 刷新（见 ChapterReader）。
       useEffect(function () {
         var onActivate = function (event) {
           var source = event && event.detail && event.detail.source;
-          if (source === "maoying") loadWorkspaces();
+          if (source !== "maoying") return;
+          loadWorkspaces();
+          reload(); // 重开即最新小说内容，不必手点右上角刷新
+          setReopenSeq(function (n) { return n + 1; });
         };
         document.addEventListener(ACTIVATE_EVENT, onActivate);
         return function () { document.removeEventListener(ACTIVATE_EVENT, onActivate); };
-      }, [loadWorkspaces]);
+      }, [loadWorkspaces, reload]);
       useEffect(function () { loadState(effectiveWs); }, [effectiveWs, loadState]);
       // 校正后的选择回写记忆（首次打开 / 记忆失效时自动落位）。
       useEffect(function () {
@@ -804,13 +819,14 @@ window.__ModuleLoader__.load({
         });
       } else if (snap) {
         var tabProps = { snap: snap, reload: reload, wsPath: effectiveWs };
-        if (readerFile) body = h(ChapterReader, { file: readerFile, snap: snap, reload: reload, wsPath: effectiveWs, onBack: function () { setReaderFile(null); } });
+        if (readerFile) body = h(ChapterReader, { file: readerFile, snap: snap, reload: reload, wsPath: effectiveWs, refreshSeq: reopenSeq, 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 === "style") body = h(StyleTab, tabProps);
         else if (tab === "index") body = h(IndexTab, tabProps);
         else body = h(OverviewTab, Object.assign({ gotoTab: gotoTab }, tabProps));
       }
@@ -902,6 +918,8 @@ window.__ModuleLoader__.load({
       var project = snap.project || {};
       // 编辑态：true 时 hero 卡切换为书稿元信息表单（ProjectMetaForm）。
       var _ed = useState(false), editing = _ed[0], setEditing = _ed[1];
+      // 分卷规划账源文件直达（0.1.20 写面）：volumes.yml 整文件可编辑。
+      var _src = useState(null), srcRel = _src[0], setSrcRel = _src[1];
       var totals = snap.totals || {};
       var byStatus = totals.byStatus || {};
       var _b = useState(false), phaseBusy = _b[0], setPhaseBusy = _b[1];
@@ -977,7 +995,8 @@ window.__ModuleLoader__.load({
           }))),
         volumes.length ? h("div", { className: "myt-card" },
           h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("overview.volumes")),
-            h("span", { className: "myt-boardCount" }, volumes.length)),
+            h("span", { className: "myt-boardCount" }, volumes.length),
+            srcEditBtn("volumes.yml", function () { setSrcRel("volumes.yml"); })),
           h("div", { className: "myt-stack" }, volumes.map(function (v, i) {
             return h("div", { key: v.id || i, className: "myt-worldGroup" },
               h("div", { className: "myt-listHead" },
@@ -995,7 +1014,8 @@ window.__ModuleLoader__.load({
                   h("span", { className: "myt-chPath" }, chWhere(ch)),
                   h("span", { className: "myt-wordsCell" }, tf("common.charCount", { n: fmtNum(ch.words) })));
               }))
-            : h(Empty, { text: tt("chapters.empty") })));
+             : h(Empty, { text: tt("chapters.empty") })),
+        srcRel ? h(SourceEditorModal, { title: tt("src.editSource"), rel: srcRel, wsPath: wsPath, onClose: function () { setSrcRel(null); }, onSaved: reload }) : null);
     }
 
     // ── 轻量 Markdown 渲染（零依赖）：先整体 HTML 转义再施加 md 变换，杜绝
@@ -1112,7 +1132,7 @@ window.__ModuleLoader__.load({
     var UI_LANG = "zh";
     var I18N = {
       zh: {
-        "shell.title": "毛颖创作台", "header.subtitle": "网文项目可视化与状态流转 · 只读正文，写状态",
+        "shell.title": "毛颖创作台", "header.subtitle": "网文项目可视化与状态流转 · 正文/章纲可编辑保存",
         "header.curVerTitle": "当前版本", "header.upgradeTip": "当前 {cur}，点击打开新版发布页", "header.newVersion": "有新版 {ver} ↗",
         "header.upgradeBtn": "一键升级", "header.upgrading": "安装中…", "header.upgraded": "已安装，待重启",
         "header.upgradeTitle": "用 pnpm 安装 npm 最新版（最长约 3 分钟），装完需重启 DeepSeek 生效",
@@ -1125,7 +1145,12 @@ window.__ModuleLoader__.load({
         "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.timeline": "时间线", "tabs.world": "设定", "tabs.style": "写作风格", "tabs.index": "索引板",
+        "style.note": "写手 / 大纲师 / 审校以此为准；改完即生效",
+        "style.editTip": "编辑写作风格基准（novel/style.md）",
+        "style.empty": "novel/style.md 还没有创建。写手/大纲师/审校读取风格基准时将拿不到本文；可先用插件内置的通用网文默认基线创建，再按本书题材修改。",
+        "style.createFromTpl": "用默认基线创建",
+        "style.loadFailed": "写作风格读取失败：{msg}",
         "shell.wsListFailed": "工作区列表拉取失败：{msg}", "shell.stateFailed": "快照拉取失败：{msg}",
         "guide.noWsTitle": "还没有可用的小说工作区", "guide.noWsDesc": "任一工作区根目录下出现 novel/project.yml 即自动入选；先用命令初始化目录骨架：",
         "guide.notInitTitle": "该工作区尚未初始化小说项目", "guide.notInitDesc": "工作区根目录下没有 novel/project.yml。在该工作区根目录执行：",
@@ -1136,6 +1161,21 @@ window.__ModuleLoader__.load({
         "common.chapterNum": "第 {n} 章", "pri.high": "高", "pri.normal": "中", "pri.low": "低",
         "toast.prefix": "毛颖创作台：{msg}", "toast.success": "操作成功", "toast.indexRebuilt": "索引已重建（{n} 章）",
         "toast.chapterStatus": "章节状态已更新", "toast.chapterCreated": "已从章纲建章「{title}」（待写）", "toast.foreshadowStatus": "伏笔状态已更新", "toast.phaseAdvanced": "阶段已推进到「{phase}」",
+        "toast.styleSaved": "写作风格已保存", "toast.chapterSaved": "章节正文已保存", "toast.outlineSaved": "章纲已保存",
+        "src.modalAria": "源文件编辑", "src.closeAria": "关闭源文件编辑",
+        "src.editSource": "编辑源文件", "src.editSourceTip": "编辑源文件：{rel}",
+        "src.deleteFile": "删除文件", "src.deleteTip": "删除文件：{rel}",
+        "src.loading": "源文件加载中…", "src.loadFailed": "源文件读取失败：{msg}",
+        "src.editHint": "直接编辑文件全文；保存时做结构校验（账本 yml 须解析为条目数组、md 实体卡须带 frontmatter 围栏），语义问题交给保存后的静态体检。",
+        "src.conflictReloaded": "文件已被外部修改，草稿已丢弃，已放回磁盘最新内容。",
+        "src.slugLabel": "文件名 slug", "src.slugPh": "如 lin-waner（小写字母/数字与 -）", "src.slugInvalid": "slug 只接受小写字母/数字与 -，且以字母或数字开头",
+        "src.createHint": "内容已按模板预填，可修改后再创建。", "src.create": "创建", "src.creating": "创建中…",
+        "src.confirmTitle": "确认删除", "src.confirmText": "即将删除 {rel}。此操作不可逆——后悔靠 git 回滚；删除后静态体检会把指向它的悬空引用（伏笔/时间线/关系等）标为问题。",
+        "src.confirmDelete": "确认删除", "src.deleting": "删除中…",
+        "toast.fileSaved": "已保存 {rel}", "toast.fileCreated": "已创建 {rel}", "toast.fileDeleted": "已删除 {rel}",
+        "reader.createOutline": "新建章纲", "reader.deleteChapter": "删除章节",
+        "outline.deleteBtn": "删除章纲",
+        "char.createBtn": "新建角色", "world.createBtn": "新建设定", "world.createScienceBtn": "新建科学设定",
         "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": "审校",
@@ -1158,10 +1198,12 @@ window.__ModuleLoader__.load({
         "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}",
+        "world.researchEmpty": "research/ 目录还没有考据资料", "world.subTabsAria": "设定分区", "world.catTabsAria": "世界观分类",
         "relations.title": "角色关系图", "relations.counts": "{n} 节点 · {m} 关系",
-        "relations.help": "拖节点固定位置 · 滚轮缩放 · 双击复位 · 悬停边看关系描述",
+        "relations.help": "拖节点固定位置 · 滚轮或 ＋/－ 按钮缩放 · 双击复位 · 悬停边看关系描述 · 右上角按钮全屏",
         "relations.unlinkedTitle": "未入图角色（无关系边）", "relations.noData": "没有角色或关系数据，无法绘图",
         "relations.edgeTipPrefix": "{type}：", "relations.noDesc": "（无描述）",
+        "relations.zoomIn": "放大", "relations.zoomOut": "缩小", "relations.fs": "全屏", "relations.exitFs": "退出全屏",
         "char.empty": "characters/ 目录还没有角色卡",
         "role.protagonist": "主角", "role.antagonist": "反派", "role.supporting": "配角", "role.minor": "龙套",
         "char.field.age": "年龄", "char.field.gender": "性别", "char.field.appearance": "外貌", "char.field.personality": "性格",
@@ -1180,6 +1222,9 @@ window.__ModuleLoader__.load({
         "chapters.createTip": "在 chapters/ 下按章纲建一章（status=pending，正文待写）",
         "chapters.emptyWithOutlines": "chapters/ 目录还没有章节文件；下方「按单写作」已列出未建章章纲",
         "reader.back": "返回", "reader.backTip": "返回章节列表", "reader.copyPath": "复制路径", "reader.copyPathTip": "复制章节文件路径",
+        "reader.edit": "编辑", "reader.editTip": "编辑章节正文（frontmatter 保留不动）",
+        "reader.save": "保存", "reader.bodyEditHint": "直接编辑正文；frontmatter（--- 围栏）保留不动。编辑期间文件被作者或 agent 改过时保存会被拒绝，并放回磁盘最新内容。",
+        "outline.editTip": "编辑章纲", "outline.editHint": "直接编辑章纲全文；编辑期间文件被外部改过时保存会被拒绝，并放回磁盘最新内容。",
         "reader.copied": "已复制章节文件路径", "reader.copyFailed": "复制失败，请手动选择路径文本", "reader.loadFailed": "正文读取失败：{msg}",
         "reader.noOutline": "暂无章纲", "reader.emptyBody": "（空章节）", "reader.finalState": "已定稿（终态）", "reader.statusFlow": "状态流转：",
         "reader.flowing": "流转中…", "reader.advanceTo": "推进到「{next}」",
@@ -1201,7 +1246,7 @@ window.__ModuleLoader__.load({
         "dim.suspense": "悬念", "dim.interpersonalTension": "人际张力",
       },
       en: {
-        "shell.title": "Maoying Studio", "header.subtitle": "Web-novel project dashboard & status flow · read-only text, writable status",
+        "shell.title": "Maoying Studio", "header.subtitle": "Web-novel project dashboard & status flow · chapter text & outlines editable",
         "header.curVerTitle": "Current version", "header.upgradeTip": "Current {cur} — click to open the release page", "header.newVersion": "New version {ver} ↗",
         "header.upgradeBtn": "Upgrade now", "header.upgrading": "Installing…", "header.upgraded": "Installed — restart pending",
         "header.upgradeTitle": "Install the latest npm release with pnpm (up to ~3 min); takes effect after restarting DeepSeek",
@@ -1214,7 +1259,12 @@ window.__ModuleLoader__.load({
         "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.timeline": "Timeline", "tabs.world": "Worldbuilding", "tabs.style": "Style", "tabs.index": "Index Board",
+        "style.note": "Writer / outliner / reviewer all follow this baseline; changes take effect immediately",
+        "style.editTip": "Edit the style baseline (novel/style.md)",
+        "style.empty": "novel/style.md does not exist yet — the writer / outliner / reviewer will find no style baseline. Create it from the plugin's default web-novel baseline, then adapt it to this book.",
+        "style.createFromTpl": "Create from default baseline",
+        "style.loadFailed": "Failed to load the style baseline: {msg}",
         "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:",
@@ -1225,6 +1275,21 @@ window.__ModuleLoader__.load({
         "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.chapterCreated": "Created chapter \"{title}\" from the outline (pending)", "toast.foreshadowStatus": "Foreshadowing status updated", "toast.phaseAdvanced": "Phase advanced to {phase}",
+        "toast.styleSaved": "Style baseline saved", "toast.chapterSaved": "Chapter text saved", "toast.outlineSaved": "Outline saved",
+        "src.modalAria": "Source file editor", "src.closeAria": "Close source editor",
+        "src.editSource": "Edit source file", "src.editSourceTip": "Edit source file: {rel}",
+        "src.deleteFile": "Delete file", "src.deleteTip": "Delete file: {rel}",
+        "src.loading": "Loading source file…", "src.loadFailed": "Failed to load source file: {msg}",
+        "src.editHint": "Edit the whole file; saving runs structural validation (ledger yml must parse as an entry array, md entity cards must carry frontmatter fences) — semantics are left to the static check after saving.",
+        "src.conflictReloaded": "The file was changed externally; your draft was dropped and the latest on-disk content has been restored.",
+        "src.slugLabel": "File slug", "src.slugPh": "e.g. lin-waner (lowercase letters/digits and -)", "src.slugInvalid": "Slug accepts lowercase letters/digits and - only, starting with a letter or digit",
+        "src.createHint": "Pre-filled from the template — adjust it, then create.", "src.create": "Create", "src.creating": "Creating…",
+        "src.confirmTitle": "Confirm delete", "src.confirmText": "About to delete {rel}. This is irreversible — recovery is via git rollback; afterwards the static check will flag dangling references to it (foreshadows / timeline / relations etc.).",
+        "src.confirmDelete": "Delete", "src.deleting": "Deleting…",
+        "toast.fileSaved": "Saved {rel}", "toast.fileCreated": "Created {rel}", "toast.fileDeleted": "Deleted {rel}",
+        "reader.createOutline": "Create outline", "reader.deleteChapter": "Delete chapter",
+        "outline.deleteBtn": "Delete outline",
+        "char.createBtn": "New character", "world.createBtn": "New world entry", "world.createScienceBtn": "New science entry",
         "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",
@@ -1247,10 +1312,12 @@ window.__ModuleLoader__.load({
         "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}",
+        "world.researchEmpty": "No research notes in research/ yet", "world.subTabsAria": "Worldbuilding sections", "world.catTabsAria": "Worldbuilding categories",
         "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.help": "Drag a node to pin it · scroll or the ＋/－ buttons to zoom · double-click to reset · hover an edge for its description · top-right button for full screen",
         "relations.unlinkedTitle": "Unlinked characters (no relation edges)", "relations.noData": "No character or relation data to draw",
         "relations.edgeTipPrefix": "{type}: ", "relations.noDesc": "(no description)",
+        "relations.zoomIn": "Zoom in", "relations.zoomOut": "Zoom out", "relations.fs": "Full screen", "relations.exitFs": "Exit full screen",
         "char.empty": "No character cards in characters/ yet",
         "role.protagonist": "Protagonist", "role.antagonist": "Antagonist", "role.supporting": "Supporting", "role.minor": "Minor",
         "char.field.age": "Age", "char.field.gender": "Gender", "char.field.appearance": "Appearance", "char.field.personality": "Personality",
@@ -1269,6 +1336,9 @@ window.__ModuleLoader__.load({
         "chapters.createTip": "Create a pending chapter in chapters/ from this outline (body to be written)",
         "chapters.emptyWithOutlines": "No chapter files in chapters/ yet — the Writing Queue below lists outlines without chapters",
         "reader.back": "Back", "reader.backTip": "Back to chapter list", "reader.copyPath": "Copy path", "reader.copyPathTip": "Copy chapter file path",
+        "reader.edit": "Edit", "reader.editTip": "Edit the chapter text (frontmatter is preserved)",
+        "reader.save": "Save", "reader.bodyEditHint": "Edit the chapter text directly; the frontmatter (--- fence) is preserved. If the file was changed externally while editing, saving is rejected and the latest content is restored.",
+        "outline.editTip": "Edit outline", "outline.editHint": "Edit the outline text directly; if the file was changed externally while editing, saving is rejected and the latest content is restored.",
         "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}",
@@ -1336,29 +1406,76 @@ window.__ModuleLoader__.load({
 
     // ── 章节阅读页（整页视图，替代右侧抽屉）：返回按钮 + 章纲对照 + 正文 +
     // 五维 + 状态流转。原抽屉是 position:fixed 侧弹层，在桌面端会被侧边栏
-    // 遮挡；整页视图天然在面板文档流内，无遮挡问题。 ──
+    // 遮挡；整页视图天然在面板文档流内，无遮挡问题。0.1.19 起正文/章纲可在
+    // 本页编辑保存（textarea + 手动保存，无自动保存——IME 组合词风险天然规
+    // 避；409 人工改动保护链路照 StyleTab）。──
     function ChapterReader(props) {
       var file = props.file;
       var wsPath = props.wsPath;
       var snap = props.snap;
       var reload = props.reload;
+      var reopenSeq = props.refreshSeq || 0; // 面板重开序号（PageShell 广播自增）
       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];
+      // 编辑态：draft 是受控草稿，只在进入编辑与切章时初始化——重渲染与
+      // detail 重拉都不碰它，否则打字会被中途清掉。olDraft 同构管章纲对照栏。
+      var _ed = useState(false), editing = _ed[0], setEditing = _ed[1];
+      var _dr = useState(""), draft = _dr[0], setDraft = _dr[1];
+      var _oe = useState(false), olEditing = _oe[0], setOlEditing = _oe[1];
+      var _odr = useState(""), olDraft = _odr[0], setOlDraft = _odr[1];
+      var _bb = useState(false), bodyBusy = _bb[0], setBodyBusy = _bb[1];
+      var _ob = useState(false), olBusy = _ob[0], setOlBusy = _ob[1];
+      var _be = useState(""), bodyErr = _be[0], setBodyErr = _be[1];
+      var _oerr = useState(""), olErr = _oerr[0], setOlErr = _oerr[1];
       var detailSeqRef = useRef(0); // chapter 请求序号：快速切章时丢弃过期响应
-      var loadDetail = useCallback(function (f) {
+      // 409 后的一次性重置标记：loadDetail 带回磁盘真值时把草稿放回最新内容
+      // （只在保存冲突路径置位；顶栏刷新、状态流转等其他重拉不动正在编辑的草稿）。
+      var bodyResetRef = useRef(false);
+      var olResetRef = useRef(false);
+      // 0.1.20 写面：新建章纲（无章纲态）/ 删除章节 / 删除章纲（各带确认弹层）。
+      var stem = file.replace(/\.md$/i, "");
+      var stemOk = /^v\d+-c\d+$/.test(stem); // 章纲 rel 挂钩 vXX-cXXX stem，不合规范不亮按钮
+      var _co = useState(false), coBusy = _co[0], setCoBusy = _co[1];
+      var _dc = useState(false), delChapterOpen = _dc[0], setDelChapterOpen = _dc[1];
+      var _do = useState(false), delOutlineOpen = _do[0], setDelOutlineOpen = _do[1];
+      function createOutline() {
+        if (coBusy || !stemOk) return;
+        setCoBusy(true);
+        // 骨架照 spec 六件章纲的其中五件预填（章尾钩子独立成节，留给写的人
+        // 展开成 `## 钩子`）；服务端只验形状，成败提示走 toast 通道。
+        apiPost("file-create", { path: wsPath, rel: "outlines/" + stem + ".md", text: outlineTemplateOf(ch, stem) })
+          .then(function () { return reload().then(function () { return loadDetail(file); }); })
+          .catch(function () {}).finally(function () { setCoBusy(false); });
+      }
+      var loadDetail = useCallback(function (f, opts) {
         var seq = ++detailSeqRef.current;
         if (!f) { setDetail(null); return; }
-        setDetail({ loading: true, data: null, err: "" });
+        // silent：不闪骨架的原地刷新（章纲保存后对齐字数 chip 用），草稿不受影响
+        if (!(opts && opts.silent)) 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: "" });
+          if (bodyResetRef.current) { bodyResetRef.current = false; setDraft(d && typeof d.body === "string" ? d.body : ""); }
+          if (olResetRef.current) { olResetRef.current = false; setOlDraft(d && d.outline && typeof d.outline.body === "string" ? d.outline.body : ""); }
         }).catch(function (err) {
           if (seq !== detailSeqRef.current) return;
           setDetail({ loading: false, data: null, err: err.message });
         });
       }, [wsPath]);
       useEffect(function () { loadDetail(file); }, [file, loadDetail]);
+      // 面板重开（reopenSeq 递增）：重拉本章让磁盘最新内容即时可见。编辑中
+      // 走 silent——不闪骨架、不打断 textarea，draft 只在 409 冲突重置路径才
+      // 动（上方注释的纪律不变）；阅读态非 silent，换血后照常渲染新正文。
+      useEffect(function () {
+        if (reopenSeq > 0) loadDetail(file, { silent: editing });
+      }, [reopenSeq]);
+      // 切章必须退出编辑态并清草稿：草稿属于「那一章的那一次编辑」，跨章带过
+      // 去会把 A 章的文字存进 B 章文件。
+      useEffect(function () {
+        setEditing(false); setDraft(""); setBodyErr(""); setBodyBusy(false); bodyResetRef.current = false;
+        setOlEditing(false); setOlDraft(""); setOlErr(""); setOlBusy(false); olResetRef.current = false;
+      }, [file]);
       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; } }
@@ -1379,6 +1496,70 @@ window.__ModuleLoader__.load({
           else toast.warn(tt("reader.copyFailed"));
         });
       }
+      function startBodyEdit() {
+        if (!detail.data || typeof detail.data.body !== "string") return;
+        setBodyErr("");
+        setDraft(detail.data.body);
+        setEditing(true);
+      }
+      function cancelBodyEdit() {
+        if (bodyBusy) return; // 保存在途不许退出：避免卸载后 setState
+        setEditing(false); setDraft(""); setBodyErr("");
+      }
+      function saveBody() {
+        if (bodyBusy || !detail.data) return;
+        setBodyBusy(true); setBodyErr("");
+        // 成败提示统一走 apiPost 的 toast 通道（这里不再另弹，避免双 toast）。
+        apiPost("chapter-save", { path: wsPath, file: file, body: draft, base_hash: detail.data.hash }).then(function (res) {
+          // 写后指纹即下一轮基线（连续保存不再被自家 409 拦住）；本地 data 同步
+          // 为新正文，退出编辑态立即看到刚落盘的内容（不等重拉，防闪回旧文）。
+          setDetail({ loading: false, data: Object.assign({}, detail.data, {
+            body: draft,
+            hash: res && typeof res.hash === "string" ? res.hash : detail.data.hash,
+          }), err: "" });
+          setEditing(false); setDraft("");
+          return reload(); // 字数/统计随正文变，快照由 reload 刷新
+        }).catch(function (err) {
+          setBodyErr(err.message);
+          // 409 = 章节文件在进入编辑态后被外部改过：草稿丢弃、重拉磁盘真值放回
+          // 编辑器（与 ProjectMetaForm 同纪律），别让用户在过期基线上盲改。
+          if (err && err.status === 409) { bodyResetRef.current = true; loadDetail(file); }
+          // 其他失败（网络抖动等）不动草稿，只报错。
+        }).finally(function () { setBodyBusy(false); });
+      }
+      function startOutlineEdit() {
+        var ol = detail.data && detail.data.outline;
+        if (!ol || typeof ol.body !== "string") return;
+        setOlErr("");
+        setOlDraft(ol.body);
+        setOlEditing(true);
+      }
+      function cancelOutlineEdit() {
+        if (olBusy) return;
+        setOlEditing(false); setOlDraft(""); setOlErr("");
+      }
+      function saveOutline() {
+        var ol = detail.data && detail.data.outline;
+        if (olBusy || !ol) return;
+        setOlBusy(true); setOlErr("");
+        apiPost("outline-save", { path: wsPath, file: file, body: olDraft, base_hash: ol.hash }).then(function (res) {
+          setDetail({ loading: false, data: Object.assign({}, detail.data, {
+            outline: Object.assign({}, ol, { body: olDraft, hash: res && typeof res.hash === "string" ? res.hash : ol.hash }),
+          }), err: "" });
+          setOlEditing(false); setOlDraft("");
+          // 章纲字数 chip 客户端不算 CJK——silent 重拉静默对齐，不闪骨架。
+          return reload().then(function () { return loadDetail(file, { silent: true }); });
+        }).catch(function (err) {
+          setOlErr(err.message);
+          if (err && err.status === 409) { olResetRef.current = true; loadDetail(file); }
+        }).finally(function () { setOlBusy(false); });
+      }
+      // 章纲编辑钩子（传给 OutlinePanel；无章纲返回 null = 只读，不给编辑入口——
+      // v1 不做面板新建章纲文件）。
+      function outlineEditor() {
+        if (!detail.data || !detail.data.outline) return null;
+        return { active: olEditing, draft: olDraft, busy: olBusy, err: olErr, start: startOutlineEdit, change: setOlDraft, cancel: cancelOutlineEdit, save: saveOutline };
+      }
       return h("div", { className: "myt-reader" },
         h("div", { className: "myt-readerBar" },
           h("button", { type: "button", className: "myt-btn", onClick: onBack, title: tt("reader.backTip") },
@@ -1386,21 +1567,53 @@ window.__ModuleLoader__.load({
           h("h2", { className: "myt-readerTitle" }, ch ? chFullTitle(ch) : file),
           ch ? statusBadge(ch.status) : null,
           h("div", { className: "myt-readerBarActions" },
+            !editing && detail !== null && detail.data !== null && !detail.err ? h("button", {
+              type: "button", className: "myt-btn myt-copyBtn",
+              title: tt("reader.editTip"), "aria-label": tt("reader.editTip"),
+              onClick: startBodyEdit,
+            }, ic("IconEditOutlineRegular", 13), tt("reader.edit")) : null,
             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")))),
+            }, ic("IconCopyOutlineRegular", 13), tt("reader.copyPath")),
+            // 删除章节（0.1.20 写面）：服务端不做二次确认，弹层在下方强制；
+            // 删除成功 → 重拉快照 + 退出阅读页回列表（章节已不存在）。
+            h("button", {
+              type: "button", className: "myt-btn myt-btnDanger",
+              title: tt("reader.deleteChapter"), "aria-label": tt("reader.deleteChapter"),
+              onClick: function () { setDelChapterOpen(true); },
+            }, tt("reader.deleteChapter")))),
         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"));
+                    return ol ? h(OutlinePanel, { key: "outline", outline: ol, editor: outlineEditor(), onDelete: stemOk ? function () { setDelOutlineOpen(true); } : null })
+                      : [
+                          h("div", { key: "outline-none", className: "myt-outlineEmpty" }, tt("reader.noOutline")),
+                          // 新建章纲（0.1.20 写面）：outlines/<stem>.md 原不存在才走到
+                          // 这里；预填五件内容骨架，建好即重拉详情点亮章纲对照栏。
+                          stemOk ? h("button", {
+                            key: "outline-create", type: "button", className: "myt-btn",
+                            disabled: coBusy, title: tt("reader.createOutline"), "aria-label": tt("reader.createOutline"),
+                            onClick: createOutline,
+                          }, coBusy ? tt("src.creating") : tt("reader.createOutline")) : null,
+                        ];
                   })(),
-                  h("pre", { key: "body", className: "myt-chapterBody" }, (detail.data && detail.data.body) || tt("reader.emptyBody")),
+                  editing
+                    ? h("div", { key: "body", className: "myt-bodyEdit" },
+                        h("textarea", {
+                          className: "myt-chapterEditArea", rows: 20, spellCheck: false,
+                          value: draft, onChange: function (e) { setDraft(e.target.value); },
+                        }),
+                        h("div", { className: "myt-editHint" }, tt("reader.bodyEditHint")),
+                        bodyErr ? h(ErrorStrip, { text: bodyErr }) : null,
+                        h("div", { className: "myt-setActions" },
+                          h("button", { type: "button", className: "myt-btn", disabled: bodyBusy, onClick: cancelBodyEdit }, tt("novel.cancel")),
+                          h("button", { type: "button", className: "myt-btn myt-btnPrimary", disabled: bodyBusy, onClick: saveBody }, bodyBusy ? tt("novel.saving") : tt("reader.save"))))
+                    : 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" },
@@ -1415,7 +1628,29 @@ window.__ModuleLoader__.load({
             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);
+          })()) : null,
+        delChapterOpen ? h(ConfirmModal, {
+          title: tt("reader.deleteChapter"),
+          text: tf("src.confirmText", { rel: "chapters/" + file }),
+          onCancel: function () { setDelChapterOpen(false); },
+          onConfirm: function () {
+            return apiPost("file-delete", { path: wsPath, rel: "chapters/" + file }).then(function () {
+              setDelChapterOpen(false);
+              return reload().then(onBack); // 章已删：重拉快照后退出阅读页回列表
+            });
+          },
+        }) : null,
+        delOutlineOpen ? h(ConfirmModal, {
+          title: tt("outline.deleteBtn"),
+          text: tf("src.confirmText", { rel: "outlines/" + stem + ".md" }),
+          onCancel: function () { setDelOutlineOpen(false); },
+          onConfirm: function () {
+            return apiPost("file-delete", { path: wsPath, rel: "outlines/" + stem + ".md" }).then(function () {
+              setDelOutlineOpen(false);
+              return reload().then(function () { return loadDetail(file); }); // 章纲栏熄灭、空态亮出
+            });
+          },
+        }) : null);
     }
 
     // ── 书稿元信息编辑表单（概览「编辑」按钮展开）：可视化 project.yml 平
@@ -1535,30 +1770,59 @@ window.__ModuleLoader__.load({
             busy ? tt("novel.saving") : tt("novel.save"))));
     }
 
-    // ── 章节 tab：状态筛选 pills + 表格 + 行抽屉（只读正文 + 五维 + 流转）────
+    // ── 章节 tab：状态筛选 pills + 表格 + 行抽屉（正文阅读/编辑 + 五维 + 流转）────
     var FIVE_DIMS = [
       ["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 非空时渲染可折叠原文（默认展开，只读，样式
-    // 与正文区分）；共享常量避免重渲染时折叠态意外重置——组件随抽屉挂载，
-    // 切章即重挂回默认展开。
+    // 章纲对照栏（五期）：outline 非空时渲染可折叠原文（默认展开，样式与正文
+    // 区分）；共享常量避免重渲染时折叠态意外重置——组件随抽屉挂载，切章即重
+    // 挂回默认展开。0.1.19 起带编辑钩子（editor 由 ChapterReader 注入，null =
+    // 只读）：编辑态整段 textarea 替换 MdView，保存走 outline-save（hash 旧版
+    // 检测）；无章纲不给编辑入口（v1 不做面板新建章纲文件）。
     function OutlinePanel(props) {
       var outline = props.outline;
-      var _op = useState(true), open = _op[0], setOpen = _op[1];
+      var ed = props.editor || null; // { active, draft, busy, err, start, change, cancel, save }
+      var _op = useState(true), openState = _op[0], setOpen = _op[1];
+      var open = ed !== null && ed.active === true ? true : openState; // 编辑态强制展开
       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 ? tt("outline.collapseTip") : tt("outline.expandTip"),
-          onClick: function () { setOpen(!open); },
+          onClick: function () { setOpen(!openState); },
         },
           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,
+          // 编辑入口：head 是 <button>，里面不能再套 button——span + role 补键盘语义
+          ed !== null && !ed.active ? h("span", {
+            className: "myt-outlineEditBtn", role: "button", tabIndex: 0,
+            title: tt("outline.editTip"), "aria-label": tt("outline.editTip"),
+            onClick: function (e) { e.stopPropagation(); ed.start(); },
+            onKeyDown: function (e) { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); e.stopPropagation(); ed.start(); } },
+          }, ic("IconEditOutlineRegular", 12), tt("reader.edit")) : null,
+          // 删除章纲（0.1.20 写面）：同 head-span 形态；确认弹层由 ChapterReader 渲染。
+          props.onDelete && ed !== null && !ed.active ? h("span", {
+            className: "myt-outlineEditBtn myt-outlineDelBtn", role: "button", tabIndex: 0,
+            title: tt("outline.deleteBtn"), "aria-label": tt("outline.deleteBtn"),
+            onClick: function (e) { e.stopPropagation(); props.onDelete(); },
+            onKeyDown: function (e) { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); e.stopPropagation(); props.onDelete(); } },
+          }, tt("outline.deleteBtn")) : null,
           h("span", { className: "myt-outlineChevron", "aria-hidden": "true" },
             ic(open ? "IconChevronDownOutlineRegular" : "IconChevronRightOutlineRegular", 14))),
-        open ? h(MdView, { text: body, className: "myt-outlineBody" }) : null);
+        open ? (ed !== null && ed.active
+          ? h("div", { className: "myt-outlineEdit" },
+              h("textarea", {
+                className: "myt-setInput myt-setArea myt-outlineArea", rows: 10, spellCheck: false,
+                value: ed.draft, onChange: function (e) { ed.change(e.target.value); },
+              }),
+              h("div", { className: "myt-editHint" }, tt("outline.editHint")),
+              ed.err ? h(ErrorStrip, { text: ed.err }) : null,
+              h("div", { className: "myt-setActions" },
+                h("button", { type: "button", className: "myt-btn", disabled: ed.busy, onClick: ed.cancel }, tt("novel.cancel")),
+                h("button", { type: "button", className: "myt-btn myt-btnPrimary", disabled: ed.busy, onClick: ed.save }, ed.busy ? tt("novel.saving") : tt("reader.save"))))
+          : h(MdView, { text: body, className: "myt-outlineBody" })) : null);
     }
     // 抽屉/弹层专用 Portal：面板容器挂在宿主会话中栏里，中栏的 transform/
     // overflow 会把 position:fixed 劫持成相对自身并连同裁剪——抽屉渲染了也
@@ -1611,6 +1875,171 @@ window.__ModuleLoader__.load({
                 : h(MdView, { text: (detail.data && detail.data.body) || tt("outline.empty"), className: "myt-outlineBody" }))));
     }
 
+    // ── 受管文件通用弹层三件套（0.1.20「全量可编辑写面」）────────────────────
+    // 新建实体卡的预填模板（服务端只验形状，内容由客户端模板兜底——spec 各
+    // 文件的最小骨架；数据文件按约定中文书写，不随界面语言切换）。
+    var MANAGED_SLUG_RE = /^[a-z0-9][a-z0-9-]*$/; // 与服务端 managedRelCheck 同一条正则
+    var TPL_CHARACTER = "---\nname: \nrole: supporting\n---\n\n";
+    var TPL_WORLD = "---\ncategory: 地点\n---\n\n";
+    var TPL_SCIENCE = "---\nlabel: known\n---\n\n";
+    function outlineTemplateOf(ch, stem) {
+      var num = ch && ch.num ? ch.num : ((stem.match(/c(\d+)/i) || [])[1] || "?");
+      var title = ch && ch.title ? " " + ch.title : "";
+      return "# 第" + num + "章" + title + " 章纲\n\n- 本章目标：\n- 节拍：\n- 出场角色：\n- 需埋/需收伏笔：\n- 与前章接口：\n";
+    }
+    // 各 tab 复用的「编辑源文件 / 删除文件」小按钮：title 点名文件路径，
+    // 删除走红色按钮（确认弹层由调用方持 state 渲染）。
+    function srcEditBtn(rel, onOpen) {
+      return h("button", {
+        type: "button", className: "myt-btn",
+        title: tf("src.editSourceTip", { rel: rel }), "aria-label": tf("src.editSourceTip", { rel: rel }),
+        onClick: onOpen,
+      }, ic("IconEditOutlineRegular", 13), tt("src.editSource"));
+    }
+    function srcDeleteBtn(rel, onAsk) {
+      return h("button", {
+        type: "button", className: "myt-btn myt-btnDanger",
+        title: tf("src.deleteTip", { rel: rel }), "aria-label": tf("src.deleteTip", { rel: rel }),
+        onClick: onAsk,
+      }, tt("src.deleteFile"));
+    }
+    // 编辑既有受管文件全文。打开即 GET file-source（请求序号防快速开关时的
+    // 过期响应，对照 ChapterReader）；保存 POST file-save 带 base_hash 基线，
+    // 409 = 编辑期间文件被外部改过——照 ChapterReader 纪律：草稿丢弃、重拉
+    // 磁盘真值放回编辑器，别让用户在过期基线上盲改。成功后关弹层并触发调用
+    // 方 reload（快照重算），成败提示走 apiPost 的 toast 通道。
+    function SourceEditorModal(props) {
+      var title = props.title;
+      var rel = props.rel;
+      var wsPath = props.wsPath;
+      var onClose = props.onClose;
+      var onSaved = props.onSaved;
+      var _d = useState(null), detail = _d[0], setDetail = _d[1]; // { data, err }
+      var _dr = useState(""), draft = _dr[0], setDraft = _dr[1];
+      var _b = useState(false), busy = _b[0], setBusy = _b[1];
+      var _e = useState(""), err = _e[0], setErr = _e[1];
+      var seqRef = useRef(0);
+      var load = useCallback(function () {
+        var seq = ++seqRef.current;
+        setDetail(null); setErr("");
+        apiGet("file-source", { path: wsPath, rel: rel }).then(function (d) {
+          if (seq !== seqRef.current) return;
+          setDetail({ data: d, err: "" });
+          setDraft(d && typeof d.text === "string" ? d.text : "");
+        }).catch(function (e2) {
+          if (seq !== seqRef.current) return;
+          setDetail({ data: null, err: e2 && e2.message ? e2.message : tt("common.unknownErr") });
+        });
+      }, [wsPath, rel]);
+      useEffect(function () { load(); }, [load]);
+      function save() {
+        if (busy || !detail || !detail.data) return;
+        setBusy(true); setErr("");
+        apiPost("file-save", { path: wsPath, rel: rel, text: draft, base_hash: detail.data.hash }).then(function () {
+          onClose();
+          if (onSaved) onSaved();
+        }).catch(function (e2) {
+          if (e2 && e2.status === 409) { setErr(tt("src.conflictReloaded")); load(); }
+          else setErr(e2 && e2.message ? e2.message : tt("common.unknownErr"));
+        }).finally(function () { setBusy(false); });
+      }
+      return h(MaskPortal, {
+          className: "myt-modalMask",
+          onMouseDown: function (e) { if (e.target === e.currentTarget && !busy) onClose(); },
+        },
+        h("div", { className: "myt-modalCard myt-srcCard", role: "dialog", "aria-modal": "true", "aria-label": tt("src.modalAria") },
+          h("div", { className: "myt-modalHead" },
+            h("h2", { className: "myt-modalTitle" }, title),
+            h("button", { type: "button", className: "myt-closeBtn", "aria-label": tt("src.closeAria"), onClick: onClose }, h("span", { className: "myt-closeGlyph", "aria-hidden": "true" }, "×"))),
+          h("div", { className: "myt-modalBody" },
+            h("div", { className: "myt-srcRel" }, rel),
+            h("div", { className: "myt-muted myt-srcHint" }, tt("src.editHint")),
+            !detail ? h("div", { className: "myt-muted" }, tt("src.loading"))
+              : detail.err ? h(ErrorStrip, { text: tf("src.loadFailed", { msg: detail.err }), onRetry: load })
+                : [
+                    h("textarea", { key: "a", className: "myt-setInput myt-setArea myt-srcArea", rows: 16, spellCheck: false,
+                      value: draft, onChange: function (e) { setDraft(e.target.value); } }),
+                    err ? h(ErrorStrip, { key: "e", text: err }) : null,
+                    h("div", { key: "s", className: "myt-setActions" },
+                      h("button", { type: "button", className: "myt-btn", disabled: busy, onClick: onClose }, tt("novel.cancel")),
+                      h("button", { type: "button", className: "myt-btn myt-btnPrimary", disabled: busy, onClick: save }, busy ? tt("novel.saving") : tt("novel.save"))),
+                  ])));
+    }
+    // 新建受管 md 实体卡（角色/设定/科学设定共用）：slug 客户端预校（与服务
+    // 端同一条正则，错在敲键时就报），内容按模板预填可改；失败（409 已存在等）
+    // 留在弹层内报错，草稿不丢——建卡是低频操作，丢一遍模板重填太伤。
+    function CreateFileModal(props) {
+      var title = props.title;
+      var dir = props.dir;
+      var template = props.template;
+      var wsPath = props.wsPath;
+      var onClose = props.onClose;
+      var onSaved = props.onSaved;
+      var _s = useState(""), slug = _s[0], setSlug = _s[1];
+      var _t = useState(template), text = _t[0], setText = _t[1];
+      var _b = useState(false), busy = _b[0], setBusy = _b[1];
+      var _e = useState(""), err = _e[0], setErr = _e[1];
+      var slugOk = MANAGED_SLUG_RE.test(slug);
+      function create() {
+        if (busy) return;
+        if (!slugOk) { setErr(tt("src.slugInvalid")); return; }
+        setBusy(true); setErr("");
+        apiPost("file-create", { path: wsPath, rel: dir + "/" + slug + ".md", text: text }).then(function () {
+          onClose();
+          if (onSaved) onSaved();
+        }).catch(function (e2) { setErr(e2 && e2.message ? e2.message : tt("common.unknownErr")); })
+          .finally(function () { setBusy(false); });
+      }
+      return h(MaskPortal, {
+          className: "myt-modalMask",
+          onMouseDown: function (e) { if (e.target === e.currentTarget && !busy) onClose(); },
+        },
+        h("div", { className: "myt-modalCard", role: "dialog", "aria-modal": "true", "aria-label": title },
+          h("div", { className: "myt-modalHead" },
+            h("h2", { className: "myt-modalTitle" }, title),
+            h("button", { type: "button", className: "myt-closeBtn", "aria-label": tt("src.closeAria"), onClick: onClose }, h("span", { className: "myt-closeGlyph", "aria-hidden": "true" }, "×"))),
+          h("div", { className: "myt-modalBody" },
+            h("label", { className: "myt-setField" },
+              h("span", { className: "myt-setFieldLabel" }, tt("src.slugLabel")),
+              h("input", { type: "text", className: "myt-setInput", placeholder: tt("src.slugPh"), value: slug, spellCheck: false,
+                onChange: function (e) { setSlug(e.target.value); setErr(""); } })),
+            h("div", { className: "myt-muted myt-srcHint" }, tt("src.createHint")),
+            h("textarea", { className: "myt-setInput myt-setArea myt-srcArea", rows: 10, spellCheck: false,
+              value: text, onChange: function (e) { setText(e.target.value); } }),
+            err ? h(ErrorStrip, { text: err }) : null,
+            h("div", { className: "myt-setActions" },
+              h("button", { type: "button", className: "myt-btn", disabled: busy, onClick: onClose }, tt("novel.cancel")),
+              h("button", { type: "button", className: "myt-btn myt-btnPrimary", disabled: busy || slug === "", onClick: create }, busy ? tt("src.creating") : tt("src.create"))))));
+    }
+    // 删除二次确认（服务端不做二次确认，UI 层强制——删除不可逆，文案点名后
+    // 悔靠 git、check 会标孤儿引用）。onConfirm 返回 promise，在途禁双击；
+    // 成败提示走 apiPost 的 toast 通道。
+    function ConfirmModal(props) {
+      var title = props.title;
+      var text = props.text;
+      var onCancel = props.onCancel;
+      var onConfirm = props.onConfirm;
+      var _b = useState(false), busy = _b[0], setBusy = _b[1];
+      function confirm() {
+        if (busy) return;
+        setBusy(true);
+        Promise.resolve(onConfirm()).catch(function () {}).finally(function () { setBusy(false); });
+      }
+      return h(MaskPortal, {
+          className: "myt-modalMask",
+          onMouseDown: function (e) { if (e.target === e.currentTarget && !busy) onCancel(); },
+        },
+        h("div", { className: "myt-modalCard myt-confirmCard", role: "alertdialog", "aria-modal": "true", "aria-label": title },
+          h("div", { className: "myt-modalHead" },
+            h("h2", { className: "myt-modalTitle" }, title),
+            h("button", { type: "button", className: "myt-closeBtn", "aria-label": tt("src.closeAria"), disabled: busy, onClick: onCancel }, h("span", { className: "myt-closeGlyph", "aria-hidden": "true" }, "×"))),
+          h("div", { className: "myt-modalBody" },
+            h("div", { className: "myt-confirmText" }, text),
+            h("div", { className: "myt-setActions" },
+              h("button", { type: "button", className: "myt-btn", disabled: busy, onClick: onCancel }, tt("novel.cancel")),
+              h("button", { type: "button", className: "myt-btn myt-btnDanger", disabled: busy, onClick: confirm }, busy ? tt("src.deleting") : tt("src.confirmDelete"))))));
+    }
+
     function ChaptersTab(props) {
       var snap = props.snap;
       var wsPath = props.wsPath;
@@ -1732,10 +2161,20 @@ window.__ModuleLoader__.load({
     ];
     function CharactersTab(props) {
       var characters = props.snap.characters || [];
+      var wsPath = props.wsPath;
+      var reload = props.reload;
       var _m = useState(null), modalFile = _m[0], setModalFile = _m[1];
+      // 受管文件三态：编辑 rel / 新建弹层开关 / 删除确认 rel（0.1.20 写面）。
+      var _src = useState(null), srcRel = _src[0], setSrcRel = _src[1];
+      var _new = useState(false), createOpen = _new[0], setCreateOpen = _new[1];
+      var _del = useState(null), delRel = _del[0], setDelRel = _del[1];
       var modal = null;
       for (var i = 0; i < characters.length; i++) { if (characters[i].file === modalFile) { modal = characters[i]; break; } }
       return h("div", { className: "myt-stack" },
+        h("div", { className: "myt-cardHead" },
+          h("h3", { className: "myt-cardTitle" }, tt("tabs.characters")),
+          h("span", { className: "myt-boardCount" }, characters.length),
+          h("button", { type: "button", className: "myt-btn", onClick: function () { setCreateOpen(true); } }, tt("char.createBtn"))),
         characters.length ? h("div", { className: "myt-charWall" }, characters.map(function (c) {
           return h("button", { key: c.file, type: "button", className: "myt-card myt-charCard", onClick: function () { setModalFile(c.file); } },
             h("div", { className: "myt-charHead" },
@@ -1770,7 +2209,27 @@ window.__ModuleLoader__.load({
                     : "—")),
               h("div", { className: "myt-kvRow" },
                 h("span", { className: "myt-kvKey" }, tt("char.file")),
-                h("span", { className: "myt-kvVal" }, modal.file || "—"))))) : null);
+                h("span", { className: "myt-kvVal" }, modal.file || "—")),
+              // 源文件直达（0.1.20 写面）：rel 由快照 basename 拼目录前缀。
+              h("div", { className: "myt-setActions" },
+                h("button", { type: "button", className: "myt-btn", onClick: function () { setSrcRel("characters/" + modal.file); } },
+                  ic("IconEditOutlineRegular", 13), tt("src.editSource")),
+                h("button", { type: "button", className: "myt-btn myt-btnDanger", onClick: function () { setDelRel("characters/" + modal.file); } },
+                  tt("src.deleteFile")))))) : null,
+        srcRel ? h(SourceEditorModal, { title: tt("src.editSource"), rel: srcRel, wsPath: wsPath, onClose: function () { setSrcRel(null); }, onSaved: reload }) : null,
+        createOpen ? h(CreateFileModal, { title: tt("char.createBtn"), dir: "characters", template: TPL_CHARACTER, wsPath: wsPath, onClose: function () { setCreateOpen(false); }, onSaved: reload }) : null,
+        delRel ? h(ConfirmModal, {
+          title: tf("src.deleteTip", { rel: delRel }),
+          text: tf("src.confirmText", { rel: delRel }),
+          onCancel: function () { setDelRel(null); },
+          onConfirm: function () {
+            return apiPost("file-delete", { path: wsPath, rel: delRel }).then(function () {
+              setDelRel(null);
+              if (modalFile && "characters/" + modalFile === delRel) setModalFile(null); // 删的是打开中的卡：详情弹层一并收
+              return reload();
+            });
+          },
+        }) : null);
     }
 
     // ── 伏笔 tab：四列看板（列头计数 + 推进按钮 + priority 色点）────────────
@@ -1786,7 +2245,12 @@ window.__ModuleLoader__.load({
           .then(reload).catch(function () {}).finally(function () { setBusyId(null); });
       }
       var list = snap.foreshadows || [];
+      // 伏笔台账源文件直达（0.1.20 写面）：foreshadows.yml 整文件可编辑。
+      var _src = useState(null), srcRel = _src[0], setSrcRel = _src[1];
       return h("div", { className: "myt-stack" },
+        h("div", { className: "myt-cardHead" },
+          h("h3", { className: "myt-cardTitle" }, tt("tabs.foreshadows")),
+          srcEditBtn("foreshadows.yml", function () { setSrcRel("foreshadows.yml"); })),
         list.length ? h("div", { className: "myt-board" }, FS_ORDER.map(function (col) {
           var items = list.filter(function (f) { return (f.status || "planted") === col; });
           return h("div", { key: col, className: "myt-boardCol" },
@@ -1820,17 +2284,33 @@ window.__ModuleLoader__.load({
                     ? 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" }, tt("foreshadow.colEmpty")));
-        })) : h(Empty, { text: tt("foreshadow.empty") }));
+        })) : h(Empty, { text: tt("foreshadow.empty") }),
+        srcRel ? h(SourceEditorModal, { title: tt("src.editSource"), rel: srcRel, wsPath: wsPath, onClose: function () { setSrcRel(null); }, onSaved: reload }) : null);
     }
 
     // ── 时间线 tab：垂直轴 + importance 点位（1-5 → 大小/深浅）──────────────
     function TimelineTab(props) {
       var items = (props.snap.timeline || []).slice();
+      var wsPath = props.wsPath;
+      var reload = props.reload;
+      // 时间线账本源文件直达（0.1.20 写面）：空态也保留入口——账本空不等于
+      // 不可编辑，恰恰是第一条要从这里写进去。
+      var _src = useState(null), srcRel = _src[0], setSrcRel = _src[1];
+      var head = h("div", { className: "myt-cardHead" },
+        h("h3", { className: "myt-cardTitle" }, tt("tabs.timeline")),
+        srcEditBtn("timeline.yml", function () { setSrcRel("timeline.yml"); }));
       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: tt("timeline.empty") });
-      return h("div", { className: "myt-card" },
+      if (!items.length) {
+        return h("div", { className: "myt-stack" },
+          head,
+          h(Empty, { text: tt("timeline.empty") }),
+          srcRel ? h(SourceEditorModal, { title: tt("src.editSource"), rel: srcRel, wsPath: wsPath, onClose: function () { setSrcRel(null); }, onSaved: reload }) : null);
+      }
+      return h("div", { className: "myt-stack" },
+        head,
+        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" },
@@ -1840,15 +2320,165 @@ window.__ModuleLoader__.load({
               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" }, tf("timeline.linkedChapter", { ch: t.chapter })) : null));
-        })));
+        }))),
+        srcRel ? h(SourceEditorModal, { title: tt("src.editSource"), rel: srcRel, wsPath: wsPath, onClose: function () { setSrcRel(null); }, onSaved: reload }) : null);
     }
 
     // ── 设定 tab：world 按 category 分组 + science 三色标签 ─────────────────
+    // ── 写作风格 tab：novel/style.md 基准的查看与编辑（写手/大纲师/审校共同
+    // 遵守）。挂载/换工作区时 GET style 按需拉取（请求序号防过期响应，对照
+    // OverviewTab 的 check effect）；视图态 MdView 渲染全文，缺失时空态卡用
+    // 插件模板预填创建；编辑态整文件保存（style-save 携 base_hash，409 人工
+    // 改动保护链路照 ProjectMetaForm：成功接写后新指纹防连续保存假冲突，
+    // 409 重拉磁盘真值后编辑器原地重置、停留编辑态让用户自行取舍）。──
+    function StyleTab(props) {
+      var wsPath = props.wsPath;
+      var _st = useState(null), st = _st[0], setSt = _st[1]; // {loading, data, err}
+      var seqRef = useRef(0);
+      // 编辑态：draft 为 null = 视图态；字符串 = 编辑中的全文。draftHash 是
+      // 进入编辑态（或上次保存成功）时的磁盘指纹，保存时作 base_hash 回传。
+      var _dr = useState(null), draft = _dr[0], setDraft = _dr[1];
+      var _dh = useState(null), draftHash = _dh[0], setDraftHash = _dh[1];
+      var _er = useState(""), editErr = _er[0], setEditErr = _er[1];
+      var _b = useState(false), busy = _b[0], setBusy = _b[1];
+      // 409 后的一次性重置标记：reload 带回磁盘真值时把编辑器与基线一并重置
+      // （只置位于保存冲突路径；顶栏刷新等其他拉取不碰正在编辑的内容）。
+      var pendingResetRef = useRef(false);
+      // 换工作区：丢弃旧工作区的编辑态与在途编辑结果，再按新工作区重拉。
+      var wsRef = useRef(wsPath);
+      var load = useCallback(function () {
+        var seq = ++seqRef.current; // 先自增再发请求；早退分支也作废在途旧响应
+        setSt({ loading: true, data: null, err: "" });
+        apiGet("style", { path: wsPath }).then(function (d) {
+          if (seq !== seqRef.current) return; // 过期响应：已有更新的请求在途，丢弃
+          setSt({ loading: false, data: d, err: "" });
+          if (pendingResetRef.current) {
+            // 409 冲突后的重拉：编辑器放回磁盘真值、基线对齐最新指纹，停留
+            // 编辑态让用户基于最新内容自行取舍。
+            pendingResetRef.current = false;
+            setDraft(d && typeof d.text === "string" ? d.text : "");
+            setDraftHash(d && typeof d.hash === "string" ? d.hash : null);
+          }
+        }).catch(function (err) {
+          if (seq !== seqRef.current) return;
+          setSt({ loading: false, data: null, err: err.message });
+        });
+      }, [wsPath]);
+      useEffect(function () {
+        if (wsRef.current !== wsPath) {
+          wsRef.current = wsPath;
+          setDraft(null); setDraftHash(null); setEditErr(""); pendingResetRef.current = false;
+        }
+        load();
+      }, [wsPath, load]);
+      function startEdit() {
+        if (!st.data || typeof st.data.text !== "string") return;
+        setEditErr("");
+        setDraftHash(typeof st.data.hash === "string" ? st.data.hash : null);
+        setDraft(st.data.text);
+      }
+      function startFromTemplate() {
+        if (!st.data || typeof st.data.template !== "string") return;
+        setEditErr("");
+        setDraftHash(null); // 文件尚不存在：无基线可护，保存即创建
+        setDraft(st.data.template);
+      }
+      function cancelEdit() {
+        if (busy) return; // 保存在途不许退出：避免卸载后 setState
+        setDraft(null); setDraftHash(null); setEditErr("");
+      }
+      function save() {
+        if (busy) return;
+        setBusy(true); setEditErr("");
+        // 成败提示统一走 apiPost 的 toast 通道；空文本允许保存（空文件 = 无
+        // 基准，agent 侧优雅降级），不做非空校验。
+        apiPost("style-save", { path: wsPath, text: draft, base_hash: draftHash }).then(function (res) {
+          // 写后指纹即下一轮基线（连续保存不再被自家 409 拦住）；本地数据
+          // 同步为新文本，取消编辑退回视图态时看到的已是刚落盘的内容。
+          var hash = res && typeof res.hash === "string" ? res.hash : null;
+          setDraftHash(hash);
+          setSt({ loading: false, data: { found: true, text: draft, hash: hash, template: st.data ? st.data.template : null }, err: "" });
+        }).catch(function (err) {
+          setEditErr(err.message);
+          // 409 = style.md 在进入编辑态后被外部改过：重拉磁盘真值并一次性
+          // 把编辑器放回最新内容（停留编辑态），别让用户在过期基线上盲改。
+          if (err && err.status === 409) {
+            pendingResetRef.current = true;
+            load();
+          }
+        }).finally(function () { setBusy(false); });
+      }
+      var data = st ? st.data : null;
+      var head = h("div", { className: "myt-cardHead" },
+        h("h3", { className: "myt-cardTitle" }, tt("tabs.style")),
+        h("span", { className: "myt-muted" }, tt("style.note")),
+        draft === null
+          ? h("button", {
+              type: "button", className: "myt-btn",
+              title: tt("style.editTip"), "aria-label": tt("style.editTip"),
+              disabled: !data || (st && st.err) !== "" || busy,
+              onClick: data && data.found ? startEdit : startFromTemplate,
+            }, ic("IconEditOutlineRegular", 13), tt("overview.edit"))
+          : null);
+      // 拉取中：轻量骨架（对照 ChapterReader 的加载态）；失败：错误条可重试。
+      if (st === null || st.loading) {
+        return h("div", { className: "myt-stack" },
+          h("div", { className: "myt-card" }, head,
+            h("div", { className: "myt-skel myt-skelRow", style: { width: "38%" } }),
+            h("div", { className: "myt-skel myt-skelRow", style: { width: "82%" } }),
+            h("div", { className: "myt-skel myt-skelRow", style: { width: "64%" } }),
+            h("div", { className: "myt-skel myt-skelRow", style: { width: "74%" } })));
+      }
+      if (st.err !== "") {
+        return h("div", { className: "myt-stack" },
+          h("div", { className: "myt-card" }, head),
+          h(ErrorStrip, { text: tf("style.loadFailed", { msg: st.err }), onRetry: load }));
+      }
+      if (draft !== null) {
+        // 编辑态：整文件 textarea + 取消/保存（动作区与表单卡同构）。
+        return h("div", { className: "myt-stack" },
+          h("div", { className: "myt-card" }, head,
+            h("textarea", {
+              className: "myt-setInput myt-setArea myt-styleArea", rows: 18, spellCheck: false,
+              value: draft, onChange: function (e) { setDraft(e.target.value); },
+            })),
+          editErr ? h(ErrorStrip, { text: editErr }) : null,
+          h("div", { className: "myt-setActions" },
+            h("button", { type: "button", className: "myt-btn", disabled: busy, onClick: cancelEdit }, tt("novel.cancel")),
+            h("button", { type: "button", className: "myt-btn myt-btnPrimary", disabled: busy, onClick: save },
+              busy ? tt("novel.saving") : tt("novel.save"))));
+      }
+      if (!data || data.found !== true) {
+        // 文件未创建：空态卡 + 模板创建引导（模板读不到时按钮禁用）。
+        var tplReady = !!(data && typeof data.template === "string");
+        return h("div", { className: "myt-stack" },
+          h("div", { className: "myt-card" }, head,
+            h("div", { className: "myt-styleEmpty" },
+              h("p", { className: "myt-muted" }, tt("style.empty")),
+              h("button", {
+                type: "button", className: "myt-btn myt-btnPrimary", disabled: !tplReady || busy,
+                title: tt("style.editTip"), "aria-label": tt("style.editTip"),
+                onClick: startFromTemplate,
+              }, tt("style.createFromTpl")))));
+      }
+      // 视图态：MdView 渲染全文（空文件渲出空容器——空文件 = 无基准，是
+      // 保存过的合法状态，不当缺失处理）。
+      return h("div", { className: "myt-stack" },
+        h("div", { className: "myt-card" }, head, h(MdView, { text: data.text || "" })));
+    }
+
     function WorldTab(props) {
       var snap = props.snap;
+      var wsPath = props.wsPath;
+      var reload = props.reload;
       var world = snap.world || [];
       var science = snap.science || [];
       var research = snap.research || [];
+      // 受管文件三态：编辑 rel / 新建分区（world|science）/ 删除确认 rel。
+      // research 是调研笔记目录，v1 无面板入口（快照有卡，写面暂不开放）。
+      var _src = useState(null), srcRel = _src[0], setSrcRel = _src[1];
+      var _new = useState(null), createDir = _new[0], setCreateDir = _new[1];
+      var _del = useState(null), delRel = _del[0], setDelRel = _del[1];
       // 无原型容器：key 来自数据文件的自由文本（category），值为
       // constructor/__proto__/toString 等时若用普通 {} 会命中 Object.prototype
       // 真值 → TypeError → 整面板白屏；Object.create(null) 杜绝。
@@ -1859,23 +2489,55 @@ window.__ModuleLoader__.load({
         groups[key].push(w);
       });
       var groupKeys = Object.keys(groups).sort(function (a, b) { return a.localeCompare(b, "zh-CN"); });
+      // 三分区改子 tab 切换：纵向三卡堆太高，改子 tab 条 + 仅渲染激活分区。
+      // state 存在本组件（切走再切回不丢；卡头 h3 随卡一起只画激活分区）。
+      // research 空时原实现整卡隐藏，现 tab 恒在、空态走 world.researchEmpty。
+      var _st = useState("world"), subTab = _st[0], setSubTab = _st[1];
+      // world 分区内的二级分类 tab：state 只存用户上次的偏好，快照重拉后该
+      // 分类可能已不存在（条目被删/改名），此时回落第一个分类；null = 首选
+      // 第一个。单分类时不出 tab 条、直接平铺。
+      var _cat = useState(null), catPref = _cat[0], setCatPref = _cat[1];
+      var subDefs = [
+        ["world", tt("world.title"), world.length],
+        ["science", tt("world.science"), science.length],
+        ["research", tt("world.research"), research.length],
+      ];
+      var activeCat = catPref !== null && groupKeys.indexOf(catPref) !== -1 ? catPref : groupKeys[0];
       return h("div", { className: "myt-stack" },
-        h("div", { className: "myt-card" },
-          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)),
-              groups[key].map(function (w, i) {
-                return h("div", { key: w.file || i, className: "myt-worldItem" },
-                  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(MdView, { text: w.description, className: "myt-worldDesc" }) : null);
-              }));
-          })) : h(Empty, { text: tt("world.empty") })),
-        h("div", { className: "myt-card" },
+        h("nav", { className: "myt-subTabs", "aria-label": tt("world.subTabsAria") },
+          subDefs.map(function (s) {
+            return h("button", {
+              key: s[0], type: "button", className: "myt-subTab", "data-active": subTab === s[0] ? "true" : undefined,
+              onClick: function () { setSubTab(s[0]); },
+            }, s[1], h("span", { className: "myt-boardCount" }, String(s[2])));
+          })),
+        subTab === "world" ? h("div", { className: "myt-card" },
+          h("div", { className: "myt-cardHead" },
+            h("h3", { className: "myt-cardTitle" }, tt("world.title")),
+            h("button", { type: "button", className: "myt-btn", onClick: function () { setCreateDir("world"); } }, tt("world.createBtn"))),
+          // 多分类：二级子 tab 条（分类名 + 条目计数），分组头不再需要——tab
+          // 已承载分类名与计数；单分类/无分类不出 tab 条直接平铺。
+          groupKeys.length > 1 ? h("nav", { className: "myt-subTabs myt-subTabsInner", "aria-label": tt("world.catTabsAria") },
+            groupKeys.map(function (key) {
+              return h("button", {
+                key: key, type: "button", className: "myt-subTab", "data-active": activeCat === key ? "true" : undefined,
+                onClick: function () { setCatPref(key); },
+              }, key, h("span", { className: "myt-boardCount" }, String(groups[key].length)));
+            })) : null,
+          groupKeys.length ? h("div", { className: "myt-stack" }, groups[activeCat].map(function (w, i) {
+            return h("div", { key: w.file || i, className: "myt-worldItem" },
+              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(MdView, { text: w.description, className: "myt-worldDesc" }) : null,
+              h("div", { className: "myt-itemActions" },
+                srcEditBtn("world/" + w.file, function () { setSrcRel("world/" + w.file); }),
+                srcDeleteBtn("world/" + w.file, function () { setDelRel("world/" + w.file); })));
+          })) : h(Empty, { text: tt("world.empty") })) : null,
+        subTab === "science" ? h("div", { className: "myt-card" },
           h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("world.science")),
-            h("span", { className: "myt-boardCount" }, science.length)),
+            h("span", { className: "myt-boardCount" }, science.length),
+            h("button", { type: "button", className: "myt-btn", onClick: function () { setCreateDir("science"); } }, tt("world.createScienceBtn"))),
           science.length ? h("div", { className: "myt-stack" }, science.map(function (s, i) {
             var label = ["known", "extrapolation", "hypothesis"].indexOf(s.label) !== -1 ? s.label : null;
             return h("div", { key: s.file || i, className: "myt-worldItem" },
@@ -1885,19 +2547,40 @@ window.__ModuleLoader__.load({
                   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" }, tf("world.ref", { n: j + 1, r: r })); })) : null);
-          })) : h(Empty, { text: tt("world.scienceEmpty") })),
-        research.length ? h("div", { className: "myt-card" },
+                s.references.map(function (r, j) { return h("span", { key: j, className: "myt-refItem" }, tf("world.ref", { n: j + 1, r: r })); })) : null,
+              h("div", { className: "myt-itemActions" },
+                srcEditBtn("science/" + s.file, function () { setSrcRel("science/" + s.file); }),
+                srcDeleteBtn("science/" + s.file, function () { setDelRel("science/" + s.file); })));
+          })) : h(Empty, { text: tt("world.scienceEmpty") })) : null,
+        subTab === "research" ? h("div", { className: "myt-card" },
           h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("world.research")),
             h("span", { className: "myt-boardCount" }, research.length)),
-          h("div", { className: "myt-stack" }, research.map(function (r, i) {
+          research.length ? h("div", { className: "myt-stack" }, research.map(function (r, i) {
             return h("div", { key: r.file || i, className: "myt-worldGroup" },
               h("div", { className: "myt-listHead" },
                 h("span", { className: "myt-worldName", title: r.file || "" }, orDash(r.topic) || r.file)),
               r.description ? h(MdView, { text: r.description, className: "myt-worldDesc" }) : null,
               (r.sources || []).length ? h("div", { className: "myt-refList" },
                 r.sources.map(function (s, j) { return h("span", { key: j, className: "myt-refItem", title: s }, tf("world.ref", { n: j + 1, r: s })); })) : null);
-          }))) : null);
+          })) : h(Empty, { text: tt("world.researchEmpty") })) : null,
+        srcRel ? h(SourceEditorModal, { title: tt("src.editSource"), rel: srcRel, wsPath: wsPath, onClose: function () { setSrcRel(null); }, onSaved: reload }) : null,
+        createDir ? h(CreateFileModal, {
+          title: createDir === "science" ? tt("world.createScienceBtn") : tt("world.createBtn"),
+          dir: createDir,
+          template: createDir === "science" ? TPL_SCIENCE : TPL_WORLD,
+          wsPath: wsPath, onClose: function () { setCreateDir(null); }, onSaved: reload,
+        }) : null,
+        delRel ? h(ConfirmModal, {
+          title: tf("src.deleteTip", { rel: delRel }),
+          text: tf("src.confirmText", { rel: delRel }),
+          onCancel: function () { setDelRel(null); },
+          onConfirm: function () {
+            return apiPost("file-delete", { path: wsPath, rel: delRel }).then(function () {
+              setDelRel(null);
+              return reload();
+            });
+          },
+        }) : null);
     }
 
     // ── 索引板 tab：clues 按 kind 分组（resolved 划线）+ memories 按 category
@@ -1928,6 +2611,8 @@ window.__ModuleLoader__.load({
         memGroups[key].push(m);
       });
       function groupKey(a, b) { return a.localeCompare(b, "zh-CN"); }
+      // 两本索引账源文件直达（0.1.20 写面）：clue-board.yml / memories.yml。
+      var _src = useState(null), srcRel = _src[0], setSrcRel = _src[1];
       return h("div", { className: "myt-stack" },
         h("div", { className: "myt-cardHead" },
           h("h3", { className: "myt-cardTitle" }, tt("index.title")),
@@ -1935,7 +2620,8 @@ window.__ModuleLoader__.load({
             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" }, tt("index.clueBoard")), 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),
+              srcEditBtn("clue-board.yml", function () { setSrcRel("clue-board.yml"); })),
             clues.length ? Object.keys(clueGroups).sort(groupKey).map(function (kind) {
               var ck = CLUE_KIND_KEYS[kind];
               var label = ck ? tt("clue." + ck) : kind;
@@ -1948,7 +2634,8 @@ window.__ModuleLoader__.load({
                 }));
             }) : h(Empty, { text: tt("index.clueEmpty") })),
           h("div", { className: "myt-card" },
-            h("div", { className: "myt-cardHead" }, h("h3", { className: "myt-cardTitle" }, tt("index.memBoard")), 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),
+              srcEditBtn("memories.yml", function () { setSrcRel("memories.yml"); })),
             memories.length ? Object.keys(memGroups).sort(groupKey).map(function (cat) {
               var isPromise = /promise|承诺/i.test(cat);
               return h("div", { key: cat, className: "myt-worldGroup" },
@@ -1960,13 +2647,18 @@ window.__ModuleLoader__.load({
                     h("span", { className: "myt-clueText" }, orDash(m.content)),
                     m.source_chapter ? h("span", { className: "myt-memChapter" }, m.source_chapter) : null);
                 }));
-            }) : h(Empty, { text: tt("index.memEmpty") }))));
+            }) : h(Empty, { text: tt("index.memEmpty") }))),
+        srcRel ? h(SourceEditorModal, { title: tt("src.editSource"), rel: srcRel, wsPath: wsPath, onClose: function () { setSrcRel(null); }, onSaved: reload }) : null);
     }
 
-    // ── 关系图 tab：canvas 力导向（斥力 + 弹簧 + 中心引力，rAF 循环）─────────
-    // 节点固定 18px、名字 label 下方；边宽 = intensity 1-5 → 1-4px（缺省 3），
-    // type 标在边中点、hover 显示 description；拖拽固定、滚轮缩放、双击复位；
-    // 角色多于 30 个时只画 relations 相关节点，其余进「未入图」。
+    // ── 关系图 tab：canvas 力导向（斥力 + 弹簧 + 中心引力 + 硬碰撞分离，rAF 循环）─
+    // 节点固定 18px、名字 label 下方，最小间距 62 位置级互推保证静止帧不压叠；
+    // 边为二次曲线（绕开途中节点、重复边互相分开），type 标在曲线 t=0.5 点、
+    // hover 显示 description（命中检测按曲线几何采样）；拖拽固定、滚轮缩放、
+    // 双击复位；角色多于 30 个时只画 relations 相关节点，其余进「未入图」。
+    // 关系图节点角色配色：主角红 / 配角蓝 / 反派黑 / 龙套黄（用户指定四色）；
+    // 越枚举/缺省 role 一律并入龙套黄（查表 miss 落 minor），全节点恒有色。
+    var NODE_ROLE_COLORS = { protagonist: "#f53f3f", supporting: "#165dff", antagonist: "#1d2129", minor: "#fadc19" };
     function edgeWidth(intensity) {
       var n = typeof intensity === "number" && isFinite(intensity) ? Math.round(intensity) : 3;
       n = Math.min(5, Math.max(1, n));
@@ -1974,12 +2666,19 @@ window.__ModuleLoader__.load({
     }
     function RelationsTab(props) {
       var snap = props.snap;
+      var wsPath = props.wsPath;
+      var reload = props.reload;
+      // 关系账本源文件直达（0.1.20 写面）：relations.yml 整文件可编辑。
+      var _src = useState(null), srcRel = _src[0], setSrcRel = _src[1];
       var chars = snap.characters || [];
       var rels = (snap.relations || []).filter(function (r) { return r && r.a && r.b && r.a !== r.b; });
       var _tip = useState(null), tip = _tip[0], setTip = _tip[1]; // {x, y, text}
       var wrapRef = useRef(null);
       var canvasRef = useRef(null);
       var tipRafRef = useRef(0); // hover 提示 rAF 句柄：卸载/换图时取消在途合帧
+      var zoomApiRef = useRef(null); // 缩放按钮桥：渲染层 → 绘图 effect 闭包里的 sim.zoom
+      var _fs2 = useState(false), isFs = _fs2[0], setFs = _fs2[1]; // 当前处于全屏
+      var _fok = useState(false), canFs = _fok[0], setCanFs = _fok[1]; // 宿主支持 Fullscreen API
       // 数据准备：>30 角色只留 relations 相关节点；角色空时退化为关系端点名。
       // useMemo 缓存：hover 提示等重渲染不再重复建图（原渲染体内 IIFE 每帧重建）。
       // 容器用无原型对象：角色名/关系端点是数据文件自由文本，见 WorldTab 处说明。
@@ -1997,6 +2696,14 @@ window.__ModuleLoader__.load({
         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) }; });
+        // 同一对节点的重复边编号：dup = 按 (a,b) 无序对分组后的组内序号（0 起）。
+        // draw 的 edgeCtrl 按 dup 放大曲线偏移并交替朝向，重复边互相分开不重合。
+        var dupCount = Object.create(null);
+        edges.forEach(function (e) {
+          var key = Math.min(e.a, e.b) + "-" + Math.max(e.a, e.b);
+          e.dup = dupCount[key] || 0;
+          dupCount[key] = e.dup + 1;
+        });
         return { nodes: nodes, edges: edges, unlinked: unlinked };
       }, [snap]); // chars/rels 均由 snap 派生，snap 不变则图不变
       useEffect(function () {
@@ -2007,6 +2714,10 @@ window.__ModuleLoader__.load({
         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 };
+        // 缩放按钮桥：渲染层按钮 → effect 内 sim.zoom（钳制与滚轮同口径 0.4-2.5）
+        zoomApiRef.current = {
+          zoomBy: function (k) { sim.zoom = Math.min(2.5, Math.max(0.4, sim.zoom * k)); },
+        };
         // 令牌缓存：每 30 帧重读 computed style，浅/深色切换约半秒内跟上。
         function readTokens() {
           var cs = getComputedStyle(document.body);
@@ -2034,7 +2745,50 @@ window.__ModuleLoader__.load({
           nd.vx = nd.vy = 0;
         });
         function toWorld(sx, sy) { return { x: (sx - sim.w / 2) / sim.zoom, y: (sy - sim.h / 2) / sim.zoom }; }
-        function toScreen(x, y) { return { x: sim.w / 2 + x * sim.zoom, y: sim.h / 2 + y * sim.zoom }; }
+        // 每条边的二次贝塞尔控制点：bow 大小随边长缩放、钳 [12,28] 世界像素；
+        // side ∈ {-1,+1} 曲线朝向（挂边对象上帧间保留，做迟滞防抖）；同一对
+        // 节点的重复边按 dup 序号放大偏移并交替朝向，互相分开不重合。
+        function edgeCtrl(e) {
+          var a = graph.nodes[e.a], b = graph.nodes[e.b];
+          var dx = b.x - a.x, dy = b.y - a.y;
+          var len = Math.sqrt(dx * dx + dy * dy) || 1;
+          var ux = -dy / len, uy = dx / len; // 单位法向
+          var mag = Math.min(28, Math.max(12, len * 0.1));
+          var k = e.dup || 0;
+          var m = mag * (1 + 0.6 * k);
+          var side = (e.side || 1) * (k % 2 ? -1 : 1);
+          return { cx: (a.x + b.x) / 2 + ux * m * side, cy: (a.y + b.y) / 2 + uy * m * side };
+        }
+        // 曲线（A、C、B 三点二次贝塞尔）采样 9 个点到各无关节点（跳过两端）
+        // 的最小距离：值越大说明这一侧越空旷。
+        function clearance(e, cx, cy) {
+          var a = graph.nodes[e.a], b = graph.nodes[e.b];
+          var best = 999;
+          for (var t = 1; t <= 9; t++) {
+            var tt = t / 10, it = 1 - tt;
+            var px = it * it * a.x + 2 * it * tt * cx + tt * tt * b.x;
+            var py = it * it * a.y + 2 * it * tt * cy + tt * tt * b.y;
+            for (var ni = 0; ni < graph.nodes.length; ni++) {
+              if (ni === e.a || ni === e.b) continue;
+              var nd = graph.nodes[ni];
+              var ddx = px - nd.x, ddy = py - nd.y;
+              var d = Math.sqrt(ddx * ddx + ddy * ddy);
+              if (d < best) best = d;
+            }
+          }
+          return best;
+        }
+        // 朝向迟滞更新：算当前侧与取反侧的 clearance，只有另一侧明显更空
+        // （+12 世界像素）才翻转——力导向抖动时曲线不左右闪。
+        function updateSide(e) {
+          var side = e.side || 1;
+          var c1 = edgeCtrl(e);
+          var cur = clearance(e, c1.cx, c1.cy);
+          e.side = -side;
+          var c2 = edgeCtrl(e);
+          var alt = clearance(e, c2.cx, c2.cy);
+          if (alt <= cur + 12) e.side = side; // 另一侧不明显更空：保持原朝向
+        }
         function hitNode(sx, sy) {
           var p = toWorld(sx, sy);
           for (var i = graph.nodes.length - 1; i >= 0; i--) {
@@ -2048,13 +2802,23 @@ window.__ModuleLoader__.load({
           var p = toWorld(sx, sy);
           var best = null, bestD = 10;
           graph.edges.forEach(function (e) {
+            // 命中跟曲线走：二次贝塞尔采样 9 段（10 点含两端），点到各线段
+            // 距离取最小；edgeCtrl 与 draw 同源（side 存边对象上，天然一致）。
             var a = graph.nodes[e.a], b = graph.nodes[e.b];
-            var ax = a.x, ay = a.y, bx = b.x - a.x, by = b.y - a.y;
-            var len2 = bx * bx + by * by || 1;
-            var t = Math.min(1, Math.max(0, ((p.x - ax) * bx + (p.y - ay) * by) / len2));
-            var dx = p.x - (ax + bx * t), dy = p.y - (ay + by * t);
-            var d = Math.sqrt(dx * dx + dy * dy);
-            if (d < bestD) { bestD = d; best = e; }
+            var c = edgeCtrl(e);
+            var qx = a.x, qy = a.y; // 上一采样点，首点 = 端点 A
+            for (var k = 1; k <= 9; k++) {
+              var tt = k / 9, it = 1 - tt;
+              var nx = it * it * a.x + 2 * it * tt * c.cx + tt * tt * b.x;
+              var ny = it * it * a.y + 2 * it * tt * c.cy + tt * tt * b.y;
+              var segx = nx - qx, segy = ny - qy;
+              var len2 = segx * segx + segy * segy || 1;
+              var u = Math.min(1, Math.max(0, ((p.x - qx) * segx + (p.y - qy) * segy) / len2));
+              var dx = p.x - (qx + segx * u), dy = p.y - (qy + segy * u);
+              var d = Math.sqrt(dx * dx + dy * dy);
+              if (d < bestD) { bestD = d; best = e; }
+              qx = nx; qy = ny;
+            }
           });
           return best;
         }
@@ -2076,7 +2840,7 @@ window.__ModuleLoader__.load({
             var a = nodes[e.a], b = nodes[e.b];
             var dx = b.x - a.x, dy = b.y - a.y;
             var d = Math.sqrt(dx * dx + dy * dy) || 1;
-            var f = (d - 120) * 0.02; // 弹簧，rest 120
+            var f = (d - 130) * 0.02; // 弹簧，rest 130（原 120，多留缝隙配合硬碰撞分离）
             var fx = (dx / d) * f, fy = (dy / d) * f;
             a.vx += fx; a.vy += fy; b.vx -= fx; b.vy -= fy;
           });
@@ -2088,6 +2852,33 @@ window.__ModuleLoader__.load({
             nd.x += Math.max(-8, Math.min(8, nd.vx));
             nd.y += Math.max(-8, Math.min(8, nd.vy));
           });
+          // 硬碰撞分离：力式斥力有上限（f 封顶 4），拥挤时节点仍会压叠；这里在
+          // 速度积分之后按最小间距 62（两节点半径 18×2 + 名字 label 纵向净空）
+          // 做位置级互推，保证静止帧节点（含下方 label）不重叠。固定节点
+          // （fixed 或正在拖拽）不动、推对方，双固定跳过；位移不写回速度——
+          // 纯位置修正，靠阻尼自然收敛，不与力导向抢劲。两轮 pass 处理推挤
+          // 连锁（A 推开 B 后 B 又压到 C）。
+          var MIN_DIST = 62;
+          for (var pass = 0; pass < 2; pass++) {
+            for (var ci = 0; ci < n; ci++) {
+              for (var cj = ci + 1; cj < n; cj++) {
+                var na = nodes[ci], nb = nodes[cj];
+                var cdx = nb.x - na.x, cdy = nb.y - na.y;
+                var cd2 = cdx * cdx + cdy * cdy;
+                if (cd2 >= MIN_DIST * MIN_DIST) continue;
+                var cd = Math.sqrt(cd2);
+                if (cd < 0.01) { cdx = 1; cdy = 0; cd = 1; } // 完全重合：任意方向分开
+                var push = (MIN_DIST - cd) / cd; // 归一化差向量：差多少补多少
+                var aFixed = na.fixed || na === (sim.drag && sim.drag.node);
+                var bFixed = nb.fixed || nb === (sim.drag && sim.drag.node);
+                if (aFixed && bFixed) continue;
+                var mA = aFixed ? 0 : (bFixed ? 1 : 0.5); // 固定方不动，另一方全担
+                var mB = bFixed ? 0 : (aFixed ? 1 : 0.5);
+                na.x -= cdx * push * mA; na.y -= cdy * push * mA;
+                nb.x += cdx * push * mB; nb.y += cdy * push * mB;
+              }
+            }
+          }
         }
         function draw() {
           if (sim.frame % 30 === 0 || !sim.tokens) sim.tokens = readTokens();
@@ -2099,29 +2890,30 @@ window.__ModuleLoader__.load({
           ctx.scale(sim.zoom, sim.zoom);
           graph.edges.forEach(function (e) {
             var a = graph.nodes[e.a], b = graph.nodes[e.b];
+            updateSide(e); // 朝向迟滞：另一侧明显更空才翻，防抖（详见 updateSide）
+            var c = edgeCtrl(e);
             ctx.strokeStyle = tk.line;
             ctx.globalAlpha = 0.8;
             ctx.lineWidth = e.w;
-            ctx.beginPath(); ctx.moveTo(a.x, a.y); ctx.lineTo(b.x, b.y); ctx.stroke();
+            ctx.beginPath(); ctx.moveTo(a.x, a.y); ctx.quadraticCurveTo(c.cx, c.cy, b.x, b.y); ctx.stroke();
             if (e.type && sim.zoom >= 0.7) {
               ctx.globalAlpha = 1;
               ctx.fillStyle = tk.faint;
               ctx.font = "10px sans-serif";
               ctx.textAlign = "center";
-              ctx.fillText(e.type, (a.x + b.x) / 2, (a.y + b.y) / 2 - 3);
+              // type 标在曲线 t=0.5 点（二次贝塞尔中点），与曲线本体一致
+              ctx.fillText(e.type, 0.25 * a.x + 0.5 * c.cx + 0.25 * b.x, 0.25 * a.y + 0.5 * c.cy + 0.25 * b.y - 3);
             }
           });
           ctx.globalAlpha = 1;
           graph.nodes.forEach(function (nd) {
-            var s = toScreen(nd.x, nd.y);
             var r = 18; // 世界坐标画：半径随 zoom 缩放
+            var rc = NODE_ROLE_COLORS[nd.role] || NODE_ROLE_COLORS.minor;
             ctx.beginPath();
             ctx.arc(nd.x, nd.y, r, 0, Math.PI * 2);
-            ctx.fillStyle = nd.fixed ? tk.accent : tk.card;
-            ctx.globalAlpha = nd.fixed ? 0.25 : 1;
+            ctx.fillStyle = rc;
             ctx.fill();
-            ctx.globalAlpha = 1;
-            ctx.lineWidth = 1.5;
+            ctx.lineWidth = nd.fixed ? 3 : 1.5; // 固定态=加粗 accent 描边（全节点恒有色后的唯一固定指示）
             ctx.strokeStyle = tk.accent;
             ctx.stroke();
             ctx.fillStyle = tk.label;
@@ -2192,6 +2984,7 @@ window.__ModuleLoader__.load({
         canvas.addEventListener("wheel", onWheel, { passive: false });
         canvas.addEventListener("dblclick", onDbl);
         return function () {
+          zoomApiRef.current = null; // 桥随旧 sim 一起作废：换图间隙按钮点击不落到旧闭包
           cancelAnimationFrame(sim.raf);
           if (tipRafRef.current) { cancelAnimationFrame(tipRafRef.current); tipRafRef.current = 0; }
           if (ro) ro.disconnect();
@@ -2202,21 +2995,78 @@ window.__ModuleLoader__.load({
           canvas.removeEventListener("dblclick", onDbl);
         };
       }, [snap]);
-      if (!graph.nodes.length) return h(Empty, { text: tt("relations.noData") });
+      // 全屏能力检测：Fullscreen API 可用才渲染全屏按钮（不支持的宿主不渲染，按钮不占位）
+      useEffect(function () {
+        var el = wrapRef.current;
+        if (!el) return undefined;
+        var ok = !!(el.requestFullscreen || el.webkitRequestFullscreen) &&
+          document.fullscreenEnabled !== false && document.webkitFullscreenEnabled !== false;
+        if (ok) setCanFs(true);
+        return undefined;
+      }, []);
+      // 全屏状态跟随：浏览器 ESC 退出等非按钮路径也要同步按钮文案
+      useEffect(function () {
+        function sync() { setFs(!!(document.fullscreenElement || document.webkitFullscreenElement)); }
+        document.addEventListener("fullscreenchange", sync);
+        document.addEventListener("webkitfullscreenchange", sync);
+        return function () {
+          document.removeEventListener("fullscreenchange", sync);
+          document.removeEventListener("webkitfullscreenchange", sync);
+        };
+      }, []);
+      // 进/出全屏：webkit 前缀兜底；promise 拒绝吞掉（用户 ESC / 策略性拒绝不打断使用）
+      function toggleFs() {
+        var el = wrapRef.current;
+        try {
+          if (document.fullscreenElement || document.webkitFullscreenElement) {
+            var exit = document.exitFullscreen || document.webkitExitFullscreen;
+            if (exit) {
+              var p = exit.call(document);
+              if (p && typeof p.catch === "function") p.catch(function () {});
+            }
+          } else if (el) {
+            var req = el.requestFullscreen || el.webkitRequestFullscreen;
+            if (req) {
+              var p2 = req.call(el);
+              if (p2 && typeof p2.catch === "function") p2.catch(function () {});
+            }
+          }
+        } catch (e) { /* 全屏 API 个别浏览器仍有策略性拒绝，静默 */ }
+      }
+      if (!graph.nodes.length) {
+        return h("div", { className: "myt-stack" },
+          h("div", { className: "myt-cardHead" },
+            h("h3", { className: "myt-cardTitle" }, tt("relations.title")),
+            srcEditBtn("relations.yml", function () { setSrcRel("relations.yml"); })),
+          h(Empty, { text: tt("relations.noData") }),
+          srcRel ? h(SourceEditorModal, { title: tt("src.editSource"), rel: srcRel, wsPath: wsPath, onClose: function () { setSrcRel(null); }, onSaved: reload }) : null);
+      }
       return h("div", { className: "myt-stack" },
         h("div", { className: "myt-card" },
           h("div", { className: "myt-cardHead" },
             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("span", { className: "myt-muted" }, tf("relations.counts", { n: graph.nodes.length, m: graph.edges.length })),
+            srcEditBtn("relations.yml", function () { setSrcRel("relations.yml"); })),
           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" }, tt("relations.help"))),
+            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-graphTools" },
+              h("button", { type: "button", className: "myt-graphTool", title: tt("relations.zoomOut"), "aria-label": tt("relations.zoomOut"), onClick: function () { if (zoomApiRef.current) zoomApiRef.current.zoomBy(1 / 1.25); } }, "－"),
+              h("button", { type: "button", className: "myt-graphTool", title: tt("relations.zoomIn"), "aria-label": tt("relations.zoomIn"), onClick: function () { if (zoomApiRef.current) zoomApiRef.current.zoomBy(1.25); } }, "＋"),
+              canFs ? h("button", { type: "button", className: "myt-graphTool myt-graphToolText", title: isFs ? tt("relations.exitFs") : tt("relations.fs"), "aria-label": isFs ? tt("relations.exitFs") : tt("relations.fs"), onClick: toggleFs }, isFs ? tt("relations.exitFs") : tt("relations.fs")) : null)),
+          h("div", { className: "myt-graphFoot" },
+            tt("relations.help"),
+            h("span", { className: "myt-graphLegend" },
+              h("span", { className: "myt-legendItem" }, h("span", { className: "myt-legendDot", "data-role": "protagonist" }), tt("role.protagonist")),
+              h("span", { className: "myt-legendItem" }, h("span", { className: "myt-legendDot", "data-role": "supporting" }), tt("role.supporting")),
+              h("span", { className: "myt-legendItem" }, h("span", { className: "myt-legendDot", "data-role": "antagonist" }), tt("role.antagonist")),
+              h("span", { className: "myt-legendItem" }, h("span", { className: "myt-legendDot", "data-role": "minor" }), tt("role.minor"))))),
         graph.unlinked.length ? h("div", { className: "myt-card" },
           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);
+          }))) : null,
+        srcRel ? h(SourceEditorModal, { title: tt("src.editSource"), rel: srcRel, wsPath: wsPath, onClose: function () { setSrcRel(null); }, onSaved: reload }) : null);
     }
 
     // ── cordis client 插件入口 ──────────────────────────────────────────────