npm - @musnows/scriverse - Versions diffs - 0.4.4 → 0.4.6 - Mend

@musnows/scriverse 0.4.4 → 0.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/dist/app.js +10 -6
package/dist/app.js.map +1 -1
package/dist/cli-contract.js +0 -1
package/dist/cli-contract.js.map +1 -1
package/dist/database.js +15 -2
package/dist/database.js.map +1 -1
package/dist/public/app.js +162 -64
package/dist/public/character-filters.d.ts +24 -0
package/dist/public/character-filters.js +35 -0
package/dist/public/character-version.js +0 -1
package/dist/public/display-labels.d.ts +0 -1
package/dist/public/display-labels.js +0 -4
package/dist/public/index.html +6 -4
package/dist/public/relationship-graph.js +108 -26
package/dist/public/styles.css +47 -17
package/dist/store.js +66 -47
package/dist/store.js.map +1 -1
package/dist/user-auth.js +1 -1
package/dist/user-auth.js.map +1 -1
package/dist/version.js +1 -1
package/package.json +1 -1

package/dist/public/index.html CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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();

package/dist/public/styles.css CHANGED Viewed

@@ -758,7 +758,7 @@ body.work-viewer-mode .character-editor-actions { display: none !important; }
 .api-key-result label { display: grid; gap: 6px; color: var(--muted); font-size: 11px; }
 .api-key-result input { width: 100%; min-height: 38px; padding: 9px 10px; background: var(--surface); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 11px; }
 .api-key-result button { min-height: 38px; }
-.book-access-badge { display: inline-flex; width: fit-content; margin-top: 7px; padding: 2px 7px; border-radius: 10px; background: var(--paper-deep); color: var(--accent-dark); font-size: 9px; }
+.book-access-badge { display: inline-flex; width: fit-content; margin-top: 7px; padding: 2px 7px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--accent-dark); font-size: 9px; }
 .book-shelf { display: grid; grid-template-columns: repeat(auto-fill, minmax(205px, 1fr)); gap: clamp(22px, 3vw, 38px); width: 100%; min-width: 0; max-width: 1400px; margin: 0 auto; }
 .book-card { position: relative; min-width: 0; border: 0; background: transparent; text-align: left; }
 .book-open { width: 100%; padding: 0; border: 0; background: transparent; text-align: left; }
@@ -877,13 +877,13 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .chapter-add-button { flex: none; }
 .volume-chapters { display: block; }
 .volume-node.is-collapsed .volume-chapters { display: none; }
-.chapter-node { display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: 8px; width: calc(100% + 6px); padding: 9px 6px 9px 20px; border: 0; background: transparent; border-radius: 4px; text-align: left; font-size: 12px; }
+ .chapter-node { display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: 8px; width: calc(100% + 6px); padding: 9px 8px 9px 20px; border: 0; background: transparent; border-radius: 4px; text-align: left; font-size: 12px; }
 .chapter-node:hover, .chapter-node.active { background: var(--row-active); }
 .chapter-node.active { color: var(--accent-dark); font-weight: 700; }
 .chapter-node > span:first-child { min-width: 0; overflow-wrap: anywhere; line-height: 1.45; white-space: normal; }
 .chapter-node-meta { display: flex; flex: none; align-items: center; gap: 5px; margin-left: auto; overflow: visible; white-space: nowrap; }
 .chapter-node small { color: var(--muted); font-size: 9px; }
-.chapter-type-badge { max-width: 58px; overflow: hidden; padding: 2px 5px; border-radius: 9px; background: rgba(139,61,44,.1); color: var(--accent-dark); font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
+.chapter-type-badge { max-width: 58px; overflow: hidden; padding: 2px 5px; border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--accent) 12%, var(--surface)); color: var(--accent-dark); font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
 .ghost-button, .primary-button { border-radius: 4px; padding: 8px 13px; font-size: 12px; }
 .ghost-button { border: 1px solid var(--line); background: transparent; }
@@ -957,6 +957,11 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .record-card p { color: var(--muted); font-size: 12px; line-height: 1.55; margin: 0; white-space: pre-wrap; }
 .record-card small { color: var(--accent); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
 .settings-layout-toolbar, .module-layout-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-bottom: 0; }
+.module-filter-toggle { display: inline-grid; width: 36px; height: 36px; place-items: center; padding: 8px; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); }
+.module-filter-toggle:hover, .module-filter-toggle[aria-expanded="true"] { border-color: var(--accent); color: var(--accent); }
+.module-filter-toggle svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
+.module-filter-toggle + .module-layout-toolbar { order: 2; }
+.module-filter-toggle ~ #module-create-button { order: 3; }
 .settings-layout-hint { color: var(--muted); font-size: 10px; }
 .settings-layout-toggle, .module-layout-toggle { display: inline-flex; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; background: var(--surface); }
 .settings-layout-toggle button { min-height: 34px; padding: 0 12px; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--muted); font-size: 11px; }
