增加会话标题支持，优化聊天头部展示

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>