@musnows/scriverse 0.3.5 → 0.3.6

package/dist/public/race-hierarchy.js

@@ -0,0 +1,49 @@
+export function racePathLabel(race) {
+  const names = Array.isArray(race?.lineage)
+    ? race.lineage.map((item) => String(item?.name ?? "").trim()).filter(Boolean)
+    : [];
+  return names.length ? names.join(" / ") : String(race?.name ?? "").trim();
+}
+
+export function raceDescendantIds(races, raceId) {
+  const childrenByParent = new Map();
+  for (const race of races) {
+    const parentRaceId = race?.parentRaceId == null ? null : String(race.parentRaceId);
+    const children = childrenByParent.get(parentRaceId) ?? [];
+    children.push(race);
+    childrenByParent.set(parentRaceId, children);
+  }
+  const descendants = new Set();
+  const pending = [...(childrenByParent.get(String(raceId)) ?? [])];
+  while (pending.length) {
+    const race = pending.pop();
+    const id = String(race?.id ?? "");
+    if (!id || descendants.has(id)) continue;
+    descendants.add(id);
+    pending.push(...(childrenByParent.get(id) ?? []));
+  }
+  return descendants;
+}
+
+export function eligibleRaceParents(races, currentRaceId = null) {
+  if (!currentRaceId) return [...races];
+  const excluded = raceDescendantIds(races, currentRaceId);
+  excluded.add(String(currentRaceId));
+  return races.filter((race) => !excluded.has(String(race?.id ?? "")));
+}
+
+export function buildRaceForest(races) {
+  const nodes = new Map(races.map((race) => [String(race.id), { ...race, children: [] }]));
+  const roots = [];
+  for (const node of nodes.values()) {
+    const parent = node.parentRaceId ? nodes.get(String(node.parentRaceId)) : null;
+    if (parent && parent !== node) parent.children.push(node);
+    else roots.push(node);
+  }
+  const sort = (items) => {
+    items.sort((left, right) => String(left.name).localeCompare(String(right.name), "zh-CN"));
+    for (const item of items) sort(item.children);
+    return items;
+  };
+  return sort(roots);
+}

package/dist/public/relationship-graph.js

@@ -21,12 +21,29 @@ const NETWORK_LAYOUTS = Object.freeze({
   standard: Object.freeze({ width: 1200, height: 640, marginX: 48, marginY: 42, desiredEdgeLength: 196, repulsionStrength: 16800 }),
   expanded: Object.freeze({ width: 1600, height: 900, marginX: 64, marginY: 56, desiredEdgeLength: 236, repulsionStrength: 22800 })
 });
