@musnows/scriverse 0.4.4 → 0.4.6

package/dist/public/app.js

@@ -1,4 +1,4 @@
-import { buildRelationshipGraph, createGalaxyRenderer, renderRelationshipMindMap } from "/relationship-graph.js?v=20260724-relationship-density";
+import { buildRelationshipGraph, createGalaxyRenderer, renderRelationshipMindMap } from "/relationship-graph.js?v=20260725-galaxy-ripple";
 import { collapseExcessBlankLines, formatDateTime, normalizeParagraphSpacing } from "/text-formatting.js?v=20260713-saved-at-seconds";
 import { renderMarkdown } from "/markdown.js?v=20260722-inline-code";
 import { buildAiReferenceScope, findAiMention, listAiMentionOptions } from "/ai-mentions.js?v=20260716-chapter-references";
@@ -12,11 +12,10 @@ import { formatAiContextUsageTooltip } from "/ai-context-meter.js?v=20260718-lay
 import { copyAiRawMarkdown } from "/ai-message-actions.js?v=20260713-copy-raw-markdown";
 import { THEME_STORAGE_KEY, nextTheme, normalizeTheme, themeToggleLabel } from "/theme.js?v=20260713-dark-mode";
 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 { characterVersionSourceLabel, describeCharacterVersionChanges } from "/character-version.js?v=20260725-unified-permissions";
 import { VERSIONED_ENTITY_LABELS, entityVersionSnapshotSummary, entityVersionSourceLabel } from "/entity-version.js?v=20260725-enum-labels-zh";
 import {
   chapterVersionSourceLabel,
-  characterVisibilityLabel,
   foreshadowStatusLabel,
   levelLabel,
   occurrenceRoleLabel,
@@ -31,7 +30,7 @@ import {
   settingStatusLabel,
   taskScopeLabel,
   timelineStatusLabel
-} from "/display-labels.js?v=20260725-enum-labels-zh";
+} from "/display-labels.js?v=20260725-unified-permissions";
 import { parsePageRoute, serializePageRoute } from "/page-route.js?v=20260723-knowledge-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";
@@ -40,6 +39,7 @@ import { ANALYSIS_TYPES, analysisTypeDescription } from "/analysis-types.js?v=20
 import { WORK_PERMISSION_MODULES, canReadPermissionModule, canReadUiModule, canWritePermissionModule, canWriteUiModule, emptyModulePermissions, firstReadableUiModule, normalizeModulePermissions, permissionSummary } from "/work-permissions.js?v=20260724-outline-title";
 import { MODULE_LAYOUT_STORAGE_KEY, LEGACY_SETTINGS_LAYOUT_STORAGE_KEY, normalizeModuleLayout } from "/module-layout.js?v=20260723-module-layout-toggle";
 import { isGlobalSearchShortcut } from "/keyboard-shortcuts.js?v=20260723-global-search";
