chore: remove debugging throughout codebase

apps/web/src/components/ui/context-menu.tsx

@@ -17,7 +17,6 @@ function ContextMenu({
 	...props
 }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
 	const handleOpenChange = useOverlayOpenChange({
-		source: "context-menu",
 		onOpenChange,
 	});
 	return (

apps/web/src/components/ui/dialog.tsx

@@ -12,12 +12,15 @@ function Dialog({
 	...props
 }: React.ComponentProps<typeof DialogPrimitive.Root>) {
 	const handleOpenChange = useOverlayOpenChange({
-		source: "dialog",
 		open,
 		onOpenChange,
 	});
 	return (
-		<DialogPrimitive.Root open={open} onOpenChange={handleOpenChange} {...props} />
+		<DialogPrimitive.Root
+			open={open}
+			onOpenChange={handleOpenChange}
+			{...props}
+		/>
 	);
 }
 

apps/web/src/components/ui/dropdown-menu.tsx

@@ -13,7 +13,6 @@ function DropdownMenu({
 	...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
 	const handleOpenChange = useOverlayOpenChange({
-		source: "dropdown-menu",
 		open,
 		onOpenChange,
 	});
@@ -110,7 +109,7 @@ const DropdownMenuContent = React.forwardRef<
 			)}
 			{...props}
 		/>
-</DropdownMenuPrimitive.Portal>
+	</DropdownMenuPrimitive.Portal>
 ));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
 

apps/web/src/components/ui/popover.tsx

@@ -11,7 +11,6 @@ function Popover({
 	...props
 }: React.ComponentProps<typeof PopoverPrimitive.Root>) {
 	const handleOpenChange = useOverlayOpenChange({
-		source: "popover",
 		open,
 		onOpenChange,
 	});

apps/web/src/components/ui/select.tsx

@@ -15,12 +15,15 @@ function Select({
 	...props
 }: React.ComponentProps<typeof SelectPrimitive.Root>) {
 	const handleOpenChange = useOverlayOpenChange({
-		source: "select",
 		open,
 		onOpenChange,
 	});
 	return (
-		<SelectPrimitive.Root open={open} onOpenChange={handleOpenChange} {...props} />
+		<SelectPrimitive.Root
+			open={open}
+			onOpenChange={handleOpenChange}
+			{...props}
+		/>
 	);
 }
 

apps/web/src/components/ui/sheet.tsx

@@ -13,12 +13,15 @@ function Sheet({
 	...props
 }: React.ComponentProps<typeof SheetPrimitive.Root>) {
 	const handleOpenChange = useOverlayOpenChange({
-		source: "sheet",
 		open,
 		onOpenChange,
 	});
 	return (
-		<SheetPrimitive.Root open={open} onOpenChange={handleOpenChange} {...props} />
+		<SheetPrimitive.Root
+			open={open}
+			onOpenChange={handleOpenChange}
+			{...props}
+		/>
 	);
 }
 

apps/web/src/components/ui/use-overlay-open-change.ts

@@ -2,11 +2,9 @@ import { useCallback, useEffect, useId, useRef } from "react";
 import { useKeybindingsStore } from "@/stores/keybindings-store";
 
 export function useOverlayOpenChange({
-	source,
 	open,
 	onOpenChange,
 }: {
-	source: string;
 	open?: boolean;
 	onOpenChange?: (open: boolean) => void;
 }) {
@@ -19,60 +17,39 @@ export function useOverlayOpenChange({
 		if (!isControlled) return;
 
 		if (open && !isTrackedRef.current) {
-			openOverlay(overlayId, source);
+			openOverlay(overlayId);
 			isTrackedRef.current = true;
 			return;
 		}
 
 		if (!open && isTrackedRef.current) {
-			closeOverlay(overlayId, source);
+			closeOverlay(overlayId);
 			isTrackedRef.current = false;
 		}
-	}, [closeOverlay, isControlled, open, openOverlay, overlayId, source]);
+	}, [closeOverlay, isControlled, open, openOverlay, overlayId]);
 
 	useEffect(() => {
 		return () => {
 			if (!isTrackedRef.current) return;
-			// #region agent log
+			closeOverlay(overlayId);
-			fetch(
-				"http://127.0.0.1:7245/ingest/669b22f8-172b-4e65-aa3f-1c702ede83f7",
-				{
-					method: "POST",
-					headers: {
-						"Content-Type": "application/json",
-						"X-Debug-Session-Id": "3997d9",
-					},
-					body: JSON.stringify({
-						sessionId: "3997d9",
-						runId: "post-fix",
-						hypothesisId: "H2",
-						location: "use-overlay-open-change.ts:cleanup",
-						message: "Overlay closed during unmount cleanup",
-						data: { source, overlayId },
-						timestamp: Date.now(),
-					}),
-				},
-			).catch(() => {});
-			// #endregion
-			closeOverlay(overlayId, source);
 			isTrackedRef.current = false;
 		};
-	}, [closeOverlay, overlayId, source]);
+	}, [closeOverlay, overlayId]);
 
 	return useCallback(
 		(nextOpen: boolean) => {
 			if (!isControlled) {
 				if (nextOpen && !isTrackedRef.current) {
-					openOverlay(overlayId, source);
+					openOverlay(overlayId);
 					isTrackedRef.current = true;
 				} else if (!nextOpen && isTrackedRef.current) {
-					closeOverlay(overlayId, source);
+					closeOverlay(overlayId);
 					isTrackedRef.current = false;
 				}
 			}
 
 			onOpenChange?.(nextOpen);
 		},
-		[closeOverlay, isControlled, onOpenChange, openOverlay, overlayId, source],
+		[closeOverlay, isControlled, onOpenChange, openOverlay, overlayId],
 	);
 }

