From d8f637e7f4c3383a028554c56b48d75d4aed988e Mon Sep 17 00:00:00 2001
From: QUBITABHAY <codingcontestabhay@gmail.com>
Date: Sun, 22 Mar 2026 23:28:18 +0530
Subject: [PATCH] feat: excluding page breaks in flow mode

---
 .../BuilderCore/Flow/FlowFormBuilder.tsx          |  2 +-
 .../BuilderCore/Single/SinglePageFormBuilder.tsx  |  2 +-
 .../BuilderCore/shared/FieldPalette.tsx           | 15 ++++++++++++---
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/BuilderCore/Flow/FlowFormBuilder.tsx b/src/components/BuilderCore/Flow/FlowFormBuilder.tsx
index ec01892..ebf57cd 100644
--- a/src/components/BuilderCore/Flow/FlowFormBuilder.tsx
+++ b/src/components/BuilderCore/Flow/FlowFormBuilder.tsx
@@ -213,7 +213,7 @@ export default function FlowFormBuilder({
           onDragStart={handleDragStart}
           onDragEnd={handleDragEnd}
         >
-          <FieldPalette />
+          <FieldPalette mode="flow" />
 
           <FlowPageCanvas
             fields={fields}
diff --git a/src/components/BuilderCore/Single/SinglePageFormBuilder.tsx b/src/components/BuilderCore/Single/SinglePageFormBuilder.tsx
index 5aa2bf5..5de97a8 100644
--- a/src/components/BuilderCore/Single/SinglePageFormBuilder.tsx
+++ b/src/components/BuilderCore/Single/SinglePageFormBuilder.tsx
@@ -213,7 +213,7 @@ export default function SinglePageFormBuilder({
           onDragStart={handleDragStart}
           onDragEnd={handleDragEnd}
         >
-          <FieldPalette />
+          <FieldPalette mode="single" />
 
           <SinglePageCanvas
             fields={fields}
diff --git a/src/components/BuilderCore/shared/FieldPalette.tsx b/src/components/BuilderCore/shared/FieldPalette.tsx
index 90539d5..6e34452 100644
--- a/src/components/BuilderCore/shared/FieldPalette.tsx
+++ b/src/components/BuilderCore/shared/FieldPalette.tsx
@@ -1,6 +1,6 @@
 import { useDraggable } from "@dnd-kit/core";
 import { FIELD_TEMPLATES } from "./constants";
-import type { FieldTemplate } from "./types";
+import type { FieldTemplate, FormMode } from "./types";
 
 interface DraggablePaletteItemProps {
   template: FieldTemplate;
@@ -35,7 +35,16 @@ function DraggablePaletteItem({ template }: DraggablePaletteItemProps) {
   );
 }
 
-export default function FieldPalette() {
+interface FieldPaletteProps {
+  mode?: FormMode;
+}
+
+export default function FieldPalette({ mode = "single" }: FieldPaletteProps) {
+  const filteredTemplates =
+    mode === "flow"
+      ? FIELD_TEMPLATES.filter((t) => t.type !== "page_break")
+      : FIELD_TEMPLATES;
+
   return (
     <div className="w-64 bg-gray-50 border-r border-gray-200 p-4 overflow-y-auto">
       <h2 className="text-lg font-semibold text-gray-800 mb-2">Form Fields</h2>
@@ -43,7 +52,7 @@ export default function FieldPalette() {
         Drag fields to build your form
       </p>
       <div className="space-y-2">
-        {FIELD_TEMPLATES.map((template) => (
+        {filteredTemplates.map((template) => (
           <DraggablePaletteItem key={template.type} template={template} />
         ))}
       </div>