@@ -977,18 +982,31 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .setting-row .card-actions, .module-row .card-actions { margin-top: 0; flex-wrap: wrap; justify-content: flex-end; }
 .module-row .card-actions > .record-card-edit { position: static; }
 .character-card { cursor: pointer; }
+.character-filter-toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 12px; align-items: start; width: 100%; min-width: 0; box-sizing: border-box; margin-bottom: 18px; padding: 12px 14px; border: 1px solid var(--line); background: var(--surface-soft); }
+.character-filter-dropdown { position: relative; min-width: 0; }
+.character-filter-dropdown summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; padding: 0 11px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--ink); cursor: pointer; list-style: none; }
+.character-filter-dropdown summary::-webkit-details-marker { display: none; }
+.character-filter-dropdown summary::after { content: "⌄"; color: var(--muted); font-size: 14px; }
+.character-filter-dropdown[open] summary { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent); }
+.character-filter-dropdown[open] summary::after { content: "⌃"; }
+.character-filter-dropdown summary span { color: var(--ink); font-size: 11px; }
+.character-filter-dropdown summary strong { overflow: hidden; color: var(--muted); font-size: 10px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
+.character-filter-options { display: grid; position: absolute; z-index: 20; top: calc(100% + 6px); right: 0; left: 0; max-height: 230px; overflow-y: auto; padding: 7px; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--surface); box-shadow: 0 12px 28px rgb(0 0 0 / 18%); }
+.character-filter-option { display: flex; grid-template-columns: auto 1fr; align-items: center; gap: 8px; padding: 7px 6px; color: var(--ink); cursor: pointer; font-size: 11px; line-height: 1.35; }
+.character-filter-option:hover { background: var(--surface-soft); }
+.character-filter-option input { accent-color: var(--accent); margin: 0; }
+.character-filter-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-height: 38px; }
+.character-filter-result-count { color: var(--muted); font-size: 11px; white-space: nowrap; }
+.character-filter-toolbar-actions button:disabled { cursor: default; opacity: .45; }
 .character-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
-.character-audit-panel { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; padding: 15px 17px; border: 1px solid var(--line); background: var(--surface-soft); }
-.character-audit-panel div { display: grid; gap: 5px; }
-.character-audit-panel small { max-width: 760px; color: var(--muted); line-height: 1.55; }
 .character-duplicate-review { grid-column: 1 / -1; }
 .character-duplicate-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 14px 0; }
 .character-duplicate-pair section { display: grid; align-content: start; gap: 8px; min-width: 0; padding: 13px; border: 1px solid var(--line); background: var(--surface-soft); }
 .character-duplicate-pair section > small { color: var(--muted); }
 .character-duplicate-pair section p { margin: 0; }
 .character-duplicate-evidence { display: grid; gap: 8px; margin: 13px 0; padding: 0; list-style: none; }
-.character-duplicate-evidence li { display: grid; gap: 5px; padding: 10px 12px; border-left: 2px solid var(--accent); background: var(--surface-soft); }
-.character-duplicate-evidence q { color: var(--text); line-height: 1.55; }
+.character-duplicate-evidence li { display: grid; gap: 5px; padding: 10px 12px; border-left: 2px solid var(--accent); background: var(--surface-soft); font-size: 12px; }
+.character-duplicate-evidence q { color: var(--text); font-size: 12px; line-height: 1.45; }
 .character-duplicate-evidence small, .review-resolution-note { color: var(--muted); }
 .character-duplicate-actions { flex-wrap: wrap; }
 .card-actions { display: flex; gap: 6px; margin-top: 15px; }
@@ -1007,8 +1025,8 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .provider-card .model-pill { max-width: 100%; margin: 0; border: 0; text-align: left; white-space: normal; cursor: pointer; }
 .provider-card .model-pill:hover, .provider-card .model-pill:focus-visible { background: var(--surface-hover); color: var(--ink); }
 .provider-card .card-actions { flex-wrap: wrap; }
