From 2ae7a70be918476957737db19ec7da13c050d19d Mon Sep 17 00:00:00 2001
From: NFish <douxc512@gmail.com>
Date: Tue, 1 Apr 2025 16:30:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20web=20app=20form<RunOnce>=20component=20?=
 =?UTF-8?q?is=20changing=20an=20uncontrolled=20inpu=E2=80=A6=20(#17269)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../share/text-generation/run-once/index.tsx         | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/web/app/components/share/text-generation/run-once/index.tsx b/web/app/components/share/text-generation/run-once/index.tsx
index dbaf8e026e..f31c5d5e85 100644
--- a/web/app/components/share/text-generation/run-once/index.tsx
+++ b/web/app/components/share/text-generation/run-once/index.tsx
@@ -1,4 +1,5 @@
 import type { FC, FormEvent } from 'react'
+import { useEffect } from 'react'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import {
@@ -59,6 +60,17 @@ const RunOnce: FC<IRunOnceProps> = ({
     inputsRef.current = newInputs
   }, [onInputsChange, inputsRef])
 
+  useEffect(() => {
+    const newInputs: Record<string, any> = {}
+    promptConfig.prompt_variables.forEach((item) => {
+      newInputs[item.key] = ''
+    })
+    onInputsChange(newInputs)
+  }, [promptConfig.prompt_variables])
+
+  if (inputs === null || inputs === undefined || Object.keys(inputs).length === 0)
+    return null
+
   return (
     <div className="">
       <section>