From b3a1f018ab56626accb8d8f993f0d6087fe2faa8 Mon Sep 17 00:00:00 2001
From: LofiSu <lofisuchat@gmail.com>
Date: Tue, 10 Feb 2026 12:39:44 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=96=B0=E5=BB=BA?=
 =?UTF-8?q?=E6=8A=80=E8=83=BD=E5=90=8E=E8=BE=93=E5=85=A5=E6=A1=86=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E7=BC=96=E8=BE=91=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

问题：点击新建技能按钮后，对话框中预设的文字无法删除或修改
原因：useEffect 依赖项包含 promptInputController.textInput，该对象在每次输入时都会重新创建，导致 useEffect 重复执行并覆盖用户输入
解决：使用 useRef 保存 setInput 方法，并跟踪已设置的初始值，确保 useEffect 只在初始值变化时执行一次

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../src/app/workspace/chats/[thread_id]/page.tsx     | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/workspace/chats/[thread_id]/page.tsx b/frontend/src/app/workspace/chats/[thread_id]/page.tsx
index c098626..fb66c38 100644
--- a/frontend/src/app/workspace/chats/[thread_id]/page.tsx
+++ b/frontend/src/app/workspace/chats/[thread_id]/page.tsx
@@ -4,7 +4,7 @@ import type { Message } from "@langchain/langgraph-sdk";
 import type { UseStream } from "@langchain/langgraph-sdk/react";
 import { FilesIcon, XIcon } from "lucide-react";
 import { useParams, useRouter, useSearchParams } from "next/navigation";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 import { ConversationEmptyState } from "@/components/ai-elements/conversation";
 import { usePromptInputController } from "@/components/ai-elements/prompt-input";
@@ -63,10 +63,14 @@ export default function ChatPage() {
     }
     return t.inputBox.createSkillPrompt;
   }, [threadIdFromPath, searchParams, t.inputBox.createSkillPrompt]);
+  const lastInitialValueRef = useRef<string | undefined>(undefined);
+  const setInputRef = useRef(promptInputController.textInput.setInput);
+  setInputRef.current = promptInputController.textInput.setInput;
   useEffect(() => {
-    if (inputInitialValue) {
+    if (inputInitialValue && inputInitialValue !== lastInitialValueRef.current) {
+      lastInitialValueRef.current = inputInitialValue;
       setTimeout(() => {
-        promptInputController.textInput.setInput(inputInitialValue);
+        setInputRef.current(inputInitialValue);
         const textarea = document.querySelector("textarea");
         if (textarea) {
           textarea.focus();
@@ -75,7 +79,7 @@ export default function ChatPage() {
         }
       }, 100);
     }
-  }, [inputInitialValue, promptInputController.textInput]);
+  }, [inputInitialValue]);
   const isNewThread = useMemo(
     () => threadIdFromPath === "new",
     [threadIdFromPath],