From 7d7678084ffe34e7e17744bc2753d47aab4b6707 Mon Sep 17 00:00:00 2001
From: gaoziman <2942894660@qq.com>
Date: Sun, 28 Dec 2025 01:31:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E9=A1=B5=E9=9D=A2):=20=E8=81=8A=E5=A4=A9?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=9B=86=E6=88=90=E6=99=BA=E8=83=BD=E6=91=98?=
 =?UTF-8?q?=E8=A6=81=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在工具栏添加智能摘要按钮
- 优化主内容区背景色样式
- 调整底部输入框背景样式
---
 src/app/chat/[id]/page.tsx | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/app/chat/[id]/page.tsx b/src/app/chat/[id]/page.tsx
index f634e79..585b0fb 100644
--- a/src/app/chat/[id]/page.tsx
+++ b/src/app/chat/[id]/page.tsx
@@ -13,6 +13,7 @@ import { PromptOptimizer } from '@/components/features/PromptOptimizer';
 import { LinkPreviewModal } from '@/components/features/LinkPreviewModal';
 import { ExportDropdown } from '@/components/features/ExportDropdown';
 import { ShareModal } from '@/components/features/ShareModal';
+import { SummaryButton } from '@/components/features/SummaryGenerator';
 import { cn } from '@/lib/utils';
 import { useConversation, useConversations } from '@/hooks/useConversations';
 import { useStreamChat, type ChatMessage } from '@/hooks/useStreamChat';
@@ -441,7 +442,7 @@ export default function ChatPage({ params }: PageProps) {
   }
 
   return (
-    <div className="flex min-h-screen">
+    <div className="flex min-h-screen bg-[var(--color-bg-secondary)]">
       {/* 侧边栏 */}
       <Sidebar
         isOpen={sidebarOpen}
@@ -451,7 +452,7 @@ export default function ChatPage({ params }: PageProps) {
       {/* 主内容区 */}
       <main
         className={cn(
-          'flex-1 flex flex-col min-h-screen transition-all duration-300',
+          'flex-1 flex flex-col min-h-screen transition-all duration-300 bg-[var(--color-bg-secondary)]',
           sidebarOpen ? 'ml-[var(--sidebar-width)]' : 'ml-0'
         )}
       >
@@ -557,6 +558,17 @@ export default function ChatPage({ params }: PageProps) {
               </button>
             )}
 
+            {/* 智能摘要按钮 */}
+            <SummaryButton
+              conversationId={chatId}
+              messages={messages.map(m => ({
+                role: m.role,
+                content: m.content,
+              }))}
+              hasSummary={!!conversation?.summary}
+              existingSummary={conversation?.summary}
+            />
+
             <button
               onClick={() => setShareModalOpen(true)}
               className="flex items-center gap-2 px-3 py-1.5 text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-bg-hover)] rounded-lg transition-colors"
@@ -659,12 +671,7 @@ export default function ChatPage({ params }: PageProps) {
         </div>
 
         {/* 固定底部输入框 */}
-        <div
-          className="sticky bottom-0 pt-4 z-20"
-          style={{
-            background: `linear-gradient(to top, var(--color-bg-secondary) 0%, var(--color-bg-secondary) 80%, transparent 100%)`
-          }}
-        >
+        <div className="sticky bottom-0 pt-4 z-20 bg-[var(--color-bg-secondary)]">
           <div className="max-w-[900px] mx-auto px-4 pb-4 pl-[60px]">
             {isStreaming && (
               <div className="flex justify-center mb-3">