添加 Markdown 拓展支持

package.json

@@ -49,7 +49,9 @@
     "react-dom": "^19.1.0",
     "react-draggable": "^4.5.0",
     "react-icons": "^5.5.0",
+    "react-markdown": "^10.1.0",
     "react-window": "^1.8.10",
+    "remark-gfm": "^4.0.1",
     "tailwindcss": "^4.1.13",
     "zustand": "^5.0.11"
   },

src/components/chat/GlobalChatbox.tsx

@@ -2,6 +2,7 @@
 
 import React, { useMemo, useRef, useState, useEffect, useCallback } from "react";
 import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
 import { motion, AnimatePresence } from "framer-motion";
 import markdownStyles from "./GlobalChatboxMarkdown.module.css";
 
@@ -21,7 +22,6 @@ import {
   Typography,
   useTheme,
   alpha,
-  Tooltip,
 } from "@mui/material";
 import type { Theme } from "@mui/material/styles";
 
@@ -30,7 +30,6 @@ import CloseRounded from "@mui/icons-material/CloseRounded";
 import SendRounded from "@mui/icons-material/SendRounded";
 import StopRounded from "@mui/icons-material/StopRounded";
 import AutoAwesome from "@mui/icons-material/AutoAwesome"; // Sparkle icon for AI
-import PersonRounded from "@mui/icons-material/PersonRounded";
 import ErrorOutlineRounded from "@mui/icons-material/ErrorOutlineRounded";
 import AddCommentRounded from "@mui/icons-material/AddCommentRounded";
 
@@ -276,7 +275,7 @@ const ChatMessageItem = React.memo(
           }}
         >
           <div className={markdownStyles.markdown}>
-            <ReactMarkdown>{answerContent || "..."}</ReactMarkdown>
+            <ReactMarkdown remarkPlugins={[remarkGfm]}>{answerContent || "..."}</ReactMarkdown>
           </div>
         </Paper>
       </motion.div>

src/components/chat/GlobalChatboxMarkdown.module.css

@@ -80,6 +80,33 @@
   line-height: 1.65;
 }
 
+.markdown table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1rem 0;
+  font-size: 0.88em;
+  border: 1px solid var(--chat-md-inline-code-border);
+  overflow: hidden;
+  border-radius: 8px;
+}
+
+.markdown th,
+.markdown td {
+  padding: 0.6rem 0.8rem;
+  border: 1px solid var(--chat-md-inline-code-border);
+  text-align: left;
+}
+
+.markdown th {
+  background-color: var(--chat-md-inline-code-bg);
+  font-weight: 700;
+  color: var(--chat-md-heading);
+}
+
+.markdown tr:nth-child(even) {
+  background-color: rgba(0, 0, 0, 0.02);
+}
+
 .markdown blockquote {
   margin: 0.8rem 0;
   padding: 0.45rem 0.75rem;