@lobehub/lobehub 2.0.0-next.254 → 2.0.0-next.255

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+## [Version 2.0.0-next.255](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.254...v2.0.0-next.255)
+
+<sup>Released on **2026-01-10**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix auto add group member crash.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix auto add group member crash, closes [#11387](https://github.com/lobehub/lobe-chat/issues/11387) ([fe4ff91](https://github.com/lobehub/lobe-chat/commit/fe4ff91))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.254](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.253...v2.0.0-next.254)
 
 <sup>Released on **2026-01-10**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix auto add group member crash."
+      ]
+    },
+    "date": "2026-01-10",
+    "version": "2.0.0-next.255"
+  },
   {
     "children": {
       "improvements": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.254",
+  "version": "2.0.0-next.255",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/src/features/Conversation/Messages/AssistantGroup/Tool/Render/Intervention/ApprovalActions.tsx

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { useUserStore } from '@/store/user';
 
 import { useConversationStore } from '../../../../../store';
-import { useGroupMessage } from '../../../components/GroupContext';
+import { useMessageAggregationContext } from '../../../../Contexts/MessageAggregationContext';
 import { type ApprovalMode } from './index';
 
 interface ApprovalActionsProps {
@@ -34,7 +34,7 @@ const ApprovalActions = memo<ApprovalActionsProps>(
     // Disable actions while message is still being created (temp ID)
     const isMessageCreating = messageId.startsWith('tmp_');
 
-    const { assistantGroupId } = useGroupMessage();
+    const { assistantGroupId } = useMessageAggregationContext();
     const [approveToolCall, rejectToolCall, rejectAndContinueToolCall] = useConversationStore(
       (s) => [s.approveToolCall, s.rejectToolCall, s.rejectAndContinueToolCall],
     );

package/src/features/Conversation/Messages/AssistantGroup/Tool/index.tsx

@@ -12,6 +12,7 @@ import { toolSelectors } from '@/store/tool/selectors';
 import { getBuiltinRender } from '@/tools/renders';
 import { getBuiltinStreaming } from '@/tools/streamings';
 
+import { ToolErrorBoundary } from '../../Tool/ErrorBoundary';
 import Actions from './Actions';
 import Inspectors from './Inspector';
 
@@ -145,21 +146,23 @@ const Tool = memo<GroupToolProps>(
               type={type}
             />
           )}
-          <Render
-            apiName={apiName}
-            arguments={requestArgs}
-            identifier={identifier}
-            intervention={intervention}
-            isArgumentsStreaming={isArgumentsStreaming}
-            isToolCalling={isToolCalling}
-            messageId={assistantMessageId}
-            result={result}
-            setShowPluginRender={setShowPluginRender}
-            showPluginRender={showPluginRender}
-            toolCallId={id}
-            toolMessageId={toolMessageId}
-            type={type}
-          />
+          <ToolErrorBoundary apiName={apiName} identifier={identifier}>
+            <Render
+              apiName={apiName}
+              arguments={requestArgs}
+              identifier={identifier}
+              intervention={intervention}
+              isArgumentsStreaming={isArgumentsStreaming}
+              isToolCalling={isToolCalling}
+              messageId={assistantMessageId}
+              result={result}
+              setShowPluginRender={setShowPluginRender}
+              showPluginRender={showPluginRender}
+              toolCallId={id}
+              toolMessageId={toolMessageId}
+              type={type}
+            />
+          </ToolErrorBoundary>
           <Divider dashed style={{ marginBottom: 0, marginTop: 8 }} />
         </Flexbox>
       </AccordionItem>

package/src/features/Conversation/Messages/AssistantGroup/components/Group.tsx

@@ -6,8 +6,8 @@ import { memo, useMemo } from 'react';
 import { type AssistantContentBlock } from '@/types/index';
 
 import { messageStateSelectors, useConversationStore } from '../../../store';
+import { MessageAggregationContext } from '../../Contexts/MessageAggregationContext';
 import { CollapsedMessage } from './CollapsedMessage';
-import { GroupMessageContext } from './GroupContext';
 import GroupItem from './GroupItem';
 
 const styles = createStaticStyles(({ css }) => {
@@ -44,7 +44,7 @@ const Group = memo<GroupChildrenProps>(
       );
     }
     return (
-      <GroupMessageContext value={contextValue}>
+      <MessageAggregationContext value={contextValue}>
         <Flexbox className={styles.container} gap={8}>
           {blocks.map((item) => {
             return (
@@ -59,7 +59,7 @@ const Group = memo<GroupChildrenProps>(
             );
           })}
         </Flexbox>
-      </GroupMessageContext>
+      </MessageAggregationContext>
     );
   },
   isEqual,

package/src/features/Conversation/Messages/Contexts/MessageAggregationContext.ts

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+
+interface GroupMessageContextValue {
+  assistantGroupId: string;
+}
+
+export const MessageAggregationContext = createContext<GroupMessageContextValue | null>(null);
+
+export const useMessageAggregationContext = () => {
+  const context = useContext(MessageAggregationContext);
+  if (!context) {
+    throw new Error('useMessageAggregationContext must be used within MessageAggregationContext');
+  }
+  return context;
+};

package/src/features/Conversation/Messages/Supervisor/components/Group.tsx

@@ -6,9 +6,9 @@ import { memo, useMemo } from 'react';
 import { type AssistantContentBlock } from '@/types/index';
 
 import { messageStateSelectors, useConversationStore } from '../../../store';
+import { MessageAggregationContext } from '../../Contexts/MessageAggregationContext';
 import { CollapsedMessage } from './CollapsedMessage';
 import ContentBlock from './ContentBlock';
-import { GroupMessageContext } from './GroupContext';
 
 const styles = createStaticStyles(({ css }) => {
   return {
@@ -43,13 +43,13 @@ const Group = memo<GroupChildrenProps>(({ blocks, id, content }) => {
     );
   }
   return (
-    <GroupMessageContext value={contextValue}>
+    <MessageAggregationContext value={contextValue}>
       <Flexbox className={styles.container} gap={8}>
         {blocks.map((item) => {
           return <ContentBlock {...item} key={id + '.' + item.id} />;
         })}
       </Flexbox>
-    </GroupMessageContext>
+    </MessageAggregationContext>
   );
 }, isEqual);
 

package/src/libs/next/config/define-config.ts

@@ -9,6 +9,7 @@ interface CustomNextConfig {
   experimental?: NextConfig['experimental'];
   headers?: Header[];
   redirects?: Redirect[];
+  serverExternalPackages?: NextConfig['serverExternalPackages'];
   turbopack?: NextConfig['turbopack'];
   webpack?: NextConfig['webpack'];
 }
@@ -311,7 +312,9 @@ export function defineConfig(config: CustomNextConfig) {
     ],
 
     // when external packages in dev mode with turbopack, this config will lead to bundle error
-    serverExternalPackages: ['pdfkit'],
+    serverExternalPackages: config.serverExternalPackages
+      ? config.serverExternalPackages
+      : ['pdfkit'],
 
     transpilePackages: ['pdfjs-dist', 'mermaid', 'better-auth-harmony'],
     turbopack: {

package/src/features/Conversation/Messages/AssistantGroup/components/GroupContext.ts

@@ -1,15 +0,0 @@
-import { createContext, useContext } from 'react';
-
-interface GroupMessageContextValue {
-  assistantGroupId: string;
-}
-
-export const GroupMessageContext = createContext<GroupMessageContextValue | null>(null);
-
-export const useGroupMessage = () => {
-  const context = useContext(GroupMessageContext);
-  if (!context) {
-    throw new Error('useGroupMessage must be used within GroupMessageContext');
-  }
-  return context;
-};

package/src/features/Conversation/Messages/Supervisor/components/GroupContext.ts

@@ -1,15 +0,0 @@
-import { createContext, useContext } from 'react';
-
-interface GroupMessageContextValue {
-  assistantGroupId: string;
-}
-
-export const GroupMessageContext = createContext<GroupMessageContextValue | null>(null);
-
-export const useGroupMessage = () => {
-  const context = useContext(GroupMessageContext);
-  if (!context) {
-    throw new Error('useGroupMessage must be used within GroupMessageContext');
-  }
-  return context;
-};