that may not be saved dialog

apps/web/src/components/providers/editor-provider.tsx

@@ -117,6 +117,19 @@ export function EditorProvider({ projectId, children }: EditorProviderProps) {
 }
 
 function EditorRuntimeBindings() {
+	const editor = useEditor();
+
+	useEffect(() => {
+		const handleBeforeUnload = (event: BeforeUnloadEvent) => {
+			if (!editor.save.getIsDirty()) return;
+			event.preventDefault();
+			(event as unknown as { returnValue: string }).returnValue = "";
+		};
+
+		window.addEventListener("beforeunload", handleBeforeUnload);
+		return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+	}, [editor]);
+
 	useEditorActions();
 	useKeybindingsListener();
 	return null;

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

@@ -62,6 +62,10 @@ export class SaveManager {
 		await this.saveNow();
 	}
 
+	getIsDirty(): boolean {
+		return this.hasPendingSave || this.isSaving;
+	}
+
 	private queueSave(): void {
 		if (this.isSaving) return;
 		if (this.saveTimer) {