@musnows/scriverse 0.5.6 → 0.5.7

package/dist/public/relationship-graph.js

@@ -6,7 +6,7 @@ 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: "#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)" }),
@@ -25,7 +25,13 @@ export const OBSIDIAN_NODE_PALETTE = Object.freeze([
   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)" })
+  Object.freeze({ key: "taupe", color: "#75636d", darkColor: "#b9a0ad", glow: "rgba(117,99,109,.42)", darkGlow: "rgba(185,160,173,.56)" }),
+  Object.freeze({ key: "gold", color: "#8b702b", darkColor: "#dfbd63", glow: "rgba(139,112,43,.42)", darkGlow: "rgba(223,189,99,.56)" }),
+  Object.freeze({ key: "lime", color: "#5e7a35", darkColor: "#a4cd74", glow: "rgba(94,122,53,.42)", darkGlow: "rgba(164,205,116,.56)" }),
+  Object.freeze({ key: "mint", color: "#397d59", darkColor: "#78ce99", glow: "rgba(57,125,89,.42)", darkGlow: "rgba(120,206,153,.56)" }),
+  Object.freeze({ key: "turquoise", color: "#287d78", darkColor: "#69cec8", glow: "rgba(40,125,120,.42)", darkGlow: "rgba(105,206,200,.56)" }),
+  Object.freeze({ key: "azure", color: "#326ea3", darkColor: "#76b7ee", glow: "rgba(50,110,163,.42)", darkGlow: "rgba(118,183,238,.56)" }),
+  Object.freeze({ key: "peach", color: "#a35d50", darkColor: "#eda197", glow: "rgba(163,93,80,.42)", darkGlow: "rgba(237,161,151,.56)" })
 ]);
 
 const clamp = (value, minimum, maximum) => Math.min(maximum, Math.max(minimum, value));
@@ -87,6 +93,8 @@ const GALAXY_CELESTIAL_TYPES = Object.freeze({
   outer: Object.freeze(["rocky", "ocean", "ice", "volcanic", "dwarf", "ringed"])
 });
 export const GALAXY_ROTATION_RADIANS_PER_MS = 0.000012;
