Warn on tab close when create-flow module or wizard edits have not been saved.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/(app)/create/components/CustomMethodCardWizard/CustomMethodCardWizard.container.tsx

@@ -6,6 +6,7 @@ import {
   useTranslation,
 } from "../../../../contexts/MessagesContext";
 import { useAsyncConfirm } from "../../../../hooks/useAsyncConfirm";
+import { useBeforeUnloadGuard } from "../../../../hooks/useBeforeUnloadGuard";
 import type { CustomMethodCardFieldBlock } from "../../../../../lib/create/customMethodCardFieldBlocks";
 import {
   CUSTOM_METHOD_CARD_WIZARD_MAX_DESCRIPTION_CHARS,
@@ -213,6 +214,8 @@ const CustomMethodCardWizardContainer = memo<CustomMethodCardWizardProps>(
       policyTitle,
     ]);
 
+    useBeforeUnloadGuard(isOpen && isWizardSessionDirty());
+
     const confirmAbandonWizardEdits = useCallback(async () => {
       if (!isWizardSessionDirty()) {
         return true;

app/(app)/create/components/FinalReviewChipEditModal.tsx

@@ -28,6 +28,7 @@ import {
 import CustomMethodCardModalBody from "./CustomMethodCardModalBody";
 import { buildCustomRuleModalKebabMenu } from "./customRuleModalKebabMenu";
 import { useDiscardCustomizeConfirm } from "../hooks/useDiscardCustomizeConfirm";
+import { useBeforeUnloadGuard } from "../../../hooks/useBeforeUnloadGuard";
 import {
   communicationPresetFor,
   conflictManagementPresetFor,
@@ -370,6 +371,12 @@ export function FinalReviewChipEditModal({
     draftFieldBlocks,
   ]);
 
+  useBeforeUnloadGuard(
+    isOpen &&
+      !addCustomWizardOpen &&
+      (!coreCustomizeSaveDisabled || !methodCustomizeSaveDisabled),
+  );
+
   const modalUsesWizardFieldBlocksBody = Boolean(
     target &&
       (usesWizardFieldBlocksModalBody({

app/(app)/create/components/FinalReviewCommunityContextEditModal.tsx

@@ -6,6 +6,7 @@
  */
 
 import { useEffect, useMemo, useRef, useState } from "react";
+import { useBeforeUnloadGuard } from "../../../hooks/useBeforeUnloadGuard";
 import Create from "../../../components/modals/Create";
 import TextInput from "../../../components/controls/TextInput";
 import ContentLockup from "../../../components/type/ContentLockup";
@@ -57,6 +58,8 @@ export function FinalReviewCommunityContextEditModal({
     [draft],
   );
 
+  useBeforeUnloadGuard(isOpen && isDirty);
+
   const characterHint = tField("characterCountTemplate")
     .replace("{current}", String(draft.length))
     .replace("{max}", String(COMMUNITY_CONTEXT_FIELD_MAX_LENGTH));