fix: rundown shortcuts

apps/client/src/features/rundown/Rundown.tsx

@@ -247,13 +247,25 @@ export default function Rundown({ data }: RundownProps) {
 
     ['mod + Backspace', () => deleteAtCursor(cursor), { preventDefault: true }],
 
-    ['alt + E', () => insertAtId({ type: SupportedEntry.Event }, cursor), { preventDefault: true }],
+    [
+      'alt + E',
+      () => insertAtId({ type: SupportedEntry.Event }, cursor),
+      { preventDefault: true, usePhysicalKeys: true },
+    ],
     ['alt + shift + E', () => insertAtId({ type: SupportedEntry.Event }, cursor, true), { preventDefault: true }],
 
-    ['alt + B', () => insertAtId({ type: SupportedEntry.Block }, cursor), { preventDefault: true }],
+    [
+      'alt + B',
+      () => insertAtId({ type: SupportedEntry.Block }, cursor),
+      { preventDefault: true, usePhysicalKeys: true },
+    ],
     ['alt + shift + B', () => insertAtId({ type: SupportedEntry.Block }, cursor, true), { preventDefault: true }],
 
-    ['alt + D', () => insertAtId({ type: SupportedEntry.Delay }, cursor), { preventDefault: true }],
+    [
+      'alt + D',
+      () => insertAtId({ type: SupportedEntry.Delay }, cursor),
+      { preventDefault: true, usePhysicalKeys: true },
+    ],
     ['alt + shift + D', () => insertAtId({ type: SupportedEntry.Delay }, cursor, true), { preventDefault: true }],
 
     ['mod + C', () => setEntryCopyId(cursor)],

apps/client/src/features/rundown/rundown-block/RundownBlock.tsx

@@ -105,6 +105,7 @@ export default function RundownBlock({ data, hasCursor, collapsed, onCollapse }:
         ...(binderColours ? { '--user-bg': binderColours.backgroundColor } : {}),
         ...dragStyle,
       }}
+      data-testid='rundown-block'
     >
       <div className={style.binder} style={{ ...binderColours }} tabIndex={-1}>
         <span

apps/client/src/features/rundown/rundown-delay/RundownDelay.tsx

@@ -58,7 +58,7 @@ export default function RundownDelay({ data, hasCursor }: RundownDelayProps) {
   const blockClasses = cx([style.delay, hasCursor ? style.hasCursor : null]);
 
   return (
-    <div className={blockClasses} ref={setNodeRef} style={dragStyle}>
+    <div className={blockClasses} ref={setNodeRef} style={dragStyle} data-testid='rundown-delay'>
       <span className={style.drag} ref={handleRef} {...dragAttributes} {...dragListeners}>
         <IoReorderTwo />
       </span>

apps/client/src/features/rundown/rundown-event/RundownEvent.tsx

@@ -12,6 +12,7 @@ import {
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { EndAction, EntryId, OntimeEvent, Playback, TimerType, TimeStrategy } from 'ontime-types';
+import { isPlaybackActive } from 'ontime-utils';
 
 import { useContextMenu } from '../../../common/hooks/useContextMenu';
 import { cx, getAccessibleColour } from '../../../common/utils/styleUtils';
@@ -248,6 +249,8 @@ export default function RundownEvent({
     setSelectedEvents({ id: eventId, index, selectMode: editMode });
   };
 
+  const isPlaying = playback ? isPlaybackActive(playback) : false;
+
   return (
     <div
       className={blockClasses}
@@ -255,7 +258,8 @@ export default function RundownEvent({
       style={dragStyle}
       onClick={handleFocusClick}
       onContextMenu={onContextMenu}
-      id='event-block'
+      data-testid='rundown-event'
+      {...(isPlaying ? { 'data-running': true } : {})}
     >
       <RundownIndicators timeStart={timeStart} delay={delay} gap={gap} isNextDay={isNextDay} />