feat: Add Chat Analysis

src/pages/Chat/ChatMessageBubble.tsx

@@ -24,6 +24,7 @@ export interface ChatMessageBubbleProps {
   isSelected?: boolean
   onContextMenu?: (event: React.MouseEvent, message: Message) => void
   onToggleSelection?: (messageKey: string, isShiftKey?: boolean) => void
+  actionNode?: React.ReactNode
   children: React.ReactNode
   portal?: React.ReactNode
 }
@@ -57,6 +58,7 @@ function ChatMessageBubble({
   isSelected,
   onContextMenu,
   onToggleSelection,
+  actionNode,
   children,
   portal
 }: ChatMessageBubbleProps) {
@@ -92,10 +94,18 @@ function ChatMessageBubble({
           </div>
           <div className="bubble-body">
             {isGroupChat && !isSent && (
-              <div className="sender-name">
-                {resolvedSenderName || '群成员'}
+              <div className="sender-line">
+                <div className="sender-name">
+                  {resolvedSenderName || '群成员'}
+                </div>
+                {actionNode}
               </div>
             )}
+            {!isGroupChat && !isSent && actionNode ? (
+              <div className="message-action-floating">
+                {actionNode}
+              </div>
+            ) : null}
             {children}
           </div>
         </div>
@@ -131,6 +141,7 @@ function areEqual(prev: ChatMessageBubbleProps, next: ChatMessageBubbleProps) {
     prev.isSelected === next.isSelected &&
     prev.onContextMenu === next.onContextMenu &&
     prev.onToggleSelection === next.onToggleSelection &&
+    prev.actionNode === next.actionNode &&
     prev.children === next.children &&
     prev.portal === next.portal
   )