Create rule flow core infrastructure and routing

2026-02-07 21:13:46 -07:00
parent 12b1f59886
commit 343b96a9bb
8 changed files with 265 additions and 12 deletions
@@ -0,0 +1,54 @@
+"use client";
+
+import { notFound } from "next/navigation";
+import { use } from "react";
+import type { CreateFlowStep } from "../types";
+
+interface PageProps {
+  params: Promise<{ step: string }>;
+}
+
+/**
+ * Valid step IDs for the create rule flow
+ */
+const VALID_STEPS: CreateFlowStep[] = [
+  "informational",
+  "text",
+  "select",
+  "upload",
+  "review",
+  "compact-cards",
+  "expanded-cards",
+  "right-rail",
+  "final-review",
+  "completed",
+];
+
+/**
+ * Dynamic route handler for create flow steps
+ * 
+ * Handles all flow steps via dynamic routing: /create/[step]
+ * Validates step exists and renders appropriate template (placeholder for now)
+ */
+export default function CreateFlowStepPage({ params }: PageProps) {
+  const { step } = use(params);
+
+  // Validate step exists
+  if (!VALID_STEPS.includes(step as CreateFlowStep)) {
+    notFound();
+  }
+
+  // Placeholder content - templates will be implemented in CR-51-55
+  return (
+    <div className="flex-1 flex items-center justify-center">
+      <div className="text-center">
+        <h1 className="text-white text-2xl font-bold mb-4">
+          Create Flow Step: {step}
+        </h1>
+        <p className="text-gray-400">
+          Template implementation coming in CR-51 through CR-55
+        </p>
+      </div>
+    </div>
+  );
+}