Create flow centralization and cleanup

app/(app)/create/screens/CreateFlowScreenView.tsx

@@ -2,20 +2,7 @@
 
 import type { ReactNode } from "react";
 import type { CreateFlowStep } from "../types";
-import { InformationalScreen } from "./informational/InformationalScreen";
-import { CreateFlowTextFieldScreen } from "./text/CreateFlowTextFieldScreen";
-import { CommunitySizeSelectScreen } from "./select/CommunitySizeSelectScreen";
-import { CommunityStructureSelectScreen } from "./select/CommunityStructureSelectScreen";
-import { CoreValuesSelectScreen } from "./select/CoreValuesSelectScreen";
-import { ConfirmStakeholdersScreen } from "./select/ConfirmStakeholdersScreen";
-import { CommunityUploadScreen } from "./upload/CommunityUploadScreen";
-import { CommunityReviewScreen } from "./review/CommunityReviewScreen";
-import { FinalReviewScreen } from "./review/FinalReviewScreen";
-import { CommunicationMethodsScreen } from "./card/CommunicationMethodsScreen";
-import { MembershipMethodsScreen } from "./card/MembershipMethodsScreen";
-import { ConflictManagementScreen } from "./card/ConflictManagementScreen";
-import { DecisionApproachesScreen } from "./right-rail/DecisionApproachesScreen";
-import { CompletedScreen } from "./completed/CompletedScreen";
+import { renderCreateFlowScreen } from "./createFlowScreenComponents";
 
 /**
  * Maps each wizard `screenId` to its screen component.
@@ -23,73 +10,14 @@ import { CompletedScreen } from "./completed/CompletedScreen";
  * **Folder rule (Figma):** subfolders match `CREATE_FLOW_SCREEN_REGISTRY[].layoutKind`
  * — `select/` (two-column chip flows), `card/` (compact card-stack steps), `text/`, etc.
  * The URL segment (`communication-methods`) is not the folder name; see `createFlowScreenRegistry.ts`.
+ *
+ * Implementation lives in {@link renderCreateFlowScreen} (`createFlowScreenComponents.tsx`)
+ * so the registry metadata and this router stay easier to keep in sync (CR-92 §3).
  */
 export function CreateFlowScreenView({
   screenId,
 }: {
   screenId: CreateFlowStep;
 }): ReactNode {
-  switch (screenId) {
-    case "informational":
-      return <InformationalScreen />;
-    case "community-name":
-      return (
-        <CreateFlowTextFieldScreen
-          messageNamespace="create.community.communityName"
-          stateField="title"
-          maxLength={48}
-        />
-      );
-    case "community-structure":
-      return <CommunityStructureSelectScreen />;
-    case "community-context":
-      return (
-        <CreateFlowTextFieldScreen
-          messageNamespace="create.community.communityContext"
-          stateField="communityContext"
-          maxLength={200}
-          mainAlign="center"
-        />
-      );
-    case "community-size":
-      return <CommunitySizeSelectScreen />;
-    case "community-upload":
-      return <CommunityUploadScreen />;
-    case "community-save":
-      return (
-        <CreateFlowTextFieldScreen
-          messageNamespace="create.community.communitySave"
-          stateField="communitySaveEmail"
-          maxLength={254}
-          mainAlign="center"
-          inputType="email"
-          showCharacterCount={false}
-          headerJustification="center"
-        />
-      );
-    case "review":
-      return <CommunityReviewScreen />;
-    case "core-values":
-      return <CoreValuesSelectScreen />;
-    case "communication-methods":
-      return <CommunicationMethodsScreen />;
-    case "membership-methods":
-      return <MembershipMethodsScreen />;
-    case "decision-approaches":
-      return <DecisionApproachesScreen />;
-    case "conflict-management":
-      return <ConflictManagementScreen />;
-    case "confirm-stakeholders":
-      return <ConfirmStakeholdersScreen />;
-    case "final-review":
-      return <FinalReviewScreen />;
-    case "edit-rule":
-      return <FinalReviewScreen variant="editPublished" />;
-    case "completed":
-      return <CompletedScreen />;
-    default: {
-      const _exhaustive: never = screenId;
-      return _exhaustive;
-    }
-  }
+  return renderCreateFlowScreen(screenId);
 }

app/(app)/create/screens/createFlowScreenComponents.tsx