+export const GALAXY_BASE_STAR_COUNT = 7200;
+export const GALAXY_EDGE_STAR_BOOST_RATIO = 1.1 * 1.1 - 1;
 export const GALAXY_LAYOUT_CONFIG = Object.freeze({
   minimumRadius: 220,
   radialSpan: 830,
@@ -220,15 +228,9 @@ export function resolveRelationshipNodeGroup(node) {
   return { type: "default", key: "default", label: "未分组" };
 }
 
-export function getObsidianNodeAppearance(node, maxDegree = 1) {
-  const group = resolveRelationshipNodeGroup(node);
+function createObsidianNodeAppearance(node, maxDegree, group, paletteIndex) {
   const degree = Math.max(0, Number(node?.degree) || 0);
   const normalizedDegree = clamp(degree / Math.max(1, Number(maxDegree) || 1), 0, 1);
-  // 未分组角色没有可共享的分组语义，按角色稳定标识散列，避免资料不完整时大片同色。
-  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,
@@ -242,6 +244,52 @@ export function getObsidianNodeAppearance(node, maxDegree = 1) {
   };
 }
 
+function getObsidianNodeColorSeed(node, group = resolveRelationshipNodeGroup(node)) {
+  return mixHash(hashString([
+    String(node?.id ?? ""),
+    String(node?.name ?? ""),
+    group.key,
+    String(node?.species ?? ""),
+    String(node?.identity ?? "")
+  ].join("|")));
+}
+
+export function getObsidianNodeAppearance(node, maxDegree = 1) {
+  const group = resolveRelationshipNodeGroup(node);
+  const paletteIndex = getObsidianNodeColorSeed(node, group) % OBSIDIAN_NODE_PALETTE.length;
+  return createObsidianNodeAppearance(node, maxDegree, group, paletteIndex);
+}
+
+export function assignBalancedObsidianNodeAppearances(nodes, maxDegree = 1) {
+  // 高连接节点优先占用尚未使用的颜色，再按稳定散列打散同一轮的色槽顺序。
+  const orderedNodes = [...(Array.isArray(nodes) ? nodes : [])].sort((left, right) => (
+    Number(right?.degree ?? 0) - Number(left?.degree ?? 0)
+    || Number(right?.weightedDegree ?? 0) - Number(left?.weightedDegree ?? 0)
+    || String(left?.name ?? "").localeCompare(String(right?.name ?? ""), "zh-CN")
+    || String(left?.id ?? "").localeCompare(String(right?.id ?? ""))
+  ));
+  const paletteUsage = Array.from({ length: OBSIDIAN_NODE_PALETTE.length }, () => 0);
+  const appearances = new Map();
+  for (const node of orderedNodes) {
+    const group = resolveRelationshipNodeGroup(node);
+    const seed = getObsidianNodeColorSeed(node, group);
+    const minimumUsage = Math.min(...paletteUsage);
+    let paletteIndex = 0;
+    let bestScore = -1;
+    for (let index = 0; index < paletteUsage.length; index += 1) {
+      if (paletteUsage[index] !== minimumUsage) continue;
+      const score = mixHash(seed ^ Math.imul(index + 1, 0x9e3779b1));
+      if (score > bestScore) {
+        bestScore = score;
+        paletteIndex = index;
+      }
+    }
+    paletteUsage[paletteIndex] += 1;
+    appearances.set(String(node?.id ?? node?.name ?? appearances.size), createObsidianNodeAppearance(node, maxDegree, group, paletteIndex));
+  }
+  return appearances;
+}
+
 function hashString(value) {
   let hash = 2166136261;
   for (let index = 0; index < value.length; index += 1) {
@@ -341,7 +389,10 @@ export function buildRelationshipGraph(characters, relationships) {
   const maxDegree = Math.max(1, ...nodes.map((node) => node.degree));
   for (const node of nodes) {
     node.importance = node.weightedDegree + Math.sqrt(node.degree) * 0.8;
-    const appearance = getObsidianNodeAppearance(node, maxDegree);
+  }
+  const nodeAppearances = assignBalancedObsidianNodeAppearances(nodes, maxDegree);
+  for (const node of nodes) {
+    const appearance = nodeAppearances.get(node.id) ?? getObsidianNodeAppearance(node, maxDegree);
     node.color = appearance.color;
     node.darkColor = appearance.darkColor;
     node.glow = appearance.glow;
@@ -854,7 +905,7 @@ export function renderRelationshipMindMap(container, graph, options = {}) {
 
   const focusBadge = document.createElement("div");
   focusBadge.className = "relationship-network-focus";
-  focusBadge.innerHTML = "<strong>人物关系图谱</strong><span>力导向布局 · 按阵营/种族着色</span>";
+  focusBadge.innerHTML = "<strong>人物关系图谱</strong><span>力导向布局 · 稳定均衡配色</span>";
   const focusText = focusBadge.querySelector("span");
   const help = document.createElement("div");
   help.className = "relationship-network-help";
@@ -1212,7 +1263,7 @@ export function renderRelationshipMindMap(container, graph, options = {}) {
     edgeElements.forEach((item) => {
       item.path.classList.remove("is-highlighted", "is-dimmed");
     });
-    focusText.textContent = "力导向布局 · 按阵营/种族着色";
+    focusText.textContent = "力导向布局 · 稳定均衡配色";
     edgeDetail.classList.add("hidden");
     edgeDetail.replaceChildren();
   };
@@ -1629,26 +1680,32 @@ export function layoutGalaxy(graph, seed) {
   return { nodes, byId };
 }
 
-export function createGalaxyStarfield(seed, count = 7200) {
+export function createGalaxyStarfield(seed, count) {
   const random = seededRandom(hashString(seed));
   const stars = [];
   const armCount = 4;
-  for (let index = 0; index < count; index += 1) {
+  const baseCount = count === undefined ? GALAXY_BASE_STAR_COUNT : Math.max(0, Math.floor(Number(count) || 0));
+  const edgeBoostCount = count === undefined ? Math.round(baseCount * GALAXY_EDGE_STAR_BOOST_RATIO) : 0;
+  const totalCount = baseCount + edgeBoostCount;
+  for (let index = 0; index < totalCount; index += 1) {
+    const isEdgeBoost = index >= baseCount;
     const population = random();
-    const isCore = population < 0.62;
-    const isHalo = !isCore && population > 0.9;
-    const radius = isCore
+    const isCore = !isEdgeBoost && population < 0.62;
+    const isHalo = !isEdgeBoost && !isCore && population > 0.9;
+    const radius = isEdgeBoost
+      ? 900 + Math.pow(random(), 0.82) * 900
+      : 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 = 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);
+      : armAngle + radius * 0.0065 + (random() - 0.5) * (isEdgeBoost ? 0.36 + radius / 1700 : isCore ? 0.72 : 0.42 + radius / 1100);
+    const thickness = isHalo ? 70 + radius * 0.2 : (isEdgeBoost ? 26 + radius * 0.11 : 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);
+    const x = Math.cos(angle) * radius + (random() - 0.5) * (isCore ? 42 : isEdgeBoost ? 68 : 78);
+    const z = Math.sin(angle) * radius + (random() - 0.5) * (isCore ? 42 : isEdgeBoost ? 68 : 78);
     stars.push({
       x,
       y: (random() + random() + random() - 1.5) * thickness,
@@ -1659,7 +1716,8 @@ export function createGalaxyStarfield(seed, count = 7200) {
       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"
+      color: temperature < 0.2 ? "255,218,176" : temperature > 0.78 ? "174,211,255" : "226,237,255",
+      region: isEdgeBoost ? "edge-arm" : isCore ? "core" : isHalo ? "halo" : "arm"
     });
   }
   return stars;

package/dist/public/styles.css

@@ -547,28 +547,39 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .settings-parent-button { white-space: nowrap; }
 .settings-hub-header { align-items: center; }
 .settings-hub-header h1 { font-size: clamp(26px, 3vw, 36px); line-height: 1.15; letter-spacing: -.02em; }
-.settings-hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; max-width: 1000px; margin: 0 auto; }
+.settings-hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; width: 100%; max-width: 1000px; margin: 0 auto; }
 .settings-hub-card { display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: auto auto; gap: 4px 14px; align-items: center; min-height: 128px; padding: 22px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); text-align: left; }
 .settings-hub-card:hover, .settings-hub-card:focus-visible { border-color: var(--accent); background: var(--paper-deep); box-shadow: var(--shadow); transform: translateY(-2px); }
 .settings-hub-card:disabled { cursor: not-allowed; opacity: .42; box-shadow: none; transform: none; }
 .settings-card-mark { display: grid; grid-row: 1 / 3; place-items: center; width: 48px; height: 48px; border: 1px solid var(--line); border-radius: 50%; color: var(--accent-dark); background: var(--surface); font-size: 14px; font-weight: 700; }
 .settings-hub-card strong { align-self: end; font-size: 16px; }
 .settings-hub-card small { align-self: start; color: var(--muted); font-size: 10px; line-height: 1.5; }
-.writing-progress-dialog { width: min(900px, 94vw); }
+.dialog.writing-progress-dialog { width: min(900px, 94vw); }
 .writing-progress-dialog form { display: grid; }
-.writing-progress-body { display: grid; gap: 18px; padding: 20px 24px; }
+.writing-progress-body { display: grid; gap: 18px; max-height: calc(88vh - 150px); padding: 20px 24px; overflow-y: auto; }
 .writing-progress-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
-.writing-progress-stats article { display: grid; gap: 6px; padding: 13px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-soft); }
+.writing-progress-stats article { display: grid; align-content: center; gap: 7px; min-height: 78px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
 .writing-progress-stats small { color: var(--muted); font-size: 9px; }
-.writing-progress-stats strong { font: 20px/1.2 var(--font-mono), monospace; }
-.writing-trend-chart { display: grid; grid-template-columns: repeat(30, minmax(4px, 1fr)); align-items: end; gap: 3px; height: 190px; padding: 12px 10px 24px; border: 1px solid var(--line); border-radius: 5px; background: linear-gradient(to top, var(--line) 1px, transparent 1px) 0 0 / 100% 25%; }
-.writing-trend-bar { display: grid; grid-template-rows: 1fr 18px; align-items: end; height: 100%; min-width: 0; }
-.writing-trend-bar i { display: block; width: 100%; height: var(--bar-height); min-height: 3px; border-radius: 2px 2px 0 0; background: color-mix(in srgb, var(--accent) 62%, var(--surface)); }
+.writing-progress-stats strong { font: 20px/1.2 var(--font-latin), monospace; }
+.writing-trend-chart { position: relative; display: grid; grid-template-columns: repeat(30, minmax(4px, 1fr)); align-items: end; gap: 3px; height: 210px; margin-top: 14px; padding: 14px 10px 10px; border: 1px solid var(--line); border-radius: 6px; background: linear-gradient(to top, var(--panel) 0 22px, transparent 22px), linear-gradient(to top, var(--line) 1px, transparent 1px) 0 0 / 100% 25%; }
+.writing-trend-bar { display: grid; grid-template-rows: minmax(0, 1fr) 22px; align-items: end; height: 100%; min-width: 0; cursor: default; }
+.writing-trend-bar:focus-visible { outline: none; }
+.writing-trend-bar i { display: block; justify-self: center; width: clamp(4px, 68%, 14px); height: var(--bar-height); min-height: 3px; border-radius: 4px 4px 1px 1px; background: color-mix(in srgb, var(--accent) 62%, var(--surface)); transition: background-color .14s ease, box-shadow .14s ease, transform .14s ease; }
 .writing-trend-bar.is-today i { background: var(--accent); }
-.writing-trend-bar small { overflow: visible; color: var(--muted); font: 7px/18px var(--font-mono), monospace; white-space: nowrap; transform: rotate(-42deg); transform-origin: left center; }
+.writing-trend-bar:hover i, .writing-trend-bar:focus-visible i { background: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent); transform: translateY(-2px); }
+.writing-trend-bar small { align-self: center; justify-self: center; overflow: visible; color: var(--muted); font: 7px/22px var(--font-latin), monospace; white-space: nowrap; }
+.writing-trend-daily-line { position: absolute; z-index: 1; top: 14px; right: 10px; bottom: 32px; left: 10px; width: calc(100% - 20px); height: calc(100% - 46px); overflow: visible; pointer-events: none; }
+.writing-trend-daily-line polyline { fill: none; stroke: var(--green); stroke-width: 3; vector-effect: non-scaling-stroke; }
+.writing-trend-daily-points { position: absolute; z-index: 2; top: 14px; right: 10px; bottom: 32px; left: 10px; pointer-events: none; }
+.writing-trend-daily-points i { position: absolute; top: var(--point-y); left: var(--point-x); box-sizing: border-box; width: 7px; height: 7px; border: 2px solid var(--green); border-radius: 50%; background: var(--panel); transform: translate(-50%, -50%); }
+.writing-trend-legend { position: absolute; z-index: 2; top: -27px; right: 0; display: flex; align-items: center; gap: 5px; padding: 3px 0; color: var(--muted); font: 8px/1.4 var(--font-latin), monospace; pointer-events: none; }
+.writing-trend-legend i { width: 10px; height: 5px; border-radius: 2px 2px 0 0; background: color-mix(in srgb, var(--accent) 62%, var(--surface)); }
+.writing-trend-legend b { width: 12px; height: 0; margin-left: 3px; border-top: 2px solid var(--green); }
+.writing-trend-tooltip { position: absolute; z-index: 3; width: 250px; max-width: calc(100% - 16px); padding: 7px 9px; border: 1px solid color-mix(in srgb, var(--ink) 24%, transparent); border-radius: 5px; background: color-mix(in srgb, var(--ink) 94%, transparent); box-shadow: 0 8px 22px rgba(0,0,0,.22); color: var(--panel); font: 10px/1.45 var(--font-latin), monospace; overflow-wrap: anywhere; text-align: center; pointer-events: none; transform: translate(-50%, -100%); }
+.writing-trend-tooltip[hidden] { display: none; }
 .writing-goal-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
-.writing-goal-fields label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; }
-.writing-goal-fields input { width: 100%; }
+.writing-goal-fields label { display: grid; gap: 7px; color: var(--muted); font-size: 10px; font-weight: 650; }
+.writing-goal-fields input { width: 100%; min-height: 38px; padding: 8px 10px; background: var(--surface); font-size: 12px; font-weight: 500; }
 @media (max-width: 680px) { .writing-progress-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .writing-goal-fields { grid-template-columns: 1fr; } }
 .work-audit-dialog { width: min(860px, 94vw); }
 .work-audit-list { display: grid; max-height: 62vh; overflow: auto; }
@@ -1080,7 +1091,9 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 #module-more-button { grid-column: 1 / -1; color: var(--accent-dark); text-align: center; }
 .panel-heading { display: flex; align-items: center; gap: 8px; padding: 15px 0 9px 7px; color: var(--muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
 .panel-heading-actions { display: flex; align-items: center; gap: 7px; margin-left: auto; }
-.chapter-batch-button { min-height: 26px; padding: 4px 7px; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); font-size: 9px; white-space: nowrap; }
+.chapter-batch-button { display: grid; flex: none; place-items: center; width: 24px; height: 24px; padding: 0; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); }
+.chapter-batch-button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
+.chapter-batch-button:hover, .chapter-batch-button:focus-visible { border-color: var(--accent); color: var(--accent-dark); outline: none; }
 .novel-tree { font-size: 13px; }
 .empty-copy { color: var(--muted); padding: 14px 7px; line-height: 1.5; }
 .volume-node { margin-bottom: 8px; }
@@ -1108,14 +1121,25 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .chapter-batch-dialog form { display: grid; gap: 14px; }
 .chapter-batch-toolbar { display: flex; align-items: center; gap: 8px; margin: 0 24px; }
 .chapter-batch-toolbar output { margin-left: auto; color: var(--muted); font-size: 11px; }
+.chapter-batch-search { display: grid; gap: 6px; margin: 0 24px; }
+.chapter-batch-search > label { color: var(--muted); font-size: 10px; font-weight: 650; }
+.chapter-batch-search-field { position: relative; display: flex; align-items: center; }
+.chapter-batch-search-field svg { position: absolute; left: 11px; width: 15px; height: 15px; fill: none; stroke: var(--muted); stroke-width: 1.7; stroke-linecap: round; pointer-events: none; }
+.chapter-batch-search-field input { width: 100%; min-height: 38px; padding: 8px 68px 8px 34px; background: var(--surface); font-size: 12px; }
+.chapter-batch-search-field input::-webkit-search-cancel-button { cursor: pointer; }
+.chapter-batch-search-field output { position: absolute; right: 11px; color: var(--muted); font-size: 10px; font-variant-numeric: tabular-nums; pointer-events: none; }
 .chapter-batch-list { display: grid; max-height: min(44vh, 420px); margin: 0 24px; overflow: auto; border: 1px solid var(--line); border-radius: 5px; }
 .chapter-batch-item { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: center; gap: 9px; padding: 9px 11px; border-bottom: 1px solid var(--line); }
 .chapter-batch-item:last-child { border-bottom: 0; }
 .chapter-batch-item span { display: grid; min-width: 0; gap: 2px; }
 .chapter-batch-item strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
 .chapter-batch-item small { color: var(--muted); font-size: 9px; }
-.chapter-batch-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 24px; }
-.chapter-batch-controls label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; }
+.chapter-batch-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 24px; padding: 14px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
+.chapter-batch-controls label { display: grid; min-width: 0; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 650; line-height: 1.35; }
+.chapter-batch-controls select { width: 100%; min-width: 0; min-height: 40px; appearance: none; -webkit-appearance: none; padding: 8px 40px 8px 12px; border-color: color-mix(in srgb, var(--line) 82%, var(--ink)); border-radius: 5px; background-color: var(--surface); background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%); background-position: right 20px center, right 15px center; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; color: var(--ink); font-size: 12px; font-weight: 500; line-height: 1.4; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; }
+.chapter-batch-controls select:hover:not(:disabled) { border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); }
+.chapter-batch-controls select:focus-visible { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
+.chapter-batch-controls select:disabled { cursor: not-allowed; opacity: .52; }
 @media (max-width: 620px) { .chapter-batch-controls { grid-template-columns: 1fr; } }
 
 .ghost-button, .primary-button { border-radius: 4px; padding: 8px 13px; font-size: 12px; }
@@ -2684,7 +2708,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .task-auto-run-progress { grid-column: 1; grid-row: auto; justify-self: stretch; width: 100%; }
   .task-auto-run-progress-ring { display: none; }
   .task-auto-run-progress-bar-layout { display: grid; gap: 6px; width: 100%; }
-  .settings-hub-grid { grid-template-columns: 1fr; }
+  .settings-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .usage-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .settings-layout-toolbar, .module-layout-toolbar { justify-content: stretch; }
   .settings-layout-toggle, .module-layout-toggle { width: 100%; }

package/dist/version.js

@@ -1,2 +1,2 @@
-export const APP_VERSION = "0.5.6";
+export const APP_VERSION = "0.5.7";
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@musnows/scriverse",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "description": "Command-line client and local server for the Scriverse long-form fiction workspace",
   "license": "AGPL-3.0-only",
   "author": "musnows",
@@ -51,6 +51,7 @@
   },
   "dependencies": {
     "express": "^5.1.0",
+    "jszip": "^3.10.1",
     "mammoth": "^1.10.0",
     "multer": "^2.0.2",
     "pinyin-pro": "^3.28.2",
@@ -64,7 +65,6 @@
     "@types/multer": "^2.0.0",
     "@types/node": "^24.10.0",
     "@types/supertest": "^6.0.3",
-    "jszip": "^3.10.1",
     "supertest": "^7.1.4",
     "tsx": "^4.20.6",
     "typescript": "^5.9.3",