@lobehub/chat 1.81.1 → 1.81.3

package/CHANGELOG.md

@@ -2,6 +2,57 @@
 
 # Changelog
 
+### [Version 1.81.3](https://github.com/lobehub/lobe-chat/compare/v1.81.2...v1.81.3)
+
+<sup>Released on **2025-04-19**</sup>
+
+#### 💄 Styles
+
+- **misc**: Update GitHub & Cloudflare models, Update Google models.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Update GitHub & Cloudflare models, closes [#7453](https://github.com/lobehub/lobe-chat/issues/7453) ([4f34a62](https://github.com/lobehub/lobe-chat/commit/4f34a62))
+- **misc**: Update Google models, closes [#7456](https://github.com/lobehub/lobe-chat/issues/7456) ([3199f69](https://github.com/lobehub/lobe-chat/commit/3199f69))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.81.2](https://github.com/lobehub/lobe-chat/compare/v1.81.1...v1.81.2)
+
+<sup>Released on **2025-04-18**</sup>
+
+#### 💄 Styles
+
+- **misc**: Allow folding SystemRole box.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Allow folding SystemRole box, closes [#7421](https://github.com/lobehub/lobe-chat/issues/7421) ([c147df7](https://github.com/lobehub/lobe-chat/commit/c147df7))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.81.1](https://github.com/lobehub/lobe-chat/compare/v1.81.0...v1.81.1)
 
 <sup>Released on **2025-04-18**</sup>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Update GitHub & Cloudflare models, Update Google models."
+      ]
+    },
+    "date": "2025-04-19",
+    "version": "1.81.3"
+  },
+  {
+    "children": {
+      "improvements": [
+        "Allow folding SystemRole box."
+      ]
+    },
+    "date": "2025-04-18",
+    "version": "1.81.2"
+  },
   {
     "children": {
       "improvements": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.81.1",
+  "version": "1.81.3",
   "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",

package/src/app/[variants]/(main)/chat/(workspace)/@topic/features/SystemRole/SystemRoleContent.tsx

@@ -4,7 +4,7 @@ import { ActionIcon } from '@lobehub/ui';
 import { EditableMessage } from '@lobehub/ui/chat';
 import { Skeleton } from 'antd';
 import { Edit } from 'lucide-react';
-import { memo, useState } from 'react';
+import { MouseEvent, memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 import useMergeState from 'use-merge-value';
@@ -24,11 +24,12 @@ import { useStyles } from './style';
 
 const SystemRole = memo(() => {
   const [editing, setEditing] = useState(false);
-  const { styles } = useStyles();
+  const { styles, cx } = useStyles();
   const openChatSettings = useOpenChatSettings(ChatSettingsTabs.Prompt);
-  const [init, meta] = useSessionStore((s) => [
+  const [init, meta, sessionId] = useSessionStore((s) => [
     sessionSelectors.isSomeSessionActive(s),
     sessionMetaSelectors.currentAgentMeta(s),
+    s.activeId,
   ]);
 
   const [isAgentConfigLoading, systemRole, updateAgentConfig] = useAgentStore((s) => [
@@ -52,8 +53,10 @@ const SystemRole = memo(() => {
 
   const isLoading = !init || isAgentConfigLoading;
 
-  const handleOpenWithEdit = () => {
+  const handleOpenWithEdit = (e: MouseEvent) => {
     if (isLoading) return;
+
+    e.stopPropagation();
     setEditing(true);
     setOpen(true);
   };
@@ -64,20 +67,36 @@ const SystemRole = memo(() => {
     setOpen(true);
   };
 
+  const [expanded, toggleAgentSystemRoleExpand] = useGlobalStore((s) => [
+    systemStatusSelectors.getAgentSystemRoleExpanded(sessionId)(s),
+    s.toggleAgentSystemRoleExpand,
+  ]);
+
+  const toggleExpanded = () => {
+    toggleAgentSystemRoleExpand(sessionId);
+  };
+
   return (
     <Flexbox height={'fit-content'}>
       <SidebarHeader
         actions={
           <ActionIcon icon={Edit} onClick={handleOpenWithEdit} size={'small'} title={t('edit')} />
         }
+        onClick={toggleExpanded}
+        style={{ cursor: 'pointer' }}
         title={t('settingAgent.prompt.title', { ns: 'setting' })}
       />
       <Flexbox
-        className={styles.promptBox}
-        height={200}
+        className={cx(styles.promptBox, styles.animatedContainer)}
+        height={expanded ? 200 : 0}
         onClick={handleOpen}
         onDoubleClick={(e) => {
-          if (e.altKey) handleOpenWithEdit();
+          if (e.altKey) handleOpenWithEdit(e);
+        }}
+        style={{
+          opacity: expanded ? 1 : 0,
+          overflow: 'hidden',
+          transition: 'height 0.3s ease',
         }}
       >
         {isLoading ? (

package/src/app/[variants]/(main)/chat/(workspace)/@topic/features/SystemRole/style.ts

@@ -1,6 +1,11 @@
 import { createStyles } from 'antd-style';
 
 export const useStyles = createStyles(({ css, token }) => ({
+  animatedContainer: css`
+    transition:
+      height 0.3s ease,
+      opacity 0.3s ease;
+  `,
   prompt: css`
     overflow: hidden auto;
 

package/src/components/SidebarHeader/index.tsx

@@ -10,11 +10,12 @@ const useStyles = createStyles(({ css }) => ({
 
 interface SidebarHeaderProps {
   actions?: ReactNode;
+  onClick?: () => void;
   style?: CSSProperties;
   title: ReactNode;
 }
 
-const SidebarHeader = memo<SidebarHeaderProps>(({ title, style, actions }) => {
+const SidebarHeader = memo<SidebarHeaderProps>(({ title, style, actions, onClick }) => {
   const { styles } = useStyles();
 
   return (
@@ -23,6 +24,7 @@ const SidebarHeader = memo<SidebarHeaderProps>(({ title, style, actions }) => {
       className={styles.header}
       distribution={'space-between'}
       horizontal
+      onClick={onClick}
       padding={14}
       paddingInline={16}
       style={style}

package/src/config/aiModels/cloudflare.ts

@@ -2,41 +2,62 @@ import { AIChatModelCard } from '@/types/aiModel';
 
 const cloudflareChatModels: AIChatModelCard[] = [
   {
-    contextWindowTokens: 16_384,
-    displayName: 'DeepSeek R1 (Distill Qwen 32B)',
+    abilities: {
+      reasoning: true,
+    },
+    contextWindowTokens: 80_000,
+    displayName: 'deepseek r1 (distill qwen 32b)',
     enabled: true,
     id: '@cf/deepseek-ai/deepseek-r1-distill-qwen-32b',
     type: 'chat',
   },
   {
-    contextWindowTokens: 2048,
-    displayName: 'gemma-7b-it',
-    id: '@hf/google/gemma-7b-it',
+    abilities: {
+      reasoning: true,
+    },
+    contextWindowTokens: 24_000,
+    displayName: 'qwq 32b',
+    enabled: true,
+    id: '@cf/qwen/qwq-32b',
+    type: 'chat',
+  },
+  {
+    contextWindowTokens: 32_768,
+    displayName: 'qwen2.5 coder 32b',
+    id: '@cf/qwen/qwen2.5-coder-32b-instruct',
     type: 'chat',
   },
   {
-    contextWindowTokens: 4096,
-    displayName: 'hermes-2-pro-mistral-7b',
-    id: '@hf/nousresearch/hermes-2-pro-mistral-7b',
+    contextWindowTokens: 80_000,
+    displayName: 'gemma 3 12b',
+    id: '@cf/google/gemma-3-12b-it',
     type: 'chat',
   },
   {
-    contextWindowTokens: 131_072,
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 24_000,
     displayName: 'llama 3.3 70b',
     id: '@cf/meta/llama-3.3-70b-instruct-fp8-fast',
     type: 'chat',
   },
   {
-    contextWindowTokens: 4096,
-    displayName: 'mistral-7b-instruct-v0.2',
-    id: '@hf/mistral/mistral-7b-instruct-v0.2',
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 131_000,
+    displayName: 'llama 4 17b',
+    id: '@cf/meta/llama-4-scout-17b-16e-instruct',
     type: 'chat',
   },
   {
-    contextWindowTokens: 32_768,
-    displayName: 'neural-chat-7b-v3-1-awq',
-    enabled: true,
-    id: '@hf/thebloke/neural-chat-7b-v3-1-awq',
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 128_000,
+    displayName: 'mistral small 3.1 24b',
+    id: '@cf/mistralai/mistral-small-3.1-24b-instruct',
     type: 'chat',
   },
   {
@@ -46,33 +67,16 @@ const cloudflareChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
-    contextWindowTokens: 32_768,
-    displayName: 'openhermes-2.5-mistral-7b-awq',
-    id: '@hf/thebloke/openhermes-2.5-mistral-7b-awq',
-    type: 'chat',
-  },
-  {
-    contextWindowTokens: 32_768,
+    contextWindowTokens: 7500,
     displayName: 'qwen1.5-14b-chat-awq',
     enabled: true,
     id: '@cf/qwen/qwen1.5-14b-chat-awq',
     type: 'chat',
   },
   {
-    contextWindowTokens: 4096,
-    displayName: 'starling-lm-7b-beta',
-    id: '@hf/nexusflow/starling-lm-7b-beta',
-    type: 'chat',
-  },
-  {
-    contextWindowTokens: 32_768,
-    displayName: 'zephyr-7b-beta-awq',
-    id: '@hf/thebloke/zephyr-7b-beta-awq',
-    type: 'chat',
-  },
-  {
-    displayName: 'meta-llama-3-8b-instruct',
-    id: '@hf/meta-llama/meta-llama-3-8b-instruct',
+    contextWindowTokens: 128_000,
+    displayName: 'llama 3.1 8b',
+    id: '@cf/meta/llama-3.1-8b-instruct-fast',
     type: 'chat',
   },
 ];

package/src/config/aiModels/github.ts

@@ -101,6 +101,29 @@ const githubChatModels: AIChatModelCard[] = [
     releasedAt: '2025-04-14',
     type: 'chat',
   },
+  {
+    abilities: {
+      functionCall: true,
+      reasoning: true,
+    },
+    contextWindowTokens: 200_000,
+    displayName: 'OpenAI o4-mini',
+    id: 'o4-mini',
+    maxOutput: 100_000,
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      reasoning: true,
+    },
+    contextWindowTokens: 200_000,
+    displayName: 'OpenAI o3',
+    enabled: true,
+    id: 'o3',
+    maxOutput: 100_000,
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,
@@ -174,6 +197,39 @@ const githubChatModels: AIChatModelCard[] = [
     releasedAt: '2024-09-12',
     type: 'chat',
   },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 1_074_176,
+    displayName: 'OpenAI GPT-4.1',
+    id: 'gpt-4.1',
+    maxOutput: 33_792,
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 1_074_176,
+    displayName: 'OpenAI GPT-4.1 mini',
+    id: 'gpt-4.1-mini',
+    maxOutput: 33_792,
+    type: 'chat',
+  },
+  {
+    abilities: {
+      functionCall: true,
+      vision: true,
+    },
+    contextWindowTokens: 1_074_176,
+    displayName: 'OpenAI GPT-4.1 nano',
+    id: 'gpt-4.1-nano',
+    maxOutput: 33_792,
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,
@@ -198,6 +254,16 @@ const githubChatModels: AIChatModelCard[] = [
     maxOutput: 16_384,
     type: 'chat',
   },
+  {
+    abilities: {
+      reasoning: true,
+    },
+    contextWindowTokens: 128_000,
+    displayName: 'MAI DS R1',
+    id: 'MAI-DS-R1',
+    maxOutput: 4096,
+    type: 'chat',
+  },
   {
     abilities: {
       reasoning: true,
@@ -208,6 +274,16 @@ const githubChatModels: AIChatModelCard[] = [
     maxOutput: 4096,
     type: 'chat',
   },
+  {
+    abilities: {
+      functionCall: true,
+    },
+    contextWindowTokens: 128_000,
+    displayName: 'DeepSeek V3',
+    id: 'DeepSeek-V3-0324',
+    maxOutput: 4096,
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,
@@ -315,6 +391,20 @@ const githubChatModels: AIChatModelCard[] = [
     id: 'llama-3.3-70b-instruct',
     type: 'chat',
   },
+  {
+    contextWindowTokens: 10_240_000,
+    displayName: 'Meta Llama 4 Scout 17B',
+    id: 'llama-4-Scout-17B-16E-Instruct',
+    maxOutput: 4096,
+    type: 'chat',
+  },
+  {
+    contextWindowTokens: 10_240_000,
+    displayName: 'Meta Llama 4 Maverick 17B',
+    id: 'llama-4-Maverick-17B-128E-Instruct-FP8',
+    maxOutput: 4096,
+    type: 'chat',
+  },
   {
     contextWindowTokens: 131_072,
     description:

package/src/config/aiModels/google.ts

@@ -1,6 +1,31 @@
 import { AIChatModelCard } from '@/types/aiModel';
 
 const googleChatModels: AIChatModelCard[] = [
+    {
+    abilities: {
+      functionCall: true,
+      reasoning: true,
+      search: true,
+      vision: true,
+    },
+    contextWindowTokens: 1_048_576 + 65_536,
+    description:
+      'Gemini 2.5 Flash Preview 是 Google 性价比最高的模型，提供全面的功能。',
+    displayName: 'Gemini 2.5 Flash Preview 04-17',
+    enabled: true,
+    id: 'gemini-2.5-flash-preview-04-17',
+    maxOutput: 65_536,
+    pricing: {
+      input: 0.15,
+      output: 3.5, // Thinking
+    },
+    releasedAt: '2025-04-17',
+    settings: {
+      searchImpl: 'params',
+      searchProvider: 'google',
+    },
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,

package/src/store/global/actions/workspacePane.ts

@@ -10,6 +10,7 @@ const n = setNamespace('w');
 
 export interface GlobalWorkspacePaneAction {
   switchBackToChat: (sessionId?: string) => void;
+  toggleAgentSystemRoleExpand: (agentId: string, expanded?: boolean) => void;
   toggleChatSideBar: (visible?: boolean) => void;
   toggleExpandSessionGroup: (id: string, expand: boolean) => void;
   toggleMobilePortal: (visible?: boolean) => void;
@@ -28,6 +29,21 @@ export const globalWorkspaceSlice: StateCreator<
     get().router?.push(SESSION_CHAT_URL(sessionId || INBOX_SESSION_ID, get().isMobile));
   },
 
+  toggleAgentSystemRoleExpand: (agentId, expanded) => {
+    const { status } = get();
+    const systemRoleExpandedMap = status.systemRoleExpandedMap || {};
+    const nextExpanded = typeof expanded === 'boolean' ? expanded : !systemRoleExpandedMap[agentId];
+
+    get().updateSystemStatus(
+      {
+        systemRoleExpandedMap: {
+          ...systemRoleExpandedMap,
+          [agentId]: nextExpanded,
+        },
+      },
+      n('toggleAgentSystemRoleExpand', { agentId, expanded: nextExpanded }),
+    );
+  },
   toggleChatSideBar: (newValue) => {
     const showChatSideBar =
       typeof newValue === 'boolean' ? newValue : !get().status.showChatSideBar;

package/src/store/global/initialState.ts

@@ -66,6 +66,7 @@ export interface SystemStatus {
   showHotkeyHelper?: boolean;
   showSessionPanel?: boolean;
   showSystemRole?: boolean;
+  systemRoleExpandedMap: Record<string, boolean>;
   /**
    * theme mode
    */
@@ -111,6 +112,7 @@ export const INITIAL_STATUS = {
   showHotkeyHelper: false,
   showSessionPanel: true,
   showSystemRole: false,
+  systemRoleExpandedMap: {},
   themeMode: 'auto',
   threadInputHeight: 200,
   zenMode: false,

package/src/store/global/selectors/systemStatus.ts

@@ -50,8 +50,16 @@ const isPgliteInited = (s: GlobalState): boolean =>
 // 这个变量控制 clientdb 是否完成初始化，正常来说，只有 pgliteDB 模式下，才会存在变化，其他时候都是 true
 const isDBInited = (s: GlobalState): boolean => (isUsePgliteDB ? isPgliteInited(s) : true);
 
+const getAgentSystemRoleExpanded =
+  (agentId: string) =>
+  (s: GlobalState): boolean => {
+    const map = s.status.systemRoleExpandedMap || {};
+    return map[agentId] !== false; // 角色设定默认为展开状态
+  };
+
 export const systemStatusSelectors = {
   filePanelWidth,
+  getAgentSystemRoleExpanded,
   hidePWAInstaller,
   inZenMode,
   inputHeight,