@lingjingai/script-editor 0.0.1

package/dist/index.js

@@ -0,0 +1,3568 @@
+import { createContext, memo, useState, useMemo, useCallback, useRef, useContext, useEffect, useLayoutEffect, Fragment as Fragment$1, useDeferredValue } from 'react';
+import { Plus, Trash2, Check, Eraser, ArrowUp, ArrowDown, GripVertical, MessageCircle, Film, Brain, BookOpen, Scissors, ArrowUpToLine, Globe, BookText, ChevronRight, FileText, Users, MapPin, Package, Undo2, Redo2, MessageSquareQuote, ArrowLeft, ChevronLeft, Loader2, AlertCircle } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Virtuoso } from 'react-virtuoso';
+import { createPortal } from 'react-dom';
+
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/selection.ts
+function buildSelectionFrom(kind, id) {
+  if (!id) return void 0;
+  if (kind === "actor") return { kind: "actor", actorId: id };
+  if (kind === "location") return { kind: "location", locationId: id };
+  return { kind: "prop", propId: id };
+}
+function fromToSelection(from) {
+  if (from.kind === "actor") return { kind: "actor", actorId: from.actorId };
+  if (from.kind === "location") return { kind: "location", locationId: from.locationId };
+  return { kind: "prop", propId: from.propId };
+}
+var EMPTY_SELECTION = { kind: "empty" };
+function withOrigin(sel, origin) {
+  return { ...sel, origin };
+}
+function selectionTargetKey(s) {
+  switch (s.kind) {
+    case "scene":
+      return `scene:${s.episodeIdx}:${s.sceneIdx}`;
+    case "episode":
+      return `episode:${s.episodeIdx}`;
+    case "clip":
+      return `clip:${s.episodeIdx}:${s.sceneId}:${s.clipId}`;
+    case "actor":
+      return `actor:${s.actorId}`;
+    case "location":
+      return `location:${s.locationId}`;
+    case "prop":
+      return `prop:${s.propId}`;
+    case "worldview":
+      return "worldview";
+    default:
+      return "empty";
+  }
+}
+function isSameSelectionTarget(a, b) {
+  return selectionTargetKey(a) === selectionTargetKey(b);
+}
+function isSceneSelected(selection, episodeIdx, sceneIdx) {
+  return selection.kind === "scene" && selection.episodeIdx === episodeIdx && selection.sceneIdx === sceneIdx;
+}
+function isClipSelected(selection, episodeIdx, sceneId, clipId) {
+  return selection.kind === "clip" && selection.episodeIdx === episodeIdx && selection.sceneId === sceneId && selection.clipId === clipId;
+}
+function getSelectionEpisodeIdx(selection) {
+  if (selection.kind === "episode") return selection.episodeIdx;
+  if (selection.kind === "scene") return selection.episodeIdx;
+  if (selection.kind === "clip") return selection.episodeIdx;
+  return null;
+}
+function isEpisodeOpen(selection, episodeIdx) {
+  if (selection.kind === "episode") return selection.episodeIdx === episodeIdx;
+  if (selection.kind === "scene") return selection.episodeIdx === episodeIdx;
+  if (selection.kind === "clip") return selection.episodeIdx === episodeIdx;
+  return false;
+}
+
+// src/types.ts
+var ScriptContentType = /* @__PURE__ */ ((ScriptContentType2) => {
+  ScriptContentType2["Action"] = "action";
+  ScriptContentType2["Dialogue"] = "dialogue";
+  ScriptContentType2["Narration"] = "narration";
+  ScriptContentType2["InnerThought"] = "inner_thought";
+  return ScriptContentType2;
+})(ScriptContentType || {});
+
+// src/emotion-labels.ts
+var EMOTION_LABELS = {
+  "v.o.": "\u753B\u5916\u97F3",
+  absorbed: "\u4E13\u6CE8\u6295\u5165",
+  accusing: "\u6307\u8D23",
+  aggressive: "\u5484\u5484\u903C\u4EBA",
+  agonized: "\u75DB\u82E6",
+  alarmed: "\u8B66\u89C9",
+  alert: "\u8B66\u60D5",
+  amused: "\u73A9\u5473",
+  analytical: "\u51B7\u9759\u5206\u6790",
+  anguished: "\u60B2\u75DB",
+  appalled: "\u9A87\u7136",
+  authoritative: "\u6743\u5A01",
+  awed: "\u656C\u754F",
+  awestruck: "\u9707\u64BC",
+  "battle-ready": "\u4E34\u6218",
+  begging: "\u54C0\u6C42",
+  bewildered: "\u832B\u7136",
+  bitter: "\u6028\u6068",
+  boastful: "\u5F97\u610F",
+  broken: "\u5D29\u6E83",
+  brutal: "\u51F6\u72E0",
+  calculating: "\u7B97\u8BA1",
+  calm: "\u51B7\u9759",
+  casual: "\u968F\u610F",
+  cautious: "\u8C28\u614E",
+  chanting: "\u9F50\u58F0\u9AD8\u547C",
+  choking: "\u54FD\u54BD",
+  chuckling: "\u4F4E\u7B11",
+  cold: "\u51B7\u6DE1",
+  commanding: "\u547D\u4EE4\u5F0F",
+  confident: "\u81EA\u4FE1",
+  confused: "\u56F0\u60D1",
+  contemptuous: "\u8F7B\u8511",
+  crazed: "\u766B\u72C2",
+  cruel: "\u6B8B\u9177",
+  crying: "\u54ED\u6CE3",
+  "crying out": "\u5931\u58F0\u558A\u53EB",
+  "crying softly": "\u8F7B\u58F0\u555C\u6CE3",
+  curious: "\u597D\u5947",
+  "darkly amused": "\u9634\u51B7\u73A9\u5473",
+  deadly: "\u81F4\u547D\u72E0\u5389",
+  decisive: "\u679C\u51B3",
+  deductive: "\u63A8\u7406\u5F0F",
+  defeated: "\u632B\u8D25",
+  defensive: "\u6212\u5907",
+  defiant: "\u4E0D\u670D\u8F93",
+  deliberate: "\u6C89\u7740",
+  desperate: "\u7EDD\u671B",
+  determined: "\u575A\u5B9A",
+  disbelief: "\u96BE\u4EE5\u7F6E\u4FE1",
+  disbelieving: "\u4E0D\u6562\u76F8\u4FE1",
+  disgusted: "\u538C\u6076",
+  dismissive: "\u4E0D\u5C51",
+  disturbed: "\u4E0D\u5B89",
+  drowsy: "\u56F0\u5026",
+  ecstatic: "\u72C2\u559C",
+  enraged: "\u66B4\u6012",
+  excited: "\u6FC0\u52A8",
+  exhausted: "\u75B2\u60EB",
+  fierce: "\u51CC\u5389",
+  firm: "\u575A\u51B3",
+  flashback: "\u56DE\u5FC6\u4E2D",
+  focused: "\u4E13\u6CE8",
+  frantic: "\u614C\u4E71",
+  frightened: "\u60CA\u60E7",
+  furious: "\u6124\u6012",
+  gasping: "\u5598\u606F",
+  gleeful: "\u5F97\u610F\u6D0B\u6D0B",
+  grandstanding: "\u4F5C\u79C0\u5F0F",
+  grave: "\u51DD\u91CD",
+  grim: "\u51B7\u5CFB",
+  grinning: "\u54A7\u5634\u800C\u7B11",
+  hoarse: "\u6C99\u54D1",
+  hopeful: "\u6000\u6709\u5E0C\u671B",
+  hopeless: "\u7EDD\u671B\u65E0\u52A9",
+  horrified: "\u60CA\u9A87",
+  hysterical: "\u6B47\u65AF\u5E95\u91CC",
+  "ice-cold": "\u51B0\u51B7",
+  iconic: "\u6807\u5FD7\u6027\u59FF\u6001",
+  incredulous: "\u96BE\u4EE5\u7F6E\u4FE1",
+  inspired: "\u53D7\u5230\u9F13\u821E",
+  intense: "\u5F3A\u70C8",
+  lazy: "\u61D2\u6563",
+  low: "\u4F4E\u58F0",
+  maniacal: "\u75AF\u72C2",
+  manic: "\u766B\u72C2\u4EA2\u594B",
+  measured: "\u514B\u5236",
+  menacing: "\u9634\u72E0",
+  merciless: "\u6BEB\u4E0D\u7559\u60C5",
+  mocking: "\u5632\u8BBD",
+  murderous: "\u6740\u6C14\u817E\u817E",
+  nervous: "\u7D27\u5F20",
+  ominous: "\u4E0D\u7965",
+  outraged: "\u6124\u6168",
+  panicked: "\u60CA\u614C",
+  piercing: "\u5C16\u9510",
+  pleading: "\u6073\u6C42",
+  pleased: "\u6EE1\u610F",
+  precise: "\u7CBE\u51C6\u514B\u5236",
+  predatory: "\u730E\u98DF\u8005\u822C",
+  probing: "\u8BD5\u63A2",
+  protective: "\u4FDD\u62A4\u6B32\u5F3A",
+  quiet: "\u8F7B\u58F0",
+  realizing: "\u604D\u7136\u610F\u8BC6\u5230",
+  "recorded video": "\u5F55\u50CF\u4E2D",
+  relieved: "\u5982\u91CA\u91CD\u8D1F",
+  resolute: "\u51B3\u7136",
+  respectful: "\u606D\u656C",
+  roaring: "\u6012\u543C",
+  savage: "\u51F6\u6B8B",
+  savoring: "\u56DE\u5473\u822C",
+  scheming: "\u7B97\u8BA1",
+  screaming: "\u5C16\u53EB",
+  seething: "\u6012\u706B\u7FFB\u6D8C",
+  serious: "\u4E25\u8083",
+  shaking: "\u53D1\u6296",
+  sharp: "\u51CC\u5389",
+  shocked: "\u9707\u60CA",
+  shouting: "\u5927\u558A",
+  shoving: "\u63A8\u6421\u4E2D",
+  shrieking: "\u5C16\u58F0\u60CA\u53EB",
+  smiling: "\u5FAE\u7B11",
+  smirking: "\u51B7\u7B11",
+  smug: "\u81EA\u9E23\u5F97\u610F",
+  sobbing: "\u62BD\u6CE3",
+  "sobbing uncontrollably": "\u6CE3\u4E0D\u6210\u58F0",
+  spiteful: "\u6076\u610F",
+  steady: "\u6C89\u7A33",
+  steely: "\u51B7\u786C",
+  strained: "\u7D27\u7EF7",
+  stunned: "\u6014\u4F4F",
+  suffocating: "\u7A92\u606F\u822C",
+  suspicious: "\u6000\u7591",
+  taunting: "\u6311\u8845",
+  tense: "\u7D27\u7EF7",
+  terrified: "\u60CA\u6050",
+  threatening: "\u5A01\u80C1",
+  thrilled: "\u5174\u594B\u4E0D\u5DF2",
+  thunderous: "\u5982\u96F7\u822C",
+  trembling: "\u53D1\u98A4",
+  triumphant: "\u5F97\u80DC",
+  "to himself": "\u81EA\u8A00\u81EA\u8BED",
+  "turning to mia": "\u8F6C\u5411 Mia",
+  uneasy: "\u4E0D\u5B89",
+  unflinching: "\u6BEB\u4E0D\u9000\u7F29",
+  unhinged: "\u5931\u63A7",
+  urgent: "\u6025\u5207",
+  venomous: "\u6076\u6BD2",
+  vicious: "\u51F6\u72E0",
+  "video recording": "\u89C6\u9891\u8BB0\u5F55\u4E2D",
+  vindicated: "\u626C\u7709\u5410\u6C14",
+  voiceover: "\u65C1\u767D",
+  weak: "\u865A\u5F31",
+  whisper: "\u4F4E\u58F0",
+  whispering: "\u8033\u8BED",
+  worried: "\u62C5\u5FE7"
+};
+function translateEmotionLabel(emotion) {
+  const normalized = emotion?.trim().toLowerCase();
+  if (!normalized) return "";
+  if (EMOTION_LABELS[normalized]) {
+    return EMOTION_LABELS[normalized];
+  }
+  if (normalized.includes(",")) {
+    return normalized.split(",").map((part) => {
+      const token = part.trim();
+      return EMOTION_LABELS[token] || part.trim();
+    }).join("\uFF0C");
+  }
+  return emotion.trim();
+}
+
+// src/utils.ts
+function normalizeId(value) {
+  return value?.trim() || "";
+}
+function getActorMap(actors = []) {
+  return new Map(actors.map((actor) => [normalizeId(actor.actor_id), actor]));
+}
+function getLocationMap(locations = []) {
+  return new Map(locations.map((location) => [normalizeId(location.location_id), location]));
+}
+function getPropMap(props = []) {
+  return new Map(props.map((prop) => [normalizeId(prop.prop_id), prop]));
+}
+function getSpeakerMap(speakers = []) {
+  return new Map(speakers.map((speaker) => [normalizeId(speaker.speaker_id), speaker]));
+}
+function getActorDisplayName(actor) {
+  return actor?.actor_name?.trim() || actor?.name?.trim() || "\u672A\u547D\u540D\u89D2\u8272";
+}
+function getLocationDisplayName(location) {
+  return location?.location_name?.trim() || location?.name?.trim() || "\u672A\u547D\u540D\u573A\u666F";
+}
+function getPropDisplayName(prop) {
+  return prop?.prop_name?.trim() || prop?.name?.trim() || "\u672A\u547D\u540D\u9053\u5177";
+}
+function getStateDisplayName(state) {
+  return state?.state_name?.trim() || state?.name?.trim() || state?.state_id?.trim() || "";
+}
+function getSceneContext(scene) {
+  return {
+    actors: (scene.context?.actors?.length ? scene.context.actors : scene.actors) ?? [],
+    locations: (scene.context?.locations?.length ? scene.context.locations : scene.locations) ?? [],
+    props: (scene.context?.props?.length ? scene.context.props : scene.props) ?? []
+  };
+}
+function findState(states, stateId) {
+  const id = stateId?.trim();
+  if (!id || !states) return void 0;
+  return states.find((state) => (state.state_id || "").trim() === id);
+}
+var ZH_DIGIT_MAP = {
+  "\u96F6": 0,
+  "\u3007": 0,
+  "\u4E00": 1,
+  "\u4E8C": 2,
+  "\u4E24": 2,
+  "\u4E09": 3,
+  "\u56DB": 4,
+  "\u4E94": 5,
+  "\u516D": 6,
+  "\u4E03": 7,
+  "\u516B": 8,
+  "\u4E5D": 9
+};
+function normalizeFullwidthDigits(value) {
+  let result = "";
+  for (const char of value) {
+    const code = char.charCodeAt(0);
+    result += code >= 65296 && code <= 65305 ? String.fromCharCode(code - 65296 + 48) : char;
+  }
+  return result;
+}
+function parseChineseNumeral(value) {
+  const text = value.trim();
+  if (!text) return null;
+  if (text === "\u5341") return 10;
+  if (text.startsWith("\u5341")) return 10 + (ZH_DIGIT_MAP[text.slice(1)] ?? 0);
+  if (text.endsWith("\u5341")) return (ZH_DIGIT_MAP[text.slice(0, -1)] ?? 0) * 10;
+  if (text.includes("\u767E")) {
+    const [left, right] = text.split("\u767E");
+    const leftValue = ZH_DIGIT_MAP[left] ?? 0;
+    return leftValue * 100 + (parseChineseNumeral(right) ?? 0);
+  }
+  if (text.includes("\u5341")) {
+    const [left, right] = text.split("\u5341");
+    return (ZH_DIGIT_MAP[left] ?? 0) * 10 + (right ? ZH_DIGIT_MAP[right] ?? 0 : 0);
+  }
+  return ZH_DIGIT_MAP[text] ?? null;
+}
+function parseEpisodeMarker(rawDigits) {
+  const normalized = normalizeFullwidthDigits(rawDigits.trim());
+  if (!normalized) return null;
+  if (/^\d+$/.test(normalized)) {
+    const parsed = Number(normalized);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
+  }
+  const chinese = parseChineseNumeral(normalized);
+  return chinese && chinese > 0 ? chinese : null;
+}
+var EPISODE_DIGIT_CHARS = "0-9\uFF10-\uFF19\u4E00\u4E8C\u4E09\u56DB\u4E94\u516D\u4E03\u516B\u4E5D\u5341\u767E\u5343\u96F6\u3007\u4E24";
+var EPISODE_MARKER_RE = new RegExp(
+  `(?:\u7B2C\\s*([${EPISODE_DIGIT_CHARS}]+)\\s*\u96C6|(?:ep|episode)[_\\-#:. ]*([${EPISODE_DIGIT_CHARS}]+))`,
+  "i"
+);
+function getEpisodeNumber(episode, index) {
+  const candidates = [episode.episode_id, episode.title];
+  for (const candidate of candidates) {
+    const value = candidate?.trim();
+    if (!value) continue;
+    const marker = value.match(EPISODE_MARKER_RE);
+    if (marker) {
+      const parsed = parseEpisodeMarker(marker[1] || marker[2] || "");
+      if (parsed) return parsed;
+    }
+    const digitsOnly = normalizeFullwidthDigits(value);
+    const plain = digitsOnly.match(/\d+/);
+    if (plain) {
+      const parsed = Number(plain[0]);
+      if (Number.isFinite(parsed) && parsed > 0) return parsed;
+    }
+  }
+  return index + 1;
+}
+function getEpisodeNumberLabel(episode, index) {
+  return String(getEpisodeNumber(episode, index)).padStart(2, "0");
+}
+function getEpisodeTitle(episode, index) {
+  const fallback = `\u7B2C ${getEpisodeNumberLabel(episode, index)} \u96C6`;
+  const title = episode.title?.trim();
+  if (title) return title;
+  const id = episode.episode_id?.trim();
+  if (id && !/^ep_/i.test(id)) return id;
+  return fallback;
+}
+function getSceneNumber(scene, sceneIndex) {
+  const m = scene?.scene_id?.trim().match(/(\d+)$/);
+  if (m) {
+    const n = Number.parseInt(m[1], 10);
+    if (Number.isFinite(n) && n > 0) return n;
+  }
+  return sceneIndex + 1;
+}
+function getSceneNumberLabel(scene, sceneIndex) {
+  return `\u573A ${getSceneNumber(scene, sceneIndex)}`;
+}
+function getSceneSidebarLabel(scene, sceneIndex) {
+  const sceneId = scene.scene_id?.trim() || String(sceneIndex + 1);
+  const space = scene.environment?.space === "exterior" ? "\u5916" : "\u5185";
+  const timeKey = scene.environment?.time || "day";
+  const timeMap = { day: "\u65E5", night: "\u591C", dawn: "\u6668", dusk: "\u660F" };
+  const time = timeMap[timeKey] || timeKey;
+  return `${sceneId} \xB7 ${time}${space}`;
+}
+function isActorBearingContentType(type) {
+  return type === "dialogue" /* Dialogue */ || type === "inner_thought" /* InnerThought */;
+}
+function getSpeakerDisplayName(speakerId, speakerMap = /* @__PURE__ */ new Map(), actorMap = /* @__PURE__ */ new Map()) {
+  const id = normalizeId(speakerId);
+  if (!id) return "";
+  const speaker = speakerMap.get(id);
+  if (speaker?.display_name?.trim()) return speaker.display_name.trim();
+  const sourceKind = speaker?.source_kind?.trim();
+  const sourceId = normalizeId(speaker?.source_id);
+  if (sourceKind === "actor" && sourceId) {
+    return getActorDisplayName(actorMap.get(sourceId)) || sourceId;
+  }
+  const actorId = id.startsWith("spk_") ? id.slice(4) : "";
+  if (actorId && actorMap.has(actorId)) return getActorDisplayName(actorMap.get(actorId));
+  return id;
+}
+function getDialogueSpeakerLabel(item, actorMap, speakerMap = /* @__PURE__ */ new Map()) {
+  if (item.delivery === "overlap" && Array.isArray(item.lines) && item.lines.length > 0) {
+    return item.lines.map((line) => getSpeakerDisplayName(line.speaker_id, speakerMap, actorMap)).filter(Boolean).join(" / ");
+  }
+  const speakerIds = Array.isArray(item.speakers) ? item.speakers.map((speaker) => normalizeId(speaker.speaker_id)).filter(Boolean) : [];
+  if (speakerIds.length > 0) {
+    return speakerIds.map((speakerId) => getSpeakerDisplayName(speakerId, speakerMap, actorMap)).join(" / ");
+  }
+  if (item.speaker_id) return getSpeakerDisplayName(item.speaker_id, speakerMap, actorMap);
+  const actorId = normalizeId(item.actor_id);
+  const actor = actorMap.get(actorId);
+  return actor ? getActorDisplayName(actor) : actorId || "\u672A\u77E5\u89D2\u8272";
+}
+function getDialogueDeliveryLabel(delivery) {
+  if (delivery === "simultaneous") return "\u540C\u65F6";
+  if (delivery === "overlap") return "\u91CD\u53E0";
+  if (delivery === "group") return "\u7FA4\u4F53";
+  return "";
+}
+
+// src/cn.ts
+function cn(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function GroupHeader({
+  icon: Icon,
+  label,
+  count,
+  open,
+  highlighted,
+  onToggle
+}) {
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    onToggle ? /* @__PURE__ */ jsx(
+      ChevronRight,
+      {
+        className: cn("lj-se-gh-chev", open && "is-open"),
+        strokeWidth: 2
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(Icon, { className: "lj-se-gh-icon", strokeWidth: 1.5 }),
+    /* @__PURE__ */ jsx("span", { className: "lj-se-gh-label", children: label }),
+    count != null ? /* @__PURE__ */ jsx("span", { className: "lj-se-gh-count", children: count }) : null
+  ] });
+  return onToggle ? /* @__PURE__ */ jsx("button", { type: "button", className: cn("lj-se-gh", highlighted && "is-hl"), onClick: onToggle, children: inner }) : /* @__PURE__ */ jsx("div", { className: cn("lj-se-gh", highlighted && "is-hl"), children: inner });
+}
+function StudioToc({
+  data,
+  selection,
+  onSelect,
+  onAddEpisode
+}) {
+  const episodes = data.episodes ?? [];
+  const [episodesOpen, setEpisodesOpen] = useState(true);
+  const [openEpisodes, setOpenEpisodes] = useState(() => {
+    const init = /* @__PURE__ */ new Set();
+    if (selection.kind === "scene" || selection.kind === "episode") init.add(selection.episodeIdx);
+    else init.add(0);
+    return init;
+  });
+  const toggleEp = (i) => setOpenEpisodes((prev) => {
+    const next = new Set(prev);
+    next.has(i) ? next.delete(i) : next.add(i);
+    return next;
+  });
+  const pick = (sel) => onSelect(withOrigin(sel, "sidebar"));
+  const epHighlighted = selection.kind === "episode" || selection.kind === "scene" || selection.kind === "clip";
+  return /* @__PURE__ */ jsxs("nav", { className: "lj-se-toc", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn("lj-se-tocitem lj-se-toc-l0", selection.kind === "worldview" && "is-active"),
+        onClick: () => pick({ kind: "worldview" }),
+        children: [
+          /* @__PURE__ */ jsx(Globe, { className: "lj-se-tocitem-icon lj-se-ic-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ jsx("span", { className: "lj-se-tocitem-label", children: "\u4E16\u754C\u89C2 & \u98CE\u683C" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      GroupHeader,
+      {
+        icon: BookText,
+        label: "\u5267\u96C6",
+        count: episodes.length,
+        open: episodesOpen,
+        highlighted: epHighlighted,
+        onToggle: () => setEpisodesOpen((v) => !v)
+      }
+    ),
+    episodesOpen ? episodes.length === 0 ? /* @__PURE__ */ jsx("div", { className: "lj-se-toc-empty", children: "\u5C1A\u65E0\u5267\u96C6" }) : episodes.map((episode, ei) => {
+      const scenes = episode.scenes ?? [];
+      const epOpen = openEpisodes.has(ei);
+      const epActive = selection.kind === "episode" && selection.episodeIdx === ei;
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("lj-se-eprow", epActive && "is-active"), children: [
+          /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-eprow-chev", onClick: () => toggleEp(ei), "aria-label": "\u5C55\u5F00/\u6536\u8D77", children: /* @__PURE__ */ jsx(ChevronRight, { className: cn("lj-se-ic-3", epOpen && "is-open"), strokeWidth: 2 }) }),
+          /* @__PURE__ */ jsxs("button", { type: "button", className: "lj-se-eprow-main", onClick: () => pick({ kind: "episode", episodeIdx: ei }), children: [
+            /* @__PURE__ */ jsx(FileText, { className: "lj-se-ic-3 lj-se-eprow-glyph", strokeWidth: 1.5 }),
+            /* @__PURE__ */ jsx("span", { className: "lj-se-eprow-num", children: getEpisodeNumberLabel(episode, ei) }),
+            /* @__PURE__ */ jsx("span", { className: "lj-se-eprow-title", children: getEpisodeTitle(episode, ei) }),
+            /* @__PURE__ */ jsxs("span", { className: "lj-se-eprow-count", children: [
+              scenes.length,
+              " \u573A"
+            ] })
+          ] })
+        ] }),
+        epOpen ? scenes.map((scene, si) => {
+          const active = selection.kind === "scene" && selection.episodeIdx === ei && selection.sceneIdx === si;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: cn("lj-se-tocitem lj-se-toc-l2", active && "is-active"),
+              onClick: () => pick({ kind: "scene", episodeIdx: ei, sceneIdx: si }),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "lj-se-toc-dot", children: "\xB7" }),
+                /* @__PURE__ */ jsx("span", { className: "lj-se-tocitem-label", children: getSceneNumberLabel(scene, si) }),
+                /* @__PURE__ */ jsx("span", { className: "lj-se-tocitem-meta", children: getSceneSidebarLabel(scene, si) })
+              ]
+            },
+            `sc-${si}`
+          );
+        }) : null
+      ] }, `ep-${ei}`);
+    }) : null,
+    episodesOpen && onAddEpisode ? /* @__PURE__ */ jsxs("button", { type: "button", className: "lj-se-toc-addep", onClick: onAddEpisode, children: [
+      /* @__PURE__ */ jsx(Plus, { className: "lj-se-ic-3", strokeWidth: 2 }),
+      " \u65B0\u589E\u4E00\u96C6"
+    ] }) : null,
+    /* @__PURE__ */ jsx(
+      EntityGroup,
+      {
+        icon: Users,
+        label: "\u89D2\u8272",
+        emptyText: "\u5C1A\u65E0\u89D2\u8272",
+        items: (data.actors ?? []).map((a) => ({ id: (a.actor_id ?? "").trim(), name: getActorDisplayName(a) })),
+        highlighted: selection.kind === "actor",
+        isActive: (id) => selection.kind === "actor" && selection.actorId === id,
+        onPick: (id) => pick({ kind: "actor", actorId: id })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EntityGroup,
+      {
+        icon: MapPin,
+        label: "\u573A\u666F",
+        emptyText: "\u5C1A\u65E0\u573A\u666F",
+        items: (data.locations ?? []).map((l) => ({ id: (l.location_id ?? "").trim(), name: getLocationDisplayName(l) })),
+        highlighted: selection.kind === "location",
+        isActive: (id) => selection.kind === "location" && selection.locationId === id,
+        onPick: (id) => pick({ kind: "location", locationId: id })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EntityGroup,
+      {
+        icon: Package,
+        label: "\u9053\u5177",
+        emptyText: "\u5C1A\u65E0\u9053\u5177",
+        items: (data.props ?? []).map((p) => ({ id: (p.prop_id ?? "").trim(), name: getPropDisplayName(p) })),
+        highlighted: selection.kind === "prop",
+        isActive: (id) => selection.kind === "prop" && selection.propId === id,
+        onPick: (id) => pick({ kind: "prop", propId: id })
+      }
+    )
+  ] });
+}
+function EntityGroup({
+  icon: Icon,
+  label,
+  emptyText,
+  items,
+  highlighted,
+  isActive,
+  onPick
+}) {
+  const [open, setOpen] = useState(true);
+  const valid = items.filter((i) => i.id);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(GroupHeader, { icon: Icon, label, count: valid.length, open, highlighted, onToggle: () => setOpen((v) => !v) }),
+    open ? valid.length === 0 ? /* @__PURE__ */ jsx("div", { className: "lj-se-toc-empty", children: emptyText }) : valid.map((i) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn("lj-se-tocitem lj-se-toc-l1", isActive(i.id) && "is-active"),
+        onClick: () => onPick(i.id),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "lj-se-tocitem-icon lj-se-ic-3", strokeWidth: 1.5 }),
+          /* @__PURE__ */ jsx("span", { className: "lj-se-tocitem-label", children: i.name })
+        ]
+      },
+      i.id
+    )) : null
+  ] });
+}
+function FormatToggle({
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx("div", { role: "group", "aria-label": "\u5267\u672C\u683C\u5F0F", className: "lj-se-format", children: [
+    { key: "standard", label: "\u6807\u51C6" },
+    { key: "asian", label: "\u4E9A\u6D32\u683C\u5F0F" }
+  ].map((opt) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": value === opt.key,
+      className: cn("lj-se-format-btn", value === opt.key && "is-active"),
+      onClick: () => onChange(opt.key),
+      children: opt.label
+    },
+    opt.key
+  )) });
+}
+function CanvasTopBar({
+  contextLabel,
+  format,
+  onFormatChange,
+  canUndo,
+  canRedo,
+  onUndo,
+  onRedo
+}) {
+  return /* @__PURE__ */ jsxs("header", { className: "lj-se-topbar", children: [
+    /* @__PURE__ */ jsx("div", { className: "lj-se-topbar-left", children: contextLabel }),
+    /* @__PURE__ */ jsxs("div", { className: "lj-se-topbar-right", children: [
+      /* @__PURE__ */ jsx(FormatToggle, { value: format, onChange: onFormatChange }),
+      onUndo || onRedo ? /* @__PURE__ */ jsxs("div", { className: "lj-se-topbar-undo", children: [
+        /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-rowbtn", disabled: !canUndo, title: "\u64A4\u9500", onClick: onUndo, children: /* @__PURE__ */ jsx(Undo2, { className: "lj-se-ic-4", strokeWidth: 1.75 }) }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-rowbtn", disabled: !canRedo, title: "\u91CD\u505A", onClick: onRedo, children: /* @__PURE__ */ jsx(Redo2, { className: "lj-se-ic-4", strokeWidth: 1.75 }) })
+      ] }) : null
+    ] })
+  ] });
+}
+function SaveCapsule({
+  saveStatus = "idle",
+  diffCount = 0,
+  canApplyDiff,
+  onDiffPrev,
+  onDiffNext,
+  onAcceptAll,
+  onRejectAll,
+  returnLabel,
+  onReturn
+}) {
+  const showSave = saveStatus !== "idle";
+  const hasDiff = diffCount > 0;
+  const hasReturn = !!(returnLabel && onReturn);
+  if (!showSave && !hasDiff && !hasReturn) return null;
+  return /* @__PURE__ */ jsx("div", { className: "lj-se-capsule-anchor", children: /* @__PURE__ */ jsxs("div", { className: "lj-se-capsule", children: [
+    hasReturn ? /* @__PURE__ */ jsxs("button", { type: "button", className: "lj-se-capsule-return", title: `\u8FD4\u56DE ${returnLabel}`, onClick: onReturn, children: [
+      /* @__PURE__ */ jsx(ArrowLeft, { className: "lj-se-ic-4", strokeWidth: 2.5 }),
+      /* @__PURE__ */ jsxs("span", { className: "lj-se-capsule-return-label", children: [
+        "\u8FD4\u56DE ",
+        returnLabel
+      ] })
+    ] }) : null,
+    hasDiff ? /* @__PURE__ */ jsxs("div", { className: "lj-se-capsule-diff", children: [
+      /* @__PURE__ */ jsxs("span", { className: "lj-se-capsule-ping", children: [
+        /* @__PURE__ */ jsx("span", { className: "lj-se-capsule-dot" }),
+        /* @__PURE__ */ jsx("span", { className: "lj-se-capsule-dot is-ping" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "lj-se-capsule-count", children: diffCount }),
+      /* @__PURE__ */ jsx("span", { className: "lj-se-capsule-muted", children: "\u6539\u52A8" }),
+      onDiffPrev ? /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-capsule-nav", title: "\u4E0A\u4E00\u5904", onClick: onDiffPrev, children: /* @__PURE__ */ jsx(ChevronLeft, { className: "lj-se-ic-3", strokeWidth: 2.25 }) }) : null,
+      onDiffNext ? /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-capsule-nav", title: "\u4E0B\u4E00\u5904", onClick: onDiffNext, children: /* @__PURE__ */ jsx(ChevronRight, { className: "lj-se-ic-3", strokeWidth: 2.25 }) }) : null,
+      onRejectAll ? /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-capsule-reject", disabled: !canApplyDiff, onClick: onRejectAll, children: "\u5168\u90E8\u62D2\u7EDD" }) : null,
+      onAcceptAll ? /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-capsule-accept", disabled: !canApplyDiff, onClick: onAcceptAll, children: "\u5168\u90E8\u63A5\u53D7" }) : null
+    ] }) : null,
+    showSave && !hasDiff ? /* @__PURE__ */ jsx(SaveStateRow, { status: saveStatus }) : null
+  ] }) });
+}
+function SaveStateRow({ status }) {
+  if (status === "saving")
+    return /* @__PURE__ */ jsxs("span", { className: "lj-se-capsule-save is-saving", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "lj-se-ic-4 lj-se-spin", strokeWidth: 2.25 }),
+      " \u4FDD\u5B58\u4E2D"
+    ] });
+  if (status === "saved")
+    return /* @__PURE__ */ jsxs("span", { className: "lj-se-capsule-save is-saved", children: [
+      /* @__PURE__ */ jsx(Check, { className: "lj-se-ic-4", strokeWidth: 2.5 }),
+      " \u5DF2\u4FDD\u5B58"
+    ] });
+  return /* @__PURE__ */ jsxs("span", { className: "lj-se-capsule-save is-error", children: [
+    /* @__PURE__ */ jsx(AlertCircle, { className: "lj-se-ic-4", strokeWidth: 2.25 }),
+    " \u51FA\u9519"
+  ] });
+}
+
+// src/mutations/editor-utils.ts
+function cloneEpisodes(data) {
+  return [...data.episodes || []];
+}
+function withSceneUpdated(data, episodeIndex, sceneIndex, updater) {
+  const episodes = cloneEpisodes(data);
+  const episode = episodes[episodeIndex];
+  if (!episode) return data;
+  const scenes = [...episode.scenes || []];
+  const scene = scenes[sceneIndex];
+  if (!scene) return data;
+  scenes[sceneIndex] = updater(scene);
+  episodes[episodeIndex] = { ...episode, scenes };
+  return { ...data, episodes };
+}
+function normalizeCommaList(value) {
+  return value.split(/[，,]/).map((item) => item.trim()).filter(Boolean);
+}
+function setSceneContext(scene, patch) {
+  const current = getSceneContext(scene);
+  const context = {
+    actors: patch.actors ?? current.actors,
+    locations: patch.locations ?? current.locations,
+    props: patch.props ?? current.props
+  };
+  return {
+    ...scene,
+    context,
+    actors: context.actors,
+    locations: context.locations,
+    props: context.props
+  };
+}
+function getSceneActorsText(scene) {
+  return (getSceneContext(scene).actors || []).map((item) => item.actor_id?.trim() || "").filter(Boolean).join("\uFF0C");
+}
+function getPrimarySceneLocationId(scene) {
+  const firstFromIds = scene.location_ids?.find(Boolean)?.trim();
+  if (firstFromIds) return firstFromIds;
+  return getSceneContext(scene).locations?.[0]?.location_id?.trim() || "";
+}
+function buildSceneDraft(sceneId, fallbackSceneIndex) {
+  return {
+    sceneId: sceneId.trim() || `1-${fallbackSceneIndex + 1}`,
+    location: "",
+    space: "interior",
+    time: "day",
+    actors: ""
+  };
+}
+function incrementSceneId(sceneId, fallbackEpisodeIndex, fallbackSceneIndex) {
+  const normalized = sceneId?.trim();
+  if (!normalized) return `${fallbackEpisodeIndex + 1}-${fallbackSceneIndex + 1}`;
+  const match = normalized.match(/^(.*?)(\d+)$/);
+  if (!match) return `${fallbackEpisodeIndex + 1}-${fallbackSceneIndex + 1}`;
+  return `${match[1]}${String(Number.parseInt(match[2], 10) + 1).padStart(match[2].length, "0")}`;
+}
+function nextEpisodeSceneId(data, episodeIndex) {
+  let maxSceneNum = 0;
+  const episode = data.episodes?.[episodeIndex];
+  for (const scene of episode?.scenes || []) {
+    const match = scene.scene_id?.trim().match(/^scn_(\d+)$/);
+    if (match) maxSceneNum = Math.max(maxSceneNum, Number.parseInt(match[1], 10));
+  }
+  return `scn_${String(maxSceneNum + 1).padStart(3, "0")}`;
+}
+function collectEpisodeSceneIds(data, episodeIndex) {
+  const sceneIds = /* @__PURE__ */ new Set();
+  const episode = data.episodes?.[episodeIndex];
+  for (const scene of episode?.scenes || []) {
+    const sceneId = scene.scene_id?.trim();
+    if (sceneId) sceneIds.add(sceneId);
+  }
+  return sceneIds;
+}
+function nextAvailableEpisodeSceneId(data, episodeIndex, suggestedId) {
+  const used = collectEpisodeSceneIds(data, episodeIndex);
+  let candidate = suggestedId.trim() || nextEpisodeSceneId(data, episodeIndex);
+  if (!used.has(candidate)) return candidate;
+  const match = candidate.match(/^(.*?)(\d+)$/);
+  if (!match) return nextEpisodeSceneId(data, episodeIndex);
+  let nextNum = Number.parseInt(match[2], 10) + 1;
+  while (used.has(candidate)) {
+    candidate = `${match[1]}${String(nextNum).padStart(match[2].length, "0")}`;
+    nextNum += 1;
+  }
+  return candidate;
+}
+function nextAvailableSceneId(prevSceneId, existingScenes, fallbackEpisodeIndex, fallbackSceneIndex) {
+  const used = /* @__PURE__ */ new Set();
+  for (const sc of existingScenes) {
+    const id = sc.scene_id?.trim();
+    if (id) used.add(id);
+  }
+  let candidate = incrementSceneId(prevSceneId, fallbackEpisodeIndex, fallbackSceneIndex);
+  let attempts = 0;
+  while (used.has(candidate) && attempts < 1e3) {
+    candidate = incrementSceneId(candidate, fallbackEpisodeIndex, fallbackSceneIndex);
+    attempts += 1;
+  }
+  return candidate;
+}
+function decrementSceneId(sceneId, fallbackEpisodeIndex, fallbackSceneIndex) {
+  const normalized = sceneId?.trim();
+  if (!normalized) return `${fallbackEpisodeIndex + 1}-${fallbackSceneIndex + 1}`;
+  const match = normalized.match(/^(.*?)(\d+)$/);
+  if (!match) return `${fallbackEpisodeIndex + 1}-${fallbackSceneIndex + 1}`;
+  const n = Number.parseInt(match[2], 10);
+  if (n <= 1) return normalized;
+  return `${match[1]}${String(n - 1)}`;
+}
+function createSceneFromDraft(draft) {
+  const location = draft.location.trim();
+  const actors = normalizeCommaList(draft.actors);
+  return {
+    scene_id: draft.sceneId.trim(),
+    environment: {
+      space: draft.space.trim() || "interior",
+      time: draft.time.trim() || "day"
+    },
+    location_ids: location ? [location] : [],
+    locations: location ? [{ location_id: location, state_id: null }] : [],
+    actors: actors.map((actorId) => ({ actor_id: actorId, state_id: null })),
+    actions: []
+  };
+}
+function createItemFromDraft(draft) {
+  if (draft.kind === "dialogue") {
+    return {
+      type: "dialogue" /* Dialogue */,
+      actor_id: draft.actorName.trim(),
+      emotion: draft.emotion.trim(),
+      content: draft.content.trim()
+    };
+  }
+  return {
+    type: draft.actionType.trim() || "action" /* Action */,
+    content: draft.content.trim()
+  };
+}
+function updateSceneField(data, episodeIndex, sceneIndex, field, value) {
+  return withSceneUpdated(data, episodeIndex, sceneIndex, (scene) => {
+    if (field === "scene_id") {
+      return { ...scene, scene_id: value.trim() };
+    }
+    if (field === "space" || field === "time") {
+      return {
+        ...scene,
+        environment: {
+          ...scene.environment,
+          [field]: value.trim()
+        }
+      };
+    }
+    if (field === "location") {
+      const location = value.trim();
+      return setSceneContext({
+        ...scene,
+        location_ids: location ? [location] : []
+      }, { locations: location ? [{ location_id: location, state_id: null }] : [] });
+    }
+    if (field === "props") {
+      const propIds = normalizeCommaList(value);
+      const existingPropStateMap = new Map(
+        (getSceneContext(scene).props || []).map((item) => [(item.prop_id || "").trim(), item.state_id ?? null])
+      );
+      return setSceneContext(scene, {
+        props: propIds.map((propId) => ({
+          prop_id: propId,
+          state_id: existingPropStateMap.get(propId) ?? null
+        }))
+      });
+    }
+    const actorIds = normalizeCommaList(value);
+    const existingStateMap = new Map(
+      (getSceneContext(scene).actors || []).map((item) => [(item.actor_id || "").trim(), item.state_id ?? null])
+    );
+    return setSceneContext(scene, {
+      actors: actorIds.map((actorId) => ({
+        actor_id: actorId,
+        state_id: existingStateMap.get(actorId) ?? null
+      }))
+    });
+  });
+}
+function updateSceneAssetRefState(data, episodeIndex, sceneIndex, field, idKey, targetId, stateId) {
+  const normalizedTarget = targetId.trim();
+  const normalizedState = stateId?.trim() || null;
+  if (!normalizedTarget) return data;
+  return withSceneUpdated(data, episodeIndex, sceneIndex, (scene) => {
+    const context = getSceneContext(scene);
+    const list = context[field] || [];
+    let matched = false;
+    const next = list.map((item) => {
+      if ((item[idKey] || "").toString().trim() !== normalizedTarget) return item;
+      matched = true;
+      return { ...item, state_id: normalizedState };
+    });
+    if (!matched) {
+      next.push({ [idKey]: normalizedTarget, state_id: normalizedState });
+    }
+    return setSceneContext(scene, { [field]: next });
+  });
+}
+function updateSceneActorState(data, episodeIndex, sceneIndex, actorId, stateId) {
+  return updateSceneAssetRefState(data, episodeIndex, sceneIndex, "actors", "actor_id", actorId, stateId);
+}
+function updateSceneLocationState(data, episodeIndex, sceneIndex, locationId, stateId) {
+  return updateSceneAssetRefState(data, episodeIndex, sceneIndex, "locations", "location_id", locationId, stateId);
+}
+function updateScenePropState(data, episodeIndex, sceneIndex, propId, stateId) {
+  return updateSceneAssetRefState(data, episodeIndex, sceneIndex, "props", "prop_id", propId, stateId);
+}
+function updateSceneItemContent(data, episodeIndex, sceneIndex, itemIndex, content) {
+  return withSceneUpdated(data, episodeIndex, sceneIndex, (scene) => {
+    const actions = [...scene.actions || []];
+    const item = actions[itemIndex];
+    if (!item) return scene;
+    actions[itemIndex] = { ...item, content: content.trim() };
+    return { ...scene, actions };
+  });
+}
+function updateSceneItemActor(data, episodeIndex, sceneIndex, itemIndex, actorId) {
+  return withSceneUpdated(data, episodeIndex, sceneIndex, (scene) => {
+    const actions = [...scene.actions || []];
+    const item = actions[itemIndex];
+    if (!item) return scene;
+    actions[itemIndex] = { ...item, actor_id: actorId.trim() };
+    return { ...scene, actions };
+  });
+}
+function updateSceneItemEmotion(data, episodeIndex, sceneIndex, itemIndex, emotion) {
+  return withSceneUpdated(data, episodeIndex, sceneIndex, (scene) => {
+    const actions = [...scene.actions || []];
+    const item = actions[itemIndex];
+    if (!item) return scene;
+    const trimmed = emotion.trim();
+    const next = { ...item };
+    if (trimmed) next.emotion = trimmed;
+    else delete next.emotion;
+    actions[itemIndex] = next;
+    return { ...scene, actions };
+  });
+}
+function replaceSceneItem(data, episodeIndex, sceneIndex, itemIndex, item) {
+  return withSceneUpdated(data, episodeIndex, sceneIndex, (scene) => {
+    const actions = [...scene.actions || []];
+    if (!actions[itemIndex]) return scene;
+    actions[itemIndex] = item;
+    return { ...scene, actions };
+  });
+}
+function addEpisode(data, atIndex) {
+  const episodes = [...data.episodes || []];
+  const index = atIndex == null ? episodes.length : Math.max(0, Math.min(atIndex, episodes.length));
+  const stamp = typeof Date !== "undefined" && typeof Date.now === "function" ? Date.now().toString(36) : String(episodes.length);
+  episodes.splice(index, 0, { episode_id: `ep_${stamp}`, title: "", scenes: [] });
+  return { ...data, episodes };
+}
+function addBlankScene(data, episodeIndex) {
+  const scenes = data.episodes?.[episodeIndex]?.scenes ?? [];
+  return insertScene(data, episodeIndex, scenes.length, {
+    environment: { space: "interior", time: "day" },
+    actions: []
+  });
+}
+function insertScene(data, episodeIndex, sceneIndex, scene) {
+  const episodes = cloneEpisodes(data);
+  const episode = episodes[episodeIndex];
+  if (!episode) return data;
+  const scenes = [...episode.scenes || []];
+  const finalScene = {
+    ...scene,
+    scene_id: nextAvailableEpisodeSceneId(data, episodeIndex, scene.scene_id || "")
+  };
+  scenes.splice(sceneIndex, 0, finalScene);
+  episodes[episodeIndex] = { ...episode, scenes };
+  return { ...data, episodes };
+}
+function splitScene(data, episodeIndex, sceneIndex, splitAtItemIndex) {
+  const episodes = cloneEpisodes(data);
+  const episode = episodes[episodeIndex];
+  if (!episode) return data;
+  const scenes = [...episode.scenes || []];
+  const scene = scenes[sceneIndex];
+  if (!scene) return data;
+  const actions = scene.actions || [];
+  if (splitAtItemIndex <= 0 || splitAtItemIndex >= actions.length) return data;
+  const frontScene = {
+    ...scene,
+    actions: actions.slice(0, splitAtItemIndex)
+  };
+  const backScene = {
+    ...scene,
+    scene_id: nextAvailableEpisodeSceneId(data, episodeIndex, ""),
+    actions: actions.slice(splitAtItemIndex)
+  };
+  const renumberedTail = scenes.slice(sceneIndex + 1);
+  episodes[episodeIndex] = {
+    ...episode,
+    scenes: [...scenes.slice(0, sceneIndex), frontScene, backScene, ...renumberedTail]
+  };
+  return { ...data, episodes };
+}
+function mergeSceneIntoPrev(data, episodeIndex, sceneIndex) {
+  if (sceneIndex <= 0) return data;
+  const episodes = cloneEpisodes(data);
+  const episode = episodes[episodeIndex];
+  if (!episode) return data;
+  const scenes = [...episode.scenes || []];
+  const prev = scenes[sceneIndex - 1];
+  const cur = scenes[sceneIndex];
+  if (!prev || !cur) return data;
+  const mergeActors = () => {
+    const seen = /* @__PURE__ */ new Set();
+    const out = [];
+    for (const ref of [...getSceneContext(prev).actors ?? [], ...getSceneContext(cur).actors ?? []]) {
+      const id = ref.actor_id?.trim() || "";
+      if (!id || seen.has(id)) continue;
+      seen.add(id);
+      out.push(ref);
+    }
+    return out;
+  };
+  const mergeLocations = () => {
+    const seen = /* @__PURE__ */ new Set();
+    const out = [];
+    for (const ref of [...getSceneContext(prev).locations ?? [], ...getSceneContext(cur).locations ?? []]) {
+      const id = ref.location_id?.trim() || "";
+      if (!id || seen.has(id)) continue;
+      seen.add(id);
+      out.push(ref);
+    }
+    return out;
+  };
+  const mergeProps = () => {
+    const seen = /* @__PURE__ */ new Set();
+    const out = [];
+    for (const ref of [...getSceneContext(prev).props ?? [], ...getSceneContext(cur).props ?? []]) {
+      const id = ref.prop_id?.trim() || "";
+      if (!id || seen.has(id)) continue;
+      seen.add(id);
+      out.push(ref);
+    }
+    return out;
+  };
+  const actors = mergeActors();
+  const locations = mergeLocations();
+  const props = mergeProps();
+  const merged = setSceneContext({
+    ...prev,
+    actions: [...prev.actions ?? [], ...cur.actions ?? []],
+    // drop the stale flat location_ids (copied from prev): it would disagree
+    // with the merged context.locations, and getPrimarySceneLocationId reads
+    // location_ids first → would silently lose cur's location. Reads fall back
+    // to context.locations which now holds the full merged set.
+    location_ids: void 0
+  }, { actors, locations, props });
+  const tail = scenes.slice(sceneIndex + 1);
+  episodes[episodeIndex] = {
+    ...episode,
+    scenes: [...scenes.slice(0, sceneIndex - 1), merged, ...tail]
+  };
+  return { ...data, episodes };
+}
+function deleteScene(data, episodeIndex, sceneIndex) {
+  const episodes = cloneEpisodes(data);
+  const episode = episodes[episodeIndex];
+  if (!episode) return data;
+  const scenes = [...episode.scenes || []];
+  scenes.splice(sceneIndex, 1);
+  episodes[episodeIndex] = { ...episode, scenes };
+  return { ...data, episodes };
+}
+function insertSceneItem(data, episodeIndex, sceneIndex, itemIndex, item) {
+  return withSceneUpdated(data, episodeIndex, sceneIndex, (scene) => {
+    const actions = [...scene.actions || []];
+    actions.splice(itemIndex, 0, item);
+    return { ...scene, actions };
+  });
+}
+function deleteSceneItem(data, episodeIndex, sceneIndex, itemIndex) {
+  return withSceneUpdated(data, episodeIndex, sceneIndex, (scene) => {
+    const actions = [...scene.actions || []];
+    actions.splice(itemIndex, 1);
+    return { ...scene, actions };
+  });
+}
+function moveSceneItem(data, episodeIndex, sceneIndex, fromIndex, toIndex) {
+  return withSceneUpdated(data, episodeIndex, sceneIndex, (scene) => {
+    const actions = [...scene.actions || []];
+    if (fromIndex < 0 || fromIndex >= actions.length) return scene;
+    const clampedTo = Math.max(0, Math.min(toIndex, actions.length));
+    const dest = clampedTo > fromIndex ? clampedTo - 1 : clampedTo;
+    if (dest === fromIndex) return scene;
+    const [moved] = actions.splice(fromIndex, 1);
+    actions.splice(dest, 0, moved);
+    return { ...scene, actions };
+  });
+}
+function moveScriptItem(data, from, to) {
+  if (from.episodeIndex === to.episodeIndex && from.sceneIndex === to.sceneIndex) {
+    return moveSceneItem(data, from.episodeIndex, from.sceneIndex, from.itemIndex, to.slot);
+  }
+  const episodes = cloneEpisodes(data);
+  const srcEp = episodes[from.episodeIndex];
+  const dstEp = episodes[to.episodeIndex];
+  if (!srcEp || !dstEp) return data;
+  const srcScenes = [...srcEp.scenes || []];
+  const srcScene = srcScenes[from.sceneIndex];
+  if (!srcScene) return data;
+  const srcActions = [...srcScene.actions || []];
+  if (from.itemIndex < 0 || from.itemIndex >= srcActions.length) return data;
+  const [moved] = srcActions.splice(from.itemIndex, 1);
+  srcScenes[from.sceneIndex] = { ...srcScene, actions: srcActions };
+  episodes[from.episodeIndex] = { ...srcEp, scenes: srcScenes };
+  const dstEp2 = episodes[to.episodeIndex];
+  const dstScenes = [...dstEp2.scenes || []];
+  const dstScene = dstScenes[to.sceneIndex];
+  if (!dstScene) return data;
+  const dstActions = [...dstScene.actions || []];
+  const slot = Math.max(0, Math.min(to.slot, dstActions.length));
+  dstActions.splice(slot, 0, moved);
+  dstScenes[to.sceneIndex] = { ...dstScene, actions: dstActions };
+  episodes[to.episodeIndex] = { ...dstEp2, scenes: dstScenes };
+  return { ...data, episodes };
+}
+function deleteEpisode(data, episodeIndex) {
+  const episodes = [...data.episodes || []];
+  if (episodeIndex < 0 || episodeIndex >= episodes.length) return data;
+  episodes.splice(episodeIndex, 1);
+  return { ...data, episodes };
+}
+
+// src/entity-distribution.ts
+function refFields(episode, ei, scene, si) {
+  return {
+    label: `${getEpisodeNumberLabel(episode, ei)} \xB7 ${getSceneNumberLabel(scene, si)}`,
+    episodeIndex: ei,
+    episodeNumber: getEpisodeNumber(episode, ei),
+    sceneIndex: si,
+    sceneNumber: getSceneNumber(scene, si)
+  };
+}
+function buildActorDistribution(data, actorId) {
+  const items = [];
+  (data.episodes ?? []).forEach((episode, ei) => {
+    (episode.scenes ?? []).forEach((scene, si) => {
+      const ctx = getSceneContext(scene);
+      const ref = (ctx.actors ?? []).find((i) => (i.actor_id ?? "").trim() === actorId);
+      const inActions = !ref && (scene.actions ?? []).some((i) => (i.actor_id ?? "").trim() === actorId);
+      if (ref || inActions) {
+        items.push({
+          key: `actor-${actorId}-${ei}-${si}`,
+          ...refFields(episode, ei, scene, si),
+          stateId: ref?.state_id
+        });
+      }
+    });
+  });
+  return items;
+}
+function buildLocationDistribution(data, locationId) {
+  const items = [];
+  (data.episodes ?? []).forEach((episode, ei) => {
+    (episode.scenes ?? []).forEach((scene, si) => {
+      const inIds = (scene.location_ids ?? []).some((i) => (i ?? "").trim() === locationId);
+      const ctx = getSceneContext(scene);
+      const inCtx = (ctx.locations ?? []).some((i) => (i.location_id ?? "").trim() === locationId);
+      if (inIds || inCtx) {
+        items.push({
+          key: `location-${locationId}-${ei}-${si}`,
+          ...refFields(episode, ei, scene, si)
+        });
+      }
+    });
+  });
+  return items;
+}
+function buildPropDistribution(data, propId, propName) {
+  const items = [];
+  const id = propId.trim();
+  const needle = propName.trim().toLowerCase();
+  (data.episodes ?? []).forEach((episode, ei) => {
+    (episode.scenes ?? []).forEach((scene, si) => {
+      const ctx = getSceneContext(scene);
+      const byRef = (ctx.props ?? []).some((i) => (i.prop_id ?? "").trim() === id);
+      const byId = !byRef && id ? (scene.actions ?? []).some((i) => (i.content ?? "").includes(id)) : false;
+      const byName = !byRef && !byId && needle ? (scene.actions ?? []).some((i) => (i.content ?? "").toLowerCase().includes(needle)) : false;
+      if (byRef || byId || byName) {
+        items.push({
+          key: `prop-${id || needle}-${ei}-${si}`,
+          ...refFields(episode, ei, scene, si)
+        });
+      }
+    });
+  });
+  return items;
+}
+function groupReferencesByEpisode(distribution) {
+  const map = /* @__PURE__ */ new Map();
+  for (const item of distribution) {
+    if (!map.has(item.episodeIndex)) map.set(item.episodeIndex, []);
+    map.get(item.episodeIndex).push(item);
+  }
+  return Array.from(map.entries()).sort(([a], [b]) => a - b).map(([episodeIndex, items]) => ({
+    episodeIndex,
+    episodeNumber: items[0]?.episodeNumber ?? episodeIndex + 1,
+    items: items.sort((a, b) => a.sceneIndex - b.sceneIndex)
+  }));
+}
+var EMPTY_REFS = [];
+function buildAssetRefs(data, group, assetId) {
+  let groups;
+  if (group === "actors") {
+    groups = groupReferencesByEpisode(buildActorDistribution(data, assetId));
+  } else if (group === "locations") {
+    groups = groupReferencesByEpisode(buildLocationDistribution(data, assetId));
+  } else {
+    const prop = (data.props ?? []).find((p) => (p.prop_id ?? "").trim() === assetId);
+    groups = groupReferencesByEpisode(buildPropDistribution(data, assetId, getPropDisplayName(prop)));
+  }
+  return groups.length === 0 ? EMPTY_REFS : groups;
+}
+function sameRefGroups(a, b) {
+  if (a === b) return true;
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    const ga = a[i];
+    const gb = b[i];
+    if (ga.episodeIndex !== gb.episodeIndex || ga.episodeNumber !== gb.episodeNumber || ga.items.length !== gb.items.length) {
+      return false;
+    }
+    for (let j = 0; j < ga.items.length; j++) {
+      const ia = ga.items[j];
+      const ib = gb.items[j];
+      if (ia.key !== ib.key || ia.label !== ib.label || ia.sceneIndex !== ib.sceneIndex || ia.sceneNumber !== ib.sceneNumber || ia.episodeNumber !== ib.episodeNumber || ia.stateId !== ib.stateId) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+function buildDistributionIndex(data, prev) {
+  const index = /* @__PURE__ */ new Map();
+  const put = (key, next) => {
+    const old = prev?.get(key);
+    index.set(key, old && sameRefGroups(old, next) ? old : next);
+  };
+  for (const a of data.actors ?? []) {
+    const id = (a.actor_id ?? "").trim();
+    if (id) put(`actors:${id}`, buildAssetRefs(data, "actors", id));
+  }
+  for (const l of data.locations ?? []) {
+    const id = (l.location_id ?? "").trim();
+    if (id) put(`locations:${id}`, buildAssetRefs(data, "locations", id));
+  }
+  for (const p of data.props ?? []) {
+    const id = (p.prop_id ?? "").trim();
+    if (id) put(`props:${id}`, buildAssetRefs(data, "props", id));
+  }
+  return index;
+}
+function Popover({
+  trigger,
+  children,
+  align = "start",
+  side = "bottom",
+  className,
+  panelClassName
+}) {
+  const [open, setOpen] = useState(false);
+  const [coords, setCoords] = useState(null);
+  const rootRef = useRef(null);
+  const panelRef = useRef(null);
+  const target = (() => {
+    if (typeof document === "undefined") return null;
+    return rootRef.current?.closest(".lj-se-root") ?? document.body;
+  })();
+  useLayoutEffect(() => {
+    if (!open || !rootRef.current) return;
+    const measure = () => {
+      const el = rootRef.current;
+      if (!el) return;
+      const r = el.getBoundingClientRect();
+      const vw = window.innerWidth;
+      const vh = window.innerHeight;
+      if (r.bottom <= 0 || r.top >= vh) {
+        setOpen(false);
+        return;
+      }
+      const panelW = panelRef.current?.offsetWidth ?? 232;
+      const flipUp = side === "top" || r.bottom + 320 > vh;
+      let left = r.left;
+      let transform;
+      if (align === "center") {
+        left = r.left + r.width / 2;
+        transform = "translateX(-50%)";
+      } else if (align === "end") {
+        left = r.right;
+        transform = "translateX(-100%)";
+      }
+      if (!transform) left = Math.min(left, vw - panelW - 8);
+      left = Math.max(8, left);
+      setCoords(
+        flipUp ? { bottom: vh - r.top + 4, left, transform } : { top: r.bottom + 4, left, transform }
+      );
+    };
+    measure();
+    const raf = requestAnimationFrame(measure);
+    let throttle = 0;
+    const onReflow = () => {
+      if (throttle) return;
+      throttle = requestAnimationFrame(() => {
+        throttle = 0;
+        measure();
+      });
+    };
+    window.addEventListener("scroll", onReflow, true);
+    window.addEventListener("resize", onReflow);
+    return () => {
+      cancelAnimationFrame(raf);
+      if (throttle) cancelAnimationFrame(throttle);
+      window.removeEventListener("scroll", onReflow, true);
+      window.removeEventListener("resize", onReflow);
+    };
+  }, [open, side, align]);
+  useEffect(() => {
+    if (!open) return;
+    function onDocClick(e) {
+      const t = e.target;
+      if (rootRef.current?.contains(t) || panelRef.current?.contains(t)) return;
+      setOpen(false);
+    }
+    function onKey(e) {
+      if (e.key === "Escape") setOpen(false);
+    }
+    document.addEventListener("mousedown", onDocClick, true);
+    document.addEventListener("keydown", onKey, true);
+    return () => {
+      document.removeEventListener("mousedown", onDocClick, true);
+      document.removeEventListener("keydown", onKey, true);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs("span", { ref: rootRef, className: cn("lj-se-pop-root", className), children: [
+    trigger({ open, toggle: () => setOpen((v) => !v) }),
+    open && target ? createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: panelRef,
+          role: "menu",
+          className: cn("lj-se-pop-panel", panelClassName),
+          style: {
+            position: "fixed",
+            top: coords?.top,
+            bottom: coords?.bottom,
+            left: coords?.left ?? -9999,
+            transform: coords?.transform
+          },
+          children: children({ close: () => setOpen(false) })
+        }
+      ),
+      target
+    ) : null
+  ] });
+}
+var TYPES = [
+  { value: "dialogue" /* Dialogue */, label: "\u5BF9\u767D", icon: MessageCircle },
+  { value: "action" /* Action */, label: "\u52A8\u4F5C", icon: Film },
+  { value: "inner_thought" /* InnerThought */, label: "\u5FC3\u58F0", icon: Brain },
+  { value: "narration" /* Narration */, label: "\u65C1\u767D", icon: BookOpen }
+];
+function RowMenuPanel({
+  close,
+  typeSeg,
+  sections
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "lj-se-rowmenu-inner", children: [
+    typeSeg ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "lj-se-rowmenu-cap", children: "\u6539\u4E3A" }),
+      /* @__PURE__ */ jsx("div", { className: "lj-se-typeseg", children: TYPES.map((t) => {
+        const Icon = t.icon;
+        const on = t.value === typeSeg.current;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: cn("lj-se-typeseg-item", on && "is-on"),
+            onClick: () => {
+              close();
+              if (!on) typeSeg.onChange(t.value);
+            },
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: "lj-se-ic-4", strokeWidth: 1.5 }),
+              /* @__PURE__ */ jsx("span", { children: t.label })
+            ]
+          },
+          t.value
+        );
+      }) })
+    ] }) : null,
+    sections.map((items, si) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      si > 0 || typeSeg ? /* @__PURE__ */ jsx("div", { className: "lj-se-rowmenu-div" }) : null,
+      items.map((item) => {
+        const Icon = item.icon;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: cn("lj-se-rowmenu-item", item.danger && "lj-se-rowmenu-del"),
+            onClick: () => {
+              close();
+              item.onSelect();
+            },
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: cn("lj-se-ic-4 lj-se-rowmenu-glyph", item.glyphClassName), strokeWidth: 1.5 }),
+              item.label
+            ]
+          },
+          item.label
+        );
+      })
+    ] }, si))
+  ] });
+}
+function RowControlHandle({
+  currentType,
+  canSplit,
+  disabled,
+  dragHandleProps,
+  onChangeType,
+  onInsertAbove,
+  onInsertBelow,
+  onSplitHere,
+  onDelete
+}) {
+  if (disabled) return null;
+  const insertSection = [
+    { icon: ArrowUp, label: "\u5728\u4E0A\u65B9\u63D2\u5165", onSelect: onInsertAbove },
+    { icon: ArrowDown, label: "\u5728\u4E0B\u65B9\u63D2\u5165", onSelect: onInsertBelow }
+  ];
+  if (canSplit && onSplitHere) {
+    insertSection.push({
+      icon: Scissors,
+      label: "\u4ECE\u6B64\u53E6\u8D77\u4E00\u573A",
+      onSelect: onSplitHere,
+      glyphClassName: "lj-se-scissors-rot"
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      align: "start",
+      side: "bottom",
+      className: "lj-se-handle-pop",
+      panelClassName: "lj-se-rowmenu",
+      trigger: ({ open, toggle }) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          ...dragHandleProps,
+          className: cn("lj-se-handle", open && "is-open", dragHandleProps?.draggable && "is-draggable"),
+          title: "\u62D6\u52A8\u6392\u5E8F \xB7 \u70B9\u51FB\u64CD\u4F5C",
+          "aria-label": "\u884C\u64CD\u4F5C",
+          onClick: toggle,
+          children: /* @__PURE__ */ jsx(GripVertical, { className: "lj-se-handle-grip", strokeWidth: 1.5 })
+        }
+      ),
+      children: ({ close }) => /* @__PURE__ */ jsx(
+        RowMenuPanel,
+        {
+          close,
+          typeSeg: { current: currentType, onChange: onChangeType },
+          sections: [insertSection, [{ icon: Trash2, label: "\u5220\u9664\u8FD9\u884C", onSelect: onDelete, danger: true }]]
+        }
+      )
+    }
+  );
+}
+var DragReorderContext = createContext(null);
+function useDragReorder() {
+  return useContext(DragReorderContext);
+}
+
+// src/mutations/item-mutations.ts
+function withSceneUpdated2(data, episodeIndex, sceneIndex, updater) {
+  const episodes = [...data.episodes || []];
+  const episode = episodes[episodeIndex];
+  if (!episode) return data;
+  const scenes = [...episode.scenes || []];
+  const scene = scenes[sceneIndex];
+  if (!scene) return data;
+  scenes[sceneIndex] = updater(scene);
+  episodes[episodeIndex] = { ...episode, scenes };
+  return { ...data, episodes };
+}
+function updateSceneItemType(data, episodeIndex, sceneIndex, itemIndex, type) {
+  return withSceneUpdated2(data, episodeIndex, sceneIndex, (scene) => {
+    const actions = [...scene.actions || []];
+    const current = actions[itemIndex];
+    if (!current) return scene;
+    const next = { ...current, type };
+    if (!isActorBearingContentType(type)) {
+      delete next.actor_id;
+      delete next.emotion;
+    } else {
+      next.actor_id = next.actor_id?.trim() || pickInheritedActorId(scene, itemIndex);
+      if (type !== "dialogue" /* Dialogue */) {
+        delete next.emotion;
+      }
+    }
+    actions[itemIndex] = next;
+    return { ...scene, actions };
+  });
+}
+function buildNewScriptItem(type, inheritedActorId) {
+  if (isActorBearingContentType(type)) {
+    return {
+      type,
+      actor_id: inheritedActorId?.trim() || "",
+      content: ""
+    };
+  }
+  return { type, content: "" };
+}
+function pickInheritedActorId(scene, beforeIndex) {
+  const actions = scene.actions || [];
+  for (let i = beforeIndex - 1; i >= 0; i -= 1) {
+    const item = actions[i];
+    if (item && isActorBearingContentType(item.type) && item.actor_id?.trim()) {
+      return item.actor_id.trim();
+    }
+  }
+  return "";
+}
+function SelectField({
+  value,
+  options,
+  onChange,
+  disabled,
+  title,
+  placeholder,
+  mono,
+  className,
+  style,
+  emptyOptionLabel
+}) {
+  return /* @__PURE__ */ jsxs(
+    "select",
+    {
+      disabled,
+      value,
+      title,
+      onChange: (e) => onChange(e.target.value),
+      style,
+      className: cn("lj-se-select", mono && "lj-se-mono", className),
+      children: [
+        !value || !options.some((o) => o.value === value) ? /* @__PURE__ */ jsx("option", { value, children: placeholder ?? emptyOptionLabel ?? "\u2014" }) : null,
+        options.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+      ]
+    }
+  );
+}
+function stateOptions(states) {
+  return (states ?? []).map((s) => ({ value: (s.state_id ?? "").trim(), label: getStateDisplayName(s) })).filter((o) => o.value);
+}
+function AssetStateChip({
+  name,
+  orphan,
+  states,
+  currentStateId,
+  disabled,
+  onChangeState,
+  onDelete,
+  onNavigate
+}) {
+  const opts = stateOptions(states);
+  const trimmed = (currentStateId ?? "").trim();
+  return /* @__PURE__ */ jsxs("span", { className: cn("lj-se-chip", orphan && "is-orphan"), title: orphan ? `${name} \u4E0D\u5B58\u5728` : void 0, children: [
+    onNavigate ? /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-chip-name lj-se-chip-name--link", title: `\u8DF3\u5230 ${name}`, onClick: onNavigate, children: name }) : /* @__PURE__ */ jsx("span", { className: "lj-se-chip-name", children: name }),
+    /* @__PURE__ */ jsx("span", { className: "lj-se-chip-sep", children: "\xB7" }),
+    /* @__PURE__ */ jsx(
+      SelectField,
+      {
+        value: trimmed,
+        options: opts,
+        placeholder: "\u9ED8\u8BA4",
+        disabled,
+        className: "lj-se-chip-state",
+        onChange: (v) => onChangeState(v || null)
+      }
+    ),
+    !disabled ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "lj-se-chip-del",
+        title: `\u4ECE\u672C\u573A\u79FB\u9664 ${name}`,
+        "aria-label": `\u4ECE\u672C\u573A\u79FB\u9664 ${name}`,
+        onClick: (e) => {
+          e.stopPropagation();
+          onDelete();
+        },
+        children: /* @__PURE__ */ jsx(Eraser, { className: "lj-se-ic-3", strokeWidth: 1.5 })
+      }
+    ) : null
+  ] });
+}
+function AddRefControl({
+  options,
+  existingIds,
+  disabled,
+  emptyHint,
+  onAdd
+}) {
+  if (disabled) return null;
+  const available = options.filter((o) => !existingIds.includes(o.value));
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      trigger: ({ toggle }) => /* @__PURE__ */ jsx("button", { type: "button", className: "lj-se-chip-add", title: "\u6DFB\u52A0\u5F15\u7528", onClick: toggle, children: /* @__PURE__ */ jsx(Plus, { className: "lj-se-icon-sm", strokeWidth: 1.5 }) }),
+      children: ({ close }) => /* @__PURE__ */ jsx("div", { className: "lj-se-addmenu", children: available.length === 0 ? /* @__PURE__ */ jsx("div", { className: "lj-se-addmenu-empty", children: emptyHint }) : available.map((o) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "lj-se-addmenu-item",
+          onClick: () => {
+            close();
+            onAdd(o.value);
+          },
+          children: o.label
+        },
+        o.value
+      )) })
+    }
+  );
+}
+function SceneCastPropRows({
+  scene,
+  episodeIndex,
+  sceneIndex,
+  actorMap,
+  propMap,
+  disabled,
+  onSaveData,
+  onRequestAssetDelete,
+  onNavigateAsset
+}) {
+  const context = getSceneContext(scene);
+  const sceneActors = context.actors ?? [];
+  const sceneProps = context.props ?? [];
+  const currentActorIds = sceneActors.map((i) => (i.actor_id ?? "").trim()).filter(Boolean);
+  const currentPropIds = sceneProps.map((i) => (i.prop_id ?? "").trim()).filter(Boolean);
+  const actorOptions = Array.from(actorMap.values()).map((a) => ({ value: (a.actor_id ?? "").trim(), label: getActorDisplayName(a) })).filter((o) => o.value);
+  const propOptions = Array.from(propMap.values()).map((p) => ({ value: (p.prop_id ?? "").trim(), label: getPropDisplayName(p) })).filter((o) => o.value);
+  const writeRefs = (field, nextIds) => onSaveData((cur) => updateSceneField(cur, episodeIndex, sceneIndex, field, nextIds.join(",")));
+  return /* @__PURE__ */ jsxs("div", { className: "lj-se-refs", children: [
+    /* @__PURE__ */ jsxs("div", { className: "lj-se-ref-row", children: [
+      /* @__PURE__ */ jsx("span", { className: "lj-se-ref-label", children: "CAST" }),
+      /* @__PURE__ */ jsxs("div", { className: "lj-se-ref-chips", children: [
+        sceneActors.length === 0 ? /* @__PURE__ */ jsx("span", { className: "lj-se-ref-empty", children: "\u2014" }) : null,
+        sceneActors.map((ref, idx) => {
+          const id = (ref.actor_id ?? "").trim();
+          if (!id) return null;
+          const actor = actorMap.get(id);
+          const name = actor ? getActorDisplayName(actor) : id;
+          return /* @__PURE__ */ jsx(
+            AssetStateChip,
+            {
+              name,
+              orphan: !actor,
+              states: actor?.states,
+              currentStateId: ref.state_id,
+              disabled,
+              onNavigate: onNavigateAsset ? () => onNavigateAsset({ kind: "actor", actorId: id, origin: "reference" }) : void 0,
+              onChangeState: (next) => onSaveData(
+                (cur) => updateSceneActorState(cur, episodeIndex, sceneIndex, id, next)
+              ),
+              onDelete: () => {
+                if (onRequestAssetDelete) {
+                  onRequestAssetDelete({
+                    kind: "actor",
+                    id,
+                    name,
+                    description: actor?.description,
+                    episodeIndex,
+                    sceneIndex
+                  });
+                  return;
+                }
+                writeRefs("actors", currentActorIds.filter((x) => x !== id));
+              }
+            },
+            `${id}-${idx}`
+          );
+        }),
+        /* @__PURE__ */ jsx(
+          AddRefControl,
+          {
+            options: actorOptions,
+            existingIds: currentActorIds,
+            disabled,
+            emptyHint: "\u6CA1\u6709\u53EF\u6DFB\u52A0\u7684\u89D2\u8272",
+            onAdd: (id) => currentActorIds.includes(id) ? void 0 : writeRefs("actors", [...currentActorIds, id])
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "lj-se-ref-row", children: [
+      /* @__PURE__ */ jsx("span", { className: "lj-se-ref-label", children: "PROP" }),
+      /* @__PURE__ */ jsxs("div", { className: "lj-se-ref-chips", children: [
+        sceneProps.length === 0 ? /* @__PURE__ */ jsx("span", { className: "lj-se-ref-empty", children: "\u2014" }) : null,
+        sceneProps.map((ref, idx) => {
+          const id = (ref.prop_id ?? "").trim();
+          if (!id) return null;
+          const prop = propMap.get(id);
+          const name = prop ? getPropDisplayName(prop) : id;
+          return /* @__PURE__ */ jsx(
+            AssetStateChip,
+            {
+              name,
+              orphan: !prop,
+              states: prop?.states,
+              currentStateId: ref.state_id,
+              disabled,
+              onNavigate: onNavigateAsset ? () => onNavigateAsset({ kind: "prop", propId: id, origin: "reference" }) : void 0,
+              onChangeState: (next) => onSaveData(
+                (cur) => updateScenePropState(cur, episodeIndex, sceneIndex, id, next)
+              ),
+              onDelete: () => {
+                if (onRequestAssetDelete) {
+                  onRequestAssetDelete({
+                    kind: "prop",
+                    id,
+                    name,
+                    description: prop?.description,
+                    episodeIndex,
+                    sceneIndex
+                  });
+                  return;
+                }
+                writeRefs("props", currentPropIds.filter((x) => x !== id));
+              }
+            },
+            `${id}-${idx}`
+          );
+        }),
+        /* @__PURE__ */ jsx(
+          AddRefControl,
+          {
+            options: propOptions,
+            existingIds: currentPropIds,
+            disabled,
+            emptyHint: "\u6CA1\u6709\u53EF\u6DFB\u52A0\u7684\u9053\u5177",
+            onAdd: (id) => currentPropIds.includes(id) ? void 0 : writeRefs("props", [...currentPropIds, id])
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function SceneNumberMenu({
+  label,
+  triggerClassName,
+  canMerge,
+  disabled,
+  onMerge,
+  onDelete
+}) {
+  if (disabled) {
+    return /* @__PURE__ */ jsx("span", { className: triggerClassName, children: label });
+  }
+  const items = [];
+  if (canMerge) items.push({ icon: ArrowUpToLine, label: "\u5E76\u5165\u4E0A\u4E00\u573A", onSelect: onMerge });
+  items.push({ icon: Trash2, label: "\u5220\u9664\u6574\u573A", onSelect: onDelete, danger: true });
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      align: "start",
+      side: "bottom",
+      className: "lj-se-scenenum-pop",
+      panelClassName: "lj-se-rowmenu",
+      trigger: ({ open, toggle }) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: cn(triggerClassName, "lj-se-scenenum-btn", open && "is-open"),
+          title: "\u573A\u64CD\u4F5C",
+          "aria-label": "\u573A\u64CD\u4F5C",
+          onClick: toggle,
+          children: label
+        }
+      ),
+      children: ({ close }) => /* @__PURE__ */ jsx(RowMenuPanel, { close, sections: [items] })
+    }
+  );
+}
+var SPACE_OPTIONS = [
+  { value: "interior", label: "INT." },
+  { value: "exterior", label: "EXT." }
+];
+var TIME_OPTIONS = [
+  { value: "day", label: "DAY" },
+  { value: "night", label: "NIGHT" },
+  { value: "dawn", label: "DAWN" },
+  { value: "dusk", label: "DUSK" }
+];
+var ASIAN_SPACE_OPTIONS = [
+  { value: "interior", label: "\u5185" },
+  { value: "exterior", label: "\u5916" }
+];
+var ASIAN_TIME_OPTIONS = [
+  { value: "day", label: "\u65E5" },
+  { value: "night", label: "\u591C" },
+  { value: "dawn", label: "\u6668" },
+  { value: "dusk", label: "\u66AE" }
+];
+function SceneHeader({
+  scene,
+  episodeIndex,
+  sceneIndex,
+  actorMap,
+  locationMap,
+  propMap,
+  disabled,
+  focused = false,
+  format = "standard",
+  onSaveData,
+  onRequestAssetDelete,
+  onNavigateAsset
+}) {
+  const primaryLocationId = getPrimarySceneLocationId(scene);
+  const location = primaryLocationId ? locationMap.get(primaryLocationId) : void 0;
+  const hasOrphanLocation = !!primaryLocationId && !location;
+  const locationStateId = getSceneContext(scene).locations.find(
+    (i) => (i.location_id ?? "").trim() === primaryLocationId
+  )?.state_id;
+  const locationOptions = useMemo(
+    () => Array.from(locationMap.values()).map((loc) => ({ value: (loc.location_id ?? "").trim(), label: getLocationDisplayName(loc) })).filter((o) => o.value),
+    [locationMap]
+  );
+  const locationStateOptions = useMemo(
+    () => (location?.states ?? []).map((s) => ({ value: (s.state_id ?? "").trim(), label: getStateDisplayName(s) })).filter((o) => o.value),
+    [location]
+  );
+  if (format === "asian") {
+    return /* @__PURE__ */ jsxs("div", { className: "lj-se-asian-head group", children: [
+      /* @__PURE__ */ jsx(
+        SceneNumberMenu,
+        {
+          label: `${getSceneNumber(scene, sceneIndex)}.`,
+          triggerClassName: "lj-se-asian-num",
+          canMerge: sceneIndex > 0,
+          disabled,
+          onMerge: () => onSaveData((cur) => mergeSceneIntoPrev(cur, episodeIndex, sceneIndex)),
+          onDelete: () => onSaveData((cur) => deleteScene(cur, episodeIndex, sceneIndex))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          value: primaryLocationId,
+          options: locationOptions,
+          disabled,
+          placeholder: "\u5730\u70B9",
+          className: cn("lj-se-asian-loc", hasOrphanLocation && "is-orphan"),
+          onChange: (v) => onSaveData((cur) => updateSceneField(cur, episodeIndex, sceneIndex, "location", v))
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "lj-se-asian-slug", children: [
+        /* @__PURE__ */ jsx(
+          SelectField,
+          {
+            mono: true,
+            value: scene.environment?.time || "day",
+            options: ASIAN_TIME_OPTIONS,
+            disabled,
+            onChange: (v) => onSaveData((cur) => updateSceneField(cur, episodeIndex, sceneIndex, "time", v))
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "lj-se-asian-slash", children: "/" }),
+        /* @__PURE__ */ jsx(
+          SelectField,
+          {
+            mono: true,
+            value: scene.environment?.space || "interior",
+            options: ASIAN_SPACE_OPTIONS,
+            disabled,
+            onChange: (v) => onSaveData((cur) => updateSceneField(cur, episodeIndex, sceneIndex, "space", v))
+          }
+        )
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "lj-se-scene-head group", children: [
+    /* @__PURE__ */ jsxs("div", { className: "lj-se-scene-headrow", children: [
+      /* @__PURE__ */ jsx(
+        SceneNumberMenu,
+        {
+          label: String(getSceneNumber(scene, sceneIndex)),
+          triggerClassName: cn("lj-se-scene-num", focused && "is-focused"),
+          canMerge: sceneIndex > 0,
+          disabled,
+          onMerge: () => onSaveData((cur) => mergeSceneIntoPrev(cur, episodeIndex, sceneIndex)),
+          onDelete: () => onSaveData((cur) => deleteScene(cur, episodeIndex, sceneIndex))
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "lj-se-scene-slug", children: [
+        /* @__PURE__ */ jsx(
+          SelectField,
+          {
+            mono: true,
+            value: scene.environment?.space || "interior",
+            options: SPACE_OPTIONS,
+            disabled,
+            onChange: (v) => onSaveData((cur) => updateSceneField(cur, episodeIndex, sceneIndex, "space", v))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SelectField,
+          {
+            value: primaryLocationId,
+            options: locationOptions,
+            disabled,
+            placeholder: "\u9009\u62E9\u5730\u70B9",
+            title: hasOrphanLocation ? `\u5730\u70B9 ${primaryLocationId} \u4E0D\u5B58\u5728` : void 0,
+            className: cn("lj-se-slug-loc", hasOrphanLocation && "is-orphan"),
+            onChange: (v) => onSaveData((cur) => updateSceneField(cur, episodeIndex, sceneIndex, "location", v))
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "lj-se-slug-dash", children: "\u2014" }),
+        /* @__PURE__ */ jsx(
+          SelectField,
+          {
+            mono: true,
+            value: scene.environment?.time || "day",
+            options: TIME_OPTIONS,
+            disabled,
+            onChange: (v) => onSaveData((cur) => updateSceneField(cur, episodeIndex, sceneIndex, "time", v))
+          }
+        ),
+        locationStateOptions.length > 0 ? /* @__PURE__ */ jsx(
+          SelectField,
+          {
+            value: (locationStateId ?? "").trim(),
+            options: locationStateOptions,
+            placeholder: "\u65E0\u72B6\u6001",
+            disabled,
+            className: "lj-se-slug-state",
+            onChange: (v) => onSaveData(
+              (cur) => updateSceneLocationState(cur, episodeIndex, sceneIndex, primaryLocationId, v || null)
+            )
+          }
+        ) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      SceneCastPropRows,
+      {
+        scene,
+        episodeIndex,
+        sceneIndex,
+        actorMap,
+        propMap,
+        disabled,
+        onSaveData,
+        onRequestAssetDelete,
+        onNavigateAsset
+      }
+    )
+  ] });
+}
+
+// src/actor-color.ts
+var PALETTE_SIZE = 8;
+function hashActorId(id) {
+  let h = 5381;
+  for (let i = 0; i < id.length; i++) {
+    h = h * 33 ^ id.charCodeAt(i);
+  }
+  return Math.abs(h | 0);
+}
+function getActorCueVar(actorId, tone = "dialogue") {
+  const id = actorId?.trim();
+  if (!id) {
+    return tone === "inner" ? "var(--lj-se-cue-inner)" : "var(--lj-se-cue-dialogue)";
+  }
+  const idx = hashActorId(id) % PALETTE_SIZE + 1;
+  return `var(--lj-se-actor-cue-${idx})`;
+}
+var EditingSignalContext = createContext(null);
+function caretOffsetFromPoint(x, y) {
+  const d = document;
+  if (typeof d.caretRangeFromPoint === "function") {
+    const r = d.caretRangeFromPoint(x, y);
+    return r ? r.startOffset : null;
+  }
+  if (typeof d.caretPositionFromPoint === "function") {
+    const p = d.caretPositionFromPoint(x, y);
+    return p ? p.offset : null;
+  }
+  return null;
+}
+function EditableText({
+  value,
+  onSave,
+  placeholder,
+  multiline = false,
+  disabled = false,
+  className,
+  autoEdit = false,
+  onEditEnd,
+  spanProps
+}) {
+  const [editing, setEditing] = useState(autoEdit);
+  const [draft, setDraft] = useState(value);
+  const caretRef = useRef(null);
+  const inputRef = useRef(null);
+  const committedRef = useRef(value);
+  const editingSignal = useContext(EditingSignalContext);
+  useEffect(() => {
+    if (!editing || !editingSignal) return;
+    editingSignal.inc();
+    return () => editingSignal.dec();
+  }, [editing, editingSignal]);
+  useEffect(() => {
+    if (value === committedRef.current) return;
+    const userDiverged = editing && draft !== committedRef.current;
+    if (userDiverged) return;
+    setDraft(value);
+    committedRef.current = value;
+  }, [value, editing, draft]);
+  useEffect(() => {
+    if (autoEdit) setEditing(true);
+  }, [autoEdit]);
+  useLayoutEffect(() => {
+    if (!editing) return;
+    const el = inputRef.current;
+    if (!el) return;
+    if (multiline) autoSize(el);
+    el.focus();
+    const caret = caretRef.current;
+    const pos = caret == null ? el.value.length : Math.min(caret, el.value.length);
+    try {
+      el.setSelectionRange(pos, pos);
+    } catch {
+    }
+    caretRef.current = null;
+  }, [editing, multiline]);
+  function beginEdit(e) {
+    if (disabled) return;
+    const sel = window.getSelection();
+    if (sel && !sel.isCollapsed) return;
+    caretRef.current = caretOffsetFromPoint(e.clientX, e.clientY);
+    setDraft(committedRef.current);
+    setEditing(true);
+  }
+  function commit() {
+    setEditing(false);
+    onEditEnd?.();
+    if (draft !== committedRef.current) {
+      committedRef.current = draft;
+      onSave(draft);
+    }
+  }
+  function cancel() {
+    setDraft(committedRef.current);
+    setEditing(false);
+    onEditEnd?.();
+  }
+  if (!editing) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ...spanProps,
+        className: "lj-se-editable" + (className ? " " + className : "") + (disabled ? " lj-se-editable--ro" : ""),
+        onClick: beginEdit,
+        children: value || /* @__PURE__ */ jsx("span", { className: "lj-se-ph", children: placeholder ?? "" })
+      }
+    );
+  }
+  const common = {
+    ref: inputRef,
+    value: draft,
+    className: "lj-se-editing" + (className ? " " + className : ""),
+    onChange: (e) => {
+      setDraft(e.target.value);
+      if (multiline) autoSize(e.target);
+    },
+    onBlur: commit,
+    onKeyDown: (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        cancel();
+      } else if (e.key === "Enter") {
+        if (!multiline || e.metaKey || e.ctrlKey) {
+          e.preventDefault();
+          commit();
+        }
+      }
+    }
+  };
+  return multiline ? /* @__PURE__ */ jsx("textarea", { ...common, rows: 1 }) : /* @__PURE__ */ jsx("input", { ...common, type: "text" });
+}
+function autoSize(el) {
+  el.style.height = "auto";
+  el.style.height = el.scrollHeight + "px";
+}
+function formatStateChangeLabels(item, actorMap, locationMap, propMap) {
+  const labels = (item.state_changes ?? []).map((change) => {
+    const kind = change.target_kind?.trim() || "actor";
+    const id = change.target_id?.trim() || "";
+    if (!id) return "";
+    const states = kind === "location" ? locationMap.get(id)?.states : kind === "prop" ? propMap.get(id)?.states : actorMap.get(id)?.states;
+    const name = kind === "location" ? getLocationDisplayName(locationMap.get(id)) || id : kind === "prop" ? getPropDisplayName(propMap.get(id)) || id : getActorDisplayName(actorMap.get(id)) || id;
+    const from = getStateDisplayName(findState(states, change.from_state_id)) || change.from_state_id?.trim() || "\u672A\u8BBE";
+    const to = getStateDisplayName(findState(states, change.to_state_id)) || change.to_state_id?.trim() || "\u672A\u8BBE";
+    return `${name}\uFF1A${from} \u2192 ${to}`;
+  }).filter(Boolean);
+  if (item.transition_prompt?.process || item.transition_prompt?.contrast) {
+    labels.push("\u753B\u9762\u53D8\u5316\u5DF2\u8BBE\u7F6E");
+  }
+  return labels;
+}
+function StateBadges({ labels }) {
+  if (labels.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "lj-se-state-badges", children: labels.map((label, i) => /* @__PURE__ */ jsx("span", { className: "lj-se-state-badge", children: label }, `${label}-${i}`)) });
+}
+function SceneItemRowImpl({
+  item,
+  actorMap,
+  speakerMap = /* @__PURE__ */ new Map(),
+  locationMap = /* @__PURE__ */ new Map(),
+  propMap = /* @__PURE__ */ new Map(),
+  actorOptions,
+  format,
+  disabled,
+  autoEdit,
+  onEditEnd,
+  canSplit,
+  dragHandleProps,
+  onSave,
+  onSaveActor,
+  onSaveEmotion,
+  onChangeType,
+  onInsertAbove,
+  onInsertBelow,
+  onSplitHere,
+  onDelete
+}) {
+  const type = item.type ?? "dialogue" /* Dialogue */;
+  const content = item.content ?? "";
+  const actorId = item.actor_id?.trim() || "";
+  const actor = actorMap.get(actorId);
+  const actorName = actor ? getActorDisplayName(actor) : actorId || "\u672A\u77E5\u89D2\u8272";
+  const hasOrphanActor = !!actorId && !actor;
+  const emotion = translateEmotionLabel(item.emotion);
+  const stateLabels = formatStateChangeLabels(item, actorMap, locationMap, propMap);
+  const structured = type === "dialogue" /* Dialogue */ && (!!item.speaker_id || !!item.delivery || (item.speakers?.length ?? 0) > 0 || (item.lines?.length ?? 0) > 0);
+  const handle = /* @__PURE__ */ jsx(
+    RowControlHandle,
+    {
+      currentType: type,
+      canSplit,
+      disabled,
+      dragHandleProps,
+      onChangeType,
+      onInsertAbove,
+      onInsertBelow,
+      onSplitHere,
+      onDelete
+    }
+  );
+  const actorCue = (tone) => structured ? /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "lj-se-cue lj-se-cue--structured",
+      style: !hasOrphanActor ? { color: getActorCueVar(actorId, tone) } : void 0,
+      children: [
+        getDialogueSpeakerLabel(item, actorMap, speakerMap) || "\u672A\u77E5\u53D1\u58F0\u6E90",
+        getDialogueDeliveryLabel(item.delivery) ? /* @__PURE__ */ jsxs("span", { className: "lj-se-cue-delivery", children: [
+          "\uFF08",
+          getDialogueDeliveryLabel(item.delivery),
+          "\uFF09"
+        ] }) : null
+      ]
+    }
+  ) : /* @__PURE__ */ jsx(
+    SelectField,
+    {
+      value: actorId,
+      options: actorOptions,
+      disabled,
+      placeholder: "\u672A\u77E5\u89D2\u8272",
+      title: hasOrphanActor ? `\u89D2\u8272 ${actorName} \u4E0D\u5B58\u5728` : "\u5207\u6362\u89D2\u8272",
+      className: cn("lj-se-cue lj-se-cue--select", hasOrphanActor && "is-orphan"),
+      style: !hasOrphanActor ? { color: getActorCueVar(actorId, tone) } : void 0,
+      onChange: onSaveActor
+    }
+  );
+  if (format === "standard") {
+    let body2;
+    if (type === "dialogue" /* Dialogue */) {
+      body2 = /* @__PURE__ */ jsxs("div", { className: "lj-se-std-dialogue", children: [
+        actorCue("dialogue"),
+        !structured ? /* @__PURE__ */ jsx("div", { className: "lj-se-std-emotion", children: /* @__PURE__ */ jsx(EditableText, { value: item.emotion ?? "", disabled, placeholder: "\u60C5\u7EEA\u2026", onSave: onSaveEmotion }) }) : emotion ? /* @__PURE__ */ jsx("div", { className: "lj-se-std-emotion", children: emotion }) : null,
+        /* @__PURE__ */ jsx(
+          EditableText,
+          {
+            multiline: true,
+            value: content,
+            disabled,
+            autoEdit,
+            onEditEnd,
+            placeholder: "\u8F93\u5165\u5BF9\u767D\u2026",
+            className: "lj-se-std-line",
+            onSave
+          }
+        )
+      ] });
+    } else if (type === "inner_thought" /* InnerThought */) {
+      body2 = /* @__PURE__ */ jsxs("div", { className: "lj-se-std-dialogue", children: [
+        actorCue("inner"),
+        /* @__PURE__ */ jsx(
+          EditableText,
+          {
+            multiline: true,
+            value: content,
+            disabled,
+            autoEdit,
+            onEditEnd,
+            placeholder: "\u8F93\u5165\u5FC3\u7406\u6D3B\u52A8\u2026",
+            className: "lj-se-std-inner",
+            onSave
+          }
+        )
+      ] });
+    } else {
+      body2 = /* @__PURE__ */ jsx(
+        EditableText,
+        {
+          multiline: true,
+          value: content,
+          disabled,
+          autoEdit,
+          onEditEnd,
+          placeholder: type === "narration" /* Narration */ ? "\u8F93\u5165\u65C1\u767D\u2026" : "\u8F93\u5165\u52A8\u4F5C\u2026",
+          className: cn("lj-se-std-action", type === "narration" /* Narration */ && "is-narration"),
+          onSave
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "lj-se-row group", children: [
+      handle,
+      body2,
+      /* @__PURE__ */ jsx(StateBadges, { labels: stateLabels })
+    ] });
+  }
+  let body;
+  if (type === "action" /* Action */) {
+    body = /* @__PURE__ */ jsxs("p", { className: "lj-se-asian-action", children: [
+      /* @__PURE__ */ jsx("span", { className: "lj-se-asian-action-mark", children: "\u25B3" }),
+      /* @__PURE__ */ jsx(EditableText, { multiline: true, value: content, disabled, autoEdit, onEditEnd, placeholder: "\u8F93\u5165\u52A8\u4F5C\u2026", onSave })
+    ] });
+  } else if (type === "narration" /* Narration */) {
+    body = /* @__PURE__ */ jsx("p", { className: "lj-se-asian-narration", children: /* @__PURE__ */ jsx(EditableText, { multiline: true, value: content, disabled, autoEdit, onEditEnd, placeholder: "\u8F93\u5165\u65C1\u767D\u2026", onSave }) });
+  } else {
+    const isInner = type === "inner_thought" /* InnerThought */;
+    const tone = isInner ? "inner" : "dialogue";
+    const tag = isInner ? emotion ? `OS\xB7${emotion}` : "OS" : emotion;
+    body = /* @__PURE__ */ jsxs("p", { className: cn("lj-se-asian-cueline", isInner && "is-inner"), children: [
+      structured ? /* @__PURE__ */ jsx("strong", { className: "lj-se-asian-speaker", style: !hasOrphanActor ? { color: getActorCueVar(actorId, tone) } : void 0, children: getDialogueSpeakerLabel(item, actorMap, speakerMap) }) : /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          value: actorId,
+          options: actorOptions,
+          disabled,
+          placeholder: "\u672A\u77E5\u89D2\u8272",
+          className: cn("lj-se-asian-speaker lj-se-asian-speaker--select", hasOrphanActor && "is-orphan"),
+          style: !hasOrphanActor ? { color: getActorCueVar(actorId, tone) } : void 0,
+          onChange: onSaveActor
+        }
+      ),
+      !structured ? /* @__PURE__ */ jsxs("span", { className: "lj-se-asian-tag", children: [
+        "\uFF08",
+        /* @__PURE__ */ jsx(EditableText, { value: item.emotion ?? "", disabled, placeholder: isInner ? "OS" : "\u60C5\u7EEA", onSave: onSaveEmotion }),
+        "\uFF09"
+      ] }) : tag ? /* @__PURE__ */ jsxs("span", { className: "lj-se-asian-tag", children: [
+        "\uFF08",
+        tag,
+        "\uFF09"
+      ] }) : null,
+      /* @__PURE__ */ jsx("span", { className: "lj-se-asian-colon", children: "\uFF1A" }),
+      /* @__PURE__ */ jsx(EditableText, { multiline: true, value: content, disabled, autoEdit, onEditEnd, placeholder: "\u8F93\u5165\u5BF9\u767D\u2026", onSave })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "lj-se-row lj-se-row--asian group", children: [
+    handle,
+    body,
+    /* @__PURE__ */ jsx(StateBadges, { labels: stateLabels })
+  ] });
+}
+var SceneItemRow = memo(SceneItemRowImpl);
+function SceneEditorImpl({
+  episodeIndex,
+  sceneIndex,
+  scene,
+  maps,
+  format,
+  disabled,
+  focused = false,
+  onEdit,
+  onNavigateAsset,
+  onRequestAssetDelete
+}) {
+  const [pendingEdit, setPendingEdit] = useState(null);
+  const { actorMap, speakerMap, locationMap, propMap } = maps;
+  const actions = scene.actions ?? [];
+  const actorOptions = useMemo(
+    () => Array.from(actorMap.values()).map((a) => ({ value: (a.actor_id ?? "").trim(), label: getActorDisplayName(a) })).filter((o) => o.value),
+    [actorMap]
+  );
+  const insertAt = useCallback(
+    (index, type) => {
+      const inherited = pickInheritedActorId(scene, index);
+      onEdit((cur) => insertSceneItem(cur, episodeIndex, sceneIndex, index, buildNewScriptItem(type, inherited)));
+      setPendingEdit(index);
+    },
+    [onEdit, episodeIndex, sceneIndex, scene]
+  );
+  const clearPending = useCallback(() => setPendingEdit(null), []);
+  const insertSame = (atIndex, refIndex) => insertAt(atIndex, actions[refIndex]?.type ?? "dialogue" /* Dialogue */);
+  const dnd = useDragReorder();
+  const dragIndex = dnd?.source && dnd.source.ep === episodeIndex && dnd.source.sc === sceneIndex ? dnd.source.idx : null;
+  const dropSlot = dnd?.dropAt && dnd.dropAt.ep === episodeIndex && dnd.dropAt.sc === sceneIndex ? dnd.dropAt.slot : null;
+  const onDragStart = (e, idx) => {
+    dnd?.begin({ ep: episodeIndex, sc: sceneIndex, idx });
+    e.dataTransfer.effectAllowed = "move";
+    try {
+      e.dataTransfer.setData("text/plain", String(idx));
+    } catch {
+    }
+    const slot = e.currentTarget.closest(".lj-se-action-slot");
+    if (slot) e.dataTransfer.setDragImage(slot, 16, 16);
+  };
+  const onSlotDragOver = (e, idx) => {
+    if (!dnd?.source) return;
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    const rect = e.currentTarget.getBoundingClientRect();
+    const after = e.clientY > rect.top + rect.height / 2;
+    dnd.hover({ ep: episodeIndex, sc: sceneIndex, slot: after ? idx + 1 : idx });
+  };
+  const onSlotDrop = (e) => {
+    e.preventDefault();
+    dnd?.drop();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "lj-se-scene", children: [
+    /* @__PURE__ */ jsx(
+      SceneHeader,
+      {
+        scene,
+        episodeIndex,
+        sceneIndex,
+        actorMap,
+        locationMap,
+        propMap,
+        disabled,
+        focused,
+        format,
+        onSaveData: onEdit,
+        onRequestAssetDelete,
+        onNavigateAsset
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "lj-se-actions", children: [
+      actions.map((item, idx) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("lj-se-action-slot", dragIndex === idx && "is-dragging", dropSlot === idx && "drop-before"),
+          onDragOver: (e) => onSlotDragOver(e, idx),
+          onDrop: onSlotDrop,
+          children: /* @__PURE__ */ jsx(
+            SceneItemRow,
+            {
+              item,
+              actorMap,
+              speakerMap,
+              locationMap,
+              propMap,
+              actorOptions,
+              format,
+              disabled,
+              autoEdit: pendingEdit === idx,
+              onEditEnd: pendingEdit === idx ? clearPending : void 0,
+              canSplit: idx > 0,
+              dragHandleProps: disabled ? void 0 : { draggable: true, onDragStart: (e) => onDragStart(e, idx), onDragEnd: () => dnd?.end() },
+              onSave: (content) => {
+                clearPending();
+                onEdit((cur) => updateSceneItemContent(cur, episodeIndex, sceneIndex, idx, content));
+              },
+              onSaveActor: (actorId) => onEdit((cur) => updateSceneItemActor(cur, episodeIndex, sceneIndex, idx, actorId)),
+              onSaveEmotion: (emotion) => onEdit((cur) => updateSceneItemEmotion(cur, episodeIndex, sceneIndex, idx, emotion)),
+              onChangeType: (type) => {
+                clearPending();
+                onEdit((cur) => updateSceneItemType(cur, episodeIndex, sceneIndex, idx, type));
+              },
+              onInsertAbove: () => insertSame(idx, idx),
+              onInsertBelow: () => insertSame(idx + 1, idx),
+              onSplitHere: idx > 0 ? () => {
+                clearPending();
+                onEdit((cur) => splitScene(cur, episodeIndex, sceneIndex, idx));
+              } : void 0,
+              onDelete: () => {
+                clearPending();
+                onEdit((cur) => deleteSceneItem(cur, episodeIndex, sceneIndex, idx));
+              }
+            }
+          )
+        },
+        `item-${idx}`
+      )),
+      dropSlot === actions.length && actions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "lj-se-dropline-end" }) : null,
+      actions.length === 0 && !disabled ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "lj-se-scene-add-first",
+          onClick: () => insertAt(0, "dialogue" /* Dialogue */),
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "lj-se-ic-3", strokeWidth: 2 }),
+            " \u6DFB\u52A0\u5185\u5BB9"
+          ]
+        }
+      ) : null,
+      actions.length === 0 && disabled ? /* @__PURE__ */ jsx("p", { className: "lj-se-scene-empty", children: "\u672C\u573A\u5C1A\u65E0\u5185\u5BB9" }) : null
+    ] })
+  ] });
+}
+var SceneEditor = memo(SceneEditorImpl);
+function Stat({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { className: "lj-se-stat", children: [
+    /* @__PURE__ */ jsx("span", { className: "lj-se-stat-label", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "lj-se-stat-value", children: value })
+  ] });
+}
+function WorldviewEditor({
+  data,
+  disabled = false,
+  onEdit
+}) {
+  const episodes = data.episodes ?? [];
+  const totalScenes = episodes.reduce((sum, ep) => sum + (ep.scenes?.length ?? 0), 0);
+  const totalLines = episodes.reduce(
+    (sum, ep) => sum + (ep.scenes ?? []).reduce((s, sc) => s + (sc.actions?.length ?? 0), 0),
+    0
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "lj-se-worldview lj-se-scroll", children: [
+    /* @__PURE__ */ jsxs("header", { className: "lj-se-wv-header", children: [
+      /* @__PURE__ */ jsx("div", { className: "lj-se-wv-kicker", children: "\u5267\u672C \xB7 \u9876\u5C42" }),
+      /* @__PURE__ */ jsx("h2", { className: "lj-se-wv-title", children: "\u4E16\u754C\u89C2 & \u98CE\u683C" }),
+      /* @__PURE__ */ jsx("p", { className: "lj-se-wv-sub", children: "\u6539\u52A8\u4F1A\u5F71\u54CD\u4E0B\u6E38\u8D44\u4EA7\u751F\u6210\u7684 prompt\uFF1B\u6539\u5B8C\u540E\u53EF\u8BA9 AI \u540C\u6B65\u66F4\u65B0\u4EBA\u8BBE / \u573A\u666F\u3002" })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "lj-se-stats", children: [
+      /* @__PURE__ */ jsx(Stat, { label: "\u96C6\u6570", value: episodes.length }),
+      /* @__PURE__ */ jsx(Stat, { label: "\u573A\u666F", value: totalScenes }),
+      /* @__PURE__ */ jsx(Stat, { label: "\u53F0\u8BCD", value: totalLines }),
+      /* @__PURE__ */ jsx(Stat, { label: "\u89D2\u8272", value: data.actors?.length ?? 0 }),
+      /* @__PURE__ */ jsx(Stat, { label: "\u9053\u5177", value: data.props?.length ?? 0 })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "lj-se-field", children: [
+      /* @__PURE__ */ jsx("div", { className: "lj-se-field-label", children: "\u6807\u9898" }),
+      /* @__PURE__ */ jsx("div", { className: "lj-se-field-box", children: /* @__PURE__ */ jsx(
+        EditableText,
+        {
+          value: data.title ?? "",
+          disabled,
+          placeholder: "\u672A\u547D\u540D\u5267\u672C",
+          onSave: (v) => onEdit((p) => ({ ...p, title: v }))
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "lj-se-field", children: [
+      /* @__PURE__ */ jsxs("div", { className: "lj-se-field-label", children: [
+        "\u4E16\u754C\u89C2 ",
+        /* @__PURE__ */ jsx("span", { className: "lj-se-field-hint", children: "\u591A\u884C\uFF1BAI \u5199\u5267\u672C\u65F6\u4F1A\u5F15\u7528" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "lj-se-field-box", children: /* @__PURE__ */ jsx(
+        EditableText,
+        {
+          multiline: true,
+          value: data.worldview ?? "",
+          disabled,
+          placeholder: "\u63CF\u8FF0\u6545\u4E8B\u53D1\u751F\u7684\u4E16\u754C\u3001\u80CC\u666F\u8BBE\u5B9A\u2026",
+          onSave: (v) => onEdit((p) => ({ ...p, worldview: v }))
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "lj-se-field", children: [
+      /* @__PURE__ */ jsxs("div", { className: "lj-se-field-label", children: [
+        "\u98CE\u683C ",
+        /* @__PURE__ */ jsx("span", { className: "lj-se-field-hint", children: "\u8BED\u8A00\u8C03\u6027 / \u955C\u5934\u8BED\u8A00\u503E\u5411" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "lj-se-field-box", children: /* @__PURE__ */ jsx(
+        EditableText,
+        {
+          multiline: true,
+          value: data.style ?? "",
+          disabled,
+          placeholder: "\u4F8B\u5982\uFF1A\u5199\u5B9E\u3001\u51B7\u5CFB\u3001\u957F\u955C\u5934\u2026",
+          onSave: (v) => onEdit((p) => ({ ...p, style: v }))
+        }
+      ) })
+    ] })
+  ] });
+}
+
+// src/stream/flat-items.ts
+var SCENE_KEY = (e, s) => `ep:${e}:sc:${s}`;
+var SCENE_ID_KEY = (e, id) => `ep:${e}:id:${id}`;
+var ASSET_KEY = (g, id) => `${g}:${id}`;
+function safeId(raw, fallback) {
+  const t = (raw ?? "").toString().trim();
+  return t.length > 0 ? t : fallback;
+}
+var GROUP_LABEL = { actors: "\u89D2\u8272", locations: "\u573A\u666F", props: "\u9053\u5177" };
+var assetGroupLabel = (g) => GROUP_LABEL[g];
+function buildFlatStream(data) {
+  const items = [];
+  const indexByKey = /* @__PURE__ */ new Map();
+  const sceneIndexLookup = /* @__PURE__ */ new Map();
+  const sceneIdLookup = /* @__PURE__ */ new Map();
+  const assetIndexLookup = /* @__PURE__ */ new Map();
+  const push = (item) => {
+    indexByKey.set(item.key, items.length);
+    if (item.kind === "scene") {
+      sceneIndexLookup.set(SCENE_KEY(item.episodeIdx, item.sceneIdx), items.length);
+      sceneIdLookup.set(SCENE_ID_KEY(item.episodeIdx, item.sceneId), items.length);
+    }
+    if (item.kind === "asset-card") assetIndexLookup.set(ASSET_KEY(item.group, item.assetId), items.length);
+    items.push(item);
+  };
+  push({ key: "worldview", kind: "worldview" });
+  if (!data) {
+    return { items, indexByKey, sceneIndexLookup, sceneIdLookup, assetIndexLookup, paperStartKey: null, paperEndKey: null };
+  }
+  let paperStartKey = null;
+  let paperEndKey = null;
+  (data.episodes ?? []).forEach((episode, ei) => {
+    const headerKey = `ep:${ei}:header`;
+    push({ key: headerKey, kind: "episode-header", episodeIdx: ei });
+    if (paperStartKey === null) paperStartKey = headerKey;
+    paperEndKey = headerKey;
+    const scenes = episode.scenes ?? [];
+    if (scenes.length === 0) {
+      const emptyKey = `ep:${ei}:empty`;
+      push({ key: emptyKey, kind: "episode-empty", episodeIdx: ei });
+      paperEndKey = emptyKey;
+    } else {
+      scenes.forEach((scene, si) => {
+        const sceneId = safeId(scene.scene_id, `__idx:${si}`);
+        const key = `sc:ep${ei}:sc${si}:${sceneId}`;
+        push({
+          key,
+          kind: "scene",
+          episodeIdx: ei,
+          sceneIdx: si,
+          sceneId,
+          isStart: si === 0,
+          isEnd: si === scenes.length - 1
+        });
+        paperEndKey = key;
+      });
+    }
+  });
+  push({ key: "add-episode", kind: "add-episode" });
+  const specs = [
+    { group: "actors", ids: (data.actors ?? []).map((a, i) => safeId(a.actor_id, `__idx:${i}`)) },
+    { group: "locations", ids: (data.locations ?? []).map((l, i) => safeId(l.location_id, `__idx:${i}`)) },
+    { group: "props", ids: (data.props ?? []).map((p, i) => safeId(p.prop_id, `__idx:${i}`)) }
+  ];
+  for (const { group, ids } of specs) {
+    push({ key: `asset-group:${group}`, kind: "asset-group-header", group });
+    ids.forEach((assetId) => push({ key: `asset:${group}:${assetId}`, kind: "asset-card", group, assetId }));
+  }
+  return { items, indexByKey, sceneIndexLookup, sceneIdLookup, assetIndexLookup, paperStartKey, paperEndKey };
+}
+function selectionToFlatIndex(stream, sel) {
+  switch (sel.kind) {
+    case "worldview":
+      return stream.indexByKey.get("worldview") ?? null;
+    case "episode":
+      return stream.indexByKey.get(`ep:${sel.episodeIdx}:header`) ?? null;
+    case "scene":
+      return stream.sceneIndexLookup.get(SCENE_KEY(sel.episodeIdx, sel.sceneIdx)) ?? null;
+    case "clip": {
+      if (sel.sceneIdx !== void 0) {
+        const byIdx = stream.sceneIndexLookup.get(SCENE_KEY(sel.episodeIdx, sel.sceneIdx));
+        if (byIdx !== void 0) return byIdx;
+      }
+      const id = (sel.sceneId ?? "").trim();
+      return id ? stream.sceneIdLookup.get(SCENE_ID_KEY(sel.episodeIdx, id)) ?? null : null;
+    }
+    case "actor":
+      return stream.assetIndexLookup.get(ASSET_KEY("actors", sel.actorId)) ?? null;
+    case "location":
+      return stream.assetIndexLookup.get(ASSET_KEY("locations", sel.locationId)) ?? null;
+    case "prop":
+      return stream.assetIndexLookup.get(ASSET_KEY("props", sel.propId)) ?? null;
+    default:
+      return null;
+  }
+}
+function flatIndexToSelection(stream, idx) {
+  const item = stream.items[idx];
+  if (!item) return null;
+  switch (item.kind) {
+    case "worldview":
+      return { kind: "worldview" };
+    case "episode-header":
+      return { kind: "episode", episodeIdx: item.episodeIdx };
+    case "scene":
+      return { kind: "scene", episodeIdx: item.episodeIdx, sceneIdx: item.sceneIdx };
+    case "asset-card":
+      if (item.group === "actors") return { kind: "actor", actorId: item.assetId };
+      if (item.group === "locations") return { kind: "location", locationId: item.assetId };
+      return { kind: "prop", propId: item.assetId };
+    default:
+      return null;
+  }
+}
+
+// src/mutations/entity-mutations.ts
+var ID_FIELD = {
+  actor: "actor_id",
+  location: "location_id",
+  prop: "prop_id"
+};
+var NAME_FIELD = {
+  actor: "actor_name",
+  location: "location_name",
+  prop: "prop_name"
+};
+var LIST_FIELD = {
+  actor: "actors",
+  location: "locations",
+  prop: "props"
+};
+function mapEntity(data, kind, id, fn) {
+  const listKey = LIST_FIELD[kind];
+  const idField = ID_FIELD[kind];
+  const list = data[listKey] ?? [];
+  let changed = false;
+  const next = list.map((e) => {
+    if ((e[idField] ?? "").trim() !== id) return e;
+    changed = true;
+    return fn(e);
+  });
+  if (!changed) return data;
+  return { ...data, [listKey]: next };
+}
+function updateEntityName(data, kind, id, name) {
+  return mapEntity(data, kind, id, (e) => ({ ...e, [NAME_FIELD[kind]]: name }));
+}
+function updateEntityDescription(data, kind, id, description) {
+  return mapEntity(data, kind, id, (e) => ({ ...e, description }));
+}
+function updateEntityStateField(data, kind, id, stateId, field, value) {
+  return mapEntity(data, kind, id, (e) => ({
+    ...e,
+    states: (e.states ?? []).map(
+      (s) => (s.state_id ?? "").trim() === stateId ? { ...s, [field]: value } : s
+    )
+  }));
+}
+function addEntityState(data, kind, id, state) {
+  return mapEntity(data, kind, id, (e) => ({ ...e, states: [...e.states ?? [], state] }));
+}
+function removeEntityState(data, kind, id, stateId) {
+  return mapEntity(data, kind, id, (e) => ({
+    ...e,
+    states: (e.states ?? []).filter((s) => (s.state_id ?? "").trim() !== stateId)
+  }));
+}
+var CONFIRM_TTL_MS = 2500;
+function DeleteConfirmButton({
+  onConfirm,
+  disabled,
+  targetScope,
+  title = "\u5220\u9664\uFF1F"
+}) {
+  const [confirming, setConfirming] = useState(false);
+  const timerRef = useRef(null);
+  useEffect(
+    () => () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  const cancel = () => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    setConfirming(false);
+  };
+  const handleClick = () => {
+    if (confirming) {
+      cancel();
+      void onConfirm();
+      return;
+    }
+    setConfirming(true);
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => {
+      setConfirming(false);
+      timerRef.current = null;
+    }, CONFIRM_TTL_MS);
+  };
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      disabled,
+      "data-delete-target": targetScope,
+      "data-confirming": confirming || void 0,
+      onClick: handleClick,
+      "aria-label": confirming ? `\u518D\u70B9\u4E00\u6B21\u786E\u8BA4\uFF1A${title}` : title,
+      title: confirming ? "\u518D\u70B9\u4E00\u6B21\u786E\u8BA4\uFF082.5 \u79D2\u540E\u81EA\u52A8\u53D6\u6D88\uFF09" : title,
+      className: cn("lj-se-del", confirming && "is-confirming"),
+      children: confirming ? /* @__PURE__ */ jsx(Check, { className: "lj-se-icon", strokeWidth: 2.2 }) : /* @__PURE__ */ jsx(Eraser, { className: "lj-se-icon", strokeWidth: 1.5 })
+    }
+  );
+}
+function AssetReferenceGrid({
+  refs,
+  highlight,
+  onJump
+}) {
+  if (refs.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "lj-se-refgrid", children: refs.map(({ episodeIndex, episodeNumber, items }) => /* @__PURE__ */ jsxs("span", { className: "lj-se-refgrid-chunk", children: [
+    /* @__PURE__ */ jsxs("span", { className: "lj-se-refgrid-ep", children: [
+      "\u7B2C ",
+      String(episodeNumber).padStart(2, "0"),
+      " \u96C6"
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "lj-se-refgrid-scenes", children: items.map((ref) => {
+      const isCurrent = !!highlight && highlight.episodeIdx === ref.episodeIndex && highlight.sceneIdx === ref.sceneIndex;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: cn("lj-se-refgrid-scene", isCurrent && "is-current"),
+          title: ref.label,
+          onClick: () => onJump(ref.episodeIndex, ref.sceneIndex),
+          children: ref.sceneNumber
+        },
+        ref.key
+      );
+    }) })
+  ] }, episodeIndex)) });
+}
+var META = {
+  actors: { kind: "actor" },
+  locations: { kind: "location" },
+  props: { kind: "prop" }
+};
+function newStateId(id) {
+  return `st_${id}_${Date.now().toString(36)}`;
+}
+function AssetCardImpl({
+  data,
+  group,
+  assetId,
+  refs,
+  disabled = false,
+  onEdit,
+  onSelect,
+  onRequestAssetDelete
+}) {
+  const kind = META[group].kind;
+  const entity = useMemo(() => {
+    if (group === "actors") return (data.actors ?? []).find((a) => (a.actor_id ?? "").trim() === assetId);
+    if (group === "locations") return (data.locations ?? []).find((l) => (l.location_id ?? "").trim() === assetId);
+    return (data.props ?? []).find((p) => (p.prop_id ?? "").trim() === assetId);
+  }, [data.actors, data.locations, data.props, group, assetId]);
+  const sceneCount = refs.reduce((n, g) => n + g.items.length, 0);
+  if (!entity) {
+    return /* @__PURE__ */ jsx("div", { className: "lj-se-assetcard-row", children: /* @__PURE__ */ jsxs("div", { className: "lj-se-assetcard-missing", children: [
+      "\u8BE5\u8D44\u4EA7\u5DF2\u4E0D\u5B58\u5728\uFF08",
+      group,
+      ":",
+      assetId,
+      "\uFF09"
+    ] }) });
+  }
+  const name = group === "actors" ? getActorDisplayName(entity) : group === "locations" ? getLocationDisplayName(entity) : getPropDisplayName(entity);
+  const rawDescription = entity.description ?? "";
+  const description = rawDescription.trim();
+  const states = entity.states ?? [];
+  const fromRef = buildSelectionFrom(kind, assetId);
+  return /* @__PURE__ */ jsx("div", { className: "lj-se-assetcard-row", children: /* @__PURE__ */ jsxs("article", { className: "lj-se-assetcard", "data-no-quote-selection": true, children: [
+    /* @__PURE__ */ jsxs("div", { className: "lj-se-assetcard-head", children: [
+      /* @__PURE__ */ jsx("span", { className: "lj-se-assetcard-name", children: /* @__PURE__ */ jsx(
+        EditableText,
+        {
+          value: name,
+          disabled,
+          placeholder: `\u672A\u547D\u540D${assetGroupLabel(group)}`,
+          onSave: (v) => onEdit((p) => updateEntityName(p, kind, assetId, v))
+        }
+      ) }),
+      /* @__PURE__ */ jsx("span", { className: "lj-se-assetcard-id", children: assetId }),
+      /* @__PURE__ */ jsxs("span", { className: "lj-se-assetcard-actions", children: [
+        /* @__PURE__ */ jsx("span", { className: "lj-se-assetcard-badge", children: assetGroupLabel(group) }),
+        /* @__PURE__ */ jsxs("span", { className: "lj-se-assetcard-badge", children: [
+          sceneCount,
+          " \u573A \xB7 ",
+          refs.length,
+          " \u96C6"
+        ] }),
+        onRequestAssetDelete && !disabled ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "lj-se-assetcard-del",
+            title: "\u5220\u9664\u8BE5\u8D44\u4EA7",
+            onClick: () => onRequestAssetDelete({ kind, id: assetId, name: name || assetId, description: description || void 0, episodeIndex: -1, sceneIndex: -1 }),
+            children: /* @__PURE__ */ jsx(Trash2, { className: "lj-se-ic-3", strokeWidth: 1.5 })
+          }
+        ) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "lj-se-assetcard-desc", children: /* @__PURE__ */ jsx(
+      EditableText,
+      {
+        multiline: true,
+        value: rawDescription,
+        disabled,
+        placeholder: `\u63CF\u8FF0\u8FD9\u4E2A${assetGroupLabel(group)}\u7684\u5916\u89C2 / \u8BBE\u5B9A\u2026`,
+        onSave: (v) => onEdit((p) => updateEntityDescription(p, kind, assetId, v))
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "lj-se-assetcard-states", children: [
+      /* @__PURE__ */ jsxs("div", { className: "lj-se-assetcard-states-head", children: [
+        /* @__PURE__ */ jsxs("span", { className: "lj-se-assetcard-states-label", children: [
+          "\u72B6\u6001 ",
+          /* @__PURE__ */ jsx("span", { className: "lj-se-field-hint", children: states.length })
+        ] }),
+        !disabled ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "lj-se-assetcard-state-add",
+            onClick: () => onEdit((p) => addEntityState(p, kind, assetId, { state_id: newStateId(assetId), state_name: "\u65B0\u72B6\u6001" })),
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "lj-se-ic-3", strokeWidth: 1.5 }),
+              " \u72B6\u6001"
+            ]
+          }
+        ) : null
+      ] }),
+      states.length > 0 ? /* @__PURE__ */ jsx("div", { className: "lj-se-assetcard-state-cards", children: states.map((state, idx) => {
+        const sid = (state.state_id ?? "").trim() || `idx-${idx}`;
+        return /* @__PURE__ */ jsxs("div", { className: "lj-se-assetcard-state", children: [
+          /* @__PURE__ */ jsxs("div", { className: "lj-se-assetcard-state-top", children: [
+            /* @__PURE__ */ jsx(
+              EditableText,
+              {
+                value: state.state_name ?? state.name ?? "",
+                disabled,
+                placeholder: "\u72B6\u6001\u540D",
+                className: "lj-se-assetcard-state-name",
+                onSave: (v) => onEdit((p) => updateEntityStateField(p, kind, assetId, sid, "state_name", v))
+              }
+            ),
+            !disabled && (state.state_id ?? "").trim() ? /* @__PURE__ */ jsx(DeleteConfirmButton, { targetScope: "row", title: "\u5220\u9664\u8BE5\u72B6\u6001\uFF1F", onConfirm: () => onEdit((p) => removeEntityState(p, kind, assetId, sid)) }) : null
+          ] }),
+          /* @__PURE__ */ jsx(
+            EditableText,
+            {
+              multiline: true,
+              value: state.description ?? "",
+              disabled,
+              placeholder: "\u72B6\u6001\u63CF\u8FF0\u2026",
+              className: "lj-se-assetcard-state-desc",
+              onSave: (v) => onEdit((p) => updateEntityStateField(p, kind, assetId, sid, "description", v))
+            }
+          )
+        ] }, sid);
+      }) }) : null
+    ] }),
+    refs.length > 0 ? /* @__PURE__ */ jsx(
+      AssetReferenceGrid,
+      {
+        refs,
+        onJump: (episodeIdx, sceneIdx) => onSelect({ kind: "scene", episodeIdx, sceneIdx, from: fromRef, origin: "sidebar" })
+      }
+    ) : null
+  ] }) });
+}
+function areEqual(prev, next) {
+  if (prev.group !== next.group || prev.assetId !== next.assetId || prev.disabled !== next.disabled) return false;
+  if (prev.onEdit !== next.onEdit || prev.onSelect !== next.onSelect || prev.onRequestAssetDelete !== next.onRequestAssetDelete) return false;
+  if (prev.refs !== next.refs) return false;
+  if (prev.group === "actors") return prev.data.actors === next.data.actors;
+  if (prev.group === "locations") return prev.data.locations === next.data.locations;
+  return prev.data.props === next.data.props;
+}
+var AssetCard = memo(AssetCardImpl, areEqual);
+function ScriptStream({
+  value,
+  format,
+  disabled,
+  selection,
+  changedSceneKeys,
+  onEdit,
+  onSelectionChange,
+  onRequestAssetDelete
+}) {
+  const stream = useMemo(() => buildFlatStream(value), [value]);
+  const maps = useMemo(
+    () => ({
+      actorMap: getActorMap(value.actors ?? []),
+      speakerMap: getSpeakerMap(value.speakers ?? []),
+      locationMap: getLocationMap(value.locations ?? []),
+      propMap: getPropMap(value.props ?? [])
+    }),
+    [value.actors, value.speakers, value.locations, value.props]
+  );
+  const deferredValue = useDeferredValue(value);
+  const prevDistributions = useRef(void 0);
+  const distributions = useMemo(() => {
+    const next = buildDistributionIndex(deferredValue, prevDistributions.current);
+    prevDistributions.current = next;
+    return next;
+  }, [deferredValue]);
+  const handleRef = useRef(null);
+  const programmaticUntil = useRef(0);
+  const lastEmitted = useRef(-1);
+  const lastScrolledKey = useRef("");
+  const select = useCallback(
+    (sel) => onSelectionChange?.(sel),
+    [onSelectionChange]
+  );
+  const [dragSource, setDragSource] = useState(null);
+  const [dropTarget, setDropTarget] = useState(null);
+  const dragSourceRef = useRef(null);
+  const dropTargetRef = useRef(null);
+  dragSourceRef.current = dragSource;
+  dropTargetRef.current = dropTarget;
+  const dnd = useMemo(
+    () => ({
+      source: dragSource,
+      dropAt: dropTarget,
+      begin: (s) => {
+        setDragSource(s);
+        setDropTarget(null);
+      },
+      hover: (t) => setDropTarget(t),
+      drop: () => {
+        const s = dragSourceRef.current;
+        const d = dropTargetRef.current;
+        if (s && d) {
+          onEdit(
+            (cur) => moveScriptItem(
+              cur,
+              { episodeIndex: s.ep, sceneIndex: s.sc, itemIndex: s.idx },
+              { episodeIndex: d.ep, sceneIndex: d.sc, slot: d.slot }
+            )
+          );
+        }
+        setDragSource(null);
+        setDropTarget(null);
+      },
+      end: () => {
+        setDragSource(null);
+        setDropTarget(null);
+      }
+    }),
+    [dragSource, dropTarget, onEdit]
+  );
+  const paperEdge = (key) => {
+    const start = key === stream.paperStartKey;
+    const end = key === stream.paperEndKey;
+    return start && end ? "is-sole" : start ? "is-start" : end ? "is-end" : "is-mid";
+  };
+  useEffect(() => {
+    const key = selectionTargetKey(selection);
+    if (selection.origin === "scroll") {
+      lastScrolledKey.current = key;
+      return;
+    }
+    if (key === lastScrolledKey.current) return;
+    const idx = selectionToFlatIndex(stream, selection);
+    if (idx == null) return;
+    lastScrolledKey.current = key;
+    programmaticUntil.current = Date.now() + 700;
+    handleRef.current?.scrollToIndex({ index: idx, align: "start", behavior: "smooth" });
+  }, [selection, stream]);
+  const emitScrollSelection = (topIndex) => {
+    if (Date.now() < programmaticUntil.current) return;
+    if (topIndex === lastEmitted.current) return;
+    lastEmitted.current = topIndex;
+    const next = flatIndexToSelection(stream, topIndex);
+    if (!next) return;
+    if (isSameSelectionTarget(next, selection)) return;
+    onSelectionChange?.(withOrigin(next, "scroll"));
+  };
+  return /* @__PURE__ */ jsx(DragReorderContext.Provider, { value: dnd, children: /* @__PURE__ */ jsx(
+    Virtuoso,
+    {
+      ref: handleRef,
+      className: "lj-se-stream lj-se-scroll",
+      data: stream.items,
+      increaseViewportBy: 1500,
+      rangeChanged: (range) => emitScrollSelection(range.startIndex),
+      itemContent: (_index, item) => {
+        if (!item) return null;
+        switch (item.kind) {
+          case "worldview":
+            return /* @__PURE__ */ jsx("div", { className: "lj-se-stream-worldview", children: /* @__PURE__ */ jsx(WorldviewEditor, { data: value, disabled, onEdit }) });
+          case "episode-header": {
+            const episode = value.episodes?.[item.episodeIdx];
+            if (!episode) return null;
+            return /* @__PURE__ */ jsx("div", { className: "lj-se-stream-row", children: /* @__PURE__ */ jsx("div", { className: cn("lj-se-paper-seg", paperEdge(item.key), "lj-se-ep-seg"), children: /* @__PURE__ */ jsxs("div", { className: "lj-se-epbanner-wrap", children: [
+              !disabled ? /* @__PURE__ */ jsx(EpisodeMenu, { episodeIdx: item.episodeIdx, onEdit }) : null,
+              /* @__PURE__ */ jsx(
+                EpisodeBanner,
+                {
+                  episodeIdx: item.episodeIdx,
+                  episodeTitle: getEpisodeTitle(episode, item.episodeIdx),
+                  projectTitle: item.episodeIdx === 0 ? value.title ?? "" : void 0,
+                  disabled,
+                  onEdit
+                }
+              )
+            ] }) }) });
+          }
+          case "episode-empty":
+            if (disabled) return null;
+            return /* @__PURE__ */ jsx("div", { className: "lj-se-stream-row", children: /* @__PURE__ */ jsx("div", { className: cn("lj-se-paper-seg", paperEdge(item.key)), children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "lj-se-scene-add-first",
+                onClick: () => onEdit((p) => addBlankScene(p, item.episodeIdx)),
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "lj-se-ic-3", strokeWidth: 2 }),
+                  " \u6DFB\u52A0\u573A\u6B21"
+                ]
+              }
+            ) }) });
+          case "scene": {
+            const scene = value.episodes?.[item.episodeIdx]?.scenes?.[item.sceneIdx];
+            if (!scene) return null;
+            const focused = selection.kind === "scene" && selection.episodeIdx === item.episodeIdx && selection.sceneIdx === item.sceneIdx;
+            const changed = changedSceneKeys?.has(`${item.episodeIdx}:${item.sceneId}`) ?? false;
+            return /* @__PURE__ */ jsx("div", { className: "lj-se-stream-row", "data-quote-source": true, children: /* @__PURE__ */ jsx("div", { className: cn("lj-se-paper-seg", paperEdge(item.key), changed && "is-changed"), children: /* @__PURE__ */ jsx(
+              SceneEditor,
+              {
+                episodeIndex: item.episodeIdx,
+                sceneIndex: item.sceneIdx,
+                scene,
+                maps,
+                format,
+                disabled,
+                focused,
+                onEdit,
+                onNavigateAsset: select,
+                onRequestAssetDelete
+              }
+            ) }) });
+          }
+          case "add-episode":
+            if (disabled) return null;
+            return /* @__PURE__ */ jsx("div", { className: "lj-se-addep-row", children: /* @__PURE__ */ jsxs("button", { type: "button", className: "lj-se-addep-btn", onClick: () => onEdit((p) => addEpisode(p)), children: [
+              /* @__PURE__ */ jsx(Plus, { className: "lj-se-ic-4", strokeWidth: 2 }),
+              " \u65B0\u589E\u4E00\u96C6"
+            ] }) });
+          case "asset-group-header":
+            return /* @__PURE__ */ jsx("div", { className: "lj-se-assetgroup-head", children: /* @__PURE__ */ jsx("span", { className: "lj-se-assetgroup-title", children: assetGroupLabel(item.group) }) });
+          case "asset-card":
+            return /* @__PURE__ */ jsx(
+              AssetCard,
+              {
+                data: value,
+                group: item.group,
+                assetId: item.assetId,
+                refs: distributions.get(`${item.group}:${item.assetId}`) ?? buildAssetRefs(value, item.group, item.assetId),
+                disabled,
+                onEdit,
+                onSelect: select,
+                onRequestAssetDelete
+              }
+            );
+          default:
+            return null;
+        }
+      }
+    }
+  ) });
+}
+function EpisodeMenu({
+  episodeIdx,
+  onEdit
+}) {
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      align: "start",
+      side: "bottom",
+      className: "lj-se-ephandle-pop",
+      panelClassName: "lj-se-rowmenu",
+      trigger: ({ open, toggle }) => /* @__PURE__ */ jsx("button", { type: "button", className: cn("lj-se-handle lj-se-ephandle", open && "is-open"), title: "\u96C6\u64CD\u4F5C", "aria-label": "\u96C6\u64CD\u4F5C", onClick: toggle, children: /* @__PURE__ */ jsx(GripVertical, { className: "lj-se-handle-grip", strokeWidth: 1.5 }) }),
+      children: ({ close }) => /* @__PURE__ */ jsx(
+        RowMenuPanel,
+        {
+          close,
+          sections: [
+            [{ icon: Plus, label: "\u5728\u4E0B\u65B9\u65B0\u589E\u4E00\u96C6", onSelect: () => onEdit((p) => addEpisode(p, episodeIdx + 1)) }],
+            [{ icon: Trash2, label: "\u5220\u9664\u6574\u96C6", onSelect: () => onEdit((p) => deleteEpisode(p, episodeIdx)), danger: true }]
+          ]
+        }
+      )
+    }
+  );
+}
+function EpisodeBanner({
+  episodeIdx,
+  episodeTitle,
+  projectTitle,
+  disabled,
+  onEdit
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "lj-se-epbanner", children: [
+    projectTitle !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "lj-se-epbanner-kicker", children: "\u5267\u672C" }),
+      /* @__PURE__ */ jsx("h1", { className: "lj-se-epbanner-script", children: /* @__PURE__ */ jsx(
+        EditableText,
+        {
+          value: projectTitle,
+          disabled,
+          placeholder: "\u672A\u547D\u540D",
+          onSave: (v) => onEdit((p) => ({ ...p, title: v }))
+        }
+      ) })
+    ] }) : null,
+    /* @__PURE__ */ jsx("h2", { className: "lj-se-epbanner-ep", children: /* @__PURE__ */ jsx(
+      EditableText,
+      {
+        value: episodeTitle,
+        disabled,
+        placeholder: "\u672A\u547D\u540D\u96C6",
+        onSave: (v) => onEdit((p) => ({
+          ...p,
+          episodes: p.episodes?.map((ep, i) => i === episodeIdx ? { ...ep, title: v } : ep) ?? p.episodes
+        }))
+      }
+    ) }),
+    /* @__PURE__ */ jsx("span", { className: "lj-se-epbanner-divider", "aria-hidden": true })
+  ] });
+}
+
+// src/diff/diff-engine.ts
+function sceneChangeKey(episodeIdx, sceneId) {
+  return `${episodeIdx}:${(sceneId ?? "").trim()}`;
+}
+function fieldChange(before, after) {
+  const b = (before ?? "").trim();
+  const a = (after ?? "").trim();
+  return b === a ? void 0 : { before: b, after: a };
+}
+function serializeScene(scene) {
+  const ctx = getSceneContext(scene);
+  return JSON.stringify({
+    environment: scene.environment ?? null,
+    actors: ctx.actors,
+    locations: ctx.locations,
+    props: ctx.props,
+    actions: scene.actions ?? []
+  });
+}
+function sceneById(episode) {
+  const map = /* @__PURE__ */ new Map();
+  for (const scene of episode?.scenes ?? []) {
+    const id = (scene.scene_id ?? "").trim();
+    if (id) map.set(id, scene);
+  }
+  return map;
+}
+function matchEpisode(episodes, ref, index) {
+  const list = episodes ?? [];
+  const id = ref.episode_id?.trim();
+  if (id) {
+    const byId = list.find((e) => e.episode_id?.trim() === id);
+    if (byId) return byId;
+  }
+  return list[index];
+}
+function computeChangeSet(baseline, current) {
+  const changedScenes = /* @__PURE__ */ new Map();
+  let removedCount = 0;
+  if (!baseline) {
+    return { changedScenes, removedCount, count: 0 };
+  }
+  const title = fieldChange(baseline.title, current.title);
+  const worldview = fieldChange(baseline.worldview, current.worldview);
+  const style = fieldChange(baseline.style, current.style);
+  const curEpisodes = current.episodes ?? [];
+  curEpisodes.forEach((episode, ei) => {
+    const baseMap = sceneById(matchEpisode(baseline.episodes, episode, ei));
+    for (const scene of episode.scenes ?? []) {
+      const id = (scene.scene_id ?? "").trim();
+      if (!id) continue;
+      const base = baseMap.get(id);
+      if (!base) {
+        changedScenes.set(sceneChangeKey(ei, id), "added");
+      } else if (base === scene) {
+        continue;
+      } else if (serializeScene(base) !== serializeScene(scene)) {
+        changedScenes.set(sceneChangeKey(ei, id), "modified");
+      }
+    }
+  });
+  (baseline.episodes ?? []).forEach((episode, ei) => {
+    const curMap = sceneById(matchEpisode(curEpisodes, episode, ei));
+    for (const scene of episode.scenes ?? []) {
+      const id = (scene.scene_id ?? "").trim();
+      if (id && !curMap.has(id)) removedCount += 1;
+    }
+  });
+  const count = (title ? 1 : 0) + (worldview ? 1 : 0) + (style ? 1 : 0) + changedScenes.size + removedCount;
+  return { title, worldview, style, changedScenes, removedCount, count };
+}
+function QuoteLayer({
+  containerRef,
+  onAddChatReferences
+}) {
+  const [pos, setPos] = useState(null);
+  const seqRef = useRef(0);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    function update(pointerX, pointerY) {
+      const sel = window.getSelection();
+      if (!sel || sel.isCollapsed || sel.rangeCount === 0) {
+        setPos(null);
+        return;
+      }
+      const range = sel.getRangeAt(0);
+      const anchor = sel.anchorNode ?? range.commonAncestorContainer;
+      const anchorEl = anchor instanceof Element ? anchor : anchor.parentElement;
+      const host = containerRef.current;
+      if (!host || !anchorEl || !host.contains(anchorEl)) {
+        setPos(null);
+        return;
+      }
+      if (!anchorEl.closest("[data-quote-source]")) {
+        setPos(null);
+        return;
+      }
+      const text = sel.toString().trim();
+      if (!text) {
+        setPos(null);
+        return;
+      }
+      const hostRect = host.getBoundingClientRect();
+      const left = Math.min(Math.max(8, pointerX - hostRect.left + 6), hostRect.width - 150);
+      const top = Math.min(Math.max(36, pointerY - hostRect.top - 6), hostRect.height - 8);
+      setPos({ top, left, text });
+    }
+    function onUp(e) {
+      const x = e.clientX;
+      const y = e.clientY;
+      requestAnimationFrame(() => update(x, y));
+    }
+    function onDown(e) {
+      if (e.target?.closest?.(".lj-se-quote-btn")) return;
+      setPos(null);
+    }
+    document.addEventListener("mouseup", onUp);
+    document.addEventListener("mousedown", onDown, true);
+    return () => {
+      document.removeEventListener("mouseup", onUp);
+      document.removeEventListener("mousedown", onDown, true);
+    };
+  }, [containerRef]);
+  if (!pos) return null;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: "lj-se-quote-btn",
+      style: { top: pos.top, left: pos.left },
+      onClick: () => {
+        seqRef.current += 1;
+        onAddChatReferences([
+          {
+            id: `quote-${seqRef.current}-${pos.text.length}`,
+            label: pos.text.length > 24 ? pos.text.slice(0, 24) + "\u2026" : pos.text,
+            text: pos.text
+          }
+        ]);
+        window.getSelection()?.removeAllRanges();
+        setPos(null);
+      },
+      children: [
+        /* @__PURE__ */ jsx(MessageSquareQuote, { className: "lj-se-icon-sm", strokeWidth: 1.5 }),
+        "\u5F15\u7528\u5230\u5BF9\u8BDD"
+      ]
+    }
+  );
+}
+function ScriptEditor({
+  value,
+  onEdit,
+  selection: controlledSelection,
+  onSelectionChange,
+  format: controlledFormat,
+  onFormatChange,
+  disabled = false,
+  className,
+  dark,
+  saveStatus = "idle",
+  canUndo,
+  canRedo,
+  onUndo,
+  onRedo,
+  onEditingChange,
+  diff,
+  asset,
+  agent,
+  onAddChatReferences,
+  onRequestAssetDelete
+}) {
+  const editingCount = useRef(0);
+  const onEditingChangeRef = useRef(onEditingChange);
+  onEditingChangeRef.current = onEditingChange;
+  const editingSignal = useMemo(
+    () => ({
+      inc: () => {
+        if ((editingCount.current += 1) === 1) onEditingChangeRef.current?.(true);
+      },
+      dec: () => {
+        editingCount.current = Math.max(0, editingCount.current - 1);
+        if (editingCount.current === 0) onEditingChangeRef.current?.(false);
+      }
+    }),
+    []
+  );
+  const [innerSelection, setInnerSelection] = useState(EMPTY_SELECTION);
+  const selection = controlledSelection ?? innerSelection;
+  const setSelection = useCallback(
+    (next) => {
+      setInnerSelection(next);
+      onSelectionChange?.(next);
+    },
+    [onSelectionChange]
+  );
+  const [innerFormat, setInnerFormat] = useState("standard");
+  const format = controlledFormat ?? innerFormat;
+  const setFormat = useCallback(
+    (next) => {
+      setInnerFormat(next);
+      onFormatChange?.(next);
+    },
+    [onFormatChange]
+  );
+  const changeSet = useMemo(
+    () => computeChangeSet(diff?.baseline ?? null, value),
+    [diff?.baseline, value]
+  );
+  const changedSceneKeys = useMemo(
+    () => new Set(changeSet.changedScenes.keys()),
+    [changeSet]
+  );
+  const changedSelections = useMemo(() => {
+    if (changedSceneKeys.size === 0) return [];
+    const out = [];
+    (value.episodes ?? []).forEach((episode, ei) => {
+      (episode.scenes ?? []).forEach((scene, si) => {
+        if (changedSceneKeys.has(sceneChangeKey(ei, scene.scene_id))) {
+          out.push({ kind: "scene", episodeIdx: ei, sceneIdx: si });
+        }
+      });
+    });
+    return out;
+  }, [value, changedSceneKeys]);
+  const canvasRef = useRef(null);
+  const [diffCursor, setDiffCursor] = useState(0);
+  const navDiff = useCallback(
+    (dir) => {
+      const list = changedSelections;
+      if (list.length === 0) return;
+      const next = (diffCursor + dir + list.length) % list.length;
+      setDiffCursor(next);
+      setSelection(withOrigin(list[next], "diff"));
+    },
+    [changedSelections, diffCursor, setSelection]
+  );
+  const contextLabel = buildContextLabel(value, selection);
+  const returnTarget = resolveReturnTarget(value, selection);
+  const rootClass = ["lj-se-root", dark ? "dark" : "", className].filter(Boolean).join(" ");
+  const center = /* @__PURE__ */ jsx(
+    ScriptStream,
+    {
+      value,
+      format,
+      disabled,
+      selection,
+      changedSceneKeys,
+      onEdit,
+      onSelectionChange: setSelection,
+      onRequestAssetDelete
+    }
+  );
+  return /* @__PURE__ */ jsx(EditingSignalContext.Provider, { value: editingSignal, children: /* @__PURE__ */ jsxs("div", { className: rootClass, children: [
+    /* @__PURE__ */ jsx(
+      StudioToc,
+      {
+        data: value,
+        selection,
+        onSelect: setSelection,
+        onAddEpisode: disabled ? void 0 : () => onEdit((p) => addEpisode(p))
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "lj-se-main", children: [
+      /* @__PURE__ */ jsx(
+        CanvasTopBar,
+        {
+          contextLabel,
+          format,
+          onFormatChange: setFormat,
+          canUndo,
+          canRedo,
+          onUndo,
+          onRedo
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "lj-se-canvas", ref: canvasRef, children: [
+        center,
+        onAddChatReferences ? /* @__PURE__ */ jsx(QuoteLayer, { containerRef: canvasRef, onAddChatReferences }) : null,
+        /* @__PURE__ */ jsx(
+          SaveCapsule,
+          {
+            saveStatus,
+            diffCount: diff ? changeSet.count : 0,
+            canApplyDiff: !!(diff?.onAcceptAll || diff?.onRejectAll),
+            onDiffPrev: changedSelections.length > 0 ? () => navDiff(-1) : void 0,
+            onDiffNext: changedSelections.length > 0 ? () => navDiff(1) : void 0,
+            onAcceptAll: diff?.onAcceptAll,
+            onRejectAll: diff?.onRejectAll,
+            returnLabel: returnTarget?.label,
+            onReturn: returnTarget ? () => setSelection(returnTarget.selection) : void 0
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+function buildContextLabel(value, selection) {
+  if (selection.kind === "worldview") {
+    return /* @__PURE__ */ jsx("span", { className: "lj-se-ctx-kicker", children: "\u4E16\u754C\u89C2 & \u98CE\u683C" });
+  }
+  if (selection.kind === "actor") {
+    const a = getActorMap(value.actors ?? []).get(selection.actorId);
+    return /* @__PURE__ */ jsx(Ctx, { kicker: "\u89D2\u8272", name: a ? getActorDisplayName(a) : selection.actorId });
+  }
+  if (selection.kind === "location") {
+    const l = getLocationMap(value.locations ?? []).get(selection.locationId);
+    return /* @__PURE__ */ jsx(Ctx, { kicker: "\u573A\u666F", name: l ? getLocationDisplayName(l) : selection.locationId });
+  }
+  if (selection.kind === "prop") {
+    const p = getPropMap(value.props ?? []).get(selection.propId);
+    return /* @__PURE__ */ jsx(Ctx, { kicker: "\u9053\u5177", name: p ? getPropDisplayName(p) : selection.propId });
+  }
+  const epIdx = selection.kind === "episode" || selection.kind === "scene" || selection.kind === "clip" ? selection.episodeIdx : null;
+  if (epIdx != null) {
+    const ep = value.episodes?.[epIdx];
+    if (ep) {
+      return /* @__PURE__ */ jsxs("span", { className: "lj-se-ctx", children: [
+        /* @__PURE__ */ jsxs("span", { className: "lj-se-ctx-kicker", children: [
+          "\u7B2C ",
+          getEpisodeNumberLabel(ep, epIdx),
+          " \u96C6"
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "lj-se-ctx-meta", children: [
+          ep.scenes?.length ?? 0,
+          " \u573A"
+        ] })
+      ] });
+    }
+  }
+  return /* @__PURE__ */ jsx("span", { className: "lj-se-ctx-kicker", children: "\u5267\u672C" });
+}
+function Ctx({ kicker, name }) {
+  return /* @__PURE__ */ jsxs("span", { className: "lj-se-ctx", children: [
+    /* @__PURE__ */ jsx("span", { className: "lj-se-ctx-kicker", children: kicker }),
+    /* @__PURE__ */ jsx("span", { className: "lj-se-ctx-name", children: name })
+  ] });
+}
+function resolveReturnTarget(value, selection) {
+  const from = selection.kind === "episode" || selection.kind === "scene" || selection.kind === "clip" ? selection.from : void 0;
+  if (!from) return null;
+  let label;
+  if (from.kind === "actor") {
+    const a = getActorMap(value.actors ?? []).get(from.actorId);
+    label = a ? getActorDisplayName(a) : from.actorId;
+  } else if (from.kind === "location") {
+    const l = getLocationMap(value.locations ?? []).get(from.locationId);
+    label = l ? getLocationDisplayName(l) : from.locationId;
+  } else {
+    const p = getPropMap(value.props ?? []).get(from.propId);
+    label = p ? getPropDisplayName(p) : from.propId;
+  }
+  return { label, selection: withOrigin(fromToSelection(from), "reference") };
+}
+
+// src/mutations/index.ts
+var mutations_exports = {};
+__export(mutations_exports, {
+  addBlankScene: () => addBlankScene,
+  addEntityState: () => addEntityState,
+  addEpisode: () => addEpisode,
+  buildNewScriptItem: () => buildNewScriptItem,
+  buildSceneDraft: () => buildSceneDraft,
+  createItemFromDraft: () => createItemFromDraft,
+  createSceneFromDraft: () => createSceneFromDraft,
+  decrementSceneId: () => decrementSceneId,
+  deleteEpisode: () => deleteEpisode,
+  deleteScene: () => deleteScene,
+  deleteSceneItem: () => deleteSceneItem,
+  getPrimarySceneLocationId: () => getPrimarySceneLocationId,
+  getSceneActorsText: () => getSceneActorsText,
+  incrementSceneId: () => incrementSceneId,
+  insertScene: () => insertScene,
+  insertSceneItem: () => insertSceneItem,
+  mergeSceneIntoPrev: () => mergeSceneIntoPrev,
+  moveSceneItem: () => moveSceneItem,
+  moveScriptItem: () => moveScriptItem,
+  nextAvailableSceneId: () => nextAvailableSceneId,
+  nextEpisodeSceneId: () => nextEpisodeSceneId,
+  pickInheritedActorId: () => pickInheritedActorId,
+  removeEntityState: () => removeEntityState,
+  replaceSceneItem: () => replaceSceneItem,
+  splitScene: () => splitScene,
+  updateEntityDescription: () => updateEntityDescription,
+  updateEntityName: () => updateEntityName,
+  updateEntityStateField: () => updateEntityStateField,
+  updateSceneActorState: () => updateSceneActorState,
+  updateSceneField: () => updateSceneField,
+  updateSceneItemActor: () => updateSceneItemActor,
+  updateSceneItemContent: () => updateSceneItemContent,
+  updateSceneItemEmotion: () => updateSceneItemEmotion,
+  updateSceneItemType: () => updateSceneItemType,
+  updateSceneLocationState: () => updateSceneLocationState,
+  updateScenePropState: () => updateScenePropState
+});
+
+export { DeleteConfirmButton, EMPTY_SELECTION, EditableText, Popover, ScriptContentType, ScriptEditor, SelectField, buildSelectionFrom, computeChangeSet, fromToSelection, getActorCueVar, getActorMap, getEpisodeTitle, getLocationMap, getPropMap, getSceneContext, getSelectionEpisodeIdx, getSpeakerMap, isClipSelected, isEpisodeOpen, isSameSelectionTarget, isSceneSelected, mutations_exports as mutations, sceneChangeKey, selectionTargetKey, withOrigin };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map