@lobehub/chat 1.0.0 → 1.0.2

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

@@ -0,0 +1,61 @@
+---
+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).

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

@@ -0,0 +1,61 @@
+---
+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)。

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,77 @@
+---
+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,73 @@
+---
+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'}
+/>

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

@@ -0,0 +1,73 @@
+---
+title: LobeChat 支持渐进式 Web 应用（PWA）- 提升用户体验
+description: 了解渐进式 Web 应用（PWA）技术如何提升网页应用至接近原生应用体验，以及如何在桌面和移动设备上提供优化的用户体验。
+tags:
+  - 渐进式 Web 应用
+  - PWA 技术
+  - 用户体验
+  - 桌面应用
+  - 移动设备
+  - 轻量级
+  - 高性能
+  - 响应式布局
+---
+
+# 渐进式 Web 应用（PWA）
+
+<Image
+  alt={'渐进式 Web 应用（PWA）'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ecc8364a-cfc4-4a3d-b6fd-68b2d9bc5f0d'}
+/>
+
+我们利深知在当今多设备环境下为用户提供无缝体验的重要性。为此，我们采用了渐进式 Web 应用 [PWA](https://support.google.com/chrome/answer/9658361) 技术，这是一种能够将网页应用提升至接近原生应用体验的现代 Web 技术。通过 PWA，LobeChat 能够在桌面和移动设备上提供高度优化的用户体验，同时保持轻量级和高性能的特点。在视觉和感觉上，我们也经过精心设计，以确保它的界面与原生应用无差别，提供流畅的动画、响应式布局和适配不同设备的屏幕分辨率。
+
+若您未熟悉 PWA 的安装过程，您可以按照以下步骤将 LobeChat 添加为您的桌面应用（也适用于移动设备）：
+
+## Chrome / Edge 浏览器上运行
+
+<Callout type={'important'}>
+  macOS 下，使用 Chrome 安装的 PWA 时，必须要求 Chrome 是打开状态，否则会自动打开 Chrome 再打开 PWA 应用。
+</Callout>
+
+<Steps>
+
+### 在电脑上运行 Chrome 或 Edge 浏览器
+
+### 访问 LobeChat 网页
+
+### 在地址栏的右上角，单击 <kbd>安装</kbd> 图标
+
+### 根据屏幕上的指示完成 PWA 的安装
+
+</Steps>
+
+## Safari 浏览器上运行
+
+Safari PWA 需要 macOS Ventura 或更高版本。Safari 安装的 PWA 并不要求 Safari 是打开状态，可以直接打开 PWA 应用。
+
+<Steps>
+
+### 在电脑上运行 Safari 浏览器
+
+### 访问 LobeChat 网页
+
+### 在地址栏的右上角，单击 <kbd>分享</kbd> 图标
+
+### 点选 <kbd>添加到程序坞</kbd>
+
+### 根据屏幕上的指示完成 PWA 的安装
+
+</Steps>
+
+<Callout type={'tip'}>
+  默认安装的 LobeChat PWA 图标是黑色背景的，您可以在自行使用 <kbd>cmd</kbd> + <kbd>i</kbd> 粘贴如下图片替换为白色背景的。
+</Callout>
+
+<Image
+  alt={'PWA White Icon'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/36695271/16ce82cb-49be-4d4d-ac86-4403a1536917'}
+/>

package/docs/usage/features/text-to-image.mdx

@@ -0,0 +1,26 @@
+---
+title: Text to Image in LobeChat
+description: >-
+  Transform your ideas into images with the latest text-to-image generation
+  technology integrated into LobeChat AI Assistant. Experience a private and
+  immersive creative process.
+tags:
+  - Text to Image Generation
+  - LobeChat AI Assistant
+  - DALL-E 3
+  - MidJourney
+  - Pollinations
+---
+
+# Text to Image Generation
+
+<Image
+  alt={'Text to Image Generation'}
+  borderless
+  cover
+  src={
+    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/297746445-0ff762b9-aa08-4337-afb7-12f932b6efbb.png'
+  }
+/>
+
+Supporting the latest text-to-image generation technology, LobeChat now enables users to directly utilize the Text to Image tool during conversations with the assistant. By harnessing the capabilities of AI tools such as [DALL-E 3](https://openai.com/dall-e-3), [MidJourney](https://www.midjourney.com/), and [Pollinations](https://pollinations.ai/), assistants can now transform your ideas into images. This allows for a more private and immersive creative process.

package/docs/usage/features/text-to-image.zh-CN.mdx

@@ -0,0 +1,26 @@
+---
+title: LobeChat 文生图：文本转图片生成技术
+description: >-
+  LobeChat 现在支持最新的文本到图片生成技术，让用户可以在与助手对话中直接调用文生图工具进行创作。利用 DALL-E 3、MidJourney 和
+  Pollinations 等 AI 工具，助手们可以将你的想法转化为图像，让创作过程更私密和沉浸式。
+tags:
+  - LobeChat
+  - 文生图
+  - DALL-E 3
+  - MidJourney
+  - Pollinations
+  - AI工具
+---
+
+# Text to Image 文生图
+
+<Image
+  alt={'Text to Image 文生图'}
+  borderless
+  cover
+  src={
+    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/297746445-0ff762b9-aa08-4337-afb7-12f932b6efbb.png'
+  }
+/>
+
+支持最新的文本到图片生成技术，LobeChat 现在能够让用户在与助手对话中直接调用文成图工具进行创作。通过利用 [`DALL-E 3`](https://openai.com/dall-e-3)、[`MidJourney`](https://www.midjourney.com/) 和 [`Pollinations`](https://pollinations.ai/) 等 AI 工具的能力， 助手们现在可以将你的想法转化为图像。同时可以更私密和沉浸式的完成你的创造过程。

package/docs/usage/features/theme.mdx

@@ -0,0 +1,34 @@
+---
+title: LobeChat support Custom Themes
+description: >-
+  Explore LobeChat's flexible theme modes and color customization options for a
+  personalized interface design. Switch between light and dark modes, customize
+  theme colors, and choose between conversation bubble and document modes.
+tags:
+  - Custom Themes
+  - Personalized User Experiences
+  - Theme Modes
+  - Color Customization
+  - Interface Design
+  - LobeChat
+---
+
+# Custom Themes
+
+<Image
+  alt={'Custom Themes'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/9eca103c-9335-4a4c-8192-271a0b857b26'}
+/>
+
+LobeChat places a strong emphasis on personalized user experiences in its interface design, and thus introduces flexible and diverse theme modes, including a light mode for daytime and a dark mode for nighttime.
+
+In addition to theme mode switching, we also provide a series of color customization options, allowing users to adjust the application's theme colors according to their preferences. Whether it's a stable deep blue, a lively peach pink, or a professional gray and white, users can find color choices in LobeChat that match their own style.
+
+<Callout type={'tip'}>
+  The default configuration can intelligently identify the user's system color mode and
+  automatically switch themes to ensure a consistent visual experience with the operating system.
+</Callout>
+
+For users who prefer to manually adjust details, LobeChat also provides intuitive setting options and offers a choice between conversation bubble mode and document mode for chat scenes.

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

@@ -0,0 +1,30 @@
+---
+title: LobeChat 自定义主题 - 个性化体验
+description: 了解 LobeChat 的灵活多变主题模式，包括日间亮色模式和夜间深色模式，以及颜色定制选项，让用户根据喜好调整应用主题色彩。
+tags:
+  - LobeChat
+  - 自定义主题
+  - 主题模式
+  - 颜色定制
+  - 界面设计
+  - 个性化体验
+---
+
+# 自定义主题
+
+<Image
+  alt={'自定义主题'}
+  borderless
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/9eca103c-9335-4a4c-8192-271a0b857b26'}
+/>
+
+LobeChat 在界面设计上十分考虑用户的个性化体验，因此引入了灵活多变的主题模式，其中包括日间的亮色模式和夜间的深色模式。
+
+除了主题模式的切换，我们还提供了一系列的颜色定制选项，允许用户根据自己的喜好来调整应用的主题色彩。无论是想要沉稳的深蓝，还是希望活泼的桃粉，或者是专业的灰白，用户都能够在 LobeChat 中找到匹配自己风格的颜色选择。
+
+<Callout type={'tip'}>
+  默认配置能够智能地识别用户系统的颜色模式，自动进行主题切换，以确保应用界面与操作系统保持一致的视觉体验。
+</Callout>
+
+对于喜欢手动调控细节的用户，LobeChat 同样提供了直观的设置选项，针对聊天场景也提供了对话气泡模式和文档模式的选择。

package/docs/usage/features/tts.mdx

@@ -0,0 +1,52 @@
+---
+title: LobeChat support Speech Synthesis and Recognition (TTS & STT)
+description: >-
+  Experience seamless Text-to-Speech (TTS) and Speech-to-Text (STT) technologies
+  in LobeChat. Choose from a variety of high-quality voices for personalized
+  communication. Learn more about Lobe TTS toolkit @lobehub/tts.
+tags:
+  - LobeChat
+  - TTS
+  - STT
+  - Voice Conversation
+  - Lobe TTS
+  - Text-to-Speech
+  - Speech-to-Text
+  - Voice Options
+---
+
+# TTS & STT Voice Conversation
+
+<Image
+  alt={'TTS & STT Voice Conversation'}
+  borderless
+  cover
+  src={
+    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072124-c9853d8d-f1b5-44a8-a305-45ebc0f6d19a.png'
+  }
+/>
+
+LobeChat supports Text-to-Speech (TTS) and Speech-to-Text (STT) technologies. Our application can convert text information into clear voice output, allowing users to interact with our conversational agents as if they were talking to a real person. Users can choose from a variety of voices and pair the appropriate audio with the assistant. Additionally, for users who prefer auditory learning or need to obtain information while busy, TTS provides an excellent solution.
+
+In LobeChat, we have carefully selected a series of high-quality voice options (OpenAI Audio, Microsoft Edge Speech) to meet the needs of users from different regions and cultural backgrounds. Users can choose suitable voices based on personal preferences or specific scenarios, thereby obtaining a personalized communication experience.
+
+## Lobe TTS
+
+<Image
+  alt={'LobeTTS @lobehub/tts'}
+  borderless
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/52d20fdc-48c0-45e4-9c51-ee150fc18be7'}
+/>
+
+[`@lobehub/tts`](https://tts.lobehub.com) is a high-quality TTS toolkit developed using the TS language, supporting usage in both server and browser environments.
+
+- **Server**: With just 15 lines of code, it can achieve high-quality speech generation capabilities comparable to OpenAI TTS services. It currently supports EdgeSpeechTTS, MicrosoftTTS, OpenAITTS, and OpenAISTT.
+- **Browser**: It provides high-quality React Hooks and visual audio components, supporting common functions such as loading, playing, pausing, and dragging the timeline, and offering extensive audio track style adjustment capabilities.
+
+<Callout type={'info'}>
+  During the implementation of the TTS feature in LobeChat, we found that there was no good frontend
+  TTS library on the market, which resulted in a lot of effort being spent on implementation,
+  including data conversion, audio progress management, and speech visualization. Adhering to the
+  "Community First" concept, we have polished and open-sourced this implementation, hoping to help
+  community developers who want to implement TTS.
+</Callout>