fix(bubble): refine message grouping logic based on user role

- Updated the grouping logic in `BubbleList.vue` to ensure that messages with an array content are only treated as independent groups if the message role is 'user'.
- Adjusted the documentation in `index.type.ts` to reflect this new condition for message grouping, enhancing clarity on how messages are processed.

Author: gene9831

packages/components/src/bubble/BubbleList.vue

@@ -77,7 +77,7 @@ const groupByRole = (messages: BubbleMessage[]): BubbleMessageGroup[] => {
 
   for (const [index, message] of messages.entries()) {
     const lastGroup = groups[groups.length - 1]
-    const isArrayContent = Array.isArray(contentResolver(message))
+    const isArrayContent = message.role === 'user' && Array.isArray(contentResolver(message))
     const messageRole = message.role || ''
     const isMessageHidden = isRoleHidden(message.role)
 
@@ -134,7 +134,7 @@ const groupByDivider = (messages: BubbleMessage[], dividerRole: string): BubbleM
   for (const [index, message] of messages.entries()) {
     const lastGroup = groups[groups.length - 1]
     const isDivider = message.role === dividerRole
-    const isArrayContent = Array.isArray(contentResolver(message))
+    const isArrayContent = message.role === 'user' && Array.isArray(contentResolver(message))
     const messageRole = message.role || ''
     const isMessageHidden = isRoleHidden(message.role)
 

packages/components/src/bubble/index.type.ts

@@ -136,7 +136,7 @@ export interface BubbleListProps {
    * - 自定义函数: (messages, dividerRole) => BubbleMessageGroup[]
    *
    * 特殊情况：
-   * - 当 message 的 content 为数组时，该 message 会被单独作为一个独立分组
+   * - 当 message 的 content 为数组时，且 message.role === 'user'，该 message 会被单独作为一个独立分组
    * - 该独立分组会被"密封"，后续的消息（即使角色相同）也不会被添加到这个分组中
    */
   groupStrategy?: 'consecutive' | 'divider' | BubbleGroupFunction