@musnows/scriverse 0.4.9 → 0.4.11

package/dist/public/relationship-graph.js

@@ -6,14 +6,26 @@ const RELATION_STYLE = Object.freeze({
   uncertain: { label: "未确定", color: "#9aa5b5" }
 });
 
-/** Obsidian Graph View 风格：低饱和度分组配色 */
+/** Obsidian Graph View 风格：为浅色和深色背景分别提供可辨识的低饱和度分组配色 */
 export const OBSIDIAN_NODE_PALETTE = Object.freeze([
-  Object.freeze({ key: "blue", color: "#7a9bb5", glow: "rgba(122,155,181,.48)" }),
-  Object.freeze({ key: "lavender", color: "#9a8fb5", glow: "rgba(154,143,181,.48)" }),
-  Object.freeze({ key: "slate", color: "#8b9099", glow: "rgba(139,144,153,.42)" }),
-  Object.freeze({ key: "rose", color: "#b58a9a", glow: "rgba(181,138,154,.48)" }),
-  Object.freeze({ key: "mist", color: "#8aa8a3", glow: "rgba(138,168,163,.45)" }),
-  Object.freeze({ key: "sand", color: "#a89a88", glow: "rgba(168,154,136,.42)" })
+  Object.freeze({ key: "blue", color: "#3f6f99", darkColor: "#7fb7e3", glow: "rgba(63,111,153,.42)", darkGlow: "rgba(127,183,227,.56)" }),
+  Object.freeze({ key: "indigo", color: "#5b5fa3", darkColor: "#9ea6ed", glow: "rgba(91,95,163,.42)", darkGlow: "rgba(158,166,237,.56)" }),
+  Object.freeze({ key: "violet", color: "#77549a", darkColor: "#bd91df", glow: "rgba(119,84,154,.42)", darkGlow: "rgba(189,145,223,.56)" }),
+  Object.freeze({ key: "purple", color: "#8b4f83", darkColor: "#d28bc5", glow: "rgba(139,79,131,.42)", darkGlow: "rgba(210,139,197,.56)" }),
+  Object.freeze({ key: "rose", color: "#a84e6a", darkColor: "#e78da8", glow: "rgba(168,78,106,.42)", darkGlow: "rgba(231,141,168,.56)" }),
+  Object.freeze({ key: "red", color: "#ad554f", darkColor: "#ef948c", glow: "rgba(173,85,79,.42)", darkGlow: "rgba(239,148,140,.56)" }),
+  Object.freeze({ key: "coral", color: "#a95d45", darkColor: "#eda083", glow: "rgba(169,93,69,.42)", darkGlow: "rgba(237,160,131,.56)" }),
+  Object.freeze({ key: "amber", color: "#956b2f", darkColor: "#deb46d", glow: "rgba(149,107,47,.42)", darkGlow: "rgba(222,180,109,.56)" }),
+  Object.freeze({ key: "olive", color: "#777331", darkColor: "#bdba70", glow: "rgba(119,115,49,.42)", darkGlow: "rgba(189,186,112,.56)" }),
+  Object.freeze({ key: "green", color: "#47794f", darkColor: "#84c98f", glow: "rgba(71,121,79,.42)", darkGlow: "rgba(132,201,143,.56)" }),
+  Object.freeze({ key: "emerald", color: "#337965", darkColor: "#74c9aa", glow: "rgba(51,121,101,.42)", darkGlow: "rgba(116,201,170,.56)" }),
+  Object.freeze({ key: "teal", color: "#31777a", darkColor: "#72c6c8", glow: "rgba(49,119,122,.42)", darkGlow: "rgba(114,198,200,.56)" }),
+  Object.freeze({ key: "cyan", color: "#34758f", darkColor: "#7cc4de", glow: "rgba(52,117,143,.42)", darkGlow: "rgba(124,196,222,.56)" }),
+  Object.freeze({ key: "sky", color: "#41749f", darkColor: "#87bce6", glow: "rgba(65,116,159,.42)", darkGlow: "rgba(135,188,230,.56)" }),
+  Object.freeze({ key: "steel", color: "#576f86", darkColor: "#98afc5", glow: "rgba(87,111,134,.42)", darkGlow: "rgba(152,175,197,.56)" }),
+  Object.freeze({ key: "slate", color: "#626b78", darkColor: "#aab3c0", glow: "rgba(98,107,120,.42)", darkGlow: "rgba(170,179,192,.56)" }),
+  Object.freeze({ key: "sand", color: "#806e58", darkColor: "#c5ad91", glow: "rgba(128,110,88,.42)", darkGlow: "rgba(197,173,145,.56)" }),
+  Object.freeze({ key: "taupe", color: "#75636d", darkColor: "#b9a0ad", glow: "rgba(117,99,109,.42)", darkGlow: "rgba(185,160,173,.56)" })
 ]);
 
 const clamp = (value, minimum, maximum) => Math.min(maximum, Math.max(minimum, value));
