@lobehub/chat 1.2.0 → 1.2.2

package/docs/usage/features/database.zh-CN.mdx

@@ -0,0 +1,54 @@
+---
+title: LobeChat 支持本地 / 云端数据库存储
+description: LobeChat 支持本地 / 云端数据存储，既能实现 Local First，同时支持数据云同步。
+tags:
+  - LobeChat
+  - IndexedDB
+  - Postgres
+  - Local First
+  - 数据云同步
+  - 数据库
+---
+
+# 本地 / 云端数据存储
+
+<Image
+  alt={'本地 / 云端数据存储'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/c27a0234-a4e9-40e5-8bcb-42d5ce7e40f9'}
+/>
+
+在现代应用开发中，数据存储方案的选择至关重要。为了满足不同用户的需求，LobeChat 提供了同时支持本地数据库和服务端数据库的灵活配置。无论您是注重数据隐私与掌控，还是追求便捷的使用体验，LobeChat 都能为您提供卓越的解决方案。
+
+## 本地数据库：数据掌控与隐私保护
+
+对于希望对数据有更多掌控感和隐私保护的用户，LobeChat 提供了本地数据库支持。采用 IndexedDB 作为存储解决方案，并结合 dexie 作为 ORM（对象关系映射），LobeChat 实现了高效的数据管理。
+
+同时，我们引入了 CRDT（Conflict-Free Replicated Data Type）技术，确保多端同步功能的无缝体验。这一实验性功能旨在为用户提供更高的自主性和数据安全性。
+
+<Callout type={'info'}>LobeChat 默认采取本地数据库方案，以降低新用户的上手成本。</Callout>
+
+此外，我们尝试引入了 CRDT（Conflict-Free Replicated Data Type）技术，在本地数据库基础上实现了跨端同步。这一实验性功能旨在为用户提供更高的自主性和数据安全性。
+
+## 服务端数据库：便捷与高效的使用体验
+
+对于追求便捷使用体验的用户，LobeChat 支持 PostgreSQL 作为服务端数据库。通过 Dirzzle ORM 管理数据，结合 Clerk 进行身份验证，LobeChat 能够为用户提供高效、可靠的服务端数据管理方案。
+
+### 服务端数据库技术栈
+
+- **DB**: PostgreSQL（默认使用 Neon）
+- **ORM**: Dirzzle ORM
+- **Auth**: Clerk
+- **Server Router**: tRPC
+
+## 部署方案选择指南
+
+### 1. 本地数据库
+
+本地数据库方案适用于那些希望对数据进行严格控制的用户。通过 LobeChat 的本地数据库支持，您可以在不依赖外部服务器的情况下，安全地存储和管理数据。这一方案特别适合对数据隐私有高要求的用户。
+
+### 2. 服务端数据库
+
+服务端数据库方案则适合那些希望简化数据管理流程，享受便捷使用体验的用户。通过服务端数据库与用户身份验证，LobeChat 能够确保数据的安全性与高效性。如果您希望了解如何配置服务端数据库，请参考我们的[详细文档](/zh/docs/self-hosting/advanced/server-database)。
+
+无论选择本地数据库还是服务端数据库，LobeChat 都能为你提供卓越的用户体验。

package/docs/usage/features/local-llm.mdx

@@ -0,0 +1,56 @@
+---
+title: Using Local LLM in LobeChat
+description: >-
+  Experience groundbreaking AI support with a local LLM in LobeChat powered by
+  Ollama AI. Start conversations effortlessly and enjoy unprecedented
+  interaction speed!
+tags:
+  - Local Large Language Model
+  - Ollama AI
+  - LobeChat
+  - AI communication
+  - Natural Language Processing
+  - Docker deployment
+---
+
+# Local Large Language Model (LLM) Support
+
+<Image
+  alt={'Ollama Local Large Language Model (LLM) Support'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'}
+/>
+
+<Callout>Available in >=0.127.0, currently only supports Docker deployment</Callout>
+
+With the release of LobeChat v0.127.0, we are excited to introduce a groundbreaking feature - Ollama AI support! 🤯 With the powerful infrastructure of [Ollama AI](https://ollama.ai/) and the [community's collaborative efforts](https://github.com/lobehub/lobe-chat/pull/1265), you can now engage in conversations with a local LLM (Large Language Model) in LobeChat! 🤩
+
+We are thrilled to introduce this revolutionary feature to all LobeChat users at this special moment. The integration of Ollama AI not only signifies a significant technological leap for us but also reaffirms our commitment to continuously pursue more efficient and intelligent communication.
+
+### How to Start a Conversation with Local LLM?
+
+The startup process is exceptionally simple! By running the following Docker command, you can experience conversations with a local LLM in LobeChat:
+
+```bash
+docker run -d -p 3210:3210 -e OLLAMA_PROXY_URL=http://host.docker.internal:11434/v1 lobehub/lobe-chat
+```
+
+Yes, it's that simple! 🤩 You don't need to go through complicated configurations or worry about a complex installation process. We have prepared everything for you. With just one command, you can engage in deep conversations with a local AI.
+
+### Experience Unprecedented Interaction Speed
+
+With the powerful capabilities of Ollama AI, LobeChat has greatly improved its efficiency in natural language processing. Both processing speed and response time have reached new heights. This means that your conversational experience will be smoother, without any waiting, and with instant responses.
+
+### Why Choose a Local LLM?
+
+Compared to cloud-based solutions, a local LLM provides higher privacy and security. All your conversations are processed locally, without passing through any external servers, ensuring the security of your data. Additionally, local processing can reduce network latency, providing you with a more immediate communication experience.
+
+### Embark on Your LobeChat & Ollama AI Journey
+
+Now, let's embark on this exciting journey together! Through the collaboration of LobeChat and Ollama AI, explore the endless possibilities brought by AI. Whether you are a tech enthusiast or simply curious about AI communication, LobeChat will offer you an unprecedented experience.
+
+<Cards>
+  <Card href={'/docs/usage/providers'} title={'Using Multiple Model Providers'} />
+  <Card href={'/docs/usage/providers/ollama'} title={'Using Ollama Local Model'} />
+</Cards>

package/docs/usage/features/local-llm.zh-CN.mdx

@@ -0,0 +1,48 @@
+---
+title: 在 LobeChat 中使用本地大语言模型（LLM）
+description: LobeChat 支持本地 LLM，使用 Ollama AI集成带来高效智能沟通。体验本地大语言模型的隐私性、安全性和即时交流
+tags:
+  - '本地大语言模型,LLM,LobeChat v0.127.0,Ollama AI,Docker 部署'
+---
+
+# 支持本地大语言模型（LLM）
+
+<Image
+  alt={'Ollama 支持本地大语言模型'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'}
+/>
+
+<Callout>在 >=v0.127.0 版本中可用，目前仅支持 Docker 部署</Callout>
+
+随着 LobeChat v0.127.0 的发布，我们迎来了一个激动人心的特性 —— Ollama AI 支持！🤯 在 [Ollama AI](https://ollama.ai/) 强大的基础设施和 [社区的共同努力](https://github.com/lobehub/lobe-chat/pull/1265) 下，现在您可以在 LobeChat 中与本地 LLM (Large Language Model) 进行交流了！🤩
+
+我们非常高兴能在这个特别的时刻，向所有 LobeChat 用户介绍这项革命性的特性。Ollama AI 的集成不仅标志着我们技术上的一个巨大飞跃，更是向用户承诺，我们将不断追求更高效、更智能的沟通方式。
+
+### 如何启动与本地 LLM 的对话？
+
+启动过程异常简单！您只需运行以下 Docker 命令行，就可以在 LobeChat 中体验与本地 LLM 的对话了：
+
+```bash
+docker run -d -p 3210:3210 -e OLLAMA_PROXY_URL=http://host.docker.internal:11434/v1 lobehub/lobe-chat
+```
+
+是的，就是这么简单！🤩 您不需要进行繁杂的配置，也不必担心复杂的安装过程。我们已经为您准备好了一切，只需一行命令，即可开启与本地 AI 的深度对话。
+
+### 体验前所未有的交互速度
+
+借助 Ollama AI 的强大能力，LobeChat 在进行自然语言处理方面的效率得到了极大的提升。无论是处理速度还是响应时间，都达到了新的高度。这意味着您的对话体验将更加流畅，无需等待，即时得到回应。
+
+### 为什么选择本地 LLM？
+
+与基于云的解决方案相比，本地 LLM 提供了更高的隐私性和安全性。您的所有对话都在本地处理，不经过任何外部服务器，确保了您的数据安全性。此外，本地处理还能减少网络延迟，为您带来更加即时的交流体验。
+
+### 开启您的 LobeChat & Ollama AI 之旅
+
+现在，就让我们一起开启这段激动人心的旅程吧！通过 LobeChat 与 Ollama AI 的协作，探索 AI 带来的无限可能。无论您是技术爱好者，还是对 AI 交流充满好奇，LobeChat 都将为您提供一场前所未有的体验。
+
+<Cards>
+  <Card href={'/docs/usage/providers'} title={'使用多模型服务商'} />
+  <Card href={'/docs/usage/providers/ollama'} title={'使用 Ollama 本地模型'} />
+</Cards>

package/docs/usage/features/mobile.mdx

@@ -0,0 +1,24 @@
+---
+title: LobeChat with Mobile Device Adaptation
+description: >-
+  Explore the enhanced mobile user experience at LobeChat with optimized designs
+  for smoother interactions. Share your feedback on GitHub!
+tags:
+  - Mobile Device Adaptation
+  - User Experience
+  - Optimized Designs
+  - Feedback
+  - GitHub
+---
+
+# Mobile Device Adaptation
+
+<Image
+  alt={'Mobile Device Adaptation'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/11110732-8d5a-4049-b556-c2561cb66182'}
+/>
+
+LobeChat has undergone a series of optimized designs for mobile devices to enhance the user's mobile experience.
+
+Currently, we are iterating on the user experience for mobile devices to achieve a smoother and more intuitive interaction. If you have any suggestions or ideas, we warmly welcome your feedback through GitHub Issues or Pull Requests.

package/docs/usage/features/mobile.zh-CN.mdx

@@ -0,0 +1,23 @@
+---
+title: LobeChat 移动设备适配 - 提升用户移动体验
+description: LobeChat针对移动设备进行优化设计，版本迭代以实现更流畅直观的交互。欢迎通过GitHub Issues或Pull Requests提供反馈。
+tags:
+  - LobeChat
+  - 移动设备适配
+  - 用户体验
+  - 版本迭代
+  - GitHub
+  - 反馈
+---
+
+# 移动设备适配
+
+<Image
+  alt={'移动端设备适配'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/11110732-8d5a-4049-b556-c2561cb66182'}
+/>
+
+LobeChat 针对移动设备进行了一系列的优化设计，以提升用户的移动体验。
+
+目前，我们正在对移动端的用户体验进行版本迭代，以实现更加流畅和直观的交互。如果您有任何建议或想法，我们非常欢迎您通过 GitHub Issues 或者 Pull Requests 提供反馈。

package/docs/usage/features/more.mdx

@@ -0,0 +1,33 @@
+---
+title: More Features in LobeChat - Enhancing Design and Technical Capabilities
+description: >-
+  Explore the additional features offered, including exquisite UI design, smooth
+  conversation experience, fast deployment options, privacy and security
+  measures, and custom domain support.
+tags:
+  - UI Design
+  - Conversation Experience
+  - Deployment
+  - Privacy
+  - Custom Domain
+---
+
+# More Features
+
+In addition to the above features, our design and technical capabilities will provide you with more assurance in usage:
+
+- [x] 💎 **Exquisite UI Design**: Carefully designed interface with elegant appearance and smooth interaction effects, supporting light and dark themes, and adaptable to mobile devices. Supports PWA, providing an experience closer to native applications.
+- [x] 🗣️ **Smooth Conversation Experience**: Responsive design brings a smooth conversation experience and supports full Markdown rendering, including code highlighting, LaTex formulas, Mermaid flowcharts, and more.
+- [x] 💨 **Fast Deployment**: Use the Vercel platform or our Docker image, simply click the deploy button, and deployment can be completed within 1 minute without complex configuration processes.
+- [x] 🔒 **Privacy and Security**: All data is stored locally in the user's browser, ensuring user privacy and security.
+- [x] 🌐 **Custom Domain**: If users have their own domain, they can bind it to the platform for quick access to the chat assistant from anywhere.
+
+> ✨ As the product continues to iterate, we will bring more exciting features!
+
+---
+
+<Callout>
+  You can find our upcoming [Roadmap][github-project-link] plans in the Projects section.
+</Callout>
+
+[github-project-link]: https://github.com/lobehub/lobe-chat/projects

package/docs/usage/features/more.zh-CN.mdx

@@ -0,0 +1,28 @@
+---
+title: 更多 LobeChat 特性 - 提供精致 UI 设计和流畅的对话体验
+description: 了解更多产品特性，包括精致 UI 设计、流畅的对话体验和快速部署功能，为用户带来更好的体验。
+tags:
+  - 精致 UI 设计
+  - 流畅对话体验
+  - 快速部署
+  - 隐私安全
+  - 自定义域名
+---
+
+# 更多特性
+
+除了上述功能特性以外，我们的所具有的设计和技术能力将为你带来了更多使用保障：
+
+- [x] 💎 **精致 UI 设计**：经过精心设计的界面，具有优雅的外观和流畅的交互效果，支持亮暗色主题，适配移动端。支持 PWA，提供更加接近原生应用的体验。
+- [x] 🗣️ **流畅的对话体验**：流式响应带来流畅的对话体验，并且支持完整的 Markdown 渲染，包括代码高亮、LaTex 公式、Mermaid 流程图等。
+- [x] 💨 **快速部署**：使用 Vercel 平台或者我们的 Docker 镜像，只需点击一键部署按钮，即可在 1 分钟内完成部署，无需复杂的配置过程。
+- [x] 🔒 **隐私安全**：所有数据保存在用户浏览器本地，保证用户的隐私安全。
+- [x] 🌐 **自定义域名**：如果用户拥有自己的域名，可以将其绑定到平台上，方便在任何地方快速访问对话助手。
+
+> ✨ 随着产品迭代持续更新，我们将会带来更多更多令人激动的功能！
+
+---
+
+<Callout>你可以在 Projects 中找到我们后续的 [Roadmap][github-project-link] 计划</Callout>
+
+[github-project-link]: https://github.com/lobehub/lobe-chat/projects

package/docs/usage/features/multi-ai-providers.mdx

@@ -0,0 +1,66 @@
+---
+title: LobeChat with Multi AI Providers
+description: >-
+  Discover how LobeChat offers diverse model service provider support, including
+  AWS Bedrock, Google AI Gemini series, ChatGLM, and Moonshot AI, to cater to
+  various user needs. Explore local model support with Ollama integration.
+tags:
+  - LobeChat
+  - model service providers
+  - AWS Bedrock
+  - Google AI Gemini
+  - ChatGLM
+  - Moonshot AI
+  - Together AI
+  - local model support
+  - Ollama
+---
+
+# Multi-Model Service Provider Support
+
+<Image
+  alt={'Multi-Model Service Provider Support'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/b164bc54-8ba2-4c1e-b2f2-f4d7f7e7a551'}
+/>
+
+<Callout>Available in version 0.123.0 and later</Callout>
+
+In the continuous development of LobeChat, we deeply understand the importance of diversity in model service providers for meeting the needs of the community when providing AI conversation services. Therefore, we have expanded our support to multiple model service providers, rather than being limited to a single one, in order to offer users a more diverse and rich selection of conversations.
+
+In this way, LobeChat can more flexibly adapt to the needs of different users, while also providing developers with a wider range of choices.
+
+## Supported Model Service Providers
+
+We have implemented support for the following model service providers:
+
+- **AWS Bedrock**: Integrated with AWS Bedrock service, supporting models such as **Claude / LLama2**, providing powerful natural language processing capabilities. [Learn more](https://aws.amazon.com/cn/bedrock)
+- **Anthropic (Claude)**: Accessed Anthropic's **Claude** series models, including Claude 3 and Claude 2, with breakthroughs in multi-modal capabilities and extended context, setting a new industry benchmark. [Learn more](https://www.anthropic.com/claude)
+- **Google AI (Gemini Pro, Gemini Vision)**: Access to Google's **Gemini** series models, including Gemini and Gemini Pro, to support advanced language understanding and generation. [Learn more](https://deepmind.google/technologies/gemini/)
+- **ChatGLM**: Added the **ChatGLM** series models from Zhipuai (GLM-4/GLM-4-vision/GLM-3-turbo), providing users with another efficient conversation model choice. [Learn more](https://www.zhipuai.cn/)
+- **Moonshot AI (Dark Side of the Moon)**: Integrated with the Moonshot series models, an innovative AI startup from China, aiming to provide deeper conversation understanding. [Learn more](https://www.moonshot.cn/)
+- **Groq**: Accessed Groq's AI models, efficiently processing message sequences and generating responses, capable of multi-turn dialogues and single-interaction tasks. [Learn more](https://groq.com/)
+- **OpenRouter**: Supports routing of models including **Claude 3**, **Gemma**, **Mistral**, **Llama2** and **Cohere**, with intelligent routing optimization to improve usage efficiency, open and flexible. [Learn more](https://openrouter.ai/)
+- **01.AI (Yi Model)**: Integrated the 01.AI models, with series of APIs featuring fast inference speed, which not only shortened the processing time, but also maintained excellent model performance. [Learn more](https://01.ai/)
+- **Together.ai**: Over 100 leading open-source Chat, Language, Image, Code, and Embedding models are available through the Together Inference API. For these models you pay just for what you use. [Learn more](https://www.together.ai/)
+- **Minimax**: Integrated the Minimax models, including the MoE model **abab6**, offers a broader range of choices. [Learn more](https://www.minimaxi.com/)
+- **DeepSeek**: Integrated with the DeepSeek series models, an innovative AI startup from China, The product has been designed to provide a model that balances performance with price. [Learn more](https://www.deepseek.com/)
+- **Qwen**: Integrated with the Qwen series models, including the latest **qwen-turbo**, **qwen-plus** and **qwen-max**. [Learn more](https://help.aliyun.com/zh/dashscope/developer-reference/model-introduction)
+
+At the same time, we are also planning to support more model service providers, such as Replicate and Perplexity, to further enrich our service provider library. If you would like LobeChat to support your favorite service provider, feel free to join our [community discussion](https://github.com/lobehub/lobe-chat/discussions/1284).
+
+## Local Model Support
+
+<Image
+  alt={'Local Model Support'}
+  borderless
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'}
+/>
+
+To meet the specific needs of users, LobeChat also supports the use of local models based on [Ollama](https://ollama.ai), allowing users to flexibly use their own or third-party models. For more details, see [Local Model Support](/docs/usage/features/local-llm).
+
+<Cards>
+  <Card href={'/docs/usage/providers'} title={'Using Multiple Model Providers'} />
+  <Card href={'/docs/usage/providers/ollama'} title={'Using Ollama Local Model'} />
+</Cards>

package/docs/usage/features/multi-ai-providers.zh-CN.mdx

@@ -0,0 +1,66 @@
+---
+title: LobeChat 支持多模型服务商
+description: 了解 LobeChat 在多模型服务商支持方面的最新进展，包括已支持的模型服务商和计划中的扩展，以及本地模型支持的使用方式。
+tags:
+  - LobeChat
+  - AI 会话服务
+  - 模型服务商
+  - 多模型支持
+  - 本地模型支持
+  - AWS Bedrock
+  - Google AI
+  - ChatGLM
+  - Moonshot AI
+  - 01 AI
+  - Together AI
+  - Ollama
+---
+
+# 多模型服务商支持
+
+<Image
+  alt={'多模型服务商支持'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/b164bc54-8ba2-4c1e-b2f2-f4d7f7e7a551'}
+/>
+
+<Callout>在 0.123.0 及以后版本中可用</Callout>
+
+在 LobeChat 的不断发展过程中，我们深刻理解到在提供 AI 会话服务时模型服务商的多样性对于满足社区需求的重要性。因此，我们不再局限于单一的模型服务商，而是拓展了对多种模型服务商的支持，以便为用户提供更为丰富和多样化的会话选择。
+
+通过这种方式，LobeChat 能够更灵活地适应不同用户的需求，同时也为开发者提供了更为广泛的选择空间。
+
+## 已支持的模型服务商
+
+我们已经实现了对以下模型服务商的支持：
+
+- **AWS Bedrock**：集成了 AWS Bedrock 服务，支持了 **Claude / LLama2** 等模型，提供了强大的自然语言处理能力。[了解更多](https://aws.amazon.com/cn/bedrock)
+- **Google AI (Gemini Pro、Gemini Vision)**：接入了 Google 的 **Gemini** 系列模型，包括 Gemini 和 Gemini Pro，以支持更高级的语言理解和生成。[了解更多](https://deepmind.google/technologies/gemini/)
+- **Anthropic (Claude)**：接入了 Anthropic 的 **Claude** 系列模型，包括 Claude 3 和 Claude 2，多模态突破，超长上下文，树立行业新基准。[了解更多](https://www.anthropic.com/claude)
+- **ChatGLM**：加入了智谱的 **ChatGLM** 系列模型（GLM-4/GLM-4-vision/GLM-3-turbo），为用户提供了另一种高效的会话模型选择。[了解更多](https://www.zhipuai.cn/)
+- **Moonshot AI (月之暗面)**：集成了 Moonshot 系列模型，这是一家来自中国的创新性 AI 创业公司，旨在提供更深层次的会话理解。[了解更多](https://www.moonshot.cn/)
+- **Together.ai**：集成部署了数百种开源模型和向量模型，无需本地部署即可随时访问这些模型。[了解更多](https://www.together.ai/)
+- **01.AI (零一万物)**：集成了零一万物模型，系列 API 具备较快的推理速度，这不仅缩短了处理时间，同时也保持了出色的模型效果。[了解更多](https://www.lingyiwanwu.com/)
+- **Groq**：接入了 Groq 的 AI 模型，高效处理消息序列，生成回应，胜任多轮对话及单次交互任务。[了解更多](https://groq.com/)
+- **OpenRouter**：其支持包括 **Claude 3**，**Gemma**，**Mistral**，**Llama2**和**Cohere**等模型路由，支持智能路由优化，提升使用效率，开放且灵活。[了解更多](https://openrouter.ai/)
+- **Minimax**: 接入了 Minimax 的 AI 模型，包括 MoE 模型 **abab6**，提供了更多的选择空间。[了解更多](https://www.minimaxi.com/)
+- **DeepSeek**: 接入了 DeepSeek 的 AI 模型，包括最新的 **DeepSeek-V2**，提供兼顾性能与价格的模型。[了解更多](https://www.deepseek.com/)
+- **Qwen (通义千问)**: 接入了 Qwen 的 AI 模型，包括最新的 **qwen-turbo**，**qwen-plus** 和 **qwen-max** 等模型。[了解更多](https://help.aliyun.com/zh/dashscope/developer-reference/model-introduction)
+
+同时，我们也在计划支持更多的模型服务商，如 Replicate 和 Perplexity 等，以进一步丰富我们的服务商库。如果你希望让 LobeChat 支持你喜爱的服务商，欢迎加入我们的[社区讨论](https://github.com/lobehub/lobe-chat/discussions/1284)。
+
+## 本地模型支持
+
+<Image
+  alt={'本地模型支持'}
+  borderless
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'}
+/>
+
+为了满足特定用户的需求，LobeChat 还基于 [Ollama](https://ollama.ai) 支持了本地模型的使用，让用户能够更灵活地使用自己的或第三方的模型，详见 [本地模型支持](/docs/usage/features/local-llm)。
+
+<Cards>
+  <Card href={'/docs/usage/providers'} title={'使用多模型服务商'} />
+  <Card href={'/docs/usage/providers/ollama'} title={'使用 Ollama 本地模型'} />
+</Cards>

package/docs/usage/features/plugin-system.mdx

@@ -0,0 +1,89 @@
+---
+title: Plugin System in LobeChat
+description: >-
+  Explore the diverse plugin ecosystem of LobeChat, extending its capabilities
+  to provide real-time information, interact with various platforms, and
+  simplify user interactions.
+tags:
+  - LobeChat
+  - Plugin Ecosystem
+  - Assistant Functionality
+  - Plugin Development
+  - SDK
+  - Chat Application
+---
+
+# Plugin System
+
+<Image
+  alt={'Plugin System'}
+  borderless
+  cover
+  src={
+    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268670883-33c43a5c-a512-467e-855c-fa299548cce5.png'
+  }
+/>
+
+The plugin ecosystem of LobeChat is an important extension of its core functionality, greatly enhancing the practicality and flexibility of the LobeChat assistant.
+
+<Video src="https://github.com/lobehub/lobe-chat/assets/28616219/f29475a3-f346-4196-a435-41a6373ab9e2" />
+
+By utilizing plugins, LobeChat assistants can obtain and process real-time information, such as searching for web information and providing users with instant and relevant news.
+
+In addition, these plugins are not limited to news aggregation, but can also extend to other practical functions, such as quickly searching documents, generating images, obtaining data from various platforms like Bilibili, Steam, and interacting with various third-party services.
+
+Learn more about [plugin usage](/en-US/usage/plugins/basic) by checking it out.
+
+<Callout type={'tip'}>
+  To help developers better participate in this ecosystem, we provide comprehensive development
+  resources. This includes detailed component development documentation, a fully-featured software
+  development kit (SDK), and template examples, all aimed at simplifying the development process and
+  lowering the entry barrier for developers.
+</Callout>
+
+<Callout type={'important'}>
+  We welcome developers to utilize these resources, unleash their creativity, and write
+  feature-rich, user-friendly plugins. Through collective efforts, we can continuously expand the
+  functional boundaries of the chat application and explore a more intelligent and efficient
+  creativity platform.
+</Callout>
+
+## Plugin Ecosystem
+
+<Callout>
+  If you are interested in plugin development, please refer to our [📘 Plugin Development
+  Guide](/docs/usage/plugins/development) in the Wiki.
+</Callout>
+
+- [lobe-chat-plugins][lobe-chat-plugins]: This is the plugin index for LobeChat. It retrieves the list of plugins from the index.json of this repository and displays them to the users.
+- [chat-plugin-template][chat-plugin-template]: Chat Plugin plugin development template, you can quickly create a new plugin project through the project template.
+- [@lobehub/chat-plugin-sdk][chat-plugin-sdk]: The LobeChat plugin SDK can help you create excellent Lobe Chat plugins.
+- [@lobehub/chat-plugins-gateway][chat-plugins-gateway]: The LobeChat plugin gateway is a backend service that serves as the gateway for LobeChat plugins. We deploy this service using Vercel.
+
+### Roadmap Progress
+
+The plugin system of LobeChat has now entered a stable stage, and we have basically completed most of the functionality required by the plugin system. However, we are still planning and considering the new possibilities that plugins can bring to us. You can learn more in the following Issues:
+
+<Steps>
+  ### ✅ Phase One of Plugins
+
+Implementing the separation of plugins from the main body, splitting the plugins into independent repositories for maintenance, and implementing dynamic loading of plugins. [**#73**](https://github.com/lobehub/lobe-chat/issues/73)
+
+### ✅ Phase Two of Plugins
+
+The security and stability of plugin usage, more accurate presentation of abnormal states, maintainability and developer-friendliness of the plugin architecture. [**#97**](https://github.com/lobehub/lobe-chat/issues/97)
+
+### ✅ Phase Three of Plugins
+
+Higher-level and improved customization capabilities, support for OpenAPI schema invocation, compatibility with ChatGPT plugins, and the addition of Midjourney plugins. [**#411**](https://github.com/lobehub/lobe-chat/discussions/#411)
+
+### 💭 Phase Four of Plugins
+
+Comprehensive authentication, visual configuration of plugin definitions, Plugin SDK CLI, Python language development template, any other ideas? Join the discussion: [**#1310**](https://github.com/lobehub/lobe-chat/discussions/#1310)
+
+</Steps>
+
+[chat-plugin-sdk]: https://github.com/lobehub/chat-plugin-sdk
+[chat-plugin-template]: https://github.com/lobehub/chat-plugin-template
+[chat-plugins-gateway]: https://github.com/lobehub/chat-plugins-gateway
+[lobe-chat-plugins]: https://github.com/lobehub/lobe-chat-plugins

package/docs/usage/features/plugin-system.zh-CN.mdx

@@ -0,0 +1,78 @@
+---
+title: LobeChat 插件生态系统 - 功能扩展与开发资源
+description: 了解 LobeChat 插件生态系统如何增强 LobeChat 助手的实用性和灵活性，以及提供的开发资源和插件开发指南。
+tags:
+  - LobeChat
+  - 插件生态系统
+  - 开发资源
+  - 插件开发指南
+---
+
+# 插件系统
+
+<Image
+  alt={'插件系统'}
+  borderless
+  cover
+  src={
+    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268670883-33c43a5c-a512-467e-855c-fa299548cce5.png'
+  }
+/>
+
+LobeChat 的插件生态系统是其核心功能的重要扩展，它极大地增强了 LobeChat 助手的实用性和灵活性。
+
+<Video src="https://github.com/lobehub/lobe-chat/assets/28616219/f29475a3-f346-4196-a435-41a6373ab9e2" />
+
+通过利用插件，LobeChat 的助手们能够实现实时信息的获取和处理，例如搜索网络信息，为用户提供即时且相关的资讯。
+
+此外，这些插件不仅局限于新闻聚合，还可以扩展到其他实用的功能，如快速检索文档、生成图片、获取 Bilibili 、Steam 等各种平台数据，以及与其他各式各样的第三方服务交互。
+
+通过查看 [插件使用](/docs/usage/plugins/basic) 了解更多。
+
+<Callout type={'tip'}>
+  为了帮助开发者更好地参与到这个生态中来，我们在提供了全面的开发资源。这包括详尽的组件开发文档、功能齐全的软件开发工具包（SDK），以及样板示例，这些都是为了简化开发过程，降低开发者的入门门槛。
+</Callout>
+
+<Callout type={'important'}>
+  我们欢迎开发者利用这些资源，发挥创造力，编写出功能丰富、用户友好的插件。通过共同的努力，我们可以不断扩展聊天应用的功能界限，探索一个更加智能、高效的创造力平台。
+</Callout>
+
+## 插件生态体系
+
+<Callout>
+  如果你对插件开发感兴趣，请在 Wiki 中查阅我们的 [📘
+  插件开发指南](/docs/usage/plugins/development)。
+</Callout>
+
+- [lobe-chat-plugins][lobe-chat-plugins]：这是 LobeChat 的插件索引。它从该仓库的 index.json 中获取插件列表并显示给用户。
+- [chat-plugin-template][chat-plugin-template]: Chat Plugin 插件开发模版，你可以通过项目模版快速新建插件项目。
+- [@lobehub/chat-plugin-sdk][chat-plugin-sdk]：LobeChat 插件 SDK 可帮助您创建出色的 Lobe Chat 插件。
+- [@lobehub/chat-plugins-gateway][chat-plugins-gateway]：LobeChat 插件网关是一个后端服务，作为 LobeChat 插件的网关。我们使用 Vercel 部署此服务。
+
+### 路线进展
+
+LobeChat 的插件系统目前已初步进入一个稳定阶段，我们已基本完成大部分插件系统所需的功能，但我们仍然在规划与思考插件能为我们带来的全新可能性。您可以在以下 Issues 中了解更多信息:
+
+<Steps>
+  ### ✅ 插件一期
+
+实现插件与主体分离，将插件拆分为独立仓库维护，并实现插件的动态加载。 [**#73**](https://github.com/lobehub/lobe-chat/issues/73)
+
+### ✅ 插件二期
+
+插件的安全性与使用的稳定性，更加精准地呈现异常状态，插件架构的可维护性与开发者友好。[**#97**](https://github.com/lobehub/lobe-chat/issues/97)
+
+### ✅ 插件三期
+
+更高阶与完善的自定义能力，支持 OpenAPI schema 调用、兼容 ChatGPT 插件、新增 Midjourney 插件。 [**#411**](https://github.com/lobehub/lobe-chat/discussions/#411)
+
+### 💭 插件四期
+
+完善的鉴权、可视化配置插件定义、 Plugin SDK CLI 、 Python 语言研发模板、还有什么想法？欢迎参与讨论： [**#1310**](https://github.com/lobehub/lobe-chat/discussions/#1310)
+
+</Steps>
+
+[chat-plugin-sdk]: https://github.com/lobehub/chat-plugin-sdk
+[chat-plugin-template]: https://github.com/lobehub/chat-plugin-template
+[chat-plugins-gateway]: https://github.com/lobehub/chat-plugins-gateway
+[lobe-chat-plugins]: https://github.com/lobehub/lobe-chat-plugins

package/docs/usage/features/pwa.mdx

@@ -0,0 +1,74 @@
+---
+title: LobeChat support Progressive Web Apps (PWA)
+description: >-
+  Discover how LobeChat utilizes Progressive Web App (PWA) technology to provide
+  a seamless and near-native app experience on both desktop and mobile devices.
+  Learn how to install LobeChat as a desktop app for enhanced convenience.
+tags:
+  - Progressive Web App
+  - PWA
+  - LobeChat
+  - Web Applications
+  - User Experience
+---
+
+# Progressive Web App (PWA)
+
+<Image
+  alt={'Progressive Web App (PWA)'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ecc8364a-cfc4-4a3d-b6fd-68b2d9bc5f0d'}
+/>
+
+We understand the importance of providing a seamless experience for users in today's multi-device environment. To achieve this, we have adopted Progressive Web App [PWA](https://support.google.com/chrome/answer/9658361) technology, which is a modern web technology that elevates web applications to a near-native app experience. Through PWA, LobeChat is able to provide a highly optimized user experience on both desktop and mobile devices, while maintaining lightweight and high performance characteristics. Visually and perceptually, we have also carefully designed it to ensure that its interface is indistinguishable from a native app, providing smooth animations, responsive layouts, and adaptation to different screen resolutions of various devices.
+
+If you are unfamiliar with the installation process of PWA, you can follow the steps below to add LobeChat as a desktop app (also applicable to mobile devices):
+
+## Running on Chrome / Edge
+
+<Callout type={'important'}>
+  On macOS, when using a Chrome-installed PWA, it is required that Chrome be open, otherwise Chrome
+  will automatically open and then launch the PWA app.
+</Callout>
+
+<Steps>
+
+### Run Chrome or Edge browser on your computer
+
+### Visit the LobeChat webpage
+
+### In the top right corner of the address bar, click the <kbd>Install</kbd> icon
+
+### Follow the on-screen instructions to complete the PWA installation
+
+</Steps>
+
+## Running on Safari
+
+Safari PWA requires macOS Ventura or later. The PWA installed by Safari does not require Safari to be open; you can directly open the PWA app.
+
+<Steps>
+
+### Run Safari browser on your computer
+
+### Visit the LobeChat webpage
+
+### In the top right corner of the address bar, click the <kbd>Share</kbd> icon
+
+### Click <kbd>Add to Dock</kbd>
+
+### Follow the on-screen instructions to complete the PWA installation
+
+</Steps>
+
+<Callout type={'tip'}>
+  The default installed LobeChat PWA icon has a black background, you can use <kbd>cmd</kbd> +  <kbd>i</kbd> to paste the following image to replace it with a white background.
+</Callout>
+
+<Image
+  alt={'PWA White Icon'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/36695271/16ce82cb-49be-4d4d-ac86-4403a1536917'}
+/>