Show seven cards on the four method decks and open each as a routing overlay of its parts, so groups write from empty fields with Generate draft, search the full deck, and see unselected scope chips with enough contrast.

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

@@ -7,20 +7,17 @@
  * Layout matches {@link CreateFlowTwoColumnSelectShell}: one column below `lg` (1024px), two columns
  * at `lg+` with a scrollable rail — same breakpoint and height chain as select steps, distinct content.
  *
- * Card click opens the Figma "Add Approach" create modal (node `20870-72155`) with five controls
- * rendered by {@link DecisionApproachEditFields}: Core Principle, Applicable Scope, Step-by-Step
- * Instructions, Consensus Level, and Objections & Deadlocks. The same field set is reused on
- * `/create/final-review` — see `FinalReviewChipEditModal`. Confirm persists both the chip
- * selection and any user edits as a `decisionApproachDetailsById[id]` override; section
- * defaults come from `messages/en/create/customRule/decisionApproaches.json` and will be
- * replaced with DB-driven content.
+ * Card click opens Overlay / Modal / Card as a routing view of its parts
+ * ({@link MethodCardPolicyDialog}). Confirm persists the chip selection and
+ * any edits as a `decisionApproachDetailsById[id]` override.
  */
 
 import { useState, useCallback, useMemo, useRef } from "react";
 import CardStack from "../../../../components/cards/CardStack";
 import HeaderLockup from "../../../../components/type/HeaderLockup";
-import Create from "../../../../components/modals/Create";
 import InlineTextButton from "../../../../components/buttons/InlineTextButton";
+import { MethodCardPolicyDialog } from "../../components/MethodCardPolicyDialog";
+import { useDecisionApproachPolicySteps } from "../../components/methodCardPolicySteps";
 import InfoMessageBox from "../../../../components/controls/InfoMessageBox";
 import type { InfoMessageBoxItem } from "../../../../components/controls/InfoMessageBox/InfoMessageBox.types";
 import { useMessages } from "../../../../contexts/MessagesContext";
@@ -30,7 +27,6 @@ import { useBeforeUnloadGuard } from "../../../../hooks/useBeforeUnloadGuard";
 import { useDiscardCustomizeConfirm } from "../../hooks/useDiscardCustomizeConfirm";
 import { useMethodCardDeckOrdering } from "../../hooks/useMethodCardDeckOrdering";
 import { CreateFlowTwoColumnSelectShell } from "../../components/CreateFlowTwoColumnSelectShell";
-import { DecisionApproachEditFields } from "../../components/methodEditFields";
 import CustomMethodCardWizard from "../../components/CustomMethodCardWizard";
 import { uploadCreateFlowFile } from "../../../../../lib/create/uploadToServer";
 import { decisionApproachPresetFor, emptyDecisionApproachTextFields } from "../../../../../lib/create/finalReviewChipPresets";
@@ -130,7 +126,8 @@ export function DecisionApproachesScreen() {
     [da.methods, selectedIds, state.customMethodCardMetaById],
   );
 
-  const { sampleCards, compactCardIds, methodById, recommendationsReady } =
+  const rec = m.create.customRule.recommendations;
+  const { sampleCards, compactCardIds, methodById, recommendationsReady, showDeckLine, compactLimit } =
     useMethodCardDeckOrdering(
     "decisionApproaches",
     mergedMethods,
@@ -237,10 +234,17 @@ export function DecisionApproachesScreen() {
     },
     [markCreateFlowInteraction],
   );
+  const decisionSteps = useDecisionApproachPolicySteps(
+    pendingDraft ??
+      emptyDecisionApproachTextFields(
+        decisionApproachPresetFor(pendingCardId ?? ""),
+      ),
+    handleDraftChange,
+    pendingCardId ? decisionApproachPresetFor(pendingCardId) : undefined,
+  );
 
   const isSelectedCardModal =
     pendingCardId !== null && selectedIds.includes(pendingCardId);
-  const showMethodModalPrimary = true;
 
   const customFacetDetailsMatchPreset = useMemo(() => {
     if (!pendingCardId || !pendingDraft) return false;
@@ -794,57 +798,52 @@ export function DecisionApproachesScreen() {
               )
             }
             layout="singleStack"
-            compactRecommendedLimit={5}
+            compactRecommendedLimit={compactLimit}
             compactCardIds={compactCardIds}
+            deckLine={showDeckLine ? rec.deckLine : undefined}
+            searchPlaceholder={rec.searchPlaceholder}
+            alternativePrefix={rec.alternative}
+            onAlternativeSelect={handleCardSelect}
             className="w-full lg:h-full lg:min-h-0 lg:flex-1"
             headerLockupSize={mdUp ? "L" : "M"}
           />
         )}
       </div>
 
-      <Create
+      <MethodCardPolicyDialog
         isOpen={createModalOpen}
-        onClose={handleCreateModalClose}
-        onNext={handleCreateModalPrimary}
-        title={modalConfig.title}
+        cardLabel={modalConfig.title}
         description={modalConfig.description}
-        nextButtonText={modalConfig.nextButtonText}
-        showBackButton={false}
-        showNextButton={showMethodModalPrimary}
-        showRemoveButton={isSelectedCardModal}
-        onRemove={handleRemoveSelectedFromModal}
-        backdropVariant="blurredYellow"
+        editing={isSelectedCardModal}
+        steps={decisionSteps}
+        onClose={handleCreateModalClose}
+        onConfirm={handleCreateModalPrimary}
+        onDeselect={
+          isSelectedCardModal ? handleRemoveSelectedFromModal : undefined
+        }
         kebabTriggerAriaLabel={modalKebabMenu.triggerAriaLabel}
         kebabMenuAriaLabel={modalKebabMenu.menuAriaLabel}
         kebabMenuItems={kebabMenuItems}
       >
-        {pendingCardId && pendingDraft ? (
-          modalUsesWizardFieldBlocksBody ? (
-            <CustomMethodCardModalBody
-              cardId={pendingCardId}
-              blocksById={state.customMethodCardFieldBlocksById}
-              blocksOverride={
-                draftFieldBlocks !== null ? draftFieldBlocks : undefined
-              }
-              policyMeta={state.customMethodCardMetaById?.[pendingCardId]}
-              showPolicyContentLockupWhenNoBlocks={
-                draftFieldBlocks === null || draftFieldBlocks.length === 0
-              }
-              onFieldBlocksChange={
-                draftFieldBlocks === null
-                  ? undefined
-                  : (next) => setDraftFieldBlocks(next)
-              }
-            />
-          ) : (
-            <DecisionApproachEditFields
-              value={pendingDraft}
-              onChange={handleDraftChange}
-              generateDraft={decisionApproachPresetFor(pendingCardId)}
-            />
-          )
+        {pendingCardId && modalUsesWizardFieldBlocksBody ? (
+          <CustomMethodCardModalBody
+            cardId={pendingCardId}
+            blocksById={state.customMethodCardFieldBlocksById}
+            blocksOverride={
+              draftFieldBlocks !== null ? draftFieldBlocks : undefined
+            }
+            policyMeta={state.customMethodCardMetaById?.[pendingCardId]}
+            showPolicyContentLockupWhenNoBlocks={
+              draftFieldBlocks === null || draftFieldBlocks.length === 0
+            }
+            onFieldBlocksChange={
+              draftFieldBlocks === null
+                ? undefined
+                : (next) => setDraftFieldBlocks(next)
+            }
+          />
         ) : null}
-      </Create>
+      </MethodCardPolicyDialog>
     </CreateFlowTwoColumnSelectShell>
       <CustomMethodCardWizard
         isOpen={addCustomWizardOpen}