@@ -186,12 +198,18 @@ export function getObsidianNodeAppearance(node, maxDegree = 1) {
   const group = resolveRelationshipNodeGroup(node);
   const degree = Math.max(0, Number(node?.degree) || 0);
   const normalizedDegree = clamp(degree / Math.max(1, Number(maxDegree) || 1), 0, 1);
-  const paletteIndex = group.key === "default" ? 2 : hashString(group.key) % OBSIDIAN_NODE_PALETTE.length;
+  // 未分组角色没有可共享的分组语义，按角色稳定标识散列，避免资料不完整时大片同色。
+  const colorKey = group.key === "default"
+    ? `node:${String(node?.id ?? node?.name ?? "default")}`
+    : group.key;
+  const paletteIndex = hashString(colorKey) % OBSIDIAN_NODE_PALETTE.length;
   const palette = OBSIDIAN_NODE_PALETTE[paletteIndex];
   return {
     group,
     color: palette.color,
+    darkColor: palette.darkColor,
     glow: palette.glow,
+    darkGlow: palette.darkGlow,
     size: clamp(8 + Math.sqrt(degree) * 4.8 + normalizedDegree * 4, 8, 38),
     degree,
     normalizedDegree
@@ -299,7 +317,9 @@ export function buildRelationshipGraph(characters, relationships) {
     node.importance = node.weightedDegree + Math.sqrt(node.degree) * 0.8;
     const appearance = getObsidianNodeAppearance(node, maxDegree);
     node.color = appearance.color;
+    node.darkColor = appearance.darkColor;
     node.glow = appearance.glow;
+    node.darkGlow = appearance.darkGlow;
     node.nodeSize = appearance.size;
   }
   nodes.sort((left, right) => right.importance - left.importance || left.name.localeCompare(right.name, "zh-CN"));
@@ -1253,8 +1273,10 @@ export function renderRelationshipMindMap(container, graph, options = {}) {
     button.dataset.groupKey = node.groupKey || appearance.group.key;
     button.classList.toggle("is-label-visible", graph.nodes.indexOf(node) < defaultLabelLimit || node.degree >= 4);
     button.style.setProperty("--node-size", `${nodeSize}px`);
-    button.style.setProperty("--node-color", node.color || appearance.color);
-    button.style.setProperty("--node-glow", node.glow || appearance.glow);
+    button.style.setProperty("--node-color-light", node.color || appearance.color);
+    button.style.setProperty("--node-color-dark", node.darkColor || appearance.darkColor);
+    button.style.setProperty("--node-glow-light", node.glow || appearance.glow);
+    button.style.setProperty("--node-glow-dark", node.darkGlow || appearance.darkGlow);
     const labelEl = document.createElement("span");
     labelEl.textContent = node.name;
     button.append(labelEl);

package/dist/public/styles.css

@@ -485,8 +485,9 @@ input[type="checkbox"][hidden] { display: none; }
 @keyframes onboarding-popover-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
 
 .left-panel, .ai-panel { position: relative; min-height: 0; background: var(--panel); }
-.left-panel { border-right: 1px solid var(--line); padding: 18px 14px 16px; overflow-y: auto; }
-.ai-panel { border-left: 1px solid var(--line); display: flex; flex-direction: column; padding: 18px; min-width: 0; }
+.left-panel { display: flex; flex-direction: column; border-right: 1px solid var(--line); padding: 0; overflow: hidden; }
+.left-panel-body { flex: 1 1 auto; min-height: 0; padding: 18px 14px 16px; overflow-y: auto; }
+.ai-panel { border-left: 1px solid var(--line); display: flex; flex-direction: column; padding: 14px 16px 18px; min-width: 0; }
 .panel-collapse-button { z-index: 8; flex: 0 0 auto; width: 24px; height: 24px; padding: 0; border: 1px solid var(--line); border-radius: 4px; background: var(--panel); color: var(--muted); font-size: 18px; line-height: 1; }
 .ai-heading #ai-panel-toggle { flex-basis: 30px; width: 30px; height: 30px; }
 .panel-resize-handle { position: absolute; z-index: 7; top: 0; bottom: 0; width: 7px; cursor: col-resize; touch-action: none; }
@@ -496,7 +497,10 @@ input[type="checkbox"][hidden] { display: none; }
 body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .app-shell.left-panel-collapsed { --left-panel-width: 42px !important; }.app-shell.ai-panel-collapsed { --ai-panel-width: 42px !important; }
 .app-shell.left-panel-collapsed .left-panel, .app-shell.ai-panel-collapsed .ai-panel { padding: 0; overflow: hidden; }
-.app-shell.left-panel-collapsed .left-panel > :not(.left-actions), .app-shell.ai-panel-collapsed .ai-panel > :not(.ai-heading) { display: none; }
+.app-shell.left-panel-collapsed .left-panel > .panel-resize-handle,
+.app-shell.left-panel-collapsed .left-panel-body > :not(.left-actions),
+.app-shell.ai-panel-collapsed .ai-panel > :not(.ai-heading) { display: none; }
+.app-shell.left-panel-collapsed .left-panel-body { padding: 0; overflow: hidden; }
 .app-shell.left-panel-collapsed .left-actions, .app-shell.ai-panel-collapsed .ai-heading { display: flex; justify-content: center; padding: 8px 0; border: 0; }
 .app-shell.left-panel-collapsed .left-actions > :not(.left-primary-actions), .app-shell.left-panel-collapsed .left-primary-actions > :not(.panel-collapse-button), .app-shell.ai-panel-collapsed .ai-heading > :not(.panel-collapse-button) { display: none; }
 .app-shell.left-panel-collapsed .left-primary-actions { display: flex; justify-content: center; }
@@ -1018,6 +1022,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .module-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
 .module-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
 .module-header-actions > [data-module-header-action] { order: 1; }
+.module-header-actions > .module-count-badge { order: 0; }
 .module-header-actions > #module-create-button { order: 2; min-height: 36px; }
 .module-count-badge { display: inline-grid; min-width: 28px; height: 28px; padding: 0 7px; place-items: center; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--accent-dark); font-family: var(--font-latin), monospace; font-size: 11px; font-weight: 650; }
 .module-header h1 { margin: 0 0 6px; font-weight: 500; font-size: 24px; line-height: 1.25; }
@@ -1317,6 +1322,8 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 }
 .relationship-network .mind-node,
 .relationship-network .obsidian-node {
+  --node-color: var(--node-color-light, #626b78);
+  --node-glow: var(--node-glow-light, rgba(98,107,120,.42));
   width: var(--node-size);
   height: var(--node-size);
   min-height: 0;
@@ -1333,6 +1340,11 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   transition: opacity .12s ease, transform .12s ease, box-shadow .12s ease;
   will-change: left, top;
 }
+:root[data-theme="dark"] .relationship-network .mind-node,
+:root[data-theme="dark"] .relationship-network .obsidian-node {
+  --node-color: var(--node-color-dark, #aab3c0);
+  --node-glow: var(--node-glow-dark, rgba(170,179,192,.56));
+}
 .relationship-network .mind-node span {
   position: absolute;
   left: 50%;
@@ -1463,14 +1475,15 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .galaxy-detail { position: fixed; z-index: 7; left: 22px; top: 22px; width: min(300px, 30vw); max-height: 55vh; overflow: auto; padding: 15px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: rgba(5,7,13,.74); backdrop-filter: blur(14px); }.galaxy-detail strong, .galaxy-detail small { display: block; }.galaxy-detail strong { font-size: 18px; }.galaxy-detail small, .galaxy-detail p { color: rgba(220,235,250,.65); font-size: 9px; }.galaxy-detail ul { display: grid; gap: 7px; padding: 0; list-style: none; font-size: 9px; }.galaxy-detail li { display: flex; align-items: center; gap: 6px; }
 .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
 
-.ai-heading { display: flex; align-items: center; gap: 8px; padding-bottom: 17px; border-bottom: 1px solid var(--line); }
-.ai-heading > div { display: flex; gap: 8px; align-items: center; }
-.ai-heading small { margin-left: auto; color: var(--muted); font-size: 10px; }
+.ai-heading { display: flex; align-items: center; gap: 8px; min-width: 0; padding-bottom: 9px; border-bottom: 1px solid var(--line); }
+.ai-heading-title { display: flex; flex: 0 0 auto; gap: 8px; align-items: center; }
+.ai-heading-title strong { white-space: nowrap; }
+.ai-heading-actions { display: flex; align-items: center; min-width: 0; margin-left: auto; gap: 5px; }
+.ai-heading-actions > span { min-width: 0; max-width: 88px; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
+.ai-heading-actions button { min-width: 28px; height: 28px; padding: 0 7px; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); font-size: 9px; }
+.ai-heading-actions #ai-new-conversation { padding: 0; font: 17px/1 var(--font-latin), monospace; }
+.ai-heading-actions button:hover, .ai-heading-actions button[aria-expanded="true"] { background: var(--paper-deep); color: var(--ink); }
 .status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgba(94,118,92,.14); }
-.ai-conversation-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 5px; align-items: center; padding: 10px 0; }
-.ai-conversation-toolbar > span { min-width: 0; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
-.ai-conversation-toolbar button { padding: 5px 7px; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); font-size: 9px; }
-.ai-conversation-toolbar button:hover, .ai-conversation-toolbar button[aria-expanded="true"] { background: var(--paper-deep); color: var(--ink); }
 .ai-history-dialog-body { min-height: min(360px, 55vh); max-height: 65vh; overflow-y: auto; padding: 18px 24px 24px; }
 .ai-history-list { display: grid; gap: 8px; }
 .ai-history-item { display: grid; gap: 5px; width: 100%; min-width: 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-soft); text-align: left; }
@@ -1499,10 +1512,10 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   line-height: 1.65;
   resize: vertical;
 }
