From ff4a62d1e74660e8f2e67c594a888f3a84415d71 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=9E=E6=B3=95=E6=93=8D=E4=BD=9C?= <hjlarry@163.com>
Date: Wed, 3 Sep 2025 14:48:18 +0800
Subject: [PATCH] chore: limit webhook status code 200~399 (#25045)

---
 .../workflow/nodes/trigger-webhook/panel.tsx           |  2 ++
 .../workflow/nodes/trigger-webhook/use-config.ts       | 10 ++++++++++
 2 files changed, 12 insertions(+)

diff --git a/web/app/components/workflow/nodes/trigger-webhook/panel.tsx b/web/app/components/workflow/nodes/trigger-webhook/panel.tsx
index 4a6dfb77a0..81786e4fe2 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/panel.tsx
+++ b/web/app/components/workflow/nodes/trigger-webhook/panel.tsx
@@ -51,6 +51,7 @@ const Panel: FC<NodePanelProps<WebhookTriggerNodeType>> = ({
     handleParamsChange,
     handleBodyChange,
     handleStatusCodeChange,
+    handleStatusCodeBlur,
     handleResponseBodyChange,
     generateWebhookUrl,
   } = useConfig(id, data)
@@ -189,6 +190,7 @@ const Panel: FC<NodePanelProps<WebhookTriggerNodeType>> = ({
                 type="number"
                 value={inputs.status_code}
                 onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleStatusCodeChange(Number(e.target.value))}
+                onBlur={(e: React.FocusEvent<HTMLInputElement>) => handleStatusCodeBlur(Number(e.target.value))}
                 disabled={readOnly}
                 wrapperClassName="w-[120px]"
                 className="h-8"
diff --git a/web/app/components/workflow/nodes/trigger-webhook/use-config.ts b/web/app/components/workflow/nodes/trigger-webhook/use-config.ts
index 4faf139ccf..9023631704 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/use-config.ts
+++ b/web/app/components/workflow/nodes/trigger-webhook/use-config.ts
@@ -136,6 +136,15 @@ const useConfig = (id: string, payload: WebhookTriggerNodeType) => {
     }))
   }, [inputs, setInputs])
 
+  const handleStatusCodeBlur = useCallback((statusCode: number) => {
+    // Only clamp when user finishes editing (on blur)
+    const clampedStatusCode = Math.min(Math.max(statusCode, 200), 399)
+
+    setInputs(produce(inputs, (draft) => {
+      draft.status_code = clampedStatusCode
+    }))
+  }, [inputs, setInputs])
+
   const handleResponseBodyChange = useCallback((responseBody: string) => {
     setInputs(produce(inputs, (draft) => {
       draft.response_body = responseBody
@@ -182,6 +191,7 @@ const useConfig = (id: string, payload: WebhookTriggerNodeType) => {
     handleBodyChange,
     handleAsyncModeChange,
     handleStatusCodeChange,
+    handleStatusCodeBlur,
     handleResponseBodyChange,
     generateWebhookUrl,
   }