@lobehub/chat 0.129.0 → 0.129.2

package/docs/usage/plugins/basic-usage.mdx

@@ -4,19 +4,13 @@ The plugin system is a key element in expanding the capabilities of assistants i
 
 Watch the following video to quickly get started with using LobeChat plugins:
 
-<video
-muted
-controls
-loop
-autoPlay
-src="https://github.com/lobehub/lobe-chat/assets/28616219/94d4c312-1699-4e24-8782-138883678c9e">
-</video>
+<Video src="https://github.com/lobehub/lobe-chat/assets/28616219/94d4c312-1699-4e24-8782-138883678c9e" />
 
 ## Plugin Store
 
 You can access the Plugin Store by navigating to "Extension Tools" -> "Plugin Store" in the session toolbar.
 
-![820shots\_so](https://github.com/lobehub/lobe-chat/assets/28616219/ab4e60d0-1293-49ac-8798-cb29b3b789e6)
+![820shots_so](https://github.com/lobehub/lobe-chat/assets/28616219/ab4e60d0-1293-49ac-8798-cb29b3b789e6)
 
 The Plugin Store allows you to directly install and use plugins within LobeChat.
 
@@ -26,7 +20,7 @@ The Plugin Store allows you to directly install and use plugins within LobeChat.
 
 After installing a plugin, simply enable it under the current assistant to use it.
 
-![809shots\_so](https://github.com/lobehub/lobe-chat/assets/28616219/76ab1ae7-a4f9-4285-8ebd-45b90251aba1)
+![809shots_so](https://github.com/lobehub/lobe-chat/assets/28616219/76ab1ae7-a4f9-4285-8ebd-45b90251aba1)
 
 ## Plugin Configuration
 
@@ -37,4 +31,3 @@ After installing a plugin, you can click on "Settings" to enter the plugin's set
 ![image](https://github.com/lobehub/lobe-chat/assets/28616219/10eb3023-4528-4b06-8092-062e7b3865cc)
 
 ![image](https://github.com/lobehub/lobe-chat/assets/28616219/ab2e4c25-4b11-431b-9266-442d8b14cb41)
-

package/docs/usage/plugins/basic-usage.zh-CN.mdx

@@ -4,13 +4,7 @@
 
 查看以下视频，快速上手使用 LobeChat 插件：
 
-<video
-  muted
-  controls
-  loop
-  autoPlay
-  src="https://github.com/lobehub/lobe-chat/assets/28616219/94d4c312-1699-4e24-8782-138883678c9e"
-></video>
+<Video src="https://github.com/lobehub/lobe-chat/assets/28616219/94d4c312-1699-4e24-8782-138883678c9e" />
 
 ## 插件商店
 

package/docs/usage/plugins/custom-plugin.mdx

@@ -4,13 +4,7 @@
 
 If you wish to install a plugin that is not available in the LobeChat plugin store, such as a custom-developed LobeChat plugin, you can click on "Custom Plugins" to install it:
 
-<video
-  muted
-  controls
-  loop
-  autoPlay
-  src="https://github.com/lobehub/lobe-chat/assets/28616219/034a328c-8465-4499-8f93-fdcdb03343cd"
-></video>
+<Video src="https://github.com/lobehub/lobe-chat/assets/28616219/034a328c-8465-4499-8f93-fdcdb03343cd" />
 
 In addition, LobeChat's plugin mechanism is compatible with ChatGPT plugins, so you can easily install corresponding ChatGPT plugins.
 
@@ -19,8 +13,7 @@ If you want to try installing custom plugins on your own, you can use the follow
 - `Custom Lobe Plugin` Mock Credit Card: https://lobe-plugin-mock-credit-card.vercel.app/manifest.json
 - `ChatGPT Plugin` Access Links: https://www.accesslinks.ai/.well-known/ai-plugin.json
 
-![image](https://github.com/lobehub/lobe-chat/assets/28616219/bb9cd00f-b20c-4d7b-9c60-b921d350e319)
-![image](https://github.com/lobehub/lobe-chat/assets/28616219/bdeb678e-6502-4667-86b1-504221ee7ded)
+![image](https://github.com/lobehub/lobe-chat/assets/28616219/bb9cd00f-b20c-4d7b-9c60-b921d350e319) ![image](https://github.com/lobehub/lobe-chat/assets/28616219/bdeb678e-6502-4667-86b1-504221ee7ded)
 
 ## Developing Custom Plugins
 

package/docs/usage/plugins/custom-plugin.zh-CN.mdx

@@ -4,13 +4,7 @@
 
 如果你希望安装一个不在 LobeChat 插件商店中的插件，例如自己开发的 LobeChat，你可以点击「自定义插件」进行安装：
 
-<video
-  muted
-  controls
-  loop
-  autoPlay
-  src="https://github.com/lobehub/lobe-chat/assets/28616219/034a328c-8465-4499-8f93-fdcdb03343cd"
-></video>
+<Video src="https://github.com/lobehub/lobe-chat/assets/28616219/034a328c-8465-4499-8f93-fdcdb03343cd" />
 
 此外，LobeChat 的插件机制兼容了 ChatGPT 的插件，因此你可以一键安装相应的 ChatGPT 插件。
 

package/docs/usage/providers/ollama.mdx

@@ -0,0 +1,80 @@
+import { Callout, Steps, Tabs } from 'nextra/components';
+
+# Using Ollama in LobeChat
+
+<Image
+  alt={'Using Ollama in LobeChat'}
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/a2a091b8-ac45-4679-b5e0-21d711e17fef'}
+  cover
+/>
+
+Ollama is a powerful framework for running large language models (LLMs) locally, supporting various language models including Llama 2, Mistral, and more. Now, LobeChat supports integration with Ollama, meaning you can easily use the language models provided by Ollama to enhance your application within LobeChat.
+
+This document will guide you on how to use Ollama in LobeChat:
+
+<Steps>
+  ### Local Installation of Ollama
+
+First, you need to install Ollama, which supports macOS, Windows, and Linux systems. Depending on your operating system, choose one of the following installation methods:
+
+<Tabs items={['macOS', 'Linux', 'Windows (Preview)', 'Docker']}>
+<Tabs.Tab>[Download Ollama for macOS](https://ollama.com/download) and unzip it.</Tabs.Tab>
+<Tabs.Tab>
+
+````bash
+  Install using the following command:
+
+  ```bash
+  curl -fsSL https://ollama.com/install.sh | sh
+````
+
+Alternatively, you can refer to the [Linux manual installation guide](https://github.com/jmorganca/ollama/blob/main/docs/linux.md).
+
+</Tabs.Tab>
+<Tabs.Tab>[Download Ollama for Windows](https://ollama.com/download) and install it.</Tabs.Tab>
+<Tabs.Tab>
+
+If you prefer using Docker, Ollama also provides an official Docker image, which you can pull using the following command:
+
+```bash
+docker pull ollama/ollama
+```
+
+</Tabs.Tab>
+</Tabs>
+
+### Pulling Models to Local with Ollama
+
+After installing Ollama, you can install models locally, for example, llama2:
+
+```bash
+ollama pull llama2
+```
+
+Ollama supports various models, and you can view the available model list in the [Ollama Library](https://ollama.com/library) and choose the appropriate model based on your needs.
+
+</Steps>
+
+Next, you can start conversing with the local LLM using LobeChat.
+
+<Video
+  width={832}
+  height={468}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/063788c8-9fef-4c6b-b837-96668ad6bc41"
+/>
+
+<Callout type={'info'}>
+  You can visit [Integrating with Ollama](/en/self-hosting/examples/ollama) to learn how to deploy
+  LobeChat to meet the integration requirements with Ollama.
+</Callout>
+
+## Custom Configuration
+
+You can find Ollama's configuration options in `Settings` -> `Language Model`, where you can configure Ollama's proxy, model name, and more.
+
+<Image
+  alt={'Ollama Service Provider Settings'}
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/da0db930-78ce-4262-b648-2b9e43c565c3'}
+  width={832}
+  height={274}
+/>

package/docs/usage/providers/ollama.zh-CN.mdx

@@ -0,0 +1,80 @@
+import { Callout, Steps, Tabs } from 'nextra/components';
+
+# 在 LobeChat 中使用 Ollama
+
+<Image
+  alt={'在 LobeChat 中使用 Ollama'}
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/a2a091b8-ac45-4679-b5e0-21d711e17fef'}
+  cover
+/>
+
+Ollama 是一款强大的本地运行大型语言模型（LLM）的框架，支持多种语言模型，包括 Llama 2, Mistral 等。现在，LobeChat 已经支持与 Ollama 的集成，这意味着你可以在 LobeChat 中轻松使用 Ollama 提供的语言模型来增强你的应用。
+
+本文档将指导你如何在 LobeChat 中使用 Ollama：
+
+<Steps>
+  ### 本地安装 Ollama
+
+首先，你需要安装 Ollama，Ollama 支持 macOS、Windows 和 Linux 系统。 根据你的操作系统，选择以下安装方式之一：
+
+  <Tabs items={['macOS', 'Linux','Windows (预览版)','Docker']}>
+    <Tabs.Tab>[下载 Ollama for macOS](https://ollama.com/download) 并解压。</Tabs.Tab>
+    <Tabs.Tab>
+
+      通过以下命令安装：
+
+      ```bash
+      curl -fsSL https://ollama.com/install.sh | sh
+      ```
+
+      或者，你也可以参考 [Linux 手动安装指南](https://github.com/ollama/ollama/blob/main/docs/linux.md)。
+
+    </Tabs.Tab>
+    <Tabs.Tab>[下载 Ollama for Windows](https://ollama.com/download) 并安装。</Tabs.Tab>
+    <Tabs.Tab>
+
+      如果你更倾向于使用 Docker，Ollama 也提供了官方 Docker 镜像，你可以通过以下命令拉取：
+
+      ```bash
+      docker pull ollama/ollama
+      ```
+
+    </Tabs.Tab>
+
+  </Tabs>
+
+### 用 Ollama 拉取模型到本地
+
+在安装完成 Ollama 后，你可以通过以下命安装模型，以 llama2 为例：
+
+```bash
+ollama pull llama2
+```
+
+Ollama 支持多种模型，你可以在 [Ollama Library](https://ollama.com/library) 中查看可用的模型列表，并根据需求选择合适的模型。
+
+</Steps>
+
+接下来，你就可以使用 LobeChat 与本地 LLM 对话了。
+
+<Video
+  width={832}
+  height={468}
+  src="https://github.com/lobehub/lobe-chat/assets/28616219/95828c11-0ae5-4dfa-84ed-854124e927a6"
+/>
+
+<Callout type={'info'}>
+  你可以前往 [与 Ollama 集成](/zh/self-hosting/examples/ollama) 了解如何部署 LobeChat ，以满足与
+  Ollama 的集成需求。
+</Callout>
+
+## 自定义配置
+
+你可以在 `设置` -> `语言模型` 中找到 Ollama 的配置选项，你可以在这里配置 Ollama 的代理、模型名称等。
+
+<Image
+  alt={'Ollama 服务商设置'}
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/da0db930-78ce-4262-b648-2b9e43c565c3'}
+  width={832}
+  height={274}
+/>

package/locales/ar/chat.json

@@ -19,6 +19,7 @@
     "title": "دردشة عشوائية"
   },
   "input": {
+    "more": "المزيد",
     "onlyAdd": "إضافة الرسالة فقط",
     "send": "إرسال",
     "sendWithCmdEnter": "اضغط {{meta}} + Enter للإرسال",

package/locales/de-DE/chat.json

@@ -19,6 +19,7 @@
     "title": "Lass uns plaudern"
   },
   "input": {
+    "more": "Mehr",
     "onlyAdd": "Nur Nachricht hinzufügen",
     "send": "Senden",
     "sendWithCmdEnter": "Mit {{meta}} + Eingabetaste senden",

package/locales/en-US/chat.json

@@ -19,6 +19,7 @@
     "title": "Just Chat"
   },
   "input": {
+    "more": "more",
     "onlyAdd": "Only add message",
     "send": "Send",
     "sendWithCmdEnter": "Press {{meta}} + Enter to send",

package/locales/es-ES/chat.json

@@ -19,6 +19,7 @@
     "title": "Charla casual"
   },
   "input": {
+    "more": "más",
     "onlyAdd": "Añadir solo",
     "send": "Enviar",
     "sendWithCmdEnter": "Enviar con {{meta}} + Enter",

package/locales/fr-FR/chat.json

@@ -19,6 +19,7 @@
     "title": "Discutons un peu"
   },
   "input": {
+    "more": "Plus",
     "onlyAdd": "Ajouter uniquement",
     "send": "Envoyer",
     "sendWithCmdEnter": "Envoyer avec {{meta}} + Entrée",

package/locales/it-IT/chat.json

@@ -19,6 +19,7 @@
     "title": "Chiacchierata casuale"
   },
   "input": {
+    "more": "Ulteriori",
     "onlyAdd": "Solo aggiungi messaggio",
     "send": "Invia",
     "sendWithCmdEnter": "Invia premendo {{meta}} + Invio",

package/locales/ja-JP/chat.json

@@ -19,6 +19,7 @@
     "title": "気軽におしゃべり"
   },
   "input": {
+    "more": "もっと",
     "onlyAdd": "メッセージのみ追加",
     "send": "送信",
     "sendWithCmdEnter": "{{meta}} + Enter キーで送信",

package/locales/ko-KR/chat.json

@@ -19,6 +19,7 @@
     "title": "무작위 대화"
   },
   "input": {
+    "more": "더 많은",
     "onlyAdd": "메시지만 추가",
     "send": "전송",
     "sendWithCmdEnter": "{{meta}} + Enter 키로 전송",

package/locales/nl-NL/chat.json

@@ -19,6 +19,7 @@
     "title": "Praat maar raak"
   },
   "input": {
+    "more": "Meer",
     "onlyAdd": "Alleen bericht toevoegen",
     "send": "Verzenden",
     "sendWithCmdEnter": "Verzenden met {{meta}} + Enter",

package/locales/pl-PL/chat.json

@@ -19,6 +19,7 @@
     "title": "Pogadajmy sobie"
   },
   "input": {
+    "more": "więcej",
     "onlyAdd": "Tylko dodaj wiadomość",
     "send": "Wyślij",
     "sendWithCmdEnter": "Wyślij za pomocą klawisza {{meta}} + Enter",

package/locales/pt-BR/chat.json

@@ -19,6 +19,7 @@
     "title": "Conversa Aleatória"
   },
   "input": {
+    "more": "mais",
     "onlyAdd": "Apenas adicionar mensagem",
     "send": "Enviar",
     "sendWithCmdEnter": "Pressione {{meta}} + Enter para enviar",

package/locales/ru-RU/chat.json

@@ -19,6 +19,7 @@
     "title": "Просто поболтаем"
   },
   "input": {
+    "more": "больше",
     "onlyAdd": "Только добавить сообщение",
     "send": "Отправить",
     "sendWithCmdEnter": "Отправить с помощью {{meta}} + Enter",

package/locales/tr-TR/chat.json

@@ -19,6 +19,7 @@
     "title": "Sohbet Et"
   },
   "input": {
+    "more": "Daha fazla",
     "onlyAdd": "Sadece mesaj ekle",
     "send": "Gönder",
     "sendWithCmdEnter": "{{meta}} + Enter tuşuna basarak gönder",

package/locales/vi-VN/chat.json

@@ -19,6 +19,7 @@
     "title": "Chuyện phiếm"
   },
   "input": {
+    "more": "Thêm",
     "onlyAdd": "Chỉ thêm tin nhắn",
     "send": "Gửi",
     "sendWithCmdEnter": "Nhấn {{meta}} + Enter để gửi",

package/locales/zh-CN/chat.json

@@ -19,6 +19,7 @@
     "title": "随便聊聊"
   },
   "input": {
+    "more": "更多",
     "onlyAdd": "仅添加消息",
     "send": "发送",
     "sendWithCmdEnter": "按 {{meta}} + Enter 键发送",

package/locales/zh-TW/chat.json

@@ -19,6 +19,7 @@
     "title": "隨便聊聊"
   },
   "input": {
+    "more": "更多",
     "onlyAdd": "僅新增訊息",
     "send": "發送",
     "sendWithCmdEnter": "按 {{meta}} + Enter 鍵發送",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.129.0",
+  "version": "0.129.2",
   "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",
@@ -74,7 +74,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5",
-    "@auth/core": "^0.26.3",
+    "@auth/core": "^0.27.0",
     "@aws-sdk/client-bedrock-runtime": "^3.503.1",
     "@azure/openai": "^1.0.0-beta.11",
     "@cfworker/json-schema": "^1",
@@ -82,9 +82,9 @@
     "@icons-pack/react-simple-icons": "^9",
     "@lobehub/chat-plugin-sdk": "latest",
     "@lobehub/chat-plugins-gateway": "latest",
-    "@lobehub/icons": "^1.10.2",
+    "@lobehub/icons": "^1.11.1",
     "@lobehub/tts": "latest",
-    "@lobehub/ui": "latest",
+    "@lobehub/ui": "^1.129.2",
     "@vercel/analytics": "^1",
     "ahooks": "^3",
     "ai": "^2",
@@ -107,7 +107,7 @@
     "modern-screenshot": "^4",
     "nanoid": "^5",
     "next": "^14.1",
-    "next-auth": "5.0.0-beta.11",
+    "next-auth": "beta",
     "next-sitemap": "^4.2.3",
     "numeral": "^2.0.6",
     "nuqs": "^1.15.4",

package/src/app/api/auth/next-auth.ts

@@ -6,10 +6,38 @@ import { getServerConfig } from '@/config/server';
 const { AUTH0_CLIENT_ID, ENABLE_OAUTH_SSO, AUTH0_CLIENT_SECRET, AUTH0_ISSUER, NEXTAUTH_SECRET } =
   getServerConfig();
 
+declare module '@auth/core/jwt' {
+  // Returned by the `jwt` callback and `auth`, when using JWT sessions
+  interface JWT {
+    userId?: string;
+  }
+}
+
 const nextAuth = NextAuth({
+  callbacks: {
+    // Note: Data processing order of callback: authorize --> jwt --> session
+    async jwt({ token, account }) {
+      // Auth.js will process the `providerAccountId` automatically
+      // ref: https://authjs.dev/reference/core/types#provideraccountid
+      if (account) {
+        token.userId = account.providerAccountId;
+      }
+      return token;
+    },
+    async session({ session, token }) {
+      // Pick userid from token
+      if (session.user) {
+        session.user.id = token.userId ?? session.user.id;
+      }
+      return session;
+    },
+  },
   providers: ENABLE_OAUTH_SSO
     ? [
         Auth0({
+          // Specify auth scope, at least include 'openid email'
+          // all scopes in Auth0 ref: https://auth0.com/docs/get-started/apis/scopes/openid-connect-scopes#standard-claims
+          authorization: { params: { scope: 'openid email profile' } },
           clientId: AUTH0_CLIENT_ID,
           clientSecret: AUTH0_CLIENT_SECRET,
           issuer: AUTH0_ISSUER,

package/src/app/chat/(desktop)/features/ChatInput/Footer/index.tsx

@@ -179,6 +179,7 @@ const Footer = memo<{ setExpand?: (expand: boolean) => void }>(({ setExpand }) =
                 trigger={['hover']}
               >
                 <Button
+                  aria-label={t('input.more')}
                   className={styles.arrow}
                   icon={<Icon icon={LucideChevronDown} />}
                   type={'primary'}

package/src/app/layout.tsx

@@ -1,4 +1,4 @@
-import { Viewport } from 'next';
+import { ResolvingViewport } from 'next';
 import { cookies } from 'next/headers';
 import { PropsWithChildren } from 'react';
 import { isRtlLang } from 'rtl-detect';
@@ -12,6 +12,7 @@ import {
   LOBE_THEME_PRIMARY_COLOR,
 } from '@/const/theme';
 import Layout from '@/layout/GlobalLayout';
+import { isMobileDevice } from '@/utils/responsive';
 
 import StyleRegistry from './StyleRegistry';
 
@@ -50,15 +51,20 @@ export default RootLayout;
 
 export { default as metadata } from './metadata';
 
-export const viewport: Viewport = {
-  initialScale: 1,
-  maximumScale: 1,
-  minimumScale: 1,
-  themeColor: [
-    { color: '#f8f8f8', media: '(prefers-color-scheme: light)' },
-    { color: '#000', media: '(prefers-color-scheme: dark)' },
-  ],
-  userScalable: false,
-  viewportFit: 'cover',
-  width: 'device-width',
+export const generateViewport = async (): ResolvingViewport => {
+  const isMobile = isMobileDevice();
+
+  const dynamicScale = isMobile ? { maximumScale: 1, userScalable: false } : {};
+
+  return {
+    ...dynamicScale,
+    initialScale: 1,
+    minimumScale: 1,
+    themeColor: [
+      { color: '#f8f8f8', media: '(prefers-color-scheme: light)' },
+      { color: '#000', media: '(prefers-color-scheme: dark)' },
+    ],
+    viewportFit: 'cover',
+    width: 'device-width',
+  };
 };

package/src/app/settings/tts/page.tsx

@@ -11,7 +11,7 @@ export default memo(() => {
   const { t } = useTranslation('setting');
   return (
     <>
-      <PageTitle title={t('tab.llm')} />
+      <PageTitle title={t('tab.tts')} />
       <TTS />
     </>
   );

package/src/features/AvatarWithUpload/index.tsx

@@ -1,9 +1,9 @@
-import { Logo } from '@lobehub/ui';
 import { Upload } from 'antd';
 import { createStyles } from 'antd-style';
 import Avatar from 'next/image';
 import { CSSProperties, memo } from 'react';
 
+import { imageUrl } from '@/const/url';
 import { useGlobalStore } from '@/store/global';
 import { commonSelectors } from '@/store/global/selectors';
 import { imageToBase64 } from '@/utils/imageToBase64';
@@ -55,11 +55,12 @@ const AvatarWithUpload = memo<AvatarWithUploadProps>(
     return (
       <div className={styles} id={id} style={{ maxHeight: size, maxWidth: size, ...style }}>
         <Upload beforeUpload={handleUploadAvatar} itemRender={() => void 0} maxCount={1}>
-          {avatar ? (
-            <Avatar alt={'avatar'} height={size} src={avatar} width={size} />
-          ) : (
-            <Logo size={size} />
-          )}
+          <Avatar
+            alt={avatar ? 'userAvatar' : 'LobeChat'}
+            height={size}
+            src={!!avatar ? avatar : imageUrl('logo.png')}
+            width={size}
+          />
         </Upload>
       </div>
     );

package/src/features/SideBar/BottomActions.tsx

@@ -17,7 +17,7 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { ABOUT, CHANGELOG, DISCORD, DOCUMENTS, FEEDBACK, GITHUB } from '@/const/url';
+import { ABOUT, CHANGELOG, DISCORD, DOCUMENTS, FEEDBACK } from '@/const/url';
 import DataImporter from '@/features/DataImporter';
 import { configService } from '@/services/config';
 import { GlobalStore, useGlobalStore } from '@/store/global';
@@ -120,13 +120,10 @@ const BottomActions = memo<BottomActionProps>(({ tab }) => {
 
   return (
     <>
-      <ActionIcon
-        icon={Github}
-        onClick={() => window.open(GITHUB)}
-        placement={'right'}
-        title={'GitHub'}
-      />
-      <Link href={DOCUMENTS} target={'_blank'}>
+      <Link aria-label={'GitHub'} href={DOCUMENTS} target={'_blank'}>
+        <ActionIcon icon={Github} placement={'right'} title={'GitHub'} />
+      </Link>
+      <Link aria-label={t('document')} href={DOCUMENTS} target={'_blank'}>
         <ActionIcon icon={Book} placement={'right'} title={t('document')} />
       </Link>
       <Dropdown arrow={false} menu={{ items }} trigger={['click']}>

package/src/features/SideBar/TopActions.tsx

@@ -19,6 +19,7 @@ const TopActions = memo<TopActionProps>(({ tab }) => {
   return (
     <>
       <Link
+        aria-label={t('tab.chat')}
         href={'/chat'}
         onClick={(e) => {
           e.preventDefault();
@@ -33,7 +34,7 @@ const TopActions = memo<TopActionProps>(({ tab }) => {
           title={t('tab.chat')}
         />
       </Link>
-      <Link href={'/market'}>
+      <Link aria-label={t('tab.market')} href={'/market'}>
         <ActionIcon
           active={tab === SidebarTabKey.Market}
           icon={Compass}

package/src/locales/default/chat.ts

@@ -21,6 +21,7 @@ export default {
     title: '随便聊聊',
   },
   input: {
+    more: '更多',
     onlyAdd: '仅添加消息',
     send: '发送',
     sendWithCmdEnter: '按 {{meta}} + Enter 键发送',