@lingjingai/script-editor 0.3.1 → 0.4.1

package/dist/index.d.ts

@@ -265,6 +265,15 @@ declare function getSceneContext(scene: Scene): {
         state_id?: string | null;
     }[];
 };
+/**
+ * Count how many scenes each asset appears in (its scene-cast / location / prop
+ * refs), in one pass. Drives the TOC's "出现次数" sort. v3-aware via getSceneContext.
+ */
+declare function countAssetAppearances(data: ScriptProject): {
+    actors: Map<string, number>;
+    locations: Map<string, number>;
+    props: Map<string, number>;
+};
 declare function getEpisodeTitle(episode: ScriptEpisode, index: number): string;
 
 interface SelectOption {
@@ -289,6 +298,33 @@ type ScriptFormat = "standard" | "asian";
 
 type SaveStatus = "idle" | "saving" | "saved" | "error";
 
+/**
+ * Flattens a ScriptProject into ONE continuous, stable-keyed item list for the
+ * virtualized stream — mirroring agent-frontend's single global scroll:
+ *   each episode (episode-header → scene → scene → …)
+ *   → asset groups (角色 / 场景 / 道具: group-header → asset-card × N)
+ * Plus selection ↔ flatIndex lookups (two-way) for scroll/scrollspy sync.
+ * (世界观 & 风格 is edited in a dialog now, not inline — see ScriptEditor.)
+ */
+
+type AssetGroup = "actors" | "locations" | "props";
+/** An asset as seen by `assetSort` — enough to reproduce any TOC ordering
+ *  (by name / importance / appearance count) host-side. */
+interface AssetSortItem {
+    group: AssetGroup;
+    id: string;
+    name: string;
+    importance?: string;
+    /** appearance count (scenes referencing this asset). */
+    count: number;
+}
+/** The built-in asset ordering, ALSO used by the bundled StudioToc: background
+ *  last, then appearance count desc, ties by name. This is the single source of
+ *  truth so the built-in TOC and the preview agree by default. Hosts override
+ *  BOTH by passing their own comparator as `assetSort` (and feeding the same one
+ *  to their own TOC). */
+declare function defaultAssetSort(a: AssetSortItem, b: AssetSortItem): number;
+
 /**
  * Reference focus — the INVERSE of "quote to chat". The host pushes a
  * ScriptReferenceFocusRequest (e.g. when a chat message / comment that quotes
@@ -576,6 +612,10 @@ interface ScriptEditorProps extends ScriptEditorAdapters {
         sceneId: string;
         actionIndex: number;
     }) => void;
+    /** order assets within each group in the preview (角色/场景/道具). Feed the SAME
+     *  comparator your TOC uses so the left nav and right preview stay in lockstep.
+     *  Omit → script.json array order. */
+    assetSort?: (a: AssetSortItem, b: AssetSortItem) => number;
 }
 /** A host range highlight targeting one action (same coords as DiffActionMark). */
 interface ScriptHighlight {
@@ -587,7 +627,7 @@ interface ScriptHighlight {
     className?: string;
     style?: React.CSSProperties;
 }
-declare function ScriptEditor({ value, onEdit: onEditProp, selection: controlledSelection, onSelectionChange, format: controlledFormat, onFormatChange, disabled, className, dark, toc, onTitleChange, topBarActions, saveStatus, canUndo, canRedo, onUndo, onRedo, onEditingChange, referenceFocusRequest, scrollScopeKey, showAssets, showTitle, showFormatToggle, paper, showTimestamp, highlights, contentWidth, showSaveCapsule, onActionHover, onActionClick, diff, asset, onAddChatReferences, onRequestAssetDelete, }: ScriptEditorProps): react.JSX.Element;
+declare function ScriptEditor({ value, onEdit: onEditProp, selection: controlledSelection, onSelectionChange, format: controlledFormat, onFormatChange, disabled, className, dark, toc, onTitleChange, topBarActions, saveStatus, canUndo, canRedo, onUndo, onRedo, onEditingChange, referenceFocusRequest, scrollScopeKey, showAssets, showTitle, showFormatToggle, paper, showTimestamp, highlights, contentWidth, showSaveCapsule, onActionHover, onActionClick, assetSort, diff, asset, onAddChatReferences, onRequestAssetDelete, }: ScriptEditorProps): react.JSX.Element;
 
 /**
  * Action timestamps live at `action.extend.timestamp` as an in-episode
@@ -898,4 +938,4 @@ declare function DeleteConfirmButton({ onConfirm, disabled, targetScope, title,
     description?: string;
 }): react.JSX.Element;
 
-export { type AssetAdapter, type AssetDeleteRequest, type AssetState, type ChangeSet, type ChatReference, DeleteConfirmButton, type DiffActionMark, type DiffAdapter, type DiffSceneMark, EMPTY_SELECTION, EditableText, type EpisodeWorkspaceView, type FieldChange, type Importance, type ParsedTimestamp, Popover, type SaveStatus, type Scene, type SceneActionDiff, type SceneChangeKind, type SceneContext, type SceneEnvironment, type ScriptActor, ScriptContentType, type ScriptData, ScriptEditor, type ScriptEditorAdapters, type ScriptEditorProps, type ScriptEpisode, type ScriptFormat, type ScriptHighlight, type ScriptItem, type ScriptLocation, type ScriptNav, type ScriptNavEntity, type ScriptNavEpisode, type ScriptNavScene, type ScriptProject, type ScriptProp, type ScriptReferenceFocusRequest, type ScriptReferenceLocator, type ScriptSpeaker, type ScriptTargetKind, SelectField, type StateChange, type StudioSelection, type StudioSelectionFrom, type StudioSelectionOrigin, type TransitionPrompt, type V3Speaker, acceptActionIntoBaseline, acceptSceneIntoBaseline, applyActionAccept, applyActionReject, buildActionDiff, buildDiffFromBaseline, buildScriptNav, buildSelectionFrom, changeSetToDiffScenes, computeChangeSet, computeSceneActionDiff, findBaselineScene, formatTimestamp, fromToSelection, getActorCueVar, getActorMap, getEpisodeTitle, getLocationMap, getPropMap, getSceneContext, getSelectionEpisodeIdx, getSpeakerMap, isClipSelected, isEpisodeOpen, isSameSelectionTarget, isSceneSelected, index as mutations, rejectActionToBaseline, rejectSceneToBaseline, sceneChangeKey, selectionFromScriptReference, selectionTargetKey, withOrigin };
+export { type AssetAdapter, type AssetDeleteRequest, type AssetSortItem, type AssetState, type ChangeSet, type ChatReference, DeleteConfirmButton, type DiffActionMark, type DiffAdapter, type DiffSceneMark, EMPTY_SELECTION, EditableText, type EpisodeWorkspaceView, type FieldChange, type Importance, type ParsedTimestamp, Popover, type SaveStatus, type Scene, type SceneActionDiff, type SceneChangeKind, type SceneContext, type SceneEnvironment, type ScriptActor, ScriptContentType, type ScriptData, ScriptEditor, type ScriptEditorAdapters, type ScriptEditorProps, type ScriptEpisode, type ScriptFormat, type ScriptHighlight, type ScriptItem, type ScriptLocation, type ScriptNav, type ScriptNavEntity, type ScriptNavEpisode, type ScriptNavScene, type ScriptProject, type ScriptProp, type ScriptReferenceFocusRequest, type ScriptReferenceLocator, type ScriptSpeaker, type ScriptTargetKind, SelectField, type StateChange, type StudioSelection, type StudioSelectionFrom, type StudioSelectionOrigin, type TransitionPrompt, type V3Speaker, acceptActionIntoBaseline, acceptSceneIntoBaseline, applyActionAccept, applyActionReject, buildActionDiff, buildDiffFromBaseline, buildScriptNav, buildSelectionFrom, changeSetToDiffScenes, computeChangeSet, computeSceneActionDiff, countAssetAppearances, defaultAssetSort, findBaselineScene, formatTimestamp, fromToSelection, getActorCueVar, getActorMap, getEpisodeTitle, getLocationMap, getPropMap, getSceneContext, getSelectionEpisodeIdx, getSpeakerMap, isClipSelected, isEpisodeOpen, isSameSelectionTarget, isSceneSelected, index as mutations, rejectActionToBaseline, rejectSceneToBaseline, sceneChangeKey, selectionFromScriptReference, selectionTargetKey, withOrigin };

package/dist/index.js

@@ -471,6 +471,137 @@ function getDialogueDeliveryLabel(delivery) {
   return "";
 }
 
+// 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 defaultAssetSort(a, b) {
+  const bgA = a.importance === "background" ? 1 : 0;
+  const bgB = b.importance === "background" ? 1 : 0;
+  return bgA - bgB || b.count - a.count || a.name.localeCompare(b.name, "zh");
+}
+function buildFlatStream(data, opts = {}) {
+  const includeAssets = opts.includeAssets ?? true;
+  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);
+  };
+  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" });
+  if (includeAssets) {
+    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}`)) }
+    ];
+    const sort = opts.assetSort ?? defaultAssetSort;
+    const counts = countAssetAppearances(data);
+    const actorMap = getActorMap(data.actors ?? []);
+    const locationMap = getLocationMap(data.locations ?? []);
+    const propMap = getPropMap(data.props ?? []);
+    const enrich = (group, id) => {
+      if (group === "actors") return { group, id, name: getActorDisplayName(actorMap.get(id)) || id, importance: actorMap.get(id)?.importance, count: counts.actors.get(id) ?? 0 };
+      if (group === "locations") return { group, id, name: getLocationDisplayName(locationMap.get(id)) || id, importance: locationMap.get(id)?.importance, count: counts.locations.get(id) ?? 0 };
+      return { group, id, name: getPropDisplayName(propMap.get(id)) || id, importance: propMap.get(id)?.importance, count: counts.props.get(id) ?? 0 };
+    };
+    for (const spec of specs) {
+      spec.ids = spec.ids.map((id) => enrich(spec.group, id)).sort(sort).map((it) => it.id);
+    }
+    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 "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 "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/cn.ts
 function cn(...parts) {
   return parts.filter(Boolean).join(" ");
@@ -501,7 +632,8 @@ function StudioToc({
   data,
   selection,
   onSelect,
-  onAddEpisode
+  onAddEpisode,
+  assetSort
 }) {
   const episodes = data.episodes ?? [];
   const [episodesOpen, setEpisodesOpen] = useState(true);
@@ -576,7 +708,9 @@ function StudioToc({
       {
         icon: Users,
         label: "\u89D2\u8272",
+        group: "actors",
         emptyText: "\u5C1A\u65E0\u89D2\u8272",
+        sort: assetSort,
         items: (data.actors ?? []).map((a) => {
           const id = (a.actor_id ?? "").trim();
           return { id, name: getActorDisplayName(a), importance: a.importance, count: counts.actors.get(id) ?? 0 };
@@ -591,7 +725,9 @@ function StudioToc({
       {
         icon: MapPin,
         label: "\u573A\u666F",
+        group: "locations",
         emptyText: "\u5C1A\u65E0\u573A\u666F",
+        sort: assetSort,
         items: (data.locations ?? []).map((l) => {
           const id = (l.location_id ?? "").trim();
           return { id, name: getLocationDisplayName(l), importance: l.importance, count: counts.locations.get(id) ?? 0 };
@@ -606,7 +742,9 @@ function StudioToc({
       {
         icon: Package,
         label: "\u9053\u5177",
+        group: "props",
         emptyText: "\u5C1A\u65E0\u9053\u5177",
+        sort: assetSort,
         items: (data.props ?? []).map((p) => {
           const id = (p.prop_id ?? "").trim();
           return { id, name: getPropDisplayName(p), importance: p.importance, count: counts.props.get(id) ?? 0 };
@@ -618,21 +756,47 @@ function StudioToc({
     )
   ] });
 }
+function TocLabel({ text, className }) {
+  const ref = useRef(null);
+  const [tip, setTip] = useState(null);
+  const onEnter = () => {
+    const el = ref.current;
+    if (!el || el.scrollWidth <= el.clientWidth) return;
+    const r = el.getBoundingClientRect();
+    setTip({ x: r.right, y: r.top + r.height / 2 });
+  };
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className,
+        onMouseEnter: onEnter,
+        onMouseLeave: () => setTip(null),
+        children: text
+      }
+    ),
+    tip ? /* @__PURE__ */ jsx("span", { className: "lj-se-toc-tip", style: { left: tip.x, top: tip.y }, role: "tooltip", children: text }) : null
+  ] });
+}
 function EntityGroup({
   icon: Icon,
   label,
+  group,
   emptyText,
   items,
+  sort,
   highlighted,
   isActive,
   onPick
 }) {
   const [open, setOpen] = useState(true);
   const [bgOpen, setBgOpen] = useState(false);
-  const byCount = (a, b) => b.count - a.count || a.name.localeCompare(b.name, "zh");
+  const cmp = sort ?? defaultAssetSort;
+  const byCmp = (a, b) => cmp({ group, ...a }, { group, ...b });
   const valid = items.filter((i) => i.id);
-  const featured = valid.filter((i) => i.importance !== "background").sort(byCount);
-  const background = valid.filter((i) => i.importance === "background").sort(byCount);
+  const featured = valid.filter((i) => i.importance !== "background").sort(byCmp);
+  const background = valid.filter((i) => i.importance === "background").sort(byCmp);
   const row = (i, bg = false) => /* @__PURE__ */ jsxs(
     "button",
     {
@@ -641,7 +805,7 @@ function EntityGroup({
       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 }),
+        /* @__PURE__ */ jsx(TocLabel, { className: "lj-se-tocitem-label", text: i.name }),
         i.count > 0 ? /* @__PURE__ */ jsx("span", { className: "lj-se-tocitem-meta", children: i.count }) : null
       ]
     },
@@ -2847,119 +3011,6 @@ function SceneEditorImpl({
 }
 var SceneEditor = memo(SceneEditorImpl);
 
-// 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, opts = {}) {
-  const includeAssets = opts.includeAssets ?? true;
-  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);
-  };
-  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" });
-  if (includeAssets) {
-    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 "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 "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",
@@ -3659,6 +3710,7 @@ function ScriptStream({
   onRejectAction,
   scrollScopeKey,
   includeAssets = true,
+  assetSort,
   paper = true,
   showTimestamp = false,
   highlights,
@@ -3668,7 +3720,7 @@ function ScriptStream({
   onSelectionChange,
   onRequestAssetDelete
 }) {
-  const stream = useMemo(() => buildFlatStream(value, { includeAssets }), [value, includeAssets]);
+  const stream = useMemo(() => buildFlatStream(value, { includeAssets, assetSort }), [value, includeAssets, assetSort]);
   const highlightsByScene = useMemo(() => {
     const m = /* @__PURE__ */ new Map();
     for (const h of highlights ?? []) {
@@ -4640,6 +4692,7 @@ function ScriptEditor({
   showSaveCapsule = true,
   onActionHover,
   onActionClick,
+  assetSort,
   diff,
   asset,
   onAddChatReferences,
@@ -4801,6 +4854,7 @@ function ScriptEditor({
       onRejectAction: diff?.onRejectAction,
       scrollScopeKey,
       includeAssets: showAssets,
+      assetSort,
       paper,
       showTimestamp,
       highlights: streamHighlights,
@@ -4824,7 +4878,8 @@ function ScriptEditor({
             data: value,
             selection,
             onSelect: setSelection,
-            onAddEpisode: disabled ? void 0 : () => onEdit((p) => addEpisode(p))
+            onAddEpisode: disabled ? void 0 : () => onEdit((p) => addEpisode(p)),
+            assetSort
           }
         ) : null,
         /* @__PURE__ */ jsxs("div", { className: "lj-se-main", children: [
@@ -5077,6 +5132,6 @@ function DeleteConfirmButton({
   );
 }
 
-export { DeleteConfirmButton, EMPTY_SELECTION, EditableText, Popover, ScriptContentType, ScriptEditor, SelectField, acceptActionIntoBaseline, acceptSceneIntoBaseline, applyActionAccept, applyActionReject, buildActionDiff, buildDiffFromBaseline, buildScriptNav, buildSelectionFrom, changeSetToDiffScenes, computeChangeSet, computeSceneActionDiff, findBaselineScene, formatTimestamp, fromToSelection, getActorCueVar, getActorMap, getEpisodeTitle, getLocationMap, getPropMap, getSceneContext, getSelectionEpisodeIdx, getSpeakerMap, isClipSelected, isEpisodeOpen, isSameSelectionTarget, isSceneSelected, mutations_exports as mutations, rejectActionToBaseline, rejectSceneToBaseline, sceneChangeKey, selectionFromScriptReference, selectionTargetKey, withOrigin };
+export { DeleteConfirmButton, EMPTY_SELECTION, EditableText, Popover, ScriptContentType, ScriptEditor, SelectField, acceptActionIntoBaseline, acceptSceneIntoBaseline, applyActionAccept, applyActionReject, buildActionDiff, buildDiffFromBaseline, buildScriptNav, buildSelectionFrom, changeSetToDiffScenes, computeChangeSet, computeSceneActionDiff, countAssetAppearances, defaultAssetSort, findBaselineScene, formatTimestamp, fromToSelection, getActorCueVar, getActorMap, getEpisodeTitle, getLocationMap, getPropMap, getSceneContext, getSelectionEpisodeIdx, getSpeakerMap, isClipSelected, isEpisodeOpen, isSameSelectionTarget, isSceneSelected, mutations_exports as mutations, rejectActionToBaseline, rejectSceneToBaseline, sceneChangeKey, selectionFromScriptReference, selectionTargetKey, withOrigin };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map