From de27c006d887f715c3fc1031a92020a71dc8ddba Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Thu, 8 Jan 2026 09:43:57 +0800
Subject: [PATCH] Feat: The chat feature supports streaming output, displaying
 results one by one. #12490 (#12493)

### What problem does this PR solve?

Feat: The chat feature supports streaming output, displaying results one
by one.

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
---
 web/src/hooks/logic-hooks.ts                  | 21 +++++++++++++++----
 .../chat/app-settings/chat-settings.tsx       |  9 +++++---
 .../chat/app-settings/dynamic-variable.tsx    |  1 +
 .../app-settings/use-chat-setting-schema.tsx  | 14 +++++++------
 web/vite.config.ts                            |  2 +-
 5 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/web/src/hooks/logic-hooks.ts b/web/src/hooks/logic-hooks.ts
index 4fa4ef218..e6323af55 100644
--- a/web/src/hooks/logic-hooks.ts
+++ b/web/src/hooks/logic-hooks.ts
@@ -274,10 +274,23 @@ export const useSendMessageWithSse = (
                 const val = JSON.parse(value?.data || '');
                 const d = val?.data;
                 if (typeof d !== 'boolean') {
-                  setAnswer({
-                    ...d,
-                    conversationId: body?.conversation_id,
-                    chatBoxId: body.chatBoxId,
+                  setAnswer((prev) => {
+                    let newAnswer = (prev.answer || '') + (d.answer || '');
+
+                    if (d.start_to_think === true) {
+                      newAnswer = newAnswer + '<think>';
+                    }
+
+                    if (d.end_to_think === true) {
+                      newAnswer = newAnswer + '</think>';
+                    }
+
+                    return {
+                      ...d,
+                      answer: newAnswer,
+                      conversationId: body?.conversation_id,
+                      chatBoxId: body.chatBoxId,
+                    };
                   });
                 }
               } catch (e) {
diff --git a/web/src/pages/next-chats/chat/app-settings/chat-settings.tsx b/web/src/pages/next-chats/chat/app-settings/chat-settings.tsx
index a2a28ddf3..9f715500d 100644
--- a/web/src/pages/next-chats/chat/app-settings/chat-settings.tsx
+++ b/web/src/pages/next-chats/chat/app-settings/chat-settings.tsx
@@ -8,7 +8,7 @@ import {
   setLLMSettingEnabledValues,
 } from '@/utils/form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { omit } from 'lodash';
+import { isEmpty, omit } from 'lodash';
 import { X } from 'lucide-react';
 import { useEffect } from 'react';
 import { useForm } from 'react-hook-form';
@@ -33,7 +33,7 @@ export function ChatSettings({ switchSettingVisible }: ChatSettingsProps) {
 
   const form = useForm<FormSchemaType>({
     resolver: zodResolver(formSchema),
-    shouldUnregister: true,
+    shouldUnregister: false,
     defaultValues: {
       name: '',
       icon: '',
@@ -88,7 +88,10 @@ export function ChatSettings({ switchSettingVisible }: ChatSettingsProps) {
       ...data,
       ...llmSettingEnabledValues,
     };
-    form.reset(nextData as FormSchemaType);
+
+    if (!isEmpty(data)) {
+      form.reset(nextData as FormSchemaType);
+    }
   }, [data, form]);
 
   return (
diff --git a/web/src/pages/next-chats/chat/app-settings/dynamic-variable.tsx b/web/src/pages/next-chats/chat/app-settings/dynamic-variable.tsx
index 983488b1e..b5af16159 100644
--- a/web/src/pages/next-chats/chat/app-settings/dynamic-variable.tsx
+++ b/web/src/pages/next-chats/chat/app-settings/dynamic-variable.tsx
@@ -22,6 +22,7 @@ export function DynamicVariableForm() {
   const { fields, remove, append } = useFieldArray({
     name,
     control: form.control,
+    shouldUnregister: false,
   });
 
   const add = useCallback(() => {
diff --git a/web/src/pages/next-chats/chat/app-settings/use-chat-setting-schema.tsx b/web/src/pages/next-chats/chat/app-settings/use-chat-setting-schema.tsx
index 226400775..f4d96b999 100644
--- a/web/src/pages/next-chats/chat/app-settings/use-chat-setting-schema.tsx
+++ b/web/src/pages/next-chats/chat/app-settings/use-chat-setting-schema.tsx
@@ -24,12 +24,14 @@ export function useChatSettingSchema() {
     system: z.string().min(1, { message: t('systemMessage') }),
     refine_multiturn: z.boolean(),
     use_kg: z.boolean(),
-    parameters: z.array(
-      z.object({
-        key: z.string(),
-        optional: z.boolean(),
-      }),
-    ),
+    parameters: z
+      .array(
+        z.object({
+          key: z.string(),
+          optional: z.boolean(),
+        }),
+      )
+      .optional(),
     tavily_api_key: z.string().optional(),
     reasoning: z.boolean().optional(),
     cross_languages: z.array(z.string()).optional(),
diff --git a/web/vite.config.ts b/web/vite.config.ts
index 7ef0e5c71..1d54c6d04 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -59,7 +59,7 @@ export default defineConfig(({ mode, command }) => {
       },
     },
     server: {
-      port: 9222,
+      port: Number(env.PORT) || 9222,
       strictPort: false,
       hmr: {
         overlay: false,