+import { filterCharacters, paginateCharacters } from "/character-filters.js?v=20260725-character-filters";
 
 const state = {
   user: null,
@@ -705,6 +705,8 @@ let entityEditorType = null;
 let entityEditorDirty = false;
 let entityEditorReadOnly = false;
 let characterListPage = 1;
+const characterFilters = { raceIds: [], organizationIds: [] };
+let characterFiltersPanelOpen = false;
 let settingEditorItem = null;
 let characterEditorItem = null;
 let knowledgeEditorItem = null;
@@ -723,11 +725,14 @@ let settingEditorVditor = null;
 let knowledgeSectionVditor = null;
 let characterSectionVditor = null;
 let entityHistoryContext = null;
+let moduleContentInteractionsBound = false;
 
 function showEntityEditorPage(type, { readOnly = false } = {}) {
+  const module = type === "setting" ? "settings" : type === "character" ? "characters" : type === "race" ? "races" : "organizations";
+  const viewOnly = readOnly || !canEditModule(module);
   entityEditorType = type;
   entityEditorDirty = false;
-  entityEditorReadOnly = readOnly;
+  entityEditorReadOnly = viewOnly;
   characterSectionEditorDirty = false;
   knowledgeSectionEditorDirty = false;
   $("#entity-editor-view").classList.remove("hidden");
@@ -736,6 +741,7 @@ function showEntityEditorPage(type, { readOnly = false } = {}) {
   $("#knowledge-editor-form").classList.toggle("hidden", !["race", "organization"].includes(type));
   $("#character-section-editor-view").classList.add("hidden");
   $("#knowledge-section-editor-view").classList.add("hidden");
+  ["setting", "character", "knowledge"].forEach((editor) => $(`#${editor}-editor-readonly-badge`).classList.toggle("hidden", !(viewOnly && (editor === "knowledge" ? ["race", "organization"].includes(type) : editor === type))));
   $("#app").inert = true;
   document.body.classList.add("entity-editor-open");
   replacePageRoute(currentPageRoute());
@@ -1782,7 +1788,9 @@ async function api(path, options = {}) {
       state.csrfToken = null;
       showAuth(false);
     }
-    throw new Error(payload.error?.message ?? `请求失败：${response.status}`);
+    const error = new Error(payload.error?.message ?? `请求失败：${response.status}`);
+    error.code = payload.error?.code;
+    throw error;
   }
   if (response.status === 204) return null;
   const payload = await response.json();
@@ -2264,11 +2272,8 @@ async function initializePage() {
     }
     if (route.view === "module") return;
     if (route.view === "entity-editor") {
-      const records = route.entity === "setting" ? state.settings : route.entity === "character" ? state.characters : route.entity === "race" ? state.races : state.organizations;
       const item = route.entityId
-        ? route.entity === "character"
-          ? await api(`/api/characters/${encodeURIComponent(route.entityId)}`)
-          : records.find((record) => record.id === route.entityId)
+        ? await api(`/api/${route.entity === "setting" ? "settings" : route.entity === "character" ? "characters" : route.entity === "race" ? "races" : "organizations"}/${encodeURIComponent(route.entityId)}`)
         : null;
       if (route.entityId && !item) {
         toast(({ setting: "未找到要编辑的设定", character: "未找到要编辑的角色", race: "未找到要编辑的种族", organization: "未找到要编辑的组织" }[route.entity] ?? "未找到要编辑的档案"), "error");
@@ -2903,6 +2908,7 @@ async function showModule(module) {
   $("#module-create-button").textContent = meta[3];
   $("#module-create-button").classList.toggle("hidden", module === "ai-settings" || !canEditModule(module));
   $("#module-content").innerHTML = '<div class="empty-state">正在载入……</div>';
+  bindModuleContentInteractions();
   try {
     if (module === "settings") await renderSettings();
     if (module === "characters") await renderCharacters(characterListPage);
@@ -3126,9 +3132,18 @@ function bindModuleLayoutToggle(refresh) {
   }));
 }
 
+function mountCharacterFilterToggle() {
+  $("#module-header-actions").querySelector('[data-module-header-action="character-filter-toggle"]')?.remove();
+  $("#module-header-actions").insertAdjacentHTML("afterbegin", `<button type="button" class="module-filter-toggle" data-module-header-action="character-filter-toggle" aria-label="筛选角色" aria-controls="character-filter-panel" aria-expanded="${characterFiltersPanelOpen}" title="筛选角色"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 5h16l-6.5 7.2v5.3l-3 1.5v-6.8L4 5Z"></path></svg></button>`);
+  $("#module-header-actions").querySelector('[data-module-header-action="character-filter-toggle"]')?.addEventListener("click", async () => {
+    characterFiltersPanelOpen = !characterFiltersPanelOpen;
+    await renderCharacters(characterListPage);
+  });
+}
+
 function bindRecordPreview(selector, open) {
   $("#module-content").querySelectorAll(selector).forEach((card) => {
-    const id = card.dataset.openSetting ?? card.dataset.openCharacter ?? card.dataset.openRace ?? card.dataset.openReview;
+    const id = card.dataset.openSetting ?? card.dataset.openCharacter ?? card.dataset.openRace ?? card.dataset.openOrganization ?? card.dataset.openReview;
     card.addEventListener("click", (event) => {
       if (!event.target.closest("button, a, summary")) void open(id);
     });
@@ -3141,6 +3156,36 @@ function bindRecordPreview(selector, open) {
   });
 }
 
+function bindModuleContentInteractions() {
+  if (moduleContentInteractionsBound) return;
+  moduleContentInteractionsBound = true;
+  const host = $("#module-content");
+  const open = async (card) => {
+    const id = card.dataset.openSetting ?? card.dataset.openCharacter ?? card.dataset.openRace ?? card.dataset.openOrganization;
+    if (!id) return;
+    if (card.dataset.openSetting) return openSettingEditor(await api(`/api/settings/${encodeURIComponent(id)}`), { readOnly: true });
+    if (card.dataset.openCharacter) return openCharacterEditor(await api(`/api/characters/${encodeURIComponent(id)}`), { readOnly: true });
+    if (card.dataset.openRace) return openRaceDialog(await api(`/api/races/${encodeURIComponent(id)}`), { readOnly: true });
+    if (card.dataset.openOrganization) return openOrganizationDialog(await api(`/api/organizations/${encodeURIComponent(id)}`), { readOnly: true });
+  };
+  const findCard = (target) => target instanceof Element
+    ? target.closest("[data-open-setting], [data-open-character], [data-open-race], [data-open-organization]")
+    : null;
+  host.addEventListener("click", (event) => {
+    if (event.target instanceof Element && event.target.closest("button, a, summary")) return;
+    const card = findCard(event.target);
+    if (card) void open(card);
+  });
+  host.addEventListener("keydown", (event) => {
+    if (event.key !== "Enter" && event.key !== " ") return;
+    if (event.target instanceof Element && event.target.closest("button, a, summary")) return;
+    const card = findCard(event.target);
+    if (!card) return;
+    event.preventDefault();
+    void open(card);
+  });
+}
+
 function openReviewDetailDialog(item) {
   if (!item) return;
   const evidence = Array.isArray(item.evidence) ? item.evidence : [];
@@ -3185,13 +3230,13 @@ function settingRecordActions(item) {
 function renderSettingCards(records) {
   return `<div class="card-grid">${records.map((item) => `
     <article class="record-card preview-record-card" data-open-setting="${esc(item.id)}" role="button" tabindex="0" aria-label="查看设定 ${esc(item.title)}"><small>${esc(item.category)} · ${item.locked ? "已锁定" : esc(settingStatusLabel(item.status))}</small>
-    <h3>${esc(item.title)}</h3><div class="record-markdown-preview message-body">${renderMarkdown(item.content) || '<p class="markdown-editor-empty">暂无正文</p>'}</div>
+    <h3>${esc(item.title)}</h3><div class="record-markdown-preview">${esc(item.contentPreview || "暂无正文预览")}</div>
     <div class="card-actions">${settingRecordActions(item)}</div></article>`).join("")}</div>`;
 }
 
 function renderSettingRows(records) {
   return `<div class="module-row-list">${records.map((item) => {
-    const preview = moduleRowPreview(item.content);
+    const preview = moduleRowPreview(item.contentPreview);
     return `
     <article class="record-card module-row preview-record-card" data-open-setting="${esc(item.id)}" role="button" tabindex="0" aria-label="查看设定 ${esc(item.title)}"><small>${esc(item.category)} · ${item.locked ? "已锁定" : esc(settingStatusLabel(item.status))}</small>
     <h3>${esc(item.title)}</h3><p class="module-row-preview" title="${esc(preview)}">${esc(preview)}</p>
@@ -3208,26 +3253,30 @@ async function renderSettings() {
     ? `${layout === "rows" ? renderSettingRows(records) : renderSettingCards(records)}`
     : emptyModule("还没有世界观设定", "新建规则、地点、组织、科技或创作约束。AI 提取的候选也会进入这里。");
   bindModuleLayoutToggle(renderSettings);
-  bindRecordPreview("[data-open-setting]", (id) => openSettingEditor(records.find((item) => item.id === id), { readOnly: true }));
-  $("#module-content").querySelectorAll("[data-edit-setting]").forEach((button) => button.addEventListener("click", () => openSettingEditor(records.find((item) => item.id === button.dataset.editSetting))));
+  const openSetting = async (id, readOnly) => openSettingEditor(await api(`/api/settings/${encodeURIComponent(id)}`), { readOnly });
+  $("#module-content").querySelectorAll("[data-edit-setting]").forEach((button) => button.addEventListener("click", () => { void openSetting(button.dataset.editSetting, false); }));
   bindEntityHistoryButtons(async () => { await renderSettings(); await loadAiReferences(); });
 }
 
 async function renderCharacters(page = characterListPage) {
-  const [characterPage, races, organizations] = await Promise.all([
-    apiPage(`/api/works/${state.work.id}/characters`, page),
+  const hasCharacterFilters = characterFilters.raceIds.length > 0 || characterFilters.organizationIds.length > 0;
+  const [characterSource, races, organizations] = await Promise.all([
+    hasCharacterFilters ? apiAllPages(`/api/works/${state.work.id}/characters`) : apiPage(`/api/works/${state.work.id}/characters`, page),
     canReadModule("races") ? apiAllPages(`/api/works/${state.work.id}/races`) : Promise.resolve([]),
     canReadModule("organizations") ? apiAllPages(`/api/works/${state.work.id}/organizations`) : Promise.resolve([])
   ]);
+  const characterPage = hasCharacterFilters
+    ? paginateCharacters(filterCharacters(characterSource, characterFilters), page, 50)
+    : characterSource;
   if (!characterPage.items.length && page > 1) return renderCharacters(page - 1);
   characterListPage = characterPage.page;
-  [state.characters, state.races, state.organizations] = [characterPage.items, races, organizations];
+  state.characters = characterPage.items;
   const layout = readModuleLayout();
   const characterActions = (item) => recordCardEditButton("edit-character", item.id, `角色“${item.name}”`);
   const characterCards = () => `<div class="card-grid">${state.characters.map((item) => {
     const details = normalizeCharacterDetails(item.attributes?.details);
     return `
-    <article class="record-card character-card preview-record-card has-card-edit" data-open-character="${esc(item.id)}" role="button" tabindex="0" aria-label="查看角色 ${esc(item.name)}">${recordCardEditButton("edit-character", item.id, `角色“${item.name}”`)}<small>${item.lockedFields.length ? `锁定 ${item.lockedFields.length} 项` : esc(characterVisibilityLabel(item.visibility))}</small>
+    <article class="record-card character-card preview-record-card has-card-edit" data-open-character="${esc(item.id)}" role="button" tabindex="0" aria-label="查看角色 ${esc(item.name)}">${recordCardEditButton("edit-character", item.id, `角色“${item.name}”`)}${item.lockedFields.length ? `<small>锁定 ${item.lockedFields.length} 项</small>` : ""}
     <h3>${esc(item.name)}</h3>
     ${item.attributes?.identity ? `<p class="character-identity">${esc(item.attributes.identity)}</p>` : ""}
     ${item.aliases.length ? `<div class="character-aliases">${item.aliases.map((alias) => `<span class="pill">${esc(alias)}</span>`).join("")}</div>` : ""}
@@ -3250,14 +3299,12 @@ async function renderCharacters(page = characterListPage) {
     const line = meta ? `${meta} · ${preview}` : preview;
     return `
     <article class="record-card module-row character-card preview-record-card" data-open-character="${esc(item.id)}" role="button" tabindex="0" aria-label="查看角色 ${esc(item.name)}">
-      <small>${item.lockedFields.length ? `锁定 ${item.lockedFields.length} 项` : esc(characterVisibilityLabel(item.visibility))}</small>
+      ${item.lockedFields.length ? `<small>锁定 ${item.lockedFields.length} 项</small>` : ""}
       <h3>${esc(item.name)}</h3>
       <p class="module-row-preview" title="${esc(line)}">${esc(line)}</p>
       <div class="card-actions">${characterActions(item)}</div>
     </article>`;
   }).join("")}</div>`;
-  const hasMultipleCharacters = characterPage.page > 1 || characterPage.hasMore || state.characters.length > 1;
-  const auditPanel = canEditModule("tasks") ? `<section class="character-audit-panel"><div><strong>角色身份确认</strong><small>让 AI 查询角色档案并搜索正文，找出可能被误建成两个档案的同一角色。AI 只提交审核建议，不会自动合并。</small></div><button id="create-character-audit-task" class="ghost-button" type="button" ${hasMultipleCharacters ? "" : "disabled"}>AI 角色查重</button></section>` : "";
   const pagination = state.characters.length && (characterPage.page > 1 || characterPage.hasMore)
     ? `<nav class="module-pagination" aria-label="角色列表分页">
       <button type="button" data-character-page="${characterPage.page - 1}" ${characterPage.page <= 1 ? "disabled" : ""}>上一页</button>
@@ -3265,37 +3312,57 @@ async function renderCharacters(page = characterListPage) {
       <button type="button" data-character-page="${characterPage.nextPage ?? characterPage.page + 1}" ${characterPage.hasMore ? "" : "disabled"}>下一页</button>
     </nav>`
     : "";
+  const selectedRaceIds = new Set(characterFilters.raceIds);
+  const selectedOrganizationIds = new Set(characterFilters.organizationIds);
+  const selectedRaceNames = races.filter((race) => selectedRaceIds.has(String(race.id))).map((race) => racePathLabel(race) || race.name);
+  const selectedOrganizationNames = organizations.filter((organization) => selectedOrganizationIds.has(String(organization.id))).map((organization) => organization.name);
+  const filterOptionList = (items, selectedIds, valueKey = "id") => items.map((item) => {
+    const value = String(item[valueKey]);
+    const label = valueKey === "id" ? (racePathLabel(item) || item.name) : item.name;
+    return `<label class="character-filter-option"><input type="checkbox" value="${esc(value)}" ${selectedIds.has(value) ? "checked" : ""}><span>${esc(label)}</span></label>`;
+  }).join("");
+  const filterToolbar = `<section id="character-filter-panel" class="character-filter-toolbar${characterFiltersPanelOpen ? "" : " hidden"}" aria-label="角色筛选">
+    <details class="character-filter-dropdown"><summary><span>按种族筛选</span><strong>${selectedRaceNames.length ? `已选 ${selectedRaceNames.length} 项` : "全部种族"}</strong></summary><div id="character-race-filter" class="character-filter-options">${filterOptionList(races, selectedRaceIds)}</div></details>
+    <details class="character-filter-dropdown"><summary><span>按组织筛选</span><strong>${selectedOrganizationNames.length ? `已选 ${selectedOrganizationNames.length} 项` : "全部组织"}</strong></summary><div id="character-organization-filter" class="character-filter-options">${filterOptionList(organizations, selectedOrganizationIds, "id")}</div></details>
+    <div class="character-filter-toolbar-actions">${hasCharacterFilters ? `<span class="character-filter-result-count" aria-live="polite">筛选后剩余 ${characterPage.total} 个角色</span>` : ""}<button id="clear-character-filters" class="ghost-button" type="button" ${hasCharacterFilters ? "" : "disabled"}>重置筛选</button></div>
+  </section>`;
+  mountCharacterFilterToggle();
   if (state.characters.length) mountModuleLayoutToggle(layout, "角色列表样式");
-  $("#module-content").innerHTML = auditPanel + (state.characters.length
+  $("#module-content").innerHTML = filterToolbar + (state.characters.length
     ? `${layout === "rows" ? characterRows() : characterCards()}${pagination}`
     : emptyModule("还没有角色档案", "创建主要人物，并维护别名、身份、动机和当前状态。"));
   bindModuleLayoutToggle(renderCharacters);
+  const readSelectedValues = (selector) => [...$(selector).querySelectorAll('input[type="checkbox"]:checked')].map((input) => input.value);
+  $("#character-race-filter").addEventListener("change", async () => {
+    characterFiltersPanelOpen = true;
+    characterFilters.raceIds = readSelectedValues("#character-race-filter");
+    characterListPage = 1;
+    await renderCharacters(1);
+  });
+  $("#character-organization-filter").addEventListener("change", async () => {
+    characterFiltersPanelOpen = true;
+    characterFilters.organizationIds = readSelectedValues("#character-organization-filter");
+    characterListPage = 1;
+    await renderCharacters(1);
+  });
+  $("#clear-character-filters")?.addEventListener("click", async () => {
+    characterFiltersPanelOpen = true;
+    characterFilters.raceIds = [];
+    characterFilters.organizationIds = [];
+    characterListPage = 1;
+    await renderCharacters(1);
+  });
   $("#module-content").querySelectorAll("[data-character-page]").forEach((button) => button.addEventListener("click", async () => {
     if (button.disabled) return;
     $("#module-content").querySelectorAll("[data-character-page]").forEach((control) => { control.disabled = true; });
     await renderCharacters(Number(button.dataset.characterPage));
   }));
-  $("#create-character-audit-task")?.addEventListener("click", async () => {
-    const button = $("#create-character-audit-task");
-    button.disabled = true;
-    try {
-      await api(`/api/works/${state.work.id}/tasks`, { method: "POST", body: { taskType: "character-identity-audit", scope: { type: "book" } } });
-      toast("角色查重任务已加入分析队列");
-      await showModule("tasks");
-    } catch (error) {
-      toast(error.message, "error");
-      button.disabled = false;
-    }
-  });
   bindRecordPreview("[data-open-character]", (id) => openCharacterEditor(state.characters.find((item) => item.id === id), { readOnly: true }));
   $("#module-content").querySelectorAll("[data-edit-character]").forEach((button) => button.addEventListener("click", () => openCharacterEditor(state.characters.find((item) => item.id === button.dataset.editCharacter))));
 }
 
 async function renderRaces() {
-  [state.races, state.characters] = await Promise.all([
-    apiAllPages(`/api/works/${state.work.id}/races`),
-    canReadModule("characters") ? apiAllPages(`/api/works/${state.work.id}/characters`) : Promise.resolve([])
-  ]);
+  state.races = await apiAllPages(`/api/works/${state.work.id}/races`);
   const layout = readModuleLayout();
   const canEditRaces = canEditModule("races");
   const raceActions = (item) => canEditRaces
@@ -3307,10 +3374,10 @@ async function renderRaces() {
   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>
     <div class="race-tree-branch">
-      <article class="record-card race-card preview-record-card${canEditRaces ? " has-card-edit" : ""}" data-open-race="${esc(item.id)}" role="button" tabindex="0" aria-label="查看种族 ${esc(item.name)}"><small>${item.memberIds.length} 位直接角色 · ${item.settings.length} 条自身设定</small>
+    <article class="record-card race-card preview-record-card${canEditRaces ? " has-card-edit" : ""}" data-open-race="${esc(item.id)}" role="button" tabindex="0" aria-label="查看种族 ${esc(item.name)}"><small>${item.memberIds.length} 位直接角色 · ${item.settingsCount ?? item.settings?.length ?? 0} 条自身设定</small>
         <div class="race-path" aria-label="种族路径">${esc(racePathLabel(item))}</div>
         <p>${esc(item.description || "尚未填写种族简介")}</p>
-        <div class="race-settings">${item.effectiveSettings.length ? item.effectiveSettings.map((setting) => `<section class="knowledge-markdown-block${setting.inherited ? " inherited" : ""}"><div class="knowledge-markdown-block-heading"><h4>${esc(setting.title || "未命名章节")}</h4><small>${esc(setting.inherited ? `继承自 ${setting.sourceRaceName}` : `定义于 ${setting.sourceRaceName}`)}</small></div><div class="message-body">${renderMarkdown(setting.value) || '<p class="markdown-editor-empty">暂无内容</p>'}</div></section>`).join("") : '<span class="pill">暂无共同设定</span>'}</div>
+        <div class="race-settings">${item.settingsCount ? `<span class="pill">${item.settingsCount} 条共同设定，打开查看详情</span>` : '<span class="pill">暂无共同设定</span>'}</div>
         <p class="race-members">直接角色：${item.members.length ? item.members.map((member) => esc(member.name)).join("、") : "暂无绑定角色"}</p>
         ${raceCardActions(item)}
       </article>
@@ -3319,7 +3386,7 @@ async function renderRaces() {
   </details>`;
   const raceRows = () => `<div class="module-row-list">${state.races.map((item) => {
     const preview = moduleRowPreview(item.description || "尚未填写种族简介");
-    const meta = `${item.memberIds.length} 位直接角色 · ${item.settings.length ? "已填写共同设定" : "暂无共同设定"}`;
+    const meta = `${item.memberIds.length} 位直接角色 · ${(item.settingsCount ?? item.settings?.length ?? 0) ? "已填写共同设定" : "暂无共同设定"}`;
     return `
     <article class="record-card module-row race-card preview-record-card" data-open-race="${esc(item.id)}" role="button" tabindex="0" aria-label="查看种族 ${esc(item.name)}">
       <small>${esc(meta)}</small>
@@ -3333,16 +3400,13 @@ async function renderRaces() {
     ? `${layout === "rows" ? raceRows() : `<section class="race-tree" aria-label="种族层级">${buildRaceForest(state.races).map(renderRaceNode).join("")}</section>`}`
     : emptyModule("还没有种族档案", "先创建种族及共同设定，之后角色编辑器才能选择该种族。");
   bindModuleLayoutToggle(renderRaces);
-  bindRecordPreview("[data-open-race]", (id) => openRaceDialog(state.races.find((item) => item.id === id), { readOnly: true }));
-  $("#module-content").querySelectorAll("[data-edit-race]").forEach((button) => button.addEventListener("click", () => openRaceDialog(state.races.find((item) => item.id === button.dataset.editRace))));
+  const openRace = async (id, readOnly) => openRaceDialog(await api(`/api/races/${encodeURIComponent(id)}`), { readOnly });
+  $("#module-content").querySelectorAll("[data-edit-race]").forEach((button) => button.addEventListener("click", () => { void openRace(button.dataset.editRace, false); }));
   bindEntityHistoryButtons(async () => { await renderRaces(); await loadAiReferences(); });
 }
 
 async function renderOrganizations() {
-  [state.organizations, state.characters] = await Promise.all([
-    apiAllPages(`/api/works/${state.work.id}/organizations`),
-    canReadModule("characters") ? apiAllPages(`/api/works/${state.work.id}/characters`) : Promise.resolve([])
-  ]);
+  state.organizations = await apiAllPages(`/api/works/${state.work.id}/organizations`);
   const layout = readModuleLayout();
   const canEditOrganizations = canEditModule("organizations");
   const organizationActions = (item) => canEditOrganizations
@@ -3352,9 +3416,9 @@ async function renderOrganizations() {
     ? organizationActions(item)
     : `<div class="card-actions">${organizationActions(item)}</div>`;
   const organizationCards = () => `<div class="card-grid organization-grid">${state.organizations.map((item) => `
-    <article class="record-card organization-card${canEditOrganizations ? " has-card-edit" : ""}"><small>${item.memberIds.length} 位成员 · ${item.settings.length ? "已填写组织设定" : "暂无组织设定"}</small>
+    <article class="record-card organization-card preview-record-card${canEditOrganizations ? " has-card-edit" : ""}" data-open-organization="${esc(item.id)}" role="button" tabindex="0" aria-label="查看组织 ${esc(item.name)}"><small>${item.memberIds.length} 位成员 · ${(item.settingsCount ?? item.settings?.length ?? 0) ? "已填写组织设定" : "暂无组织设定"}</small>
       <h3>${esc(item.name)}</h3><p>${esc(item.description || "尚未填写组织简介")}</p>
-      <div class="organization-settings">${item.settingsSections?.length ? item.settingsSections.map((section) => `<article class="knowledge-markdown-block"><div class="knowledge-markdown-block-heading"><h4>${esc(section.title || "未命名章节")}</h4></div><div class="message-body">${renderMarkdown(section.contentMarkdown) || '<p class="markdown-editor-empty">暂无内容</p>'}</div></article>`).join("") : '<span class="pill">暂无组织设定</span>'}</div>
+      <div class="organization-settings">${item.settingsCount ? `<span class="pill">${item.settingsCount} 条组织设定，打开查看详情</span>` : '<span class="pill">暂无组织设定</span>'}</div>
       <p class="organization-members">成员：${item.members.length ? item.members.map((member) => esc(member.name)).join("、") : "暂无绑定角色"}</p>
       ${organizationCardActions(item)}
     </article>`).join("")}</div>`;
@@ -3362,8 +3426,8 @@ async function renderOrganizations() {
     const preview = moduleRowPreview(item.description || "尚未填写组织简介");
     const members = item.members.length ? item.members.map((member) => member.name).join("、") : "暂无绑定角色";
     return `
-    <article class="record-card module-row organization-card">
-      <small>${item.memberIds.length} 位成员 · ${item.settings.length ? "已填写组织设定" : "暂无组织设定"}</small>
+    <article class="record-card module-row organization-card" data-open-organization="${esc(item.id)}" role="button" tabindex="0" aria-label="查看组织 ${esc(item.name)}">
+      <small>${item.memberIds.length} 位成员 · ${(item.settingsCount ?? item.settings?.length ?? 0) ? "已填写组织设定" : "暂无组织设定"}</small>
       <h3>${esc(item.name)}</h3>
       <p class="module-row-preview" title="${esc(`${preview} · 成员：${members}`)}">${esc(preview)} · ${esc(members)}</p>
       <div class="card-actions">${organizationActions(item)}</div>
@@ -3374,7 +3438,8 @@ async function renderOrganizations() {
     ? `${layout === "rows" ? organizationRows() : organizationCards()}`
     : emptyModule("还没有组织", "创建国家、机构、阵营或团队，并维护组织设定与成员。");
   bindModuleLayoutToggle(renderOrganizations);
-  $("#module-content").querySelectorAll("[data-edit-organization]").forEach((button) => button.addEventListener("click", () => openOrganizationDialog(state.organizations.find((item) => item.id === button.dataset.editOrganization))));
+  const openOrganization = async (id, readOnly) => openOrganizationDialog(await api(`/api/organizations/${encodeURIComponent(id)}`), { readOnly });
+  $("#module-content").querySelectorAll("[data-edit-organization]").forEach((button) => button.addEventListener("click", () => { void openOrganization(button.dataset.editOrganization, false); }));
   bindEntityHistoryButtons(async () => { await renderOrganizations(); await loadAiReferences(); });
 }
 
@@ -4063,7 +4128,7 @@ async function loadAiReferences() {
   const generation = workScopedUiGeneration;
   const [characters, settings] = await Promise.all([
     canReadModule("characters") ? apiAllPages(`/api/works/${workId}/characters`) : Promise.resolve([]),
-    canReadModule("settings") ? apiAllPages(`/api/works/${workId}/settings`) : Promise.resolve([])
+    canReadModule("settings") ? api(`/api/works/${workId}/settings/context`) : Promise.resolve([])
   ]);
   if (state.work?.id !== workId || generation !== workScopedUiGeneration) return;
   state.characters = characters;
@@ -4740,7 +4805,14 @@ function createVditorEditor(host, value, { onInput = () => {}, uploadAttachment
     placeholder,
     preview: { transform: transformVditorPreview },
     cache: { enable: false },
-    toolbar: ["headings", "bold", "italic", "strike", "|", "line", "quote", "list", "ordered-list", "check", "|", "code", "inline-code", "link", "table", "upload", "|", "undo", "redo", "edit-mode", "fullscreen"],
+    toolbar: ["headings", "bold", "italic", "strike", "|", "line", "quote", "list", "ordered-list", "check", "|", "code", "inline-code", "link", "table", "upload", "|", "undo", "redo", {
+      name: "line-number",
+      tip: "显示/隐藏行号",
+      tipPosition: "s",
+      className: "vditor-line-number-button",
+      icon: '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 5h3M4 9h3M4 13h3M4 17h3M10 5h10M10 9h10M10 13h10M10 17h10" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.6"/></svg>',
+      click: () => toggleVditorLineNumbers(editor)
+    }, "edit-mode", "fullscreen"],
     upload: {
       accept: "image/*",
       max: 10 * 1024 * 1024,
@@ -4750,11 +4822,13 @@ function createVditorEditor(host, value, { onInput = () => {}, uploadAttachment
     input: (markdown) => {
       normalizeVditorAttachmentImages(editor);
       updateVditorWordCount(editor, markdown);
+      updateVditorLineNumbers(editor, markdown);
       onInput(markdown);
     },
     after: () => {
       normalizeVditorAttachmentImages(editor);
       updateVditorWordCount(editor, value);
+      updateVditorLineNumbers(editor, value);
       if (readOnly) editor?.disabled();
     }
   });
@@ -4765,6 +4839,34 @@ function createVditorEditor(host, value, { onInput = () => {}, uploadAttachment
   return editor;
 }
 
+function toggleVditorLineNumbers(editor) {
+  const host = editor?.vditor?.element;
+  if (!host) return;
+  const enabled = host.classList.toggle("show-line-numbers");
+  const button = host.querySelector(".vditor-line-number-button");
+  if (button) button.setAttribute("aria-pressed", String(enabled));
+}
+
+function updateVditorLineNumbers(editor, markdown) {
+  const content = editor?.vditor?.element?.querySelector(".vditor-content");
+  if (!content) return;
+  let gutter = content.querySelector(".vditor-line-numbers");
+  if (!gutter) {
+    gutter = document.createElement("div");
+    gutter.className = "vditor-line-numbers";
+    gutter.setAttribute("aria-hidden", "true");
+    content.prepend(gutter);
+  }
+  const lineCount = Math.max(1, String(markdown ?? "").split(/\r?\n/gu).length);
+  const fragment = document.createDocumentFragment();
+  for (let line = 1; line <= lineCount; line += 1) {
+    const number = document.createElement("span");
+    number.textContent = String(line);
+    fragment.append(number);
+  }
+  gutter.replaceChildren(fragment);
+}
+
 function updateVditorWordCount(editor, markdown) {
   const toolbar = editor?.vditor?.toolbar?.element;
   if (!toolbar) return;
@@ -4861,13 +4963,10 @@ function knowledgeSectionEditorHtml(section = null) {
   const label = knowledgeEditorKind === "race" ? "种族" : "组织";
   return `<div class="character-section-editor-shell knowledge-section-editor-shell">
     <header class="character-section-editor-header">
-      <div><span class="eyebrow">${label} Markdown 设定</span><h2 id="knowledge-section-editor-title">${section ? `编辑“${esc(section.title)}”` : "新建设定"}</h2></div>
+      <div><span class="eyebrow">${label} Markdown 设定</span><input id="knowledge-section-title" class="character-section-editor-title-input" maxlength="200" value="${esc(section?.title ?? "")}" placeholder="新建设定" aria-label="设定标题" required></div>
       <button class="entity-editor-back" type="button" data-knowledge-section-edit-close>返回设定列表</button>
     </header>
     <section class="character-markdown-editor" aria-label="${section ? "编辑" : "新建"}${label} Markdown 设定">
-      <div class="character-markdown-editor-meta">
-        <label>设定标题<input id="knowledge-section-title" maxlength="200" value="${esc(section?.title ?? "")}" placeholder="例如：组织章程、种族特征" required></label>
-      </div>
       <div id="knowledge-section-markdown" class="vditor-editor-host" data-vditor-editor aria-label="Markdown 编辑器"></div>
       <div class="character-markdown-editor-footer">
         <div class="character-markdown-editor-actions"><button type="button" data-knowledge-section-edit-cancel>取消</button><button type="button" class="primary-button" data-knowledge-section-edit-save>${section ? "保存设定" : "添加设定"}</button></div>
@@ -4939,13 +5038,12 @@ function characterSectionEditorHtml(section = null) {
   const options = Object.entries(characterSectionTypeLabels).map(([value, label]) => `<option value="${value}" ${section?.sectionType === value ? "selected" : ""}>${esc(label)}</option>`).join("");
   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>
+      <div><span class="eyebrow">人物 Markdown 档案</span><input id="character-section-title" class="character-section-editor-title-input" maxlength="200" value="${esc(section?.title ?? "")}" placeholder="新建档案章节" aria-label="章节标题" required></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>
       <label class="character-markdown-summary-field">章节摘要<textarea id="character-section-summary" maxlength="20000" placeholder="用于角色列表和 AI 快速定位，不会替代正文">${esc(section?.summary ?? "")}</textarea></label>
     </div>
     <div id="character-section-markdown" class="vditor-editor-host" data-vditor-editor aria-label="Markdown 编辑器"></div>
@@ -5120,7 +5218,6 @@ function renderCharacterEditorFields(item) {
         : organizationOptions.length
         ? field("organizationIds", "所属组织（可多选）", "chips", item?.organizationIds ?? [], organizationOptions)
         : '<div class="character-editor-empty-field"><b>所属组织</b><span>尚未创建组织，可稍后在“组织”模块中补充。</span></div>') +
-      field("visibility", "可见范围", "select", item?.visibility ?? "author", [["author", "仅作者"], ["collaborators", "协作者"], ["public", "公开"]]) +
       (canReadModule("editor")
         ? field("firstChapterId", "首次登场章节", "select", item?.firstChapterId ?? "", chapterOptions)
         : '<div class="character-editor-empty-field"><b>首次登场章节</b><span>当前账户没有正文读取权限，原有绑定不会被修改。</span></div>')),
@@ -5176,7 +5273,6 @@ function collectCharacterBody(form) {
     },
     currentState: buildCharacterState(form.getAll("stateKey"), form.getAll("stateValue"), item?.currentState ?? {}),
     lockedFields: form.getAll("lockedFields").map((value) => String(value).trim()).filter(Boolean),
-    visibility: String(form.get("visibility") ?? "author"),
     changeNote: String(form.get("changeNote") ?? "").trim()
   };
   if (canReadModule("races")) body.raceId = form.get("raceId") || null;
@@ -6176,7 +6272,9 @@ $("#profile-form").addEventListener("submit", async (event) => {
     state.user = updated;
     applyAuthenticatedUser({ user: updated, csrfToken: state.csrfToken });
     toast("显示名称已更新");
-  } catch (error) { toast(error.message, "error"); }
+  } catch (error) {
+    toast(error.code === "INVALID_CURRENT_PASSWORD" ? "当前密码错误，请重新输入" : error.message, "error");
+  }
 });
 $("#password-form").addEventListener("submit", async (event) => {
   event.preventDefault();

package/dist/public/character-filters.d.ts

@@ -0,0 +1,24 @@
+type CharacterFilterItem = {
+  id?: string;
+  race?: { id?: string | null } | null;
+  raceId?: string | null;
+  organizations?: Array<{ id?: string | null }> | null;
+};
+
+export declare function filterCharacters<T extends CharacterFilterItem>(
+  characters: T[],
+  filters?: { raceIds?: string[]; organizationIds?: string[] }
+): T[];
+
+export declare function paginateCharacters<T>(
+  characters: T[],
+  page: number,
+  limit: number
+): {
+  items: T[];
+  page: number;
+  limit: number;
+  hasMore: boolean;
+  nextPage: number | null;
+  total: number;
+};

package/dist/public/character-filters.js

@@ -0,0 +1,35 @@
+function characterRaceId(character) {
+  return String(character?.race?.id ?? character?.raceId ?? "");
+}
+
+function characterOrganizationIds(character) {
+  return (Array.isArray(character?.organizations) ? character.organizations : [])
+    .map((organization) => String(organization?.organizationId ?? organization?.id ?? ""))
+    .filter(Boolean);
+}
+
+export function filterCharacters(characters, { raceIds = [], organizationIds = [] } = {}) {
+  const selectedRaceIds = new Set(raceIds.map(String).filter(Boolean));
+  const selectedOrganizationIds = new Set(organizationIds.map(String).filter(Boolean));
+  return characters.filter((character) => {
+    const matchesRace = selectedRaceIds.size === 0 || selectedRaceIds.has(characterRaceId(character));
+    const matchesOrganization = selectedOrganizationIds.size === 0
+      || characterOrganizationIds(character).some((organizationId) => selectedOrganizationIds.has(organizationId));
+    return matchesRace && matchesOrganization;
+  });
+}
+
+export function paginateCharacters(characters, page, limit) {
+  const safeLimit = Math.max(1, Number(limit) || 1);
+  const safePage = Math.max(1, Number(page) || 1);
+  const start = (safePage - 1) * safeLimit;
+  const items = characters.slice(start, start + safeLimit);
+  return {
+    items,
+    page: safePage,
+    limit: safeLimit,
+    hasMore: start + safeLimit < characters.length,
+    nextPage: start + safeLimit < characters.length ? safePage + 1 : null,
+    total: characters.length
+  };
+}

package/dist/public/character-version.js

@@ -9,7 +9,6 @@ const fieldLabels = Object.freeze({
   profile: "人物档案与设定章节",
   currentState: "当前状态",
   lockedFields: "锁定字段",
-  visibility: "可见范围",
   firstChapterId: "首次登场章节"
 });
 

package/dist/public/display-labels.d.ts

@@ -1,5 +1,4 @@
 export function settingStatusLabel(value: unknown): string;
-export function characterVisibilityLabel(value: unknown): string;
 export function timelineStatusLabel(value: unknown): string;
 export function levelLabel(value: unknown): string;
 export function foreshadowStatusLabel(value: unknown): string;

package/dist/public/display-labels.js

@@ -9,10 +9,6 @@ export function settingStatusLabel(value) {
   return enumLabel({ draft: "草稿", pending: "待确认", confirmed: "已确认", deprecated: "已弃用" }, value, "未知状态");
 }
 
-export function characterVisibilityLabel(value) {
-  return enumLabel({ public: "公开", author: "仅作者", collaborators: "协作者可见" }, value, "未知范围");
-}
-
 export function timelineStatusLabel(value) {
   return enumLabel({ candidate: "候选", pending: "待确认", confirmed: "已确认", deprecated: "已弃用" }, value, "未知状态");
 }