From 570d2c7de1fb90712c1ec94e23babd2ca3cea2f8 Mon Sep 17 00:00:00 2001
From: Huarch <huarch97@outlook.com>
Date: Fri, 15 May 2026 17:32:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BC=9A=E8=AF=9D=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E6=94=AF=E6=8C=81=EF=BC=8C=E4=BC=98=E5=8C=96=E8=81=8A?=
 =?UTF-8?q?=E5=A4=A9=E5=A4=B4=E9=83=A8=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/chat/AgentHeader.tsx             | 17 ++++++++++++++---
 src/components/chat/GlobalChatbox.tsx           |  2 ++
 .../chat/hooks/useAgentChatSession.ts           |  1 +
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/components/chat/AgentHeader.tsx b/src/components/chat/AgentHeader.tsx
index 3885d58..be57972 100644
--- a/src/components/chat/AgentHeader.tsx
+++ b/src/components/chat/AgentHeader.tsx
@@ -18,6 +18,7 @@ import CloseRounded from "@mui/icons-material/CloseRounded";
 import HistoryRounded from "@mui/icons-material/HistoryRounded";
 
 type AgentHeaderProps = {
+  sessionTitle?: string;
   isStreaming: boolean;
   isHistoryOpen: boolean;
   onHistoryToggle: () => void;
@@ -26,6 +27,7 @@ type AgentHeaderProps = {
 };
 
 export const AgentHeader = ({
+  sessionTitle,
   isStreaming,
   isHistoryOpen,
   onHistoryToggle,
@@ -33,6 +35,7 @@ export const AgentHeader = ({
   onClose,
 }: AgentHeaderProps) => {
   const theme = useTheme();
+  const displayTitle = sessionTitle?.trim() || "TJWater Agent";
 
   return (
     <Box
@@ -91,7 +94,7 @@ export const AgentHeader = ({
             />
           </Box>
         </motion.div>
-        <Box>
+        <Box sx={{ minWidth: 0 }}>
           <Typography
             variant="h6"
             fontWeight={800}
@@ -100,12 +103,20 @@ export const AgentHeader = ({
               backgroundClip: "text",
               color: "transparent",
               letterSpacing: -0.3,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              maxWidth: { xs: "calc(100vw - 220px)", sm: 320 },
             }}
           >
-            TJWater Agent
+            {displayTitle}
           </Typography>
           <Typography variant="caption" color="text.secondary" fontWeight={500}>
-            {isStreaming ? "正在思考分析任务..." : "基于大模型的水力分析引擎"}
+            {isStreaming
+              ? "正在思考分析任务..."
+              : displayTitle === "TJWater Agent"
+                ? "基于大模型的水力分析引擎"
+                : "当前会话标题"}
           </Typography>
         </Box>
       </Stack>
diff --git a/src/components/chat/GlobalChatbox.tsx b/src/components/chat/GlobalChatbox.tsx
index fd0c745..f6985fe 100644
--- a/src/components/chat/GlobalChatbox.tsx
+++ b/src/components/chat/GlobalChatbox.tsx
@@ -58,6 +58,7 @@ export const GlobalChatbox: React.FC<Props> = ({ open, onClose }) => {
     branchTransition,
     isHydrating,
     isStreaming,
+    sessionTitle,
     sendPrompt,
     regenerate,
     editAndResubmit,
@@ -220,6 +221,7 @@ export const GlobalChatbox: React.FC<Props> = ({ open, onClose }) => {
         <Blob color={alpha(theme.palette.success.light, 0.18)} size={200} top="80%" left="-10%" delay={4} />
 
         <AgentHeader
+          sessionTitle={sessionTitle}
           isStreaming={isStreaming}
           isHistoryOpen={isHistoryOpen}
           onHistoryToggle={handleHistoryToggle}
diff --git a/src/components/chat/hooks/useAgentChatSession.ts b/src/components/chat/hooks/useAgentChatSession.ts
index a2ff7cf..08e6f97 100644
--- a/src/components/chat/hooks/useAgentChatSession.ts
+++ b/src/components/chat/hooks/useAgentChatSession.ts
@@ -767,6 +767,7 @@ export const useAgentChatSession = ({
     branchTransition,
     isHydrating,
     isStreaming,
+    sessionTitle,
     sessionId,
     sendPrompt,
     regenerate,