feat: extend rundown shortcuts

apps/client/src/views/cuesheet/cuesheet-table/CuesheetTable.tsx

@@ -45,6 +45,8 @@ export default function CuesheetTable({ columns, cuesheetMode, tableRoot = 'cues
 
   const selectedEventId = useSelectedEventId();
   const cursor = useEventSelection((state) => state.cursor);
+  const scrollToEntry = useEventSelection((state) => state.scrollToEntry);
+  const setScrollHandler = useEventSelection((state) => state.setScrollHandler);
 
   const virtuosoRef = useRef<TableVirtuosoHandle | null>(null);
   const { listeners } = useTableNav();
@@ -114,24 +116,34 @@ export default function CuesheetTable({ columns, cuesheetMode, tableRoot = 'cues
     setColumnSizing({});
   }, [setColumnSizing]);
 
-  // Follow selection changes depending on mode
+  // Auto-scroll only in run mode, routed through the shared scroll handler
   useEffect(() => {
-    if (virtuosoRef.current === null) {
+    if (cuesheetMode !== AppMode.Run || !selectedEventId) {
       return;
     }
 
-    const targetId = cuesheetMode === AppMode.Run ? selectedEventId : cursor ?? selectedEventId;
-    if (!targetId) {
-      return;
-    }
+    scrollToEntry(selectedEventId);
+  }, [cuesheetMode, data, selectedEventId, scrollToEntry]);
 
-    const eventIndex = data.findIndex((event) => event.id === targetId);
-    if (eventIndex === -1) {
-      return;
-    }
+  // Provide an imperative scroll handler for explicit jumps (finder/keyboard)
+  useEffect(() => {
+    setScrollHandler(`cuesheet-table-${tableRoot}`, (entryId) => {
+      if (virtuosoRef.current === null) {
+        return;
+      }
 
-    virtuosoRef.current.scrollToIndex({ index: eventIndex, behavior: 'smooth', align: 'start', offset: -50 });
-  }, [cuesheetMode, data, selectedEventId, cursor]);
+      const eventIndex = data.findIndex((event) => event.id === entryId);
+      if (eventIndex === -1) {
+        return;
+      }
+
+      virtuosoRef.current.scrollToIndex({ index: eventIndex, behavior: 'smooth', align: 'start', offset: -50 });
+    });
+
+    return () => {
+      setScrollHandler(`cuesheet-table-${tableRoot}`, null);
+    };
+  }, [data, setScrollHandler, tableRoot]);
 
   /**
    * To improve performance on resizing, we memoise the column sizes

apps/client/src/views/editor/finder/useFinder.tsx

@@ -45,6 +45,7 @@ export default function useFinder() {
   const lastSearchString = useRef('');
 
   const setSelectedEvents = useEventSelection((state) => state.setSelectedEvents);
+  const scrollToEntry = useEventSelection((state) => state.scrollToEntry);
 
   const [collapsedGroups, setCollapsedGroups] = useSessionStorage<EntryId[]>({
     // we ensure that this is unique to the rundown
@@ -234,8 +235,9 @@ export default function useFinder() {
 
       // Then select the event
       setSelectedEvents({ id: selectedEvent.id, index: selectedEvent.index, selectMode: 'click' });
+      scrollToEntry(selectedEvent.id);
     },
-    [collapsedGroups, setCollapsedGroups, setSelectedEvents],
+    [collapsedGroups, setCollapsedGroups, setSelectedEvents, scrollToEntry],
   );
 
   /** clear results when source data changes */