@lobehub/chat 1.22.5 → 1.22.7

package/.env.example

@@ -176,9 +176,9 @@ OPENAI_API_KEY=sk-xxxxxxxxx
 # NEXT_AUTH_SECRET=
 
 # Auth0 configurations
-# AUTH0_CLIENT_ID=
-# AUTH0_CLIENT_SECRET=
-# AUTH0_ISSUER=https://your-domain.auth0.com
+# AUTH_AUTH0_ID=
+# AUTH_AUTH0_SECRET=
+# AUTH_AUTH0_ISSUER=https://your-domain.auth0.com
 
 ########################################
 ########## Server Database #############

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.22.7](https://github.com/lobehub/lobe-chat/compare/v1.22.6...v1.22.7)
+
+<sup>Released on **2024-10-17**</sup>
+
+#### 💄 Styles
+
+- **misc**: Add qwen vision model & update qwen2.5 72b to 128k for siliconcloud.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Add qwen vision model & update qwen2.5 72b to 128k for siliconcloud, closes [#4380](https://github.com/lobehub/lobe-chat/issues/4380) ([e8c009b](https://github.com/lobehub/lobe-chat/commit/e8c009b))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.22.6](https://github.com/lobehub/lobe-chat/compare/v1.22.5...v1.22.6)
+
+<sup>Released on **2024-10-13**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix images not go in to chat context.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix images not go in to chat context, closes [#4361](https://github.com/lobehub/lobe-chat/issues/4361) ([f17ab49](https://github.com/lobehub/lobe-chat/commit/f17ab49))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.22.5](https://github.com/lobehub/lobe-chat/compare/v1.22.4...v1.22.5)
 
 <sup>Released on **2024-10-13**</sup>

package/README.md

@@ -152,7 +152,7 @@ We have implemented support for the following model service providers:
 - **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/)
 - **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 the Qwen series models, including the latest **qwen-turbo**, **qwen-plus** and **qwen-max**. [Lean more](https://help.aliyun.com/zh/dashscope/developer-reference/model-introduction)
+- **Qwen**: Integrated 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)
 - **Novita AI**: Access **Llama**, **Mistral**, and other leading open-source models at cheapest prices. Engage in uncensored role-play, spark creative discussions, and foster unrestricted innovation. **Pay For What You Use.** [Learn more](https://novita.ai/llm-api?utm_source=lobechat&utm_medium=ch&utm_campaign=api)
 
 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).
@@ -285,14 +285,14 @@ Our marketplace is not just a showcase platform but also a collaborative space.
 
 <!-- AGENT LIST -->
 
-| Recent Submits                                                                                                                                                                                | Description                                                                                                                                                                                          |
-| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Fitness Expert](https://chat-preview.lobehub.com/market?agent=assistants-health-better)<br/><sup>By **[Lockeysama](https://github.com/Lockeysama)** on **2024-10-08**</sup>                  | Knowledgeable fitness expert<br/>`fitness` `consultation` `lifestyle-issues` `advice`                                                                                                                |
-| [Code Optimization/Error Correction](https://chat-preview.lobehub.com/market?agent=code-review-and-fix)<br/><sup>By **[alphandbelt](https://github.com/alphandbelt)** on **2024-10-08**</sup> | Proficient in multiple programming languages, optimizing code structure, fixing errors, and providing elegant solutions.<br/>`code-optimization` `error-correction` `multiple-programming-languages` |
-| [Ethical Security Analyst](https://chat-preview.lobehub.com/market?agent=cyber-specialist)<br/><sup>By **[ayeantics](https://github.com/ayeantics)** on **2024-10-08**</sup>                  | Specializes in identifying and mitigating security vulnerabilities in web and mobile platforms.<br/>`cybersecurity` `ethical-hacking` `vulnerability-assessment` `consulting` `technical-assistance` |
-| [Mistaker](https://chat-preview.lobehub.com/market?agent=english)<br/><sup>By **[Vork-IT](https://github.com/Vork-IT)** on **2024-10-08**</sup>                                               | killed in clear explanations and examples of grammar and pronunciation.<br/>`english`                                                                                                                |
+| Recent Submits                                                                                                                                                                            | Description                                                                                                                                                                                                           |
+| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [Boxing Training Master](https://chat-preview.lobehub.com/market?agent=boxing-master)<br/><sup>By **[Luyi-2333](https://github.com/Luyi-2333)** on **2024-10-15**</sup>                   | Expert in boxing training guidance and personalized plan development<br/>`boxing-training` `personalized-plans` `fitness-guidance` `progress-evaluation` `technique-improvement` `health-and-nutrition`               |
+| [Coconut](https://chat-preview.lobehub.com/market?agent=deep-thinker-ai)<br/><sup>By **[hia1234](https://github.com/hia1234)** on **2024-10-15**</sup>                                    | A chatbot that undergoes several reviews of its responses, checking whether there is a basis for its statements and actively requesting feedback while engaging in repeated interactions.<br/>`programming` `general` |
+| [GitHub Project Documentation Assistant](https://chat-preview.lobehub.com/market?agent=github-doc-asst)<br/><sup>By **[Luyi-2333](https://github.com/Luyi-2333)** on **2024-10-14**</sup> | Focused on writing and optimizing documentation for open source projects<br/>`documentation-optimization` `open-source-projects` `writing-techniques` `git-hub`                                                       |
+| [Ophthalmologist](https://chat-preview.lobehub.com/market?agent=ophthalmologist)<br/><sup>By **[yuphone](https://github.com/yuphone)** on **2024-10-14**</sup>                            | Specializes in ophthalmic diagnosis and treatment recommendations<br/>`healthcare` `ophthalmology` `diagnosis` `recommendations` `professional`                                                                       |
 
-> 📊 Total agents: [<kbd>**411**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
+> 📊 Total agents: [<kbd>**418**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
 
  <!-- AGENT LIST -->
 

package/README.zh-CN.md

@@ -273,14 +273,14 @@ LobeChat 的插件生态系统是其核心功能的重要扩展，它极大地
 
 <!-- AGENT LIST -->
 
-| 最近新增                                                                                                                                                                       | 助手说明                                                                                                |
-| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- |
-| [健身专家](https://chat-preview.lobehub.com/market?agent=assistants-health-better)<br/><sup>By **[Lockeysama](https://github.com/Lockeysama)** on **2024-10-08**</sup>         | 知识渊博的健身专家<br/>`健身` `咨询` `生活问题` `建议`                                                  |
-| [代码优化 / 错误修改](https://chat-preview.lobehub.com/market?agent=code-review-and-fix)<br/><sup>By **[alphandbelt](https://github.com/alphandbelt)** on **2024-10-08**</sup> | 精通多种编程语言，优化代码结构，修复错误并提供优雅的解决方案。<br/>`代码优化` `错误修改` `多种编程语言` |
-| [伦理安全分析师](https://chat-preview.lobehub.com/market?agent=cyber-specialist)<br/><sup>By **[ayeantics](https://github.com/ayeantics)** on **2024-10-08**</sup>             | 专注于识别和减轻网络和移动平台中的安全漏洞。<br/>`网络安全` `伦理黑客` `漏洞评估` `咨询` `技术支持`     |
-| [Mistaker](https://chat-preview.lobehub.com/market?agent=english)<br/><sup>By **[Vork-IT](https://github.com/Vork-IT)** on **2024-10-08**</sup>                                | 通过清晰的解释和语法、发音示例来消除错误。<br/>`英语`                                                   |
-
-> 📊 Total agents: [<kbd>**411**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
+| 最近新增                                                                                                                                                               | 助手说明                                                                                                   |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
+| [拳击训练大师](https://chat-preview.lobehub.com/market?agent=boxing-master)<br/><sup>By **[Luyi-2333](https://github.com/Luyi-2333)** on **2024-10-15**</sup>          | 擅长拳击训练指导与个性化计划制定<br/>`拳击训练` `个性化计划` `健身指导` `进度评估` `技术提升` `健康与营养` |
+| [椰子](https://chat-preview.lobehub.com/market?agent=deep-thinker-ai)<br/><sup>By **[hia1234](https://github.com/hia1234)** on **2024-10-15**</sup>                    | 在自己的回答中进行多次审查，确保聊天机器人所说的话有依据，并积极请求反馈，反复进行互动<br/>`编程` `一般`   |
+| [GitHub 项目文档助手](https://chat-preview.lobehub.com/market?agent=github-doc-asst)<br/><sup>By **[Luyi-2333](https://github.com/Luyi-2333)** on **2024-10-14**</sup> | 专注开源项目文档编写与优化<br/>`文档优化` `开源项目` `撰写技巧` `git-hub`                                  |
+| [眼科医生](https://chat-preview.lobehub.com/market?agent=ophthalmologist)<br/><sup>By **[yuphone](https://github.com/yuphone)** on **2024-10-14**</sup>                | 擅长眼科诊断与治疗建议提供<br/>`医疗` `眼科` `诊断` `建议` `专业`                                          |
+
+> 📊 Total agents: [<kbd>**418**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
 
  <!-- AGENT LIST -->
 

package/docker-compose/local/logto/.env.example

@@ -1,6 +1,7 @@
 # Logto secret
-AUTH_LOGTO_CLIENT_ID=
-AUTH_LOGTO_CLIENT_SECRET=
+AUTH_LOGTO_ID=
+AUTH_LOGTO_SECRET=
+AUTH_LOGTO_ISSUER=
 
 # MinIO S3 configuration
 MINIO_ROOT_USER=YOUR_MINIO_USER

package/docker-compose/local/logto/.env.zh-CN.example

@@ -1,6 +1,7 @@
 # Logto 鉴权相关
-AUTH_LOGTO_CLIENT_ID=
-AUTH_LOGTO_CLIENT_SECRET=
+AUTH_LOGTO_ID=
+AUTH_LOGTO_SECRET=
+AUTH_LOGTO_ISSUER=
 
 # MinIO S3 配置
 MINIO_ROOT_USER=YOUR_MINIO_USER

package/docker-compose/production/logto/.env.example

@@ -23,8 +23,8 @@ NEXTAUTH_URL=https://lobe.example.com/api/auth
 
 # NextAuth providers configuration (example using Logto)
 # For other providers, see: https://lobehub.com/docs/self-hosting/environment-variables/auth
-AUTH_LOGTO_CLIENT_ID=YOUR_LOGTO_CLIENT_ID
-AUTH_LOGTO_CLIENT_SECRET=YOUR_LOGTO_CLIENT_SECRET
+AUTH_LOGTO_ID=YOUR_LOGTO_ID
+AUTH_LOGTO_SECRET=YOUR_LOGTO_SECRET
 AUTH_LOGTO_ISSUER=https://lobe-auth-api.example.com/oidc
 
 # Proxy settings (if needed, e.g., when using GitHub as an auth provider)

package/docker-compose/production/logto/.env.zh-CN.example

@@ -22,8 +22,8 @@ NEXTAUTH_URL=https://lobe.example.com/api/auth
 
 # NextAuth 鉴权服务提供商部分，以 Logto 为例
 # 其他鉴权服务提供商所需的环境变量，请参考：https://lobehub.com/zh/docs/self-hosting/environment-variables/auth
-AUTH_LOGTO_CLIENT_ID=YOUR_LOGTO_CLIENT_ID
-AUTH_LOGTO_CLIENT_SECRET=YOUR_LOGTO_CLIENT_SECRET
+AUTH_LOGTO_ID=YOUR_LOGTO_ID
+AUTH_LOGTO_SECRET=YOUR_LOGTO_SECRET
 AUTH_LOGTO_ISSUER=https://lobe-auth-api.example.com/oidc
 
 # 代理相关，如果你需要的话（比如你使用 GitHub 作为鉴权服务提供商）

package/docs/self-hosting/advanced/auth/next-auth/casdoor.mdx

@@ -1,6 +1,9 @@
 ---
 title: Configuring Casdoor Authentication Service in LobeChat
-description: Learn how to configure the Casdoor authentication service in LobeChat, including deployment, creation, permission settings, and environment variables.
+description: >-
+  Learn how to configure the Casdoor authentication service in LobeChat,
+  including deployment, creation, permission settings, and environment
+  variables.
 tags:
   - Casdoor Authentication
   - Environment Variable Configuration
@@ -84,7 +87,6 @@ There are also some optional fields that can enhance user experience:
         box-shadow: none;
       }
     }
- 
   </style>
   ```
 

package/docs/self-hosting/advanced/auth/next-auth/casdoor.zh-CN.mdx

@@ -85,8 +85,7 @@ tags:
         box-shadow: none;
       }
     }
- 
-</style>
+  </style>
   ```
 
 随后，复制 `客户端 ID` 和 `客户端密钥`，并保存。
@@ -118,4 +117,4 @@ tags:
 </Callout>
 </Steps>
 
-<Callout type={'info'}>部署成功后，用户将可以通过 Casdoor 身份认证并使用 LobeChat。</Callout>
+<Callout type={'info'}>部署成功后，用户将可以通过 Casdoor 身份认证并使用 LobeChat。</Callout>

package/docs/self-hosting/advanced/auth/next-auth/cloudflare-zero-trust.zh-CN.mdx

@@ -34,8 +34,7 @@ tags:
 
 至此您已成功在 Clouflare Zero Trust 中创建了一个名为 `LobeChat SSO` 的 SaaS 应用。
 
-接下来我们需要在 `Redirect URLs` 中填入 `https://chat.example.com/api/auth/callback/cloudflare-zero-trust`（注意此处的 `chat.example.com` 需要替换为您的实例地址）
-![image](https://github.com/user-attachments/assets/433fdce4-0af5-417f-b80d-163c2d4f02f6)
+接下来我们需要在 `Redirect URLs` 中填入 `https://chat.example.com/api/auth/callback/cloudflare-zero-trust`（注意此处的 `chat.example.com` 需要替换为您的实例地址） ![image](https://github.com/user-attachments/assets/433fdce4-0af5-417f-b80d-163c2d4f02f6)
 
 最后我们将页面往下滚动，您将需要记录以下三个值 `Client secret`, `Client ID` 及 `Issuer` 以备后续部署 LobeChat 环境变量使用。
 
@@ -49,8 +48,8 @@ tags:
 | --- | --- | --- |
 | `NEXT_AUTH_SECRET` | 必选 | 用于加密 Auth.js 会话令牌的密钥。您可以使用以下命令生成秘钥： `openssl rand -base64 32` |
 | `NEXT_AUTH_SSO_PROVIDERS` | 必选 | 选择 LoboChat 的单点登录提供商。使用 Cloudflare Zero Trust 请填写 `cloudflare-zero-trust`。 |
-| `AUTH_CLOUDFLARE_ZERO_TRUST_CLIENT_ID` | 必选 | 在 Cloudflare Zero Trust 生成的 `Client ID`，示例值是 `lobe-chat` |
-| `AUTH_CLOUDFLARE_ZERO_TRUST_CLIENT_SECRET` | 必选 | 在 Cloudflare Zero Trust 生成的 `Client secret`，示例值是 `insecure_secret` |
+| `AUTH_CLOUDFLARE_ZERO_TRUST_ID` | 必选 | 在 Cloudflare Zero Trust 生成的 `Client ID`，示例值是 `lobe-chat` |
+| `AUTH_CLOUDFLARE_ZERO_TRUST_SECRET` | 必选 | 在 Cloudflare Zero Trust 生成的 `Client secret`，示例值是 `insecure_secret` |
 | `AUTH_CLOUDFLARE_ZERO_TRUST_ISSUER` | 必选 | 在 Cloudflare Zero Trust 生成的 `Issuer`，例如 `https://example.cloudflareaccess.com/cdn-cgi/access/sso/oidc/7db0f` |
 | `NEXTAUTH_URL` | 必选 | 该 URL 用于指定 Auth.js 在执行 OAuth 验证时的回调地址，当默认生成的重定向地址发生不正确时才需要设置。`https://chat.example.com/api/auth` |
 

package/docs/self-hosting/advanced/auth/next-auth/logto.mdx

@@ -47,7 +47,7 @@ If you are using Logto Cloud, assume its endpoint domain is `https://example.log
 
   <Image alt="Configure Environment Variables" inStep src="https://github.com/user-attachments/assets/15af6d94-af4f-4aa9-bbab-7a46e9f9e837" />
 
-  Set the obtained `Client ID` and `Client Secret` as `LOGTO_CLIENT_ID` and `LOGTO_CLIENT_SECRET` in the LobeChat environment variables.
+  Set the obtained `Client ID` and `Client Secret` as `AUTH_LOGTO_ID` and `AUTH_LOGTO_SECRET` in the LobeChat environment variables.
 
   Configure `AUTH_LOGTO_ISSUER` in the LobeChat environment variables as follows:
 

package/docs/self-hosting/advanced/auth/next-auth/logto.zh-CN.mdx

@@ -51,7 +51,7 @@ tags:
   src="https://github.com/user-attachments/assets/15af6d94-af4f-4aa9-bbab-7a46e9f9e837"
 />
 
-将获取到的 `Client ID` 和 `Client Secret`，设为 LobeChat 环境变量中的 `LOGTO_CLIENT_ID` 和 `LOGTO_CLIENT_SECRET`。
+将获取到的 `Client ID` 和 `Client Secret`，设为 LobeChat 环境变量中的 `AUTH_LOGTO_ID` 和 `AUTH_LOGTO_SECRET`。
 
 配置 LobeChat 环境变量中 `AUTH_LOGTO_ISSUER` 为：
 

package/docs/self-hosting/environment-variables/auth.mdx

@@ -42,14 +42,14 @@ LobeChat provides a complete authentication service capability when deployed. Th
 
 ### Auth0
 
-#### `AUTH_AUTH_AUTH0_CLIENT_ID`
+#### `AUTH_AUTH0_ID`
 
 - Type: Required
 - Description: Client ID of the Auth0 application. You can access it [here](https://manage.auth0.com/dashboard) and navigate to the application settings to view.
 - Default: `-`
 - Example: `evCnOJP1UX8FMnXR9Xkj5t0NyFn5p70P`
 
-#### `AUTH_AUTH0_CLIENT_SECRET`
+#### `AUTH_AUTH0_SECRET`
 
 - Type: Required
 - Description: Client Secret of the Auth0 application.
@@ -65,14 +65,14 @@ LobeChat provides a complete authentication service capability when deployed. Th
 
 ### Authelia
 
-#### `AUTH_AUTHELIA_CLIENT_ID`
+#### `AUTH_AUTHELIA_ID`
 
 - Type: Required
 - Description: Client ID of the Authelia provider application.
 - Default: `-`
 - Example: `lobe-chat`
 
-#### `AUTH_AUTHELIA_CLIENT_SECRET`
+#### `AUTH_AUTHELIA_SECRET`
 
 - Type: Required
 - Description: The plaintext of the Client Secret for the Authelia provider
@@ -88,14 +88,14 @@ LobeChat provides a complete authentication service capability when deployed. Th
 
 ### Authentik
 
-#### `AUTH_AUTHENTIK_CLIENT_ID`
+#### `AUTH_AUTHENTIK_ID`
 
 - Type: Required
 - Description: Client ID of the Authentik provider application.
 - Default: `-`
 - Example: `evCnOJP1UX8FMnXR9Xkj5t0NyFn5p70P`
 
-#### `AUTH_AUTHENTIK_CLIENT_SECRET`
+#### `AUTH_AUTHENTIK_SECRET`
 
 - Type: Required
 - Description: Client Secret of the Authentik provider application.
@@ -111,14 +111,14 @@ LobeChat provides a complete authentication service capability when deployed. Th
 
 ### Casdoor
 
-#### `AUTH_CASDOOR_CLIENT_ID`
+#### `AUTH_CASDOOR_ID`
 
 - Type: Required
 - Description: Client ID provided by Casdoor
 - Default: `-`
 - Example: `570bfa85a21800a25198`
 
-#### `AUTH_CASDOOR_CLIENT_SECRET`
+#### `AUTH_CASDOOR_SECRET`
 
 - Type: Required
 - Description: Plaintext Client Secret provided by Casdoor
@@ -134,14 +134,14 @@ LobeChat provides a complete authentication service capability when deployed. Th
 
 ### Cloudflare Zero Trust
 
-#### `AUTH_CLOUDFLARE_ZERO_TRUST_CLIENT_ID`
+#### `AUTH_CLOUDFLARE_ZERO_TRUST_ID`
 
 - Type: Required
 - Description: Client ID of the Cloudflare Zero Trust provider application.
 - Default: `-`
 - Example: `711963a58df8c943cfd6c487cac99ce9f6ee0c88c0b7bf94584b8ff052fcb09c`
 
-#### `AUTH_CLOUDFLARE_ZERO_TRUST_CLIENT_SECRET`
+#### `AUTH_CLOUDFLARE_ZERO_TRUST_SECRET`
 
 - Type: Required
 - Description: The plaintext of the Client Secret for the Cloudflare Zero Trust provider
@@ -157,14 +157,14 @@ LobeChat provides a complete authentication service capability when deployed. Th
 
 ### Github
 
-#### `AUTH_GITHUB_CLIENT_ID`
+#### `AUTH_GITHUB_ID`
 
 - Type: Required
 - Description: Client ID of the Github application. You can access it [here](https://github.com/settings/apps) and navigate to the application settings to view.
 - Default: `-`
 - Example: `abd94200333283550508`
 
-#### `AUTH_GITHUB_CLIENT_SECRET`
+#### `AUTH_GITHUB_SECRET`
 
 - Type: Required
 - Description: Client Secret of the Github application.
@@ -173,14 +173,14 @@ LobeChat provides a complete authentication service capability when deployed. Th
 
 ### Logto
 
-#### `AUTH_LOGTO_CLIENT_ID`
+#### `AUTH_LOGTO_ID`
 
 - Type: Required
 - Description: The Client ID of the Logto application. You can find it in the Logto console for private deployment or [Logto Cloud](http://cloud.logto.io/) depending on the deployment mode.
 - Default value: `-`
 - Example: `123456789012345678@your-project`
 
-#### `AUTH_LOGTO_CLIENT_SECRET`
+#### `AUTH_LOGTO_SECRET`
 
 - Type: Required
 - Description: The Client Secret of the Logto application.
@@ -196,14 +196,14 @@ LobeChat provides a complete authentication service capability when deployed. Th
 
 ### Microsoft Entra ID
 
-#### `AUTH_AZURE_AD_CLIENT_ID`
+#### `AUTH_AZURE_AD_ID`
 
 - Type: Required
 - Description: Client ID of the Microsoft Entra ID application.
 - Default: `-`
 - Example: `be8f6da1-58c3-4f16-ff1b-78f5148e10df`
 
-#### `AUTH_AZURE_AD_CLIENT_SECRET`
+#### `AUTH_AZURE_AD_SECRET`
 
 - Type: Required
 - Description: Client Secret of the Microsoft Entra ID application.
@@ -219,14 +219,14 @@ LobeChat provides a complete authentication service capability when deployed. Th
 
 ### ZITADEL
 
-#### `AUTH_ZITADEL_CLIENT_ID`
+#### `AUTH_ZITADEL_ID`
 
 - Type: Required
 - Description: Client ID of the ZITADEL application. This can be found under your application in the ZITADEL console.
 - Default: `-`
 - Example: `123456789012345678@your-project`
 
-#### `AUTH_ZITADEL_CLIENT_SECRET`
+#### `AUTH_ZITADEL_SECRET`
 
 - Type: Required
 - Description: Client Secret of the ZITADEL application.
@@ -242,21 +242,21 @@ LobeChat provides a complete authentication service capability when deployed. Th
 
 ### Generic OIDC
 
-#### `GENERIC_OIDC_CLIENT_ID`
+#### `AUTH_GENERIC_OIDC_ID`
 
 - Type: Required
 - Description: Client ID of the Generic OIDC provider application.
 - Default: `-`
 - Example: `_client_id_for_lobe_chat_`
 
-#### `GENERIC_OIDC_CLIENT_SECRET`
+#### `AUTH_GENERIC_OIDC_SECRET`
 
 - Type: Required
 - Description: The plaintext of the Client Secret for the Generic OIDC provider
 - Default: `-`
 - Example: `_client_secret_for_lobe_chat_`
 
-#### `GENERIC_OIDC_ISSUER`
+#### `AUTH_GENERIC_OIDC_ISSUER`
 
 - Type: Required
 - Description: Issuer of the Generic OIDC provider application.

package/docs/self-hosting/environment-variables/auth.zh-CN.mdx

@@ -40,14 +40,14 @@ LobeChat 在部署时提供了完善的身份验证服务能力，以下是相
 
 ### Auth0
 
-#### `AUTH_AUTH0_CLIENT_ID`
+#### `AUTH_AUTH0_ID`
 
 - 类型：必选
 - 描述: Auth0 应用程序的 Client ID，您可以访问[这里](https://manage.auth0.com/dashboard)并导航至应用程序设置来查看
 - 默认值: `-`
 - 示例: `evCnOJP1UX8FMnXR9Xkj5t0NyFn5p70P`
 
-#### `AUTH_AUTH0_CLIENT_SECRET`
+#### \`AUTH_AUTH_SECRET
 
 - 类型：必选
 - 描述: Auth0 应用程序的 Client Secret
@@ -63,14 +63,14 @@ LobeChat 在部署时提供了完善的身份验证服务能力，以下是相
 
 ### Authelia
 
-#### `AUTH_AUTHELIA_CLIENT_ID`
+#### `AUTH_AUTHELIA_ID`
 
 - 类型：必选
 - 描述: Authelia 提供程序的 Client ID
 - 默认值: `-`
 - 示例: `lobe-chat`
 
-#### `AUTH_AUTHELIA_CLIENT_SECRET`
+#### `AUTH_AUTHELIA_SECRET`
 
 - 类型：必选
 - 描述: Authelia 提供程序的 Client Secret 的明文
@@ -86,14 +86,14 @@ LobeChat 在部署时提供了完善的身份验证服务能力，以下是相
 
 ### Authentik
 
-#### `AUTH_AUTHENTIK_CLIENT_ID`
+#### `AUTH_AUTHENTIK_ID`
 
 - 类型：必选
 - 描述: Authentik 提供程序的 Client ID
 - 默认值: `-`
 - 示例: `YNtbIRlYF8Kj66mTLue59nsGLlb7HNyx1qjPH6VS`
 
-#### `AUTH_AUTHENTIK_CLIENT_SECRET`
+#### `AUTH_AUTHENTIK_SECRET`
 
 - 类型：必选
 - 描述: Authentik 提供程序的 Client Secret
@@ -109,14 +109,14 @@ LobeChat 在部署时提供了完善的身份验证服务能力，以下是相
 
 ### Casdoor
 
-#### `AUTH_CASDOOR_CLIENT_ID`
+#### `AUTH_CASDOOR_ID`
 
 - 类型：必选
 - 描述: Casdoor 提供程序的 Client ID
 - 默认值: `-`
 - 示例: `570bfa85a21800a25198`
 
-#### `AUTH_CASDOOR_CLIENT_SECRET`
+#### `AUTH_CASDOOR_SECRET`
 
 - 类型：必选
 - 描述: Casdoor 提供程序的 Client Secret 的明文
@@ -132,14 +132,14 @@ LobeChat 在部署时提供了完善的身份验证服务能力，以下是相
 
 ### Cloudflare Zero Trust
 
-#### `AUTH_CLOUDFLARE_ZERO_TRUST_CLIENT_ID`
+#### `AUTH_CLOUDFLARE_ZERO_TRUST_ID`
 
 - 类型：必选
 - 描述: Cloudflare Zero Trust 提供程序的 Client ID
 - 默认值: `-`
 - 示例: `711963a58df8c943cfd6c487cac99ce9f6ee0c88c0b7bf94584b8ff052fcb09c`
 
-#### `AUTH_CLOUDFLARE_ZERO_TRUST_CLIENT_SECRET`
+#### `AUTH_CLOUDFLARE_ZERO_TRUST_SECRET`
 
 - 类型：必选
 - 描述: Cloudflare Zero Trust 提供程序的 Client Secret 的明文
@@ -155,30 +155,30 @@ LobeChat 在部署时提供了完善的身份验证服务能力，以下是相
 
 ### Github
 
-#### `AUTH_GITHUB_CLIENT_ID`
+#### `AUTH_GITHUB_ID`
 
 - 类型：必选
 - 描述: Github 应用的客户端 ID。您可以在[这里](https://github.com/settings/apps)访问，并导航到应用程序设置以查看。
 - 默认值: `-`
 - 示例: `abd94200333283550508`
 
-#### `AUTH_GITHUB_CLIENT_SECRET`
+#### `AUTH_GITHUB_SECRET`
 
 - 类型：必选
-- 描述: Github应用的客户端密钥。
+- 描述: Github 应用的客户端密钥。
 - 默认值: `-`
 - 示例: `dd262976ac0931d947e104891586a053f3d3750b`
 
 ### Logto
 
-#### `AUTH_LOGTO_CLIENT_ID`
+#### `AUTH_LOGTO_ID`
 
 - 类型：必选
 - 描述：Logto 应用程序的 Client ID。您可以在根据部署模式，在私有部署的 Logto 控制台或 [Logto Cloud](http://cloud.logto.io/) 中找到。
 - 默认值：`-`
 - 示例：`123456789012345678@your-project`
 
-#### `AUTH_LOGTO_CLIENT_SECRET`
+#### `AUTH_LOGTO_SECRET`
 
 - 类型：必选
 - 描述：Logto 应用程序的 Client Secret。
@@ -194,14 +194,14 @@ LobeChat 在部署时提供了完善的身份验证服务能力，以下是相
 
 ### Microsoft Entra ID
 
-#### `AUTH_AZURE_AD_CLIENT_ID`
+#### `AUTH_AZURE_AD_ID`
 
 - 类型：必选
 - 描述：Microsoft Entra ID 应用程序的客户端 ID。
 - 默认值：`-`
 - 示例：`be8f6da1-58c3-4f16-ff1b-78f5148e10df`
 
-#### `AUTH_AZURE_AD_CLIENT_SECRET`
+#### `AUTH_AZURE_AD_SECRET`
 
 - 类型：必选
 - 描述：Microsoft Entra ID 应用程序的客户端密钥。
@@ -217,14 +217,14 @@ LobeChat 在部署时提供了完善的身份验证服务能力，以下是相
 
 ### ZITADEL
 
-#### `AUTH_ZITADEL_CLIENT_ID`
+#### `AUTH_ZITADEL_ID`
 
 - 类型：必选
 - 描述：ZITADEL 应用的 Client ID。您可以在 ZITADEL 控制台应用设置中找到 Client ID。
 - 默认值：`-`
 - 示例：`123456789012345678@your-project`
 
-#### `AUTH_ZITADEL_CLIENT_SECRET`
+#### `AUTH_ZITADEL_SECRET`
 
 - 类型：必选
 - 描述：ZITADEL 应用的 Client Secret。
@@ -240,21 +240,21 @@ LobeChat 在部署时提供了完善的身份验证服务能力，以下是相
 
 ### Generic OIDC
 
-#### `GENERIC_OIDC_CLIENT_ID`
+#### `AUTH_GENERIC_OIDC_ID`
 
 - 类型：必选
 - 描述: Generic OIDC 提供程序的 Client ID
 - 默认值: `-`
 - 示例: `_client_id_for_lobe_chat_`
 
-#### `GENERIC_OIDC_CLIENT_SECRET`
+#### `AUTH_GENERIC_OIDC_SECRET`
 
 - 类型：必选
 - 描述: Generic OIDC 提供程序的 Client Secret 的明文
 - 默认值: `-`
 - 示例: `_client_secret_for_lobe_chat_`
 
-#### `GENERIC_OIDC_ISSUER`
+#### `AUTH_GENERIC_OIDC_ISSUER`
 
 - 类型：必选
 - 描述: Generic OIDC 提供程序的 OpenID Connect 颁发者

package/docs/self-hosting/server-database/docker-compose.mdx

@@ -1,6 +1,8 @@
 ---
 title: Deploying LobeChat with Docker Compose
-description: Learn how to deploy the LobeChat service using Docker Compose, including configuration tutorials for various services.
+description: >-
+  Learn how to deploy the LobeChat service using Docker Compose, including
+  configuration tutorials for various services.
 tags:
   - Docker Compose
   - LobeChat
@@ -402,8 +404,8 @@ NEXTAUTH_URL=https://lobe.example.com/api/auth
 
 # NextAuth providers configuration (example using Logto)
 # For other providers, see: https://lobehub.com/docs/self-hosting/environment-variables/auth
-AUTH_LOGTO_CLIENT_ID=YOUR_LOGTO_CLIENT_ID
-AUTH_LOGTO_CLIENT_SECRET=YOUR_LOGTO_CLIENT_SECRET
+AUTH_LOGTO_ID=YOUR_LOGTO_ID
+AUTH_LOGTO_SECRET=YOUR_LOGTO_SECRET
 AUTH_LOGTO_ISSUER=https://lobe-auth-api.example.com/oidc
 
 # Proxy settings (if needed, e.g., when using GitHub as an auth provider)
@@ -474,7 +476,6 @@ services:
     command: >
       server /etc/minio/data --address ":9000" --console-address ":9001"
 
-
   logto:
     image: svhd/logto
     container_name: lobe-logto

package/docs/self-hosting/server-database/docker-compose.zh-CN.mdx

@@ -397,8 +397,8 @@ NEXTAUTH_URL=https://lobe.example.com/api/auth
 
 # NextAuth 鉴权服务提供商部分，以 Logto 为例
 # 其他鉴权服务提供商所需的环境变量，请参考：https://lobehub.com/zh/docs/self-hosting/environment-variables/auth
-AUTH_LOGTO_ID=YOUR_LOGTO_CLIENT_ID
-AUTH_LOGTO_SECRET=YOUR_LOGTO_CLIENT_SECRET
+AUTH_LOGTO_ID=YOUR_LOGTO_ID
+AUTH_LOGTO_SECRET=YOUR_LOGTO_SECRET
 AUTH_LOGTO_ISSUER=https://lobe-auth-api.example.com/oidc
 
 # 代理相关，如果你需要的话（比如你使用 GitHub 作为鉴权服务提供商）
@@ -469,7 +469,6 @@ services:
     command: >
       server /etc/minio/data --address ":9000" --console-address ":9001"
 
-
   logto:
     image: svhd/logto
     container_name: lobe-logto

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

@@ -73,9 +73,9 @@ DATABASE_URL=postgres://postgres:mysecretpassword@my-postgres:5432/postgres
 NEXT_AUTH_SECRET=3904039cd41ea1bdf6c93db0db96e250
 NEXT_AUTH_SSO_PROVIDERS=auth0
 NEXTAUTH_URL=https://your-prod-domain.com/api/auth
-AUTH0_CLIENT_ID=xxxxxx
-AUTH0_CLIENT_SECRET=cSX_xxxxx
-AUTH0_ISSUER=https://lobe-chat-demo.us.auth0.com
+AUTH_AUTH0_ID=xxxxxx
+AUTH_AUTH0_SECRET=cSX_xxxxx
+AUTH_AUTH0_ISSUER=https://lobe-chat-demo.us.auth0.com
 
 # S3 related
 S3_ACCESS_KEY_ID=xxxxxxxxxx
@@ -136,9 +136,9 @@ $ docker run -it -d --name lobe-chat-database -p 3210:3210 \
   -e KEY_VAULTS_SECRET=jgwsK28dspyVQoIf8/M3IIHl1h6LYYceSYNXeLpy6uk= \
   -e NEXT_AUTH_SECRET=3904039cd41ea1bdf6c93db0db96e250 \
   -e NEXT_AUTH_SSO_PROVIDERS=auth0 \
-  -e AUTH0_CLIENT_ID=xxxxxx \
-  -e AUTH0_CLIENT_SECRET=cSX_xxxxx \
-  -e AUTH0_ISSUER=https://lobe-chat-demo.us.auth0.com \
+  -e AUTH_AUTH0_ID=xxxxxx \
+  -e AUTH_AUTH0_SECRET=cSX_xxxxx \
+  -e AUTH_AUTH0_ISSUER=https://lobe-chat-demo.us.auth0.com \
   -e APP_URL=http://localhost:3210 \
   -e NEXTAUTH_URL=http://localhost:3210/api/auth \
   -e S3_ACCESS_KEY_ID=xxxxxxxxxx \

package/docs/self-hosting/server-database/docker.zh-CN.mdx

@@ -77,9 +77,9 @@ DATABASE_URL=postgres://postgres:mysecretpassword@my-postgres:5432/postgres
 NEXT_AUTH_SECRET=3904039cd41ea1bdf6c93db0db96e250
 NEXT_AUTH_SSO_PROVIDERS=auth0
 NEXTAUTH_URL=https://your-prod-domain.com/api/auth
-AUTH0_CLIENT_ID=xxxxxx
-AUTH0_CLIENT_SECRET=cSX_xxxxx
-AUTH0_ISSUER=https://lobe-chat-demo.us.auth0.com
+AUTH_AUTH0_ID=xxxxxx
+AUTH_AUTH0_SECRET=cSX_xxxxx
+AUTH_AUTH0_ISSUER=https://lobe-chat-demo.us.auth0.com
 
 # S3 相关
 S3_ACCESS_KEY_ID=xxxxxxxxxx
@@ -147,9 +147,9 @@ $ docker run -it -d --name lobe-chat-database -p 3210:3210 \
   -e KEY_VAULTS_SECRET=jgwsK28dspyVQoIf8/M3IIHl1h6LYYceSYNXeLpy6uk= \
   -e NEXT_AUTH_SECRET=3904039cd41ea1bdf6c93db0db96e250 \
   -e NEXT_AUTH_SSO_PROVIDERS=auth0 \
-  -e AUTH0_CLIENT_ID=xxxxxx \
-  -e AUTH0_CLIENT_SECRET=cSX_xxxxx \
-  -e AUTH0_ISSUER=https://lobe-chat-demo.us.auth0.com \
+  -e AUTH_AUTH0_ID=xxxxxx \
+  -e AUTH_AUTH0_SECRET=cSX_xxxxx \
+  -e AUTH_AUTH0_ISSUER=https://lobe-chat-demo.us.auth0.com \
   -e APP_URL=http://localhost:3210 \
   -e NEXTAUTH_URL=http://localhost:3210/api/auth \
   -e S3_ACCESS_KEY_ID=xxxxxxxxxx \

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

@@ -67,10 +67,7 @@ You can check [this document](../advanced/auth.mdx) for a more detailed guide.
 
 Fill in those variables into your LobeChat service on Zeabur, here is a more detailed guide for [editing environment variables on Zeabur](https://zeabur.com/docs/deploy/variables).
 
-```
-LOGTO_CLIENT_ID=your_logto_client_id
-LOGTO_CLIENT_SECRET=your_logto_client_secret
-```
+For detailed configuration of Logto, refer to [this document](/docs/self-hosting/advanced/auth/next-auth/logto).
 
 ### Access your LobeChat Instance
 

package/docs/self-hosting/server-database/zeabur.zh-CN.mdx

@@ -59,7 +59,7 @@ tags:
 使用你刚绑定的域名来访问你的 Logto 控制台，创建一个新项目以获得对应的客户端 ID 与密钥，将它们填入你的 LobeChat 服务的变量中。
 关于如何填入变量，可以参照 [Zeabur 的官方文档](https://zeabur.com/docs/deploy/variables)。
 
-Logto 的详细配置可以参考[这篇文档](../advanced/auth.zh-CN.mdx)。
+Logto 的详细配置可以参考[这篇文档](/zh/docs/self-hosting/advanced/auth/next-auth/logto)。
 
 ### 访问你的 LobeChat
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.22.5",
+  "version": "1.22.7",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/src/config/modelProviders/huggingface.ts

@@ -9,26 +9,6 @@ const HuggingFace: ModelProviderCard = {
       id: 'mistralai/Mistral-7B-Instruct-v0.2',
       tokens: 8192,
     },
-    {
-      description: '高质量多语言聊天模型,具有较大上下文长度',
-      displayName: 'Llama 3.1 8B Instruct',
-      enabled: true,
-      id: 'meta-llama/Meta-Llama-3.1-8B-Instruct',
-      tokens: 8192,
-    },
-    {
-      description: '高质量多语言聊天模型,具有大型上下文长度',
-      displayName: 'Llama 3.1 70B Instruct',
-      enabled: true,
-      id: 'meta-llama/Meta-Llama-3.1-70B-Instruct',
-      tokens: 32_768,
-    },
-    {
-      description: '最佳对话模型之一',
-      displayName: 'Llama 2 7B Chat',
-      id: 'meta-llama/Llama-2-7b-chat-hf',
-      tokens: 4096,
-    },
     {
       description: 'Google的轻量级指令调优模型',
       displayName: 'Gemma 2 2B Instruct',

package/src/config/modelProviders/siliconcloud.ts

@@ -58,13 +58,39 @@ const SiliconCloud: ModelProviderCard = {
       displayName: 'Qwen2.5 72B',
       enabled: true,
       functionCall: true,
-      id: 'Qwen/Qwen2.5-72B-Instruct',
+      id: 'Qwen/Qwen2.5-72B-Instruct-128K',
       pricing: {
         currency: 'CNY',
         input: 4.13,
         output: 4.13,
       },
+      tokens: 131_072,
+    },
+    {
+      description: 'Qwen2-VL 是 Qwen-VL 模型的最新迭代版本，在视觉理解基准测试中达到了最先进的性能。',
+      displayName: 'Qwen2 VL 7B',
+      enabled: true,
+      id: 'Pro/Qwen/Qwen2-VL-7B-Instruct',
+      pricing: {
+        currency: 'CNY',
+        input: 0.35,
+        output: 0.35,
+      },
       tokens: 32_768,
+      vision: true,
+    },
+    {
+      description: 'Qwen2-VL 是 Qwen-VL 模型的最新迭代版本，在视觉理解基准测试中达到了最先进的性能。',
+      displayName: 'Qwen2 VL 72B',
+      enabled: true,
+      id: 'Qwen/Qwen2-VL-72B-Instruct',
+      pricing: {
+        currency: 'CNY',
+        input: 4.13,
+        output: 4.13,
+      },
+      tokens: 32_768,
+      vision: true,
     },
     {
       description: 'Qwen2.5-Math 专注于数学领域的问题求解，为高难度题提供专业解答。',
@@ -114,6 +140,42 @@ const SiliconCloud: ModelProviderCard = {
       },
       tokens: 32_768,
     },
+    {
+      description: 'InternVL2在各种视觉语言任务上展现出了卓越的性能，包括文档和图表理解、场景文本理解、OCR、科学和数学问题解决等。',
+      displayName: 'InternVL2 8B',
+      id: 'Pro/OpenGVLab/InternVL2-8B',
+      pricing: {
+        currency: 'CNY',
+        input: 0.35,
+        output: 0.35,
+      },
+      tokens: 32_768,
+      vision: true,
+    },
+    {
+      description: 'InternVL2在各种视觉语言任务上展现出了卓越的性能，包括文档和图表理解、场景文本理解、OCR、科学和数学问题解决等。',
+      displayName: 'InternVL2 26B',
+      id: 'OpenGVLab/InternVL2-26B',
+      pricing: {
+        currency: 'CNY',
+        input: 1,
+        output: 1,
+      },
+      tokens: 32_768,
+      vision: true,
+    },
+    {
+      description: 'InternVL2在各种视觉语言任务上展现出了卓越的性能，包括文档和图表理解、场景文本理解、OCR、科学和数学问题解决等。',
+      displayName: 'InternVL2 Llama3 76B',
+      id: 'OpenGVLab/InternVL2-Llama3-76B',
+      pricing: {
+        currency: 'CNY',
+        input: 4.13,
+        output: 4.13,
+      },
+      tokens: 8192,
+      vision: true,
+    },
     {
       description: 'GLM-4 9B 开放源码版本，为会话应用提供优化后的对话体验。',
       displayName: 'GLM-4 9B',

package/src/features/Conversation/components/SkeletonList.tsx

@@ -30,7 +30,7 @@ const SkeletonList = memo<SkeletonListProps>(({ mobile }) => {
   const { cx, styles } = useStyles();
 
   return (
-    <Flexbox gap={24} padding={mobile ? 8 : 12} style={{ marginTop: 24 + (mobile ? 0 : 64) }}>
+    <Flexbox gap={24} padding={mobile ? 8 : 12} style={{ marginTop: 24 }}>
       <Skeleton
         active
         avatar={{ size: mobile ? 32 : 40 }}

package/src/store/chat/slices/aiChat/action.ts

@@ -24,7 +24,7 @@ import { setNamespace } from '@/utils/storeDebug';
 import { chatSelectors, topicSelectors } from '../../selectors';
 import { ChatRAGAction, chatRag } from './actions/rag';
 
-const n = setNamespace('m');
+const n = setNamespace('ai');
 
 export interface SendMessageParams {
   message: string;
@@ -47,17 +47,21 @@ interface ProcessMessageParams {
 }
 
 export interface ChatAIChatAction extends ChatRAGAction {
-  // create
+  /**
+   * Sends a new message to the AI chat system
+   */
   sendMessage: (params: SendMessageParams) => Promise<void>;
   /**
-   * regenerate message
-   * trace enabled
-   * @param id
+   * Regenerates a specific message in the chat
    */
   regenerateMessage: (id: string) => Promise<void>;
-
-  // delete
+  /**
+   * Deletes an existing message and generates a new one in its place
+   */
   delAndRegenerateMessage: (id: string) => Promise<void>;
+  /**
+   * Interrupts the ongoing ai message generation process
+   */
   stopGenerateMessage: () => void;
 
   // =========  ↓ Internal Method ↓  ========== //
@@ -65,7 +69,8 @@ export interface ChatAIChatAction extends ChatRAGAction {
   // ========================================== //
 
   /**
-   * core process of the AI message (include preprocess and postprocess)
+   * Executes the core processing logic for AI messages
+   * including preprocessing and postprocessing steps
    */
   internal_coreProcessMessage: (
     messages: ChatMessage[],
@@ -73,7 +78,7 @@ export interface ChatAIChatAction extends ChatRAGAction {
     params?: ProcessMessageParams,
   ) => Promise<void>;
   /**
-   * the method to fetch the AI message
+   * Retrieves an AI-generated chat message from the backend service
    */
   internal_fetchAIChatMessage: (
     messages: ChatMessage[],
@@ -83,11 +88,12 @@ export interface ChatAIChatAction extends ChatRAGAction {
     isFunctionCall: boolean;
     traceId?: string;
   }>;
-
+  /**
+   * Resends a specific message, optionally using a trace ID for tracking
+   */
   internal_resendMessage: (id: string, traceId?: string) => Promise<void>;
-
   /**
-   * method to toggle ai message generating loading
+   * Toggles the loading state for AI message generation, managing the UI feedback
    */
   internal_toggleChatLoading: (
     loading: boolean,
@@ -95,7 +101,7 @@ export interface ChatAIChatAction extends ChatRAGAction {
     action?: string,
   ) => AbortController | undefined;
   /**
-   * method to toggle the tool calling loading state
+   * Controls the streaming state of tool calling processes, updating the UI accordingly
    */
   internal_toggleToolCallingStreaming: (id: string, streaming: boolean[] | undefined) => void;
 }
@@ -139,7 +145,7 @@ export const chatAiChat: StateCreator<
     // if message is empty or no files, then stop
     if (!message && !hasFile) return;
 
-    set({ isCreatingMessage: true }, false, 'creatingMessage/start');
+    set({ isCreatingMessage: true }, false, n('creatingMessage/start'));
 
     const newMessage: CreateMessageParams = {
       content: message,
@@ -184,10 +190,7 @@ export const chatAiChat: StateCreator<
             ...get().messagesMap,
             [messageMapKey(activeId, topicId)]: get().messagesMap[mapKey],
           };
-          set({ messagesMap: newMaps }, false, 'internal_copyMessages');
-
-          // get().internal_dispatchMessage({ type: 'deleteMessage', id: tempMessageId });
-          get().internal_toggleMessageLoading(false, tempMessageId);
+          set({ messagesMap: newMaps }, false, n('moveMessagesToNewTopic'));
 
           // make the topic loading
           get().internal_updateTopicLoading(topicId, true);
@@ -199,9 +202,11 @@ export const chatAiChat: StateCreator<
 
     const id = await get().internal_createMessage(newMessage, {
       tempMessageId,
-      skipRefresh: !onlyAddUserMessage,
+      skipRefresh: !onlyAddUserMessage && newMessage.fileList?.length === 0,
     });
 
+    if (tempMessageId) get().internal_toggleMessageLoading(false, tempMessageId);
+
     // switch to the new topic if create the new topic
     if (!!newTopicId) {
       await get().switchTopic(newTopicId, true);
@@ -228,7 +233,7 @@ export const chatAiChat: StateCreator<
       ragQuery: get().internal_shouldUseRAG() ? message : undefined,
     });
 
-    set({ isCreatingMessage: false }, false, 'creatingMessage/stop');
+    set({ isCreatingMessage: false }, false, n('creatingMessage/stop'));
 
     const summaryTitle = async () => {
       // if autoCreateTopic is false, then stop

package/src/store/chat/slices/message/action.ts

@@ -301,6 +301,7 @@ export const chatMessage: StateCreator<
 
     const id = await messageService.createMessage(message);
     if (!context?.skipRefresh) {
+      internal_toggleMessageLoading(true, tempId);
       await refreshMessages();
     }
 

package/src/store/chat/utils/index.ts

@@ -9,7 +9,7 @@ export const preventLeavingFn = (e: BeforeUnloadEvent) => {
 export const toggleBooleanList = (ids: string[], id: string, loading: boolean) => {
   return produce(ids, (draft) => {
     if (loading) {
-      draft.push(id);
+      if (!draft.includes(id)) draft.push(id);
     } else {
       const index = draft.indexOf(id);