@lingjingai/script-editor 0.3.0 → 0.3.1

package/dist/index.d.ts

@@ -563,6 +563,19 @@ interface ScriptEditorProps extends ScriptEditorAdapters {
     /** the floating bottom-center capsule (save status + AI-diff + 返回 breadcrumb).
      *  Default true. Set false for a pure display surface with no floating chrome. */
     showSaveCapsule?: boolean;
+    /** per-action hover (target on enter, null on leave) — pair with `highlights`
+     *  to build a hover-to-highlight effect entirely host-side. */
+    onActionHover?: (target: {
+        episodeIdx: number;
+        sceneId: string;
+        actionIndex: number;
+    } | null) => void;
+    /** per-action click, with full address. */
+    onActionClick?: (target: {
+        episodeIdx: number;
+        sceneId: string;
+        actionIndex: number;
+    }) => void;
 }
 /** A host range highlight targeting one action (same coords as DiffActionMark). */
 interface ScriptHighlight {
@@ -574,7 +587,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, 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, diff, asset, onAddChatReferences, onRequestAssetDelete, }: ScriptEditorProps): react.JSX.Element;
 
 /**
  * Action timestamps live at `action.extend.timestamp` as an in-episode

package/dist/index.js

@@ -2650,6 +2650,8 @@ function SceneEditorImpl({
   actionDiff,
   showTimestamp = false,
   highlights,
+  onActionHover,
+  onActionClick,
   onEdit,
   onNavigateAsset,
   onRequestAssetDelete
@@ -2657,6 +2659,7 @@ function SceneEditorImpl({
   const [pendingEdit, setPendingEdit] = useState(null);
   const { actorMap, speakerMap, locationMap, propMap } = maps;
   const actions = scene.actions ?? [];
+  const sceneId = scene.scene_id ?? "";
   const actorOptions = useMemo(() => {
     const out = [];
     for (const a of actorMap.values()) {
@@ -2769,6 +2772,9 @@ function SceneEditorImpl({
               style: hl?.style,
               onDragOver: (e) => onSlotDragOver(e, idx),
               onDrop: onSlotDrop,
+              onMouseEnter: onActionHover ? () => onActionHover({ episodeIdx: episodeIndex, sceneId, actionIndex: idx }) : void 0,
+              onMouseLeave: onActionHover ? () => onActionHover(null) : void 0,
+              onClick: onActionClick ? () => onActionClick({ episodeIdx: episodeIndex, sceneId, actionIndex: idx }) : void 0,
               children: [
                 ts ? /* @__PURE__ */ jsx("span", { className: "lj-se-ts", title: ts.full, children: ts.mmss }) : null,
                 mark ? /* @__PURE__ */ jsx(
@@ -3656,6 +3662,8 @@ function ScriptStream({
   paper = true,
   showTimestamp = false,
   highlights,
+  onActionHover,
+  onActionClick,
   onEdit,
   onSelectionChange,
   onRequestAssetDelete
@@ -3857,6 +3865,8 @@ function ScriptStream({
                   focused,
                   showTimestamp,
                   highlights: highlightsByScene.get(diffKey),
+                  onActionHover,
+                  onActionClick,
                   onEdit,
                   onNavigateAsset: select,
                   onRequestAssetDelete
@@ -4628,6 +4638,8 @@ function ScriptEditor({
   highlights,
   contentWidth,
   showSaveCapsule = true,
+  onActionHover,
+  onActionClick,
   diff,
   asset,
   onAddChatReferences,
@@ -4792,6 +4804,8 @@ function ScriptEditor({
       paper,
       showTimestamp,
       highlights: streamHighlights,
+      onActionHover,
+      onActionClick,
       onEdit,
       onSelectionChange: setSelection,
       onRequestAssetDelete