feat: 增强 Markdown 代码块高亮和表格样式

src/web/features/chat/parts/TextPart.tsx

@@ -3,6 +3,9 @@ import Markdown from "markdown-to-jsx/react";
 
 import type { PartProps } from "./types";
 
+import { CodeBlock } from "./CodeBlock";
+import { MarkdownTable } from "./MarkdownTable";
+
 interface TextPartProps extends PartProps {
   isStreaming: boolean;
   role: string;
@@ -16,7 +19,17 @@ export function TextPart({ isStreaming, part, role }: TextPartProps) {
       {role === "user" ? (
         <Typography.Paragraph className="message-body-text">{text}</Typography.Paragraph>
       ) : (
-        <Markdown options={{ optimizeForStreaming: isStreaming }}>{text}</Markdown>
+        <Markdown
+          options={{
+            optimizeForStreaming: isStreaming,
+            overrides: {
+              pre: { component: CodeBlock, props: { isStreaming } },
+              table: MarkdownTable,
+            },
+          }}
+        >
+          {text}
+        </Markdown>
       )}
     </div>
   );