-.quick-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
-.quick-actions button { border: 1px solid var(--line); background: transparent; border-radius: 3px; padding: 7px; color: var(--muted); font-size: 10px; }
+.quick-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; margin-top: 8px; }
+.quick-actions button { min-width: 0; min-height: 30px; border: 1px solid var(--line); background: transparent; border-radius: 3px; padding: 5px 3px; color: var(--muted); font-size: 10px; white-space: nowrap; }
 .quick-actions button:hover { color: var(--ink); background: var(--paper-deep); }
-.ai-feed { flex: 1; min-height: 0; overflow-y: auto; margin: 16px -5px; padding: 0 5px; }
+.ai-feed { flex: 1; min-height: 0; overflow-y: auto; margin: 10px -5px 12px; padding: 0 5px; }
 .assistant-message, .user-message { position: relative; margin-bottom: 12px; padding: 12px 13px; border-radius: 5px; font-size: 12px; line-height: 1.55; }
 .assistant-message { background: var(--paper-deep); }
 .assistant-message.has-message-actions, .user-message.has-message-actions { margin-bottom: 42px; }
@@ -1859,6 +1872,10 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .vditor-editor-host .vditor-reset { color: var(--ink); font-family: var(--font-cjk), var(--font-latin), sans-serif; }
 .vditor-editor-host .vditor-ir, .vditor-editor-host .vditor-sv, .vditor-editor-host .vditor-wysiwyg { background: var(--surface); color: var(--ink); }
 .vditor-editor-host .vditor-sv textarea { color: var(--ink); }
