@musnows/scriverse 0.3.7 → 0.3.9

package/dist/public/app.js

@@ -1,6 +1,6 @@
 import { buildRelationshipGraph, createGalaxyRenderer, renderRelationshipMindMap } from "/relationship-graph.js?v=20260721-release-0.3.6";
 import { collapseExcessBlankLines, formatDateTime, normalizeParagraphSpacing } from "/text-formatting.js?v=20260713-saved-at-seconds";
-import { renderMarkdown } from "/markdown.js?v=20260721-character-attachments";
+import { renderMarkdown } from "/markdown.js?v=20260722-inline-code";
 import { buildAiReferenceScope, findAiMention, listAiMentionOptions } from "/ai-mentions.js?v=20260716-chapter-references";
 import { shouldShowAiQuickActions } from "/ai-conversation.js?v=20260713-quick-actions";
 import { calculateLineNumberRowHeight, calculateLineNumberRowTop, calculateLineNumberTextOffset, calculateLineNumberTop } from "/line-number-layout.js?v=20260713-row-box-alignment";
@@ -14,7 +14,7 @@ import { THEME_STORAGE_KEY, nextTheme, normalizeTheme, themeToggleLabel } from "
 import { buildCharacterDetails, buildCharacterState, characterStateEntries, normalizeCharacterDetails, normalizeCharacterSections } from "/character-profile.js?v=20260713-character-editor";
 import { characterVersionSourceLabel, describeCharacterVersionChanges } from "/character-version.js?v=20260713-character-history";
 import { VERSIONED_ENTITY_LABELS, entityVersionSnapshotSummary, entityVersionSourceLabel } from "/entity-version.js?v=20260714-all-knowledge-history";
-import { parsePageRoute, serializePageRoute } from "/page-route.js?v=20260714-refresh-restore";
+import { parsePageRoute, serializePageRoute } from "/page-route.js?v=20260722-entity-editor-page";
 import { splitRelationshipKeywordInput, splitRelationshipKeywords, uniqueRelationshipKeywords } from "/relationship-keywords.js?v=20260720-relationship-keyword-chips";
 import { tokenizeVisibleSpaces } from "/whitespace-visualization.js?v=20260718-visible-whitespace";
 import { buildRaceForest, eligibleRaceParents, racePathLabel } from "/race-hierarchy.js?v=20260721-race-hierarchy";
@@ -81,18 +81,36 @@ function analysisTaskStatusLabel(status) {
 }
 
 function canEditWork(work = state.work) {
+  return ["admin", "owner", "editor", "settings-editor"].includes(String(work?.accessRole));
+}
+
+function canEditProse(work = state.work) {
   return ["admin", "owner", "editor"].includes(String(work?.accessRole));
 }
 
