@lobehub/lobehub 2.0.0-next.382 → 2.0.0-next.384

package/docs/development/basic/contributing-guidelines.zh-CN.mdx

@@ -1,14 +1,21 @@
 ---
 title: 代码风格与贡献指南
+description: 了解 LobeHub 的代码规范和贡献流程，确保代码一致性。
+tags:
+  - 代码风格
+  - 贡献指南
+  - LobeHub
+  - ESLint
+  - Prettier
 ---
 
 # 代码风格与贡献指南
 
-欢迎来到 LobeChat 的代码风格与贡献指南。本指南将帮助您理解我们的代码规范和贡献流程，确保代码的一致性和项目的顺利进行。
+欢迎来到 LobeHub 的代码风格与贡献指南。本指南将帮助您理解我们的代码规范和贡献流程，确保代码的一致性和项目的顺利进行。
 
 ## 代码风格
 
-在 LobeChat 中，我们使用 [@lobehub/lint](https://github.com/lobehub/lobe-lint) 程序包来统一代码风格。该程序包内置了 `ESLint`、`Prettier`、`remarklint` 和 `stylelint` 的配置，以确保我们的 JavaScript、Markdown 和 CSS 文件遵循相同的编码标准。
+在 LobeHub 中，我们使用 [@lobehub/lint](https://github.com/lobehub/lobe-lint) 程序包来统一代码风格。该程序包内置了 `ESLint`、`Prettier`、`remarklint` 和 `stylelint` 的配置，以确保我们的 JavaScript、Markdown 和 CSS 文件遵循相同的编码标准。
 
 ### ESLint
 
@@ -36,7 +43,7 @@ Prettier 负责代码格式化，以保证代码的一致性。您可以在 `.pr
 
 ## 贡献流程
 
-LobeChat 采用 gitmoji 和 semantic release 作为我们的代码提交和发布流程。
+LobeHub 采用 gitmoji 和 semantic release 作为我们的代码提交和发布流程。
 
 ### Gitmoji
 

package/docs/development/basic/feature-development-frontend.mdx

@@ -1,10 +1,19 @@
 ---
 title: How to Develop a New Feature
+description: >-
+  Learn how to implement the Chat Messages feature in LobeHub using Next.js and
+  TypeScript.
+tags:
+  - LobeHub
+  - Next.js
+  - TypeScript
+  - Chat Feature
+  - Zustand
 ---
 
 # How to Develop a New Feature
 
-LobeChat is built on the Next.js framework and uses TypeScript as the primary development language. When developing a new feature, we need to follow a certain development process to ensure the quality and stability of the code. The general process can be divided into the following five steps:
+LobeHub is built on the Next.js framework and uses TypeScript as the primary development language. When developing a new feature, we need to follow a certain development process to ensure the quality and stability of the code. The general process can be divided into the following five steps:
 
 1. Routing: Define routes (`src/app`).
 2. Data Structure: Define data structures (`src/types`).
@@ -80,7 +89,7 @@ const ChatPage = () => {
       renderItem={(message) => (
         <List.Item>
           <Typography.Text>{message.content}</Typography.Text>
-       
+
 </List.Item>
       )}
     />
@@ -90,7 +99,7 @@ const ChatPage = () => {
 export default ChatPage;
 ```
 
-> **Note on Feature Organization**: LobeChat uses two patterns for organizing features:
+> **Note on Feature Organization**: LobeHub uses two patterns for organizing features:
 >
 > - **Global features** (`src/features/`): Shared components like `ChatInput`, `Conversation` used across the app
 > - **Page-specific features** (`src/app/<page>/features/`): Components used only within a specific page route
@@ -119,12 +128,12 @@ const ChatPage = () => {
         renderItem={(message) => (
           <List.Item>
             <Typography.Text>{message.content}</Typography.Text>
-         
+
 </List.Item>
         )}
       />
       <Button onClick={handleSend}>Send</Button>
-   
+
 </>
   );
 };
@@ -132,4 +141,4 @@ const ChatPage = () => {
 export default ChatPage;
 ```
 
-The above is the step to implement the "chat message" feature in LobeChat. Of course, in the actual development of LobeChat, the business requirements and scenarios faced in real situations are far more complex than the above demo. Please develop according to the actual situation.
+The above is the step to implement the "chat message" feature in LobeHub. Of course, in the actual development of LobeHub, the business requirements and scenarios faced in real situations are far more complex than the above demo. Please develop according to the actual situation.

package/docs/development/basic/feature-development-frontend.zh-CN.mdx

@@ -1,10 +1,17 @@
 ---
 title: 如何开发一个新功能：前端实现
+description: 学习如何在 LobeHub 中实现会话消息功能，使用 Next.js 和 TypeScript。
+tags:
+  - 前端开发
+  - Next.js
+  - TypeScript
+  - Zustand
+  - 功能实现
 ---
 
 # 如何开发一个新功能：前端实现
 
-LobeChat 基于 Next.js 框架构建，使用 TypeScript 作为主要开发语言。在开发新功能时，我们需要遵循一定的开发流程，以确保代码的质量和稳定性。大致的流程分为以下五步：
+LobeHub 基于 Next.js 框架构建，使用 TypeScript 作为主要开发语言。在开发新功能时，我们需要遵循一定的开发流程，以确保代码的质量和稳定性。大致的流程分为以下五步：
 
 1. 路由：定义路由 (`src/app`)
 2. 数据结构： 定义数据结构 ( `src/types` )
@@ -80,7 +87,7 @@ const ChatPage = () => {
       renderItem={(message) => (
         <List.Item>
           <Typography.Text>{message.content}</Typography.Text>
-       
+
 </List.Item>
       )}
     />
@@ -90,7 +97,7 @@ const ChatPage = () => {
 export default ChatPage;
 ```
 
-> **关于功能组件组织方式的说明**：LobeChat 使用两种模式来组织功能组件：
+> **关于功能组件组织方式的说明**：LobeHub 使用两种模式来组织功能组件：
 >
 > - **全局功能**（`src/features/`）：跨应用共享的组件，如 `ChatInput`、`Conversation` 等
 > - **页面专属功能**（`src/app/<page>/features/`）：仅在特定页面路由中使用的组件
@@ -119,12 +126,12 @@ const ChatPage = () => {
         renderItem={(message) => (
           <List.Item>
             <Typography.Text>{message.content}</Typography.Text>
-         
+
 </List.Item>
         )}
       />
       <Button onClick={handleSend}>Send</Button>
-   
+
 </>
   );
 };
@@ -132,4 +139,4 @@ const ChatPage = () => {
 export default ChatPage;
 ```
 
-以上就是在 LobeChat 中实现 "会话消息" 功能的步骤。当然，在 LobeChat 的实际开发中，真实场景所面临的业务诉求和场景远比上述 demo 复杂，请根据实际情况进行开发。
+以上就是在 LobeHub 中实现 "会话消息" 功能的步骤。当然，在 LobeHub 的实际开发中，真实场景所面临的业务诉求和场景远比上述 demo 复杂，请根据实际情况进行开发。

package/docs/development/basic/feature-development.mdx

@@ -1,10 +1,17 @@
 ---
-title: LobeChat Feature Development Complete Guide
+title: LobeHub Feature Development Complete Guide
+description: A comprehensive guide for developers on implementing features in LobeHub.
+tags:
+  - LobeHub
+  - Feature Development
+  - Developer Guide
+  - Postgres
+  - Drizzle ORM
 ---
 
-# LobeChat Feature Development Complete Guide
+# LobeHub Feature Development Complete Guide
 
-This document aims to guide developers on how to develop a complete feature in LobeChat.
+This document aims to guide developers on how to develop a complete feature in LobeHub.
 
 We will use [RFC 021 - Custom Assistant Opening Guidance](https://github.com/lobehub/lobe-chat/discussions/891) as an example to illustrate the complete implementation process.
 
@@ -366,7 +373,7 @@ const OpeningQuestions = memo(() => {
         {isRepeat && (
           <p className={styles.repeatError}>{t('settingOpening.openingQuestions.repeat')}</p>
         )}
-     
+
 </Flexbox>
 
       <div className={styles.questionsList}>
@@ -383,7 +390,7 @@ const OpeningQuestions = memo(() => {
                   onClick={() => removeQuestion(item.content)}
                   type="text"
                 />
-             
+
 </SortableList.Item>
             )}
           />
@@ -393,9 +400,9 @@ const OpeningQuestions = memo(() => {
             description={t('settingOpening.openingQuestions.empty')}
           />
         )}
-     
+
 </div>
-   
+
 </Flexbox>
   );
 });
@@ -448,7 +455,7 @@ const WelcomeMessage = () => {
       {chatItem}
       {/* Render guiding questions */}
       <OpeningQuestions mobile={mobile} questions={openingQuestions} />
-   
+
 </Flexbox>
   ) : (
     chatItem
@@ -467,4 +474,4 @@ For the current scenario, I recommend running the tests locally to see which tes
 
 ## Summary
 
-The above is the complete implementation process for the LobeChat opening settings feature. Developers can refer to this document for the development and testing of related features.
+The above is the complete implementation process for the LobeHub opening settings feature. Developers can refer to this document for the development and testing of related features.

package/docs/development/basic/feature-development.zh-CN.mdx

@@ -1,10 +1,16 @@
 ---
-title: LobeChat 功能开发完全指南
+title: LobeHub 功能开发完全指南
+description: 了解如何在 LobeHub 中开发完整的功能需求，提升开发效率。
+tags:
+  - LobeHub
+  - 功能开发
+  - 开发指南
+  - 开场设置
 ---
 
-# LobeChat 功能开发完全指南
+# LobeHub 功能开发完全指南
 
-本文档旨在指导开发者了解如何在 LobeChat 中开发一块完整的功能需求。
+本文档旨在指导开发者了解如何在 LobeHub 中开发一块完整的功能需求。
 
 我们将以 [RFC 021 - 自定义助手开场引导](https://github.com/lobehub/lobe-chat/discussions/891) 为例，阐述完整的实现流程。
 
@@ -366,7 +372,7 @@ const OpeningQuestions = memo(() => {
         {isRepeat && (
           <p className={styles.repeatError}>{t('settingOpening.openingQuestions.repeat')}</p>
         )}
-     
+
 </Flexbox>
 
       <div className={styles.questionsList}>
@@ -383,7 +389,7 @@ const OpeningQuestions = memo(() => {
                   onClick={() => removeQuestion(item.content)}
                   type="text"
                 />
-             
+
 </SortableList.Item>
             )}
           />
@@ -393,9 +399,9 @@ const OpeningQuestions = memo(() => {
             description={t('settingOpening.openingQuestions.empty')}
           />
         )}
-     
+
 </div>
-   
+
 </Flexbox>
   );
 });
@@ -448,7 +454,7 @@ const WelcomeMessage = () => {
       {chatItem}
       {/* 渲染引导性问题 */}
       <OpeningQuestions mobile={mobile} questions={openingQuestions} />
-   
+
 </Flexbox>
   ) : (
     chatItem
@@ -467,4 +473,4 @@ export default WelcomeMessage;
 
 ## 总结
 
-以上就是 LobeChat 开场设置功能的完整实现流程。开发者可以参考本文档进行相关功能的开发和测试。
+以上就是 LobeHub 开场设置功能的完整实现流程。开发者可以参考本文档进行相关功能的开发和测试。

package/docs/development/basic/folder-structure.mdx

@@ -1,10 +1,19 @@
 ---
 title: Directory Structure
+description: >-
+  Explore the organized directory structure of LobeHub, including app,
+  components, and services.
+tags:
+  - LobeHub
+  - Directory Structure
+  - Next.js
+  - App Router
+  - API Architecture
 ---
 
 # Directory Structure
 
-The directory structure of LobeChat is as follows:
+The directory structure of LobeHub is as follows:
 
 ```bash
 src

package/docs/development/basic/folder-structure.zh-CN.mdx

@@ -1,10 +1,17 @@
 ---
 title: 目录架构
+description: 深入了解 LobeHub 的文件夹目录架构及其功能模块。
+tags:
+  - LobeHub
+  - 目录架构
+  - Next.js
+  - API路由
+  - 前端开发
 ---
 
 # 目录架构
 
-LobeChat 的文件夹目录架构如下：
+LobeHub 的文件夹目录架构如下：
 
 ```bash
 src

package/docs/development/basic/resources.mdx

@@ -1,17 +1,26 @@
 ---
 title: Resources and References
+description: >-
+  Explore key resources and references for LobeHub's design and development
+  process.
+tags:
+  - LobeHub
+  - OpenAI API
+  - AI SDK
+  - LangChain
+  - Next.js
 ---
 
 # Resources and References
 
-The design and development of LobeChat would not have been possible without the excellent projects in the community and ecosystem. We have used or referred to some outstanding resources and guides in the design and development process. Here are some key reference resources for developers to refer to during the development and learning process:
+The design and development of LobeHub would not have been possible without the excellent projects in the community and ecosystem. We have used or referred to some outstanding resources and guides in the design and development process. Here are some key reference resources for developers to refer to during the development and learning process:
 
 1. **OpenAI API Guide**: We use OpenAI's API to access and process AI conversation data. You can check out the [OpenAI API Guide](https://platform.openai.com/docs/api-reference/introduction) for more details.
 2. **OpenAI SDK**: We use OpenAI's Node.js SDK to interact with OpenAI's API. You can view the source code and documentation on the [OpenAI SDK](https://github.com/openai/openai-node) GitHub repository.
 3. **AI SDK**: We use Vercel's AI SDK to access and process AI conversation data. You can refer to the documentation of [AI SDK](https://sdk.vercel.ai/docs) for more details.
 4. **LangChain**: Our early conversation feature was implemented based on LangChain. You can visit [LangChain](https://langchain.com) to learn more about it.
-5. **Chat-Next-Web**: Chat Next Web is an excellent project, and some of LobeChat's features and workflows are referenced from its implementation. You can view the source code and documentation on the [Chat-Next-Web](https://github.com/Yidadaa/ChatGPT-Next-Web) GitHub repository.
+5. **Chat-Next-Web**: Chat Next Web is an excellent project, and some of LobeHub's features and workflows are referenced from its implementation. You can view the source code and documentation on the [Chat-Next-Web](https://github.com/Yidadaa/ChatGPT-Next-Web) GitHub repository.
 6. **Next.js Documentation**: Our project is built on Next.js, and you can refer to the [Next.js Documentation](https://nextjs.org/docs) for more information about Next.js.
-7. **FlowGPT**: FlowGPT is currently the world's largest Prompt community, and some of the agents in LobeChat come from active authors in FlowGPT. You can visit [FlowGPT](https://flowgpt.com/) to learn more about it.
+7. **FlowGPT**: FlowGPT is currently the world's largest Prompt community, and some of the agents in LobeHub come from active authors in FlowGPT. You can visit [FlowGPT](https://flowgpt.com/) to learn more about it.
 
 We will continue to update and supplement this list to provide developers with more reference resources.

package/docs/development/basic/resources.zh-CN.mdx

@@ -1,17 +1,24 @@
 ---
 title: 资源与参考
+description: 探索 LobeHub 的设计与开发参考资源，助力开发者学习与成长。
+tags:
+  - LobeHub
+  - 开发资源
+  - OpenAI API
+  - AI SDK
+  - LangChain
 ---
 
 # 资源与参考
 
-LobeChat 的设计和开发离不开社区和生态中的优秀项目。我们在设计和开发过程中使用或参考了一些优秀的资源和指南。以下是一些主要的参考资源，供开发者在开发和学习过程中参考：
+LobeHub 的设计和开发离不开社区和生态中的优秀项目。我们在设计和开发过程中使用或参考了一些优秀的资源和指南。以下是一些主要的参考资源，供开发者在开发和学习过程中参考：
 
 1. **OpenAI API 指南**：我们使用 OpenAI 的 API 来获取和处理 AI 的会话数据。你可以查看 [OpenAI API 指南](https://platform.openai.com/docs/api-reference/introduction) 了解更多详情。
 2. **OpenAI SDK**：我们使用 OpenAI 的 Node.js SDK 来与 OpenAI 的 API 交互。你可以在 [OpenAI SDK](https://github.com/openai/openai-node) 的 GitHub 仓库中查看源码和文档。
 3. **AI SDK**：我们使用 Vercel 的 AI SDK 来获取和处理 AI 的会话数据。你可以查看 [AI SDK](https://sdk.vercel.ai/docs) 的文档来了解更多详情。
 4. **LangChain**：我们早期的会话功能是基于 LangChain 实现的。你可以访问 [LangChain](https://langchain.com) 来了解更多关于它的信息。
-5. **Chat-Next-Web**：Chat Next Web 是一个优秀的项目，LobeChat 的部分功能、Workflow 等参考了它的实现。你可以在 [Chat-Next-Web](https://github.com/Yidadaa/ChatGPT-Next-Web) 的 GitHub 仓库中查看源码和文档。
+5. **Chat-Next-Web**：Chat Next Web 是一个优秀的项目，LobeHub 的部分功能、Workflow 等参考了它的实现。你可以在 [Chat-Next-Web](https://github.com/Yidadaa/ChatGPT-Next-Web) 的 GitHub 仓库中查看源码和文档。
 6. **Next.js 文档**：我们的项目是基于 Next.js 构建的，你可以查看 [Next.js 文档](https://nextjs.org/docs) 来了解更多关于 Next.js 的信息。
-7. **FlowGPT**：FlowGPT 是目前全球最大的 Prompt 社区，LobeChat 中的一些 Agent 来自 FlowGPT 的活跃作者。你可以访问 [FlowGPT](https://flowgpt.com/) 来了解更多关于它的信息。
+7. **FlowGPT**：FlowGPT 是目前全球最大的 Prompt 社区，LobeHub 中的一些 Agent 来自 FlowGPT 的活跃作者。你可以访问 [FlowGPT](https://flowgpt.com/) 来了解更多关于它的信息。
 
 我们会持续更新和补充这个列表，为开发者提供更多的参考资源。

package/docs/development/basic/setup-development.mdx

@@ -1,10 +1,21 @@
 ---
 title: Environment Setup Guide
+description: >-
+  Step-by-step guide to set up LobeHub development environment locally or
+  online.
+tags:
+  - LobeHub
+  - Development Setup
+  - Node.js
+  - PNPM
+  - Bun
+  - Git
+  - VSCode
 ---
 
 # Environment Setup Guide
 
-Welcome to the LobeChat development environment setup guide.
+Welcome to the LobeHub development environment setup guide.
 
 ## Online Development
 
@@ -14,13 +25,13 @@ If you have access to GitHub Codespaces, you can click the button below to enter
 
 ## Local Development
 
-Before starting development on LobeChat, you need to install and configure some necessary software and tools in your local environment. This document will guide you through these steps.
+Before starting development on LobeHub, you need to install and configure some necessary software and tools in your local environment. This document will guide you through these steps.
 
 ### Development Environment Requirements
 
 First, you need to install the following software:
 
-- Node.js: LobeChat is built on Node.js, so you need to install Node.js. We recommend installing the latest stable version.
+- Node.js: LobeHub is built on Node.js, so you need to install Node.js. We recommend installing the latest stable version.
 - PNPM: We use PNPM as the preferred package manager. You can download and install it from the [PNPM official website](https://pnpm.io/installation).
 - Bun: We use Bun as the npm scripts runner. You can download and install it from the [Bun official website](https://bun.com/docs/installation).
 - Git: We use Git for version control. You can download and install it from the Git official website.
@@ -32,9 +43,9 @@ We recommend installing the extensions listed in [.vscode/extensions.json](https
 
 ### Project Setup
 
-After installing the above software, you can start setting up the LobeChat project.
+After installing the above software, you can start setting up the LobeHub project.
 
-1. **Get the code**: First, you need to clone the LobeChat codebase from GitHub. Run the following command in the terminal:
+1. **Get the code**: First, you need to clone the LobeHub codebase from GitHub. Run the following command in the terminal:
 
 ```bash
 git clone https://github.com/lobehub/lobe-chat.git
@@ -53,13 +64,13 @@ pnpm i
 bun run dev
 ```
 
-Now, you can open `http://localhost:3010` in your browser, and you should see the welcome page of LobeChat. This indicates that you have successfully set up the development environment.
+Now, you can open `http://localhost:3010` in your browser, and you should see the welcome page of LobeHub. This indicates that you have successfully set up the development environment.
 
 ![](https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/274655364-414bc31e-8511-47a3-af17-209b530effc7.png)
 
 ## Working with Server-Side Features
 
-The basic setup above uses LobeChat's client-side database mode. If you need to work with server-side features such as:
+The basic setup above uses LobeHub's client-side database mode. If you need to work with server-side features such as:
 
 - Database persistence
 - File uploads and storage
@@ -69,7 +80,7 @@ The basic setup above uses LobeChat's client-side database mode. If you need to
 
 Please refer to the [Work with Server-Side Database](/docs/development/basic/work-with-server-side-database) guide for complete setup instructions.
 
-During the development process, if you encounter any issues with environment setup or have any questions about LobeChat development, feel free to ask us at any time. We look forward to seeing your contributions!
+During the development process, if you encounter any issues with environment setup or have any questions about LobeHub development, feel free to ask us at any time. We look forward to seeing your contributions!
 
 [codespaces-link]: https://codespaces.new/lobehub/lobe-chat
 [codespaces-shield]: https://github.com/codespaces/badge.svg

package/docs/development/basic/setup-development.zh-CN.mdx

@@ -1,10 +1,17 @@
 ---
 title: 环境设置指南
+description: 详细介绍 LobeHub 的开发环境设置，包括软件安装和项目配置。
+tags:
+  - LobeHub
+  - 开发环境
+  - Node.js
+  - PNPM
+  - Git
 ---
 
 # 环境设置指南
 
-欢迎阅读 LobeChat 的开发环境设置指南。
+欢迎阅读 LobeHub 的开发环境设置指南。
 
 ## 在线开发
 
@@ -14,13 +21,13 @@ title: 环境设置指南
 
 ## 本地开发
 
-在开始开发 LobeChat 之前，你需要在本地环境中安装和配置一些必要的软件和工具。本文档将指导你完成这些步骤。
+在开始开发 LobeHub 之前，你需要在本地环境中安装和配置一些必要的软件和工具。本文档将指导你完成这些步骤。
 
 ### 开发环境需求
 
 首先，你需要安装以下软件：
 
-- Node.js：LobeChat 是基于 Node.js 构建的，因此你需要安装 Node.js。我们建议安装最新的稳定版。
+- Node.js：LobeHub 是基于 Node.js 构建的，因此你需要安装 Node.js。我们建议安装最新的稳定版。
 - PNPM：我们使用 PNPM 作为管理器。你可以从 [pnpm 的官方网站](https://pnpm.io/installation) 上下载并安装。
 - Bun：我们使用 Bun 作为 npm scripts runner, 你可以从 [Bun 的官方网站](https://bun.com/docs/installation) 上下载并安装。
 - Git：我们使用 Git 进行版本控制。你可以从 Git 的官方网站上下载并安装。
@@ -32,9 +39,9 @@ title: 环境设置指南
 
 ### 项目设置
 
-完成上述软件的安装后，你可以开始设置 LobeChat 项目了。
+完成上述软件的安装后，你可以开始设置 LobeHub 项目了。
 
-1. **获取代码**：首先，你需要从 GitHub 上克隆 LobeChat 的代码库。在终端中运行以下命令：
+1. **获取代码**：首先，你需要从 GitHub 上克隆 LobeHub 的代码库。在终端中运行以下命令：
 
 ```bash
 git clone https://github.com/lobehub/lobe-chat.git
@@ -53,13 +60,13 @@ pnpm i
 bun run dev
 ```
 
-现在，你可以在浏览器中打开 `http://localhost:3010`，你应该能看到 LobeChat 的欢迎页面。这表明你已经成功地设置了开发环境。
+现在，你可以在浏览器中打开 `http://localhost:3010`，你应该能看到 LobeHub 的欢迎页面。这表明你已经成功地设置了开发环境。
 
 ![Chat Page](https://hub-apac-1.lobeobjects.space/docs/fc7b157a3bc016bc97719065f80c555c.png)
 
 ## 使用服务端功能
 
-上述基础设置使用 LobeChat 的客户端数据库模式。如果你需要开发服务端功能，如：
+上述基础设置使用 LobeHub 的客户端数据库模式。如果你需要开发服务端功能，如：
 
 - 数据库持久化
 - 文件上传和存储
@@ -69,7 +76,7 @@ bun run dev
 
 请参考[使用服务端数据库](/docs/development/basic/work-with-server-side-database)指南获得完整的设置说明。
 
-在开发过程中，如果你在环境设置上遇到任何问题，或者有任何关于 LobeChat 开发的问题，欢迎随时向我们提问。我们期待看到你的贡献！
+在开发过程中，如果你在环境设置上遇到任何问题，或者有任何关于 LobeHub 开发的问题，欢迎随时向我们提问。我们期待看到你的贡献！
 
 [codespaces-link]: https://codespaces.new/lobehub/lobe-chat
 [codespaces-shield]: https://github.com/codespaces/badge.svg

package/docs/development/basic/test.mdx

@@ -1,10 +1,19 @@
 ---
 title: Testing Guide
+description: >-
+  Explore LobeHub's testing strategy, including unit and end-to-end testing
+  methods.
+tags:
+  - LobeHub
+  - Testing
+  - Unit Testing
+  - End-to-End Testing
+  - vitest
 ---
 
 # Testing Guide
 
-LobeChat's testing strategy includes unit testing and end-to-end (E2E) testing. Below are detailed explanations of each type of testing:
+LobeHub's testing strategy includes unit testing and end-to-end (E2E) testing. Below are detailed explanations of each type of testing:
 
 ## Unit Testing
 
@@ -24,13 +33,13 @@ We encourage developers to write corresponding unit tests while writing code to
 
 End-to-end testing is used to test the functionality and performance of the application in a real environment. It simulates real user operations and verifies the application's performance in different scenarios.
 
-Currently, there is no integrated end-to-end testing in LobeChat. We will gradually introduce end-to-end testing in subsequent iterations.
+Currently, there is no integrated end-to-end testing in LobeHub. We will gradually introduce end-to-end testing in subsequent iterations.
 
 ## Development Testing
 
 ### 1. Unit Testing
 
-Unit testing is conducted on the smallest testable units in the application, usually functions, components, or modules. In LobeChat, we use [vitest][vitest-url] for unit testing.
+Unit testing is conducted on the smallest testable units in the application, usually functions, components, or modules. In LobeHub, we use [vitest][vitest-url] for unit testing.
 
 #### Writing Test Cases
 

package/docs/development/basic/test.zh-CN.mdx

@@ -1,10 +1,16 @@
 ---
 title: 测试指南
+description: 了解 LobeHub 的单元测试和端到端测试策略，确保代码质量与稳定性。
+tags:
+  - LobeHub
+  - 单元测试
+  - 端到端测试
+  - 测试策略
 ---
 
 # 测试指南
 
-LobeChat 的测试策略包括单元测试和端到端 (E2E) 测试。下面是每种测试的详细说明：
+LobeHub 的测试策略包括单元测试和端到端 (E2E) 测试。下面是每种测试的详细说明：
 
 ## 单元测试
 
@@ -24,13 +30,13 @@ npm run test
 
 端到端测试用于测试应用在真实环境中的功能和性能。它模拟用户的真实操作，并验证应用在不同场景下的表现。
 
-在 LobeChat 中，目前暂时没有集成端到端测试，我们会在后续迭代中逐步引入端到端测试。
+在 LobeHub 中，目前暂时没有集成端到端测试，我们会在后续迭代中逐步引入端到端测试。
 
 ## 开发测试
 
 ### 1. 单元测试
 
-单元测试是针对应用中的最小可测试单元进行的测试，通常是针对函数、组件或模块进行的测试。在 LobeChat 中，我们使用 [vitest][vitest-url] 进行单元测试。
+单元测试是针对应用中的最小可测试单元进行的测试，通常是针对函数、组件或模块进行的测试。在 LobeHub 中，我们使用 [vitest][vitest-url] 进行单元测试。
 
 #### 编写测试用例
 

package/docs/development/basic/work-with-server-side-database.mdx

@@ -1,10 +1,17 @@
 ---
 title: Work with Server-Side Database
+description: Learn how to set up a server-side database for LobeHub with Docker.
+tags:
+  - LobeHub
+  - Server-Side Database
+  - Docker
+  - PostgreSQL
+  - MinIO
 ---
 
 # Work with Server-Side Database
 
-LobeChat provides a battery-included experience with its client-side database.
+LobeHub provides a battery-included experience with its client-side database.
 While some features you really care about is only available at a server-side development.
 
 In order to work with the aspect of server-side database,
@@ -55,7 +62,7 @@ You should see: `✅ database migration pass.`
 
 ### Start Development Server
 
-Launch the LobeChat development server:
+Launch the LobeHub development server:
 
 ```bash
 pnpm dev
@@ -144,7 +151,7 @@ await fetch(uploadUrl, {
 
 When running with Docker Compose development setup:
 
-- **PostgreSQL**: `postgres://postgres@localhost:5432/lobechat`
+- **PostgreSQL**: `postgres://postgres@localhost:5432/LobeHub`
 - **MinIO API**: `http://localhost:9000`
 - **MinIO Console**: `http://localhost:9001` (admin/CHANGE\_THIS\_PASSWORD\_IN\_PRODUCTION)
 - **Application**: `http://localhost:3010`