@lobehub/lobehub 2.0.0-next.72 → 2.0.0-next.73

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+## [Version 2.0.0-next.73](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.72...v2.0.0-next.73)
+
+<sup>Released on **2025-11-17**</sup>
+
+#### ✨ Features
+
+- **misc**: Support parallel topic agent runtime.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Support parallel topic agent runtime, closes [#10273](https://github.com/lobehub/lobe-chat/issues/10273) ([02eba3c](https://github.com/lobehub/lobe-chat/commit/02eba3c))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.72](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.71...v2.0.0-next.72)
 
 <sup>Released on **2025-11-17**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "features": [
+        "Support parallel topic agent runtime."
+      ]
+    },
+    "date": "2025-11-17",
+    "version": "2.0.0-next.73"
+  },
   {
     "children": {
       "improvements": [

package/next.config.ts

@@ -249,11 +249,11 @@ const nextConfig: NextConfig = {
     //   permanent: true,
     //   source: '/settings',
     // },
-    {
-      destination: '/chat',
-      permanent: false,
-      source: '/',
-    },
+    // {
+    //   destination: '/chat',
+    //   permanent: false,
+    //   source: '/',
+    // },
     {
       destination: '/chat',
       permanent: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.72",
+  "version": "2.0.0-next.73",
   "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/scripts/prebuild.mts

@@ -13,7 +13,7 @@ const partialBuildPages = [
   {
     name: 'changelog',
     disabled: isDesktop,
-    paths: ['src/app/[variants]/@modal/(.)changelog', 'src/app/[variants]/(main)/changelog'],
+    paths: ['src/app/[variants]/(main)/changelog'],
   },
   {
     name: 'auth',

package/src/app/(backend)/trpc/desktop/[trpc]/route.ts

@@ -17,12 +17,12 @@ const handler = (req: NextRequest) => {
      */
     createContext: () => createLambdaContext(req),
 
-    endpoint: '/trpc/desktop',
+        endpoint: '/trpc/desktop',
 
-    onError: ({ error, path, type }) => {
-      pino.info(`Error in tRPC handler (desktop) on path: ${path}, type: ${type}`);
-      console.error(error);
-    },
+        onError: ({ error, path, type }) => {
+            pino.info(`Error in tRPC handler (desktop) on path: ${path}, type: ${type}`);
+            console.error(error);
+        },
 
     req: preparedReq,
     responseMeta({ ctx }) {
@@ -34,4 +34,4 @@ const handler = (req: NextRequest) => {
   });
 };
 
-export { handler as GET, handler as POST };
+export { handler as GET, handler as POST };

package/src/app/[variants]/(main)/(mobile)/me/(home)/__tests__/UserBanner.test.tsx

@@ -6,10 +6,12 @@ import { useUserStore } from '@/store/user';
 import UserBanner from '../features/UserBanner';
 
 // Mock dependencies
-vi.mock('next/navigation', () => ({
-  useRouter: vi.fn(() => ({
-    push: vi.fn(),
-  })),
+const mockNavigate = vi.fn();
+vi.mock('react-router-dom', () => ({
+  Link: ({ to, children }: { to: string; children: React.ReactNode }) => (
+    <a href={to}>{children}</a>
+  ),
+  useNavigate: () => mockNavigate,
 }));
 
 vi.mock('@/features/User/UserInfo', () => ({
@@ -45,6 +47,7 @@ vi.mock('@/const/auth', () => ({
 
 afterEach(() => {
   enableAuth = true;
+  mockNavigate.mockReset();
 });
 
 describe('UserBanner', () => {

package/src/app/[variants]/(main)/(mobile)/me/(home)/__tests__/useCategory.test.tsx

@@ -11,10 +11,9 @@ const wrapper: React.JSXElementConstructor<{ children: React.ReactNode }> = ({ c
 );
 
 // Mock dependencies
-vi.mock('next/navigation', () => ({
-  useRouter: vi.fn(() => ({
-    push: vi.fn(),
-  })),
+const mockNavigate = vi.fn();
+vi.mock('react-router-dom', () => ({
+  useNavigate: () => mockNavigate,
 }));
 
 vi.mock('react-i18next', () => ({
@@ -48,6 +47,7 @@ vi.mock('@/const/version', async (importOriginal) => {
 afterEach(() => {
   enableAuth = true;
   enableClerk = true;
+  mockNavigate.mockReset();
 });
 
 describe('useCategory', () => {

package/src/app/[variants]/(main)/(mobile)/me/(home)/features/UserBanner.tsx

@@ -1,8 +1,7 @@
 'use client';
 
-import Link from 'next/link';
-import { useRouter } from 'next/navigation';
 import { memo } from 'react';
+import { Link, useNavigate } from 'react-router-dom';
 import { Flexbox } from 'react-layout-kit';
 
 import { enableAuth, enableNextAuth } from '@/const/auth';
@@ -13,7 +12,7 @@ import { useUserStore } from '@/store/user';
 import { authSelectors } from '@/store/user/selectors';
 
 const UserBanner = memo(() => {
-  const router = useRouter();
+  const navigate = useNavigate();
   const isLoginWithAuth = useUserStore(authSelectors.isLoginWithAuth);
   const [signIn] = useUserStore((s) => [s.openLogin]);
 
@@ -21,10 +20,10 @@ const UserBanner = memo(() => {
     <Flexbox gap={12} paddingBlock={8}>
       {!enableAuth || (enableAuth && isLoginWithAuth) ? (
         <>
-          <Link href={'/profile'} style={{ color: 'inherit' }}>
+          <Link style={{ color: 'inherit' }} to="/profile">
             <UserInfo />
           </Link>
-          <Link href={'/profile/stats'} style={{ color: 'inherit' }}>
+          <Link style={{ color: 'inherit' }} to="/profile/stats">
             <DataStatistics paddingInline={12} />
           </Link>
         </>
@@ -36,7 +35,7 @@ const UserBanner = memo(() => {
               signIn();
               return;
             }
-            router.push('/login');
+            navigate('/login');
           }}
         />
       )}

package/src/app/[variants]/(main)/(mobile)/me/(home)/features/useCategory.tsx

@@ -8,8 +8,8 @@ import {
   FileClockIcon,
   Settings2,
 } from 'lucide-react';
-import { useRouter } from 'next/navigation';
 import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
 
 import { CellProps } from '@/components/Cell';
 import { usePWAInstall } from '@/hooks/usePWAInstall';
@@ -18,7 +18,7 @@ import { useUserStore } from '@/store/user';
 import { authSelectors } from '@/store/user/selectors';
 
 export const useCategory = () => {
-  const router = useRouter();
+  const navigate = useNavigate();
   const { canInstall, install } = usePWAInstall();
   const { t } = useTranslation(['common', 'setting', 'auth']);
   const { showCloudPromotion, hideDocs } = useServerConfigStore(featureFlagsSelectors);
@@ -29,7 +29,7 @@ export const useCategory = () => {
       icon: CircleUserRound,
       key: 'profile',
       label: t('userPanel.profile'),
-      onClick: () => router.push('/me/profile'),
+      onClick: () => navigate('/me/profile'),
     },
   ];
 
@@ -38,7 +38,7 @@ export const useCategory = () => {
       icon: Settings2,
       key: 'setting',
       label: t('userPanel.setting'),
-      onClick: () => router.push('/me/settings'),
+      onClick: () => navigate('/me/settings'),
     },
     {
       type: 'divider',
@@ -58,9 +58,6 @@ export const useCategory = () => {
   ];
 
   /* ↓ cloud slot ↓ */
-
-  /* ↑ cloud slot ↑ */
-
   const helps: CellProps[] = [
     showCloudPromotion && {
       icon: Cloudy,
@@ -84,7 +81,7 @@ export const useCategory = () => {
       icon: FileClockIcon,
       key: 'changelog',
       label: t('changelog'),
-      onClick: () => router.push('/changelog'),
+      onClick: () => navigate('/changelog'),
     },
   ].filter(Boolean) as CellProps[];
 

package/src/app/[variants]/(main)/(mobile)/me/(home)/index.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+import { memo } from 'react';
+import { Center } from 'react-layout-kit';
+
+import BrandWatermark from '@/components/BrandWatermark';
+
+import Category from './features/Category';
+import UserBanner from './features/UserBanner';
+
+const MeHomePage = memo(() => {
+  return (
+    <>
+      <UserBanner />
+      <Category />
+      <Center padding={16}>
+        <BrandWatermark />
+      </Center>
+    </>
+  );
+});
+
+MeHomePage.displayName = 'MeHomePage';
+
+export default MeHomePage;

package/src/app/[variants]/(main)/(mobile)/me/(home)/layout.tsx

@@ -1,18 +1,15 @@
-import { PropsWithChildren, Suspense } from 'react';
-
-import Loading from '@/components/Loading/BrandTextLoading';
-import MobileContentLayout from '@/components/server/MobileNavLayout';
-
-import Header from './features/Header';
-
-const Layout = ({ children }: PropsWithChildren) => {
-  return (
-    <MobileContentLayout header={<Header />} withNav>
-      <Suspense fallback={<Loading />}>{children}</Suspense>
+import MobileContentLayout from "@/components/server/MobileNavLayout";
+import Loading from "@/components/Loading/BrandTextLoading";
+import { Outlet } from "react-router-dom";
+import Header from "./features/Header";
+import { Suspense } from "react";
+
+const Layout = () => {
+    return <MobileContentLayout header={<Header />} withNav>
+        <Suspense fallback={<Loading />}>
+            <Outlet />
+        </Suspense>
     </MobileContentLayout>
-  );
-};
-
-Layout.displayName = 'MeLayout';
+}
 
-export default Layout;
+export default Layout;

package/src/app/[variants]/(main)/(mobile)/me/profile/features/Category.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import { ChartColumnBigIcon, LogOut, ShieldCheck, UserCircle } from 'lucide-react';
-import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
 
 import Cell, { CellProps } from '@/components/Cell';
 import { ProfileTabs } from '@/store/global/initialState';
@@ -16,26 +16,26 @@ const Category = memo(() => {
     authSelectors.isLoginWithClerk(s),
     s.logout,
   ]);
-  const router = useRouter();
+  const navigate = useNavigate();
   const { t } = useTranslation('auth');
   const items: CellProps[] = [
     {
       icon: UserCircle,
       key: ProfileTabs.Profile,
       label: t('tab.profile'),
-      onClick: () => router.push('/profile'),
+      onClick: () => navigate('/profile'),
     },
     isLoginWithClerk && {
       icon: ShieldCheck,
       key: ProfileTabs.Security,
       label: t('tab.security'),
-      onClick: () => router.push('/profile/security'),
+      onClick: () => navigate('/profile/security'),
     },
     {
       icon: ChartColumnBigIcon,
       key: ProfileTabs.Stats,
       label: t('tab.stats'),
-      onClick: () => router.push('/profile/stats'),
+      onClick: () => navigate('/profile/stats'),
     },
     isLogin && {
       type: 'divider',
@@ -46,7 +46,7 @@ const Category = memo(() => {
       label: t('signout', { ns: 'auth' }),
       onClick: () => {
         signOut();
-        router.push('/login');
+        navigate('/login');
       },
     },
   ].filter(Boolean) as CellProps[];

package/src/app/[variants]/(main)/(mobile)/me/profile/features/Header.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import { ChatHeader } from '@lobehub/ui/mobile';
-import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
 import { Flexbox } from 'react-layout-kit';
 
 import { mobileHeaderSticky } from '@/styles/mobileHeader';
@@ -11,7 +11,7 @@ import { mobileHeaderSticky } from '@/styles/mobileHeader';
 const Header = memo(() => {
   const { t } = useTranslation('common');
 
-  const router = useRouter();
+  const navigate = useNavigate();
   return (
     <ChatHeader
       center={
@@ -23,7 +23,7 @@ const Header = memo(() => {
           }
         />
       }
-      onBackClick={() => router.push('/me')}
+      onBackClick={() => navigate('/me')}
       showBackButton
       style={mobileHeaderSticky}
     />

package/src/app/[variants]/(main)/(mobile)/me/profile/index.tsx

@@ -0,0 +1,16 @@
+'use client';
+
+import { memo } from 'react';
+
+
+import Category from './features/Category';
+
+const MeProfilePage = memo(() => {
+  return (
+    <Category />
+  );
+});
+
+MeProfilePage.displayName = 'MeProfilePage';
+
+export default MeProfilePage;

package/src/app/[variants]/(main)/(mobile)/me/profile/layout.tsx

@@ -1,13 +1,11 @@
-import { PropsWithChildren } from 'react';
+import MobileContentLayout from "@/components/server/MobileNavLayout";
+import { Outlet } from "react-router-dom";
+import Header from "./features/Header";
 
-import MobileContentLayout from '@/components/server/MobileNavLayout';
+const Layout = () => {
+    return <MobileContentLayout header={<Header />}>
+        <Outlet />
+    </MobileContentLayout>
+}
 
-import Header from './features/Header';
-
-const Layout = ({ children }: PropsWithChildren) => {
-  return <MobileContentLayout header={<Header />}>{children}</MobileContentLayout>;
-};
-
-Layout.displayName = 'MeProfileLayout';
-
-export default Layout;
+export default Layout;

package/src/app/[variants]/(main)/(mobile)/me/settings/features/Header.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import { ChatHeader } from '@lobehub/ui/mobile';
-import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
 import { Flexbox } from 'react-layout-kit';
 
 import { mobileHeaderSticky } from '@/styles/mobileHeader';
@@ -11,7 +11,7 @@ import { mobileHeaderSticky } from '@/styles/mobileHeader';
 const Header = memo(() => {
   const { t } = useTranslation('common');
 
-  const router = useRouter();
+  const navigate = useNavigate();
   return (
     <ChatHeader
       center={
@@ -23,7 +23,7 @@ const Header = memo(() => {
           }
         />
       }
-      onBackClick={() => router.push('/me')}
+      onBackClick={() => navigate('/me')}
       showBackButton
       style={mobileHeaderSticky}
     />

package/src/app/[variants]/(main)/(mobile)/me/settings/features/useCategory.tsx

@@ -1,12 +1,11 @@
 import { Bot, Brain, Info, Mic2, Settings2, Sparkles } from 'lucide-react';
-import { useRouter } from 'next/navigation';
 import { useTranslation } from 'react-i18next';
-
+import { useNavigate } from 'react-router-dom';
 import { CellProps } from '@/components/Cell';
 import { SettingsTabs } from '@/store/global/initialState';
 
 export const useCategory = () => {
-  const router = useRouter();
+  const navigate = useNavigate();
   const { t } = useTranslation('setting');
 
   const items: CellProps[] = [
@@ -40,6 +39,6 @@ export const useCategory = () => {
 
   return items.map((item) => ({
     ...item,
-    onClick: () => router.push(`/settings?active=${item.key}`),
+    onClick: () => navigate(`/settings?active=${item.key}`),
   }));
 };

package/src/app/[variants]/(main)/(mobile)/me/settings/index.tsx

@@ -0,0 +1,16 @@
+'use client';
+
+import { memo } from 'react';
+
+
+import Category from './features/Category';
+
+const MeSettingsPage = memo(() => {
+  return (
+    <Category />
+  );
+});
+
+MeSettingsPage.displayName = 'MeSettingsPage';
+
+export default MeSettingsPage;

package/src/app/[variants]/(main)/(mobile)/me/settings/layout.tsx

@@ -1,13 +1,15 @@
-import { PropsWithChildren } from 'react';
-
-import MobileContentLayout from '@/components/server/MobileNavLayout';
-
-import Header from './features/Header';
-
-const Layout = ({ children }: PropsWithChildren) => {
-  return <MobileContentLayout header={<Header />}>{children}</MobileContentLayout>;
-};
-
-Layout.displayName = 'MeSettingsLayout';
-
-export default Layout;
+import MobileContentLayout from "@/components/server/MobileNavLayout";
+import Loading from "@/components/Loading/BrandTextLoading";
+import { Outlet } from "react-router-dom";
+import Header from "./features/Header";
+import { Suspense } from "react";
+
+const Layout = () => {
+    return <MobileContentLayout header={<Header />} withNav>
+        <Suspense fallback={<Loading />}>
+            <Outlet />
+        </Suspense>
+    </MobileContentLayout>
+}
+
+export default Layout;

package/src/app/[variants]/(main)/changelog/_layout/Desktop/index.tsx

@@ -1,15 +1,16 @@
-import { ReactNode } from 'react';
+import { Outlet } from 'react-router-dom';
+
+import { Locales } from '@/locales/resources';
 
 import Hero from '../../features/Hero';
 import Container from './Container';
 
-type Props = { children: ReactNode };
-
-const Layout = ({ children }: Props) => {
+const Layout = (props: { locale: Locales }) => {
+  const { locale } = props;
   return (
     <Container>
       <Hero />
-      {children}
+      <Outlet context={{ locale }} />
     </Container>
   );
 };

package/src/app/[variants]/(main)/changelog/_layout/Mobile/Header.tsx

@@ -1,17 +1,17 @@
 'use client';
 
 import { ChatHeader } from '@lobehub/ui/mobile';
-import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
+import { useNavigate } from 'react-router-dom';
 
 import { mobileHeaderSticky } from '@/styles/mobileHeader';
 
 const Header = memo(() => {
   const { t } = useTranslation('changelog');
 
-  const router = useRouter();
+  const navigate = useNavigate();
   return (
     <ChatHeader
       center={
@@ -23,7 +23,7 @@ const Header = memo(() => {
           }
         />
       }
-      onBackClick={() => router.back()}
+      onBackClick={() => navigate(-1)}
       showBackButton
       style={mobileHeaderSticky}
     />

package/src/app/[variants]/(main)/changelog/_layout/Mobile/index.tsx

@@ -1,17 +1,17 @@
-import { ReactNode } from 'react';
+import { Outlet } from 'react-router-dom';
 
 import MobileContentLayout from '@/components/server/MobileNavLayout';
+import { Locales } from '@/locales/resources';
 
 import Hero from '../../features/Hero';
 import Header from './Header';
 
-type Props = { children: ReactNode };
-
-const Layout = ({ children }: Props) => {
+const Layout = (props: { locale: Locales }) => {
+  const { locale } = props;
   return (
     <MobileContentLayout header={<Header />} padding={16}>
       <Hero />
-      {children}
+      <Outlet context={{ locale }} />
     </MobileContentLayout>
   );
 };

package/src/app/[variants]/(main)/changelog/features/Post.tsx

@@ -1,10 +1,11 @@
 import { Typography } from '@lobehub/ui';
+import { Image } from '@lobehub/ui/mdx';
 import { Divider } from 'antd';
 import Link from 'next/link';
+import useSWR from 'swr';
 import urlJoin from 'url-join';
 
 import { CustomMDX } from '@/components/mdx';
-import Image from '@/components/mdx/Image';
 import { OFFICIAL_SITE } from '@/const/url';
 import { Locales } from '@/locales/resources';
 import { ChangelogService } from '@/server/services/changelog';
@@ -14,14 +15,16 @@ import GridLayout from './GridLayout';
 import PublishedTime from './PublishedTime';
 import VersionTag from './VersionTag';
 
-const Post = async ({
+const Post = ({
   id,
   mobile,
   versionRange,
   locale,
 }: ChangelogIndexItem & { branch?: string; locale: Locales; mobile?: boolean }) => {
-  const changelogService = new ChangelogService();
-  const data = await changelogService.getPostById(id, { locale });
+  const { data } = useSWR([`changelog-post-${id}`, locale], async () => {
+    const changelogService = new ChangelogService();
+    return await changelogService.getPostById(id, { locale });
+  });
 
   if (!data || !data.title) return null;