fix code rabbits comment which is valid

src/components/launch/LaunchWindow.tsx

@@ -515,6 +515,7 @@ function LaunchWindowContent() {
 						<div
 							ref={recordingWebcamPreviewContainerRef}
 							className={`${styles.recordingWebcamPreview} ${styles.electronNoDrag} pointer-events-auto`}
+							data-hud-interactive
 							title={t("recording.webcam")}
 							style={{
 								transform: `translate(${webcamPreviewOffset.x}px, ${webcamPreviewOffset.y}px)`,

src/components/launch/hooks/useLaunchHudInteractionState.ts

@@ -12,6 +12,7 @@ export function useLaunchHudInteractionState({
 	webcamPreviewDragStartRef: RefObject<unknown>;
 }) {
 	const isMouseOverHudRef = useRef(false);
+	const timeoutRef = useRef<NodeJS.Timeout | null>(null);
 
 	useEffect(() => {
 		if (openId !== null) {
@@ -31,7 +32,7 @@ export function useLaunchHudInteractionState({
 			const target = e.target as HTMLElement | null;
 			if (!target) return;
 			const isInteractive = !!target.closest(
-				'.pointer-events-auto, [data-radix-popper-content-wrapper], [class*="menuCard"], [class*="recordingWebcamPreview"]'
+				".pointer-events-auto, [data-hud-interactive], [data-radix-popper-content-wrapper]"
 			);
 
 			if (isInteractive) {
@@ -69,8 +70,6 @@ export function useLaunchHudInteractionState({
 		window.electronAPI?.hudOverlaySetIgnoreMouse?.(false);
 	}, []);
 
-	const timeoutRef = useRef<NodeJS.Timeout | null>(null);
-
 	const handleHudMouseLeave = useCallback((event: MouseEvent<HTMLDivElement>) => {
 		const nextTarget = event.relatedTarget;
 		if (nextTarget instanceof Node && event.currentTarget.contains(nextTarget)) {

src/components/launch/popovers/PopoverScaffold.tsx

@@ -80,6 +80,7 @@ export function HudPopover({
 			<PopoverTrigger asChild>{trigger}</PopoverTrigger>
 			<PopoverContent
 				className={`launch-theme ${styles.menuCard} ${styles.electronNoDrag}`}
+				data-hud-interactive
 				unstyled
 				side="top"
 				align={align}