+.vditor-editor-host.vditor--dark .vditor-reset table { background: var(--surface); color: var(--ink); }
+.vditor-editor-host.vditor--dark .vditor-reset table tr { background: var(--surface); border-top-color: var(--line); }
+.vditor-editor-host.vditor--dark .vditor-reset table td, .vditor-editor-host.vditor--dark .vditor-reset table th { border-color: var(--line); color: var(--ink); }
+.vditor-editor-host.vditor--dark .vditor-reset table tbody tr:nth-child(2n) { background: var(--surface-soft); }
 .record-markdown-preview { display: -webkit-box; margin: 12px 0 8px; overflow: hidden; overflow-wrap: anywhere; color: var(--ink); font-size: 12px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 12; }
 .record-markdown-preview > :first-child, .knowledge-markdown-block .message-body > :first-child { margin-top: 0; }
 .record-markdown-preview > :last-child, .knowledge-markdown-block .message-body > :last-child { margin-bottom: 0; }
@@ -2058,7 +2075,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 }
 
 @media (max-width: 1100px) {
-  .left-panel { padding-inline: 10px; }
+  .left-panel-body { padding-inline: 10px; }
   .ai-panel { padding-inline: 14px; }
   .editor-toolbar { grid-template-areas: "path" "title" "actions"; grid-template-columns: minmax(0, 1fr); gap: 12px; padding-inline: 6%; }
   .editor-actions { justify-content: flex-end; flex-wrap: wrap; }
@@ -2197,17 +2214,19 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
     grid-column: auto;
     grid-row: auto;
     min-width: 0;
-    padding: 76px var(--mobile-gutter) 18px;
+    padding: 0;
     border-left: 1px solid var(--line);
     border-bottom: 1px solid var(--line);
     box-shadow: -12px 0 36px rgba(36, 30, 24, .2);
-    overflow-y: auto;
+    overflow: hidden;
     transform: translateX(0);
     transition: transform .2s ease;
   }
