From f2e6aa5cbf7d914eac30dc1bb8baef3437fabe7c Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 18 Apr 2026 01:57:33 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/forms/custom-form-builder.tsx | 31 +++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/components/forms/custom-form-builder.tsx b/src/components/forms/custom-form-builder.tsx
index f55e839..f526cc9 100644
--- a/src/components/forms/custom-form-builder.tsx
+++ b/src/components/forms/custom-form-builder.tsx
@@ -823,10 +823,39 @@ export function CustomFormBuilder() {
               <ToolbarBtn title="Indent" onClick={indent}>
                 <IndentIcon className="h-4 w-4" />
               </ToolbarBtn>
-              <ToolbarBtn title="Outdent (use Undo)" onClick={outdent}>
+              <ToolbarBtn title="Outdent" onClick={outdent}>
                 <Outdent className="h-4 w-4" />
               </ToolbarBtn>
               <Separator orientation="vertical" className="h-6 mx-1" />
+              <ToolbarBtn title="Insert table" onClick={insertTable}>
+                <TableIcon className="h-4 w-4" />
+              </ToolbarBtn>
+              <ToolbarBtn
+                title="Add row below"
+                onClick={() => editor?.chain().focus().addRowAfter().run()}
+              >
+                <Rows className="h-4 w-4" />
+              </ToolbarBtn>
+              <ToolbarBtn
+                title="Add column right"
+                onClick={() => editor?.chain().focus().addColumnAfter().run()}
+              >
+                <Columns className="h-4 w-4" />
+              </ToolbarBtn>
+              <ToolbarBtn
+                title="Delete table"
+                onClick={() => editor?.chain().focus().deleteTable().run()}
+              >
+                <X className="h-4 w-4" />
+              </ToolbarBtn>
+              <ToolbarBtn
+                title="Toggle caption (paragraph below an image/table)"
+                onClick={toggleCaption}
+                active={Boolean(editor?.getAttributes("paragraph").caption)}
+              >
+                <Captions className="h-4 w-4" />
+              </ToolbarBtn>
+              <Separator orientation="vertical" className="h-6 mx-1" />
               <Button
                 size="sm"
                 variant="ghost"