@musnows/scriverse 0.4.4 → 0.4.5

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";
@@ -723,11 +723,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 +739,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 +1786,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 +2270,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 +2906,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);
@@ -3128,7 +3132,7 @@ function bindModuleLayoutToggle(refresh) {
 
 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 +3145,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 +3219,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,20 +3242,16 @@ 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),
-    canReadModule("races") ? apiAllPages(`/api/works/${state.work.id}/races`) : Promise.resolve([]),
-    canReadModule("organizations") ? apiAllPages(`/api/works/${state.work.id}/organizations`) : Promise.resolve([])
-  ]);
+  const characterPage = await apiPage(`/api/works/${state.work.id}/characters`, page);
   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) => {
@@ -3287,15 +3317,12 @@ async function renderCharacters(page = characterListPage) {
       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))));
+  const openCharacter = async (id, readOnly) => openCharacterEditor(await api(`/api/characters/${encodeURIComponent(id)}`), { readOnly });
+  $("#module-content").querySelectorAll("[data-edit-character]").forEach((button) => button.addEventListener("click", () => { void openCharacter(button.dataset.editCharacter, false); }));
 }
 
 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 +3334,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 +3346,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 +3360,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 +3376,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 +3386,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 +3398,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 +4088,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 +4765,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 +4782,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 +4799,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 +4923,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 +4998,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>
@@ -6176,7 +6234,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/index.html

@@ -10,7 +10,7 @@
     <link rel="icon" href="/icon.svg?v=20260712" type="image/svg+xml">
     <link rel="manifest" href="/site.webmanifest">
     <link rel="stylesheet" href="/vendor/vditor/dist/index.css?v=3.11.2">
-    <link rel="stylesheet" href="/styles.css?v=20260725-ui-mobile-drawer-logo">
+    <link rel="stylesheet" href="/styles.css?v=20260725-develop-galaxy-ripple">
   </head>
   <body class="auth-pending">
     <section id="auth-view" class="auth-view hidden" aria-labelledby="auth-title">
@@ -376,6 +376,7 @@
           <button id="setting-editor-back" class="entity-editor-back" type="button">返回设定库</button>
           <div class="entity-editor-heading">
             <span id="setting-editor-eyebrow" class="eyebrow">新建设定</span>
+            <span id="setting-editor-readonly-badge" class="entity-editor-readonly-badge hidden">只读模式</span>
             <input id="setting-editor-name" class="setting-editor-title-input" name="title" maxlength="200" placeholder="新建设定" aria-label="设定标题">
             <div class="setting-editor-header-fields">
               <label>分类<select id="setting-editor-category" name="category">
@@ -408,7 +409,7 @@
           <button id="character-editor-close" class="entity-editor-back" type="button">返回角色列表</button>
           <div>
             <span id="character-editor-eyebrow" class="eyebrow">人物主档案</span>
-            <div class="character-editor-title-row"><h1 id="character-editor-title">新建角色</h1><span id="character-editor-version" class="character-version-badge">新档案</span></div>
+            <div class="character-editor-title-row"><h1 id="character-editor-title">新建角色</h1><span id="character-editor-version" class="character-version-badge">新档案</span><span id="character-editor-readonly-badge" class="entity-editor-readonly-badge hidden">只读模式</span></div>
           </div>
           <div class="character-editor-header-actions">
             <button id="character-editor-edit" class="primary-button hidden" type="button">编辑角色</button>
@@ -442,7 +443,7 @@
           <button id="knowledge-editor-close" class="entity-editor-back" type="button">返回列表</button>
           <div>
             <span id="knowledge-editor-eyebrow" class="eyebrow">世界档案</span>
-            <div class="character-editor-title-row"><h1 id="knowledge-editor-title">新建档案</h1><span id="knowledge-editor-version" class="character-version-badge">新档案</span></div>
+            <div class="character-editor-title-row"><h1 id="knowledge-editor-title">新建档案</h1><span id="knowledge-editor-version" class="character-version-badge">新档案</span><span id="knowledge-editor-readonly-badge" class="entity-editor-readonly-badge hidden">只读模式</span></div>
           </div>
           <div class="character-editor-header-actions">
             <span id="knowledge-editor-header-note" class="knowledge-editor-header-note">独立资料页</span>
