@lobehub/chat 1.63.0 → 1.63.1

package/CHANGELOG.md

@@ -2,6 +2,39 @@
 
 # Changelog
 
+### [Version 1.63.1](https://github.com/lobehub/lobe-chat/compare/v1.63.0...v1.63.1)
+
+<sup>Released on **2025-02-23**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix groq location request.
+
+#### 💄 Styles
+
+- **misc**: Improve plugin calling style.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix groq location request, closes [#6449](https://github.com/lobehub/lobe-chat/issues/6449) ([8c8af6b](https://github.com/lobehub/lobe-chat/commit/8c8af6b))
+
+#### Styles
+
+- **misc**: Improve plugin calling style, closes [#6446](https://github.com/lobehub/lobe-chat/issues/6446) ([406cd46](https://github.com/lobehub/lobe-chat/commit/406cd46))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 1.63.0](https://github.com/lobehub/lobe-chat/compare/v1.62.11...v1.63.0)
 
 <sup>Released on **2025-02-23**</sup>

package/changelog/v1.json

@@ -1,4 +1,16 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix groq location request."
+      ],
+      "improvements": [
+        "Improve plugin calling style."
+      ]
+    },
+    "date": "2025-02-23",
+    "version": "1.63.1"
+  },
   {
     "children": {
       "features": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.63.0",
+  "version": "1.63.1",
   "description": "Lobe Chat - an open-source, high-performance chatbot 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",
@@ -167,7 +167,7 @@
     "i18next-resources-to-backend": "^1.2.1",
     "idb-keyval": "^6.2.1",
     "immer": "^10.1.1",
-    "jose": "^6.0.0",
+    "jose": "^5.10.0",
     "js-sha256": "^0.11.0",
     "jsonl-parse-stringify": "^1.0.3",
     "langchain": "^0.3.10",

package/src/app/(backend)/webapi/chat/groq/route.test.ts

@@ -0,0 +1,29 @@
+// @vitest-environment edge-runtime
+import { describe, expect, it, vi } from 'vitest';
+
+import { POST as UniverseRoute } from '../[provider]/route';
+import { POST, preferredRegion, runtime } from './route';
+
+vi.mock('../[provider]/route', () => ({
+  POST: vi.fn().mockResolvedValue('mocked response'),
+}));
+
+describe('Configuration tests', () => {
+  it('should have runtime set to "edge"', () => {
+    expect(runtime).toBe('edge');
+  });
+
+  it('should contain specific regions in preferredRegion', () => {
+    expect(preferredRegion).not.contain(['hk1']);
+  });
+});
+
+describe('Groq POST function tests', () => {
+  it('should call UniverseRoute with correct parameters', async () => {
+    const mockRequest = new Request('https://example.com', { method: 'POST' });
+    await POST(mockRequest);
+    expect(UniverseRoute).toHaveBeenCalledWith(mockRequest, {
+      params: Promise.resolve({ provider: 'groq' }),
+    });
+  });
+});

package/src/app/(backend)/webapi/chat/groq/route.ts

@@ -0,0 +1,21 @@
+import { POST as UniverseRoute } from '../[provider]/route';
+
+export const runtime = 'edge';
+
+export const preferredRegion = [
+  'bom1',
+  'cle1',
+  'cpt1',
+  'gru1',
+  'hnd1',
+  'iad1',
+  'icn1',
+  'kix1',
+  'pdx1',
+  'sfo1',
+  'sin1',
+  'syd1',
+];
+
+export const POST = async (req: Request) =>
+  UniverseRoute(req, { params: Promise.resolve({ provider: 'groq' }) });

package/src/features/ChatInput/ActionBar/Model/index.tsx

@@ -2,7 +2,7 @@ import { ModelIcon } from '@lobehub/icons';
 import { ActionIcon, Tooltip } from '@lobehub/ui';
 import { Popover } from 'antd';
 import { createStyles } from 'antd-style';
-import { Brain, Settings2Icon } from 'lucide-react';
+import { Settings2Icon } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
@@ -57,10 +57,10 @@ const useStyles = createStyles(({ css, token, isDarkMode, cx }) => ({
 const ModelSwitch = memo(() => {
   const { t } = useTranslation('chat');
   const { styles, cx } = useStyles();
-  const [model, provider, isLoading] = useAgentStore((s) => [
+
+  const [model, provider] = useAgentStore((s) => [
     agentSelectors.currentAgentModel(s),
     agentSelectors.currentAgentModelProvider(s),
-    agentSelectors.isAgentConfigLoading(s),
   ]);
 
   const isModelHasExtendControls = useAiInfraStore(
@@ -69,17 +69,17 @@ const ModelSwitch = memo(() => {
 
   const isMobile = useIsMobile();
 
-  if (isLoading)
-    return (
-      <ActionIcon
-        icon={Brain}
-        placement={'bottom'}
-        style={{
-          cursor: 'not-allowed',
-        }}
-        title={t('ModelSwitch.title')}
-      />
-    );
+  // if (isLoading && isLoginWithAuth)
+  //   return (
+  //     <ActionIcon
+  //       icon={Brain}
+  //       placement={'bottom'}
+  //       style={{
+  //         cursor: 'not-allowed',
+  //       }}
+  //       title={t('ModelSwitch.title')}
+  //     />
+  //   );
 
   return (
     <Flexbox

package/src/features/ChatInput/ActionBar/Search/index.tsx

@@ -32,16 +32,14 @@ const Search = memo(() => {
   const isMobile = useIsMobile();
 
   const theme = useTheme();
-  if (isLoading)
-    return (
-      <ActionIcon
-        icon={Globe}
-        placement={'bottom'}
-        style={{
-          cursor: 'not-allowed',
-        }}
-      />
-    );
+  if (isLoading) return null;
+  // <ActionIcon
+  //   icon={Globe}
+  //   placement={'bottom'}
+  //   style={{
+  //     cursor: 'not-allowed',
+  //   }}
+  // />
 
   return (
     isModelHasBuiltinSearch && (

package/src/features/Conversation/Error/index.tsx

@@ -1,4 +1,4 @@
-import { IPluginErrorType, PluginErrorType } from '@lobehub/chat-plugin-sdk';
+import { IPluginErrorType } from '@lobehub/chat-plugin-sdk';
 import type { AlertProps } from '@lobehub/ui';
 import { Skeleton } from 'antd';
 import dynamic from 'next/dynamic';
@@ -19,7 +19,6 @@ import { ErrorActionContainer } from './style';
 const loading = () => <Skeleton active />;
 
 const OllamaBizError = dynamic(() => import('./OllamaBizError'), { loading, ssr: false });
-const PluginSettings = dynamic(() => import('./PluginSettings'), { loading, ssr: false });
 
 // Config for the errorMessage display
 const getErrorAlertConfig = (
@@ -86,10 +85,6 @@ const ErrorMessageExtra = memo<{ data: ChatMessage }>(({ data }) => {
   if (!error?.type) return;
 
   switch (error.type) {
-    case PluginErrorType.PluginSettingsInvalid: {
-      return <PluginSettings id={data.id} plugin={data.plugin} />;
-    }
-
     case AgentRuntimeErrorType.OllamaBizError: {
       return <OllamaBizError {...data} />;
     }

package/src/features/Conversation/Messages/Assistant/Tool/Inspector/Debug.tsx

@@ -3,12 +3,15 @@ import { Tabs } from 'antd';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import PluginResult from './PluginResultJSON';
+
 interface DebugProps {
   payload: object;
   requestArgs?: string;
+  toolCallId: string;
 }
 
-const Debug = memo<DebugProps>(({ payload, requestArgs }) => {
+const Debug = memo<DebugProps>(({ payload, requestArgs, toolCallId }) => {
   const { t } = useTranslation('plugin');
   let params;
   try {
@@ -30,11 +33,11 @@ const Debug = memo<DebugProps>(({ payload, requestArgs }) => {
           key: 'function_call',
           label: t('debug.function_call'),
         },
-        // {
-        //   children: <PluginResult content={content} />,
-        //   key: 'response',
-        //   label: t('debug.response'),
-        // },
+        {
+          children: <PluginResult toolCallId={toolCallId} />,
+          key: 'response',
+          label: t('debug.response'),
+        },
       ]}
       style={{ display: 'grid', maxWidth: 800, minWidth: 400 }}
     />

package/src/features/Conversation/Messages/Assistant/Tool/Inspector/PluginResultJSON.tsx

@@ -1,18 +1,23 @@
 import { Highlighter } from '@lobehub/ui';
-import { memo } from 'react';
+import { memo, useMemo } from 'react';
+
+import { useChatStore } from '@/store/chat';
+import { chatSelectors } from '@/store/chat/selectors';
 
 export interface FunctionMessageProps {
-  content: string;
+  toolCallId: string;
 }
 
-const PluginResult = memo<FunctionMessageProps>(({ content }) => {
-  let data;
+const PluginResult = memo<FunctionMessageProps>(({ toolCallId }) => {
+  const toolMessage = useChatStore(chatSelectors.getMessageByToolCallId(toolCallId));
 
-  try {
-    data = JSON.stringify(JSON.parse(content), null, 2);
-  } catch {
-    data = content;
-  }
+  const data = useMemo(() => {
+    try {
+      return JSON.stringify(JSON.parse(toolMessage?.content || ''), null, 2);
+    } catch {
+      return toolMessage?.content || '';
+    }
+  }, [toolMessage?.content]);
 
   return (
     <Highlighter language={'json'} style={{ maxHeight: 200, maxWidth: 800, overflow: 'scroll' }}>

package/src/features/Conversation/Messages/Assistant/Tool/Inspector/Settings.tsx

@@ -21,6 +21,7 @@ const Settings = memo<{ id: string }>(({ id }) => {
           onClick={() => {
             setOpen(true);
           }}
+          size={'small'}
           title={t('setting')}
         />
         <PluginDetailModal

package/src/features/Conversation/Messages/Assistant/Tool/Inspector/index.tsx

@@ -79,6 +79,7 @@ const Inspectors = memo<InspectorProps>(
     index,
     identifier,
     apiName,
+    id,
     arguments: requestArgs,
     showRender,
     payload,
@@ -142,7 +143,7 @@ const Inspectors = memo<InspectorProps>(
             <Settings id={identifier} />
           </Flexbox>
         </Flexbox>
-        {showDebug && <Debug payload={payload} requestArgs={requestArgs} />}
+        {showDebug && <Debug payload={payload} requestArgs={requestArgs} toolCallId={id} />}
       </Flexbox>
     );
   },

package/src/features/Conversation/Messages/Assistant/Tool/Render/CustomRender.tsx

@@ -29,10 +29,10 @@ const CustomRender = memo<
 
   const theme = useTheme();
   useEffect(() => {
-    if (!plugin?.type) return;
+    if (!plugin?.type || loading) return;
 
     setShowPluginRender(plugin?.type !== 'default');
-  }, [plugin?.type]);
+  }, [plugin?.type, loading]);
 
   if (isMessageToolUIOpen)
     return (
@@ -53,6 +53,8 @@ const CustomRender = memo<
       </Center>
     );
 
+  if (loading) return <Arguments arguments={requestArgs} shine />;
+
   return (
     <Flexbox gap={12} id={id} width={'100%'}>
       {showPluginRender ? (

package/src/features/Conversation/Messages/Assistant/Tool/Render/ErrorResponse.tsx

@@ -0,0 +1,36 @@
+import { Alert, Highlighter } from '@lobehub/ui';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import { ChatMessageError, ChatPluginPayload } from '@/types/message';
+
+import PluginSettings from './PluginSettings';
+
+interface ErrorResponseProps extends ChatMessageError {
+  id: string;
+  plugin?: ChatPluginPayload;
+}
+
+const ErrorResponse = memo<ErrorResponseProps>(({ id, type, body, message, plugin }) => {
+  const { t } = useTranslation('error');
+  if (type === 'PluginSettingsInvalid') {
+    return <PluginSettings id={id} plugin={plugin} />;
+  }
+
+  return (
+    <Alert
+      extra={
+        <Flexbox>
+          <Highlighter copyButtonSize={'small'} language={'json'} type={'pure'}>
+            {JSON.stringify(body || { message, type }, null, 2)}
+          </Highlighter>
+        </Flexbox>
+      }
+      message={t(`response.${type}` as any)}
+      showIcon
+      type={'error'}
+    />
+  );
+});
+export default ErrorResponse;

package/src/features/Conversation/{Error → Messages/Assistant/Tool/Render}/PluginSettings.tsx

@@ -12,7 +12,7 @@ import { pluginHelpers, useToolStore } from '@/store/tool';
 import { pluginSelectors } from '@/store/tool/selectors';
 import { ChatPluginPayload } from '@/types/message';
 
-import { ErrorActionContainer, useStyles } from './style';
+import { ErrorActionContainer, useStyles } from '../../../../Error/style';
 
 interface PluginSettingsProps {
   id: string;

package/src/features/Conversation/Messages/Assistant/Tool/Render/index.tsx

@@ -1,5 +1,6 @@
 import { Suspense, memo } from 'react';
 
+import ErrorResponse from '@/features/Conversation/Messages/Assistant/Tool/Render/ErrorResponse';
 import { useChatStore } from '@/store/chat';
 import { chatSelectors } from '@/store/chat/selectors';
 
@@ -22,7 +23,11 @@ const Render = memo<RenderProps>(
     // 如果处于 loading 或者找不到 toolMessage 则展示 Arguments
     if (loading || !toolMessage) return <Arguments arguments={requestArgs} />;
 
-    if (!!toolMessage)
+    if (!!toolMessage) {
+      if (toolMessage.error) {
+        return <ErrorResponse {...toolMessage.error} id={messageId} plugin={toolMessage.plugin} />;
+      }
+
       return (
         <Suspense fallback={<Arguments arguments={requestArgs} shine />}>
           <CustomRender
@@ -33,6 +38,7 @@ const Render = memo<RenderProps>(
           />
         </Suspense>
       );
+    }
   },
 );
 

package/src/services/session/_deprecated.ts

@@ -1,6 +1,7 @@
 import { DeepPartial } from 'utility-types';
 
 import { INBOX_SESSION_ID } from '@/const/session';
+import { DEFAULT_AGENT_CONFIG } from '@/const/settings';
 import { SessionModel } from '@/database/_deprecated/models/session';
 import { SessionGroupModel } from '@/database/_deprecated/models/sessionGroup';
 import { UserModel } from '@/database/_deprecated/models/user';
@@ -47,7 +48,7 @@ export class ClientService implements ISessionService {
 
   async getSessionConfig(id: string): Promise<LobeAgentConfig> {
     if (!id || id === INBOX_SESSION_ID) {
-      return UserModel.getAgentConfig();
+      return (await UserModel.getAgentConfig()) || DEFAULT_AGENT_CONFIG;
     }
 
     const res = await SessionModel.findById(id);