From c49dfcd2980e59a5421a308cbe66f48a486eabbd Mon Sep 17 00:00:00 2001
From: mizoo-snow21 <envpypy3_atom21@outlook.jp>
Date: Sun, 29 Jun 2025 23:41:25 +0900
Subject: [PATCH] feat(markdown-blocks/form): add support for hidden input
 fields in MarkdownForm component

---
 .../components/base/markdown-blocks/form.tsx  | 24 +++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/web/app/components/base/markdown-blocks/form.tsx b/web/app/components/base/markdown-blocks/form.tsx
index ab7e7cef53..02bd765a1d 100644
--- a/web/app/components/base/markdown-blocks/form.tsx
+++ b/web/app/components/base/markdown-blocks/form.tsx
@@ -28,6 +28,7 @@ enum SUPPORTED_TYPES {
   DATETIME = 'datetime',
   CHECKBOX = 'checkbox',
   SELECT = 'select',
+  HIDDEN = 'hidden',
 }
 const MarkdownForm = ({ node }: any) => {
   const { onSend } = useChatContext()
@@ -37,8 +38,14 @@ const MarkdownForm = ({ node }: any) => {
   useEffect(() => {
     const initialValues: { [key: string]: any } = {}
     node.children.forEach((child: any) => {
-      if ([SUPPORTED_TAGS.INPUT, SUPPORTED_TAGS.TEXTAREA].includes(child.tagName))
-        initialValues[child.properties.name] = child.properties.value
+      if ([SUPPORTED_TAGS.INPUT, SUPPORTED_TAGS.TEXTAREA].includes(child.tagName)) {
+        // Always set initial value for hidden inputs
+        if (child.tagName === SUPPORTED_TAGS.INPUT && child.properties.type === SUPPORTED_TYPES.HIDDEN) {
+          initialValues[child.properties.name] = child.properties.value || ''
+        } else {
+          initialValues[child.properties.name] = child.properties.value
+        }
+      }
     })
     setFormValues(initialValues)
   }, [node.children])
@@ -180,6 +187,19 @@ const MarkdownForm = ({ node }: any) => {
             )
           }
 
+          if (child.properties.type === SUPPORTED_TYPES.HIDDEN) {
+            // Hidden input is not displayed but maintains form value
+            return (
+              <input
+                key={index}
+                type="hidden"
+                name={child.properties.name}
+                value={formValues[child.properties.name] || child.properties.value || ''}
+                readOnly
+              />
+            )
+          }
+
           return (
             <Input
               key={index}