@@ -682,6 +683,7 @@
         <output id="galaxy-stats" class="galaxy-stats" aria-live="polite" data-testid="galaxy-stats"></output>
         <aside class="galaxy-controls" aria-label="银河图控制">
           <button id="galaxy-stars" type="button" aria-pressed="true" data-testid="galaxy-stars">隐藏背景星点</button>
+          <button id="galaxy-grid" type="button" aria-pressed="false" data-testid="galaxy-grid">显示空间网格</button>
           <button id="galaxy-rotation" type="button" aria-pressed="false" data-testid="galaxy-rotation">暂停旋转</button>
           <button id="galaxy-zoom-out" type="button" aria-label="缩小">−</button>
           <button id="galaxy-zoom-in" type="button" aria-label="放大">＋</button>
@@ -697,6 +699,6 @@
     <div id="auth-loading" class="auth-loading" role="status" aria-label="正在载入工作台"></div>
     <script id="vditorIconScript" src="/vendor/vditor/dist/js/icons/ant.js?v=3.11.2"></script>
     <script src="/vendor/vditor/dist/index.min.js?v=3.11.2"></script>
-    <script type="module" src="/app.js?v=20260725-ui-mobile-drawer-logo"></script>
+    <script type="module" src="/app.js?v=20260725-develop-galaxy-ripple"></script>
   </body>
 </html>

package/dist/public/relationship-graph.js

@@ -1551,29 +1551,87 @@ export function layoutGalaxy(graph, seed) {
   return { nodes, byId };
 }
 
