feat: Implement create new chat functionality in MessageItem and integrate with MessageList and ChatWindow components

Author: experdot

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

@@ -124,6 +124,18 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({ chatId }, ref)
     chatInputRef.current?.insertQuote(text)
   }, [])
 
+  const handleCreateNewChat = useCallback((text: string) => {
+    // 生成对话标题（取前30个字符）
+    const title = text.length > 30 ? text.substring(0, 30) + '...' : text
+
+    // 创建新对话并打开
+    const { createChatWithInitialMessage } = usePagesStore.getState()
+    const newChatId = createChatWithInitialMessage(title, text, chat?.folderId, chatId)
+
+    // 切换到新创建的对话
+    setActiveTab(newChatId)
+  }, [chat?.folderId, chatId, setActiveTab])
+
   const handleOpenSettings = useCallback(() => {
     const settingsPageId = createAndOpenSettingsPage('llm') // 从聊天窗口点击设置通常是想配置模型
     setActiveTab(settingsPageId)
@@ -321,6 +333,7 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({ chatId }, ref)
                   onSwitchBranch={handleSwitchBranch}
                   // 引用相关props
                   onQuote={handleQuote}
+                  onCreateNewChat={handleCreateNewChat}
                   // 折叠相关props
                   collapsedMessages={collapsedMessagesForChat}
                   onToggleMessageCollapse={handleToggleMessageCollapse}

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

@@ -16,7 +16,8 @@ import {
   DownOutlined,
   UpOutlined,
   DeleteOutlined,
-  MessageOutlined
+  MessageOutlined,
+  PlusCircleOutlined
 } from '@ant-design/icons'
 import { ChatMessage, LLMConfig } from '../../../types/type'
 import BranchNavigator from './BranchNavigator'
@@ -50,6 +51,7 @@ interface MessageItemProps {
   onModelChange?: (messageId: string, newModelId: string) => void
   onDelete?: (messageId: string) => void
   onQuote?: (text: string) => void
+  onCreateNewChat?: (text: string) => void
   // 折叠相关
   isCollapsed?: boolean
   onToggleCollapse?: (messageId: string) => void
@@ -78,6 +80,7 @@ const MessageItem = React.memo(function MessageItem({
   onModelChange,
   onDelete,
   onQuote,
+  onCreateNewChat,
   isCollapsed = false,
   onToggleCollapse,
   searchQuery,
@@ -231,6 +234,22 @@ const MessageItem = React.memo(function MessageItem({
     onQuote?.(quotedText)
   }
 
+  // 处理创建新对话
+  const handleCreateNewChat = () => {
+    const selection = window.getSelection()
+    let textToUse = ''
+
+    if (selection && selection.toString().trim()) {
+      // 如果有选中文本，使用选中的文本
+      textToUse = selection.toString().trim()
+    } else {
+      // 如果没有选中文本，使用整个消息内容
+      textToUse = currentContent
+    }
+
+    onCreateNewChat?.(textToUse)
+  }
+
   // 右键菜单项
   const contextMenuItems = [
     {
@@ -245,6 +264,13 @@ const MessageItem = React.memo(function MessageItem({
       icon: <MessageOutlined />,
       onClick: handleQuote,
       disabled: !onQuote
+    },
+    {
+      key: 'newChat',
+      label: '新建对话',
+      icon: <PlusCircleOutlined />,
+      onClick: handleCreateNewChat,
+      disabled: !onCreateNewChat
     }
   ]
 

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

@@ -25,6 +25,7 @@ interface MessageListProps {
   onSwitchBranch?: (messageId: string, branchIndex: number) => void
   onStopGeneration?: () => void
   onQuote?: (text: string) => void
+  onCreateNewChat?: (text: string) => void
   // 折叠相关
   collapsedMessages?: string[]
   onToggleMessageCollapse?: (messageId: string) => void
@@ -50,7 +51,8 @@ const MessageList = React.memo(function MessageList({
   collapsedMessages = [],
   onToggleMessageCollapse,
   onOpenSettings,
-  onQuote
+  onQuote,
+  onCreateNewChat
 }: MessageListProps) {
   const messagesEndRef = useRef<HTMLDivElement>(null)
   const messagesContainerRef = useRef<HTMLDivElement>(null)
@@ -353,6 +355,7 @@ const MessageList = React.memo(function MessageList({
               onModelChange={onModelChange}
               onDelete={onDeleteMessage}
               onQuote={onQuote}
+              onCreateNewChat={onCreateNewChat}
               // 折叠相关
               isCollapsed={collapsedMessages.includes(message.id)}
               onToggleCollapse={onToggleMessageCollapse}

src/renderer/src/stores/pagesStore.ts

@@ -52,6 +52,7 @@ export interface PagesActions {
   createAndOpenCrosstabChat: (title: string, folderId?: string, lineage?: PageLineage) => string
   createAndOpenObjectChat: (title: string, folderId?: string, lineage?: PageLineage) => string
   createAndOpenSettingsPage: (defaultActiveTab?: string) => string
+  createChatWithInitialMessage: (title: string, initialMessage: string, folderId?: string, sourcePageId?: string) => string
 
   // 复杂页面创建功能
   createChatFromCell: (params: {
@@ -600,6 +601,78 @@ export const usePagesStore = create<PagesState & PagesActions>()(
         }
       },
 
+      createChatWithInitialMessage: (title, initialMessage, folderId, sourcePageId) => {
+        try {
+          const timestamp = Date.now()
+
+          // 如果没有指定order，获取同文件夹下的最小order值
+          const siblingFolders = get().folders.filter(f => f.parentId === folderId)
+          const siblingPages = get().pages.filter(p => p.folderId === folderId && p.type !== 'settings')
+
+          // 获取所有同级项的最小order值
+          const allOrders = [
+            ...siblingFolders.map(f => f.order || 0),
+            ...siblingPages.map(p => p.order || 0)
+          ]
+
+          const minOrder = allOrders.length > 0
+            ? Math.min(...allOrders)
+            : 1000
+
+          // 创建用户消息
+          const userMessage = {
+            id: uuidv4(),
+            role: 'user' as const,
+            content: initialMessage,
+            timestamp: timestamp
+          }
+
+          const newPage: Page = {
+            id: uuidv4(),
+            title,
+            type: 'regular',
+            createdAt: timestamp,
+            updatedAt: timestamp,
+            order: minOrder - 1000, // 新页面添加到最前面
+            folderId,
+            messages: [userMessage],
+            messageMap: { [userMessage.id]: userMessage },
+            currentPath: [userMessage.id],
+            rootMessageId: undefined,
+            ...(sourcePageId && {
+              lineage: {
+                source: 'other' as const,
+                sourcePageId,
+                sourceContext: {
+                  customContext: {
+                    action: 'create_chat_with_text',
+                    originalText: initialMessage
+                  }
+                },
+                generatedPageIds: [],
+                generatedAt: timestamp,
+                description: `从消息文本创建新对话`
+              }
+            })
+          }
+
+          set((state) => {
+            state.pages.push(newPage)
+          })
+
+          // 同时保存到 IndexedDB
+          pagesStorage.savePage(newPage)
+
+          const { setSelectedNode } = useUIStore.getState()
+          setSelectedNode(newPage.id, 'chat')
+
+          return newPage.id
+        } catch (error) {
+          handleStoreError('pagesStore', 'createChatWithInitialMessage', error)
+          throw error
+        }
+      },
+
       // 复杂页面创建功能
       createChatFromCell: (params) => {
         try {