From 7071ead0620ea3f39df251d43e848948d165cd56 Mon Sep 17 00:00:00 2001
From: MT-Fire <798521692@qq.com>
Date: Sun, 29 Mar 2026 00:11:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=20=E5=90=8C=E6=AD=A5=20agent=20?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=A4=B4=E9=83=A8=E5=B9=B6=E4=BF=9D=E7=95=99?=
 =?UTF-8?q?=E6=9C=AC=E5=9C=B0=E8=A1=8C=E4=B8=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../agents/[agent_name]/chats/[thread_id]/page.tsx     | 10 +++++-----
 frontend/src/app/workspace/agents/new/page.tsx         |  7 ++++---
 frontend/tsconfig.json                                 |  3 ++-
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/src/app/workspace/agents/[agent_name]/chats/[thread_id]/page.tsx b/frontend/src/app/workspace/agents/[agent_name]/chats/[thread_id]/page.tsx
index 64c1d3be..47f8a895 100644
--- a/frontend/src/app/workspace/agents/[agent_name]/chats/[thread_id]/page.tsx
+++ b/frontend/src/app/workspace/agents/[agent_name]/chats/[thread_id]/page.tsx
@@ -1,7 +1,6 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-nocheck
 "use client";
 
+import type { UseStream } from "@langchain/langgraph-sdk/react";
 import { BotIcon, PlusSquare } from "lucide-react";
 import { useParams, useRouter } from "next/navigation";
 import { useCallback } from "react";
@@ -23,6 +22,7 @@ import { useAgent } from "@/core/agents";
 import { useI18n } from "@/core/i18n/hooks";
 import { useNotification } from "@/core/notification/hooks";
 import { useLocalSettings } from "@/core/settings";
+import type { AgentThreadState } from "@/core/threads";
 import { useThreadStream } from "@/core/threads/hooks";
 import { textOfMessage } from "@/core/threads/utils";
 import { env } from "@/env";
@@ -82,6 +82,7 @@ export default function AgentChatPage() {
   const handleStop = useCallback(async () => {
     await thread.stop();
   }, [thread]);
+  const legacyThread = thread as unknown as UseStream<AgentThreadState>;
 
   return (
     <ThreadContext.Provider value={{ thread }}>
@@ -104,7 +105,7 @@ export default function AgentChatPage() {
             </div>
 
             <div className="flex w-full items-center text-sm font-medium">
-              <ThreadTitle threadId={threadId} thread={thread} />
+              <ThreadTitle threadId={threadId} thread={legacyThread} />
             </div>
             <div className="mr-4 flex items-center">
               <Tooltip content={t.agents.newChat}>
@@ -129,7 +130,7 @@ export default function AgentChatPage() {
               <MessageList
                 className={cn("size-full", !isNewThread && "pt-10")}
                 threadId={threadId}
-                thread={thread}
+                thread={legacyThread}
               />
             </div>
 
@@ -158,7 +159,6 @@ export default function AgentChatPage() {
                 <InputBox
                   className={cn("bg-background/5 w-full -translate-y-4")}
                   isNewThread={isNewThread}
-                  threadId={threadId}
                   autoFocus={isNewThread}
                   status={
                     thread.error
diff --git a/frontend/src/app/workspace/agents/new/page.tsx b/frontend/src/app/workspace/agents/new/page.tsx
index 8d1664eb..2b0ffd46 100644
--- a/frontend/src/app/workspace/agents/new/page.tsx
+++ b/frontend/src/app/workspace/agents/new/page.tsx
@@ -1,7 +1,6 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-nocheck
 "use client";
 
+import type { UseStream } from "@langchain/langgraph-sdk/react";
 import { ArrowLeftIcon, BotIcon, CheckCircleIcon } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useCallback, useMemo, useState } from "react";
@@ -20,6 +19,7 @@ import { ThreadContext } from "@/components/workspace/messages/context";
 import type { Agent } from "@/core/agents";
 import { checkAgentName, getAgent } from "@/core/agents/api";
 import { useI18n } from "@/core/i18n/hooks";
+import type { AgentThreadState } from "@/core/threads";
 import { useThreadStream } from "@/core/threads/hooks";
 import { uuid } from "@/core/utils/uuid";
 import { cn } from "@/lib/utils";
@@ -120,6 +120,7 @@ export default function NewAgentPage() {
   );
 
   // ── Shared header ──────────────────────────────────────────────────────────
+  const legacyThread = thread as unknown as UseStream<AgentThreadState>;
 
   const header = (
     <header className="flex shrink-0 items-center gap-3 border-b px-4 py-3">
@@ -199,7 +200,7 @@ export default function NewAgentPage() {
               <MessageList
                 className="size-full pt-10"
                 threadId={threadId}
-                thread={thread}
+                thread={legacyThread}
               />
             </div>
 
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 1d50bfb6..285f49e7 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -38,7 +38,8 @@
     "**/*.tsx",
     "**/*.cjs",
     "**/*.js",
-    ".next/types/**/*.ts"
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
   ],
   "exclude": ["node_modules", "generated", "imports"]
 }