apps/web/src/core/managers/project-manager.ts

@@ -528,12 +528,10 @@ export class ProjectManager {
 	}
 
 	async prepareExit(): Promise<void> {
-		console.log("prepareExit", this.active);
 		if (!this.active) return;
 
 		try {
 			const didUpdateThumbnail = await this.updateThumbnailFromTimeline();
-			console.log("didUpdateThumbnail", didUpdateThumbnail);
 			if (didUpdateThumbnail) {
 				await this.editor.save.flush();
 			}

apps/web/src/hooks/use-keybindings.ts

@@ -21,68 +21,10 @@ export function useKeybindingsListener() {
 
 	useEffect(() => {
 		const eventOptions: AddEventListenerOptions = { capture: true };
-		// #region agent log
-		fetch("http://127.0.0.1:7245/ingest/669b22f8-172b-4e65-aa3f-1c702ede83f7", {
-			method: "POST",
-			headers: {
-				"Content-Type": "application/json",
-				"X-Debug-Session-Id": "3997d9",
-			},
-			body: JSON.stringify({
-				sessionId: "3997d9",
-				runId: "initial",
-				hypothesisId: "H1",
-				location: "use-keybindings.ts:effect",
-				message: "Keybindings listener mounted",
-				data: {
-					overlayDepth,
-					isLoadingProject,
-					isRecording,
-					keybindingCount: Object.keys(keybindings).length,
-				},
-				timestamp: Date.now(),
-			}),
-		}).catch(() => {});
-		// #endregion
 		const handleKeyDown = (ev: KeyboardEvent) => {
 			const normalizedKey = (ev.key ?? "").toLowerCase();
-			const shouldLogKey =
-				ev.code === "Space" ||
-				ev.code.startsWith("Key") ||
-				["escape", "delete", "backspace", "enter"].includes(normalizedKey);
 
 			if (overlayDepth > 0 || isLoadingProject || isRecording) {
-				if (shouldLogKey) {
-					// #region agent log
-					fetch(
-						"http://127.0.0.1:7245/ingest/669b22f8-172b-4e65-aa3f-1c702ede83f7",
-						{
-							method: "POST",
-							headers: {
-								"Content-Type": "application/json",
-								"X-Debug-Session-Id": "3997d9",
-							},
-							body: JSON.stringify({
-								sessionId: "3997d9",
-								runId: "initial",
-								hypothesisId: "H2",
-								location: "use-keybindings.ts:blocked",
-								message: "Shortcut blocked by runtime gate",
-								data: {
-									key: ev.key,
-									code: ev.code,
-									overlayDepth,
-									isLoadingProject,
-									isRecording,
-									targetTag:
-										ev.target instanceof HTMLElement ? ev.target.tagName : null,
-								},
-								timestamp: Date.now(),
-							}),
-						},
-					).catch(() => {});
-					// #endregion
-				}
 				return;
 			}
 
@@ -93,43 +35,6 @@ export function useKeybindingsListener() {
 				isTypableDOMElement({ element: activeElement });
 			const boundAction = binding ? keybindings[binding] : undefined;
 
-			if (shouldLogKey || binding || boundAction) {
-				// #region agent log
-				fetch(
-					"http://127.0.0.1:7245/ingest/669b22f8-172b-4e65-aa3f-1c702ede83f7",
-					{
-						method: "POST",
-						headers: {
-							"Content-Type": "application/json",
-							"X-Debug-Session-Id": "3997d9",
-						},
-						body: JSON.stringify({
-							sessionId: "3997d9",
-							runId: "initial",
-							hypothesisId: !binding ? "H3" : isTextInput ? "H5" : "H4",
-							location: "use-keybindings.ts:keydown",
-							message: "Shortcut keydown observed",
-							data: {
-								key: ev.key,
-								code: ev.code,
-								binding,
-								boundAction: boundAction ?? null,
-								isTextInput,
-								keybindingCount: Object.keys(keybindings).length,
-								activeTag:
-									activeElement instanceof HTMLElement
-										? activeElement.tagName
-										: null,
-								targetTag:
-									ev.target instanceof HTMLElement ? ev.target.tagName : null,
-							},
-							timestamp: Date.now(),
-						}),
-					},
-				).catch(() => {});
-				// #endregion
-			}
-
 			if (normalizedKey === "escape" && isTextInput) {
 				activeElement.blur();
 				return;

apps/web/src/lib/actions/registry.ts

@@ -57,29 +57,6 @@ export const invokeAction: InvokeActionFunc = <A extends TAction>(
 	args?: TArgOfAction<A>,
 	trigger?: TInvocationTrigger,
 ) => {
-	if (trigger === "keypress") {
-		// #region agent log
-		fetch("http://127.0.0.1:7245/ingest/669b22f8-172b-4e65-aa3f-1c702ede83f7", {
-			method: "POST",
-			headers: {
-				"Content-Type": "application/json",
-				"X-Debug-Session-Id": "3997d9",
-			},
-			body: JSON.stringify({
-				sessionId: "3997d9",
-				runId: "initial",
-				hypothesisId: "H4",
-				location: "actions/registry.ts:invokeAction",
-				message: "Action invoked from keypress",
-				data: {
-					action,
-					handlerCount: boundActions[action]?.length ?? 0,
-				},
-				timestamp: Date.now(),
-			}),
-		}).catch(() => {});
-		// #endregion
-	}
 	boundActions[action]?.forEach((handler) => {
 		handler(args, trigger);
 	});

apps/web/src/services/renderer/compositor/wasm-compositor.ts

@@ -52,7 +52,6 @@ class WasmCompositor {
 		string,
 		{ source: CanvasImageSource; width: number; height: number }
 	>();
-	private _debugLogged = false;
 
 	ensureInitialized({ width, height }: { width: number; height: number }) {
 		if (!this.canvas) {
@@ -121,20 +120,6 @@ class WasmCompositor {
 	}
 
 	render(frame: FrameDescriptor) {
-		if (!this._debugLogged) {
-			this._debugLogged = true;
-			const firstLayer = frame.items.find((item) => item.type === "layer");
-			console.log(
-				"[compositor] first frame — canvas size:",
-				JSON.stringify({ width: frame.width, height: frame.height }),
-				"| first layer transform:",
-				firstLayer && firstLayer.type === "layer"
-					? JSON.stringify(firstLayer.transform)
-					: "none",
-				"| webgpu available:",
-				typeof navigator !== "undefined" && "gpu" in navigator,
-			);
-		}
 		renderFrame(frame);
 	}
 }

apps/web/src/services/renderer/gpu-renderer.ts

@@ -13,18 +13,11 @@ export function initializeGpuRenderer(): Promise<void> {
 		initPromise = initializeGpu()
 			.then(() => {
 				gpuAvailable = true;
-				// #region agent log
-				fetch('http://127.0.0.1:7408/ingest/669b22f8-172b-4e65-aa3f-1c702ede83f7',{method:'POST',headers:{'Content-Type':'application/json','X-Debug-Session-Id':'b140a6'},body:JSON.stringify({sessionId:'b140a6',location:'gpu-renderer.ts',message:'GPU init SUCCESS',data:{userAgent:navigator.userAgent},timestamp:Date.now()})}).catch(()=>{});
-				// #endregion
 			})
 			.catch((error: unknown) => {
 				gpuAvailable = false;
-				const message =
+				const message = error instanceof Error ? error.message : String(error);
-					error instanceof Error ? error.message : String(error);
 				console.warn(`GPU renderer unavailable: ${message}`);
-				// #region agent log
-				fetch('http://127.0.0.1:7408/ingest/669b22f8-172b-4e65-aa3f-1c702ede83f7',{method:'POST',headers:{'Content-Type':'application/json','X-Debug-Session-Id':'b140a6'},body:JSON.stringify({sessionId:'b140a6',location:'gpu-renderer.ts',message:'GPU init FAILED',data:{error:message,userAgent:navigator.userAgent,hasGpu:!!navigator.gpu},timestamp:Date.now()})}).catch(()=>{});
-				// #endregion
 			});
 	}
 	return initPromise;