@lobehub/chat 1.11.1 → 1.11.3

package/.nvmrc

@@ -1 +1 @@
-lts/hydrogen
+lts/iron

package/CHANGELOG.md

@@ -2,6 +2,48 @@
 
 # Changelog
 
+### [Version 1.11.3](https://github.com/lobehub/lobe-chat/compare/v1.11.2...v1.11.3)
+
+<sup>Released on **2024-08-17**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Refactor PanelTitle and move commit from file uploading.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Refactor PanelTitle and move commit from file uploading, closes [#3491](https://github.com/lobehub/lobe-chat/issues/3491) ([d03d9f6](https://github.com/lobehub/lobe-chat/commit/d03d9f6))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.11.2](https://github.com/lobehub/lobe-chat/compare/v1.11.1...v1.11.2)
+
+<sup>Released on **2024-08-17**</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.11.1](https://github.com/lobehub/lobe-chat/compare/v1.11.0...v1.11.1)
 
 <sup>Released on **2024-08-15**</sup>

package/Dockerfile.database

@@ -1,20 +1,32 @@
 ## Base image for all the stages
 FROM node:20-alpine AS base
 
+ARG USE_CN_MIRROR
+
 RUN \
+    # If you want to build docker in China, build with --build-arg USE_CN_MIRROR=true
+    if [ "${USE_CN_MIRROR:-false}" = "true" ]; then \
+        sed -i "s/dl-cdn.alpinelinux.org/mirrors.ustc.edu.cn/g" "/etc/apk/repositories"; \
+    fi \
+    # Add required package & update base package
+    && apk update \
+    && apk add --no-cache bind-tools proxychains-ng \
+    && apk upgrade --no-cache \
     # Add user nextjs to run the app
-    addgroup --system --gid 1001 nodejs \
-    && adduser --system --uid 1001 nextjs
+    && addgroup --system --gid 1001 nodejs \
+    && adduser --system --uid 1001 nextjs \
+    && chown -R nextjs:nodejs "/etc/proxychains" \
+    && rm -rf /tmp/* /var/cache/apk/*
 
 ## Builder image, install all the dependencies and build the app
 FROM base AS builder
 
-ARG USE_NPM_CN_MIRROR
+ARG USE_CN_MIRROR
 
-ENV KEY_VAULTS_SECRET="use-for-build" \
-  NEXT_PUBLIC_SERVICE_MODE="server" \
-  DATABASE_DRIVER="node" \
-  DATABASE_URL="postgres://postgres:password@localhost:5432/postgres"
+ENV NEXT_PUBLIC_SERVICE_MODE="server" \
+    DATABASE_DRIVER="node" \
+    DATABASE_URL="postgres://postgres:password@localhost:5432/postgres" \
+    KEY_VAULTS_SECRET="use-for-build"
 
 # Sentry
 ENV NEXT_PUBLIC_SENTRY_DSN="" \
@@ -40,8 +52,8 @@ COPY package.json ./
 COPY .npmrc ./
 
 RUN \
-    # If you want to build docker in China, build with --build-arg USE_NPM_CN_MIRROR=true
-    if [ "${USE_NPM_CN_MIRROR:-false}" = "true" ]; then \
+    # If you want to build docker in China, build with --build-arg USE_CN_MIRROR=true
+    if [ "${USE_CN_MIRROR:-false}" = "true" ]; then \
         export SENTRYCLI_CDNURL="https://npmmirror.com/mirrors/sentry-cli"; \
         npm config set registry "https://registry.npmmirror.com/"; \
     fi \
@@ -94,26 +106,29 @@ ENV HOSTNAME="0.0.0.0" \
     PORT="3210"
 
 # General Variables
-ENV API_KEY_SELECT_MODE="" \
-    FEATURE_FLAGS=""
+ENV ACCESS_CODE="" \
+    API_KEY_SELECT_MODE="" \
+    DEFAULT_AGENT_CONFIG="" \
+    SYSTEM_AGENT="" \
+    FEATURE_FLAGS="" \
+    PROXY_URL=""
 
 # Database
 ENV KEY_VAULTS_SECRET="" \
-DATABASE_DRIVER="node" \
-DATABASE_URL=""
+    DATABASE_DRIVER="node" \
+    DATABASE_URL=""
 
 # Next Auth
 ENV NEXT_AUTH_SECRET="" \
-ACCESS_CODE="" \
-NEXTAUTH_URL="" \
-NEXT_AUTH_SSO_PROVIDERS=""
+    NEXT_AUTH_SSO_PROVIDERS="" \
+    NEXTAUTH_URL=""
 
 # S3
-ENV S3_ACCESS_KEY_ID="" \
-    S3_SECRET_ACCESS_KEY="" \
-    NEXT_PUBLIC_S3_DOMAIN="" \
+ENV NEXT_PUBLIC_S3_DOMAIN="" \
+    S3_ACCESS_KEY_ID="" \
+    S3_BUCKET="" \
     S3_ENDPOINT="" \
-    S3_BUCKET=""
+    S3_SECRET_ACCESS_KEY=""
 
 # Model Variables
 ENV \
@@ -166,5 +181,38 @@ USER nextjs
 
 EXPOSE 3210/tcp
 
-# run migration , then run app
-CMD ["sh", "-c", "node /app/docker.cjs && node /app/server.js"]
+CMD \
+    if [ -n "$PROXY_URL" ]; then \
+        # Set regex for IPv4
+        IP_REGEX="^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$"; \
+        # Set proxychains command
+        PROXYCHAINS="proxychains -q"; \
+        # Parse the proxy URL
+        host_with_port="${PROXY_URL#*//}"; \
+        host="${host_with_port%%:*}"; \
+        port="${PROXY_URL##*:}"; \
+        protocol="${PROXY_URL%%://*}"; \
+        # Resolve to IP address if the host is a domain
+        if ! [[ "$host" =~ "$IP_REGEX" ]]; then \
+            nslookup=$(nslookup -q="A" "$host" | tail -n +3 | grep 'Address:'); \
+            if [ -n "$nslookup" ]; then \
+                host=$(echo "$nslookup" | tail -n 1 | awk '{print $2}'); \
+            fi; \
+        fi; \
+        # Generate proxychains configuration file
+        printf "%s\n" \
+            'localnet 127.0.0.0/255.0.0.0' \
+            'localnet ::1/128' \
+            'proxy_dns' \
+            'remote_dns_subnet 224' \
+            'strict_chain' \
+            'tcp_connect_time_out 8000' \
+            'tcp_read_time_out 15000' \
+            '[ProxyList]' \
+            "$protocol $host $port" \
+        > "/etc/proxychains/proxychains.conf"; \
+    fi; \
+    # Run migration
+    node "/app/docker.cjs"; \
+    # Run the server
+    ${PROXYCHAINS} node "/app/server.js";

package/README.md

@@ -308,7 +308,7 @@ LobeChat supports multi-user management and provides two main user authenticatio
 
 - **next-auth**: LobeChat integrates `next-auth`, a flexible and powerful identity verification library that supports multiple authentication methods, including OAuth, email login, credential login, etc. With `next-auth`, you can easily implement user registration, login, session management, social login, and other functions to ensure the security and privacy of user data.
 
-- **Clerk**: For users who need more advanced user management features, LobeChat also supports `Clerk`, a modern user management platform. `Clerk` provides richer functions, such as multi-factor authentication (MFA), user profile management, login activity monitoring, etc. With `Clerk`, you can get higher security and flexibility, and easily cope with complex user management needs.
+- [**Clerk**](https://go.clerk.com/exgqLG0): For users who need more advanced user management features, LobeChat also supports `Clerk`, a modern user management platform. `Clerk` provides richer functions, such as multi-factor authentication (MFA), user profile management, login activity monitoring, etc. With `Clerk`, you can get higher security and flexibility, and easily cope with complex user management needs.
 
 Regardless of which user management solution you choose, LobeChat can provide you with an excellent user experience and powerful functional support.
 

package/README.zh-CN.md

@@ -296,7 +296,7 @@ LobeChat 支持多用户管理，提供了两种主要的用户认证和管理
 
 - **next-auth**：LobeChat 集成了 `next-auth`，一个灵活且强大的身份验证库，支持多种身份验证方式，包括 OAuth、邮件登录、凭证登录等。通过 `next-auth`，您可以轻松实现用户的注册、登录、会话管理以及社交登录等功能，确保用户数据的安全性和隐私性。
 
-- **Clerk**：对于需要更高级用户管理功能的用户，LobeChat 还支持 `Clerk`，一个现代化的用户管理平台。`Clerk` 提供了更丰富的功能，如多因素认证 (MFA)、白名单、用户管理、登录活动监控等。通过 `Clerk`，您可以获得更高的安全性和灵活性，轻松应对生产级的用户管理需求。
+- [**Clerk**](https://go.clerk.com/exgqLG0)：对于需要更高级用户管理功能的用户，LobeChat 还支持 `Clerk`，一个现代化的用户管理平台。`Clerk` 提供了更丰富的功能，如多因素认证 (MFA)、白名单、用户管理、登录活动监控等。通过 `Clerk`，您可以获得更高的安全性和灵活性，轻松应对生产级的用户管理需求。
 
 您可以根据自己的需求，选择合适的用户管理方案。
 

package/docs/self-hosting/server-database/vercel.mdx

@@ -1,8 +1,7 @@
 ---
 title: Deploy LobeChat with database on Vercel
 description: >-
-  Learn how to deploy LobeChat with database on Vercel with ease, including:
-  database, authentication and S3 storage service.
+  Learn how to deploy LobeChat with database on Vercel with ease, including: database, authentication and S3 storage service.
 tags:
   - Deploy LobeChat
   - Vercel Deployment
@@ -44,55 +43,64 @@ In Vercel's deployment environment variables, add `DATABASE_URL` and other envir
 
 <Tab>
 
-  <Callout type={'warning'}>
-    Please confirm the `Postgres` type provided by your vendor. If it is `Node Postgres`, switch to the `Node Postgres` Tab.
+<Callout type={'warning'}>
+  Please confirm the `Postgres` type provided by your vendor. If it is `Node Postgres`, switch to
+  the `Node Postgres` Tab.
 </Callout>
 
-  Variables to be filled for Serverless Postgres are as follows:
+Variables to be filled for Serverless Postgres are as follows:
 
-  ```shell
-  # Serverless Postgres DB Url
-  DATABASE_URL=
+```shell
+# Serverless Postgres DB Url
+DATABASE_URL=
 
-  # Specify service mode as server, otherwise it will not enter the server-side database
-  NEXT_PUBLIC_SERVICE_MODE=server
-  ```
+# Specify service mode as server, otherwise it will not enter the server-side database
+NEXT_PUBLIC_SERVICE_MODE=server
+```
 
-  An example of filling in Vercel is as follows:
+An example of filling in Vercel is as follows:
 
-  <Image alt={'Add Serverless Postgres DATABASE_URL'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/d4a710cd-6404-4196-90d0-cd08ca385074'}></Image>
+<Image
+  alt={'Add Serverless Postgres DATABASE_URL'}
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/d4a710cd-6404-4196-90d0-cd08ca385074'}
+/>
 
 </Tab>
 
 <Tab>
   Variables to be filled for Node Postgres are as follows:
 
-  ```shell
-  # Node Postgres DB Url
-  DATABASE_URL=
+```shell
+# Node Postgres DB Url
+DATABASE_URL=
 
-  # Specify Postgres database driver as node
-  DATABASE_DRIVER=node
+# Specify Postgres database driver as node
+DATABASE_DRIVER=node
 
-  # Specify service mode as server, otherwise it will not enter the server-side database
-  NEXT_PUBLIC_SERVICE_MODE=server
-  ```
+# Specify service mode as server, otherwise it will not enter the server-side database
+NEXT_PUBLIC_SERVICE_MODE=server
+```
 
-  An example of filling in Vercel is as follows:
+An example of filling in Vercel is as follows:
 
-  <Image alt={'Add Node Postgres DATABASE_URL'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/1c689738-809b-4199-b305-ba5770d39da7'}></Image>
+<Image
+  alt={'Add Node Postgres DATABASE_URL'}
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/1c689738-809b-4199-b305-ba5770d39da7'}
+/>
 
 </Tab>
 
 </Tabs>
 
 <Callout type={'info'}>
-If you wish to enable SSL when connecting to the database, please refer to the [link](https://stackoverflow.com/questions/14021998/using-psql-to-connect-to-postgresql-in-ssl-mode) for setup instructions.
+  If you wish to enable SSL when connecting to the database, please refer to the
+  [link](https://stackoverflow.com/questions/14021998/using-psql-to-connect-to-postgresql-in-ssl-mode)
+  for setup instructions.
 </Callout>
 
 ### Add the `KEY_VAULTS_SECRET` Environment Variable
 
-After adding the DATABASE\_URL environment variable for the database, you need to add a `KEY_VAULTS_SECRET` environment variable. This variable is used to encrypt sensitive information such as apikeys stored by users. You can generate a random 32-character string as the key using `openssl rand -base64 32`.
+After adding the DATABASE_URL environment variable for the database, you need to add a `KEY_VAULTS_SECRET` environment variable. This variable is used to encrypt sensitive information such as apikeys stored by users. You can generate a random 32-character string as the key using `openssl rand -base64 32`.
 
 ```shell
 KEY_VAULTS_SECRET=jgwsK28dspyVQoIf8/M3IIHl1h6LYYceSYNXeLpy6uk=
@@ -110,10 +118,11 @@ The server-side database needs to be paired with a user authentication service t
 
 ### Prepare Clerk Authentication Service
 
-Go to [Clerk](https://clerk.com?utm_source=lobehub\&utm_medium=docs) to register and create an application to obtain the corresponding Public Key and Secret Key.
+Go to [Clerk](https://clerk.com?utm_source=lobehub&utm_medium=docs) to register and create an application to obtain the corresponding Public Key and Secret Key.
 
 <Callout type={'info'}>
-If you are not familiar with Clerk, you can refer to [Authentication Service-Clerk](/en/docs/self-hosting/advanced/authentication#clerk) for details on using Clerk.
+  If you are not familiar with Clerk, you can refer to [Authentication
+  Service-Clerk](/en/docs/self-hosting/advanced/authentication#clerk) for details on using Clerk.
 </Callout>
 
 ### Add Public and Private Key Environment Variables in Vercel
@@ -121,11 +130,9 @@ If you are not familiar with Clerk, you can refer to [Authentication Service-Cle
 In Vercel's deployment environment variables, add the `NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY` and `CLERK_SECRET_KEY` environment variables. You can click on "API Keys" in the menu, then copy the corresponding values and paste them into Vercel's environment variables.
 
 <Image
-alt={'Find the corresponding public and private key environment variables in Clerk'}
-src={'https://github.com/lobehub/lobe-chat/assets/28616219/89883703-7a1a-4a11-b944-5d804544e57c'}>
-
->
-</Image>
+  alt={'Find the corresponding public and private key environment variables in Clerk'}
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/89883703-7a1a-4a11-b944-5d804544e57c'}
+/>
 
 The environment variables required for this step are as follows:
 
@@ -137,11 +144,9 @@ CLERK_SECRET_KEY=sk_live_xxxxxxxxxxxxxxxxxxxxxx
 Add the above variables to Vercel:
 
 <Image
-alt={'Add Clerk public and private key environment variables in Vercel'}
-src={'https://github.com/lobehub/lobe-chat/assets/28616219/2bfa13df-6e20-4768-97c0-4dad06c85a2f'}>
-
->
-</Image>
+  alt={'Add Clerk public and private key environment variables in Vercel'}
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/2bfa13df-6e20-4768-97c0-4dad06c85a2f'}
+/>
 
 ### Create and Configure Webhook in Clerk
 
@@ -150,21 +155,22 @@ Since we let Clerk fully handle user authentication and management, we need Cler
 We need to add an endpoint in Clerk's Webhooks to inform Clerk to send notifications to this endpoint when a user's information changes.
 
 <Image
-alt={'Add Webhooks endpoint in Clerk'}
-src={'https://github.com/lobehub/lobe-chat/assets/28616219/f50f47fb-5e8e-4930-bf4e-8cf6f5b8afb9'}>
-
->
-</Image>
+  alt={'Add Webhooks endpoint in Clerk'}
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/f50f47fb-5e8e-4930-bf4e-8cf6f5b8afb9'}
+/>
 
 Fill in the endpoint with the URL of your Vercel project, such as `https://your-project.vercel.app/api/webhooks/clerk`. Then, subscribe to events by checking the three user events (`user.created`, `user.deleted`, `user.updated`), and click create.
 
-<Callout type={'warning'}>The `https://` in the URL is essential to maintain the integrity of the URL.</Callout>
+<Callout type={'warning'}>
+  The `https://` in the URL is essential to maintain the integrity of the URL.
+</Callout>
 
 <Image
 alt={'Configure URL and user events when adding Clerk Webhooks'}
 src={'https://github.com/lobehub/lobe-chat/assets/28616219/0249ea56-ab17-4aa9-a56c-9ebd556c2645'}>
 
 >
+
 </Image>
 
 ### Add Webhook Secret to Vercel Environment Variables
@@ -176,6 +182,7 @@ alt={'View Clerk Webhooks secret'}
 src={'https://github.com/lobehub/lobe-chat/assets/28616219/fab4abb2-584b-49de-9340-813382951635'}>
 
 >
+
 </Image>
 
 The environment variable corresponding to this secret is `CLERK_WEBHOOK_SECRET`:
@@ -187,11 +194,9 @@ CLERK_WEBHOOK_SECRET=whsec_xxxxxxxxxxxxxxxxxxxxxx
 Add it to Vercel's environment variables:
 
 <Image
-alt={'Add Clerk Webhooks secret in Vercel'}
-src={'https://github.com/lobehub/lobe-chat/assets/28616219/5fdc9479-007f-46ab-9d6e-a9603e949116'}>
-
->
-</Image>
+  alt={'Add Clerk Webhooks secret in Vercel'}
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/5fdc9479-007f-46ab-9d6e-a9603e949116'}
+/>
 
 </Steps>
 
@@ -202,7 +207,9 @@ By completing these steps, you have successfully configured the Clerk authentica
 In the server-side database, we need to configure the S3 storage service to store files.
 
 <Callout type={'info'}>
-In this article, S3 refers to a compatible S3 storage solution, which supports object storage systems that comply with the Amazon S3 API. Common examples include Cloudflare R2, Alibaba Cloud OSS, etc., all of which support S3-compatible APIs.
+  In this article, S3 refers to a compatible S3 storage solution, which supports object storage
+  systems that comply with the Amazon S3 API. Common examples include Cloudflare R2, Alibaba Cloud
+  OSS, etc., all of which support S3-compatible APIs.
 </Callout>
 
 <Steps>
@@ -216,13 +223,14 @@ The interface of Cloudflare R2 is shown below:
 <Image
   alt={'Cloudflare R2 Storage Interface'}
   src={'https://github.com/lobehub/lobe-chat/assets/28616219/41f7f677-0153-4a96-b849-5ac9b7ebefee'}
-></Image>
+/>
 
 When creating a storage bucket, specify its name and then click create.
+
 <Image
   alt={'Create Storage Bucket in R2'}
   src={'https://github.com/lobehub/lobe-chat/assets/28616219/9c0d184c-3169-40fa-9115-011cfffb9ca7'}
-></Image>
+/>
 
 ### Obtain Environment Variables for the Bucket
 
@@ -231,7 +239,7 @@ In the settings of the R2 storage bucket, you can view the bucket configuration
 <Image
   alt={'View Storage Bucket Information'}
   src={'https://github.com/lobehub/lobe-chat/assets/28616219/2ceb210c-eca0-4439-ba27-8734d4ebb3ee'}
-></Image>
+/>
 
 The corresponding environment variables are:
 
@@ -244,7 +252,9 @@ S3_ENDPOINT=https://0b33a03b5c993fd2f453379dc36558e5.r2.cloudflarestorage.com
 NEXT_PUBLIC_S3_DOMAIN=https://s3-for-lobechat.your-domain.com
 ```
 
-<Callout type={'warning'}>`S3_ENDPOINT` must have its path removed, otherwise uploaded files will not be accessible</Callout>
+<Callout type={'warning'}>
+  `S3_ENDPOINT` must have its path removed, otherwise uploaded files will not be accessible
+</Callout>
 
 ### Obtain S3 Key Environment Variables
 
@@ -253,28 +263,28 @@ You need to obtain the access key for S3 so that the LobeChat server has permiss
 <Image
   alt={'View Storage Bucket Access Key'}
   src={'https://github.com/lobehub/lobe-chat/assets/28616219/be0c95c0-6693-44ee-a490-7e8dfaa8b34d'}
-></Image>
+/>
 
 Click the button in the upper right corner to create an API token and enter the create API Token page.
 
 <Image
   alt={'Create Corresponding API Token'}
   src={'https://github.com/lobehub/lobe-chat/assets/28616219/7b0ea46c-5157-40a8-888f-f47664a4884f'}
-></Image>
+/>
 
 Since our server-side database needs to read and write to the S3 storage service, the permission needs to be set to `Object Read and Write`, then click create.
 
 <Image
   alt={'Configure API Token Permissions'}
   src={'https://github.com/lobehub/lobe-chat/assets/28616219/d6f5a918-7b50-4d6e-83a6-3894ab930ddf'}
-></Image>
+/>
 
 After creation, you can see the corresponding S3 API token.
 
 <Image
   alt={'Copy API Token'}
   src={'https://github.com/lobehub/lobe-chat/assets/28616219/763b18f9-2b5f-44bb-a479-9b56d46f7397'}
-></Image>
+/>
 
 The corresponding environment variables are:
 
@@ -287,7 +297,9 @@ S3_SECRET_ACCESS_KEY=55af75d8eb6b99f189f6a35f855336ea62cd9c4751a5cf4337c53c1d3f4
 
 The steps to obtain the required environment variables may vary for different S3 service providers, but the obtained environment variables should be consistent:
 
-<Callout type={'warning'}>The `https://` in the URL is essential and must be maintained for the completeness of the URL.</Callout>
+<Callout type={'warning'}>
+  The `https://` in the URL is essential and must be maintained for the completeness of the URL.
+</Callout>
 
 ```shell
 # S3 Keys
@@ -310,7 +322,7 @@ Then, insert the above environment variables into Vercel's environment variables
 <Image
   alt={'Adding S3 environment variables in Vercel'}
   src={'https://github.com/lobehub/lobe-chat/assets/28616219/cd74152d-0ae8-44fd-b815-3307c56a3c18'}
-></Image>
+/>
 
 ### Configuring Cross-Origin Resource Sharing (CORS)
 
@@ -328,7 +340,7 @@ Add a CORS rule to allow requests from your domain (in this case, `https://your-
 <Image
   alt={'Configuring allowed site domain'}
   src={'https://github.com/lobehub/lobe-chat/assets/28616219/dfcc2cb3-2958-4498-a8a4-51bec584fe7d'}
-></Image>
+/>
 
 Example configuration:
 
@@ -356,11 +368,9 @@ After completing the steps above, the configuration of the server-side database
 After configuring the environment variables, you need to redeploy the latest commit and wait for the deployment to complete.
 
 <Image
-alt={'Redeploy the latest commit'}
-src={'https://github.com/lobehub/lobe-chat/assets/28616219/b3a78112-adc8-4837-b4e3-48f67058f16e'}>
-
->
-</Image>
+  alt={'Redeploy the latest commit'}
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/b3a78112-adc8-4837-b4e3-48f67058f16e'}
+/>
 
 ### Check if the features are working properly
 
@@ -368,18 +378,12 @@ If you click on the login button in the top left corner and the login popup appe
 
 <Image
 alt={'User login popup'}
-src={'https://github.com/lobehub/lobe-chat/assets/28616219/da84edc3-46f7-4e2b-a0cd-dc33a98bf5cb'}>
-
->
-</Image>
+src={'https://github.com/lobehub/lobe-chat/assets/28616219/da84edc3-46f7-4e2b-a0cd-dc33a98bf5cb'}/>
 
 <Image
 alt={'Login successful state'}
-src={'https://github.com/lobehub/lobe-chat/assets/28616219/9cb5150d-6e1e-4c59-9a18-4e418dce1a5d'}>
-
->
-</Image>
-
+src={'https://github.com/lobehub/lobe-chat/assets/28616219/9cb5150d-6e1e-4c59-9a18-4e418dce1a5d'}/>
+  
 </Steps>
 
 ## Appendix
@@ -415,4 +419,3 @@ NEXT_PUBLIC_S3_DOMAIN=https://s3-for-lobechat.your-domain.com
 # Bucket region, such as us-west-1, generally not needed to add, but some service providers may require configuration
 # S3_REGION=us-west-1
 ```
-

package/docs/self-hosting/start.zh-CN.mdx

@@ -32,6 +32,6 @@ LobeChat 支持多种部署平台，包括 Vercel、Docker 和 Docker Compose
 
 针对已经了解 LobeChat 的用户，或需要多端同步的用户，可以自行部署带有服务端数据库的版本，进而获得更完整、功能更强大的 LobeChat。
 
-<Cards>
-<Card href={'/zh/docs/self-hosting/server-database'} title={'服务端数据库部署指南'} />
+<Cards rows={1}>
+  <Card href={'/zh/docs/self-hosting/server-database'} title={'服务端数据库部署指南'} />
 </Cards>

package/docs/usage/providers/siliconcloud.mdx

@@ -1,6 +1,8 @@
 ---
 title: Using SiliconCloud API Key in LobeChat
-description: Learn how to configure and use SiliconCloud's large language models in LobeChat, get your API key, and start chatting.
+description: >-
+  Learn how to configure and use SiliconCloud's large language models in
+  LobeChat, get your API key, and start chatting.
 tags:
   - LobeChat
   - SiliconCloud
@@ -10,7 +12,6 @@ tags:
 
 # Using SiliconCloud in LobeChat
 
-
 [SiliconCloud](https://siliconflow.cn/zh-cn/siliconcloud) is a cost-effective large model service provider, offering various services such as text generation and image generation.
 
 This document will guide you on how to use SiliconCloud in LobeChat:
@@ -43,4 +44,4 @@ This document will guide you on how to use SiliconCloud in LobeChat:
 
 </Steps>
 
-Now you can use the models provided by SiliconCloud for conversation in LobeChat.
+Now you can use the models provided by SiliconCloud for conversation in LobeChat.

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

@@ -10,7 +10,6 @@ tags:
 
 # 在 LobeChat 中使用 SiliconCloud
 
-
 [SiliconCloud](https://siliconflow.cn/zh-cn/siliconcloud) 是高性价比的大模型服务提供商，提供文本生成与图片生成等多种服务。
 
 本文档将指导你如何在 LobeChat 中使用 SiliconCloud:

package/locales/ar/common.json

@@ -13,6 +13,7 @@
   "autoGenerate": "توليد تلقائي",
   "autoGenerateTooltip": "إكمال تلقائي بناءً على الكلمات المقترحة لوصف المساعد",
   "autoGenerateTooltipDisabled": "الرجاء إدخال كلمة تلميح قبل تفعيل وظيفة الإكمال التلقائي",
+  "batchDelete": "حذف دفعة",
   "blog": "مدونة المنتجات",
   "cancel": "إلغاء",
   "changelog": "سجل التغييرات",
@@ -31,6 +32,7 @@
   "defaultSession": "جلسة افتراضية",
   "delete": "حذف",
   "document": "وثيقة الاستخدام",
+  "download": "تحميل",
   "duplicate": "إنشاء نسخة",
   "edit": "تحرير",
   "export": "تصدير الإعدادات",
@@ -192,6 +194,7 @@
   },
   "tab": {
     "chat": "الدردشة",
+    "files": "ملفات",
     "market": "الاكتشاف",
     "me": "أنا",
     "setting": "الإعدادات"