@musnows/scriverse 0.4.3 → 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";
@@ -287,6 +287,10 @@ function hasCompletedOnboarding() {
   return state.user?.onboardingCompleted === true;
 }
 
+function isMobileViewport() {
+  return window.matchMedia("(max-width: 850px)").matches;
+}
+
 function persistOnboardingCompletion() {
   if (!state.user || state.user.onboardingCompleted) return;
   state.user = { ...state.user, onboardingCompleted: true };
@@ -409,6 +413,7 @@ function renderOnboardingStep(step, focusTitle = false) {
 }
 
 function openOnboarding(force = false) {
+  if (isMobileViewport()) return;
   const dialog = $("#onboarding-dialog");
   if (!force && hasCompletedOnboarding()) return;
   onboardingSteps = currentOnboardingSteps();
@@ -427,7 +432,7 @@ function completeOnboarding() {
 }
 
 function scheduleFirstUseOnboarding() {
-  if (onboardingAutoScheduled || hasCompletedOnboarding()) return;
+  if (isMobileViewport() || onboardingAutoScheduled || hasCompletedOnboarding()) return;
   onboardingAutoScheduled = true;
   window.requestAnimationFrame(() => {
     onboardingAutoScheduled = false;
@@ -601,6 +606,11 @@ function loadPanelLayout() {
 }
 
 let panelLayout = loadPanelLayout();
+if (window.matchMedia("(max-width: 850px)").matches) {
+  // 手机上默认收起创作助手，避免遮挡正文；用户可通过底部把手随时展开。
+  panelLayout.aiCollapsed = true;
+  panelLayout.leftCollapsed = true;
+}
 
 function constrainPanelLayout() {
   const minimumMainWidth = 480;
@@ -621,9 +631,13 @@ function applyPanelLayout(persist = false) {
   app.style.setProperty("--ai-panel-width", `${panelLayout.aiWidth}px`);
   app.classList.toggle("left-panel-collapsed", panelLayout.leftCollapsed);
   app.classList.toggle("ai-panel-collapsed", panelLayout.aiCollapsed);
-  $("#left-panel-toggle").textContent = panelLayout.leftCollapsed ? "›" : "‹";
+  const mobileViewport = isMobileViewport();
+  $("#left-panel-toggle").textContent = mobileViewport ? "›" : (panelLayout.leftCollapsed ? "›" : "‹");
   $("#left-panel-toggle").setAttribute("aria-expanded", String(!panelLayout.leftCollapsed));
-  $("#left-panel-toggle").setAttribute("aria-label", panelLayout.leftCollapsed ? "展开作品侧栏" : "收起作品侧栏");
+  $("#left-panel-toggle").setAttribute("aria-label", mobileViewport
+    ? (panelLayout.leftCollapsed ? "打开作品模块" : "关闭作品模块")
+    : (panelLayout.leftCollapsed ? "展开作品侧栏" : "收起作品侧栏"));
+  $("#mobile-module-tab").setAttribute("aria-expanded", String(!panelLayout.leftCollapsed));
   $("#ai-panel-toggle").textContent = panelLayout.aiCollapsed ? "‹" : "›";
   $("#ai-panel-toggle").setAttribute("aria-expanded", String(!panelLayout.aiCollapsed));
   $("#ai-panel-toggle").setAttribute("aria-label", panelLayout.aiCollapsed ? "展开创作助手" : "收起创作助手");
@@ -709,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");
@@ -722,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());
@@ -1763,8 +1781,14 @@ async function api(path, options = {}) {
   });
   if (!response.ok) {
     const payload = await response.json().catch(() => ({ error: { message: `请求失败：${response.status}` } }));
-    if (response.status === 401 && !path.startsWith("/api/auth/")) showAuth(false);
-    throw new Error(payload.error?.message ?? `请求失败：${response.status}`);
+    if (response.status === 401 && !path.startsWith("/api/auth/")) {
+      state.user = null;
+      state.csrfToken = null;
+      showAuth(false);
+    }
+    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();
@@ -1844,6 +1868,7 @@ async function refreshAuthCaptcha(target = "login") {
 }
 
 function showAuth(setupRequired, registrationOpen = false) {
+  if (state.user) return;
   document.body.classList.add("auth-pending");
   $("#auth-view").classList.remove("hidden");
   const canRegister = registrationOpen === true;
@@ -1872,6 +1897,7 @@ function applyAuthenticatedUser(session) {
   $("#account-menu-role").textContent = session.user.role === "admin" ? "系统管理员" : "普通用户";
   $("#auth-view").classList.add("hidden");
   document.documentElement.classList.remove("login-route");
+  if (!session.csrfToken) document.body.classList.remove("auth-pending");
   // 注意：auth-pending 由 initializePage 路由完成后才移除，
   // 避免会话确认后、目标视图渲染前露出无内容的编辑器外壳
 }
@@ -2239,15 +2265,13 @@ async function initializePage() {
 
     if (route.view === "editor") {
       if (route.chapterId && state.chapter?.id !== route.chapterId) await selectChapter(route.chapterId);
+      if (state.chapter?.id === route.chapterId && $("#editor-view").classList.contains("hidden")) await selectChapter(state.chapter.id);
       return;
     }
     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");
@@ -2882,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);
@@ -3107,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);
     });
@@ -3120,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 : [];
@@ -3164,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>
@@ -3187,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) => {
@@ -3266,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
@@ -3286,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>
@@ -3298,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>
@@ -3312,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
@@ -3331,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>`;
@@ -3341,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>
@@ -3353,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(); });
 }
 
@@ -4042,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;
@@ -4719,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,
@@ -4728,10 +4781,14 @@ 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();
     }
   });
@@ -4742,6 +4799,51 @@ 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;
+  let counter = toolbar.querySelector("[data-markdown-word-count]");
+  if (!counter) {
+    counter = document.createElement("span");
+    counter.className = "markdown-word-count";
+    counter.dataset.markdownWordCount = "true";
+    counter.setAttribute("role", "status");
+    counter.setAttribute("aria-live", "polite");
+    counter.title = "当前 Markdown 正文的字数，不计空白字符";
+    toolbar.append(counter);
+  }
+  const count = Array.from(String(markdown ?? "").replace(/\s/gu, "")).length;
+  counter.textContent = `${count.toLocaleString("zh-CN")} 字`;
+}
+
 function transformVditorPreview(html) {
   return String(html ?? "").replace(/(<img\b[^>]*\bsrc\s*=\s*)(["'])attachment:\/\/([A-Za-z0-9_-]{1,300})\2/giu, (_match, prefix, quote, attachmentId) => `${prefix}${quote}/api/attachments/${encodeURIComponent(attachmentId)}/content${quote}`);
 }
@@ -4821,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>
@@ -4899,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>
@@ -6136,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();
@@ -6447,6 +6547,14 @@ $("#left-panel-toggle").addEventListener("click", () => {
   panelLayout.leftCollapsed = !panelLayout.leftCollapsed;
   applyPanelLayout(true);
 });
+$("#mobile-module-tab").addEventListener("click", () => {
+  panelLayout.leftCollapsed = !panelLayout.leftCollapsed;
+  applyPanelLayout(true);
+});
+$("#mobile-panel-backdrop").addEventListener("click", () => {
+  panelLayout.leftCollapsed = true;
+  applyPanelLayout(true);
+});
 $("#ai-panel-toggle").addEventListener("click", () => {
   panelLayout.aiCollapsed = !panelLayout.aiCollapsed;
   applyPanelLayout(true);
@@ -6454,7 +6562,11 @@ $("#ai-panel-toggle").addEventListener("click", () => {
 setupPanelResize($("#left-panel-resize"), "left");
 setupPanelResize($("#ai-panel-resize"), "ai");
 if (typeof ResizeObserver !== "undefined") new ResizeObserver(scheduleChapterLineNumbers).observe($("#chapter-content"));
-window.addEventListener("resize", () => { applyPanelLayout(); scheduleChapterLineNumbers(); });
+window.addEventListener("resize", () => {
+  if (isMobileViewport() && $("#onboarding-dialog").open) completeOnboarding();
+  applyPanelLayout();
+  scheduleChapterLineNumbers();
+});
 $("#module-nav").addEventListener("click", (event) => {
   const button = event.target.closest("button");
   if (!button || button.id === "module-more-button") return;
@@ -6463,7 +6575,14 @@ $("#module-nav").addEventListener("click", (event) => {
     openWorkSettingsDialog(work);
     return;
   }
-  if (button.dataset.module) showModule(button.dataset.module);
+  if (button.dataset.module) {
+    void showModule(button.dataset.module).finally(() => {
+      if (window.matchMedia("(max-width: 850px)").matches) {
+        panelLayout.leftCollapsed = true;
+        applyPanelLayout(true);
+      }
+    });
+  }
 });
 $("#module-more-button").addEventListener("click", () => setModuleNavExpanded(!moduleNavExpanded));
 $("#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]?.());
@@ -6719,6 +6838,10 @@ window.addEventListener("beforeunload", (event) => { if (state.dirty || entityEd
 
 initializePage().catch((error) => {
   restoringPageRoute = false;
+  if (state.user) {
+    document.body.classList.remove("auth-pending");
+    $("#auth-view").classList.add("hidden");
+  }
   showShelf();
   toast(`系统初始化失败：${error.message}`, "error");
 });

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-collaboration">
+    <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">
@@ -70,6 +70,7 @@
             <small>小说 AI 创作工作台</small>
           </div>
         </button>
+        <button id="mobile-module-tab" class="mobile-module-tab" type="button" aria-label="打开作品模块" aria-expanded="false">模块</button>
         <div id="work-meta" class="work-meta">尚未选择作品</div>
         <div class="top-actions">
           <span id="save-state" class="save-state">就绪</span>
@@ -100,6 +101,8 @@
         </div>
       </header>
 
+      <button id="mobile-panel-backdrop" class="mobile-panel-backdrop" type="button" aria-label="关闭作品模块侧栏"></button>
+
       <aside class="left-panel">
         <div id="left-panel-resize" class="panel-resize-handle" role="separator" aria-label="调整作品侧栏宽度" aria-orientation="vertical" tabindex="0"></div>
         <div class="left-actions">
@@ -373,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">
@@ -405,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>
@@ -439,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>
@@ -679,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>
@@ -694,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-collaboration"></script>
+    <script type="module" src="/app.js?v=20260725-develop-galaxy-ripple"></script>
   </body>
 </html>