@lobehub/chat 1.42.6 → 1.43.0

package/locales/tr-TR/auth.json

@@ -1,8 +1,79 @@
 {
+  "date": {
+    "prevMonth": "Geçen Ay",
+    "recent30Days": "Son 30 Gün"
+  },
+  "header": {
+    "desc": "Hesap bilgilerinizi yönetin.",
+    "title": "Hesap"
+  },
+  "heatmaps": {
+    "legend": {
+      "less": "Pasif",
+      "more": "Aktif"
+    },
+    "months": {
+      "apr": "Nis",
+      "aug": "Ağu",
+      "dec": "Ara",
+      "feb": "Şub",
+      "jan": "Oca",
+      "jul": "Tem",
+      "jun": "Haz",
+      "mar": "Mar",
+      "may": "May",
+      "nov": "Kas",
+      "oct": "Eki",
+      "sep": "Eyl"
+    },
+    "tooltip": "{{date}} tarihinde {{count}} mesaj gönderildi",
+    "totalCount": "Geçen yıl toplam {{count}} mesaj gönderildi"
+  },
   "login": "Giriş Yap",
   "loginOrSignup": "Giriş Yap / Kayıt Ol",
-  "profile": "Profil",
-  "security": "Güvenlik",
+  "profile": {
+    "avatar": "Avatar",
+    "email": "E-posta Adresi",
+    "username": "Kullanıcı Adı"
+  },
   "signout": "Çıkış Yap",
-  "signup": "Kaydol"
+  "signup": "Kayıt Ol",
+  "stats": {
+    "aiheatmaps": "Aktivite İndeksi",
+    "assistants": "Asistanlar",
+    "assistantsRank": {
+      "left": "Asistan",
+      "right": "Konu",
+      "title": "Asistan Kullanım Sıralaması"
+    },
+    "createdAt": "Kayıtlı olduğu tarih",
+    "days": "gün",
+    "empty": {
+      "desc": "Görüntülemek için daha fazla sohbet verisi biriktirin",
+      "title": "Veri Yok"
+    },
+    "lastYearActivity": "geçen yılki aktivite",
+    "messages": "Mesajlar",
+    "modelsRank": {
+      "left": "Model",
+      "right": "Mesajlar",
+      "title": "Model Kullanım Sıralaması"
+    },
+    "share": {
+      "title": "AI Aktivite İndeksim"
+    },
+    "topics": "Konu",
+    "topicsRank": {
+      "left": "Konu",
+      "right": "Mesajlar",
+      "title": "Konu İçerik Sıralaması"
+    },
+    "updatedAt": "Güncellenme tarihi",
+    "welcome": "{{username}}, bu {{appName}} ile geçirdiğin <span>{{days}}</span> gün."
+  },
+  "tab": {
+    "profile": "Profil",
+    "security": "Güvenlik",
+    "stats": "İstatistikler"
+  }
 }

package/locales/vi-VN/auth.json

@@ -1,8 +1,80 @@
 {
+  "date": {
+    "prevMonth": "Tháng trước",
+    "recent30Days": "30 ngày qua"
+  },
+  "header": {
+    "desc": "Quản lý thông tin tài khoản của bạn.",
+    "title": "Tài khoản"
+  },
+  "heatmaps": {
+    "legend": {
+      "less": "Không hoạt động",
+      "more": "Hoạt động"
+    },
+    "months": {
+      "apr": "Th4",
+      "aug": "Th8",
+      "dec": "Th12",
+      "feb": "Th2",
+      "jan": "Th1",
+      "jul": "Th7",
+      "jun": "Th6",
+      "mar": "Th3",
+      "may": "Th5",
+      "nov": "Th11",
+      "oct": "Th10",
+      "sep": "Th9"
+    },
+    "tooltip": "{{date}} đã gửi {{count}} tin nhắn trong ngày đó",
+    "totalCount": "Tổng cộng {{count}} tin nhắn đã gửi trong năm qua"
+  },
   "login": "Đăng nhập",
   "loginOrSignup": "Đăng nhập / Đăng ký",
-  "profile": "Hồ sơ cá nhân",
-  "security": "Bảo mật",
+  "profile": {
+    "avatar": "Ảnh đại diện",
+    "email": "Địa chỉ email",
+    "username": "Tên người dùng"
+  },
   "signout": "Đăng xuất",
-  "signup": "Đăng ký"
+  "signup": "Đăng ký",
+  "stats": {
+    "aiheatmaps": "Chỉ số hoạt động",
+    "assistants": "Trợ lý",
+    "assistantsRank": {
+      "left": "Trợ lý",
+      "right": "Chủ đề",
+      "title": "Xếp hạng sử dụng trợ lý"
+    },
+    "createdAt": "Đăng ký vào",
+    "days": "ngày",
+    "empty": {
+      "desc": "Vui lòng tích lũy thêm dữ liệu trò chuyện để xem",
+      "title": "Không có dữ liệu"
+    },
+    "lastYearActivity": "hoạt động trong năm qua",
+    "messages": "Tin nhắn",
+    "modelsRank": {
+      "left": "Mô hình",
+      "right": "Tin nhắn",
+      "title": "Xếp hạng sử dụng mô hình"
+    },
+    "share": {
+      "title": "Chỉ số hoạt động AI của tôi"
+    },
+    "topics": "Chủ đề",
+    "topicsRank": {
+      "left": "Chủ đề",
+      "right": "Tin nhắn",
+      "title": "Xếp hạng nội dung chủ đề"
+    },
+    "updatedAt": "Cập nhật vào",
+    "welcome": "{{username}}, đây là ngày <span>{{days}}</span> của bạn với {{appName}}",
+    "words": "Từ"
+  },
+  "tab": {
+    "profile": "Hồ sơ",
+    "security": "Bảo mật",
+    "stats": "Thống kê"
+  }
 }