-.pill { display: inline-block; padding: 3px 7px; margin: 0 4px 4px 0; border-radius: 12px; background: var(--paper-deep); color: var(--muted); font-size: 9px; }
-.organization-links { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; margin: 8px 0 6px; }.organization-links b { color: var(--muted); font-size: 9px; font-weight: 500; }.organization-links .pill { margin: 0; }.organization-empty { color: var(--muted); font-size: 9px; }.organization-pill { color: var(--accent-dark); background: rgba(139,61,44,.1); }.organization-settings { margin: 10px 0 6px; }.organization-members { margin-top: 9px !important; }.relationship-keyword { white-space: nowrap; }
+.pill { display: inline-block; padding: 3px 7px; margin: 0 4px 4px 0; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--muted); font-size: 9px; }
+.organization-links { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; margin: 8px 0 6px; }.organization-links b { color: var(--muted); font-size: 9px; font-weight: 500; }.organization-links .pill { margin: 0; }.organization-empty { color: var(--muted); font-size: 9px; }.organization-pill { border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--line)); color: var(--accent-dark); background: color-mix(in srgb, var(--accent) 20%, var(--surface)); }.organization-settings { margin: 10px 0 6px; }.organization-members { margin-top: 9px !important; }.relationship-keyword { white-space: nowrap; }
 .race-settings { display: flex; flex-wrap: wrap; gap: 5px; margin: 10px 0 6px; }.race-settings .pill { margin: 0; }.race-members { margin-top: 9px !important; }
 .race-tree { display: grid; gap: 12px; }
 .race-tree-node { min-width: 0; }