-export function createGalaxyStarfield(seed, count = 3600) {
+export function createGalaxyStarfield(seed, count = 7200) {
   const random = seededRandom(hashString(seed));
   const stars = [];
   const armCount = 4;
   for (let index = 0; index < count; index += 1) {
-    const radius = 55 + Math.pow(random(), 0.62) * 1380;
+    const population = random();
+    const isCore = population < 0.62;
+    const isHalo = !isCore && population > 0.9;
+    const radius = isCore
+      ? 32 + Math.pow(random(), 1.72) * 720
+      : 160 + Math.pow(random(), 0.68) * 1510;
     const arm = index % armCount;
     const armAngle = arm / armCount * Math.PI * 2;
-    const angle = armAngle + radius * 0.0065 + (random() - 0.5) * (0.42 + radius / 1100);
-    const thickness = 22 + radius * 0.105;
+    const angle = isHalo
+      ? random() * Math.PI * 2
+      : armAngle + radius * 0.0065 + (random() - 0.5) * (isCore ? 0.72 : 0.42 + radius / 1100);
+    const thickness = isHalo ? 70 + radius * 0.2 : (isCore ? 8 + radius * 0.045 : 22 + radius * 0.105);
     const temperature = random();
+    const x = Math.cos(angle) * radius + (random() - 0.5) * (isCore ? 42 : 78);
+    const z = Math.sin(angle) * radius + (random() - 0.5) * (isCore ? 42 : 78);
     stars.push({
-      x: Math.cos(angle) * radius + (random() - 0.5) * 62,
+      x,
       y: (random() + random() + random() - 1.5) * thickness,
-      z: Math.sin(angle) * radius + (random() - 0.5) * 62,
-      size: random() > 0.965 ? 1.7 + random() * 1.4 : 0.45 + random() * 0.85,
-      brightness: 0.22 + random() * 0.78,
+      z,
+      originX: x,
+      originZ: z,
+      vx: 0,
+      vz: 0,
+      size: isCore && random() > 0.94 ? 1.25 + random() * 1.25 : 0.38 + random() * 0.82,
+      brightness: isCore ? 0.3 + random() * 0.7 : 0.16 + random() * 0.66,
       color: temperature < 0.2 ? "255,218,176" : temperature > 0.78 ? "174,211,255" : "226,237,255"
     });
   }
   return stars;
 }
 
+export function stepGalaxyStarfieldPhysics(stars, attractor = null, options = {}) {
+  const deltaMs = clamp(Number(options.deltaMs) || 16.667, 1, 50);
+  const timeScale = deltaMs / 16.667;
+  const influenceRadius = Math.max(1, Number(options.influenceRadius) || 210);
+  const repulsionStrength = Number(options.repulsionStrength) || 5.5;
+  const springStrength = Number(options.springStrength) || 0.006;
+  const damping = clamp(Number(options.damping) || 0.84, 0, 1);
+  let energy = 0;
+
+  for (const star of stars) {
+    const originX = Number(star.originX ?? star.x);
+    const originZ = Number(star.originZ ?? star.z);
+    star.originX = originX;
+    star.originZ = originZ;
+    star.vx = Number(star.vx) || 0;
+    star.vz = Number(star.vz) || 0;
+
+    if (attractor) {
+      const deltaX = star.x - attractor.x;
+      const deltaZ = star.z - attractor.z;
+      const distance = Math.hypot(deltaX, deltaZ);
+      if (distance < influenceRadius) {
+        const angle = Math.atan2(star.originZ, star.originX);
+        const normalX = distance > 0.001 ? deltaX / distance : Math.cos(angle);
+        const normalZ = distance > 0.001 ? deltaZ / distance : Math.sin(angle);
+        const falloff = 1 - distance / influenceRadius;
+        const force = falloff * falloff * repulsionStrength * timeScale;
+        star.vx += normalX * force;
+        star.vz += normalZ * force;
+      }
+    }
+
+    star.vx += (originX - star.x) * springStrength * timeScale;
+    star.vz += (originZ - star.z) * springStrength * timeScale;
+    const frameDamping = Math.pow(damping, timeScale);
+    star.vx *= frameDamping;
+    star.vz *= frameDamping;
+    star.x += star.vx * timeScale;
+    star.z += star.vz * timeScale;
+    energy += Math.abs(star.vx) + Math.abs(star.vz) + Math.abs(originX - star.x) + Math.abs(originZ - star.z);
+  }
+
+  return energy;
+}
+
 export function projectGalaxyPoint(point, camera, viewport) {
   const relativeX = point.x - Number(camera.targetX ?? 0);
   const relativeY = point.y - Number(camera.targetY ?? 0);
@@ -1697,13 +1755,18 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
   let animationFrame = 0;
   let previousFrameTime = 0;
   let cameraFocus = null;
+  let draggedNode = null;
+  let starPhysicsEnergy = 0;
   let paused = false;
   let starsVisible = true;
+  let gridVisible = false;
   let destroyed = false;
 
   shell.classList.add("is-three-dimensional");
   shell.dataset.sceneDimension = "3";
   shell.dataset.starCount = String(stars.length);
+  shell.dataset.gridVisible = "false";
+  shell.dataset.starPhysicsEnergy = "0";
   shell.dataset.rotationSpeed = String(GALAXY_ROTATION_RADIANS_PER_MS);
   shell.dataset.layoutMinimumRadius = String(GALAXY_LAYOUT_CONFIG.minimumRadius);
   shell.dataset.layoutRadialSpan = String(GALAXY_LAYOUT_CONFIG.radialSpan);
@@ -1743,24 +1806,26 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
     context.fillStyle = backdrop;
     context.fillRect(0, 0, width, height);
 
-    context.lineWidth = 1;
-    context.strokeStyle = "rgba(105,142,182,.06)";
-    for (let offset = -1200; offset <= 1200; offset += 160) {
-      const horizontalStart = project({ x: -1200, y: 0, z: offset }, width, height);
-      const horizontalEnd = project({ x: 1200, y: 0, z: offset }, width, height);
-      const verticalStart = project({ x: offset, y: 0, z: -1200 }, width, height);
-      const verticalEnd = project({ x: offset, y: 0, z: 1200 }, width, height);
-      if (horizontalStart.visible && horizontalEnd.visible) {
-        context.beginPath();
-        context.moveTo(horizontalStart.x, horizontalStart.y);
-        context.lineTo(horizontalEnd.x, horizontalEnd.y);
-        context.stroke();
-      }
-      if (verticalStart.visible && verticalEnd.visible) {
-        context.beginPath();
-        context.moveTo(verticalStart.x, verticalStart.y);
-        context.lineTo(verticalEnd.x, verticalEnd.y);
-        context.stroke();
+    if (gridVisible) {
+      context.lineWidth = 1;
+      context.strokeStyle = "rgba(105,142,182,.06)";
+      for (let offset = -1200; offset <= 1200; offset += 160) {
+        const horizontalStart = project({ x: -1200, y: 0, z: offset }, width, height);
+        const horizontalEnd = project({ x: 1200, y: 0, z: offset }, width, height);
+        const verticalStart = project({ x: offset, y: 0, z: -1200 }, width, height);
+        const verticalEnd = project({ x: offset, y: 0, z: 1200 }, width, height);
+        if (horizontalStart.visible && horizontalEnd.visible) {
+          context.beginPath();
+          context.moveTo(horizontalStart.x, horizontalStart.y);
+          context.lineTo(horizontalEnd.x, horizontalEnd.y);
+          context.stroke();
+        }
+        if (verticalStart.visible && verticalEnd.visible) {
+          context.beginPath();
+          context.moveTo(verticalStart.x, verticalStart.y);
+          context.lineTo(verticalEnd.x, verticalEnd.y);
+          context.stroke();
+        }
       }
     }
 
@@ -1938,6 +2003,10 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
       }
     }
     if (!paused && !cameraDrag) camera.yaw += elapsed * GALAXY_ROTATION_RADIANS_PER_MS;
+    if (draggedNode || starPhysicsEnergy > 0.01) {
+      starPhysicsEnergy = stepGalaxyStarfieldPhysics(stars, draggedNode, { deltaMs: elapsed || 16.667 });
+      shell.dataset.starPhysicsEnergy = starPhysicsEnergy.toFixed(3);
+    }
     drawScene();
     animationFrame = window.requestAnimationFrame(renderFrame);
   };
@@ -2072,6 +2141,7 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
           scale: Number(button.dataset.projectedScale) || 1,
           dragged: false
         };
