@lobehub/chat 1.51.0 → 1.51.1

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 # Changelog
 
+### [Version 1.51.1](https://github.com/lobehub/lobe-chat/compare/v1.51.0...v1.51.1)
+
+<sup>Released on **2025-02-05**</sup>
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 1.51.0](https://github.com/lobehub/lobe-chat/compare/v1.50.5...v1.51.0)
 
 <sup>Released on **2025-02-05**</sup>

package/changelog/v1.json

@@ -1,4 +1,9 @@
 [
+  {
+    "children": {},
+    "date": "2025-02-05",
+    "version": "1.51.1"
+  },
   {
     "children": {
       "features": [

package/next.config.ts

@@ -164,6 +164,12 @@ const nextConfig: NextConfig = {
       permanent: true,
       source: '/welcome',
     },
+    // we need back /repos url in the further
+    {
+      destination: '/files',
+      permanent: false,
+      source: '/repos',
+    },
   ],
   // when external packages in dev mode with turbopack, this config will lead to bundle error
   serverExternalPackages: isProd ? ['@electric-sql/pglite'] : undefined,

package/package.json

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

package/src/app/(main)/_layout/Desktop/SideBar/Avatar.tsx

@@ -1,7 +1,7 @@
 import { ActionIcon } from '@lobehub/ui';
 import { Tooltip } from 'antd';
 import { LucideX } from 'lucide-react';
-import { memo } from 'react';
+import { Suspense, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
@@ -14,10 +14,13 @@ const Avatar = memo(() => {
   const { t } = useTranslation('common');
   const hideSettingsMoveGuide = useUserStore(preferenceSelectors.hideSettingsMoveGuide);
   const updateGuideState = useUserStore((s) => s.updateGuideState);
+
   const content = (
-    <UserPanel>
-      <UserAvatar clickable />
-    </UserPanel>
+    <Suspense fallback={<UserAvatar />}>
+      <UserPanel>
+        <UserAvatar clickable />
+      </UserPanel>
+    </Suspense>
   );
 
   return hideSettingsMoveGuide ? (

package/src/features/User/UserInfo.tsx

@@ -24,9 +24,10 @@ const useStyles = createStyles(({ css, token }) => ({
 
 export interface UserInfoProps extends FlexboxProps {
   avatarProps?: Partial<UserAvatarProps>;
+  onClick?: () => void;
 }
 
-const UserInfo = memo<UserInfoProps>(({ avatarProps, ...rest }) => {
+const UserInfo = memo<UserInfoProps>(({ avatarProps, onClick, ...rest }) => {
   const { styles, theme } = useStyles();
   const isSignedIn = useUserStore(authSelectors.isLogin);
   const [nickname, username] = useUserStore((s) => [
@@ -44,7 +45,7 @@ const UserInfo = memo<UserInfoProps>(({ avatarProps, ...rest }) => {
       paddingInline={12}
       {...rest}
     >
-      <Flexbox align={'center'} gap={12} horizontal>
+      <Flexbox align={'center'} gap={12} horizontal onClick={onClick}>
         <UserAvatar background={theme.colorFill} size={48} {...avatarProps} />
         <Flexbox flex={1} gap={6}>
           <div className={styles.nickname}>{nickname}</div>

package/src/features/User/UserPanel/PanelContent.tsx

@@ -44,9 +44,7 @@ const PanelContent = memo<{ closePopover: () => void }>(({ closePopover }) => {
     <Flexbox gap={2} style={{ minWidth: 300 }}>
       {!enableAuth || (enableAuth && isLoginWithAuth) ? (
         <>
-          <Link href={'/profile'} style={{ color: 'inherit' }}>
-            <UserInfo />
-          </Link>
+          <UserInfo avatarProps={{ clickable: false }} />
           {!isDeprecatedEdition && (
             <Link href={'/profile/stats'} style={{ color: 'inherit' }}>
               <DataStatistics />

package/src/app/(main)/repos/page.tsx

@@ -1,5 +0,0 @@
-import { redirect } from 'next/navigation';
-
-export default () => {
-  return redirect('/files');
-};