feat: 聊天侧边栏新对话按钮统一为 antd Button 样式

src/web/features/chat/ChatPage.tsx

@@ -1,7 +1,7 @@
-import { DeleteOutlined, MoreOutlined } from "@ant-design/icons";
+import { DeleteOutlined, MoreOutlined, PlusOutlined } from "@ant-design/icons";
 import { Conversations } from "@ant-design/x";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { App, Spin } from "antd";
+import { App, Button, Spin } from "antd";
 import { useMemo, useState } from "react";
 
 import type { Conversation } from "../../../shared/api";
@@ -52,13 +52,11 @@ export function ChatPage() {
   return (
     <div className="app-chat-page">
       <div className="app-chat-conversations">
-        {isLoading ? (
+        <div className="app-chat-conversations-header">
-          <Spin />
+          <Button
-        ) : (
+            block
-          <Conversations
+            icon={<PlusOutlined />}
-            activeKey={activeConversationId ?? ""}
+            onClick={() => {
-            creation={{
-              onClick: () => {
               void createConversation(project.id, defaultModelId ?? undefined)
                 .then((conv) => {
                   void queryClient.invalidateQueries({ queryKey: CONVERSATIONS_KEY });
@@ -67,8 +65,17 @@ export function ChatPage() {
                 .catch((err: Error) => {
                   void message.error(`创建会话失败：${err.message}`);
                 });
-              },
             }}
+            type="primary"
+          >
+            新对话
+          </Button>
+        </div>
+        {isLoading ? (
+          <Spin />
+        ) : (
+          <Conversations
+            activeKey={activeConversationId ?? ""}
             items={conversations}
             menu={(conv) => ({
               items: [
@@ -85,6 +92,7 @@ export function ChatPage() {
               trigger: <MoreOutlined />,
             })}
             onActiveChange={(key) => setActiveConversationId(key)}
+            rootClassName="app-chat-conversations-list"
           />
         )}
       </div>

src/web/styles.css

@@ -90,6 +90,16 @@ body {
   background: var(--ant-color-bg-container);
 }
 
+.app-chat-conversations-header {
+  padding: var(--ant-padding-sm);
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+}
+
+.app-chat-conversations-list {
+  flex: 1;
+  min-height: 0;
+}
+
 .app-chat-panel {
   display: flex;
   flex: 1;