+const RELATIONSHIP_EDGE_GAP = 24;
+let relationshipRendererSequence = 0;
+const GALAXY_CELESTIAL_PALETTES = Object.freeze([
+  Object.freeze({ key: "solar", hue: 42, saturation: 96, lightness: 68, color: "#ffc95f", core: "#fff8d4", rim: "#9f3c18", atmosphere: "rgba(255,184,72,.58)", ring: "rgba(255,222,151,.72)" }),
+  Object.freeze({ key: "azure", hue: 211, saturation: 94, lightness: 68, color: "#61b8ff", core: "#effaff", rim: "#173b85", atmosphere: "rgba(79,156,255,.56)", ring: "rgba(164,214,255,.68)" }),
+  Object.freeze({ key: "violet", hue: 263, saturation: 82, lightness: 72, color: "#b58cff", core: "#f7edff", rim: "#4d237c", atmosphere: "rgba(151,92,255,.54)", ring: "rgba(219,190,255,.7)" }),
+  Object.freeze({ key: "rose", hue: 342, saturation: 91, lightness: 70, color: "#ff739d", core: "#fff0f5", rim: "#7f1e42", atmosphere: "rgba(255,91,139,.52)", ring: "rgba(255,190,210,.68)" }),
+  Object.freeze({ key: "emerald", hue: 158, saturation: 67, lightness: 58, color: "#4ed49e", core: "#e7fff5", rim: "#145f4b", atmosphere: "rgba(50,211,154,.5)", ring: "rgba(166,244,214,.66)" }),
+  Object.freeze({ key: "ice", hue: 190, saturation: 88, lightness: 76, color: "#9beaff", core: "#f4fdff", rim: "#26627c", atmosphere: "rgba(116,224,255,.52)", ring: "rgba(206,246,255,.7)" }),
+  Object.freeze({ key: "copper", hue: 22, saturation: 74, lightness: 61, color: "#df8851", core: "#ffe8cf", rim: "#672b1c", atmosphere: "rgba(226,103,55,.48)", ring: "rgba(239,179,125,.66)" }),
+  Object.freeze({ key: "pearl", hue: 47, saturation: 31, lightness: 84, color: "#e7dfc7", core: "#ffffff", rim: "#6c6b78", atmosphere: "rgba(207,217,240,.46)", ring: "rgba(237,231,216,.72)" })
+]);
+const GALAXY_CELESTIAL_TYPES = Object.freeze({
+  core: Object.freeze(["star", "star", "gas-giant", "ringed"]),
+  active: Object.freeze(["gas-giant", "ringed", "ocean", "ice", "volcanic"]),
+  outer: Object.freeze(["rocky", "ocean", "ice", "volcanic", "dwarf", "ringed"])
+});
 export const GALAXY_ROTATION_RADIANS_PER_MS = 0.000012;
 export const GALAXY_LAYOUT_CONFIG = Object.freeze({
-  minimumRadius: 165,
-  radialSpan: 690,
-  repulsionStrength: 5200,
-  desiredEdgeLength: 210
+  minimumRadius: 220,
+  radialSpan: 830,
+  repulsionStrength: 9200,
+  desiredEdgeLength: 285
 });
 
 export function formatRelationshipLabel(edge, separator = " · ") {
@@ -37,6 +54,17 @@ export function formatRelationshipLabel(edge, separator = " · ") {
   return [subtype, ...keywords].filter(Boolean).join(separator) || "关系";
 }
 
+export function formatRelationshipStatusNote(edge) {
+  const statuses = [];
+  if (String(edge?.confirmationStatus ?? "pending") === "pending") statuses.push("待确认");
+  if (String(edge?.category ?? "") === "uncertain") statuses.push("关系类型未确定");
+  return statuses.length ? `（${statuses.join(" · ")}）` : "";
+}
+
+export function formatRelationshipDetailLabel(edge) {
+  return `${formatRelationshipLabel(edge)}${formatRelationshipStatusNote(edge)}`;
+}
+
 export function groupRelationshipDetailsByCharacterName(graph, nodeId) {
   const groups = new Map();
   for (const edge of graph.edges) {
@@ -56,21 +84,90 @@ export function getRelationshipEdgeSelection(graph, edgeId) {
   if (!edge) return null;
   return {
     edgeId: edge.id,
+    directed: edge.directed,
     endpointIds: [edge.source, edge.target],
     endpointNames: [graph.nodeById.get(edge.source)?.name ?? "未知角色", graph.nodeById.get(edge.target)?.name ?? "未知角色"],
     label: formatRelationshipLabel(edge)
   };
 }
 
+export function assignRelationshipEdgeCurves(edges, gap = RELATIONSHIP_EDGE_GAP) {
+  const groups = new Map();
+  for (const edge of edges) {
+    const endpoints = [String(edge.source), String(edge.target)].sort((left, right) => left.localeCompare(right));
+    const key = endpoints.join("\u0000");
+    const group = groups.get(key) ?? [];
+    group.push(edge);
+    groups.set(key, group);
+  }
+  const offsets = new Map();
+  for (const group of groups.values()) {
+    const ordered = [...group].sort((left, right) => String(left.id).localeCompare(String(right.id)));
+    ordered.forEach((edge, index) => {
+      const canonicalOffset = (index - (ordered.length - 1) / 2) * gap;
+      const followsCanonicalDirection = String(edge.source).localeCompare(String(edge.target)) <= 0;
+      offsets.set(String(edge.id), canonicalOffset * (followsCanonicalDirection ? 1 : -1));
+    });
+  }
+  return offsets;
+}
+
+export function getRelationshipEdgeGeometry(from, to, sourceRadius = 0, targetRadius = 0, curveOffset = 0) {
+  const dx = Number(to?.x ?? 0) - Number(from?.x ?? 0);
+  const dy = Number(to?.y ?? 0) - Number(from?.y ?? 0);
+  const distance = Math.max(1, Math.hypot(dx, dy));
+  const normalX = -dy / distance;
+  const normalY = dx / distance;
+  const control = {
+    x: Number(from?.x ?? 0) + dx / 2 + normalX * curveOffset * 2,
+    y: Number(from?.y ?? 0) + dy / 2 + normalY * curveOffset * 2
+  };
+  const sourceTangentX = control.x - Number(from?.x ?? 0);
+  const sourceTangentY = control.y - Number(from?.y ?? 0);
+  const sourceTangentLength = Math.max(1, Math.hypot(sourceTangentX, sourceTangentY));
+  const targetTangentX = Number(to?.x ?? 0) - control.x;
+  const targetTangentY = Number(to?.y ?? 0) - control.y;
+  const targetTangentLength = Math.max(1, Math.hypot(targetTangentX, targetTangentY));
+  const startClearance = Math.max(0, Number(sourceRadius) || 0) + 2;
+  const endClearance = Math.max(0, Number(targetRadius) || 0) + 2;
+  const start = {
+    x: Number(from?.x ?? 0) + sourceTangentX / sourceTangentLength * startClearance,
+    y: Number(from?.y ?? 0) + sourceTangentY / sourceTangentLength * startClearance
+  };
+  const end = {
+    x: Number(to?.x ?? 0) - targetTangentX / targetTangentLength * endClearance,
+    y: Number(to?.y ?? 0) - targetTangentY / targetTangentLength * endClearance
+  };
+  const curved = Math.abs(curveOffset) > 0.01;
+  const labelPoint = curved
+    ? {
+        x: (start.x + end.x) / 4 + control.x / 2,
+        y: (start.y + end.y) / 4 + control.y / 2
+      }
+    : { x: (start.x + end.x) / 2, y: (start.y + end.y) / 2 };
+  return {
+    path: curved
+      ? `M ${start.x.toFixed(1)} ${start.y.toFixed(1)} Q ${control.x.toFixed(1)} ${control.y.toFixed(1)} ${end.x.toFixed(1)} ${end.y.toFixed(1)}`
+      : `M ${start.x.toFixed(1)} ${start.y.toFixed(1)} L ${end.x.toFixed(1)} ${end.y.toFixed(1)}`,
+    labelX: labelPoint.x,
+    labelY: labelPoint.y,
+    angle: Math.atan2(end.y - start.y, end.x - start.x) * 180 / Math.PI
+  };
+}
+
 export function resolveRelationshipNodeGroup(node) {
   const organizations = Array.isArray(node?.organizations) ? node.organizations : [];
   const orgName = organizations
     .map((item) => String(item?.name ?? item ?? "").trim())
     .find(Boolean);
   const species = String(node?.species ?? "").trim();
+  const rootSpecies = String(node?.rootSpecies ?? "").trim();
   const identity = String(node?.identity ?? "").trim();
   if (orgName) return { type: "organization", key: `org:${orgName}`, label: orgName };
-  if (species) return { type: "species", key: `species:${species}`, label: species };
+  if (rootSpecies || species) {
+    const groupSpecies = rootSpecies || species;
+    return { type: "species", key: `species:${groupSpecies}`, label: groupSpecies };
+  }
   if (identity) return { type: "identity", key: `identity:${identity}`, label: identity };
   return { type: "default", key: "default", label: "未分组" };
 }
@@ -100,6 +197,15 @@ function hashString(value) {
   return hash >>> 0;
 }
 
+function mixHash(value) {
+  let mixed = Number(value) >>> 0;
+  mixed ^= mixed >>> 16;
+  mixed = Math.imul(mixed, 0x7feb352d);
+  mixed ^= mixed >>> 15;
+  mixed = Math.imul(mixed, 0x846ca68b);
+  return (mixed ^ (mixed >>> 16)) >>> 0;
+}
+
 function seededRandom(seed) {
   let value = seed || 1;
   return () => {
@@ -126,6 +232,7 @@ export function buildRelationshipGraph(characters, relationships) {
       name: String(character.name),
       aliases: Array.isArray(character.aliases) ? character.aliases : [],
       species: String(character.species ?? ""),
+      rootSpecies: String(character.race?.lineage?.[0]?.name ?? character.species ?? ""),
       identity: String(character.attributes?.identity ?? ""),
       organizations,
       locked: Array.isArray(character.lockedFields) && character.lockedFields.length > 0,
@@ -673,15 +780,41 @@ export function renderRelationshipMindMap(container, graph, options = {}) {
   svg.setAttribute("viewBox", `0 0 ${layout.width} ${layout.height}`);
   svg.setAttribute("preserveAspectRatio", "none");
   svg.setAttribute("aria-label", "人物关系连线");
+  const arrowMarkerId = `relationship-edge-arrow-${++relationshipRendererSequence}`;
+  const definitions = document.createElementNS("http://www.w3.org/2000/svg", "defs");
+  const arrowMarker = document.createElementNS("http://www.w3.org/2000/svg", "marker");
+  arrowMarker.id = arrowMarkerId;
+  arrowMarker.setAttribute("viewBox", "0 0 8 8");
+  arrowMarker.setAttribute("markerWidth", "8");
+  arrowMarker.setAttribute("markerHeight", "8");
+  arrowMarker.setAttribute("refX", "7");
+  arrowMarker.setAttribute("refY", "4");
+  arrowMarker.setAttribute("markerUnits", "userSpaceOnUse");
+  arrowMarker.setAttribute("orient", "auto");
+  const arrowHead = document.createElementNS("http://www.w3.org/2000/svg", "path");
+  arrowHead.classList.add("relationship-edge-arrow");
+  arrowHead.setAttribute("d", "M 0 0 L 8 4 L 0 8 Z");
+  arrowHead.setAttribute("fill", "context-stroke");
+  arrowMarker.append(arrowHead);
+  definitions.append(arrowMarker);
+  svg.append(definitions);
   const edgeElements = [];
   const edgeElementsByNode = new Map(graph.nodes.map((node) => [node.id, []]));
+  const edgeCurveOffsets = assignRelationshipEdgeCurves(graph.edges);
+  const nodeVisualRadii = new Map(graph.nodes.map((node) => [node.id, Math.max(4, Number(node.nodeSize) / 2 || 4)]));
   const updateEdgeGeometry = ({ edge, hitPath, path }, { includeHit = true } = {}) => {
     const from = positions.get(edge.source);
     const to = positions.get(edge.target);
     if (!from || !to) return;
-    const geometry = `M ${from.x.toFixed(1)} ${from.y.toFixed(1)} L ${to.x.toFixed(1)} ${to.y.toFixed(1)}`;
-    path.setAttribute("d", geometry);
-    if (includeHit) hitPath.setAttribute("d", geometry);
+    const geometry = getRelationshipEdgeGeometry(
+      from,
+      to,
+      nodeVisualRadii.get(edge.source),
+      nodeVisualRadii.get(edge.target),
+      edgeCurveOffsets.get(edge.id)
+    );
+    path.setAttribute("d", geometry.path);
+    if (includeHit) hitPath.setAttribute("d", geometry.path);
   };
   const updateLabelGeometry = (edge) => {
     const from = positions.get(edge.source);
@@ -690,9 +823,16 @@ export function renderRelationshipMindMap(container, graph, options = {}) {
     const dx = to.x - from.x;
     const dy = to.y - from.y;
     const distance = Math.max(1, Math.hypot(dx, dy));
-    const middleX = (from.x + to.x) / 2;
-    const middleY = (from.y + to.y) / 2 - 4;
-    let angle = Math.atan2(dy, dx) * 180 / Math.PI;
+    const geometry = getRelationshipEdgeGeometry(
+      from,
+      to,
+      nodeVisualRadii.get(edge.source),
+      nodeVisualRadii.get(edge.target),
+      edgeCurveOffsets.get(edge.id)
+    );
+    const middleX = geometry.labelX;
+    const middleY = geometry.labelY - 4;
+    let angle = geometry.angle;
     if (angle > 90 || angle < -90) angle += 180;
     const fullLabel = label.dataset.fullLabel || label.textContent || "";
     // 按连线长度截断，短边只显示极短摘要，完整内容在底部详情
@@ -719,6 +859,13 @@ export function renderRelationshipMindMap(container, graph, options = {}) {
     path.style.setProperty("--edge-opacity", "0.24");
     path.style.setProperty("--edge-width", "1");
     if (edge.confirmationStatus === "pending") path.classList.add("is-pending");
+    if (edge.directed) {
+      path.classList.add("is-directed");
+      path.setAttribute("marker-end", `url(#${arrowMarkerId})`);
+    }
+    const sourceName = graph.nodeById.get(edge.source)?.name ?? "未知角色";
+    const targetName = graph.nodeById.get(edge.target)?.name ?? "未知角色";
+    hitPath.setAttribute("aria-label", `选择 ${sourceName}${edge.directed ? " 指向 " : " 与 "}${targetName} 的关系：${formatRelationshipLabel(edge)}`);
     svg.append(hitPath, path);
     const edgeElement = { edge, hitPath, path };
     edgeElements.push(edgeElement);
@@ -1023,11 +1170,12 @@ export function renderRelationshipMindMap(container, graph, options = {}) {
     label.dataset.fullLabel = fullLabel;
     label.classList.remove("hidden");
     updateLabelGeometry(edgeElement.edge);
-    focusText.textContent = `关系：${selection.endpointNames[0]} ↔ ${selection.endpointNames[1]}`;
+    const direction = selection.directed ? "→" : "↔";
+    focusText.textContent = `关系：${selection.endpointNames[0]} ${direction} ${selection.endpointNames[1]}`;
     const heading = document.createElement("b");
-    heading.textContent = `${selection.endpointNames[0]}与${selection.endpointNames[1]}`;
+    heading.textContent = `${selection.endpointNames[0]} ${direction} ${selection.endpointNames[1]}`;
     const detailText = document.createElement("span");
-    detailText.textContent = selection.label;
+    detailText.textContent = formatRelationshipDetailLabel(edgeElement.edge);
     edgeDetail.replaceChildren(heading, detailText);
     edgeDetail.classList.remove("hidden");
   };
@@ -1348,17 +1496,19 @@ export function createGalaxyStarfield(seed, count = 3600) {
   const stars = [];
   const armCount = 4;
   for (let index = 0; index < count; index += 1) {
-    const radius = 55 + Math.pow(random(), 0.62) * 1120;
+    const radius = 55 + Math.pow(random(), 0.62) * 1380;
     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 temperature = random();
     stars.push({
       x: Math.cos(angle) * radius + (random() - 0.5) * 62,
       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
+      brightness: 0.22 + random() * 0.78,
+      color: temperature < 0.2 ? "255,218,176" : temperature > 0.78 ? "174,211,255" : "226,237,255"
     });
   }
   return stars;
@@ -1404,22 +1554,37 @@ export function getGalaxyNodeAppearance(node, maxDegree) {
   const weightedDegree = Math.max(0, Number(node?.weightedDegree) || 0);
   const confidenceBoost = clamp(weightedDegree / Math.max(1, degree) / 1.35, 0, 1);
   const intensity = clamp(normalizedDegree * 0.8 + confidenceBoost * 0.2, 0, 1);
-  const hue = Math.round(218 - intensity * 166);
-  const saturation = Math.round(58 + intensity * 35);
-  const lightness = Math.round(47 + intensity * 27);
   const brightness = (0.7 + intensity * 0.68).toFixed(3);
   const glow = (0.26 + intensity * 0.74).toFixed(3);
   const tier = intensity >= 0.7 ? "core" : intensity >= 0.34 ? "active" : "outer";
+  const appearanceSeed = mixHash(hashString([
+    String(node?.id ?? ""),
+    String(node?.name ?? ""),
+    String(node?.groupKey ?? ""),
+    String(node?.species ?? ""),
+    String(node?.identity ?? "")
+  ].join("|")));
+  const palette = GALAXY_CELESTIAL_PALETTES[appearanceSeed % GALAXY_CELESTIAL_PALETTES.length];
+  const celestialTypes = GALAXY_CELESTIAL_TYPES[tier];
+  const celestialType = celestialTypes[Math.floor(appearanceSeed / GALAXY_CELESTIAL_PALETTES.length) % celestialTypes.length];
+  const sizeScale = ({ star: 1.18, "gas-giant": 1.12, ringed: 1.08, ocean: 1, ice: 0.96, volcanic: 1.02, rocky: 0.92, dwarf: 0.76 })[celestialType] ?? 1;
   return {
     degree,
     intensity,
-    hue,
-    saturation,
-    lightness,
+    hue: palette.hue,
+    saturation: palette.saturation,
+    lightness: palette.lightness,
     brightness,
     glow,
     tier,
-    color: `hsl(${hue} ${saturation}% ${lightness}%)`
+    palette: palette.key,
+    celestialType,
+    sizeScale,
+    color: palette.color,
+    coreColor: palette.core,
+    rimColor: palette.rim,
+    atmosphereColor: palette.atmosphere,
+    ringColor: palette.ring
   };
 }
 
@@ -1427,6 +1592,10 @@ export function getGalaxyNodeMarkerCenterOffset(nodeSize) {
   return 8 + Math.max(0, Number(nodeSize) || 0) / 2;
 }
 
+export function getGalaxyNodeDepthOpacity(depth) {
+  return clamp(1.28 - Math.max(0, Number(depth) || 0) / 4800, 0.72, 1);
+}
+
 export function distanceToGalaxyEdge(point, from, to) {
   const deltaX = to.x - from.x;
   const deltaY = to.y - from.y;
@@ -1457,7 +1626,7 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
   const layout = layoutGalaxy(graph, seed);
   const stars = createGalaxyStarfield(`${seed}|stars`);
   const initialNodePositions = new Map(layout.nodes.map((node) => [node.id, { x: node.x, y: node.y, z: node.z }]));
-  const initialCamera = Object.freeze({ yaw: -0.38, pitch: 0.72, distance: 1420, focalRatio: 1.72, zoom: 1, targetX: 0, targetY: 0, targetZ: 0 });
+  const initialCamera = Object.freeze({ yaw: -0.38, pitch: 0.72, distance: 1560, focalRatio: 1.72, zoom: 1, targetX: 0, targetY: 0, targetZ: 0 });
   const camera = { ...initialCamera };
   const nodeElements = new Map();
   const cleanups = [];
@@ -1556,7 +1725,7 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
       const radius = star.size * perspective;
       const twinkle = 0.82 + Math.sin(index * 12.9898 + camera.yaw * 5) * 0.18;
       const alpha = clamp(star.brightness * twinkle * perspective, 0.08, 0.92);
-      context.fillStyle = `rgba(216,235,255,${alpha})`;
+      context.fillStyle = `rgba(${star.color},${alpha})`;
       context.beginPath();
       context.arc(point.x, point.y, Math.max(0.28, radius), 0, Math.PI * 2);
       context.fill();
@@ -1662,7 +1831,7 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
       element.style.transformOrigin = `50% ${markerCenterOffset}px`;
       element.style.transform = `translate3d(${point.x}px, ${point.y}px, 0) translate(-50%, -${markerCenterOffset}px) scale(${perspective * selectedScale})`;
       element.style.zIndex = String(10000 - Math.round(point.depth));
-      element.style.setProperty("--depth-opacity", String(clamp(1.45 - point.depth / 2300, 0.38, 1)));
+      element.style.setProperty("--depth-opacity", String(getGalaxyNodeDepthOpacity(point.depth)));
       element.dataset.worldX = node.x.toFixed(2);
       element.dataset.worldY = node.y.toFixed(2);
       element.dataset.worldZ = node.z.toFixed(2);
@@ -1773,7 +1942,7 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
         category.className = edge.category;
         return category;
       });
-      const labels = [...new Set(group.edges.map((edge) => formatRelationshipLabel(edge)))];
+      const labels = [...new Set(group.edges.map((edge) => formatRelationshipDetailLabel(edge)))];
       item.append(...categories, document.createTextNode(`${group.name} · ${labels.join("；")}`));
       list.append(item);
     }
@@ -1786,11 +1955,11 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
     detail.classList.remove("hidden");
     detail.replaceChildren();
     const heading = document.createElement("strong");
-    heading.textContent = selection.endpointNames.join(" ↔ ");
+    heading.textContent = selection.endpointNames.join(selection.directed ? " → " : " ↔ ");
     const category = document.createElement("small");
     category.textContent = RELATION_STYLE[edge.category].label;
     const description = document.createElement("p");
-    description.textContent = selection.label;
+    description.textContent = formatRelationshipDetailLabel(edge);
     detail.append(heading, category, description);
     shell.dataset.selectedEdgeSource = selection.endpointIds[0];
     shell.dataset.selectedEdgeTarget = selection.endpointIds[1];
@@ -1807,17 +1976,22 @@ export function createGalaxyRenderer(dialog, graph, options = {}) {
       button.className = "galaxy-node";
       button.dataset.galaxyNode = node.id;
       button.dataset.relationshipTier = appearance.tier;
-      const nodeSize = 10 + Math.sqrt(node.degree / maxDegree) * 28;
+      button.dataset.celestialType = appearance.celestialType;
+      button.dataset.celestialPalette = appearance.palette;
+      const nodeSize = clamp((10 + Math.sqrt(node.degree / maxDegree) * 28) * appearance.sizeScale, 8, 48);
       button.style.setProperty("--node-size", `${nodeSize}px`);
       button.dataset.nodeSize = nodeSize.toFixed(3);
       button.style.setProperty("--node-color", appearance.color);
+      button.style.setProperty("--node-core", appearance.coreColor);
+      button.style.setProperty("--node-rim", appearance.rimColor);
+      button.style.setProperty("--node-atmosphere", appearance.atmosphereColor);
+      button.style.setProperty("--node-ring", appearance.ringColor);
       button.style.setProperty("--node-brightness", appearance.brightness);
       button.style.setProperty("--node-glow", appearance.glow);
       const marker = document.createElement("i");
       const label = document.createElement("span");
       label.textContent = node.name;
       button.append(marker, label);
-      button.title = `${node.degree} 条关系 · ${appearance.tier === "core" ? "核心高亮" : appearance.tier === "active" ? "活跃连接" : "外围连接"}`;
       button.setAttribute("aria-label", `${node.name}，${node.degree} 条关系，${appearance.tier === "core" ? "核心高亮" : appearance.tier === "active" ? "活跃连接" : "外围连接"}${node.aliases.length ? `，别名 ${node.aliases.join("、")}` : ""}`);
       button.setAttribute("aria-grabbed", "false");
       let nodeDrag = null;

package/dist/public/styles.css

@@ -788,6 +788,19 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .record-card small { color: var(--accent); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
 .character-card { cursor: pointer; }
 .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 small, .review-resolution-note { color: var(--muted); }
+.character-duplicate-actions { flex-wrap: wrap; }
 .card-actions { display: flex; gap: 6px; margin-top: 15px; }
 .card-actions button { border: 1px solid var(--line); background: transparent; border-radius: 3px; font-size: 10px; padding: 5px 8px; }
 .card-actions .primary-button { border-color: var(--accent); background: var(--accent); color: #fff; padding: 8px 13px; font-size: 12px; }
@@ -802,6 +815,19 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .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; }
 .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; }
+.race-tree-node > summary { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); cursor: pointer; }
+.race-tree-node > summary::marker { color: var(--accent); }
+.race-tree-node > summary span { font-size: 14px; font-weight: 600; }
+.race-tree-node > summary small { margin-left: auto; color: var(--muted); }
+.race-tree-branch { display: grid; gap: 10px; margin: 8px 0 0 14px; padding-left: 14px; border-left: 1px solid var(--line); }
+.race-tree-children { display: grid; gap: 10px; }
+.race-card { min-height: 0; }
+.race-path { margin: 2px 0 10px; color: var(--accent); font-family: var(--font-latin), monospace; font-size: 11px; }
+.race-settings .pill { display: inline-flex; align-items: center; gap: 5px; }
+.race-settings .pill small { color: inherit; font-size: 8px; letter-spacing: 0; text-transform: none; opacity: .72; }
+.race-settings .pill.inherited { border-style: dashed; }
 .config-section { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); }
 .config-section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
 .platform-system-prompt-section { margin-bottom: 36px; }
@@ -955,6 +981,8 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 }
 .relationship-network .mind-edge,
 .relationship-network .obsidian-edge { stroke: rgba(255,255,255,.26); stroke-width: 1px; opacity: 1; transition: opacity .12s ease, stroke .12s ease; }
+.relationship-network .mind-edge.is-directed { stroke: rgba(214,218,232,.5); }
+.relationship-network .relationship-edge-arrow { pointer-events: none; }
 .relationship-network .mind-edge.family,
 .relationship-network .mind-edge.social,
 .relationship-network .mind-edge.emotional,
@@ -1094,7 +1122,19 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .galaxy-shell.is-rotating-camera { cursor: grabbing; }.galaxy-background, .galaxy-graph, .galaxy-node-layer { position: absolute; inset: 0; width: 100%; height: 100%; }.galaxy-background { opacity: 1; transition: opacity .2s ease; }.galaxy-background.hidden-stars { opacity: .96; }
 .galaxy-graph { z-index: 2; }.galaxy-node-layer { z-index: 3; pointer-events: none; }
 .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 { width: var(--node-size); height: var(--node-size); border-radius: 50%; background: radial-gradient(circle at 34% 30%, #fff 0 7%, color-mix(in srgb, var(--node-color) 54%, #fff) 19%, var(--node-color) 51%, color-mix(in srgb, var(--node-color) 52%, #07101f) 100%); box-shadow: 0 0 4px rgba(255,255,255,.88), 0 0 calc(7px + var(--node-glow) * 11px) var(--node-color), 0 0 calc(15px + var(--node-glow) * 25px) color-mix(in srgb, var(--node-color) 72%, transparent); filter: brightness(var(--node-brightness)); transition: filter .18s ease, box-shadow .18s ease; }.galaxy-node span { opacity: 0; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 6px; border-radius: 4px; background: rgba(5,7,13,.68); font-size: 10px; text-align: center; text-shadow: 0 1px 3px #000; transition: opacity .14s ease; }
+.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[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="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%); }
+.galaxy-node[data-celestial-type="ice"] i { background: conic-gradient(from 35deg at 48% 52%, var(--node-core), var(--node-color), color-mix(in srgb, var(--node-color) 58%, #fff), var(--node-rim), var(--node-core)); }
+.galaxy-node[data-celestial-type="volcanic"] i { background: radial-gradient(circle at 66% 61%, #ffd37a 0 3%, #ff7438 5%, transparent 9%), radial-gradient(circle at 37% 72%, #ff9b48 0 3%, transparent 8%), radial-gradient(circle at 30% 25%, var(--node-core) 0 5%, var(--node-color) 38%, var(--node-rim) 100%); }
+.galaxy-node[data-celestial-type="rocky"] i { background: radial-gradient(circle at 67% 31%, color-mix(in srgb, var(--node-rim) 74%, transparent) 0 8%, transparent 10%), radial-gradient(circle at 34% 68%, color-mix(in srgb, var(--node-rim) 58%, transparent) 0 11%, transparent 13%), radial-gradient(circle at 30% 26%, var(--node-core) 0 5%, var(--node-color) 45%, var(--node-rim) 100%); }
+.galaxy-node[data-celestial-type="dwarf"] i { box-shadow: inset -2px -3px 5px var(--node-rim), 0 0 3px rgba(255,255,255,.65), 0 0 calc(5px + var(--node-glow) * 8px) var(--node-atmosphere); }
+.galaxy-node span { opacity: 0; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 6px; border-radius: 4px; background: rgba(5,7,13,.68); font-size: 10px; text-align: center; text-shadow: 0 1px 3px #000; transition: opacity .14s ease; }
 .galaxy-node.show-label span, .galaxy-node:hover span, .galaxy-node:focus-visible span, .galaxy-node.is-selected span, .galaxy-node.is-related span, .galaxy-node.is-edge-endpoint span { opacity: 1; }.galaxy-node.is-selected i { background: #fff4bd; box-shadow: 0 0 5px #fff, 0 0 18px #ffc86b, 0 0 42px rgba(255,173,66,.82); }.galaxy-node.is-related i { background: #d8f4ff; box-shadow: 0 0 4px #fff, 0 0 15px #438cff, 0 0 28px rgba(67,140,255,.56); }.galaxy-node.is-edge-endpoint i { background: #fff; box-shadow: 0 0 6px #fff, 0 0 22px #6fcaff, 0 0 48px rgba(67,140,255,.92); }.galaxy-node.is-dimmed { opacity: .16; }.galaxy-node.is-selected, .galaxy-node.is-related, .galaxy-node.is-edge-endpoint { z-index: 2; }
 .galaxy-node.is-dragging { cursor: grabbing; z-index: 6; }
 .galaxy-close { position: fixed; z-index: 8; top: 22px; right: 25px; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: rgba(5,7,13,.62); color: #fff; font-size: 25px; }
@@ -1152,8 +1192,8 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .message-action-icon { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
 .message-body > :first-child { margin-top: 0; }.message-body > :last-child { margin-bottom: 0; }
 .message-body p { margin: 0 0 10px; white-space: normal; }
-.message-body h1, .message-body h2, .message-body h3, .message-body h4 { margin: 14px 0 7px; color: inherit; line-height: 1.35; }
-.message-body h1 { font-size: 17px; }.message-body h2 { font-size: 15px; }.message-body h3, .message-body h4 { font-size: 13px; }
+.message-body h1, .message-body h2, .message-body h3, .message-body h4, .message-body h5, .message-body h6 { margin: 14px 0 7px; color: inherit; line-height: 1.35; }
+.message-body h1 { font-size: 17px; }.message-body h2 { font-size: 15px; }.message-body h3, .message-body h4 { font-size: 13px; }.message-body h5, .message-body h6 { font-size: 11px; }
 .message-body ul, .message-body ol { margin: 7px 0 11px; padding-left: 21px; }.message-body li { margin: 4px 0; }
 .message-body li.markdown-depth-1 { margin-left: 14px; }.message-body li.markdown-depth-2 { margin-left: 28px; }.message-body li.markdown-depth-3 { margin-left: 42px; }
 .message-body blockquote { margin: 9px 0; padding: 6px 9px; border-left: 3px solid currentColor; background: rgba(255,255,255,.35); opacity: .82; }
@@ -1170,6 +1210,9 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .message-body .markdown-table-scroll .markdown-align-left { text-align: left; }.message-body .markdown-table-scroll .markdown-align-center { text-align: center; }.message-body .markdown-table-scroll .markdown-align-right { text-align: right; }
 .message-body a { color: var(--accent-dark); text-decoration: underline; text-underline-offset: 2px; }.user-message .message-body a { color: inherit; }
 .message-body hr { margin: 12px 0; border: 0; border-top: 1px solid currentColor; opacity: .22; }
+.message-body .markdown-image { display: grid; justify-items: center; gap: 6px; margin: 14px 0; }
+.message-body .markdown-image img { display: block; max-width: 100%; height: auto; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-soft); }
+.message-body .markdown-image small { color: var(--muted); font-size: 9px; line-height: 1.45; text-align: center; }
 .message-meta { margin-top: 8px; color: var(--muted); font-size: 9px; }
 .ai-process-details { margin: 0 0 10px; overflow: hidden; border: 1px solid var(--line); border-radius: 5px; background: color-mix(in srgb, var(--surface-soft) 82%, transparent); }
 .ai-process-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 8px 10px; color: var(--muted); cursor: pointer; font-size: 10px; list-style: none; }
@@ -1390,6 +1433,45 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .character-editor-empty-field { display: grid; align-content: start; gap: 7px; color: var(--muted); font-size: 11px; }
 .character-editor-empty-field span { padding: 11px; border: 1px dashed var(--line); border-radius: 4px; font-size: 10px; }
 .character-editor-field-help { margin: -8px 0 0; color: var(--muted); font-size: 9px; }
+.character-markdown-sections { display: grid; grid-column: 1 / -1; gap: 14px; min-width: 0; }
+.character-markdown-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+.character-markdown-list-toolbar > div { display: grid; gap: 3px; }
+.character-markdown-list-toolbar b { color: var(--ink); font-size: 12px; }
+.character-markdown-list-toolbar span, .character-markdown-toolbar span { color: var(--muted); font-size: 9px; }
+.character-markdown-section { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.character-markdown-section > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 15px 17px; border-bottom: 1px solid var(--line); background: var(--surface-soft); }
+.character-markdown-section > header > div:first-child { display: grid; gap: 4px; min-width: 0; }
+.character-markdown-section > header span { color: var(--accent-dark); font-size: 9px; letter-spacing: .08em; }
+.character-markdown-section > header h4 { margin: 0; font-size: 16px; }
+.character-markdown-section > header p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
+.character-markdown-section > header > div:last-child { display: flex; flex: 0 0 auto; gap: 5px; }
+.character-markdown-section > header button, .character-markdown-version-list button { padding: 5px 8px; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); font-size: 9px; }
+.character-markdown-document { min-width: 0; padding: 20px clamp(18px, 3vw, 34px); color: var(--ink); font-size: 13px; line-height: 1.75; overflow-wrap: anywhere; }
+.character-markdown-document h1, .character-markdown-document h2, .character-markdown-document h3, .character-markdown-document h4, .character-markdown-document h5, .character-markdown-document h6 { color: var(--ink); }
+.character-markdown-document blockquote { background: var(--paper-deep); }
+.character-markdown-empty, .character-markdown-status { margin: 0; padding: 18px; border: 1px dashed var(--line); border-radius: 5px; color: var(--muted); font-size: 10px; text-align: center; }
+.character-markdown-editor { display: grid; gap: 16px; padding: 17px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
+.character-markdown-editor-meta { display: grid; grid-template-columns: minmax(150px, .6fr) minmax(220px, 1.4fr); 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 { grid-column: 1 / -1; }
+.character-markdown-summary-field textarea { min-height: 72px; }
+.character-markdown-toolbar { display: flex; align-items: center; gap: 10px; }
+.character-markdown-toolbar .ghost-button { display: inline-flex; width: auto; padding: 7px 10px; border: 1px solid var(--line); border-radius: 4px; color: var(--ink); cursor: pointer; }
+.character-markdown-compose { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; min-height: 430px; }
+.character-markdown-compose > label, .character-markdown-compose > div { min-width: 0; }
+.character-markdown-compose textarea { height: 100%; min-height: 430px; resize: vertical; font-family: var(--font-latin), var(--font-cjk), monospace; line-height: 1.65; tab-size: 2; }
+.character-markdown-compose > div { display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); }
+.character-markdown-preview-label { padding: 8px 10px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 10px; }
+.character-markdown-compose .character-markdown-document { max-height: 620px; overflow-y: auto; padding: 14px 16px; }
+.character-markdown-change-note { max-width: 620px; }
+.character-markdown-editor-actions { display: flex; justify-content: flex-end; gap: 8px; }
+.character-markdown-version-list { display: grid; gap: 7px; padding: 10px 16px 16px; border-top: 1px solid var(--line); background: var(--surface-soft); }
+.character-markdown-version-list article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 12px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); }
+.character-markdown-version-list article > div { display: flex; gap: 8px; align-items: center; }
+.character-markdown-version-list time, .character-markdown-version-list p { color: var(--muted); font-size: 9px; }
+.character-markdown-version-list p { grid-column: 1; margin: 0; }
+.character-markdown-version-list button { grid-column: 2; grid-row: 1 / 3; align-self: center; }
 .character-history-panel { min-width: 0; overflow-y: auto; border-left: 1px solid var(--line); background: var(--surface-soft); }
 .character-history-heading { position: sticky; z-index: 2; top: 0; display: flex; align-items: flex-start; justify-content: space-between; padding: 18px 16px 14px; border-bottom: 1px solid var(--line); background: var(--panel); }
 .character-history-heading h3 { margin: 2px 0 0; font-size: 16px; }
@@ -1475,6 +1557,9 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .character-editor-section-fields > label, .character-editor-section-fields > .form-field, .character-editor-field-help { grid-column: 1; }
   .character-editor-section > header { align-items: flex-start; flex-direction: column; gap: 7px; }
   .character-editor-section > header p { text-align: left; }
+  .character-markdown-compose { grid-template-columns: minmax(0, 1fr); }
+  .character-markdown-editor-meta { grid-template-columns: minmax(0, 1fr); }
+  .character-markdown-summary-field { grid-column: 1; }
   .character-editor-actions { grid-template-columns: minmax(0, 1fr); gap: 10px; }
   .character-editor-actions > div { justify-content: flex-end; }
   .character-editor-workspace.history-open .character-history-panel { width: min(360px, 86vw); }

package/dist/server-runtime.js

@@ -13,6 +13,7 @@ export async function startLocalServer(options) {
         security = resolveRuntimeSecurity(options.env);
         runtime = createRuntime({
             databasePath: options.databasePath,
+            attachmentDirectory: join(options.dataDirectory, "attachments"),
             masterSecret: loadMasterSecret(join(options.dataDirectory, "master.key"), options.env.AI_NOVEL_MASTER_KEY),
             publicPath,
             security