package/locales/zh-CN/auth.json

@@ -1,8 +1,80 @@
 {
+  "date": {
+    "prevMonth": "上个月",
+    "recent30Days": "最近30天"
+  },
+  "header": {
+    "desc": "管理您的账户信息。",
+    "title": "账户"
+  },
+  "heatmaps": {
+    "legend": {
+      "less": "不活跃",
+      "more": "活跃"
+    },
+    "months": {
+      "apr": "四月",
+      "aug": "八月",
+      "dec": "十二月",
+      "feb": "二月",
+      "jan": "一月",
+      "jul": "七月",
+      "jun": "六月",
+      "mar": "三月",
+      "may": "五月",
+      "nov": "十一月",
+      "oct": "十月",
+      "sep": "九月"
+    },
+    "tooltip": "{{date}} 当日发送 {{count}} 条消息",
+    "totalCount": "过去一年共发送 {{count}} 条消息"
+  },
   "login": "登录",
   "loginOrSignup": "登录 / 注册",
-  "profile": "个人资料",
-  "security": "安全",
+  "profile": {
+    "avatar": "头像",
+    "email": "电子邮件地址",
+    "username": "用户名"
+  },
   "signout": "退出登录",
-  "signup": "注册"
+  "signup": "注册",
+  "stats": {
+    "aiheatmaps": "AI 指数",
+    "assistants": "助手数",
+    "assistantsRank": {
+      "left": "助手名称",
+      "right": "话题数",
+      "title": "助手使用率"
+    },
+    "createdAt": "用户创建于",
+    "days": "天",
+    "empty": {
+      "desc": "请积累更多聊天数据后查看",
+      "title": "暂无数据"
+    },
+    "lastYearActivity": "过去一年活跃度",
+    "messages": "消息数",
+    "modelsRank": {
+      "left": "模型名称",
+      "right": "消息数",
+      "title": "模型使用率"
+    },
+    "share": {
+      "title": "我的 AI 活跃指数"
+    },
+    "topics": "话题数",
+    "topicsRank": {
+      "left": "话题名称",
+      "right": "消息数",
+      "title": "话题内容量"
+    },
+    "updatedAt": "数据更新至",
+    "welcome": "{{username}}, 这是你和 {{appName}} 相伴的第 <span>{{days}}</span> 天",
+    "words": "累计字数"
+  },
+  "tab": {
+    "profile": "个人资料",
+    "security": "安全",
+    "stats": "数据统计"
+  }
 }

package/locales/zh-TW/auth.json

