@lobehub/chat 0.81.0 → 0.82.2

package/CHANGELOG.md

@@ -2,6 +2,81 @@
 
 # Changelog
 
+### [Version 0.82.2](https://github.com/lobehub/lobe-chat/compare/v0.82.1...v0.82.2)
+
+<sup>Released on **2023-09-28**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Refactor settings page and mobile ux.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Refactor settings page and mobile ux ([89c5648](https://github.com/lobehub/lobe-chat/commit/89c5648))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.82.1](https://github.com/lobehub/lobe-chat/compare/v0.82.0...v0.82.1)
+
+<sup>Released on **2023-09-27**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix share screenshot scrollbar.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix share screenshot scrollbar ([244b3b4](https://github.com/lobehub/lobe-chat/commit/244b3b4))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 0.82.0](https://github.com/lobehub/lobe-chat/compare/v0.81.0...v0.82.0)
+
+<sup>Released on **2023-09-27**</sup>
+
+#### ✨ Features
+
+- **share**: Add screenshot.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **share**: Add screenshot, closes [#152](https://github.com/lobehub/lobe-chat/issues/152) ([f5d21f4](https://github.com/lobehub/lobe-chat/commit/f5d21f4))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.81.0](https://github.com/lobehub/lobe-chat/compare/v0.80.2...v0.81.0)
 
 <sup>Released on **2023-09-27**</sup>

package/README.md

@@ -26,7 +26,13 @@ LobeChat is a open-source, extensible ([Function Calling][fc-link]), high-perfor
 [![][github-issues-shield]][github-issues-link]
 [![][github-license-shield]][github-license-link]
 
-[![Deploy with Vercel][deploy-button-image]][deploy-link]
+**Share LobeChat Repository**
+
+[![][share-x-shield]][share-x-link]
+[![][share-telegram-shield]][share-telegram-link]
+[![][share-whatsapp-shield]][share-whatsapp-link]
+[![][share-reddit-shield]][share-reddit-link]
+[![][share-weibo-shield]][share-weibo-link]
 
 ![](https://gw.alipayobjects.com/zos/kitchen/RKnWrrfuMl/welcome.webp)
 
@@ -70,7 +76,7 @@ Please be aware that LobeChat is currently under active development，feedback i
 <details><summary><kbd>Star History</kbd></summary>
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=lobehub%2Flobe-chat&theme=dark&type=Date">
-    <img src="https://api.star-history.com/svg?repos=lobehub%2Flobe-chat&type=Date">
+    <img width="100%" src="https://api.star-history.com/svg?repos=lobehub%2Flobe-chat&type=Date">
   </picture>
 </details>
 
@@ -138,7 +144,7 @@ LobeChat offers two unique theme modes - Light Mode and Dark Mode, as well as ri
 
 #### `5` Mobile Device Adaptation
 
-We have carried out a series of optimization designs for mobile devices to enhance the user's mobile experience. Currently, we are iterating on the mobile user experience to achieve smoother and more intuitive interactions. If you have any suggestions or ideas, we welcome you to provide feedback through Github Issues or Pull Requests.
+We have carried out a series of optimization designs for mobile devices to enhance the user's mobile experience. Currently, we are iterating on the mobile user experience to achieve smoother and more intuitive interactions. If you have any suggestions or ideas, we welcome you to provide feedback through GitHub Issues or Pull Requests.
 
 > 🚧 Additional snapshots and demonstrations are being progressively added...
 
@@ -153,11 +159,11 @@ We have carried out a series of optimization designs for mobile devices to enhan
 LobeChat provides a [self-hosted version][deploy-link] with Vercel. This allows you to build your own chatbot within a few minutes, without any prior knowledge. If you want to deploy this service yourself, you can follow these steps:
 
 - Prepare your [OpenAI API Key](https://platform.openai.com/account/api-keys).
-- Click the button below to start deployment: Deploy with Vercel. Log in directly with your Github account and remember to fill in the API Key and access code CODE on the environment variable page;
+- Click the button below to start deployment: Deploy with Vercel. Log in directly with your GitHub account and remember to fill in the API Key and access code CODE on the environment variable page;
 - After deployment, you can start using it;
 - Bind a custom domain (optional): The DNS of the domain assigned by Vercel is polluted in some areas, binding a custom domain can connect directly.
 
-<div align="right">
+<div align="center">
 
 [![][deploy-button-image]][deploy-link]
 
@@ -226,7 +232,7 @@ Plugins provide a means to extend the [Function Calling][fc-link] capabilities o
 
 ## ⌨️ Local Development
 
-You can use Github Codespaces for online development:
+You can use GitHub Codespaces for online development:
 
 [![][codespaces-shield]][codespaces-link]
 
@@ -344,6 +350,16 @@ This project is [MIT](./LICENSE) licensed.
 [pr-welcome-link]: https://github.com/lobehub/lobe-chat/pulls
 [pr-welcome-shield]: https://img.shields.io/badge/🤯_pr_welcome-%E2%86%92-ffcb47?labelColor=black&style=for-the-badge
 [profile-link]: https://github.com/lobehub
+[share-reddit-link]: https://www.reddit.com/submit?title=Check%20this%20GitHub%20repository%20out%20%F0%9F%A4%AF%20LobeChat%20-%20An%20open-source%2C%20extensible%20%28Function%20Calling%29%2C%20high-performance%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20ChatGPT%2FLLM%20web%20application.%20%23chatbot%20%23chatGPT%20%23openAI&url=https%3A%2F%2Fgithub.com%2Flobehub%2Flobe-chat
+[share-reddit-shield]: https://img.shields.io/badge/-share%20on%20reddit-black?labelColor=black&logo=reddit&logoColor=white&style=flat-square
+[share-telegram-link]: https://t.me/share/url"?text=Check%20this%20GitHub%20repository%20out%20%F0%9F%A4%AF%20LobeChat%20-%20An%20open-source%2C%20extensible%20%28Function%20Calling%29%2C%20high-performance%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20ChatGPT%2FLLM%20web%20application.%20%23chatbot%20%23chatGPT%20%23openAI&url=https%3A%2F%2Fgithub.com%2Flobehub%2Flobe-chat
+[share-telegram-shield]: https://img.shields.io/badge/-share%20on%20telegram-black?labelColor=black&logo=telegram&logoColor=white&style=flat-square
+[share-weibo-link]: http://service.weibo.com/share/share.php?sharesource=weibo&title=Check%20this%20GitHub%20repository%20out%20%F0%9F%A4%AF%20LobeChat%20-%20An%20open-source%2C%20extensible%20%28Function%20Calling%29%2C%20high-performance%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20ChatGPT%2FLLM%20web%20application.%20%23chatbot%20%23chatGPT%20%23openAI&url=https%3A%2F%2Fgithub.com%2Flobehub%2Flobe-chat
+[share-weibo-shield]: https://img.shields.io/badge/-share%20on%20weibo-black?labelColor=black&logo=sinaweibo&logoColor=white&style=flat-square
+[share-whatsapp-link]: https://api.whatsapp.com/send?text=Check%20this%20GitHub%20repository%20out%20%F0%9F%A4%AF%20LobeChat%20-%20An%20open-source%2C%20extensible%20%28Function%20Calling%29%2C%20high-performance%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20ChatGPT%2FLLM%20web%20application.%20https%3A%2F%2Fgithub.com%2Flobehub%2Flobe-chat%20%23chatbot%20%23chatGPT%20%23openAI
+[share-whatsapp-shield]: https://img.shields.io/badge/-share%20on%20whatsapp-black?labelColor=black&logo=whatsapp&logoColor=white&style=flat-square
+[share-x-link]: https://x.com/intent/tweet?hashtags=chatbot%2CchatGPT%2CopenAI&text=Check%20this%20GitHub%20repository%20out%20%F0%9F%A4%AF%20LobeChat%20-%20An%20open-source%2C%20extensible%20%28Function%20Calling%29%2C%20high-performance%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20ChatGPT%2FLLM%20web%20application.&url=https%3A%2F%2Fgithub.com%2Flobehub%2Flobe-chat
+[share-x-shield]: https://img.shields.io/badge/-share%20on%20x-black?labelColor=black&logo=x&logoColor=white&style=flat-square
 [submit-agents-link]: https://github.com/lobehub/lobe-chat-agents
 [submit-agents-shield]: https://img.shields.io/badge/🤖/🏪_submit_agent-%E2%86%92-c4f042?labelColor=black&style=for-the-badge
 [submit-plugin-link]: https://github.com/lobehub/lobe-chat-plugins

package/README.zh-CN.md

@@ -26,7 +26,13 @@ LobeChat 是一个开源的、可扩展的（[Function Calling][fc-link]）高
 [![][github-issues-shield]][github-issues-link]
 [![][github-license-shield]][github-license-link]
 
-[![Deploy with Vercel][deploy-button-image]][deploy-link]
+**感谢分享 LobeChat 仓库**
+
+[![][share-x-shield]][share-x-link]
+[![][share-telegram-shield]][share-telegram-link]
+[![][share-whatsapp-shield]][share-whatsapp-link]
+[![][share-reddit-shield]][share-reddit-link]
+[![][share-weibo-shield]][share-weibo-link]
 
 ![](https://gw.alipayobjects.com/zos/kitchen/RKnWrrfuMl/welcome.webp)
 
@@ -140,7 +146,7 @@ LobeChat 提供了两种独特的主题模式 - 明亮模式和暗黑模式，
 
 #### `5` 移动设备适配
 
-针对移动设备进行了一系列的优化设计，以提升用户的移动体验。目前，我们正在对移动端的用户体验进行版本迭代，以实现更加流畅和直观的交互。如果您有任何建议或想法，我们非常欢迎您通过 Github Issues 或者 Pull Requests 提供反馈。
+针对移动设备进行了一系列的优化设计，以提升用户的移动体验。目前，我们正在对移动端的用户体验进行版本迭代，以实现更加流畅和直观的交互。如果您有任何建议或想法，我们非常欢迎您通过 GitHub Issues 或者 Pull Requests 提供反馈。
 
 > 🚧 更多快照和演示正在陆续添加中...
 
@@ -155,11 +161,11 @@ LobeChat 提供了两种独特的主题模式 - 明亮模式和暗黑模式，
 LobeChat 提供了 Vercel 的 [自托管版本][deploy-link]。这使你可以在几分钟内构建自己的聊天机器人，无需任何基础知识。如果想自己部署该服务，可以按照以下步骤进行操作：
 
 - 准备好你的 [OpenAI API Key](https://platform.openai.com/account/api-keys) 。
-- 点击下方按钮开始部署： Deploy with Vercel，直接使用 Github 账号登录即可，记得在环境变量页填入 API Key 和页面访问密码 CODE；
+- 点击下方按钮开始部署： Deploy with Vercel，直接使用 GitHub 账号登录即可，记得在环境变量页填入 API Key 和页面访问密码 CODE；
 - 部署完毕后，即可开始使用；
 - 绑定自定义域名（可选）：Vercel 分配的域名 DNS 在某些区域被污染了，绑定自定义域名即可直连。
 
-<div align="right">
+<div align="center">
 
 [![][deploy-button-image]][deploy-link]
 
@@ -228,7 +234,7 @@ LobeChat 提供了 Vercel 的 [自托管版本][deploy-link]。这使你可以
 
 ## ⌨️ 本地开发
 
-可以使用 Github Codespaces 进行在线开发：
+可以使用 GitHub Codespaces 进行在线开发：
 
 [![][codespaces-shield]][codespaces-link]
 
@@ -346,6 +352,16 @@ This project is [MIT](./LICENSE) licensed.
 [pr-welcome-link]: https://github.com/lobehub/lobe-chat/pulls
 [pr-welcome-shield]: https://img.shields.io/badge/🤯_pr_welcome-%E2%86%92-ffcb47?labelColor=black&style=for-the-badge
 [profile-link]: https://github.com/lobehub
+[share-reddit-link]: https://www.reddit.com/submit?title=%E6%8E%A8%E8%8D%90%E4%B8%80%E4%B8%AA%20GitHub%20%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE%20%F0%9F%A4%AF%20LobeChat%20-%20%E5%BC%80%E6%BA%90%E7%9A%84%E3%80%81%E5%8F%AF%E6%89%A9%E5%B1%95%E7%9A%84%EF%BC%88Function%20Calling%EF%BC%89%E9%AB%98%E6%80%A7%E8%83%BD%E8%81%8A%E5%A4%A9%E6%9C%BA%E5%99%A8%E4%BA%BA%E6%A1%86%E6%9E%B6%E3%80%82%0A%E5%AE%83%E6%94%AF%E6%8C%81%E4%B8%80%E9%94%AE%E5%85%8D%E8%B4%B9%E9%83%A8%E7%BD%B2%E7%A7%81%E4%BA%BA%20ChatGPT%2FLLM%20%E7%BD%91%E9%A1%B5%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%20%23chatbot%20%23chatGPT%20%23openAI&url=https%3A%2F%2Fgithub.com%2Flobehub%2Flobe-chat
+[share-reddit-shield]: https://img.shields.io/badge/-share%20on%20reddit-black?labelColor=black&logo=reddit&logoColor=white&style=flat-square
+[share-telegram-link]: https://t.me/share/url"?text=%E6%8E%A8%E8%8D%90%E4%B8%80%E4%B8%AA%20GitHub%20%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE%20%F0%9F%A4%AF%20LobeChat%20-%20%E5%BC%80%E6%BA%90%E7%9A%84%E3%80%81%E5%8F%AF%E6%89%A9%E5%B1%95%E7%9A%84%EF%BC%88Function%20Calling%EF%BC%89%E9%AB%98%E6%80%A7%E8%83%BD%E8%81%8A%E5%A4%A9%E6%9C%BA%E5%99%A8%E4%BA%BA%E6%A1%86%E6%9E%B6%E3%80%82%0A%E5%AE%83%E6%94%AF%E6%8C%81%E4%B8%80%E9%94%AE%E5%85%8D%E8%B4%B9%E9%83%A8%E7%BD%B2%E7%A7%81%E4%BA%BA%20ChatGPT%2FLLM%20%E7%BD%91%E9%A1%B5%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%20%23chatbot%20%23chatGPT%20%23openAI&url=https%3A%2F%2Fgithub.com%2Flobehub%2Flobe-chat
+[share-telegram-shield]: https://img.shields.io/badge/-share%20on%20telegram-black?labelColor=black&logo=telegram&logoColor=white&style=flat-square
+[share-weibo-link]: http://service.weibo.com/share/share.php?sharesource=weibo&title=%E6%8E%A8%E8%8D%90%E4%B8%80%E4%B8%AA%20GitHub%20%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE%20%F0%9F%A4%AF%20LobeChat%20-%20%E5%BC%80%E6%BA%90%E7%9A%84%E3%80%81%E5%8F%AF%E6%89%A9%E5%B1%95%E7%9A%84%EF%BC%88Function%20Calling%EF%BC%89%E9%AB%98%E6%80%A7%E8%83%BD%E8%81%8A%E5%A4%A9%E6%9C%BA%E5%99%A8%E4%BA%BA%E6%A1%86%E6%9E%B6%E3%80%82%0A%E5%AE%83%E6%94%AF%E6%8C%81%E4%B8%80%E9%94%AE%E5%85%8D%E8%B4%B9%E9%83%A8%E7%BD%B2%E7%A7%81%E4%BA%BA%20ChatGPT%2FLLM%20%E7%BD%91%E9%A1%B5%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%20%23chatbot%20%23chatGPT%20%23openAI&url=https%3A%2F%2Fgithub.com%2Flobehub%2Flobe-chat
+[share-weibo-shield]: https://img.shields.io/badge/-share%20on%20weibo-black?labelColor=black&logo=sinaweibo&logoColor=white&style=flat-square
+[share-whatsapp-link]: https://api.whatsapp.com/send?text=%E6%8E%A8%E8%8D%90%E4%B8%80%E4%B8%AA%20GitHub%20%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE%20%F0%9F%A4%AF%20LobeChat%20-%20%E5%BC%80%E6%BA%90%E7%9A%84%E3%80%81%E5%8F%AF%E6%89%A9%E5%B1%95%E7%9A%84%EF%BC%88Function%20Calling%EF%BC%89%E9%AB%98%E6%80%A7%E8%83%BD%E8%81%8A%E5%A4%A9%E6%9C%BA%E5%99%A8%E4%BA%BA%E6%A1%86%E6%9E%B6%E3%80%82%0A%E5%AE%83%E6%94%AF%E6%8C%81%E4%B8%80%E9%94%AE%E5%85%8D%E8%B4%B9%E9%83%A8%E7%BD%B2%E7%A7%81%E4%BA%BA%20ChatGPT%2FLLM%20%E7%BD%91%E9%A1%B5%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%20https%3A%2F%2Fgithub.com%2Flobehub%2Flobe-chat%20%23chatbot%20%23chatGPT%20%23openAI
+[share-whatsapp-shield]: https://img.shields.io/badge/-share%20on%20whatsapp-black?labelColor=black&logo=whatsapp&logoColor=white&style=flat-square
+[share-x-link]: https://x.com/intent/tweet?hashtags=chatbot%2CchatGPT%2CopenAI&text=%E6%8E%A8%E8%8D%90%E4%B8%80%E4%B8%AA%20GitHub%20%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE%20%F0%9F%A4%AF%20LobeChat%20-%20%E5%BC%80%E6%BA%90%E7%9A%84%E3%80%81%E5%8F%AF%E6%89%A9%E5%B1%95%E7%9A%84%EF%BC%88Function%20Calling%EF%BC%89%E9%AB%98%E6%80%A7%E8%83%BD%E8%81%8A%E5%A4%A9%E6%9C%BA%E5%99%A8%E4%BA%BA%E6%A1%86%E6%9E%B6%E3%80%82%0A%E5%AE%83%E6%94%AF%E6%8C%81%E4%B8%80%E9%94%AE%E5%85%8D%E8%B4%B9%E9%83%A8%E7%BD%B2%E7%A7%81%E4%BA%BA%20ChatGPT%2FLLM%20%E7%BD%91%E9%A1%B5%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F&url=https%3A%2F%2Fgithub.com%2Flobehub%2Flobe-chat
+[share-x-shield]: https://img.shields.io/badge/-share%20on%20x-black?labelColor=black&logo=x&logoColor=white&style=flat-square
 [submit-agents-link]: https://github.com/lobehub/lobe-chat-agents
 [submit-agents-shield]: https://img.shields.io/badge/🤖/🏪_submit_agent-%E2%86%92-c4f042?labelColor=black&style=for-the-badge
 [submit-plugin-link]: https://github.com/lobehub/lobe-chat-plugins

package/docs/Environment-Variable.md

@@ -17,6 +17,8 @@ LobeChat provides additional configuration options during deployment, which can
   - [`PLUGINS_INDEX_URL`](#plugins_index_url)
 - [Agent Service](#agent-service)
   - [`AGENTS_INDEX_URL`](#agents_index_url)
+- [Data Analytics](#data-analytics)
+  - [Posthog Analytics](#posthog-analytics)
 - [Development Environment](#development-environment)
   - [`DEV_API_END_PORT_URL`](#dev_api_end_port_url)
 
@@ -26,7 +28,7 @@ LobeChat provides additional configuration options during deployment, which can
 
 - Type: Optional
 - Description: Add a password to access the LobeChat service, the password should be 6 digits or letters
-- Default Value: -
+- Default: -
 - Example: `awCT74` or `e3@09!`
 
 <br/>
@@ -37,14 +39,14 @@ LobeChat provides additional configuration options during deployment, which can
 
 - Type: Required
 - Description: This is the API key you apply for on the OpenAI account page, you can go [here][openai-api-page] to view
-- Default Value: -
+- Default: -
 - Example: `sk-xxxxxx...xxxxxx`
 
 ### `OPENAI_PROXY_URL`
 
 - Type: Optional
 - Description: If you manually configure the OpenAI interface proxy, you can use this configuration item to override the default OpenAI API request base URL
-- Default Value: `https://api.openai.com`
+- Default: `https://api.openai.com`
 - Example: `https://api.chatanywhere.cn`
 
 <br/>
@@ -57,21 +59,21 @@ If you need to use Azure OpenAI to provide model services, you can refer to the
 
 - Type: Optional
 - Description: Set this value to `1` to enable Azure OpenAI configuration
-- Default Value: -
+- Default: -
 - Example: `1`
 
 ### `AZURE_API_KEY`
 
 - Type: Optional
 - Description: This is the API key you apply for on the Azure OpenAI account page
-- Default Value: -
+- Default: -
 - Example: `c55168be3874490ef0565d9779ecd5a6`
 
 ### `AZURE_API_VERSION`
 
 - Type: Optional
 - Description: Azure's API version, following the YYYY-MM-DD format
-- Default Value: `2023-08-01-preview`
+- Default: `2023-08-01-preview`
 - Example: `2023-05-15`, refer to [latest version][azure-api-verion-url]
 
 <br/>
@@ -82,7 +84,7 @@ If you need to use Azure OpenAI to provide model services, you can refer to the
 
 - Type: Optional
 - Description: The index address of the LobeChat plugin market. If you have deployed the plugin market service yourself, you can use this variable to override the default plugin market address
-- Default Value: `https://chat-plugins.lobehub.com`
+- Default: `https://chat-plugins.lobehub.com`
 
 <br/>
 
@@ -92,7 +94,41 @@ If you need to use Azure OpenAI to provide model services, you can refer to the
 
 - Type: Optional
 - Description: The index address of the LobeChat role market. If you have deployed the role market service yourself, you can use this variable to override the default plugin market address
-- Default Value: `https://chat-agents.lobehub.com`
+- Default: `https://chat-agents.lobehub.com`
+
+<br/>
+
+## Data Analytics
+
+### Posthog Analytics
+
+#### `NEXT_PUBLIC_ANALYTICS_POSTHOG`
+
+- Type: Optional
+- Description: Environment variable to enable \[PostHog Analytics]\[posthog-analytics-url]. Set to `1` to enable PostHog Analytics.
+- Default: -
+- Example: `1`
+
+#### `NEXT_PUBLIC_POSTHOG_KEY`
+
+- Type: Optional
+- Description: Set the PostHog project key.
+- Default: -
+- Example: `phc_xxxxxxxx`
+
+#### `NEXT_PUBLIC_POSTHOG_HOST`
+
+- Type: Optional
+- Description: Set the deployment address of the PostHog service. Default is the official SAAS address.
+- Default: `https://app.posthog.com`
+- Example: `https://example.com`
+
+#### `NEXT_PUBLIC_POSTHOG_DEBUG`
+
+- Type: Optional
+- Description: Enable debug mode for PostHog.
+- Default: -
+- Example: `1`
 
 <br/>
 
@@ -102,7 +138,7 @@ If you need to use Azure OpenAI to provide model services, you can refer to the
 
 - Type: Optional
 - Description: Define the proxy address of the LobeChat server request forwarding. Using this variable can conveniently forward requests to the line during development. See [configuration code](https://github.com/lobehub/lobe-chat/blob/main/next.config.mjs#L29-L38)
-- Default Value: -
+- Default: -
 - Example: `https://chat-preview.lobehub.com`
 
 [azure-api-verion-url]: https://docs.microsoft.com/zh-cn/azure/developer/javascript/api-reference/es-modules/azure-sdk/ai-translation/translationconfiguration?view=azure-node-latest#api-version

package/docs/Environment-Variable.zh-CN.md

@@ -20,10 +20,7 @@ LobeChat 在部署时提供了一些额外的配置项，使用环境变量进
 - [数据统计](#数据统计)
   - [Vercel Analytics](#vercel-analytics)
   - [Mixpanel Analytics](#mixpanel-analytics)
-  - [`NEXT_PUBLIC_MIXPANEL_PROJECT_TOKEN`](#next_public_mixpanel_project_token)
-  - [`NEXT_PUBLIC_MIXPANEL_DEBUG`](#next_public_mixpanel_debug)
   - [Posthog Analytics](#posthog-analytics)
-  - [`NEXT_PUBLIC_POSTHOG_DEBUG`](#next_public_posthog_debug)
 - [开发环境](#开发环境)
   - [`DEV_API_END_PORT_URL`](#dev_api_end_port_url)
 
@@ -128,14 +125,14 @@ LobeChat 在部署时提供了一些额外的配置项，使用环境变量进
 - 默认值： -
 - 示例：`1`
 
-### `NEXT_PUBLIC_MIXPANEL_PROJECT_TOKEN`
+#### `NEXT_PUBLIC_MIXPANEL_PROJECT_TOKEN`
 
 - 类型：可选
 - 描述：设置 Mixpanel 项目的识别 Token，可以在[这里][mixpanel-project-url]找到
 - 默认值： -
 - 示例：`60db2abae7fdd29961f4e8f91b074b3a`
 
-### `NEXT_PUBLIC_MIXPANEL_DEBUG`
+#### `NEXT_PUBLIC_MIXPANEL_DEBUG`
 
 - 类型：可选
 - 描述：开启 Mixpanel 的调试模式
@@ -165,7 +162,7 @@ LobeChat 在部署时提供了一些额外的配置项，使用环境变量进
 - 默认值：`https://app.posthog.com`
 - 示例：`https://example.com`
 
-### `NEXT_PUBLIC_POSTHOG_DEBUG`
+#### `NEXT_PUBLIC_POSTHOG_DEBUG`
 
 - 类型：可选
 - 描述：开启 PostHog 的调试模式

package/locales/en_US/common.json

@@ -36,7 +36,7 @@
   "historyRange": "History Range",
   "import": "Import Configuration",
   "inbox": {
-    "defaultMessage": "Hello, I'm your intelligent agent. You can ask me any questions and I will do my best to answer you. If you need a more professional or customized agent, you can click <kbd>+</kbd> to create a custom agent.",
+    "defaultMessage": "Hello, I'm your intelligent agent. You can ask me any questions and I will do my best to answer you. If you need a more professional or customized agent, you can click `+` to create a custom agent.",
     "desc": "Activate the brain cluster and spark your thinking. Your intelligent agent is here to communicate with you about everything.",
     "title": "Chat Freely"
   },
@@ -47,6 +47,7 @@
   "newAgent": "New Agent",
   "noDescription": "No Description",
   "ok": "OK",
+  "password": "Password",
   "pin": "Pin",
   "pinOff": "Unpin",
   "regenerate": "Regenerate",
@@ -60,6 +61,17 @@
   "sessionList": "Agent List",
   "setting": "Settings",
   "share": "Share",
+  "shareModal": {
+    "download": "Download Screenshot",
+    "imageType": "Image Type",
+    "screenshot": "Screenshot",
+    "settings": "Export Settings",
+    "withBackground": "Include Background Image",
+    "withPluginInfo": "Include Plugin Information",
+    "withSystemRole": "Include Agent Role Setting",
+    "withFooter": "Including footer",
+    "shareToShareGPT": "Generate ShareGPT sharing link"
+  },
   "stop": "Stop",
   "tab": {
     "chat": "Chat",

package/locales/ru_RU/common.json

@@ -36,7 +36,7 @@
   "historyRange": "Исторический диапазон",
   "import": "Импорт конфига",
   "inbox": {
-    "defaultMessage": "Hello, I'm your intelligent assistant. You can ask me any questions and I will do my best to answer you. If you need a more professional or customized assistant, you can click <kbd>+</kbd> to create a custom assistant.",
+    "defaultMessage": "Hello, I'm your intelligent assistant. You can ask me any questions and I will do my best to answer you. If you need a more professional or customized assistant, you can click `+` to create a custom assistant.",
     "desc": "Activate the brain cluster and spark your thinking. Your intelligent assistant is here to communicate with you about everything.",
     "title": "Chat Freely"
   },
@@ -47,6 +47,7 @@
   "newAgent": "Новый ассистент",
   "noDescription": "Нет описания",
   "ok": "ОК",
+  "password": "пароль",
   "pin": "Закрепить",
   "pinOff": "Открепить",
   "regenerate": "Ре-генерация",
@@ -60,6 +61,17 @@
   "sessionList": "Список помощников",
   "setting": "Настройки",
   "share": "Поделиться",
+  "shareModal": {
+    "download": "Скачать скриншот",
+    "imageType": "Тип изображения",
+    "screenshot": "Скриншот",
+    "settings": "Настройки экспорта",
+    "withBackground": "С фоновым изображением",
+    "withPluginInfo": "С информацией о плагине",
+    "withSystemRole": "С настройками роли помощника",
+    "withFooter": "с подвалом",
+    "shareToShareGPT": "Создать ссылку для обмена ShareGPT"
+  },
   "stop": "Остановить",
   "tab": {
     "chat": "Чат",

package/locales/zh_CN/common.json

@@ -36,7 +36,7 @@
   "historyRange": "历史范围",
   "import": "导入配置",
   "inbox": {
-    "defaultMessage": "你好，我是你的智能助手，你可以问我任何问题，我会尽力回答你。如果需要获得更加专业或定制的助手，可以点击<kbd>+</kbd>创建自定义助手",
+    "defaultMessage": "你好，我是你的智能助手，你可以问我任何问题，我会尽力回答你。如果需要获得更加专业或定制的助手，可以点击`+`创建自定义助手",
     "desc": "开启大脑集群，激发思维火花。你的智能助理，在这里与你交流一切",
     "title": "随便聊聊"
   },
@@ -47,6 +47,7 @@
   "newAgent": "新建助手",
   "noDescription": "暂无描述",
   "ok": "确定",
+  "password": "密码",
   "pin": "置顶",
   "pinOff": "取消置顶",
   "regenerate": "重新生成",
@@ -60,6 +61,17 @@
   "sessionList": "助手列表",
   "setting": "设置",
   "share": "分享",
+  "shareModal": {
+    "download": "下载截图",
+    "imageType": "图片格式",
+    "screenshot": "截图",
+    "settings": "导出设置",
+    "shareToShareGPT": "生成 ShareGPT 分享链接",
+    "withBackground": "包含背景图片",
+    "withFooter": "包含页脚",
+    "withPluginInfo": "包含插件信息",
+    "withSystemRole": "包含助手角色设定"
+  },
   "stop": "停止",
   "tab": {
     "chat": "会话",

package/locales/zh_TW/common.json

@@ -36,7 +36,7 @@
   "historyRange": "歷史範圍",
   "import": "匯入設定",
   "inbox": {
-    "defaultMessage": "您好，我是您的智慧助理。您可以問我任何問題，我會盡力回答您。如果您需要更專業或自訂的助理，您可以點選 <kbd>+</kbd> 來建立一個自訂助理。",
+    "defaultMessage": "您好，我是您的智慧助理。您可以問我任何問題，我會盡力回答您。如果您需要更專業或自訂的助理，您可以點選 `+` 來建立一個自訂助理。",
     "desc": "啟動思維並激發你的創意。你的智慧助理已經準備好與你討論所有事情。",
     "title": "隨便聊聊"
   },
@@ -47,6 +47,7 @@
   "newAgent": "新助理",
   "noDescription": "無描述",
   "ok": "確定",
+  "password": "密碼",
   "pin": "置頂",
   "pinOff": "取消置頂",
   "regenerate": "重新產生",
@@ -60,6 +61,17 @@
   "sessionList": "助理列表",
   "setting": "設定",
   "share": "分享",
+  "shareModal": {
+    "download": "下載截圖",
+    "imageType": "圖片格式",
+    "screenshot": "截圖",
+    "settings": "匯出設定",
+    "withBackground": "包含背景圖片",
+    "withPluginInfo": "包含插件資訊",
+    "withSystemRole": "包含助手角色設定",
+    "withFooter": "包含頁腳",
+    "shareToShareGPT": "生成 ShareGPT 分享連結"
+  },
   "stop": "停止",
   "tab": {
     "chat": "聊天",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.81.0",
+  "version": "0.82.2",
   "description": "An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application",
   "keywords": [
     "chatbot",
@@ -78,9 +78,11 @@
     "antd-style": "^3",
     "brotli-wasm": "^1",
     "chroma-js": "^2",
+    "dayjs": "^1",
     "emoji-mart": "^5",
     "fast-deep-equal": "^3",
     "gpt-tokenizer": "^2",
+    "html-to-image": "^1",
     "i18next": "^23",
     "idb-keyval": "^6",
     "immer": "^10",
@@ -98,7 +100,9 @@
     "react-i18next": "^13",
     "react-intersection-observer": "^9",
     "react-layout-kit": "^1",
-    "satori": "^0.10",
+    "remark": "^14",
+    "remark-gfm": "^3",
+    "remark-html": "^15",
     "swr": "^2",
     "systemjs": "^6",
     "ts-md5": "^1",
@@ -138,7 +142,6 @@
     "next-pwa": "^5",
     "node-fetch": "^3",
     "prettier": "^3",
-    "remark": "^14",
     "remark-cli": "^11",
     "semantic-release": "^21",
     "stylelint": "^15",

package/public/manifest.json

@@ -6,26 +6,12 @@
     {
       "src": "/icons/icon-192x192.png",
       "sizes": "192x192",
-      "type": "image/png",
-      "purpose": "any"
-    },
-    {
-      "src": "/icons/icon-maskable-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png",
-      "purpose": "maskable"
+      "type": "image/png"
     },
     {
       "src": "/icons/icon-512x512.png",
       "sizes": "512x512",
-      "type": "image/png",
-      "purpose": "any"
-    },
-    {
-      "src": "/icons/icon-maskable-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png",
-      "purpose": "maskable"
+      "type": "image/png"
     }
   ],
   "id": "/",

package/src/app/chat/features/Conversation/ChatList/Error/InvalidAccess.tsx

@@ -12,9 +12,14 @@ import OtpInput from '../OTPInput';
 import APIKeyForm from './ApiKeyForm';
 import { ErrorActionContainer, FormAction } from './style';
 
+enum Tab {
+  Api = 'api',
+  Password = 'password',
+}
+
 const InvalidAccess = memo<{ id: string }>(({ id }) => {
   const { t } = useTranslation('error');
-  const [mode, setMode] = useState('password');
+  const [mode, setMode] = useState<Tab>(Tab.Password);
   const [password, setSettings] = useGlobalStore((s) => [s.settings.password, s.setSettings]);
   const [resend, deleteMessage] = useSessionStore((s) => [s.resendMessage, s.deleteMessage]);
 
@@ -22,16 +27,20 @@ const InvalidAccess = memo<{ id: string }>(({ id }) => {
     <ErrorActionContainer>
       <Segmented
         block
-        onChange={(value) => setMode(value as string)}
+        onChange={(value) => setMode(value as Tab)}
         options={[
-          { icon: <Icon icon={KeySquare} />, label: 'OpenAI API Key', value: 'api' },
-          { icon: <Icon icon={SquareAsterisk} />, label: '密码', value: 'password' },
+          { icon: <Icon icon={KeySquare} />, label: 'OpenAI API Key', value: Tab.Api },
+          {
+            icon: <Icon icon={SquareAsterisk} />,
+            label: t('password', { ns: 'common' }),
+            value: Tab.Password,
+          },
         ]}
         style={{ width: '100%' }}
         value={mode}
       />
       <Flexbox gap={24}>
-        {mode === 'password' ? (
+        {mode === Tab.Password && (
           <>
             <FormAction
               avatar={'🗳'}
@@ -56,7 +65,8 @@ const InvalidAccess = memo<{ id: string }>(({ id }) => {
               {t('unlock.confirm')}
             </Button>
           </>
-        ) : (
+        )}
+        {mode === Tab.Api && (
           <APIKeyForm
             onConfirm={() => {
               resend(id);