+        draggedNode = node;
         button.setPointerCapture(event.pointerId);
         button.classList.add("is-dragging");
         button.setAttribute("aria-grabbed", "true");
@@ -2099,6 +2169,7 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
         if (!nodeDrag || event.pointerId !== nodeDrag.pointerId) return;
         suppressClick = nodeDrag.dragged;
         nodeDrag = null;
+        if (draggedNode === node) draggedNode = null;
         button.classList.remove("is-dragging");
         button.setAttribute("aria-grabbed", "false");
         if (button.hasPointerCapture(event.pointerId)) button.releasePointerCapture(event.pointerId);
@@ -2156,9 +2227,13 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
     if (!dialog.open) dialog.showModal();
     paused = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
     starsVisible = true;
+    gridVisible = false;
     background.classList.remove("hidden-stars");
+    shell.dataset.gridVisible = "false";
     dialog.querySelector("#galaxy-stars").setAttribute("aria-pressed", "true");
     dialog.querySelector("#galaxy-stars").textContent = "隐藏背景星点";
+    dialog.querySelector("#galaxy-grid").setAttribute("aria-pressed", "false");
+    dialog.querySelector("#galaxy-grid").textContent = "显示空间网格";
     updateRotationControl();
     stats.value = `${graph.stats.nodeCount} 个节点 / ${graph.stats.edgeCount} 条关系`;
     renderNodes();
@@ -2182,6 +2257,13 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
     event.currentTarget.textContent = starsVisible ? "隐藏背景星点" : "显示背景星点";
     drawScene();
   });
+  listen(dialog.querySelector("#galaxy-grid"), "click", (event) => {
+    gridVisible = !gridVisible;
+    shell.dataset.gridVisible = String(gridVisible);
+    event.currentTarget.setAttribute("aria-pressed", String(gridVisible));
+    event.currentTarget.textContent = gridVisible ? "隐藏空间网格" : "显示空间网格";
+    drawScene();
+  });
   listen(dialog.querySelector("#galaxy-rotation"), "click", () => {
     paused = !paused;
     updateRotationControl();