chore: update

package.json

@@ -19,7 +19,9 @@
     "lucide-react": "^0.477.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-markdown": "^10.1.0",
     "react-router": "^7.3.0",
+    "remark-gfm": "^4.0.1",
     "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz",
     "zustand": "^5.0.3"
   },

src/components/ai/AIChat.tsx

@@ -5,9 +5,11 @@ import './AIChat.scss'
 import { OpenAIOutlined, SendOutlined } from '@ant-design/icons'
 import TextArea from 'antd/es/input/TextArea'
 import { useAI } from '@/hooks/useAI'
+import Markdown from 'react-markdown'
+import remarkGfm from 'remark-gfm'
 
 export default function AIChat() {
-  const [collapsed, setCollapsed] = useState(true)
+  const [collapsed, setCollapsed] = useState(false)
 
   const toggleCollapsed = () => {
     setCollapsed(!collapsed)
@@ -32,7 +34,9 @@ export default function AIChat() {
     return (
       <div className={`message-item ${message.role}`}>
         <div className="message-box">
-          <div className="message-content">{message.content}</div>
+          <div className="message-content">
+            <Markdown remarkPlugins={[remarkGfm]}>{message.content}</Markdown>
+          </div>
         </div>
       </div>
     )

src/components/data/ChartWrap.tsx

@@ -8,7 +8,7 @@ export default function DataWrap({
 }: {
   title: string
   buttons: ReactNode
-  children: ReactNode
+  children?: ReactNode
 }) {
   return (
     <Flex gap={20} style={{ height: '100%' }}>