Close method-card Save like first add, keep key-resource chips on the approach they were chosen for, and leave expanded See-all stacks in catalog order.

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

app/(app)/create/screens/right-rail/DecisionApproachesScreen.tsx

@@ -35,10 +35,8 @@ import { uploadCreateFlowFile } from "../../../../../lib/create/uploadToServer";
 import { decisionApproachPresetFor } from "../../../../../lib/create/finalReviewChipPresets";
 import {
   applyDecisionApproachKeyResources,
-  decisionApproachKeyResourceIdsFromLabels,
+  decisionApproachKeyResourceCheckboxIds,
   selectedKeyResourceLabelsFromCheckedIds,
-  stringArraysEqual,
-  syncDecisionApproachKeyResourceDetails,
 } from "../../../../../lib/create/decisionApproachKeyResources";
 import type { CustomMethodCardFieldBlock } from "../../../../../lib/create/customMethodCardFieldBlocks";
 import { mergePresetMethodsWithCustom } from "../../../../../lib/create/mergePresetMethodsWithCustom";
@@ -94,11 +92,12 @@ export function DecisionApproachesScreen() {
   >(null);
 
   const selectedIds = state.selectedDecisionApproachIds ?? [];
-  const messageBoxCheckedIds = state.selectedDecisionKeyResourceIds ?? [];
-  const selectedKeyResourceLabels = useMemo(
-    () => selectedKeyResourceLabelsFromCheckedIds(messageBoxCheckedIds),
-    [messageBoxCheckedIds],
-  );
+  const messageBoxCheckedIds = decisionApproachKeyResourceCheckboxIds({
+    detailsById: state.decisionApproachDetailsById,
+    selectedApproachIds: selectedIds,
+    reminderIds: state.selectedDecisionKeyResourceIds,
+    openDraft: pendingDraft,
+  });
 
   const messageBoxItems: InfoMessageBoxItem[] = useMemo(
     () =>
@@ -155,23 +154,16 @@ export function DecisionApproachesScreen() {
         setPendingDraft(
           applyDecisionApproachKeyResources(pendingDraft, nextLabels),
         );
+        return;
       }
       updateState({
         selectedDecisionKeyResourceIds: nextCheckedIds,
-        decisionApproachDetailsById: syncDecisionApproachKeyResourceDetails(
-          state.decisionApproachDetailsById,
-          selectedIds,
-          nextLabels,
-          decisionApproachPresetFor,
-        ),
       });
     },
     [
       markCreateFlowInteraction,
       messageBoxCheckedIds,
       pendingDraft,
-      selectedIds,
-      state.decisionApproachDetailsById,
       updateState,
     ],
   );
