feat: enhance sidebar and page components with improved styling and layout adjustments

Author: experdot

src/renderer/src/components/common/PageLineageDisplay.tsx

@@ -186,7 +186,14 @@ const PageLineageDisplay: React.FC<PageLineageDisplayProps> = ({
   )
 
   const content = (
-    <div style={{ fontSize: size === 'small' ? '12px' : '14px' }}>
+    <div
+      style={{
+        fontSize: size === 'small' ? '12px' : '14px',
+        borderBottom: '1px solid #f0f0f0',
+        backgroundColor: '#fafafa',
+        padding: '8px 16px'
+      }}
+    >
       <Space direction="vertical" size={size === 'small' ? 8 : 16} style={{ width: '100%' }}>
         {/* 折叠标题 */}
         {collapseHeader}

src/renderer/src/components/layout/sidebar/Sidebar.tsx

@@ -123,7 +123,7 @@ export default function Sidebar({
         return (
           <div className="sidebar-explore">
             <div className="sidebar-header">
-              <h3>资源管理器</h3>
+              <h4>资源管理器</h4>
               <SidebarActions
                 collapsed={false}
                 hasCheckedItems={hasCheckedItems}
@@ -147,7 +147,7 @@ export default function Sidebar({
         return (
           <div className="sidebar-search">
             <div className="sidebar-header">
-              <h3>搜索</h3>
+              <h4>搜索</h4>
             </div>
             <div className="sidebar-content">
               <GlobalSearch
@@ -164,7 +164,7 @@ export default function Sidebar({
         return (
           <div className="sidebar-favorites">
             <div className="sidebar-header">
-              <h3>收藏夹</h3>
+              <h4>收藏夹</h4>
             </div>
             <div className="sidebar-content">
               <FavoritesPanel />
@@ -175,7 +175,7 @@ export default function Sidebar({
         return (
           <div className="sidebar-tasks">
             <div className="sidebar-header">
-              <h3>任务监控</h3>
+              <h4>任务监控</h4>
             </div>
             <div className="sidebar-content">
               <TaskMonitor />

src/renderer/src/components/layout/sidebar/sidebar.css

@@ -28,7 +28,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 16px;
+  padding: 8px;
   border-bottom: 1px solid #f0f0f0;
   flex-shrink: 0;
 }

src/renderer/src/components/layout/sidebar_items/chat/ChatHistoryTree.tsx

@@ -59,7 +59,7 @@ export default function ChatHistoryTree({ onChatClick, onFindInFolder }: ChatHis
   useEffect(() => {
     const calculateHeight = () => {
       if (treeContainerRef.current) {
-        const containerHeight = window.innerHeight - treeContainerRef.current.offsetTop - 100
+        const containerHeight = window.innerHeight - treeContainerRef.current.offsetTop - 48
         setVirtualHeight(Math.max(400, Math.min(containerHeight, 1200)))
       }
     }

src/renderer/src/components/layout/sidebar_items/favorites/FavoritesPanel.tsx

@@ -593,7 +593,7 @@ export default function FavoritesPanel() {
     <div className="favorites-panel">
       {/* 头部：搜索和操作 */}
       <div className="favorites-header">
-        <Search
+        <Input
           placeholder="搜索收藏"
           allowClear
           onChange={(e) => handleSearch(e.target.value)}

src/renderer/src/components/layout/sidebar_items/favorites/favorites-panel.css

@@ -14,6 +14,7 @@
   gap: 8px;
   align-items: center;
   flex-shrink: 0;
+  background: white;
 }
 
 .favorites-search {
@@ -28,7 +29,7 @@
 /* 统计信息 */
 .favorites-stats {
   padding: 8px 12px;
-  background: #f8f9fa;
+  background: white;
   border-bottom: 1px solid #e8e8e8;
   flex-shrink: 0;
 }
@@ -44,6 +45,7 @@
   overflow-y: auto;
   overflow-x: hidden;
   padding: 8px;
+  background: white;
 }
 
 .favorites-tree {

src/renderer/src/components/layout/sidebar_items/task/TaskMonitor.tsx

@@ -526,7 +526,7 @@ export default function TaskMonitor() {
         }}
       >
         <Title level={5} style={{ margin: 0 }}>
-          AI任务监控 ({aiTasks.length})
+          任务列表 ({aiTasks.length})
         </Title>
         <Space>
           {groupedTasks.completed.length > 0 && (

src/renderer/src/components/layout/tabs/TabsArea.css

@@ -10,6 +10,14 @@
   flex-direction: column;
 }
 
+.tabs-area .ant-tabs-nav {
+  height: 42px;
+}
+
+.ant-tabs-top > .ant-tabs-nav {
+  margin: 0;
+}
+
 .tabs-area .ant-tabs-content-holder {
   flex: 1;
   overflow: hidden;

src/renderer/src/components/pages/chat/ChatWindow.tsx

@@ -321,15 +321,7 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({ chatId }, ref)
   return (
     <div className="chat-window">
       {/* 页面溯源信息 */}
-      <div
-        style={{
-          borderBottom: '1px solid #f0f0f0',
-          backgroundColor: '#fafafa',
-          padding: '8px 16px'
-        }}
-      >
-        <PageLineageDisplay pageId={chatId} size="small" showInCard={false} />
-      </div>
+      <PageLineageDisplay pageId={chatId} size="small" showInCard={false} />
 
       <div className="chat-window-content">
         <ChatLogic chatId={chatId}>

src/renderer/src/components/pages/chat/messageItem/MessageContent.tsx

@@ -136,10 +136,10 @@ export const MessageContent: React.FC<MessageContentProps> = ({
               {
                 key: 'reasoning_content',
                 label: (
-                  <Text type="secondary">
+                  <Space size="small">
                     <BulbOutlined style={{ marginRight: 4 }} />
                     思考过程
-                  </Text>
+                  </Space>
                 ),
                 children: (
                   <Dropdown