-  .app-shell.left-panel-collapsed .left-panel { padding: 76px var(--mobile-gutter) 18px; transform: translateX(100%); }
-  .app-shell.left-panel-collapsed .left-panel > :not(.left-actions) { display: block; }
-  .app-shell.left-panel-collapsed .left-panel > .module-nav { display: grid; }
+  .left-panel-body { padding: 76px var(--mobile-gutter) 18px; }
+  .app-shell.left-panel-collapsed .left-panel { transform: translateX(100%); }
+  .app-shell.left-panel-collapsed .left-panel > .panel-resize-handle { display: none; }
+  .app-shell.left-panel-collapsed .left-panel-body > :not(.left-actions) { display: block; }
+  .app-shell.left-panel-collapsed .left-panel-body > .module-nav { display: grid; }
   .left-panel > .panel-resize-handle { display: none; }
   .left-actions { margin: 0 0 8px; }
   .left-primary-actions { gap: 6px; }
@@ -2223,7 +2242,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .module-nav .nav-icon { width: 16px; height: 16px; }
   .module-nav .module-nav-secondary.hidden { display: none !important; }
   .panel-heading, #novel-tree { display: none; }
-  .app-shell.left-panel-collapsed .left-panel { padding: 8px var(--mobile-gutter) 0; }
+  .app-shell.left-panel-collapsed .left-panel-body { padding: 8px var(--mobile-gutter) 0; }
   .app-shell.left-panel-collapsed .left-actions { display: block; padding: 0; }
 
   .main-panel {

package/dist/store.js

@@ -764,9 +764,9 @@ export class Store {
         const chapterRows = this.db.all(`SELECT id, work_id, volume_id, title, chapter_type, sort_order, word_count, version_no,
         analysis_status, excluded_from_analysis, created_at, updated_at
        FROM chapters WHERE work_id = ? ORDER BY sort_order, created_at${page.sql}`, workId, ...page.params);
-        const chapters = chapterRows.map((row) => this.mapChapterDirectoryEntry(row));
+        const pageResult = paginated(chapterRows.map((row) => this.mapChapterDirectoryEntry(row)), pagination);
         const chaptersByVolume = new Map();
-        for (const chapter of chapters) {
+        for (const chapter of pageResult.items) {
             const volumeId = String(chapter.volumeId);
             const list = chaptersByVolume.get(volumeId) ?? [];
             list.push(chapter);
@@ -776,7 +776,7 @@ export class Store {
             ...this.mapVolume(row),
             chapters: chaptersByVolume.get(requiredString(row, "id")) ?? []
         }));
-        return { ...work, volumes, directoryPage: paginated(chapters, pagination) };
+        return { ...work, volumes, directoryPage: pageResult };
     }
     listFileVersions(workId) {
         this.getWork(workId);