@lobehub/chat 0.159.7 → 0.159.9

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.159.9](https://github.com/lobehub/lobe-chat/compare/v0.159.8...v0.159.9)
+
+<sup>Released on **2024-05-14**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix agent config on page init.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix agent config on page init, closes [#2506](https://github.com/lobehub/lobe-chat/issues/2506) ([90e742d](https://github.com/lobehub/lobe-chat/commit/90e742d))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.159.8](https://github.com/lobehub/lobe-chat/compare/v0.159.7...v0.159.8)
+
+<sup>Released on **2024-05-14**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix retry issue when hide page.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix retry issue when hide page, closes [#2503](https://github.com/lobehub/lobe-chat/issues/2503) ([24489bc](https://github.com/lobehub/lobe-chat/commit/24489bc))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.159.7](https://github.com/lobehub/lobe-chat/compare/v0.159.6...v0.159.7)
 
 <sup>Released on **2024-05-14**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.159.7",
+  "version": "0.159.9",
   "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/(main)/chat/(workspace)/_layout/useInitAgentConfig.ts

@@ -1,30 +1,10 @@
-import { useEffect } from 'react';
-
 import { useAgentStore } from '@/store/agent';
-import { useChatStore } from '@/store/chat';
 import { useSessionStore } from '@/store/session';
 
 export const useInitAgentConfig = () => {
   const [useFetchAgentConfig] = useAgentStore((s) => [s.useFetchAgentConfig]);
 
-  const [switchTopic] = useChatStore((s) => [s.switchTopic]);
   const [sessionId] = useSessionStore((s) => [s.activeId]);
 
-  useEffect(() => {
-    // // when activeId changed, switch topic to undefined
-    const unsubscribe = useSessionStore.subscribe(
-      (s) => s.activeId,
-      (activeId) => {
-        switchTopic();
-
-        useAgentStore.setState({ activeId }, false, 'updateActiveId');
-      },
-    );
-
-    return () => {
-      unsubscribe();
-    };
-  }, []);
-
   return useFetchAgentConfig(sessionId);
 };

package/src/app/(main)/chat/@session/features/SessionHydration.tsx

@@ -1,32 +1,35 @@
 'use client';
 
-import { useResponsive } from 'antd-style';
 import { useQueryState } from 'nuqs';
 import { parseAsString } from 'nuqs/server';
 import { memo, useEffect } from 'react';
 import { createStoreUpdater } from 'zustand-utils';
 
+import { useAgentStore } from '@/store/agent';
+import { useChatStore } from '@/store/chat';
 import { useSessionStore } from '@/store/session';
 
 // sync outside state to useSessionStore
 const SessionHydration = memo(() => {
   const useStoreUpdater = createStoreUpdater(useSessionStore);
-
-  // TODO: 后面考虑可以删除了，用 useServerConfigStore 就不需要再这里注入了
-  const { mobile } = useResponsive();
-  useStoreUpdater('isMobile', mobile);
+  const useAgentStoreUpdater = createStoreUpdater(useAgentStore);
+  const [switchTopic] = useChatStore((s) => [s.switchTopic]);
 
   // two-way bindings the url and session store
   const [session, setSession] = useQueryState(
     'session',
-    parseAsString.withDefault('inbox').withOptions({ history: 'replace', throttleMs: 500 }),
+    parseAsString.withDefault('inbox').withOptions({ history: 'replace', throttleMs: 50 }),
   );
   useStoreUpdater('activeId', session);
+  useAgentStoreUpdater('activeId', session);
 
   useEffect(() => {
     const unsubscribe = useSessionStore.subscribe(
       (s) => s.activeId,
-      (state) => setSession(state),
+      (state) => {
+        switchTopic();
+        setSession(state);
+      },
     );
 
     return () => {

package/src/app/(main)/market/@detail/features/Header.tsx

@@ -3,7 +3,7 @@ import { App, Button, Typography } from 'antd';
 import isEqual from 'fast-deep-equal';
 import { startCase } from 'lodash-es';
 import { useRouter } from 'next/navigation';
-import { memo } from 'react';
+import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
@@ -23,7 +23,7 @@ const Header = memo(() => {
   const { styles } = useStyles();
   const createSession = useSessionStore((s) => s.createSession);
   const agentItem = useMarketStore(agentMarketSelectors.currentAgentItem, isEqual);
-
+  const [isLoading, setIsLoading] = useState(false);
   const { message } = App.useApp();
 
   const { meta, createAt, author, homepage, config } = agentItem;
@@ -34,15 +34,19 @@ const Header = memo(() => {
   const handleAddAgentAndConverse = async () => {
     if (!agentItem) return;
 
+    setIsLoading(true);
     const session = await createSession({ config, meta });
+    setIsLoading(false);
     message.success(t('addAgentSuccess'));
     router.push(SESSION_CHAT_URL(session, isMobile));
   };
 
-  const handleAddAgent = () => {
+  const handleAddAgent = async () => {
     if (!agentItem) return;
+    setIsLoading(true);
     createSession({ config, meta }, false);
     message.success(t('addAgentSuccess'));
+    setIsLoading(false);
   };
 
   return (
@@ -56,10 +60,10 @@ const Header = memo(() => {
         ))}
       </Center>
       <div className={styles.desc}>{description}</div>
-      <Button block onClick={handleAddAgentAndConverse} type={'primary'}>
+      <Button block loading={isLoading} onClick={handleAddAgentAndConverse} type={'primary'}>
         {t('addAgentAndConverse')}
       </Button>
-      <Button block onClick={handleAddAgent}>
+      <Button block loading={isLoading} onClick={handleAddAgent}>
         {t('addAgent')}
       </Button>
       <Flexbox align={'center'} gap={12} horizontal>

package/src/store/session/slices/session/action.test.ts

@@ -101,9 +101,6 @@ describe('SessionAction', () => {
       expect(call[1]).toMatchObject({ config: { displayMode: 'docs' } });
 
       expect(createdSessionId).toBe(newSessionId);
-      expect(mockRouterPush).not.toHaveBeenCalledWith(
-        SESSION_CHAT_URL(newSessionId, result.current.isMobile),
-      );
     });
   });
 

package/src/store/session/slices/session/initialState.ts

@@ -8,7 +8,6 @@ export interface SessionState {
   activeId: string;
   customSessionGroups: CustomSessionGroup[];
   defaultSessions: LobeAgentSession[];
-  isMobile?: boolean;
   isSearching: boolean;
   isSessionsFirstFetchFinished: boolean;
   pinnedSessions: LobeAgentSession[];
@@ -25,7 +24,6 @@ export const initialSessionState: SessionState = {
   activeId: 'inbox',
   customSessionGroups: [],
   defaultSessions: [],
-  isMobile: false,
   isSearching: false,
   isSessionsFirstFetchFinished: false,
   pinnedSessions: [],

package/src/utils/fetch.ts

@@ -363,7 +363,9 @@ export const fetchSSE = async (url: string, options: RequestInit & FetchSSEOptio
           return;
         }
       },
-
+      // we should keep open when page hidden, or it will case lots of token cost
+      // refs: https://github.com/lobehub/lobe-chat/issues/2501
+      openWhenHidden: true,
       signal: options.signal,
     });
   } catch {}