@@ -179,19 +171,12 @@ export function DecisionApproachesScreen() {
   const seedDraft = useCallback(
     (id: string): DecisionApproachDetailEntry => {
       const saved = state.decisionApproachDetailsById?.[id];
-      const base = saved
-        ? {
-            ...saved,
-            applicableScope: [...saved.applicableScope],
-            selectedApplicableScope: [...saved.selectedApplicableScope],
-          }
-        : decisionApproachPresetFor(id);
-      return applyDecisionApproachKeyResources(
-        base,
-        selectedKeyResourceLabels,
-      );
+      if (saved) {
+        return structuredClone(saved);
+      }
+      return decisionApproachPresetFor(id);
     },
-    [selectedKeyResourceLabels, state.decisionApproachDetailsById],
+    [state.decisionApproachDetailsById],
   );
 
   const handleCardSelect = useCallback(
@@ -237,31 +222,8 @@ export function DecisionApproachesScreen() {
     (next: DecisionApproachDetailEntry) => {
       markCreateFlowInteraction();
       setPendingDraft(next);
-      const nextCheckedIds = decisionApproachKeyResourceIdsFromLabels(
-        next.selectedApplicableScope,
-      );
-      if (stringArraysEqual(nextCheckedIds, messageBoxCheckedIds)) {
-        return;
-      }
-      const nextLabels =
-        selectedKeyResourceLabelsFromCheckedIds(nextCheckedIds);
-      updateState({
-        selectedDecisionKeyResourceIds: nextCheckedIds,
-        decisionApproachDetailsById: syncDecisionApproachKeyResourceDetails(
-          state.decisionApproachDetailsById,
-          selectedIds,
-          nextLabels,
-          decisionApproachPresetFor,
-        ),
-      });
     },
-    [
-      markCreateFlowInteraction,
-      messageBoxCheckedIds,
-      selectedIds,
-      state.decisionApproachDetailsById,
-      updateState,
-    ],
+    [markCreateFlowInteraction],
   );
 
   const isSelectedCardModal =
@@ -652,10 +614,7 @@ export function DecisionApproachesScreen() {
         },
         decisionApproachDetailsById: {
           ...(state.decisionApproachDetailsById ?? {}),
-          [id]: applyDecisionApproachKeyResources(
-            decisionApproachPresetFor(id),
-            selectedKeyResourceLabels,
-          ),
+          [id]: decisionApproachPresetFor(id),
         },
         customMethodCardFieldBlocksById: {
           ...(state.customMethodCardFieldBlocksById ?? {}),
@@ -667,7 +626,6 @@ export function DecisionApproachesScreen() {
       markCreateFlowInteraction,
       pendingDraft,
       selectedIds,
-      selectedKeyResourceLabels,
       state.customMethodCardFieldBlocksById,
       state.customMethodCardMetaById,
       state.decisionApproachDetailsById,
@@ -687,31 +645,30 @@ export function DecisionApproachesScreen() {
       modalUsesWizardFieldBlocksBody && draftFieldBlocks !== null;
 
     if (selectedIds.includes(pendingCardId)) {
-      if (persistWizardBlocks) {
-        updateState({
-          customMethodCardFieldBlocksById: {
-            ...(state.customMethodCardFieldBlocksById ?? {}),
-            [pendingCardId]: structuredClone(draftFieldBlocks ?? []),
-          },
-        });
-      } else if (pendingDraft) {
-        updateState({
+      replaceState((prev) => {
+        if (persistWizardBlocks) {
+          return {
+            ...prev,
+            customMethodCardFieldBlocksById: {
+              ...(prev.customMethodCardFieldBlocksById ?? {}),
+              [pendingCardId]: structuredClone(draftFieldBlocks ?? []),
+            },
+          };
+        }
+        if (!pendingDraft) {
+          return prev;
+        }
+        return {
+          ...prev,
           decisionApproachDetailsById: {
-            ...(state.decisionApproachDetailsById ?? {}),
-            [pendingCardId]: pendingDraft,
+            ...(prev.decisionApproachDetailsById ?? {}),
+            [pendingCardId]: structuredClone(pendingDraft),
           },
-        });
-      }
-      if (pendingDraft) {
-        customizeSnapshotRef.current = captureMethodCardCustomizeSnapshot(
-          pendingDraft,
-          persistWizardBlocks ? draftFieldBlocks : null,
-          customizeSnapshotRef.current?.headerDraft ?? {
-            title: "",
-            description: "",
-          },
-        );
-      }
+        };
+      });
+      pendingEphemeralDuplicateIdRef.current = null;
+      customizeSnapshotRef.current = null;
+      void handleCreateModalClose();
       return;
     }
 
@@ -719,24 +676,25 @@ export function DecisionApproachesScreen() {
       void handleCreateModalClose();
       return;
     }
-    updateState({
+    replaceState((prev) => ({
+      ...prev,
       selectedDecisionApproachIds: moveFacetSelectionIdToFront(
-        selectedIds,
+        prev.selectedDecisionApproachIds ?? [],
         pendingCardId,
       ),
       decisionApproachDetailsById: {
-        ...(state.decisionApproachDetailsById ?? {}),
-        [pendingCardId]: pendingDraft,
+        ...(prev.decisionApproachDetailsById ?? {}),
+        [pendingCardId]: structuredClone(pendingDraft),
       },
       ...(persistWizardBlocks
         ? {
             customMethodCardFieldBlocksById: {
-              ...(state.customMethodCardFieldBlocksById ?? {}),
+              ...(prev.customMethodCardFieldBlocksById ?? {}),
               [pendingCardId]: structuredClone(draftFieldBlocks ?? []),
             },
           }
         : {}),
-    });
+    }));
     pendingEphemeralDuplicateIdRef.current = null;
     customizeSnapshotRef.current = null;
     void handleCreateModalClose();
@@ -747,9 +705,8 @@ export function DecisionApproachesScreen() {
     modalUsesWizardFieldBlocksBody,
     pendingCardId,
     pendingDraft,
+    replaceState,
     selectedIds,
-    state,
-    updateState,
   ]);
 
   const modalConfig = pendingCardId
@@ -840,6 +797,7 @@ export function DecisionApproachesScreen() {
         title={modalConfig.title}
         description={modalConfig.description}
         nextButtonText={modalConfig.nextButtonText}
+        showBackButton={false}
         showNextButton={showMethodModalPrimary}
         backdropVariant="blurredYellow"
         kebabTriggerAriaLabel={modalKebabMenu.triggerAriaLabel}