@@ -0,0 +1,88 @@
+/**
+ * Step → screen component map (Linear CR-92 §3). Keeps {@link CreateFlowScreenView}
+ * thin; pair with {@link CREATE_FLOW_SCREEN_REGISTRY} metadata in tests/docs so
+ * new steps do not drift.
+ */
+
+import type { ReactNode } from "react";
+import type { CreateFlowStep } from "../types";
+import { InformationalScreen } from "./informational/InformationalScreen";
+import { CreateFlowTextFieldScreen } from "./text/CreateFlowTextFieldScreen";
+import { CommunitySizeSelectScreen } from "./select/CommunitySizeSelectScreen";
+import { CommunityStructureSelectScreen } from "./select/CommunityStructureSelectScreen";
+import { CoreValuesSelectScreen } from "./select/CoreValuesSelectScreen";
+import { ConfirmStakeholdersScreen } from "./select/ConfirmStakeholdersScreen";
+import { CommunityUploadScreen } from "./upload/CommunityUploadScreen";
+import { CommunityReviewScreen } from "./review/CommunityReviewScreen";
+import { FinalReviewScreen } from "./review/FinalReviewScreen";
+import { CommunicationMethodsScreen } from "./card/CommunicationMethodsScreen";
+import { MembershipMethodsScreen } from "./card/MembershipMethodsScreen";
+import { ConflictManagementScreen } from "./card/ConflictManagementScreen";
+import { DecisionApproachesScreen } from "./right-rail/DecisionApproachesScreen";
+import { CompletedScreen } from "./completed/CompletedScreen";
+
+export function renderCreateFlowScreen(screenId: CreateFlowStep): ReactNode {
+  switch (screenId) {
+    case "informational":
+      return <InformationalScreen />;
+    case "community-name":
+      return (
+        <CreateFlowTextFieldScreen
+          messageNamespace="create.community.communityName"
+          stateField="title"
+          maxLength={48}
+        />
+      );
+    case "community-structure":
+      return <CommunityStructureSelectScreen />;
+    case "community-context":
+      return (
+        <CreateFlowTextFieldScreen
+          messageNamespace="create.community.communityContext"
+          stateField="communityContext"
+          maxLength={200}
+          mainAlign="center"
+        />
+      );
+    case "community-size":
+      return <CommunitySizeSelectScreen />;
+    case "community-upload":
+      return <CommunityUploadScreen />;
+    case "community-save":
+      return (
+        <CreateFlowTextFieldScreen
+          messageNamespace="create.community.communitySave"
+          stateField="communitySaveEmail"
+          maxLength={254}
+          mainAlign="center"
+          inputType="email"
+          showCharacterCount={false}
+          headerJustification="center"
+        />
+      );
+    case "review":
+      return <CommunityReviewScreen />;
+    case "core-values":
+      return <CoreValuesSelectScreen />;
+    case "communication-methods":
+      return <CommunicationMethodsScreen />;
+    case "membership-methods":
+      return <MembershipMethodsScreen />;
+    case "decision-approaches":
+      return <DecisionApproachesScreen />;
+    case "conflict-management":
+      return <ConflictManagementScreen />;
+    case "confirm-stakeholders":
+      return <ConfirmStakeholdersScreen />;
+    case "final-review":
+      return <FinalReviewScreen />;
+    case "edit-rule":
+      return <FinalReviewScreen variant="editPublished" />;
+    case "completed":
+      return <CompletedScreen />;
+    default: {
+      const _exhaustive: never = screenId;
+      return _exhaustive;
+    }
+  }
+}

app/(app)/create/screens/review/CommunityReviewScreen.tsx

@@ -17,19 +17,7 @@ import {
   vectorMarkPath,
 } from "../../../../../lib/assetUtils";
 import { methodSectionsPinsForHydratedSelections } from "../../../../../lib/create/publishedDocumentToCreateFlowState";
-
-/**
- * Targets for a `pendingTemplateAction` redirect. Customize resumes the
- * custom-rule stage with chips already prefilled; useWithoutChanges jumps to
- * the review-and-complete stage since the template body is already in state.
- */
-const PENDING_TEMPLATE_REDIRECT_TARGET: Record<
-  "customize" | "useWithoutChanges",
-  string
-> = {
-  customize: "/create/core-values",
-  useWithoutChanges: "/create/confirm-stakeholders",
-};
+import { createFlowStepPath } from "../../utils/createFlowPaths";
 
 /** Create Community review — Figma `19706:12135` (`/create/review`; two columns from `lg:`; column caps in `createFlowLayoutTokens`). */
 export function CommunityReviewScreen() {
@@ -56,8 +44,10 @@ export function CommunityReviewScreen() {
     if (firedRedirectRef.current) return;
     const pending = state.pendingTemplateAction;
     if (!pending) return;
-    const target = PENDING_TEMPLATE_REDIRECT_TARGET[pending.mode];
-    if (!target) return;
+    const target =
+      pending.mode === "customize"
+        ? createFlowStepPath("core-values")
+        : createFlowStepPath("confirm-stakeholders");
     firedRedirectRef.current = true;
     const pinMerge =
       pending.mode === "customize"