+function canManageWork(work = state.work) {
+  return ["admin", "owner"].includes(String(work?.accessRole));
+}
+
+function canEditModule(module, work = state.work) {
+  if (canEditProse(work)) return true;
+  return canEditWork(work) && ["settings", "characters", "races", "organizations", "timeline", "outlines", "relationships"].includes(module);
+}
+
 function applyWorkAccessMode() {
   const viewOnly = Boolean(state.work) && !canEditWork();
+  const settingsOnly = String(state.work?.accessRole) === "settings-editor";
+  const proseReadOnly = Boolean(state.work) && !canEditProse();
   $("#app").classList.toggle("view-only-mode", viewOnly);
+  $("#app").classList.toggle("settings-only-mode", settingsOnly);
+  $("#app").classList.toggle("prose-read-only-mode", proseReadOnly);
   document.body.classList.toggle("work-viewer-mode", viewOnly);
-  $("#chapter-title").readOnly = viewOnly;
-  $("#chapter-content").readOnly = viewOnly;
-  $("#chapter-title").setAttribute("aria-readonly", String(viewOnly));
-  $("#chapter-content").setAttribute("aria-readonly", String(viewOnly));
-  if (viewOnly) {
+  document.body.classList.toggle("work-settings-editor-mode", settingsOnly);
+  $("#chapter-title").readOnly = proseReadOnly;
+  $("#chapter-content").readOnly = proseReadOnly;
+  $("#chapter-title").setAttribute("aria-readonly", String(proseReadOnly));
+  $("#chapter-content").setAttribute("aria-readonly", String(proseReadOnly));
+  if (proseReadOnly) {
     cancelChapterAutoSave();
     state.dirty = false;
   }
@@ -352,6 +370,10 @@ function replacePageRoute(route) {
 
 function currentPageRoute() {
   const workId = state.work?.id ?? null;
+  if (!$("#entity-editor-view").classList.contains("hidden") && workId && entityEditorType) {
+    const entityId = entityEditorType === "setting" ? settingEditorItem?.id : characterEditorItem?.id;
+    return { view: "entity-editor", workId, entity: entityEditorType, entityId: entityId ?? null };
+  }
   if (!$("#settings-hub-view").classList.contains("hidden")) return { view: "settings", workId, ...settingsRouteContext() };
   if (!$("#platform-ai-view").classList.contains("hidden")) return { view: "platform-ai", workId, ...settingsRouteContext() };
   if (!$("#shelf-view").classList.contains("hidden")) return { view: "shelf" };
@@ -461,6 +483,9 @@ const chapterAutoSaveDelay = 800;
 let aiMentionMatch = null;
 let aiMentionRange = null;
 let settingsReturnContext = null;
+let entityEditorType = null;
+let entityEditorDirty = false;
+let settingEditorItem = null;
 let characterEditorItem = null;
 let characterEditorVersions = [];
 let characterEditorRelationships = [];
@@ -468,8 +493,49 @@ let characterEditorRelationshipsLoading = false;
 let characterEditorSections = [];
 let characterSectionPreviewTimer = null;
 let characterSectionPendingAttachments = [];
+let characterSectionEditorDirty = false;
 let entityHistoryContext = null;
 
+function showEntityEditorPage(type) {
+  entityEditorType = type;
+  entityEditorDirty = false;
+  characterSectionEditorDirty = false;
+  $("#entity-editor-view").classList.remove("hidden");
+  $("#setting-editor-form").classList.toggle("hidden", type !== "setting");
+  $("#character-editor-form").classList.toggle("hidden", type !== "character");
+  $("#character-section-editor-view").classList.add("hidden");
+  $("#app").inert = true;
+  document.body.classList.add("entity-editor-open");
+  replacePageRoute(currentPageRoute());
+}
+
+function markEntityEditorDirty() {
+  if (entityEditorType && canEditWork()) entityEditorDirty = true;
+}
+
+function confirmEntityEditorDiscard(message) {
+  if (!entityEditorDirty) return true;
+  return window.confirm(message ?? "当前资料有未保存修改，返回列表将丢弃这些修改。是否继续？");
+}
+
+async function closeEntityEditor({ force = false } = {}) {
+  if (!$("#character-section-editor-view").classList.contains("hidden")) return closeCharacterSectionEditor({ force });
+  if (!force && !confirmEntityEditorDiscard()) return false;
+  await discardPendingCharacterAttachments();
+  const module = entityEditorType === "setting" ? "settings" : "characters";
+  entityEditorType = null;
+  entityEditorDirty = false;
+  settingEditorItem = null;
+  characterEditorItem = null;
+  $("#entity-editor-view").classList.add("hidden");
+  $("#setting-editor-form").classList.add("hidden");
+  $("#character-editor-form").classList.add("hidden");
+  $("#app").inert = false;
+  document.body.classList.remove("entity-editor-open");
+  await showModule(module);
+  return true;
+}
+
 function setModuleNavExpanded(expanded) {
   moduleNavExpanded = expanded;
   $("#module-more-button .nav-label").textContent = expanded ? "收起" : "更多";
@@ -1016,7 +1082,7 @@ function renderAiConversationHistory() {
 async function loadAiConversations(openLatest = true) {
   const workId = state.work?.id;
   if (!workId) return;
-  const conversations = await api(`/api/works/${workId}/ai-conversations`);
+  const conversations = (await apiPage(`/api/works/${workId}/ai-conversations`)).items;
   if (state.work?.id !== workId) return;
   state.aiConversations = conversations;
   loadedAiConversationsWorkId = workId;
@@ -1045,7 +1111,7 @@ async function ensureAiConversationsLoaded() {
 }
 
 async function openAiConversation(conversationId, hideHistory = true) {
-  const conversation = await api(`/api/ai-conversations/${conversationId}`);
+  const conversation = await api(`/api/ai-conversations/${conversationId}?page=1&limit=100`);
   state.aiConversationId = conversation.id;
   state.aiPromptSent = conversation.messages.some((message) => message.role === "user");
   $("#ai-conversation-title").textContent = conversation.title;
@@ -1376,15 +1442,75 @@ applyTypographySettings(typographySettings);
 applyColorTheme(currentColorTheme());
 applyPanelLayout();
 
+function optimisticVersionForPath(path) {
+  const normalizedPath = String(path).split("?")[0];
+  const find = (items, id) => items.find((item) => String(item?.id ?? item?.chapterId ?? "") === id)?.versionNo;
+  const workMatch = normalizedPath.match(/^\/api\/works\/([^/]+)(?:\/(?:cover|import|file-versions\/[^/]+\/restore))?$/u);
+  if (workMatch) {
+    const workId = decodeURIComponent(workMatch[1]);
+    return state.works.find((item) => item.id === workId)?.versionNo ?? (state.work?.id === workId ? state.work.versionNo : undefined);
+  }
+  const resourceMatch = normalizedPath.match(/^\/api\/(volumes|chapters|settings|races|organizations|timeline-tracks|timeline|relationships|foreshadows|characters|character-sections)\/([^/]+)(?:\/(?:restore|move|split))?$/u);
+  if (resourceMatch) {
+    const resourceId = decodeURIComponent(resourceMatch[2]);
+    const collection = {
+      settings: state.settings,
+      races: state.races,
+      organizations: state.organizations,
+      "timeline-tracks": state.timelineTracks,
+      characters: state.characters
+    }[resourceMatch[1]] ?? [];
+    if (resourceMatch[1] === "chapters" && state.chapter?.id === resourceId) return state.chapter.versionNo;
+    if (resourceMatch[1] === "volumes") return find(state.work?.volumes ?? [], resourceId);
+    if (resourceMatch[1] === "character-sections") return find(characterEditorSections, resourceId);
+    if (resourceMatch[1] === "characters" && characterEditorItem?.id === resourceId) return characterEditorItem.versionNo;
+    return find(collection, resourceId);
+  }
+  const outlineMatch = normalizedPath.match(/^\/api\/chapters\/([^/]+)\/outline$/u);
+  if (outlineMatch) return find(state.outlines ?? [], decodeURIComponent(outlineMatch[1]));
+  const entityRestoreMatch = normalizedPath.match(/^\/api\/entity-versions\/(work|volume|setting|race|organization|timeline-track|timeline-event|relationship|chapter-outline|foreshadow)\/([^/]+)\/restore$/u);
+  if (entityRestoreMatch) {
+    const entityType = entityRestoreMatch[1];
+    const entityId = decodeURIComponent(entityRestoreMatch[2]);
+    if (entityType === "work") return state.works.find((item) => item.id === entityId)?.versionNo ?? (state.work?.id === entityId ? state.work.versionNo : undefined);
+    if (entityType === "volume") return find(state.work?.volumes ?? [], entityId);
+    if (entityType === "chapter-outline") return find(state.outlines ?? [], entityId);
+    const collection = {
+      setting: state.settings,
+      race: state.races,
+      organization: state.organizations,
+      "timeline-track": state.timelineTracks
+    }[entityType] ?? [];
+    return find(collection, entityId);
+  }
+  return undefined;
+}
+
+function attachOptimisticVersion(path, method, body) {
+  if (!["PATCH", "PUT", "DELETE", "POST"].includes(method)) return body;
+  if (body instanceof FormData) {
+    if (!body.has("expectedVersionNo")) {
+      const versionNo = optimisticVersionForPath(path);
+      if (Number.isInteger(versionNo) && versionNo > 0) body.append("expectedVersionNo", String(versionNo));
+    }
+    return body;
+  }
+  const currentBody = body && typeof body === "object" && !Array.isArray(body) ? body : {};
+  if (currentBody.expectedVersionNo !== undefined) return currentBody;
+  const versionNo = optimisticVersionForPath(path);
+  return Number.isInteger(versionNo) && versionNo > 0 ? { ...currentBody, expectedVersionNo: versionNo } : body;
+}
+
 async function api(path, options = {}) {
   const method = String(options.method ?? "GET").toUpperCase();
+  const body = attachOptimisticVersion(path, method, options.body);
   const headers = { ...(options.headers ?? {}) };
   if (state.csrfToken && !["GET", "HEAD", "OPTIONS"].includes(method)) headers["X-CSRF-Token"] = state.csrfToken;
-  if (!(options.body instanceof FormData)) headers["Content-Type"] = "application/json";
-  const response = await fetch(path, options.body instanceof FormData ? { ...options, headers } : {
+  if (!(body instanceof FormData)) headers["Content-Type"] = "application/json";
+  const response = await fetch(path, body instanceof FormData ? { ...options, body, headers } : {
     ...options,
     headers,
-    body: options.body && typeof options.body !== "string" ? JSON.stringify(options.body) : options.body
+    body: body && typeof body !== "string" ? JSON.stringify(body) : body
   });
   if (!response.ok) {
     const payload = await response.json().catch(() => ({ error: { message: `请求失败：${response.status}` } }));
@@ -1396,6 +1522,24 @@ async function api(path, options = {}) {
   return payload.data;
 }
 
+async function apiPage(path, page = 1, limit = 50) {
+  const separator = path.includes("?") ? "&" : "?";
+  const result = await api(`${path}${separator}page=${page}&limit=${limit}`);
+  if (Array.isArray(result)) return { items: result, page, limit, hasMore: false, nextPage: null };
+  return result;
+}
+
+async function apiAllPages(path, limit = 100) {
+  const items = [];
+  let page = 1;
+  while (true) {
+    const result = await apiPage(path, page, limit);
+    items.push(...(result.items ?? []));
+    if (!result.hasMore || !result.nextPage) return items;
+    page = result.nextPage;
+  }
+}
+
 function selectAuthMode(mode) {
   const registerTab = $("#auth-register-tab");
   const login = mode === "login" || registerTab.disabled;
@@ -1550,7 +1694,7 @@ function cancelChapterAutoSave() {
 }
 
 function scheduleChapterAutoSave(delay = chapterAutoSaveDelay) {
-  if (!state.chapter || !canEditWork()) return;
+  if (!state.chapter || !canEditProse()) return;
   cancelChapterAutoSave();
   setSaveState("等待自动保存", true);
   chapterAutoSaveTimer = setTimeout(() => {
@@ -1560,7 +1704,7 @@ function scheduleChapterAutoSave(delay = chapterAutoSaveDelay) {
 }
 
 async function persistChapter({ automatic = false } = {}) {
-  if (!canEditWork()) return null;
+  if (!canEditProse()) return null;
   if (!state.chapter) {
     if (!automatic) toast("请先选择章节", "error");
     return null;
@@ -1628,13 +1772,26 @@ function confirmDiscardChanges(message = "当前章节有未保存修改，继
   return window.confirm(message);
 }
 
+function chooseExistingWorkImportMode(file) {
+  const dialog = $("#import-mode-dialog");
+  $("#import-mode-file-summary").textContent = `文件：${file.name}；当前作品：《${state.work.title}》`;
+  $("#import-mode-unsaved-warning").classList.toggle("hidden", !state.dirty);
+  dialog.returnValue = "cancel";
+  dialog.showModal();
+  return new Promise((resolve) => {
+    dialog.addEventListener("close", () => {
+      resolve(["append", "overwrite"].includes(dialog.returnValue) ? dialog.returnValue : null);
+    }, { once: true });
+  });
+}
+
 function updateDocumentTitle(work = null) {
   const workTitle = String(work?.title ?? "").trim();
   document.title = workTitle ? `${workTitle} · 叙界` : platformDocumentTitle;
 }
 
 async function loadWorks(preferredId) {
-  state.works = await api("/api/works");
+  state.works = (await apiPage("/api/works")).items;
   if (preferredId) {
     await selectWork(preferredId);
     return;
@@ -1658,7 +1815,7 @@ async function initializePage() {
     return;
   }
   const route = parsePageRoute(window.location.hash);
-  state.works = await api("/api/works");
+  state.works = (await apiPage("/api/works")).items;
   try {
     if (route.view === "shelf") {
       showShelf();
@@ -1672,16 +1829,30 @@ async function initializePage() {
     }
 
     if (requestedWork) {
-      state.module = route.view === "module" ? route.module : "editor";
+      state.module = route.view === "module"
+        ? route.module
+        : route.view === "entity-editor"
+          ? (route.entity === "setting" ? "settings" : "characters")
+          : "editor";
       await selectWork(requestedWork.id, route.view === "editor" ? route.chapterId : null);
     }
 
     if (route.view === "editor") {
-      const chapterExists = state.work?.volumes.some((volume) => volume.chapters.some((chapter) => chapter.id === route.chapterId));
-      if (route.chapterId && chapterExists && state.chapter?.id !== route.chapterId) await selectChapter(route.chapterId);
+      if (route.chapterId && state.chapter?.id !== route.chapterId) await selectChapter(route.chapterId);
       return;
     }
     if (route.view === "module") return;
+    if (route.view === "entity-editor") {
+      const records = route.entity === "setting" ? state.settings : state.characters;
+      const item = route.entityId ? records.find((record) => record.id === route.entityId) : null;
+      if (route.entityId && !item) {
+        toast(route.entity === "setting" ? "未找到要编辑的设定" : "未找到要编辑的角色", "error");
+        return;
+      }
+      if (route.entity === "setting") openSettingEditor(item);
+      else await openCharacterEditor(item);
+      return;
+    }
     if (route.view === "welcome") {
       showWelcome(true);
       return;
@@ -1784,7 +1955,7 @@ async function openUsersDialog() {
   }
   $("#users-list").innerHTML = '<p class="empty-state">正在读取用户……</p>';
   $("#users-dialog").showModal();
-  try { renderUsers(await api("/api/users")); }
+  try { renderUsers((await apiPage("/api/users")).items); }
   catch (error) { $("#users-dialog").close(); toast(error.message, "error"); }
 }
 
@@ -1806,8 +1977,8 @@ function renderMembers(members) {
   const work = memberDialogWork ?? state.work;
   const canManage = ["admin", "owner"].includes(String(work?.accessRole));
   $("#members-list").innerHTML = members.map((member) => `<article class="access-row">
-    <div class="access-person">${userAvatarHtml(member, "access-avatar")}<div class="access-person-copy"><strong>${esc(member.displayName)} · @${esc(member.username)}</strong><small>${member.role === "owner" ? "作品创建者" : member.role === "viewer" ? "查看者" : "协作者"}${member.status === "disabled" ? " · 已停用" : ""}</small></div></div>
-    ${member.role === "owner" ? "<span>所有者</span>" : `<select data-member-role="${esc(member.userId)}" aria-label="${esc(member.displayName)}的作品权限" ${canManage ? "" : "disabled"}><option value="viewer" ${member.role === "viewer" ? "selected" : ""}>仅查看</option><option value="editor" ${member.role === "editor" ? "selected" : ""}>可编辑</option></select>`}
+    <div class="access-person">${userAvatarHtml(member, "access-avatar")}<div class="access-person-copy"><strong>${esc(member.displayName)} · @${esc(member.username)}</strong><small>${member.role === "owner" ? "作品创建者" : member.role === "viewer" ? "查看者" : member.role === "settings-editor" ? "设定编辑" : "完整协作者"}${member.status === "disabled" ? " · 已停用" : ""}</small></div></div>
+    ${member.role === "owner" ? "<span>所有者</span>" : `<select data-member-role="${esc(member.userId)}" aria-label="${esc(member.displayName)}的作品权限" ${canManage ? "" : "disabled"}><option value="viewer" ${member.role === "viewer" ? "selected" : ""}>仅查看</option><option value="settings-editor" ${member.role === "settings-editor" ? "selected" : ""}>仅编辑设定</option><option value="editor" ${member.role === "editor" ? "selected" : ""}>编辑正文与设定</option></select>`}
     ${member.role === "owner" || !canManage ? "<span></span>" : `<button type="button" data-remove-member="${esc(member.userId)}">移除</button>`}
   </article>`).join("");
   bindUserAvatarFallbacks($("#members-list"));
@@ -1921,13 +2092,13 @@ async function openSearchResult(result) {
   if (result.type === "character") {
     await showModule("characters");
     const character = state.characters.find((item) => item.id === result.id);
-    if (character) openCharacterDialog(character);
+    if (character) openCharacterEditor(character);
     return;
   }
   if (result.type === "setting") {
     await showModule("settings");
     const setting = await api(`/api/settings/${encodeURIComponent(result.id)}`);
-    openSettingDialog(setting);
+    openSettingEditor(setting);
     return;
   }
   if (result.type === "race") {
@@ -2010,9 +2181,9 @@ function renderShelf() {
           <span class="book-cover-fallback">${esc(Array.from(work.title)[0] ?? "书")}</span>
           ${work.coverUrl ? `<img src="${esc(work.coverUrl)}" alt="${esc(work.title)} 封面">` : ""}
         </span>
-        <span class="book-info"><strong>${esc(work.title)}</strong><small>${esc(work.author || "未署名")} · ${work.chapterCount} 章 · ${work.wordCount} 字</small><span>${esc(work.description || "尚未填写作品简介")}</span><em class="book-access-badge">${work.accessRole === "viewer" ? "仅查看" : work.accessRole === "editor" ? "协作作品" : work.accessRole === "admin" ? "管理员访问" : "我的作品"}</em></span>
+        <span class="book-info"><strong>${esc(work.title)}</strong><small>${esc(work.author || "未署名")} · ${work.chapterCount} 章 · ${work.wordCount} 字</small><span>${esc(work.description || "尚未填写作品简介")}</span><em class="book-access-badge">${work.accessRole === "viewer" ? "仅查看" : work.accessRole === "settings-editor" ? "设定协作" : work.accessRole === "editor" ? "完整协作" : work.accessRole === "admin" ? "管理员访问" : "我的作品"}</em></span>
       </button>
-      ${canEditWork(work) ? `<button class="book-card-settings" type="button" data-edit-work="${esc(work.id)}" aria-label="作品设置" title="作品设置">设置</button>` : ""}
+      ${canManageWork(work) ? `<button class="book-card-settings" type="button" data-edit-work="${esc(work.id)}" aria-label="作品设置" title="作品设置">设置</button>` : ""}
     </article>`).join("")}
     <button class="book-card book-add-card" id="book-add-card" type="button" aria-label="新建作品" data-testid="book-add-card"><span>＋</span><strong>新建作品</strong><small>从零开始或导入 TXT / DOCX</small></button>`;
   shelf.querySelectorAll("[data-open-work]").forEach((button) => button.addEventListener("click", () => selectWork(button.dataset.openWork)));
@@ -2026,7 +2197,7 @@ function renderShelf() {
 async function selectWork(workId, preferredChapterId = null) {
   const discarding = state.work?.id !== workId && state.dirty;
   if (discarding && !confirmDiscardChanges()) return false;
-  const nextWork = await api(`/api/works/${workId}`);
+  const nextWork = await api(`/api/works/${workId}?page=1&limit=100`);
   if (state.work?.id !== nextWork.id) {
     loadedAiModelsWorkId = null;
     loadedAiReferencesWorkId = null;
@@ -2067,7 +2238,8 @@ async function selectWork(workId, preferredChapterId = null) {
   renderTree();
   const chapters = state.work.volumes.flatMap((volume) => volume.chapters);
   const targetChapter = chapters.find((chapter) => chapter.id === preferredChapterId) ?? chapters[0];
-  if (state.module === "editor" && targetChapter) await selectChapter(targetChapter.id);
+  if (state.module === "editor" && preferredChapterId) await selectChapter(preferredChapterId);
+  else if (state.module === "editor" && targetChapter) await selectChapter(targetChapter.id);
   else if (state.module === "editor") showWelcome(true);
   else await showModule(state.module);
   return true;
@@ -2096,7 +2268,7 @@ function renderTree() {
       renderTree();
     });
     button.addEventListener("contextmenu", (event) => {
-      if (!canEditWork()) return;
+      if (!canEditProse()) return;
       event.preventDefault();
       openVolumeDialog(state.work.volumes.find((volume) => volume.id === button.dataset.volumeToggle));
     });
@@ -2104,7 +2276,7 @@ function renderTree() {
   $("#novel-tree").querySelectorAll("[data-chapter-id]").forEach((button) => {
     button.addEventListener("click", () => selectChapter(button.dataset.chapterId));
     button.addEventListener("contextmenu", (event) => {
-      if (!canEditWork()) return;
+      if (!canEditProse()) return;
       event.preventDefault();
       openChapterTypeMenu(button.dataset.chapterId, event.clientX, event.clientY);
     });
@@ -2154,7 +2326,7 @@ async function selectChapter(chapterId) {
   scheduleChapterLineNumbers();
   $("#chapter-insight").classList.add("hidden");
   updateChapterStats();
-  if (!canEditWork()) setSaveState("仅查看");
+  if (!canEditProse()) setSaveState(canEditWork() ? "正文只读" : "仅查看");
   else if (spacingChanged) scheduleChapterAutoSave(120);
   else setSaveState("已保存");
   renderTree();
@@ -2212,7 +2384,7 @@ const moduleMeta = {
 
 async function showModule(module) {
   if (!state.work) return showWelcome();
-  if (!canEditWork() && ["tasks", "ai-settings"].includes(module)) module = "editor";
+  if (!canEditProse() && ["tasks", "ai-settings"].includes(module)) module = "editor";
   if (module !== "editor" && state.module === "editor" && !confirmDiscardChanges()) return;
   if (module !== "editor" && state.module === "editor" && state.dirty) setSaveState("已放弃修改");
   state.module = module;
@@ -2234,7 +2406,7 @@ async function showModule(module) {
   $("#module-title").textContent = meta[1];
   $("#module-description").textContent = meta[2];
   $("#module-create-button").textContent = meta[3];
-  $("#module-create-button").classList.toggle("hidden", module === "ai-settings" || !canEditWork());
+  $("#module-create-button").classList.toggle("hidden", module === "ai-settings" || !canEditModule(module));
   $("#module-content").innerHTML = '<div class="empty-state">正在载入……</div>';
   try {
     if (module === "settings") await renderSettings();
@@ -2323,8 +2495,38 @@ function bindEntityHistoryButtons(refresh) {
   }));
 }
 
+function openEntityMergeDialog({ typeLabel, source, candidates, endpoint, body, refresh, impact }) {
+  const targetOptions = candidates
+    .filter((candidate) => candidate.id !== source.id)
+    .map((candidate) => [candidate.id, candidate.name]);
+  openDialog(`合并${typeLabel}`,
+    `<p class="merge-dialog-note">“${esc(source.name)}”将合并到所选档案，目标档案会保留。${esc(impact)}</p>` +
+    field("targetId", `目标${typeLabel}`, "select", targetOptions[0]?.[0] ?? "", targetOptions),
+    async (form) => {
+      const target = candidates.find((candidate) => candidate.id === form.get("targetId"));
+      if (!target) throw new Error(`请选择目标${typeLabel}`);
+      await api(endpoint(source), { method: "POST", body: body(target) });
+      await refresh();
+      await loadAiReferences();
+      toast(`已将“${source.name}”合并到“${target.name}”`);
+    }, "人工资料管理", { submitLabel: "确认合并" });
+}
+
+async function deleteManagedEntity({ typeLabel, item, endpoint, refresh, warning = "" }) {
+  const detail = warning ? `\n${warning}` : "";
+  if (!window.confirm(`确认删除${typeLabel}“${item.name}”吗？${detail}`)) return;
+  try {
+    await api(endpoint(item), { method: "DELETE" });
+    await refresh();
+    await loadAiReferences();
+    toast(`已删除${typeLabel}“${item.name}”`);
+  } catch (error) {
+    toast(error.message, "error");
+  }
+}
+
 async function renderSettings() {
-  const records = await api(`/api/works/${state.work.id}/settings`);
+  const records = (await apiPage(`/api/works/${state.work.id}/settings`)).items;
   state.settings = records;
   $("#module-content").innerHTML = records.length ? `<div class="card-grid">${records.map((item) => `
     <article class="record-card"><small>${esc(item.category)} · ${item.locked ? "已锁定" : esc(item.status)}</small>
@@ -2336,15 +2538,15 @@ async function renderSettings() {
     await renderSettings();
     await loadAiReferences();
   }));
-  $("#module-content").querySelectorAll("[data-edit-setting]").forEach((button) => button.addEventListener("click", () => openSettingDialog(records.find((item) => item.id === button.dataset.editSetting))));
+  $("#module-content").querySelectorAll("[data-edit-setting]").forEach((button) => button.addEventListener("click", () => openSettingEditor(records.find((item) => item.id === button.dataset.editSetting))));
   bindEntityHistoryButtons(async () => { await renderSettings(); await loadAiReferences(); });
 }
 
 async function renderCharacters() {
   [state.characters, state.races, state.organizations] = await Promise.all([
-    api(`/api/works/${state.work.id}/characters`),
-    api(`/api/works/${state.work.id}/races`),
-    api(`/api/works/${state.work.id}/organizations`)
+    apiPage(`/api/works/${state.work.id}/characters`).then((result) => result.items),
+    apiAllPages(`/api/works/${state.work.id}/races`),
+    apiAllPages(`/api/works/${state.work.id}/organizations`)
   ]);
   const auditPanel = `<section class="character-audit-panel"><div><strong>角色身份确认</strong><small>让 AI 查询角色档案并搜索正文，找出可能被误建成两个档案的同一角色。AI 只提交审核建议，不会自动合并。</small></div><button id="create-character-audit-task" class="ghost-button" type="button" ${state.characters.length < 2 ? "disabled" : ""}>AI 角色查重</button></section>`;
   $("#module-content").innerHTML = auditPanel + (state.characters.length ? `<div class="card-grid">${state.characters.map((item) => {
@@ -2358,7 +2560,7 @@ async function renderCharacters() {
     <div class="organization-links"><b>所属组织</b>${(item.organizations ?? []).length ? item.organizations.map((organization) => `<span class="pill organization-pill">${esc(organization.name)}</span>`).join("") : '<span class="organization-empty">未加入组织</span>'}</div>
     ${item.profile?.summary ? `<p class="character-summary">${esc(item.profile.summary)}</p>` : `<p>${esc(Object.entries(item.currentState).map(([key, value]) => `${key}：${value}`).join("\n") || "尚未记录当前状态")}</p>`}
     ${item.profileSectionCount ? `<small class="character-section-count">${item.profileSectionCount} 个设定章节</small>` : ""}
-    <div class="card-actions"><button data-edit-character="${esc(item.id)}">编辑</button></div></article>`;
+    <div class="card-actions"><button data-edit-character="${esc(item.id)}">编辑</button>${canEditWork() && state.characters.length > 1 ? `<button data-merge-character="${esc(item.id)}">合并</button>` : ""}${canEditWork() ? `<button class="danger-button" data-delete-character="${esc(item.id)}">删除</button>` : ""}</div></article>`;
   }).join("")}</div>`
     : emptyModule("还没有角色档案", "创建主要人物，并维护别名、身份、动机和当前状态。"));
   $("#create-character-audit-task")?.addEventListener("click", async () => {
@@ -2374,7 +2576,7 @@ async function renderCharacters() {
     }
   });
   $("#module-content").querySelectorAll("[data-open-character]").forEach((card) => {
-    const open = () => openCharacterDialog(state.characters.find((item) => item.id === card.dataset.openCharacter));
+    const open = () => openCharacterEditor(state.characters.find((item) => item.id === card.dataset.openCharacter));
     card.addEventListener("click", (event) => { if (!event.target.closest("button")) open(); });
     card.addEventListener("keydown", (event) => {
       if (event.key !== "Enter" && event.key !== " ") return;
@@ -2382,13 +2584,41 @@ async function renderCharacters() {
       open();
     });
   });
-  $("#module-content").querySelectorAll("[data-edit-character]").forEach((button) => button.addEventListener("click", () => openCharacterDialog(state.characters.find((item) => item.id === button.dataset.editCharacter))));
+  $("#module-content").querySelectorAll("[data-edit-character]").forEach((button) => button.addEventListener("click", () => openCharacterEditor(state.characters.find((item) => item.id === button.dataset.editCharacter))));
+  $("#module-content").querySelectorAll("[data-merge-character]").forEach((button) => button.addEventListener("click", () => {
+    const source = state.characters.find((item) => item.id === button.dataset.mergeCharacter);
+    if (!source) return;
+    openEntityMergeDialog({
+      typeLabel: "角色",
+      source,
+      candidates: state.characters,
+      endpoint: (item) => `/api/characters/${encodeURIComponent(item.id)}/merge`,
+      body: (target) => ({
+        targetCharacterId: target.id,
+        expectedTargetVersionNo: target.versionNo,
+        expectedSourceVersionNo: source.versionNo
+      }),
+      refresh: renderCharacters,
+      impact: "来源角色的别名、组织、档案章节、时间线与人物关系会迁移到目标角色。"
+    });
+  }));
+  $("#module-content").querySelectorAll("[data-delete-character]").forEach((button) => button.addEventListener("click", () => {
+    const item = state.characters.find((character) => character.id === button.dataset.deleteCharacter);
+    if (!item) return;
+    void deleteManagedEntity({
+      typeLabel: "角色",
+      item,
+      endpoint: (character) => `/api/characters/${encodeURIComponent(character.id)}`,
+      refresh: renderCharacters,
+      warning: "相关人物关系会删除，时间线中的参与者引用会移除。"
+    });
+  }));
 }
 
 async function renderRaces() {
   [state.races, state.characters] = await Promise.all([
-    api(`/api/works/${state.work.id}/races`),
-    api(`/api/works/${state.work.id}/characters`)
+    apiAllPages(`/api/works/${state.work.id}/races`),
+    apiAllPages(`/api/works/${state.work.id}/characters`)
   ]);
   const renderRaceNode = (item) => `<details class="race-tree-node" open data-race-node="${esc(item.id)}">
     <summary><span>${esc(item.name)}</span><small>${item.children.length} 个直接子种族</small></summary>
@@ -2398,36 +2628,84 @@ async function renderRaces() {
         <p>${esc(item.description || "尚未填写种族简介")}</p>
         <div class="race-settings">${item.effectiveSettings.length ? item.effectiveSettings.map((setting) => `<span class="pill${setting.inherited ? " inherited" : ""}" title="${esc(setting.inherited ? `继承自 ${setting.sourceRaceName}` : `定义于 ${setting.sourceRaceName}`)}">${esc(setting.value)}<small>${esc(setting.sourceRaceName)}</small></span>`).join("") : '<span class="pill">暂无共同设定</span>'}</div>
         <p class="race-members">直接角色：${item.members.length ? item.members.map((member) => esc(member.name)).join("、") : "暂无绑定角色"}</p>
-        <div class="card-actions"><button data-edit-race="${esc(item.id)}">编辑</button><button data-entity-history="race" data-entity-id="${esc(item.id)}" data-entity-title="${esc(item.name)}">版本历史</button></div>
+        <div class="card-actions"><button data-edit-race="${esc(item.id)}">编辑</button><button data-entity-history="race" data-entity-id="${esc(item.id)}" data-entity-title="${esc(item.name)}">版本历史</button>${canEditWork() && state.races.length > 1 ? `<button data-merge-race="${esc(item.id)}">合并</button>` : ""}${canEditWork() ? `<button class="danger-button" data-delete-race="${esc(item.id)}">删除</button>` : ""}</div>
       </article>
       ${item.children.length ? `<div class="race-tree-children">${item.children.map(renderRaceNode).join("")}</div>` : ""}
     </div>
   </details>`;
   $("#module-content").innerHTML = state.races.length ? `<section class="race-tree" aria-label="种族层级">${buildRaceForest(state.races).map(renderRaceNode).join("")}</section>` : emptyModule("还没有种族档案", "先创建种族及共同设定，之后角色编辑器才能选择该种族。");
   $("#module-content").querySelectorAll("[data-edit-race]").forEach((button) => button.addEventListener("click", () => openRaceDialog(state.races.find((item) => item.id === button.dataset.editRace))));
+  $("#module-content").querySelectorAll("[data-merge-race]").forEach((button) => button.addEventListener("click", () => {
+    const source = state.races.find((item) => item.id === button.dataset.mergeRace);
+    if (!source) return;
+    openEntityMergeDialog({
+      typeLabel: "种族",
+      source,
+      candidates: state.races,
+      endpoint: (item) => `/api/races/${encodeURIComponent(item.id)}/merge`,
+      body: (target) => ({ targetRaceId: target.id }),
+      refresh: renderRaces,
+      impact: "来源种族的角色、子种族、简介与共同设定会迁移到目标种族。"
+    });
+  }));
+  $("#module-content").querySelectorAll("[data-delete-race]").forEach((button) => button.addEventListener("click", () => {
+    const item = state.races.find((race) => race.id === button.dataset.deleteRace);
+    if (!item) return;
+    void deleteManagedEntity({
+      typeLabel: "种族",
+      item,
+      endpoint: (race) => `/api/races/${encodeURIComponent(race.id)}`,
+      refresh: renderRaces,
+      warning: "已绑定角色将变为未指定种族；有子种族时需先迁移或合并。"
+    });
+  }));
   bindEntityHistoryButtons(async () => { await renderRaces(); await loadAiReferences(); });
 }
 
 async function renderOrganizations() {
   [state.organizations, state.characters] = await Promise.all([
-    api(`/api/works/${state.work.id}/organizations`),
-    api(`/api/works/${state.work.id}/characters`)
+    apiAllPages(`/api/works/${state.work.id}/organizations`),
+    apiAllPages(`/api/works/${state.work.id}/characters`)
   ]);
   $("#module-content").innerHTML = state.organizations.length ? `<div class="card-grid organization-grid">${state.organizations.map((item) => `
     <article class="record-card organization-card"><small>${item.memberIds.length} 位成员 · ${item.settings.length} 条设定</small>
       <h3>${esc(item.name)}</h3><p>${esc(item.description || "尚未填写组织简介")}</p>
       <div class="organization-settings">${item.settings.map((setting) => `<span class="pill">${esc(setting)}</span>`).join("") || '<span class="pill">暂无组织设定</span>'}</div>
       <p class="organization-members">成员：${item.members.length ? item.members.map((member) => esc(member.name)).join("、") : "暂无绑定角色"}</p>
-      <div class="card-actions"><button data-edit-organization="${esc(item.id)}">编辑</button><button data-entity-history="organization" data-entity-id="${esc(item.id)}" data-entity-title="${esc(item.name)}">版本历史</button></div>
+      <div class="card-actions"><button data-edit-organization="${esc(item.id)}">编辑</button><button data-entity-history="organization" data-entity-id="${esc(item.id)}" data-entity-title="${esc(item.name)}">版本历史</button>${canEditWork() && state.organizations.length > 1 ? `<button data-merge-organization="${esc(item.id)}">合并</button>` : ""}${canEditWork() ? `<button class="danger-button" data-delete-organization="${esc(item.id)}">删除</button>` : ""}</div>
     </article>`).join("")}</div>` : emptyModule("还没有组织", "创建国家、机构、阵营或团队，并维护组织设定与成员。");
   $("#module-content").querySelectorAll("[data-edit-organization]").forEach((button) => button.addEventListener("click", () => openOrganizationDialog(state.organizations.find((item) => item.id === button.dataset.editOrganization))));
+  $("#module-content").querySelectorAll("[data-merge-organization]").forEach((button) => button.addEventListener("click", () => {
+    const source = state.organizations.find((item) => item.id === button.dataset.mergeOrganization);
+    if (!source) return;
+    openEntityMergeDialog({
+      typeLabel: "组织",
+      source,
+      candidates: state.organizations,
+      endpoint: (item) => `/api/organizations/${encodeURIComponent(item.id)}/merge`,
+      body: (target) => ({ targetOrganizationId: target.id }),
+      refresh: renderOrganizations,
+      impact: "来源组织的成员、简介与组织设定会迁移到目标组织。"
+    });
+  }));
+  $("#module-content").querySelectorAll("[data-delete-organization]").forEach((button) => button.addEventListener("click", () => {
+    const item = state.organizations.find((organization) => organization.id === button.dataset.deleteOrganization);
+    if (!item) return;
+    void deleteManagedEntity({
+      typeLabel: "组织",
+      item,
+      endpoint: (organization) => `/api/organizations/${encodeURIComponent(organization.id)}`,
+      refresh: renderOrganizations,
+      warning: "角色与该组织的成员关系会一并移除。"
+    });
+  }));
   bindEntityHistoryButtons(async () => { await renderOrganizations(); await loadAiReferences(); });
 }
 
 async function renderTimeline() {
   const [events, tracks] = await Promise.all([
-    api(`/api/works/${state.work.id}/timeline`),
-    api(`/api/works/${state.work.id}/timeline-tracks`)
+    apiPage(`/api/works/${state.work.id}/timeline`).then((result) => result.items),
+    apiAllPages(`/api/works/${state.work.id}/timeline-tracks`)
   ]);
   state.timelineTracks = tracks;
   const lanes = [...tracks, { id: "", name: "未分组时间轴", description: "尚未归入独立大事件的时间节点。", sortOrder: Number.MAX_SAFE_INTEGER }];
@@ -2446,7 +2724,12 @@ async function renderTimeline() {
     const eventIds = [...$("#module-content").querySelectorAll("[data-event-select]:checked")].map((input) => input.dataset.eventSelect);
     if (eventIds.length < 2) return toast("请至少选择两个时间事件", "error");
     openDialog("合并时间事件", field("name", "合并后的事件名称") + field("description", "合并说明（留空则拼接原说明）", "textarea"), async (form) => {
-      await api(`/api/works/${state.work.id}/timeline/merge`, { method: "POST", body: { eventIds, name: form.get("name"), description: form.get("description") || undefined } });
+      await api(`/api/works/${state.work.id}/timeline/merge`, { method: "POST", body: {
+        eventIds,
+        name: form.get("name"),
+        description: form.get("description") || undefined,
+        expectedVersionNos: Object.fromEntries(eventIds.map((eventId) => [eventId, Number(events.find((event) => event.id === eventId)?.versionNo)]))
+      } });
       await renderTimeline();
     }, "保留参与者与证据");
   });
@@ -2455,8 +2738,8 @@ async function renderTimeline() {
 async function renderOutlines() {
   const currentChapterId = state.chapter?.id;
   const [outlines, foreshadows] = await Promise.all([
-    api(`/api/works/${state.work.id}/outlines`),
-    api(`/api/works/${state.work.id}/foreshadows?status=all${currentChapterId ? `&currentChapterId=${encodeURIComponent(currentChapterId)}` : ""}`)
+    apiPage(`/api/works/${state.work.id}/outlines`).then((result) => result.items),
+    apiPage(`/api/works/${state.work.id}/foreshadows?status=all${currentChapterId ? `&currentChapterId=${encodeURIComponent(currentChapterId)}` : ""}`).then((result) => result.items)
   ]);
   const unresolved = foreshadows.filter((item) => item.unresolved);
   const overdue = unresolved.filter((item) => item.overdue);
@@ -2484,8 +2767,8 @@ async function renderOutlines() {
 }
 
 async function renderRelationships() {
-  state.characters = await api(`/api/works/${state.work.id}/characters`);
-  const relationships = await api(`/api/works/${state.work.id}/relationships`);
+  state.characters = await apiAllPages(`/api/works/${state.work.id}/characters`);
+  const relationships = (await apiPage(`/api/works/${state.work.id}/relationships`)).items;
   const nameOf = (id) => state.characters.find((item) => item.id === id)?.name ?? "未知角色";
   state.galaxy?.destroy();
   state.relationshipExpandedMap?.destroy?.();
@@ -2516,8 +2799,8 @@ async function renderRelationships() {
 
 async function renderReviews() {
   const [reviews, characters] = await Promise.all([
-    api(`/api/works/${state.work.id}/reviews`),
-    api(`/api/works/${state.work.id}/characters?includeMerged=1`)
+    apiPage(`/api/works/${state.work.id}/reviews`).then((result) => result.items),
+    apiAllPages(`/api/works/${state.work.id}/characters?includeMerged=1`)
   ]);
   const characterById = new Map(characters.map((character) => [character.id, character]));
   const duplicateCard = (item) => {
@@ -2577,7 +2860,7 @@ async function renderReviews() {
 
 async function renderTasks() {
   const [tasks, settings] = await Promise.all([
-    api(`/api/works/${state.work.id}/tasks`),
+    apiPage(`/api/works/${state.work.id}/tasks`).then((result) => result.items),
     api(`/api/works/${state.work.id}/ai-settings`)
   ]);
   const pendingCount = tasks.filter((item) => item.status === "pending").length;
@@ -3012,8 +3295,8 @@ async function loadAiReferences() {
   const workId = state.work?.id;
   if (!workId) return;
   const [characters, settings] = await Promise.all([
-    api(`/api/works/${workId}/characters`),
-    api(`/api/works/${workId}/settings`)
+    apiAllPages(`/api/works/${workId}/characters`),
+    apiAllPages(`/api/works/${workId}/settings`)
   ]);
   if (state.work?.id !== workId) return;
   state.characters = characters;
@@ -3230,7 +3513,7 @@ function bindWorkCoverControls(work) {
   $("#work-cover-remove")?.addEventListener("click", async () => {
     try {
       await api(`/api/works/${work.id}/cover`, { method: "DELETE" });
-      state.works = await api("/api/works");
+      state.works = (await apiPage("/api/works")).items;
       const updated = state.works.find((item) => item.id === work.id) ?? { ...work, coverUrl: null };
       Object.assign(work, updated);
       const coverField = $("#dialog-fields")?.querySelector(".work-cover-field");
@@ -3257,7 +3540,7 @@ function openWorkSettingsDialog(work) {
     workCoverFieldHtml(work) + field("title", "作品名称", "text", work.title) + field("author", "作者", "text", work.author) + field("description", "简介", "textarea", work.description) + accessField,
     async (form) => {
       await api(`/api/works/${work.id}`, { method: "PATCH", body: { title: form.get("title"), author: form.get("author"), description: form.get("description") } });
-      state.works = await api("/api/works");
+      state.works = (await apiPage("/api/works")).items;
       const updated = state.works.find((item) => item.id === work.id);
       if (updated) Object.assign(work, updated);
       if (state.work?.id === work.id) {
@@ -3280,6 +3563,7 @@ function openWorkSettingsDialog(work) {
 
 async function openChapterDialog() {
   if (!state.work) return openWorkDialog();
+  if (!canEditProse()) return toast("当前权限只能编辑设定资料，正文为只读", "error");
   if (!state.work.volumes.length) {
     await api(`/api/works/${state.work.id}/volumes`, { method: "POST", body: { title: "正文", kind: "main" } });
     state.work = await api(`/api/works/${state.work.id}`);
@@ -3294,6 +3578,7 @@ async function openChapterDialog() {
 
 function openVolumeDialog(item) {
   if (!state.work) return openWorkDialog();
+  if (!canEditProse()) return toast("当前权限只能编辑设定资料，不能修改分卷", "error");
   const kindOptions = [["main", "正文卷"], ["prequel", "前传"], ["extra", "番外"], ["epilogue", "后记"], ["appendix", "附录"]];
   openDialog(item ? "编辑分卷" : "新建分卷",
     field("title", "分卷名称", "text", item?.title) +
@@ -3314,17 +3599,50 @@ function openVolumeDialog(item) {
     }, "分卷设置");
 }
 
-function openSettingDialog(item) {
-  openDialog(item ? "编辑设定" : "新建设定",
-    field("title", "标题", "text", item?.title) +
-    field("category", "分类", "select", item?.category ?? "世界规则", [["世界规则", "世界规则"], ["历史与年代", "历史与年代"], ["地点与地图", "地点与地图"], ["组织与阵营", "组织与阵营"], ["物种与族群", "物种与族群"], ["科技与物品", "科技与物品"], ["术语与称谓", "术语与称谓"], ["创作约束", "创作约束"]]) +
-    field("content", "设定说明", "textarea", item?.content) + field("locked", "锁定为 AI 硬约束", "checkbox", item?.locked),
-    async (form) => {
-      const body = { title: form.get("title"), category: form.get("category"), content: form.get("content"), locked: form.get("locked") === "on", status: form.get("locked") === "on" ? "confirmed" : (item?.status ?? "draft") };
+function openSettingEditor(item = null) {
+  settingEditorItem = item;
+  $("#setting-editor-eyebrow").textContent = item ? "人工修正" : "作者事实";
+  $("#setting-editor-title").textContent = item ? `编辑“${item.title}”` : "新建设定";
+  $("#setting-editor-name").value = item?.title ?? "";
+  $("#setting-editor-category").value = item?.category ?? "世界规则";
+  $("#setting-editor-locked").checked = Boolean(item?.locked);
+  $("#setting-editor-body").value = item?.content ?? "";
+  $("#setting-change-note").value = "";
+  $("#setting-change-note-field").classList.toggle("hidden", !item);
+  $("#setting-editor-submit").textContent = item ? "保存新版本" : "创建设定";
+  const viewOnly = !canEditWork();
+  $("#setting-editor-form").querySelectorAll("input, textarea").forEach((control) => { control.readOnly = viewOnly; });
+  $("#setting-editor-form").querySelectorAll("select, input[type='checkbox']").forEach((control) => { control.disabled = viewOnly; });
+  $("#setting-editor-submit").classList.toggle("hidden", viewOnly);
+  $("#setting-editor-form").onsubmit = async (event) => {
+    event.preventDefault();
+    if (!canEditWork()) return;
+    const form = new FormData(event.currentTarget);
+    const submit = $("#setting-editor-submit");
+    submit.disabled = true;
+    try {
+      const locked = form.get("locked") === "on";
+      const body = {
+        title: String(form.get("title") ?? "").trim(),
+        category: String(form.get("category") ?? "世界规则"),
+        content: String(form.get("content") ?? ""),
+        locked,
+        status: locked ? "confirmed" : (item?.status ?? "draft"),
+        ...(item ? { changeNote: String(form.get("changeNote") ?? "").trim() } : {})
+      };
       await api(item ? `/api/settings/${item.id}` : `/api/works/${state.work.id}/settings`, { method: item ? "PATCH" : "POST", body });
-      await renderSettings();
+      entityEditorDirty = false;
       await loadAiReferences();
-    }, item ? "人工修正" : "作者事实");
+      await closeEntityEditor({ force: true });
+      toast(item ? "设定新版本已保存" : "设定已创建");
+    } catch (error) {
+      toast(error.message, "error");
+    } finally {
+      submit.disabled = false;
+    }
+  };
+  showEntityEditorPage("setting");
+  $("#setting-editor-name").focus();
 }
 
 function characterEditorSection(key, title, description, content) {
@@ -3400,8 +3718,8 @@ async function loadCharacterEditorRelationships(characterId) {
   let loaded = false;
   try {
     const [characters, relationships] = await Promise.all([
-      api(`/api/works/${workId}/characters`),
-      api(`/api/works/${workId}/relationships`)
+      apiAllPages(`/api/works/${workId}/characters`),
+      apiAllPages(`/api/works/${workId}/relationships`)
     ]);
     if (state.work?.id !== workId || characterEditorItem?.id !== characterId) return;
     state.characters = characters;
@@ -3422,7 +3740,7 @@ async function loadCharacterEditorRelationships(characterId) {
 async function refreshRelationshipSurfaces(characterId = null) {
   const tasks = [];
   if (state.module === "relationships") tasks.push(renderRelationships());
-  if (characterId && $("#character-editor-dialog").open && characterEditorItem?.id === characterId) {
+  if (characterId && entityEditorType === "character" && !$("#entity-editor-view").classList.contains("hidden") && characterEditorItem?.id === characterId) {
     tasks.push(loadCharacterEditorRelationships(characterId));
   }
   await Promise.all(tasks);
@@ -3459,9 +3777,29 @@ function scheduleCharacterSectionPreview() {
   }, 260);
 }
 
+async function closeCharacterSectionEditor({ force = false } = {}) {
+  if (!force && characterSectionEditorDirty && !window.confirm("当前 Markdown 章节有未保存修改，返回人物档案将丢弃这些修改。是否继续？")) return false;
+  if (characterSectionPreviewTimer !== null) {
+    clearTimeout(characterSectionPreviewTimer);
+    characterSectionPreviewTimer = null;
+  }
+  await discardPendingCharacterAttachments();
+  characterSectionEditorDirty = false;
+  $("#character-section-editor-view").classList.add("hidden");
+  $("#character-editor-form").classList.remove("hidden");
+  $("#character-section-editor-host").innerHTML = "";
+  replacePageRoute(currentPageRoute());
+  return true;
+}
+
 function characterSectionEditorHtml(section = null) {
   const options = Object.entries(characterSectionTypeLabels).map(([value, label]) => `<option value="${value}" ${section?.sectionType === value ? "selected" : ""}>${esc(label)}</option>`).join("");
-  return `<section class="character-markdown-editor" aria-label="${section ? "编辑" : "新建"}人物 Markdown 章节">
+  return `<div class="character-section-editor-shell">
+    <header class="character-section-editor-header">
+      <div><span class="eyebrow">人物 Markdown 档案</span><h2 id="character-section-editor-title">${section ? `编辑“${esc(section.title)}”` : "新建档案章节"}</h2></div>
+      <button class="entity-editor-back" type="button" data-character-section-edit-close>返回人物档案</button>
+    </header>
+    <section class="character-markdown-editor" aria-label="${section ? "编辑" : "新建"}人物 Markdown 章节">
     <div class="character-markdown-editor-meta">
       <label>章节类型<select id="character-section-type">${options}</select></label>
       <label>章节标题<input id="character-section-title" maxlength="200" value="${esc(section?.title ?? "")}" placeholder="例如：背景故事" required></label>
@@ -3476,17 +3814,23 @@ function characterSectionEditorHtml(section = null) {
       <label>Markdown 原文<textarea id="character-section-markdown" maxlength="500000" spellcheck="true" placeholder="支持标题、列表、引用、表格、链接和图片">${esc(section?.contentMarkdown ?? "")}</textarea></label>
       <div><span class="character-markdown-preview-label">安全预览</span><article id="character-section-preview" class="character-markdown-document message-body">${renderMarkdown(section?.contentMarkdown ?? "") || '<p class="character-markdown-empty">预览区域暂无内容。</p>'}</article></div>
     </div>
-    <label class="character-markdown-change-note">版本说明<input id="character-section-change-note" maxlength="500" placeholder="可选，例如：补充远古时期经历"></label>
-    <div class="character-markdown-editor-actions"><button type="button" data-character-section-edit-cancel>取消</button><button type="button" class="primary-button" data-character-section-edit-save>${section ? "保存章节版本" : "创建章节"}</button></div>
-  </section>`;
+    <div class="character-markdown-editor-footer">
+      <label class="character-markdown-change-note">版本说明<input id="character-section-change-note" maxlength="500" placeholder="可选，例如：补充远古时期经历"></label>
+      <div class="character-markdown-editor-actions"><button type="button" data-character-section-edit-cancel>取消</button><button type="button" class="primary-button" data-character-section-edit-save>${section ? "保存章节版本" : "创建章节"}</button></div>
+    </div>
+    </section>
+  </div>`;
 }
 
 async function openCharacterSectionEditor(section = null) {
   await discardPendingCharacterAttachments();
-  const host = $("#character-markdown-sections");
-  if (!host) return;
+  const host = $("#character-section-editor-host");
   host.innerHTML = characterSectionEditorHtml(section);
+  characterSectionEditorDirty = false;
+  $("#character-editor-form").classList.add("hidden");
+  $("#character-section-editor-view").classList.remove("hidden");
   const textarea = $("#character-section-markdown");
+  host.querySelectorAll("input, textarea, select").forEach((control) => control.addEventListener("input", () => { characterSectionEditorDirty = true; }));
   textarea.addEventListener("input", scheduleCharacterSectionPreview);
   $("#character-section-attachment").addEventListener("change", async (event) => {
     const file = event.target.files?.[0];
@@ -3506,6 +3850,7 @@ async function openCharacterSectionEditor(section = null) {
       const suffix = end < textarea.value.length && !textarea.value.slice(end).startsWith("\n") ? "\n\n" : "";
       textarea.setRangeText(`${prefix}${insertion}${suffix}`, start, end, "end");
       textarea.focus();
+      characterSectionEditorDirty = true;
       scheduleCharacterSectionPreview();
       toast(attachment.storedMimeType === "image/webp" ? "图片已转换为无损 WebP 并插入" : "图片已插入；转换后未变小，因此保留原格式");
     } catch (error) {
@@ -3515,10 +3860,8 @@ async function openCharacterSectionEditor(section = null) {
       input.value = "";
     }
   });
-  host.querySelector("[data-character-section-edit-cancel]").addEventListener("click", async () => {
-    await discardPendingCharacterAttachments();
-    renderCharacterMarkdownSections();
-  });
+  host.querySelector("[data-character-section-edit-close]").addEventListener("click", () => void closeCharacterSectionEditor());
+  host.querySelector("[data-character-section-edit-cancel]").addEventListener("click", () => void closeCharacterSectionEditor());
   host.querySelector("[data-character-section-edit-save]").addEventListener("click", async (event) => {
     const button = event.currentTarget;
     const title = $("#character-section-title").value.trim();
@@ -3547,6 +3890,8 @@ async function openCharacterSectionEditor(section = null) {
       characterEditorSections = await api(`/api/characters/${characterEditorItem.id}/sections`);
       renderCharacterMarkdownSections();
       await Promise.all([renderCharacters(), loadAiReferences()]);
+      characterSectionEditorDirty = false;
+      await closeCharacterSectionEditor({ force: true });
       toast(section ? `“${saved.title}”已保存为 v${saved.versionNo}` : `已创建“${saved.title}”`);
     } catch (error) {
       toast(error.message, "error");
@@ -3565,7 +3910,7 @@ async function showCharacterSectionVersions(sectionId) {
     host.querySelectorAll("[data-character-section-restore]").forEach((button) => button.addEventListener("click", async () => {
       button.disabled = true;
       try {
-        await api(`/api/character-sections/${sectionId}/restore`, { method: "POST", body: { versionNo: Number(button.dataset.characterSectionRestore) } });
+      await api(`/api/character-sections/${sectionId}/restore`, { method: "POST", body: { versionNo: Number(button.dataset.characterSectionRestore) } });
         characterEditorSections = await api(`/api/characters/${characterEditorItem.id}/sections`);
         renderCharacterMarkdownSections();
         await Promise.all([renderCharacters(), loadAiReferences()]);
@@ -3780,10 +4125,10 @@ async function showCharacterHistory() {
   }
 }
 
-async function openCharacterDialog(item) {
+async function openCharacterEditor(item = null) {
   [state.races, state.organizations] = await Promise.all([
-    api(`/api/works/${state.work.id}/races`),
-    api(`/api/works/${state.work.id}/organizations`)
+    apiAllPages(`/api/works/${state.work.id}/races`),
+    apiAllPages(`/api/works/${state.work.id}/organizations`)
   ]);
   characterEditorItem = item ?? null;
   characterEditorVersions = [];
@@ -3805,13 +4150,14 @@ async function openCharacterDialog(item) {
     $("#character-editor-fields").querySelectorAll("input, textarea").forEach((control) => { control.readOnly = true; });
     $("#character-editor-fields").querySelectorAll("select, input[type='checkbox']").forEach((control) => { control.disabled = true; });
   }
+  $("#character-change-note").readOnly = viewOnly;
+  $("#character-editor-submit").classList.toggle("hidden", viewOnly);
   document.querySelectorAll("[data-character-editor-tab]").forEach((button) => {
     button.onclick = () => activateCharacterEditorTab(button.dataset.characterEditorTab);
   });
   const relationshipTab = document.querySelector("[data-character-editor-tab='relationships']");
   relationshipTab.disabled = !item;
   relationshipTab.title = item ? "查看和编辑人物关系" : "创建人物档案后即可维护人物关系";
-  const dialog = $("#character-editor-dialog");
   const form = $("#character-editor-form");
   form.onsubmit = async (event) => {
     event.preventDefault();
@@ -3825,8 +4171,9 @@ async function openCharacterDialog(item) {
       const previousVersion = characterEditorItem?.versionNo;
       if (!wasEditing) delete body.changeNote;
       const saved = await api(wasEditing ? `/api/characters/${characterEditorItem.id}` : `/api/works/${state.work.id}/characters`, { method: wasEditing ? "PATCH" : "POST", body });
-      dialog.close();
-      await Promise.all([renderCharacters(), loadAiReferences()]);
+      entityEditorDirty = false;
+      await loadAiReferences();
+      await closeEntityEditor({ force: true });
       toast(!wasEditing ? "人物档案已创建" : saved.versionNo === previousVersion ? "没有检测到人物档案变更" : `人物档案已保存为 v${saved.versionNo}`);
     } catch (error) {
       toast(error.message, "error");
@@ -3834,7 +4181,7 @@ async function openCharacterDialog(item) {
       submit.disabled = false;
     }
   };
-  dialog.showModal();
+  showEntityEditorPage("character");
   if (item) {
     void loadCharacterEditorRelationships(item.id);
     void loadCharacterMarkdownSections(item.id);
@@ -3842,7 +4189,7 @@ async function openCharacterDialog(item) {
 }
 
 async function openRaceDialog(item) {
-  state.characters = await api(`/api/works/${state.work.id}/characters`);
+  state.characters = await apiAllPages(`/api/works/${state.work.id}/characters`);
   const memberOptions = state.characters.map((character) => [character.id, `${character.name}${character.aliases.length ? `（${character.aliases.join("、")}）` : ""}`]);
   const parentOptions = [["", "无（根种族）"], ...eligibleRaceParents(state.races, item?.id)
     .sort((left, right) => racePathLabel(left).localeCompare(racePathLabel(right), "zh-CN"))
@@ -3863,7 +4210,7 @@ async function openRaceDialog(item) {
 }
 
 async function openOrganizationDialog(item) {
-  state.characters = await api(`/api/works/${state.work.id}/characters`);
+  state.characters = await apiAllPages(`/api/works/${state.work.id}/characters`);
   const memberOptions = state.characters.map((character) => [character.id, `${character.name}${character.aliases.length ? `（${character.aliases.join("、")}）` : ""}`]);
   openDialog(item ? "编辑组织" : "新建组织",
     field("name", "组织名称", "text", item?.name) +
@@ -3890,7 +4237,7 @@ function openTimelineDialog(item, preferredTrackId = null) {
   const trackOptions = [["", "未分组"], ...state.timelineTracks.map((track) => [track.id, track.name])];
   openDialog(item ? "编辑大事件" : "新建大事件", field("trackId", "所属独立时间轴", "select", item?.trackId ?? preferredTrackId ?? "", trackOptions) + field("name", "事件名称", "text", item?.name) + field("timeLabel", "时间描述", "text", item?.timeLabel ?? "时间待定") + field("timeSort", "排序值（留空表示时间待定）", "number", item?.timeSort ?? "") + field("eventType", "事件类型", "text", item?.eventType ?? "other") + field("location", "地点", "text", item?.location) + field("description", "事件简述", "textarea", item?.description), async (form) => {
     const rawSort = String(form.get("timeSort") ?? "").trim();
-    const body = { trackId: form.get("trackId") || null, name: form.get("name"), timeLabel: form.get("timeLabel"), timeSort: rawSort ? Number(rawSort) : null, eventType: form.get("eventType"), location: form.get("location"), description: form.get("description"), status: item?.status ?? "confirmed" };
+    const body = { trackId: form.get("trackId") || null, name: form.get("name"), timeLabel: form.get("timeLabel"), timeSort: rawSort ? Number(rawSort) : null, eventType: form.get("eventType"), location: form.get("location"), description: form.get("description"), status: item?.status ?? "confirmed", ...(item ? { expectedVersionNo: item.versionNo } : {}) };
     await api(item ? `/api/timeline/${item.id}` : `/api/works/${state.work.id}/timeline`, { method: item ? "PATCH" : "POST", body });
     await renderTimeline();
   }, item ? "人工调整" : "作者确认事件");
@@ -3906,7 +4253,7 @@ function openOutlineDialog(item) {
     field("status", "规划状态", "select", item.status ?? "draft", [["draft", "草稿"], ["ready", "可执行"], ["completed", "已完成"]]),
     async (form) => {
       await api(`/api/chapters/${item.chapterId}/outline`, { method: "PUT", body: {
-        goal: form.get("goal"), conflict: form.get("conflict"), turningPoint: form.get("turningPoint"), notes: form.get("notes"), status: form.get("status")
+        goal: form.get("goal"), conflict: form.get("conflict"), turningPoint: form.get("turningPoint"), notes: form.get("notes"), status: form.get("status"), expectedVersionNo: item.versionNo
       } });
       await renderOutlines();
       toast("章节规划已保存");
@@ -3949,7 +4296,8 @@ function openForeshadowDialog(item) {
       const occurrences = [...preservedOccurrences, ...editedOccurrences];
       const body = {
         title: form.get("title"), description: form.get("description"), importance: form.get("importance"), status: form.get("status"),
-        plannedPayoffChapterId: form.get("payoffChapterId") || null, resolutionNote: form.get("resolutionNote"), occurrences
+        plannedPayoffChapterId: form.get("payoffChapterId") || null, resolutionNote: form.get("resolutionNote"), occurrences,
+        ...(item ? { expectedVersionNo: item.versionNo } : {})
       };
       await api(item ? `/api/foreshadows/${item.id}` : `/api/works/${state.work.id}/foreshadows`, { method: item ? "PATCH" : "POST", body });
       await renderOutlines();
@@ -3962,20 +4310,20 @@ function openTimelineSplitDialog(item) {
     await api(`/api/timeline/${item.id}/split`, { method: "POST", body: { parts: [
       { name: form.get("firstName"), description: form.get("firstDescription") },
       { name: form.get("secondName"), description: form.get("secondDescription") }
-    ] } });
+    ], expectedVersionNo: item.versionNo } });
     await renderTimeline();
   }, "原证据同步保留");
 }
 
 async function openRelationshipDialog(item, options = {}) {
-  state.characters = await api(`/api/works/${state.work.id}/characters`);
+  state.characters = await apiAllPages(`/api/works/${state.work.id}/characters`);
   if (state.characters.length < 2) return toast("至少需要两个角色才能创建关系", "error");
   const characterOptions = state.characters.map((item) => [item.id, item.name]);
   const defaultFrom = options.characterId && state.characters.some((character) => character.id === options.characterId) ? options.characterId : characterOptions[0][0];
   const defaultTo = characterOptions.find(([id]) => id !== defaultFrom)?.[0] ?? characterOptions[1][0];
   openDialog(item ? "编辑人物关系" : "新建人物关系", field("from", "起点人物", "select", item?.fromCharacterId ?? defaultFrom, characterOptions) + field("to", "终点人物", "select", item?.toCharacterId ?? defaultTo, characterOptions) + field("category", "关系大类", "select", item?.category ?? "social", [["family", "亲属"], ["social", "社交"], ["emotional", "情感"], ["conflict", "冲突"], ["uncertain", "未确定"]]) + field("subtype", "关系子类", "text", item?.subtype) + field("keywords", "关系关键词", "keyword-chips", item?.keywords ?? []) + field("confidence", "置信度（0-1）", "number", item?.confidence ?? "1") + field("directed", "有方向性", "checkbox", item?.directed ?? false), async (form) => {
     const keywords = uniqueRelationshipKeywords(form.getAll("keywords").map(String));
-    await api(item ? `/api/relationships/${item.id}` : `/api/works/${state.work.id}/relationships`, { method: item ? "PATCH" : "POST", body: { fromCharacterId: form.get("from"), toCharacterId: form.get("to"), category: form.get("category"), subtype: form.get("subtype"), keywords, confidence: Number(form.get("confidence")), directed: form.get("directed") === "on", confirmationStatus: item?.confirmationStatus ?? "confirmed" } });
+    await api(item ? `/api/relationships/${item.id}` : `/api/works/${state.work.id}/relationships`, { method: item ? "PATCH" : "POST", body: { fromCharacterId: form.get("from"), toCharacterId: form.get("to"), category: form.get("category"), subtype: form.get("subtype"), keywords, confidence: Number(form.get("confidence")), directed: form.get("directed") === "on", confirmationStatus: item?.confirmationStatus ?? "confirmed", ...(item ? { expectedVersionNo: item.versionNo } : {}) } });
     await refreshRelationshipSurfaces(options.characterId ?? null);
   }, item ? "关系档案" : "人工确认关系");
 }
@@ -4278,7 +4626,7 @@ function appendSuggestion(suggestion, createdAt = null, messageId = null) {
 async function showVersions() {
   if (!state.chapter) return;
   const versions = await api(`/api/chapters/${state.chapter.id}/versions`);
-  $("#versions-list").innerHTML = versions.map((version) => `<div class="version-row"><div><b>v${version.versionNo}</b><small>${esc(version.source)} · ${esc(version.actor || "历史数据")}</small></div><p>${esc(version.content.slice(0, 300) || "空白章节")}</p><button class="ghost-button" data-restore-version="${version.versionNo}">恢复</button></div>`).join("");
+  $("#versions-list").innerHTML = versions.map((version) => `<div class="version-row"><div><b>v${version.versionNo}</b><small>${esc(version.source)} · ${esc(version.actor || "历史数据")}</small></div><p>${esc(version.content.slice(0, 300) || "空白章节")}</p>${canEditProse() ? `<button class="ghost-button" data-restore-version="${version.versionNo}">恢复</button>` : ""}</div>`).join("");
   $("#versions-list").querySelectorAll("[data-restore-version]").forEach((button) => button.addEventListener("click", async () => {
     if (!window.confirm(`将版本 v${button.dataset.restoreVersion} 恢复为一个新的保存版本？`)) return;
     state.chapter = await api(`/api/chapters/${state.chapter.id}/restore`, { method: "POST", body: { versionNo: Number(button.dataset.restoreVersion) } });
@@ -4581,7 +4929,7 @@ $("#member-invite-form").addEventListener("submit", async (event) => {
     const members = await api(`/api/works/${encodeURIComponent(work.id)}/members`, { method: "POST", body: { userId, role } });
     renderMembers(members);
     await fillMemberCandidates(members);
-    toast(role === "viewer" ? "仅查看成员已邀请" : "协作者已邀请");
+    toast(role === "viewer" ? "仅查看成员已邀请" : role === "settings-editor" ? "设定编辑已邀请" : "完整协作者已邀请");
   } catch (error) { toast(error.message, "error"); }
 });
 $("#platform-new-provider").addEventListener("click", () => openProviderDialog());
@@ -4596,9 +4944,16 @@ $("#versions-button").addEventListener("click", showVersions);
 $("#versions-close").addEventListener("click", () => $("#versions-dialog").close());
 $("#entity-history-close").addEventListener("click", () => $("#entity-history-dialog").close());
 $("#ai-tool-call-close").addEventListener("click", () => $("#ai-tool-call-dialog").close());
-$("#character-editor-close").addEventListener("click", () => $("#character-editor-dialog").close());
-$("#character-editor-cancel").addEventListener("click", () => $("#character-editor-dialog").close());
-$("#character-editor-dialog").addEventListener("close", () => { void discardPendingCharacterAttachments(); });
+$("#setting-editor-back").addEventListener("click", () => { void closeEntityEditor(); });
+$("#character-editor-close").addEventListener("click", () => { void closeEntityEditor(); });
+$("#character-editor-cancel").addEventListener("click", () => { void closeEntityEditor(); });
+$("#setting-editor-form").addEventListener("input", markEntityEditorDirty);
+$("#setting-editor-form").addEventListener("change", markEntityEditorDirty);
+$("#character-editor-form").addEventListener("input", markEntityEditorDirty);
+$("#character-editor-form").addEventListener("change", markEntityEditorDirty);
+$("#character-editor-fields").addEventListener("click", (event) => {
+  if (event.target.closest("[data-item-list-add], [data-structured-list-add], [data-item-list-remove], [data-structured-list-remove]")) markEntityEditorDirty();
+});
 $("#character-history-button").addEventListener("click", () => {
   if ($("#character-history-panel").classList.contains("hidden")) void showCharacterHistory();
   else setCharacterHistoryVisible(false);
@@ -4697,7 +5052,7 @@ $("#module-nav").addEventListener("click", (event) => {
   if (button.dataset.module) showModule(button.dataset.module);
 });
 $("#module-more-button").addEventListener("click", () => setModuleNavExpanded(!moduleNavExpanded));
-$("#module-create-button").addEventListener("click", () => ({ settings: openSettingDialog, characters: openCharacterDialog, races: openRaceDialog, organizations: openOrganizationDialog, timeline: openTimelineDialog, outlines: openForeshadowDialog, relationships: openRelationshipDialog, reviews: openReviewDialog, tasks: openTaskDialog })[state.module]?.());
+$("#module-create-button").addEventListener("click", () => ({ settings: openSettingEditor, characters: openCharacterEditor, races: openRaceDialog, organizations: openOrganizationDialog, timeline: openTimelineDialog, outlines: openForeshadowDialog, relationships: openRelationshipDialog, reviews: openReviewDialog, tasks: openTaskDialog })[state.module]?.());
 $("#ai-prompt").addEventListener("input", async () => {
   updateAiMentionMenu();
   scheduleAiContextUsage();
@@ -4723,22 +5078,35 @@ $("#ai-mention-menu").addEventListener("click", (event) => {
   if (button) selectAiMention(button);
 });
 $("#import-file").addEventListener("change", async (event) => {
-  if (!state.work || !event.target.files[0]) return;
-  if (!confirmDiscardChanges("导入会替换当前作品目录，未保存修改将丢失。是否继续？")) {
+  const file = event.target.files[0];
+  if (!state.work || !file) return;
+  if (!canEditProse()) {
+    event.target.value = "";
+    toast("当前权限只能编辑设定资料，不能导入正文", "error");
+    return;
+  }
+  const mode = await chooseExistingWorkImportMode(file);
+  if (!mode) {
     event.target.value = "";
     return;
   }
+  cancelChapterAutoSave();
   const body = new FormData();
-  body.append("file", event.target.files[0]);
+  body.append("file", file);
+  body.append("mode", mode);
+  body.append("expectedVersionNo", String(state.work.versionNo));
   try {
     const result = await api(`/api/works/${state.work.id}/import`, { method: "POST", body });
-    setSaveState("已导入");
+    setSaveState(mode === "append" ? "已追加" : "已覆盖");
     state.work = result.tree;
     renderTree();
-    toast(result.warnings.length ? `导入完成：${result.warnings.join("；")}` : "导入完成");
-    const first = state.work.volumes.flatMap((volume) => volume.chapters)[0];
-    if (first) await selectChapter(first.id);
-  } catch (error) { toast(error.message, "error"); }
+    const completion = mode === "append" ? "正文追加完成" : "正文覆盖完成";
+    toast(result.warnings.length ? `${completion}：${result.warnings.join("；")}` : completion);
+    if (result.firstImportedChapterId) await selectChapter(result.firstImportedChapterId);
+  } catch (error) {
+    toast(error.message, "error");
+    if (state.dirty) scheduleChapterAutoSave();
+  }
   event.target.value = "";
 });
 $("#new-import-file").addEventListener("change", async (event) => {
@@ -4769,7 +5137,7 @@ $("#cover-file").addEventListener("change", async (event) => {
   body.append("file", file);
   try {
     await api(`/api/works/${workId}/cover`, { method: "PUT", body });
-    state.works = await api("/api/works");
+    state.works = (await apiPage("/api/works")).items;
     const updated = state.works.find((item) => item.id === workId);
     const coverField = $("#dialog-fields")?.querySelector(".work-cover-field");
     if (updated && coverField && $("#form-dialog")?.open) {
@@ -4908,7 +5276,7 @@ $("#search-form").addEventListener("submit", async (event) => {
 $("#export-button").addEventListener("click", () => {
   if (state.work) window.location.href = `/api/works/${state.work.id}/export?format=markdown`;
 });
-window.addEventListener("beforeunload", (event) => { if (state.dirty) event.preventDefault(); });
+window.addEventListener("beforeunload", (event) => { if (state.dirty || entityEditorDirty || characterSectionEditorDirty) event.preventDefault(); });
 
 initializePage().catch((error) => {
   restoringPageRoute = false;