@@ -1,8 +1,80 @@
 {
+  "date": {
+    "prevMonth": "上個月",
+    "recent30Days": "最近30天"
+  },
+  "header": {
+    "desc": "管理您的帳戶資訊。",
+    "title": "帳戶"
+  },
+  "heatmaps": {
+    "legend": {
+      "less": "不活躍",
+      "more": "活躍"
+    },
+    "months": {
+      "apr": "四月",
+      "aug": "八月",
+      "dec": "十二月",
+      "feb": "二月",
+      "jan": "一月",
+      "jul": "七月",
+      "jun": "六月",
+      "mar": "三月",
+      "may": "五月",
+      "nov": "十一月",
+      "oct": "十月",
+      "sep": "九月"
+    },
+    "tooltip": "{{date}} 當日發送 {{count}} 條消息",
+    "totalCount": "過去一年共發送 {{count}} 條消息"
+  },
   "login": "登入",
   "loginOrSignup": "登入 / 註冊",
-  "profile": "個人檔案",
-  "security": "安全",
+  "profile": {
+    "avatar": "頭像",
+    "email": "電子郵件地址",
+    "username": "用戶名"
+  },
   "signout": "登出",
-  "signup": "註冊"
+  "signup": "註冊",
+  "stats": {
+    "aiheatmaps": "AI 指數",
+    "assistants": "助手數",
+    "assistantsRank": {
+      "left": "助手名稱",
+      "right": "話題數",
+      "title": "助手使用率"
+    },
+    "createdAt": "用戶創建於",
+    "days": "天",
+    "empty": {
+      "desc": "請累積更多聊天數據後查看",
+      "title": "暫無數據"
+    },
+    "lastYearActivity": "過去一年活躍度",
+    "messages": "消息數",
+    "modelsRank": {
+      "left": "模型名稱",
+      "right": "消息數",
+      "title": "模型使用率"
+    },
+    "share": {
+      "title": "我的 AI 活躍指數"
+    },
+    "topics": "話題數",
+    "topicsRank": {
+      "left": "話題名稱",
+      "right": "消息數",
+      "title": "話題內容量"
+    },
+    "updatedAt": "數據更新至",
+    "welcome": "{{username}}, 這是你和 {{appName}} 相伴的第 <span>{{days}}</span> 天",
+    "words": "總字數"
+  },
+  "tab": {
+    "profile": "個人資料",
+    "security": "安全",
+    "stats": "數據統計"
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.42.6",
+  "version": "1.43.0",
   "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",
@@ -125,11 +125,12 @@
     "@icons-pack/react-simple-icons": "9.6.0",
     "@khmyznikov/pwa-install": "^0.3.9",
     "@langchain/community": "^0.3.0",
+    "@lobehub/charts": "^1.9.12",
     "@lobehub/chat-plugin-sdk": "^1.32.4",
     "@lobehub/chat-plugins-gateway": "^1.9.0",
     "@lobehub/icons": "^1.56.0",
     "@lobehub/tts": "^1.25.1",
-    "@lobehub/ui": "^1.155.8",
+    "@lobehub/ui": "^1.156.3",
     "@neondatabase/serverless": "^0.10.1",
     "@next/third-parties": "^15.0.0",
     "@react-spring/web": "^9.7.5",
@@ -176,7 +177,7 @@
     "mammoth": "^1.8.0",
     "modern-screenshot": "^4.4.39",
     "nanoid": "^5.0.7",
-    "next": "^15.1.2",
+    "next": "^15.1.3",
     "next-auth": "beta",
     "next-mdx-remote": "^4.4.1",
     "nextjs-toploader": "^3.7.15",

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

@@ -24,6 +24,10 @@ vi.mock('@/features/User/UserLoginOrSignup/Community', () => ({
   default: vi.fn(() => <div>Mocked UserLoginOrSignup</div>),
 }));
 
+vi.mock('@/const/version', () => ({
+  isDeprecatedEdition: false,
+}));
+
 // 定义一个变量来存储 enableAuth 的值
 let enableAuth = true;
 let enableClerk = false;

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

@@ -57,26 +57,6 @@ describe('useCategory', () => {
 
     const { result } = renderHook(() => useCategory(), { wrapper });
 
-    act(() => {
-      const items = result.current;
-      expect(items.some((item) => item.key === 'profile')).toBe(false);
-      expect(items.some((item) => item.key === 'setting')).toBe(true);
-      expect(items.some((item) => item.key === 'data')).toBe(true);
-      expect(items.some((item) => item.key === 'docs')).toBe(true);
-      expect(items.some((item) => item.key === 'feedback')).toBe(true);
-      expect(items.some((item) => item.key === 'changelog')).toBe(true);
-    });
-  });
-
-  it('should return correct items when the user is logged in with Clerk', () => {
-    act(() => {
-      useUserStore.setState({ isSignedIn: true });
-    });
-    enableAuth = true;
-    enableClerk = true;
-
-    const { result } = renderHook(() => useCategory(), { wrapper });
-
     act(() => {
       const items = result.current;
       expect(items.some((item) => item.key === 'profile')).toBe(true);
@@ -88,31 +68,6 @@ describe('useCategory', () => {
     });
   });
 
-  it('should return correct items when the user is logged in with NextAuth', () => {
-    act(() => {
-      useUserStore.setState({
-        isSignedIn: true,
-        enableAuth: () => true,
-        enabledNextAuth: true,
-      });
-    });
-    enableClerk = false;
-
-    const { result } = renderHook(() => useCategory(), { wrapper });
-
-    act(() => {
-      const items = result.current;
-      // Should not render profile for NextAuth, it's Clerk only
-      expect(items.some((item) => item.key === 'profile')).toBe(false);
-      expect(items.some((item) => item.key === 'setting')).toBe(true);
-      expect(items.some((item) => item.key === 'data')).toBe(true);
-      expect(items.some((item) => item.key === 'docs')).toBe(true);
-      expect(items.some((item) => item.key === 'feedback')).toBe(true);
-      expect(items.some((item) => item.key === 'changelog')).toBe(true);
-      expect(items.some((item) => item.key === 'nextauthSignout')).toBe(true);
-    });
-  });
-
   it('should return correct items when the user is not logged in', () => {
     act(() => {
       useUserStore.setState({ isSignedIn: false, enableAuth: () => true });
@@ -128,7 +83,6 @@ describe('useCategory', () => {
       expect(items.some((item) => item.key === 'docs')).toBe(true);
       expect(items.some((item) => item.key === 'feedback')).toBe(true);
       expect(items.some((item) => item.key === 'changelog')).toBe(true);
-      expect(items.some((item) => item.key === 'nextauthSignout')).toBe(false);
     });
   });
 

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

@@ -1,9 +1,11 @@
 'use client';
 
+import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
+import { isDeprecatedEdition } from '@/const/version';
 import DataStatistics from '@/features/User/DataStatistics';
 import UserInfo from '@/features/User/UserInfo';
 import UserLoginOrSignup from '@/features/User/UserLoginOrSignup/Community';
@@ -21,21 +23,16 @@ const UserBanner = memo(() => {
 
   return (
     <Flexbox gap={12} paddingBlock={8}>
-      {!enableAuth ? (
+      {!enableAuth || (enableAuth && isLoginWithAuth) ? (
         <>
-          <UserInfo />
-          <DataStatistics paddingInline={12} />
-        </>
-      ) : isLoginWithAuth ? (
-        <>
-          <UserInfo
-            onClick={() => {
-              // Profile page only works with Clerk
-              if (enabledNextAuth) return;
-              router.push('/me/profile');
-            }}
-          />
-          <DataStatistics paddingInline={12} />
+          <Link href={'/profile'} style={{ color: 'inherit' }}>
+            <UserInfo />
+          </Link>
+          {!isDeprecatedEdition && (
+            <Link href={'/profile/stats'} style={{ color: 'inherit' }}>
+              <DataStatistics paddingInline={12} />
+            </Link>
+          )}
         </>
       ) : (
         <UserLoginOrSignup

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

@@ -6,7 +6,6 @@ import {
   Download,
   Feather,
   FileClockIcon,
-  LogOut,
   Settings2,
 } from 'lucide-react';
 import { useRouter } from 'next/navigation';
@@ -28,15 +27,11 @@ export const useCategory = () => {
   const { canInstall, install } = usePWAInstall();
   const { t } = useTranslation(['common', 'setting', 'auth']);
   const { showCloudPromotion, hideDocs } = useServerConfigStore(featureFlagsSelectors);
-  const [isLogin, isLoginWithAuth, isLoginWithClerk, enableAuth, signOut, isLoginWithNextAuth] =
-    useUserStore((s) => [
-      authSelectors.isLogin(s),
-      authSelectors.isLoginWithAuth(s),
-      authSelectors.isLoginWithClerk(s),
-      authSelectors.enabledAuth(s),
-      s.logout,
-      authSelectors.isLoginWithNextAuth(s),
-    ]);
+  const [isLogin, isLoginWithAuth, enableAuth] = useUserStore((s) => [
+    authSelectors.isLogin(s),
+    authSelectors.isLoginWithAuth(s),
+    authSelectors.enabledAuth(s),
+  ]);
 
   const profile: CellProps[] = [
     {
@@ -121,20 +116,11 @@ export const useCategory = () => {
     },
   ].filter(Boolean) as CellProps[];
 
-  const nextAuthSignOut: CellProps[] = [
-    {
-      icon: LogOut,
-      key: 'nextauthSignout',
-      label: t('auth:signout'),
-      onClick: signOut,
-    },
-  ];
-
   const mainItems = [
     {
       type: 'divider',
     },
-    ...(isLoginWithClerk ? profile : []),
+    ...(!enableAuth || (enableAuth && isLoginWithAuth) ? profile : []),
     ...(enableAuth ? (isLoginWithAuth ? settings : []) : settingsWithoutAuth),
     /* ↓ cloud slot ↓ */
 
@@ -142,7 +128,6 @@ export const useCategory = () => {
     ...(canInstall ? pwa : []),
     ...(isLogin && !isServerMode ? data : []),
     ...(!hideDocs ? helps : []),
-    ...(enableAuth && isLoginWithNextAuth ? nextAuthSignOut : []),
   ].filter(Boolean) as CellProps[];
 
   return mainItems;

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

@@ -1,43 +1,60 @@
 'use client';
 
-import { LogOut, ShieldCheck, UserCircle } from 'lucide-react';
+import { ChartColumnBigIcon, LogOut, ShieldCheck, UserCircle } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import Cell, { CellProps } from '@/components/Cell';
+import { isDeprecatedEdition } from '@/const/version';
+import { ProfileTabs } from '@/store/global/initialState';
 import { useUserStore } from '@/store/user';
+import { authSelectors } from '@/store/user/slices/auth/selectors';
 
 const Category = memo(() => {
+  const [isLogin, enableAuth, isLoginWithClerk, signOut] = useUserStore((s) => [
+    authSelectors.isLogin(s),
+    authSelectors.enabledAuth(s),
+    authSelectors.isLoginWithClerk(s),
+    s.logout,
+  ]);
   const router = useRouter();
   const { t } = useTranslation('auth');
-  const signOut = useUserStore((s) => s.logout);
   const items: CellProps[] = [
     {
       icon: UserCircle,
-      key: 'profile',
-      label: t('profile'),
+      key: ProfileTabs.Profile,
+      label: t('tab.profile'),
       onClick: () => router.push('/profile'),
     },
-    {
-      icon: ShieldCheck,
-      key: 'security',
-      label: t('security'),
-      onClick: () => router.push('/profile/security'),
-    },
-    {
-      type: 'divider',
-    },
-    {
-      icon: LogOut,
-      key: 'logout',
-      label: t('signout', { ns: 'auth' }),
-      onClick: () => {
-        signOut();
-        router.push('/login');
+    enableAuth &&
+      isLoginWithClerk && {
+        icon: ShieldCheck,
+        key: ProfileTabs.Security,
+        label: t('tab.security'),
+        onClick: () => router.push('/profile/security'),
       },
+    !isDeprecatedEdition && {
+      icon: ChartColumnBigIcon,
+      key: ProfileTabs.Stats,
+      label: t('tab.stats'),
+      onClick: () => router.push('/profile/stats'),
     },
-  ];
+    enableAuth &&
+      isLogin && {
+        type: 'divider',
+      },
+    enableAuth &&
+      isLogin && {
+        icon: LogOut,
+        key: 'logout',
+        label: t('signout', { ns: 'auth' }),
+        onClick: () => {
+          signOut();
+          router.push('/login');
+        },
+      },
+  ].filter(Boolean) as CellProps[];
 
   return items?.map((item, index) => <Cell key={item.key || index} {...item} />);
 });

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

@@ -1,13 +1,10 @@
-import { notFound } from 'next/navigation';
 import { PropsWithChildren } from 'react';
 
 import MobileContentLayout from '@/components/server/MobileNavLayout';
-import { enableClerk } from '@/const/auth';
 
 import Header from './features/Header';
 
 const Layout = ({ children }: PropsWithChildren) => {
-  if (!enableClerk) return notFound();
   return <MobileContentLayout header={<Header />}>{children}</MobileContentLayout>;
 };
 

package/src/app/(main)/(mobile)/me/profile/page.tsx

@@ -7,10 +7,10 @@ import { isMobileDevice } from '@/utils/server/responsive';
 import Category from './features/Category';
 
 export const generateMetadata = async () => {
-  const { t } = await translation('clerk');
+  const { t } = await translation('auth');
   return metadataModule.generate({
-    description: t('userProfile.navbar.title'),
-    title: t('userProfile.navbar.description'),
+    description: t('header.desc'),
+    title: t('header.title'),
     url: '/me/profile',
   });
 };

package/src/app/(main)/chat/loading.tsx

@@ -1,3 +1,3 @@
-import CircleLoading from '@/components/Loading/BrandTextLoading';
+import Loading from '@/components/Loading/BrandTextLoading';
 
-export default () => <CircleLoading />;
+export default () => <Loading />;

package/src/app/(main)/discover/loading.tsx

@@ -1,9 +1,3 @@
-import { Center } from 'react-layout-kit';
+import Loading from '@/components/Loading/BrandTextLoading';
 
-import CircleLoading from '@/components/Loading/BrandTextLoading';
-
-export default () => (
-  <Center height={'90vh'} width={'100%'}>
-    <CircleLoading />
-  </Center>
-);
+export default () => <Loading />;