feat: enhance Recording Studio with reorderable events, origin options, and hover previews

types/record-mode.ts

@@ -3,11 +3,12 @@ export interface RecordEvent {
   type: 'click' | 'scroll' | 'wait' | 'hover';
   selector?: string; // CSS selector
   timestamp: number; // Time in ms since start of recording
-  duration: number; // Duration of the action (e.g. scroll duration)
+  duration: number; // Duration allocated for this action in playback
   zoom?: number; // Zoom level during event
   description?: string; // Optional label
   motionBlur?: boolean; // Enable motion blur effect
   rect?: { x: number; y: number; width: number; height: number }; // Element position for rendering
+  clickOrigin?: 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 }
 
 export interface RecordingSession {