@lobehub/chat 0.157.1 → 0.158.0

package/locales/pl-PL/auth.json

@@ -1,6 +1,8 @@
 {
   "login": "Zaloguj się",
   "loginOrSignup": "Zaloguj się / Zarejestruj się",
+  "profile": "Profil użytkownika",
+  "security": "Bezpieczeństwo",
   "signout": "Wyloguj",
   "signup": "Zarejestruj się"
 }

package/locales/pl-PL/chat.json

@@ -4,6 +4,7 @@
   },
   "agentDefaultMessage": "Cześć, jestem **{{name}}**, możesz od razu zacząć ze mną rozmawiać, lub udoskonalić moje informacje, przechodząc do [Ustawień asystenta](/chat/settings#session={{id}}).",
   "agentDefaultMessageWithSystemRole": "Cześć, jestem **{{name}}**, {{systemRole}}, zacznijmy rozmowę!",
+  "agentsAndConversations": "Agenci i rozmowy",
   "backToBottom": "Przewiń na dół",
   "clearCurrentMessages": "Wyczyść bieżącą rozmowę",
   "confirmClearCurrentMessages": "Czy na pewno chcesz wyczyścić bieżącą rozmowę? Tej operacji nie można cofnąć.",

package/locales/pl-PL/common.json

@@ -169,6 +169,7 @@
   "userPanel": {
     "anonymousNickName": "Użytkownik Anonimowy",
     "billing": "Zarządzanie rachunkami",
+    "data": "Przechowywanie danych",
     "defaultNickname": "Użytkownik Wersji Społecznościowej",
     "discord": "Wsparcie społeczności",
     "docs": "Dokumentacja",

package/locales/pl-PL/error.json

@@ -1,9 +1,9 @@
 {
   "clerkAuth": {
     "loginSuccess": {
-      "action": "继续会话",
-      "desc": "{{greeting}}，很高兴能够继续为你服务。让我们接着刚刚的话题聊下去吧",
-      "title": "欢迎回来， {{nickName}}"
+      "action": "Continue session",
+      "desc": "{{greeting}}, it's great to continue serving you. Let's continue our previous conversation.",
+      "title": "Welcome back, {{nickName}}"
     }
   },
   "error": {

package/locales/pt-BR/auth.json

@@ -1,6 +1,8 @@
 {
   "login": "Entrar",
   "loginOrSignup": "Entrar / Registrar",
+  "profile": "Perfil",
+  "security": "Segurança",
   "signout": "Sair",
   "signup": "Cadastre-se"
 }

package/locales/pt-BR/chat.json

@@ -4,6 +4,7 @@
   },
   "agentDefaultMessage": "Olá, eu sou **{{name}}**, você pode começar a conversar comigo agora ou ir para [Configurações do Assistente](/chat/settings#session={{id}}) para completar minhas informações.",
   "agentDefaultMessageWithSystemRole": "Olá, eu sou **{{name}}**, {{systemRole}}, vamos conversar!",
+  "agentsAndConversations": "Agentes e Conversas",
   "backToBottom": "Voltar para o início",
   "clearCurrentMessages": "Limpar mensagens atuais",
   "confirmClearCurrentMessages": "Você está prestes a limpar as mensagens desta sessão. Depois de limpar, não será possível recuperá-las. Por favor, confirme sua ação.",

package/locales/pt-BR/common.json

@@ -169,6 +169,7 @@
   "userPanel": {
     "anonymousNickName": "Usuário Anônimo",
     "billing": "Gerenciamento de faturas",
+    "data": "Armazenamento de dados",
     "defaultNickname": "Usuário da Comunidade",
     "discord": "Suporte da Comunidade",
     "docs": "Documentação",

package/locales/ru-RU/auth.json

@@ -1,6 +1,8 @@
 {
   "login": "Войти",
   "loginOrSignup": "Войти / Зарегистрироваться",
+  "profile": "Профиль",
+  "security": "Безопасность",
   "signout": "Выйти",
   "signup": "Зарегистрироваться"
 }

package/locales/ru-RU/chat.json

@@ -4,6 +4,7 @@
   },
   "agentDefaultMessage": "Привет, я **{{name}}**. Ты можешь начать общение со мной прямо сейчас или перейти к [настройкам помощника](/chat/settings#session={{id}}), чтобы улучшить мою информацию.",
   "agentDefaultMessageWithSystemRole": "Привет, я **{{name}}**, {{systemRole}}. Давай начнем разговор!",
+  "agentsAndConversations": "Агенты и беседы",
   "backToBottom": "Вернуться вниз",
   "clearCurrentMessages": "Очистить текущий разговор",
   "confirmClearCurrentMessages": "Вы уверены, что хотите очистить текущий разговор? После этого его нельзя будет восстановить.",

package/locales/ru-RU/common.json

@@ -169,6 +169,7 @@
   "userPanel": {
     "anonymousNickName": "Анонимный пользователь",
     "billing": "Управление счетами",
+    "data": "Хранилище данных",
     "defaultNickname": "Пользователь сообщества",
     "discord": "Поддержка сообщества",
     "docs": "Документация",

package/locales/ru-RU/error.json

@@ -1,9 +1,9 @@
 {
   "clerkAuth": {
     "loginSuccess": {
-      "action": "继续会话",
-      "desc": "{{greeting}}，很高兴能够继续为你服务。让我们接着刚刚的话题聊下去吧",
-      "title": "欢迎回来， {{nickName}}"
+      "action": "Продолжить разговор",
+      "desc": "{{greeting}}, рады снова быть к вашим услугам. Давайте продолжим нашу беседу",
+      "title": "Добро пожаловать обратно, {{nickName}}"
     }
   },
   "error": {

package/locales/tr-TR/auth.json

@@ -1,6 +1,8 @@
 {
   "login": "Giriş Yap",
   "loginOrSignup": "Giriş Yap / Kayıt Ol",
+  "profile": "Profil",
+  "security": "Güvenlik",
   "signout": "Çıkış Yap",
   "signup": "Kaydol"
 }

package/locales/tr-TR/chat.json

@@ -4,6 +4,7 @@
   },
   "agentDefaultMessage": "Merhaba, Ben **{{name}}**. Hemen benimle sohbet etmeye başlayabilirsiniz veya [Asistan Ayarları](/chat/settings#session={{id}}) sayfasına giderek bilgilerimi tamamlayabilirsiniz.",
   "agentDefaultMessageWithSystemRole": "Merhaba, Ben **{{name}}**, {{systemRole}}. Hemen sohbet etmeye başlayalım!",
+  "agentsAndConversations": "Ajanlar ve Konuşmalar",
   "backToBottom": "En alta git",
   "clearCurrentMessages": "Mevcut oturum mesajlarını temizle",
   "confirmClearCurrentMessages": "Mevcut oturum mesajlarını temizlemek üzeresiniz. Temizlendikten sonra geri alınamazlar. Lütfen eyleminizi onaylayın.",

package/locales/tr-TR/common.json

@@ -169,6 +169,7 @@
   "userPanel": {
     "anonymousNickName": "Anonim Kullanıcı",
     "billing": "Fatura Yönetimi",
+    "data": "Veri Depolama",
     "defaultNickname": "Topluluk Kullanıcısı",
     "discord": "Topluluk Destek",
     "docs": "Belgeler",

package/locales/vi-VN/auth.json

@@ -1,6 +1,8 @@
 {
   "login": "Đăng nhập",
   "loginOrSignup": "Đăng nhập / Đăng ký",
+  "profile": "Hồ sơ cá nhân",
+  "security": "Bảo mật",
   "signout": "Đăng xuất",
   "signup": "Đăng ký"
 }

package/locales/vi-VN/chat.json

@@ -4,6 +4,7 @@
   },
   "agentDefaultMessage": "Xin chào, tôi là **{{name}}**, bạn có thể bắt đầu trò chuyện với tôi ngay lập tức, hoặc đến [Cài đặt trợ lý](/chat/settings#session={{id}}) để hoàn thiện thông tin của tôi.",
   "agentDefaultMessageWithSystemRole": "Xin chào, tôi là **{{name}}**, {{systemRole}}. Hãy bắt đầu trò chuyện ngay!",
+  "agentsAndConversations": "Người hỗ trợ và cuộc trò chuyện",
   "backToBottom": "Quay về dưới cùng",
   "clearCurrentMessages": "Xóa tin nhắn hiện tại",
   "confirmClearCurrentMessages": "Bạn sắp xóa tin nhắn hiện tại. Hành động này không thể hoàn tác, vui lòng xác nhận.",

package/locales/vi-VN/common.json

@@ -169,6 +169,7 @@
   "userPanel": {
     "anonymousNickName": "Người dùng ẩn danh",
     "billing": "Quản lý hóa đơn",
+    "data": "Lưu trữ dữ liệu",
     "defaultNickname": "Người dùng phiên bản cộng đồng",
     "discord": "Hỗ trợ cộng đồng",
     "docs": "Tài liệu sử dụng",

package/locales/zh-CN/auth.json

@@ -1,6 +1,8 @@
 {
   "login": "登录",
   "loginOrSignup": "登录 / 注册",
+  "profile": "个人资料",
+  "security": "安全",
   "signout": "退出登录",
   "signup": "注册"
 }

package/locales/zh-CN/chat.json

@@ -4,6 +4,7 @@
   },
   "agentDefaultMessage": "你好，我是 **{{name}}**，你可以立即与我开始对话，也可以前往 [助手设置](/chat/settings#session={{id}}) 完善我的信息。",
   "agentDefaultMessageWithSystemRole": "你好，我是 **{{name}}**，{{systemRole}}，让我们开始对话吧！",
+  "agentsAndConversations": "助手与会话",
   "backToBottom": "跳转至当前",
   "clearCurrentMessages": "清空当前会话消息",
   "confirmClearCurrentMessages": "即将清空当前会话消息，清空后将无法找回，请确认你的操作",

package/locales/zh-CN/common.json

@@ -169,6 +169,7 @@
   "userPanel": {
     "anonymousNickName": "匿名用户",
     "billing": "账单管理",
+    "data": "数据存储",
     "defaultNickname": "社区版用户",
     "discord": "社区支持",
     "docs": "使用文档",

package/locales/zh-TW/auth.json

@@ -1,6 +1,8 @@
 {
   "login": "登入",
   "loginOrSignup": "登入 / 註冊",
+  "profile": "個人檔案",
+  "security": "安全",
   "signout": "登出",
   "signup": "註冊"
 }

package/locales/zh-TW/chat.json

@@ -4,6 +4,7 @@
   },
   "agentDefaultMessage": "你好，我是 **{{name}}**，你可以立即與我開始對話，也可以前往 [助手設置](/chat/settings#session={{id}}) 完善我的信息。",
   "agentDefaultMessageWithSystemRole": "你好，我是 **{{name}}**，{{systemRole}}，讓我們開始對話吧！",
+  "agentsAndConversations": "助理與對話",
   "backToBottom": "返回底部",
   "clearCurrentMessages": "清空當前對話",
   "confirmClearCurrentMessages": "即將清空當前對話，清空後將無法找回，請確認你的操作",

package/locales/zh-TW/common.json

@@ -169,6 +169,7 @@
   "userPanel": {
     "anonymousNickName": "匿名使用者",
     "billing": "帳單管理",
+    "data": "資料儲存",
     "defaultNickname": "社群版使用者",
     "discord": "社區支援",
     "docs": "使用文件",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.157.1",
+  "version": "0.158.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",
@@ -90,7 +90,7 @@
     "@clerk/localizations": "2.0.0",
     "@clerk/nextjs": "^5.0.8",
     "@clerk/themes": "^2.1.3",
-    "@google/generative-ai": "^0.10.0",
+    "@google/generative-ai": "^0.11.0",
     "@icons-pack/react-simple-icons": "^9.5.0",
     "@lobehub/chat-plugin-sdk": "latest",
     "@lobehub/chat-plugins-gateway": "latest",

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

@@ -0,0 +1,80 @@
+import { act, render, screen } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import { useUserStore } from '@/store/user';
+
+import UserBanner from '../features/UserBanner';
+
+// Mock dependencies
+vi.mock('next/navigation', () => ({
+  useRouter: vi.fn(() => ({
+    push: vi.fn(),
+  })),
+}));
+
+vi.mock('@/features/User/UserInfo', () => ({
+  default: vi.fn(() => <div>Mocked UserInfo</div>),
+}));
+
+vi.mock('@/features/User/DataStatistics', () => ({
+  default: vi.fn(() => <div>Mocked DataStatistics</div>),
+}));
+
+vi.mock('@/features/User/UserLoginOrSignup', () => ({
+  default: vi.fn(() => <div>Mocked UserLoginOrSignup</div>),
+}));
+
+// 定义一个变量来存储 enableAuth 的值
+let enableAuth = true;
+
+// 模拟 @/const/auth 模块
+vi.mock('@/const/auth', () => ({
+  get enableAuth() {
+    return enableAuth;
+  },
+}));
+
+afterEach(() => {
+  enableAuth = true;
+});
+
+describe('UserBanner', () => {
+  it('should render UserInfo and DataStatistics when auth is disabled', () => {
+    act(() => {
+      useUserStore.setState({ isSignedIn: false });
+    });
+    enableAuth = false;
+
+    render(<UserBanner />);
+
+    expect(screen.getByText('Mocked UserInfo')).toBeInTheDocument();
+    expect(screen.getByText('Mocked DataStatistics')).toBeInTheDocument();
+    expect(screen.queryByText('Mocked UserLoginOrSignup')).not.toBeInTheDocument();
+  });
+
+  it('should render UserInfo and DataStatistics when user is logged in with auth enabled', () => {
+    act(() => {
+      useUserStore.setState({ isSignedIn: true });
+    });
+    enableAuth = true;
+
+    render(<UserBanner />);
+
+    expect(screen.getByText('Mocked UserInfo')).toBeInTheDocument();
+    expect(screen.getByText('Mocked DataStatistics')).toBeInTheDocument();
+    expect(screen.queryByText('Mocked UserLoginOrSignup')).not.toBeInTheDocument();
+  });
+
+  it('should render UserLoginOrSignup when user is not logged in with auth enabled', () => {
+    act(() => {
+      useUserStore.setState({ isSignedIn: false });
+    });
+    enableAuth = true;
+
+    render(<UserBanner />);
+
+    expect(screen.getByText('Mocked UserLoginOrSignup')).toBeInTheDocument();
+    expect(screen.queryByText('Mocked UserInfo')).not.toBeInTheDocument();
+    expect(screen.queryByText('Mocked DataStatistics')).not.toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,116 @@
+import { act, renderHook } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+
+import { useUserStore } from '@/store/user';
+
+import { useCategory } from '../features/useCategory';
+
+// Mock dependencies
+vi.mock('next/navigation', () => ({
+  useRouter: vi.fn(() => ({
+    push: vi.fn(),
+  })),
+}));
+
+vi.mock('react-i18next', () => ({
+  useTranslation: vi.fn(() => ({
+    t: vi.fn((key) => key),
+  })),
+}));
+
+vi.mock('../../settings/features/useCategory', () => ({
+  useCategory: vi.fn(() => [{ key: 'extraSetting', label: 'Extra Setting' }]),
+}));
+
+// 定义一个变量来存储 enableAuth 的值
+let enableAuth = true;
+let enableClerk = true;
+// 模拟 @/const/auth 模块
+vi.mock('@/const/auth', () => ({
+  get enableAuth() {
+    return enableAuth;
+  },
+  get enableClerk() {
+    return enableClerk;
+  },
+}));
+
+afterEach(() => {
+  enableAuth = true;
+  enableClerk = true;
+});
+
+describe('useCategory', () => {
+  it('should return correct items when the user is logged in with authentication', () => {
+    act(() => {
+      useUserStore.setState({ isSignedIn: true });
+    });
+    enableAuth = true;
+    enableClerk = false;
+
+    const { result } = renderHook(() => useCategory());
+
+    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 === 'discord')).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());
+
+    act(() => {
+      const items = result.current;
+      expect(items.some((item) => item.key === 'profile')).toBe(true);
+      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 === 'discord')).toBe(true);
+    });
+  });
+
+  it('should return correct items when the user is not logged in', () => {
+    act(() => {
+      useUserStore.setState({ isSignedIn: false });
+    });
+    enableAuth = true;
+
+    const { result } = renderHook(() => useCategory());
+
+    act(() => {
+      const items = result.current;
+      expect(items.some((item) => item.key === 'profile')).toBe(false);
+      expect(items.some((item) => item.key === 'setting')).toBe(false);
+      expect(items.some((item) => item.key === 'data')).toBe(false);
+      expect(items.some((item) => item.key === 'docs')).toBe(true);
+      expect(items.some((item) => item.key === 'feedback')).toBe(true);
+      expect(items.some((item) => item.key === 'discord')).toBe(true);
+    });
+  });
+
+  it('should handle settings for non-authenticated users', () => {
+    act(() => {
+      useUserStore.setState({ isSignedIn: false });
+    });
+    enableAuth = false;
+
+    const { result } = renderHook(() => useCategory());
+
+    act(() => {
+      const items = result.current;
+      expect(items.some((item) => item.key === 'extraSetting')).toBe(true);
+    });
+  });
+});

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

@@ -0,0 +1,15 @@
+'use client';
+
+import { memo } from 'react';
+
+import Cell from '@/components/Cell';
+
+import { useCategory } from './useCategory';
+
+const Category = memo(() => {
+  const items = useCategory();
+
+  return items?.map((item, index) => <Cell key={item.key || index} {...item} />);
+});
+
+export default Category;

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

@@ -0,0 +1,37 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import { enableAuth } from '@/const/auth';
+import DataStatistics from '@/features/User/DataStatistics';
+import UserInfo from '@/features/User/UserInfo';
+import UserLoginOrSignup from '@/features/User/UserLoginOrSignup';
+import { useUserStore } from '@/store/user';
+import { authSelectors } from '@/store/user/selectors';
+
+const UserBanner = memo(() => {
+  const router = useRouter();
+  const isLoginWithAuth = useUserStore(authSelectors.isLoginWithAuth);
+
+  return (
+    <Flexbox gap={12} paddingBlock={8}>
+      {!enableAuth ? (
+        <>
+          <UserInfo />
+          <DataStatistics paddingInline={12} />
+        </>
+      ) : isLoginWithAuth ? (
+        <>
+          <UserInfo onClick={() => router.push('/me/profile')} />
+          <DataStatistics paddingInline={12} />
+        </>
+      ) : (
+        <UserLoginOrSignup onClick={() => router.push('/login')} />
+      )}
+    </Flexbox>
+  );
+});
+
+export default UserBanner;

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

@@ -0,0 +1,95 @@
+import { DiscordIcon } from '@lobehub/ui';
+import { Book, CircleUserRound, Database, Feather, Settings2 } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import { useTranslation } from 'react-i18next';
+
+import { CellProps } from '@/components/Cell';
+import { enableAuth } from '@/const/auth';
+import { DISCORD, DOCUMENTS, FEEDBACK } from '@/const/url';
+import { useUserStore } from '@/store/user';
+import { authSelectors } from '@/store/user/slices/auth/selectors';
+
+import { useCategory as useSettingsCategory } from '../../settings/features/useCategory';
+
+export const useCategory = () => {
+  const router = useRouter();
+  const { t } = useTranslation(['common', 'setting', 'auth']);
+  const [isLogin, isLoginWithAuth, isLoginWithClerk] = useUserStore((s) => [
+    authSelectors.isLogin(s),
+    authSelectors.isLoginWithAuth(s),
+    authSelectors.isLoginWithClerk(s),
+  ]);
+
+  const profile: CellProps[] = [
+    {
+      icon: CircleUserRound,
+      key: 'profile',
+      label: t('userPanel.profile'),
+      onClick: () => router.push('/me/profile'),
+    },
+  ];
+
+  const settings: CellProps[] = [
+    {
+      icon: Settings2,
+      key: 'setting',
+      label: t('userPanel.setting'),
+      onClick: () => router.push('/me/settings'),
+    },
+    {
+      type: 'divider',
+    },
+  ];
+
+  const settingsWithoutAuth = [
+    ...useSettingsCategory(),
+    {
+      type: 'divider',
+    },
+  ];
+
+  const data: CellProps[] = [
+    {
+      icon: Database,
+      key: 'data',
+      label: t('userPanel.data'),
+      onClick: () => router.push('/me/data'),
+    },
+    {
+      type: 'divider',
+    },
+  ];
+
+  const helps: CellProps[] = [
+    {
+      icon: Book,
+      key: 'docs',
+      label: t('document'),
+      onClick: () => window.open(DOCUMENTS, '__blank'),
+    },
+    {
+      icon: Feather,
+      key: 'feedback',
+      label: t('feedback'),
+      onClick: () => window.open(FEEDBACK, '__blank'),
+    },
+    {
+      icon: DiscordIcon,
+      key: 'discord',
+      label: 'Discord',
+      onClick: () => window.open(DISCORD, '__blank'),
+    },
+  ];
+
+  const mainItems = [
+    {
+      type: 'divider',
+    },
+    ...(isLoginWithClerk ? profile : []),
+    ...(enableAuth ? (isLoginWithAuth ? settings : []) : settingsWithoutAuth),
+    ...(isLogin ? data : []),
+    ...helps,
+  ].filter(Boolean) as CellProps[];
+
+  return mainItems;
+};

package/src/app/(main)/(mobile)/me/{page.tsx → (home)/page.tsx}

@@ -2,13 +2,10 @@ import { redirect } from 'next/navigation';
 import { Center } from 'react-layout-kit';
 
 import BrandWatermark from '@/components/BrandWatermark';
-import Divider from '@/components/Cell/Divider';
-import DataStatistics from '@/features/User/DataStatistics';
-import UserInfo from '@/features/User/UserInfo';
 import { isMobileDevice } from '@/utils/responsive';
 
-import Cate from './features/Cate';
-import ExtraCate from './features/ExtraCate';
+import Category from './features/Category';
+import UserBanner from './features/UserBanner';
 
 const Page = () => {
   const mobile = isMobileDevice();
@@ -17,11 +14,8 @@ const Page = () => {
 
   return (
     <>
-      <UserInfo />
-      <DataStatistics paddingInline={12} style={{ paddingBottom: 6 }} />
-      <Divider />
-      <Cate />
-      <ExtraCate />
+      <UserBanner />
+      <Category />
       <Center padding={16}>
         <BrandWatermark />
       </Center>
@@ -29,4 +23,6 @@ const Page = () => {
   );
 };
 
+Page.displayName = 'Me';
+
 export default Page;