From c300ba400d50496b11cbc9c20bfdffda147b78d8 Mon Sep 17 00:00:00 2001
From: MT-Mint <798521692@qq.com>
Date: Thu, 2 Apr 2026 09:52:53 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20xclaw=5Fused=E5=88=87=E6=8D=A2=E6=AC=A2?=
 =?UTF-8?q?=E8=BF=8E=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=AF=B9=E8=AF=9D=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../[agent_name]/chats/[thread_id]/page.tsx   |  4 +--
 .../app/workspace/chats/[thread_id]/page.tsx  | 28 +++++++++----------
 .../workspace/chats/use-thread-chat.ts        |  4 ++-
 .../src/components/workspace/input-box.tsx    | 18 ++++++------
 frontend/src/core/i18n/locales/zh-CN.ts       |  3 +-
 5 files changed, 30 insertions(+), 27 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 f9c31786..f114a884 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
@@ -37,7 +37,7 @@ export default function AgentChatPage() {
 
   const { agent } = useAgent(agent_name);
 
-  const { threadId, isNewThread, setIsNewThread } = useThreadChat();
+  const { threadId, isNewThread, setIsNewThread, showWelcomeStyle } = useThreadChat();
 
   const { showNotification } = useNotification();
   const [thread, sendMessage] = useThreadStream({
@@ -155,7 +155,7 @@ export default function AgentChatPage() {
 
                 <InputBox
                   className={cn("bg-background/5 w-full -translate-y-4")}
-                  isNewThread={isNewThread}
+                  showWelcomeStyle={showWelcomeStyle}
                   autoFocus={isNewThread}
                   status={
                     thread.error
diff --git a/frontend/src/app/workspace/chats/[thread_id]/page.tsx b/frontend/src/app/workspace/chats/[thread_id]/page.tsx
index d1011764..e62d3fa8 100644
--- a/frontend/src/app/workspace/chats/[thread_id]/page.tsx
+++ b/frontend/src/app/workspace/chats/[thread_id]/page.tsx
@@ -56,14 +56,14 @@ export default function ChatPage() {
     setFullscreen: setArtifactsFullscreen,
     fullscreen,
   } = useArtifacts();
-  const { threadId, isNewThread, setIsNewThread, isMock } = useThreadChat();
+  const { threadId, isNewThread, setIsNewThread, isMock, showWelcomeStyle } = useThreadChat();
   
   const searchParams = useSearchParams();
   // History render rules:
   // - /workspace/chats/{thread_id}: always render history
   // - /workspace/chats/new: render history only when xclaw_used=true
   const shouldRenderHistory =
-    !isNewThread ||
+    !showWelcomeStyle ||
     searchParams.get("xclaw_used")?.trim().toLowerCase() === "true";
 
   // Original strategy:
@@ -81,9 +81,9 @@ export default function ChatPage() {
     if (reuseExistingThread) {
       return false;
     }
-    if (searchParams.get("xclaw_used")?.trim().toLowerCase() !== "true") {
-      return true;
-    }
+    // if (searchParams.get("xclaw_used")?.trim().toLowerCase() !== "true") {
+    //   return true;
+    // }
     return searchParams.get("isnew")?.trim().toLowerCase() === "true";
   }, [isNewThread, searchParams]);
   console.log(createNewSession, "createNewSession");
@@ -140,7 +140,7 @@ export default function ChatPage() {
   }, [thread.values?.title]);
 
   const [hasSubmitted, setHasSubmitted] = useState(false);
-  const showInputBox = !(isNewThread && thread.isThreadLoading);
+  const showInputBox = !(showWelcomeStyle && thread.isThreadLoading);
   const [historyCutoff, setHistoryCutoff] = useState<number | null>(null);
 
   useEffect(() => {
@@ -259,7 +259,7 @@ export default function ChatPage() {
               <header
                 className={cn(
                   "bg-background absolute top-0 right-0 left-0 z-30 mx-4 grid h-[58px] shrink-0 grid-cols-3 items-center border-b transition-all duration-300 ease-in-out",
-                  isNewThread && !hasSubmitted ? "hidden" : "",
+                  showWelcomeStyle && !hasSubmitted ? "hidden" : "",
                 )}
               >
                 <div className="flex items-center justify-start overflow-hidden text-sm font-medium">
@@ -329,14 +329,14 @@ export default function ChatPage() {
               <main
                 className={cn(
                   "flex min-h-0 max-w-full grow flex-col",
-                  isNewThread && !hasSubmitted ? "bg-white" : "bg-background",
+                  showWelcomeStyle && !hasSubmitted ? "bg-white" : "bg-background",
                 )}
               >
                 <div className="flex size-full justify-center">
                     <MessageList
                       className={cn(
                         "size-full",
-                        (!isNewThread || hasSubmitted) && "pt-[58px]",
+                        (!showWelcomeStyle || hasSubmitted) && "pt-[58px]",
                       )}
                       threadId={threadId}
                       thread={thread}
@@ -426,16 +426,16 @@ export default function ChatPage() {
           <div
             className={cn(
               "pointer-events-auto relative w-full max-w-[720px]",
-              isNewThread && !hasSubmitted && "-translate-y-[calc(50vh-96px)]",
+              showWelcomeStyle && !hasSubmitted && "-translate-y-[calc(50vh-96px)]",
             )}
           >
             {showInputBox ? (
               <InputBox
                 className={cn("w-full rounded-[20px] bg-[#FBFAFC]")}
                 threadId={threadId}
-                isNewThread={isNewThread}
+                showWelcomeStyle={showWelcomeStyle}
                 hasSubmitted={hasSubmitted}
-                autoFocus={isNewThread}
+                autoFocus={showWelcomeStyle}
                 status={
                   thread.error
                     ? "error"
@@ -446,7 +446,7 @@ export default function ChatPage() {
                 context={settings.context}
                 extraHeader={
                   <div className="flex flex-col gap-4">
-                    {isNewThread && !hasSubmitted && (
+                    {showWelcomeStyle && !hasSubmitted && (
                       <Welcome mode={settings.context.mode} />
                     )}
                   </div>
@@ -485,7 +485,7 @@ export default function ChatPage() {
               <DevDialogTitle>提示</DevDialogTitle>
             </DevDialogHeader>
             <p className="text-muted-foreground text-sm">
-              退出后，当前会话结束并销毁，请先下载保存当前结果！
+             （测试中：计划销毁但是现在没有销毁） 退出后，当前会话结束并销毁，请先下载保存当前结果！
             </p>
             <DevDialogFooter>
               <Button
diff --git a/frontend/src/components/workspace/chats/use-thread-chat.ts b/frontend/src/components/workspace/chats/use-thread-chat.ts
index 8ac0761c..d1c03c15 100644
--- a/frontend/src/components/workspace/chats/use-thread-chat.ts
+++ b/frontend/src/components/workspace/chats/use-thread-chat.ts
@@ -62,6 +62,8 @@ export function useThreadChat() {
   };
   const isNewRequested =
     searchParams.get("isnew")?.trim().toLowerCase() === "true";
+// 是否显示欢迎界面：当 xclaw_used=false 或 isnew=true 时显示。
+    const showWelcomeStyle= searchParams.get("xclaw_used") === "false" || isNewRequested;
   const effectiveThreadIdFromPath =
     normalizeThreadId(threadIdFromPath) ?? readStoredThreadId();
   // console.log("[useThreadChat] effectiveThreadIdFromPath", effectiveThreadIdFromPath);
@@ -85,5 +87,5 @@ export function useThreadChat() {
     setThreadId(normalizeThreadId(threadIdFromPath));
   }, [pathname, router, searchParams, threadIdFromPath]);
   const isMock = searchParams.get("mock") === "true";
-  return { threadId, isNewThread, setIsNewThread, isMock };
+  return { threadId, isNewThread, setIsNewThread, isMock, showWelcomeStyle };
 }
diff --git a/frontend/src/components/workspace/input-box.tsx b/frontend/src/components/workspace/input-box.tsx
index 5ae0be1d..8435a9dd 100644
--- a/frontend/src/components/workspace/input-box.tsx
+++ b/frontend/src/components/workspace/input-box.tsx
@@ -91,7 +91,7 @@ export function InputBox({
   status = "ready",
   context,
   extraHeader,
-  isNewThread,
+  showWelcomeStyle,
   hasSubmitted,
   initialValue,
   onContextChange,
@@ -110,7 +110,7 @@ export function InputBox({
     mode: "flash" | "thinking" | "pro" | "ultra" | undefined;
   };
   extraHeader?: React.ReactNode;
-  isNewThread?: boolean;
+  showWelcomeStyle?: boolean;
   hasSubmitted?: boolean;
   initialValue?: string;
   onContextChange?: (
@@ -145,7 +145,7 @@ export function InputBox({
 
   // isNewThread 时禁用收缩，始终保持展开（除非已提交消息）
   const effectiveIsFocused =
-    ((isNewThread ?? false) && !hasSubmitted) || isFocused;
+    ((showWelcomeStyle ?? false) && !hasSubmitted) || isFocused;
 
   // 点击外部区域时收起输入框
   useEffect(() => {
@@ -211,7 +211,7 @@ export function InputBox({
         return;
       }
       setIsFocused(false);
-      if (isNewThread) {
+      if (showWelcomeStyle) {
         sendToParent({
           type: POST_MESSAGE_TYPES.XCLAW_USED,
           XClawUsed: true,
@@ -219,7 +219,7 @@ export function InputBox({
       }
       onSubmit?.(message);
     },
-    [isNewThread, onSubmit, onStop, status],
+    [showWelcomeStyle, onSubmit, onStop, status],
   );
 
   const requestFormSubmit = useCallback(() => {
@@ -292,7 +292,7 @@ export function InputBox({
 
     return () => controller.abort();
     */
-  }, [disabled, isNewThread, threadId]);
+  }, [disabled, showWelcomeStyle, threadId]);
 
   return (
     <div
@@ -318,7 +318,7 @@ export function InputBox({
         inputGroupClassName={cn(
           "border-0 rounded-[20px] backdrop-blur-sm",
           "transition-[height] duration-300 ease-out shadow-none ",
-          !isNewThread && "h-[200px] shadow-[0_0_20px_0_rgba(0,0,0,0.10)]",
+          !showWelcomeStyle && "h-[200px] shadow-[0_0_20px_0_rgba(0,0,0,0.10)]",
           hasSubmitted && "shadow-[0_0_20px_0_rgba(0,0,0,0.10)]!",
           effectiveIsFocused ? "h-[200px]" : "h-[80px]",
         )}
@@ -423,14 +423,14 @@ export function InputBox({
         />
       </PromptInput>
 
-      {isNewThread && !hasSubmitted && searchParams.get("mode") !== "skill" && (
+      {showWelcomeStyle && !hasSubmitted && searchParams.get("mode") !== "skill" && (
         <SuggestionListContainer
           sendSelectSkill={iframeSkill.sendSelectSkill}
         />
       )}
 
       {!disabled &&
-        !isNewThread &&
+        !showWelcomeStyle &&
         !followupsHidden &&
         (followupsLoading || followups.length > 0) && (
           <div className="absolute -top-20 right-0 left-0 z-20 flex items-center justify-center">
diff --git a/frontend/src/core/i18n/locales/zh-CN.ts b/frontend/src/core/i18n/locales/zh-CN.ts
index dd303830..d05683c2 100644
--- a/frontend/src/core/i18n/locales/zh-CN.ts
+++ b/frontend/src/core/i18n/locales/zh-CN.ts
@@ -57,7 +57,8 @@ export const zhCN: Translations = {
 
   // Welcome
   welcome: {
-    greeting: "轻办公 · XClaw",
+    // TODO: 测试环境标识
+    greeting: "轻办公 · XClaw Tag：v3.1.0fix: xclaw_used切换欢迎样式和对话样式",
     description:
       "欢迎使用 🦌 DeerFlow，一个完全开源的超级智能体。通过内置和自定义的 Skills，\nDeerFlow 可以帮你搜索网络、分析数据，还能为你生成幻灯片、\n图片、视频、播客及网页等，几乎可以做任何事情。",