From 56cd9682193509cbd308bf712053f446060d0fe1 Mon Sep 17 00:00:00 2001
From: gaoziman <2942894660@qq.com>
Date: Wed, 24 Dec 2025 15:59:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=81=8A=E5=A4=A9=E9=A1=B5=E9=9D=A2):=20?=
 =?UTF-8?q?=E9=9B=86=E6=88=90=E5=AF=B9=E8=AF=9D=E5=88=86=E4=BA=AB=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 引入 ShareModal 组件
- 添加分享按钮点击事件处理
- 支持分享预览跳转
---
 src/app/chat/[id]/page.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/app/chat/[id]/page.tsx b/src/app/chat/[id]/page.tsx
index 0999c19..7536214 100644
--- a/src/app/chat/[id]/page.tsx
+++ b/src/app/chat/[id]/page.tsx
@@ -12,6 +12,7 @@ import { SaveToNoteModal } from '@/components/features/SaveToNoteModal';
 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 { cn } from '@/lib/utils';
 import { useConversation, useConversations } from '@/hooks/useConversations';
 import { useStreamChat, type ChatMessage } from '@/hooks/useStreamChat';
@@ -53,6 +54,9 @@ export default function ChatPage({ params }: PageProps) {
   const [linkPreviewOpen, setLinkPreviewOpen] = useState(false);
   const [linkPreviewUrl, setLinkPreviewUrl] = useState<string | null>(null);
 
+  // 分享弹窗状态
+  const [shareModalOpen, setShareModalOpen] = useState(false);
+
   // 获取数据
   const { conversation, loading: conversationLoading, error: conversationError } = useConversation(chatId);
   const { createConversation, updateConversation, deleteConversation } = useConversations();
@@ -498,6 +502,7 @@ export default function ChatPage({ params }: PageProps) {
             )}
 
             <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"
               title="分享对话"
             >
@@ -646,6 +651,16 @@ export default function ChatPage({ params }: PageProps) {
         onClose={() => setLinkPreviewOpen(false)}
       />
 
+      {/* 分享弹窗 */}
+      <ShareModal
+        isOpen={shareModalOpen}
+        onClose={() => setShareModalOpen(false)}
+        conversationId={chatId}
+        conversationTitle={conversation?.title || '新对话'}
+        messages={messages.map(m => ({ id: m.id, role: m.role, content: m.content }))}
+        onPreview={handleLinkClick}
+      />
+
       {/* 提示词优化工具浮动按钮 */}
       <PromptOptimizer onUsePrompt={setOptimizedPrompt} />
     </div>