@@ -1339,9 +1357,9 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .galaxy-node { --node-size: 12px; position: absolute; left: 0; top: 0; display: grid; grid-template-rows: var(--node-size) auto; justify-items: center; align-items: start; gap: 5px; padding: 8px; border: 0; background: transparent; color: #edf7ff; cursor: grab; touch-action: none; pointer-events: auto; transform-origin: center; opacity: var(--depth-opacity, 1); will-change: transform, opacity; }
 .galaxy-node i { position: relative; isolation: isolate; width: var(--node-size); height: var(--node-size); border-radius: 50%; background: radial-gradient(circle at 32% 27%, var(--node-core, #fff) 0 7%, color-mix(in srgb, var(--node-color) 62%, #fff) 18%, var(--node-color) 52%, var(--node-rim, #07101f) 100%); box-shadow: inset -3px -4px 7px color-mix(in srgb, var(--node-rim, #07101f) 74%, transparent), 0 0 4px rgba(255,255,255,.82), 0 0 calc(7px + var(--node-glow) * 11px) var(--node-color), 0 0 calc(15px + var(--node-glow) * 25px) var(--node-atmosphere, color-mix(in srgb, var(--node-color) 72%, transparent)); filter: brightness(var(--node-brightness)); transition: filter .18s ease, box-shadow .18s ease; }
 .galaxy-node i::before, .galaxy-node i::after { content: ""; position: absolute; pointer-events: none; }
-.galaxy-node i::before { z-index: -1; inset: -42%; border-radius: 50%; background: radial-gradient(circle, var(--node-atmosphere) 0, transparent 68%); opacity: .64; }
+.galaxy-node i::before { z-index: -1; inset: -34%; border-radius: 50%; background: radial-gradient(circle, var(--node-atmosphere) 0, transparent 68%); opacity: .64; }
 .galaxy-node[data-celestial-type="star"] i { background: radial-gradient(circle at 38% 34%, #fff 0 10%, var(--node-core) 22%, var(--node-color) 53%, var(--node-rim) 100%); box-shadow: 0 0 5px #fff, 0 0 calc(10px + var(--node-glow) * 15px) var(--node-color), 0 0 calc(24px + var(--node-glow) * 34px) var(--node-atmosphere); }
-.galaxy-node[data-celestial-type="star"] i::before { inset: -72%; opacity: .92; background: radial-gradient(circle, var(--node-atmosphere) 0 12%, transparent 66%); }
+.galaxy-node[data-celestial-type="star"] i::before { inset: -48%; opacity: .92; background: radial-gradient(circle, var(--node-atmosphere) 0 12%, transparent 66%); }
 .galaxy-node[data-celestial-type="gas-giant"] i { background: linear-gradient(168deg, transparent 0 17%, color-mix(in srgb, var(--node-core) 78%, transparent) 18% 25%, transparent 26% 40%, color-mix(in srgb, var(--node-rim) 64%, transparent) 41% 50%, transparent 51% 68%, color-mix(in srgb, var(--node-core) 54%, transparent) 69% 75%, transparent 76%), radial-gradient(circle at 34% 28%, var(--node-core) 0 7%, var(--node-color) 42%, var(--node-rim) 100%); }
 .galaxy-node[data-celestial-type="ringed"] i::after { z-index: 2; left: 50%; top: 50%; width: 168%; height: 48%; border: 1px solid var(--node-ring); border-left-color: color-mix(in srgb, var(--node-ring) 28%, transparent); border-right-color: color-mix(in srgb, var(--node-ring) 88%, #fff); border-radius: 50%; box-shadow: 0 0 3px var(--node-atmosphere); transform: translate(-50%, -50%) rotate(-19deg); }
 .galaxy-node[data-celestial-type="ocean"] i { background: radial-gradient(ellipse at 67% 63%, color-mix(in srgb, var(--node-core) 48%, transparent) 0 10%, transparent 12%), radial-gradient(circle at 28% 24%, var(--node-core) 0 6%, var(--node-color) 38%, color-mix(in srgb, var(--node-color) 58%, #0b2f62) 72%, var(--node-rim) 100%); }
@@ -1640,7 +1658,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .character-card h3 { margin-bottom: 5px; }
 .character-identity { margin: 0 0 6px !important; color: var(--ink) !important; font-weight: 600; line-height: 1.55 !important; }
 .character-aliases { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-width: 0; }
-.character-aliases .pill { margin: 0; }
+.character-aliases .pill { margin: 0; border: 1px solid var(--line); background: var(--surface); }
 .character-code { display: flex; align-items: center; gap: 7px; margin-top: 10px; color: var(--muted); font-size: 10px; }
 .character-species { display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: center; gap: 6px; margin-top: 8px; color: var(--muted); font-size: 10px; }
 .character-species b { font-weight: 500; }
@@ -1683,6 +1701,8 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 @media (max-width: 560px) {
   .import-mode-options { grid-template-columns: 1fr; }
   .import-mode-dialog .dialog-actions { flex-wrap: wrap; }
+  .character-filter-toolbar { grid-template-columns: minmax(0, 1fr); }
+  .character-filter-toolbar-actions { justify-content: flex-start; }
 }
 .entity-editor-open { overflow: hidden; }
 .preview-record-card { cursor: pointer; }
@@ -1701,6 +1721,8 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .entity-editor-header, .character-editor-header { display: grid; grid-template-columns: minmax(160px, 1fr) minmax(0, 2fr) minmax(160px, 1fr); align-items: center; gap: 24px; min-height: 78px; padding: 14px clamp(18px, 3vw, 44px); border-bottom: 1px solid var(--line); background: var(--panel); }
 .entity-editor-heading { min-width: 0; text-align: center; }
 .entity-editor-heading h1 { overflow: hidden; margin: 2px 0 0; font-size: 24px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
+.entity-editor-readonly-badge { display: inline-block; width: fit-content; margin: 0 auto; padding: 3px 7px; border: 1px solid color-mix(in srgb, var(--muted) 55%, var(--line)); border-radius: 999px; color: var(--muted); font-size: 10px; line-height: 1.2; }
+.character-editor-title-row .entity-editor-readonly-badge { margin-left: 6px; vertical-align: middle; }
 .entity-editor-header > .primary-button { justify-self: end; min-width: 112px; }
 .entity-editor-back { justify-self: start; min-height: 36px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); font-size: 11px; }
 .entity-editor-back::before { content: "←"; margin-right: 7px; }
@@ -1731,8 +1753,13 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .vditor-editor-host.vditor { height: 100% !important; min-height: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--ink); }
 .vditor-editor-host.vditor:not(.vditor--dark) { --border-color: var(--line); --panel-background-color: var(--surface); --toolbar-background-color: var(--surface-soft); --toolbar-icon-color: var(--muted); --toolbar-icon-hover-color: var(--accent-dark); --textarea-background-color: var(--surface); --textarea-text-color: var(--ink); --heading-border-color: var(--line); --blockquote-color: var(--muted); }
 .vditor-editor-host.vditor--dark { --border-color: var(--line); --panel-background-color: var(--surface); --toolbar-background-color: var(--surface-soft); --toolbar-icon-color: var(--muted); --toolbar-icon-hover-color: var(--accent); --textarea-background-color: var(--surface); --textarea-text-color: var(--ink); --heading-border-color: var(--line); --blockquote-color: var(--muted); }
-.vditor-editor-host .vditor-toolbar { flex: 0 0 auto; }
-.vditor-editor-host .markdown-word-count { display: inline-flex; align-items: center; min-height: 28px; margin-left: auto; padding: 0 10px; color: var(--muted); font: 10px/1 var(--font-latin), var(--font-cjk), sans-serif; white-space: nowrap; }
+.vditor-editor-host .vditor-toolbar { display: flex; align-items: center; flex: 0 0 auto; }
+.vditor-editor-host .markdown-word-count { display: inline-flex; align-items: center; align-self: center; min-height: 28px; margin-left: 24px; padding: 0 10px; color: var(--muted); font: 10px/1 var(--font-latin), var(--font-cjk), sans-serif; white-space: nowrap; }
+.vditor-editor-host .vditor-content { position: relative; }
+.vditor-editor-host .vditor-line-numbers { display: none; position: absolute; z-index: 1; inset: 0 auto 0 0; width: 42px; padding: 16px 8px 16px 0; overflow: hidden; border-right: 1px solid var(--line); background: color-mix(in srgb, var(--surface-soft) 88%, transparent); color: var(--muted); font: 12px/1.75 var(--font-latin), monospace; text-align: right; user-select: none; pointer-events: none; }
+.vditor-editor-host.vditor.show-line-numbers .vditor-line-numbers { display: grid; align-content: start; }
+.vditor-editor-host.vditor.show-line-numbers .vditor-ir, .vditor-editor-host.vditor.show-line-numbers .vditor-wysiwyg, .vditor-editor-host.vditor.show-line-numbers .vditor-sv textarea { padding-left: 42px; }
+.vditor-editor-host .vditor-line-number-button[aria-pressed="true"] { color: var(--accent-dark); background: color-mix(in srgb, var(--accent) 16%, transparent); }
 .vditor-editor-host .vditor-content { min-height: 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); }
@@ -1837,11 +1864,14 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .character-section-editor-header > div { grid-column: 1; grid-row: 1; justify-self: center; text-align: center; }
 .character-section-editor-header .entity-editor-back { grid-column: 1; grid-row: 1; z-index: 1; }
 .character-section-editor-header h2 { margin: 3px 0 0; font-size: 22px; font-weight: 600; }
+.character-section-editor-title-input { width: min(100%, 520px); margin: 3px auto 0; padding: 0 0 4px; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: transparent; color: var(--ink); font-size: 22px; font-weight: 600; line-height: 1.2; text-align: center; }
+.character-section-editor-title-input::placeholder { color: var(--ink); opacity: .92; }
+.character-section-editor-title-input:focus { border-color: var(--accent); box-shadow: none; }
 .character-markdown-editor { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 12px; min-height: 0; padding: 16px 22px 18px; overflow: hidden; background: var(--surface-soft); }
 .character-markdown-editor > .vditor-editor-host { width: 100%; max-width: 960px; justify-self: center; }
 .character-markdown-editor > .vditor-editor-host.vditor { border-color: color-mix(in srgb, var(--accent) 22%, var(--line)); box-shadow: 0 12px 34px color-mix(in srgb, var(--ink) 12%, transparent); transition: border-color .16s ease, box-shadow .16s ease; }
 .character-markdown-editor > .vditor-editor-host.vditor:focus-within { border-color: color-mix(in srgb, var(--accent) 62%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 15%, transparent), 0 16px 42px color-mix(in srgb, var(--ink) 16%, transparent); }
-.character-markdown-editor-meta { display: grid; grid-template-columns: minmax(140px, .55fr) minmax(220px, 1fr) minmax(280px, 1.45fr); gap: 12px; }
+.character-markdown-editor-meta { display: grid; grid-template-columns: minmax(160px, .55fr) minmax(280px, 1.45fr); gap: 12px; }
 .character-markdown-editor label { display: grid; gap: 6px; color: var(--muted); font-size: 10px; }
 .character-markdown-editor input, .character-markdown-editor select, .character-markdown-editor textarea { width: 100%; padding: 9px 10px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--ink); font-size: 12px; }
 .character-markdown-summary-field textarea { min-height: 42px; height: 42px; resize: vertical; }
@@ -1868,7 +1898,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .character-version-card-heading span, .character-version-card-heading time { color: var(--muted); font-size: 8px; }
 .character-version-card p { margin: 0; color: var(--ink); font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
 .character-version-changes { display: flex; flex-wrap: wrap; gap: 4px; }
-.character-version-changes span { padding: 2px 6px; border-radius: 10px; background: var(--paper-deep); color: var(--muted); font-size: 8px; }
+.character-version-changes span { padding: 2px 6px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--muted); font-size: 8px; }
 .character-version-card > button { justify-self: end; padding: 6px 8px; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); font-size: 9px; }
 .character-version-card > button:not(:disabled):hover { border-color: var(--accent); color: var(--accent-dark); }
 .character-version-card > button.is-confirming { border-color: var(--accent); background: var(--accent); color: #fff; }