@lobehub/chat 1.92.0 → 1.92.1

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 # Changelog
 
+### [Version 1.92.1](https://github.com/lobehub/lobe-chat/compare/v1.92.0...v1.92.1)
+
+<sup>Released on **2025-06-07**</sup>
+
+#### 💄 Styles
+
+- **ModelSelect**: Add responsive layout for mobile devices.
+- **misc**: Improve `{{username}}` placeholder variable, Update Gemini & Qwen models.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **ModelSelect**: Add responsive layout for mobile devices, closes [#7960](https://github.com/lobehub/lobe-chat/issues/7960) ([cb84c3e](https://github.com/lobehub/lobe-chat/commit/cb84c3e))
+- **misc**: Improve `{{username}}` placeholder variable, closes [#8100](https://github.com/lobehub/lobe-chat/issues/8100) ([95fd588](https://github.com/lobehub/lobe-chat/commit/95fd588))
+- **misc**: Update Gemini & Qwen models, closes [#8083](https://github.com/lobehub/lobe-chat/issues/8083) ([6308237](https://github.com/lobehub/lobe-chat/commit/6308237))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 1.92.0](https://github.com/lobehub/lobe-chat/compare/v1.91.3...v1.92.0)
 
 <sup>Released on **2025-06-06**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Improve {{username}} placeholder variable, Update Gemini & Qwen models."
+      ]
+    },
+    "date": "2025-06-07",
+    "version": "1.92.1"
+  },
   {
     "children": {
       "features": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.92.0",
+  "version": "1.92.1",
   "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/components/ModelSelect/index.tsx

@@ -1,7 +1,7 @@
 import { IconAvatarProps, ModelIcon, ProviderIcon } from '@lobehub/icons';
 import { Avatar, Icon, Tag, Tooltip } from '@lobehub/ui';
 import { Typography } from 'antd';
-import { createStyles } from 'antd-style';
+import { createStyles, useResponsive } from 'antd-style';
 import {
   Infinity,
   AtomIcon,
@@ -167,17 +167,20 @@ interface ModelItemRenderProps extends ChatModelCard {
 }
 
 export const ModelItemRender = memo<ModelItemRenderProps>(({ showInfoTag = true, ...model }) => {
+  const { mobile } = useResponsive();
   return (
     <Flexbox
       align={'center'}
       gap={32}
       horizontal
       justify={'space-between'}
-      style={{ overflow: 'hidden', position: 'relative' }}
+      style={{ overflow: 'hidden', position: 'relative', width: mobile ? '80vw' : 'auto' }}
     >
       <Flexbox align={'center'} gap={8} horizontal style={{ overflow: 'hidden' }}>
         <ModelIcon model={model.id} size={20} />
-        <Typography.Text ellipsis>{model.displayName || model.id}</Typography.Text>
+        <Typography.Text style={mobile ? { overflowX: 'auto', whiteSpace: 'nowrap' } : {}}>
+          {model.displayName || model.id}
+        </Typography.Text>
       </Flexbox>
       {showInfoTag && <ModelInfoTags {...model} />}
     </Flexbox>

package/src/config/aiModels/google.ts

@@ -1,6 +1,31 @@
 import { AIChatModelCard } from '@/types/aiModel';
 
 const googleChatModels: AIChatModelCard[] = [
+  {
+    abilities: {
+      functionCall: true,
+      reasoning: true,
+      search: true,
+      vision: true,
+    },
+    contextWindowTokens: 1_048_576 + 65_536,
+    description:
+      'Gemini 2.5 Pro Preview 是 Google 最先进的思维模型，能够对代码、数学和STEM领域的复杂问题进行推理，以及使用长上下文分析大型数据集、代码库和文档。',
+    displayName: 'Gemini 2.5 Pro Preview 06-05 (Paid)',
+    id: 'gemini-2.5-pro-preview-06-05',
+    maxOutput: 65_536,
+    pricing: {
+      input: 1.25, // prompts <= 200k tokens
+      output: 10, // prompts <= 200k tokens
+    },
+    releasedAt: '2025-06-05',
+    settings: {
+      extendParams: ['enableReasoning', 'reasoningBudgetToken'],
+      searchImpl: 'params',
+      searchProvider: 'google',
+    },
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,

package/src/config/aiModels/hunyuan.ts

@@ -25,6 +25,28 @@ const hunyuanChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
+  {
+    abilities: {
+      reasoning: true,
+      search: true,
+    },
+    contextWindowTokens: 92_000,
+    description:
+      '优化文本创作、作文写作，优化代码前端、数学、逻辑推理等理科能力，提升指令遵循能力。',
+    displayName: 'Hunyuan T1 20250529',
+    id: 'hunyuan-t1-20250529',
+    maxOutput: 64_000,
+    pricing: {
+      currency: 'CNY',
+      input: 1,
+      output: 4,
+    },
+    releasedAt: '2025-05-29',
+    settings: {
+      searchImpl: 'params',
+    },
+    type: 'chat',
+  },
   {
     abilities: {
       reasoning: true,
@@ -258,6 +280,28 @@ const hunyuanChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
+  {
+    abilities: {
+      functionCall: true,
+      search: true,
+    },
+    contextWindowTokens: 44_000,
+    description:
+      '预训练底座升级，写作、阅读理解能力提升，较大幅度提升代码和理科能力，复杂指令遵循等持续提升。',
+    displayName: 'Hunyuan TurboS 20250604',
+    id: 'hunyuan-turbos-20250604',
+    maxOutput: 16_000,
+    pricing: {
+      currency: 'CNY',
+      input: 0.8,
+      output: 2,
+    },
+    releasedAt: '2025-06-04',
+    settings: {
+      searchImpl: 'params',
+    },
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,

package/src/config/aiModels/novita.ts

@@ -43,6 +43,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 131_072,
     displayName: 'Llama 3.3 70B Instruct',
     id: 'meta-llama/llama-3.3-70b-instruct',
@@ -63,6 +66,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 131_072,
     displayName: 'Llama 4 Scout 17B Instruct',
     enabled: true,
@@ -74,6 +80,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 1_048_576,
     displayName: 'Llama 4 Maverick 17B Instruct',
     enabled: true,
@@ -129,7 +138,7 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
-    contextWindowTokens: 64_000,
+    contextWindowTokens: 60_288,
     description: 'Mistral Nemo 是多语言支持和高性能编程的7.3B参数模型。',
     displayName: 'Mistral Nemo',
     id: 'mistralai/mistral-nemo',
@@ -205,6 +214,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 64_000,
     displayName: 'Deepseek V3 Turbo',
     id: 'deepseek/deepseek-v3-turbo',
@@ -215,6 +227,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 128_000,
     displayName: 'Deepseek V3 0324',
     enabled: true,
@@ -242,7 +257,6 @@ const novitaChatModels: AIChatModelCard[] = [
   },
   {
     abilities: {
-      functionCall: true,
       reasoning: true,
     },
     contextWindowTokens: 128_000,
@@ -256,6 +270,7 @@ const novitaChatModels: AIChatModelCard[] = [
   },
   {
     abilities: {
+      functionCall: true,
       reasoning: true,
     },
     contextWindowTokens: 64_000,
@@ -330,6 +345,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 32_000,
     displayName: 'Qwen2.5 72B Instruct',
     id: 'qwen/qwen-2.5-72b-instruct',
@@ -373,7 +391,7 @@ const novitaChatModels: AIChatModelCard[] = [
     abilities: {
       vision: true,
     },
-    contextWindowTokens: 96_000,
+    contextWindowTokens: 32_768,
     displayName: 'Qwen2.5 VL 72B Instruct',
     enabled: true,
     id: 'qwen/qwen2.5-vl-72b-instruct',
@@ -394,6 +412,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 32_768,
     displayName: 'Llama 3.2 3B Instruct',
     id: 'meta-llama/llama-3.2-3b-instruct',
@@ -434,6 +455,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 32_000,
     displayName: 'GLM 4 9B 0414',
     id: 'thudm/glm-4-9b-0414',
@@ -444,6 +468,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 32_000,
     displayName: 'GLM Z1 9B 0414',
     id: 'thudm/glm-z1-9b-0414',
@@ -454,6 +481,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 32_000,
     displayName: 'GLM Z1 32B 0414',
     id: 'thudm/glm-z1-32b-0414',
@@ -464,6 +494,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 32_000,
     displayName: 'GLM 4 32B 0414',
     id: 'thudm/glm-4-32b-0414',
@@ -474,6 +507,9 @@ const novitaChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
+    abilities: {
+      functionCall: true,
+    },
     contextWindowTokens: 32_000,
     displayName: 'GLM Z1 Rumination 32B 0414',
     id: 'thudm/glm-z1-rumination-32b-0414',

package/src/config/aiModels/openrouter.ts

@@ -518,7 +518,6 @@ const openrouterChatModels: AIChatModelCard[] = [
   },
   {
     abilities: {
-      functionCall: true,
       reasoning: true,
     },
     contextWindowTokens: 163_840,

package/src/config/aiModels/qwen.ts

@@ -59,7 +59,7 @@ const qwenChatModels: AIChatModelCard[] = [
     contextWindowTokens: 131_072,
     description:
       'Qwen3是一款能力大幅提升的新一代通义千问大模型，在推理、通用、Agent和多语言等多个核心能力上均达到业界领先水平，并支持思考模式切换。',
-    displayName: 'Qwen3 30B',
+    displayName: 'Qwen3 30B A3B',
     enabled: true,
     id: 'qwen3-30b-a3b',
     maxOutput: 8192,
@@ -543,7 +543,7 @@ const qwenChatModels: AIChatModelCard[] = [
     config: {
       deploymentName: 'qvq-max-latest',
     },
-    contextWindowTokens: 122_880,
+    contextWindowTokens: 131_072,
     description:
       '通义千问QVQ视觉推理模型，支持视觉输入及思维链输出，在数学、编程、视觉分析、创作以及通用任务上都表现了更强的能力。',
     displayName: 'QVQ Max',
@@ -555,7 +555,30 @@ const qwenChatModels: AIChatModelCard[] = [
       input: 8,
       output: 32,
     },
-    releasedAt: '2025-03-25',
+    releasedAt: '2025-05-15',
+    type: 'chat',
+  },
+  {
+    abilities: {
+      reasoning: true,
+      vision: true,
+    },
+    config: {
+      deploymentName: 'qvq-plus-latest',
+    },
+    contextWindowTokens: 131_072,
+    description:
+      '视觉推理模型。支持视觉输入及思维链输出，继qvq-max模型后推出的plus版本，相较于qvq-max模型，qvq-plus系列模型推理速度更快，效果和成本更均衡。',
+    displayName: 'QVQ Plus',
+    id: 'qvq-plus',
+    maxOutput: 8192,
+    organization: 'Qwen',
+    pricing: {
+      currency: 'CNY',
+      input: 2,
+      output: 5,
+    },
+    releasedAt: '2025-05-15',
     type: 'chat',
   },
   {
@@ -795,9 +818,28 @@ const qwenChatModels: AIChatModelCard[] = [
     abilities: {
       reasoning: true,
     },
-    contextWindowTokens: 65_792,
+    contextWindowTokens: 65_536,
+    description:
+      '685B 满血版模型，2025年5月28日发布。DeepSeek-R1 在后训练阶段大规模使用了强化学习技术，在仅有极少标注数据的情况下，极大提升了模型推理能力。在数学、代码、自然语言推理等任务上，性能较高，能力较强。',
+    displayName: 'DeepSeek R1 0528',
+    id: 'deepseek-r1-0528',
+    maxOutput: 8192,
+    organization: 'DeepSeek',
+    pricing: {
+      currency: 'CNY',
+      input: 4,
+      output: 16,
+    },
+    releasedAt: '2025-05-28',
+    type: 'chat',
+  },
+  {
+    abilities: {
+      reasoning: true,
+    },
+    contextWindowTokens: 65_536,
     description:
-      'DeepSeek-R1 在后训练阶段大规模使用了强化学习技术，在仅有极少标注数据的情况下，极大提升了模型推理能力。在数学、代码、自然语言推理等任务上，性能较高，能力较强。',
+      '671B 满血版模型，2025年1月20日发布。DeepSeek-R1 在后训练阶段大规模使用了强化学习技术，在仅有极少标注数据的情况下，极大提升了模型推理能力。在数学、代码、自然语言推理等任务上，性能较高，能力较强。',
     displayName: 'DeepSeek R1',
     id: 'deepseek-r1',
     maxOutput: 8192,
@@ -811,7 +853,7 @@ const qwenChatModels: AIChatModelCard[] = [
     type: 'chat',
   },
   {
-    contextWindowTokens: 65_792,
+    contextWindowTokens: 65_536,
     description:
       'DeepSeek-V3 为自研 MoE 模型，671B 参数，激活 37B，在 14.8T token 上进行了预训练，在长文本、代码、数学、百科、中文能力上表现优秀。',
     displayName: 'DeepSeek V3',

package/src/config/aiModels/siliconcloud.ts

@@ -215,7 +215,6 @@ const siliconcloudChatModels: AIChatModelCard[] = [
   },
   {
     abilities: {
-      functionCall: true,
       reasoning: true,
     },
     contextWindowTokens: 131_072,
@@ -381,23 +380,6 @@ const siliconcloudChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
-  {
-    abilities: {
-      functionCall: true,
-      reasoning: true,
-    },
-    contextWindowTokens: 131_072,
-    description:
-      'DeepSeek-R1-Distill-Qwen-1.5B 是基于 Qwen2.5-Math-1.5B 通过知识蒸馏得到的模型。该模型使用 DeepSeek-R1 生成的 80 万个精选样本进行微调，在多个基准测试中展现出不错的性能。作为一个轻量级模型，在 MATH-500 上达到了 83.9% 的准确率，在 AIME 2024 上达到了 28.9% 的通过率，在 CodeForces 上获得了 954 的评分，显示出超出其参数规模的推理能力。',
-    displayName: 'DeepSeek-R1-Distill-Qwen-1.5B (Free)',
-    id: 'deepseek-ai/DeepSeek-R1-Distill-Qwen-1.5B', // 将于 2025-06-05 下线
-    pricing: {
-      currency: 'CNY',
-      input: 0,
-      output: 0,
-    },
-    type: 'chat',
-  },
   {
     abilities: {
       functionCall: true,
@@ -415,23 +397,6 @@ const siliconcloudChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
-  {
-    abilities: {
-      functionCall: true,
-      reasoning: true,
-    },
-    contextWindowTokens: 131_072,
-    description:
-      'DeepSeek-R1-Distill-Qwen-1.5B 是基于 Qwen2.5-Math-1.5B 通过知识蒸馏得到的模型。该模型使用 DeepSeek-R1 生成的 80 万个精选样本进行微调，在多个基准测试中展现出不错的性能。作为一个轻量级模型，在 MATH-500 上达到了 83.9% 的准确率，在 AIME 2024 上达到了 28.9% 的通过率，在 CodeForces 上获得了 954 的评分，显示出超出其参数规模的推理能力。',
-    displayName: 'DeepSeek-R1-Distill-Qwen-1.5B (Pro)',
-    id: 'Pro/deepseek-ai/DeepSeek-R1-Distill-Qwen-1.5B', // 将于 2025-06-05 下线
-    pricing: {
-      currency: 'CNY',
-      input: 0.14,
-      output: 0.14,
-    },
-    type: 'chat',
-  },
   {
     abilities: {
       functionCall: true,
@@ -649,32 +614,6 @@ const siliconcloudChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
-  {
-    contextWindowTokens: 32_768,
-    description:
-      'Qwen2-1.5B-Instruct 是 Qwen2 系列中的指令微调大语言模型，参数规模为 1.5B。该模型基于 Transformer 架构，采用了 SwiGLU 激活函数、注意力 QKV 偏置和组查询注意力等技术。它在语言理解、生成、多语言能力、编码、数学和推理等多个基准测试中表现出色，超越了大多数开源模型。与 Qwen1.5-1.8B-Chat 相比，Qwen2-1.5B-Instruct 在 MMLU、HumanEval、GSM8K、C-Eval 和 IFEval 等测试中均显示出显著的性能提升，尽管参数量略少',
-    displayName: 'Qwen2 1.5B Instruct (Free)',
-    id: 'Qwen/Qwen2-1.5B-Instruct', // 将于 2025-06-05 下线
-    pricing: {
-      currency: 'CNY',
-      input: 0,
-      output: 0,
-    },
-    type: 'chat',
-  },
-  {
-    contextWindowTokens: 32_768,
-    description:
-      'Qwen2-1.5B-Instruct 是 Qwen2 系列中的指令微调大语言模型，参数规模为 1.5B。该模型基于 Transformer 架构，采用了 SwiGLU 激活函数、注意力 QKV 偏置和组查询注意力等技术。它在语言理解、生成、多语言能力、编码、数学和推理等多个基准测试中表现出色，超越了大多数开源模型。与 Qwen1.5-1.8B-Chat 相比，Qwen2-1.5B-Instruct 在 MMLU、HumanEval、GSM8K、C-Eval 和 IFEval 等测试中均显示出显著的性能提升，尽管参数量略少',
-    displayName: 'Qwen2 1.5B Instruct (Pro)',
-    id: 'Pro/Qwen/Qwen2-1.5B-Instruct', // 将于 2025-06-05 下线
-    pricing: {
-      currency: 'CNY',
-      input: 0.14,
-      output: 0.14,
-    },
-    type: 'chat',
-  },
   {
     contextWindowTokens: 32_768,
     description:
@@ -701,22 +640,6 @@ const siliconcloudChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
-  {
-    abilities: {
-      vision: true,
-    },
-    contextWindowTokens: 32_768,
-    description:
-      'Qwen2-VL-7B-Instruct 是 Qwen-VL 模型的最新迭代版本，在视觉理解基准测试中达到了最先进的性能，包括 MathVista、DocVQA、RealWorldQA 和 MTVQA 等。Qwen2-VL 能够用于高质量的基于视频的问答、对话和内容创作，还具备复杂推理和决策能力，可以与移动设备、机器人等集成，基于视觉环境和文本指令进行自动操作。除了英语和中文，Qwen2-VL 现在还支持理解图像中不同语言的文本，包括大多数欧洲语言、日语、韩语、阿拉伯语和越南语等',
-    displayName: 'Qwen2 VL 7B Instruct (Pro)',
-    id: 'Pro/Qwen/Qwen2-VL-7B-Instruct', // 将于 2025-06-05 下线
-    pricing: {
-      currency: 'CNY',
-      input: 0.35,
-      output: 0.35,
-    },
-    type: 'chat',
-  },
   {
     abilities: {
       vision: true,
@@ -797,22 +720,6 @@ const siliconcloudChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
-  {
-    abilities: {
-      functionCall: true,
-    },
-    contextWindowTokens: 32_768,
-    description:
-      'InternLM2.5-20B-Chat 是一个开源的大规模对话模型，基于 InternLM2 架构开发。该模型拥有 200 亿参数，在数学推理方面表现出色，超越了同量级的 Llama3 和 Gemma2-27B 模型。InternLM2.5-20B-Chat 在工具调用能力方面有显著提升，支持从上百个网页收集信息进行分析推理，并具备更强的指令理解、工具选择和结果反思能力。它适用于构建复杂智能体，可进行多轮工具调用以完成复杂任务',
-    displayName: 'InternLM2.5 20B Chat',
-    id: 'internlm/internlm2_5-20b-chat', // 将于 2025-06-05 下线
-    pricing: {
-      currency: 'CNY',
-      input: 1,
-      output: 1,
-    },
-    type: 'chat',
-  },
   {
     abilities: {
       functionCall: true,
@@ -845,19 +752,6 @@ const siliconcloudChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
-  {
-    contextWindowTokens: 32_768,
-    description:
-      'ChatGLM3-6B 是 ChatGLM 系列的开源模型，由智谱 AI 开发。该模型保留了前代模型的优秀特性，如对话流畅和部署门槛低，同时引入了新的特性。它采用了更多样的训练数据、更充分的训练步数和更合理的训练策略，在 10B 以下的预训练模型中表现出色。ChatGLM3-6B 支持多轮对话、工具调用、代码执行和 Agent 任务等复杂场景。除对话模型外，还开源了基础模型 ChatGLM-6B-Base 和长文本对话模型 ChatGLM3-6B-32K。该模型对学术研究完全开放，在登记后也允许免费商业使用',
-    displayName: 'ChatGLM3 6B (Free)',
-    id: 'THUDM/chatglm3-6b', // 将于 2025-06-05 下线
-    pricing: {
-      currency: 'CNY',
-      input: 0,
-      output: 0,
-    },
-    type: 'chat',
-  },
 ];
 
 export const allModels = [...siliconcloudChatModels];

package/src/store/user/slices/auth/selectors.test.ts

@@ -33,6 +33,82 @@ afterEach(() => {
 });
 
 describe('userProfileSelectors', () => {
+  describe('displayUserName', () => {
+    it('should return default username when auth is disabled and not desktop', () => {
+      enableAuth = false;
+      isDesktop = false;
+
+      const store: UserStore = {
+        isSignedIn: false,
+        user: null,
+        enableAuth: () => false,
+      } as unknown as UserStore;
+
+      expect(userProfileSelectors.displayUserName(store)).toBe('LobeChat');
+    });
+
+    it('should return user username when auth is disabled and is desktop', () => {
+      enableAuth = false;
+      isDesktop = true;
+
+      const store: UserStore = {
+        isSignedIn: false,
+        user: { username: 'johndoe' },
+        enableAuth: () => false,
+      } as unknown as UserStore;
+
+      expect(userProfileSelectors.displayUserName(store)).toBe('johndoe');
+    });
+
+    it('should return user username when signed in', () => {
+      const store: UserStore = {
+        isSignedIn: true,
+        user: { username: 'johndoe' },
+        enableAuth: () => true,
+      } as UserStore;
+
+      expect(userProfileSelectors.displayUserName(store)).toBe('johndoe');
+    });
+
+    it('should return email when signed in but username is not existed in UserStore', () => {
+      const store: UserStore = {
+        isSignedIn: true,
+        user: { email: 'demo@lobehub.com' },
+        enableAuth: () => true,
+      } as UserStore;
+
+      expect(userProfileSelectors.displayUserName(store)).toBe('demo@lobehub.com');
+    });
+
+    it('should return "anonymous" when not signed in', () => {
+      const store: UserStore = {
+        enableAuth: () => true,
+        isSignedIn: false,
+        user: null,
+      } as unknown as UserStore;
+
+      expect(userProfileSelectors.displayUserName(store)).toBe('anonymous');
+    });
+  });
+
+  describe('email', () => {
+    it('should return user email if exist', () => {
+      const store: UserStore = {
+        user: { email: 'demo@lobehub.com' },
+      } as UserStore;
+
+      expect(userProfileSelectors.email(store)).toBe('demo@lobehub.com');
+    });
+
+    it('should return empty string if not exist', () => {
+      const store: UserStore = {
+        user: { email: undefined },
+      } as UserStore;
+
+      expect(userProfileSelectors.email(store)).toBe('');
+    });
+  });
+
   describe('fullName', () => {
     it('should return user fullName if exist', () => {
       const store: UserStore = {

package/src/store/user/slices/auth/selectors.ts

@@ -36,6 +36,8 @@ const username = (s: UserStore) => {
 };
 
 export const userProfileSelectors = {
+  displayUserName: (s: UserStore): string => username(s) || s.user?.email || '',
+  email: (s: UserStore): string => s.user?.email || '',
   fullName: (s: UserStore): string => s.user?.fullName || '',
   nickName,
   userAvatar: (s: UserStore): string => s.user?.avatar || '',

package/src/utils/client/parserPlaceholder.test.ts

@@ -1,35 +1,36 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { parsePlaceholderVariablesMessages, VARIABLE_GENERATORS } from './parserPlaceholder';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { VARIABLE_GENERATORS, parsePlaceholderVariablesMessages } from './parserPlaceholder';
 
 // Mock dependencies
 vi.mock('@/utils/uuid', () => ({
-  uuid: () => 'mocked-uuid-12345'
+  uuid: () => 'mocked-uuid-12345',
 }));
 
 vi.mock('@/store/user', () => ({
   useUserStore: {
-    getState: () => ({})
-  }
+    getState: () => ({}),
+  },
 }));
 
 vi.mock('@/store/user/selectors', () => ({
   userProfileSelectors: {
+    displayUserName: () => 'testuser',
     nickName: () => 'Test User',
-    username: () => 'testuser',
-    fullName: () => 'Test Full Name'
-  }
+    fullName: () => 'Test Full Name',
+  },
 }));
 
 vi.mock('@/store/agent/store', () => ({
-  getAgentStoreState: () => ({})
+  getAgentStoreState: () => ({}),
 }));
 
 vi.mock('@/store/agent/selectors', () => ({
   agentChatConfigSelectors: {
     currentChatConfig: () => ({
-      inputTemplate: 'Hello {{username}}!'
-    })
-  }
+      inputTemplate: 'Hello {{username}}!',
+    }),
+  },
 }));
 
 describe('parsePlaceholderVariablesMessages', () => {
@@ -52,8 +53,8 @@ describe('parsePlaceholderVariablesMessages', () => {
       const messages = [
         {
           id: '1',
-          content: 'Hello {{username}}, today is {{date}}'
-        }
+          content: 'Hello {{username}}, today is {{date}}',
+        },
       ];
 
       const result = parsePlaceholderVariablesMessages(messages);
@@ -66,8 +67,8 @@ describe('parsePlaceholderVariablesMessages', () => {
       const messages = [
         {
           id: '1',
-          content: 'Time: {{time}}, Date: {{date}}, User: {{nickname}}'
-        }
+          content: 'Time: {{time}}, Date: {{date}}, User: {{nickname}}',
+        },
       ];
 
       const result = parsePlaceholderVariablesMessages(messages);
@@ -81,8 +82,8 @@ describe('parsePlaceholderVariablesMessages', () => {
         {
           id: '1',
           role: 'user',
-          content: 'Hello {{username}}'
-        }
+          content: 'Hello {{username}}',
+        },
       ];
 
       const result = parsePlaceholderVariablesMessages(messages);
@@ -90,7 +91,7 @@ describe('parsePlaceholderVariablesMessages', () => {
       expect(result[0]).toEqual({
         id: '1',
         role: 'user',
-        content: 'Hello testuser'
+        content: 'Hello testuser',
       });
     });
   });
@@ -103,14 +104,14 @@ describe('parsePlaceholderVariablesMessages', () => {
           content: [
             {
               type: 'text',
-              text: 'Hello {{username}}'
+              text: 'Hello {{username}}',
             },
             {
               type: 'image_url',
-              image_url: 'image.jpg'
-            }
-          ]
-        }
+              image_url: 'image.jpg',
+            },
+          ],
+        },
       ];
 
       const result = parsePlaceholderVariablesMessages(messages);
@@ -118,7 +119,7 @@ describe('parsePlaceholderVariablesMessages', () => {
       expect(result[0].content[0].text).toBe('Hello testuser');
       expect(result[0].content[1]).toEqual({
         type: 'image_url',
-        image_url: 'image.jpg'
+        image_url: 'image.jpg',
       });
     });
 
@@ -129,18 +130,18 @@ describe('parsePlaceholderVariablesMessages', () => {
           content: [
             {
               type: 'text',
-              text: 'Date: {{date}}'
+              text: 'Date: {{date}}',
             },
             {
               type: 'text',
-              text: 'Time: {{time}}'
+              text: 'Time: {{time}}',
             },
             {
               type: 'image_url',
-              image_url: 'test.jpg'
-            }
-          ]
-        }
+              image_url: 'test.jpg',
+            },
+          ],
+        },
       ];
 
       const result = parsePlaceholderVariablesMessages(messages);
@@ -149,7 +150,7 @@ describe('parsePlaceholderVariablesMessages', () => {
       expect(result[0].content[1].text).toContain(new Date().toLocaleTimeString());
       expect(result[0].content[2]).toEqual({
         type: 'image_url',
-        image_url: 'test.jpg'
+        image_url: 'test.jpg',
       });
     });
 
@@ -164,10 +165,10 @@ describe('parsePlaceholderVariablesMessages', () => {
             },
             {
               type: 'image_url',
-              name: 'image2.jpg'
-            }
-          ]
-        }
+              name: 'image2.jpg',
+            },
+          ],
+        },
       ];
 
       const result = parsePlaceholderVariablesMessages(messages);
@@ -175,12 +176,12 @@ describe('parsePlaceholderVariablesMessages', () => {
       expect(result[0].content).toEqual([
         {
           type: 'image_url',
-          image_url: 'image.jpg'
+          image_url: 'image.jpg',
         },
         {
           type: 'image_url',
-          name: 'image2.jpg'
-        }
+          name: 'image2.jpg',
+        },
       ]);
     });
   });
@@ -192,25 +193,19 @@ describe('parsePlaceholderVariablesMessages', () => {
     });
 
     it('should handle messages without content', () => {
-      const messages = [
-        { id: '1' },
-        { id: '2', content: null },
-        { id: '3', content: undefined }
-      ];
+      const messages = [{ id: '1' }, { id: '2', content: null }, { id: '3', content: undefined }];
 
       const result = parsePlaceholderVariablesMessages(messages);
 
       expect(result).toEqual([
         { id: '1' },
         { id: '2', content: null },
-        { id: '3', content: undefined }
+        { id: '3', content: undefined },
       ]);
     });
 
     it('should handle empty string content', () => {
-      const messages = [
-        { id: '1', content: '' }
-      ];
+      const messages = [{ id: '1', content: '' }];
 
       const result = parsePlaceholderVariablesMessages(messages);
 
@@ -220,13 +215,13 @@ describe('parsePlaceholderVariablesMessages', () => {
     it('should handle content without variables', () => {
       const messages = [
         { id: '1', content: 'Hello world!' },
-        { 
-          id: '2', 
+        {
+          id: '2',
           content: [
             { type: 'text', text: 'No variables here' },
-            { type: 'image_url', image_url: 'test.jpg' }
-          ]
-        }
+            { type: 'image_url', image_url: 'test.jpg' },
+          ],
+        },
       ];
 
       const result = parsePlaceholderVariablesMessages(messages);
@@ -236,9 +231,7 @@ describe('parsePlaceholderVariablesMessages', () => {
     });
 
     it('should handle unknown variable types', () => {
-      const messages = [
-        { id: '1', content: 'Hello {{unknown_variable}}!' }
-      ];
+      const messages = [{ id: '1', content: 'Hello {{unknown_variable}}!' }];
 
       const result = parsePlaceholderVariablesMessages(messages);
 
@@ -247,9 +240,7 @@ describe('parsePlaceholderVariablesMessages', () => {
     });
 
     it('should handle nested variables (input_template)', () => {
-      const messages = [
-        { id: '1', content: 'Template: {{input_template}}' }
-      ];
+      const messages = [{ id: '1', content: 'Template: {{input_template}}' }];
 
       const result = parsePlaceholderVariablesMessages(messages);
 
@@ -261,10 +252,10 @@ describe('parsePlaceholderVariablesMessages', () => {
   describe('specific variable types', () => {
     it('should handle time variables', () => {
       const messages = [
-        { 
-          id: '1', 
-          content: 'Year: {{year}}, Month: {{month}}, Day: {{day}}' 
-        }
+        {
+          id: '1',
+          content: 'Year: {{year}}, Month: {{month}}, Day: {{day}}',
+        },
       ];
 
       const result = parsePlaceholderVariablesMessages(messages);
@@ -276,10 +267,10 @@ describe('parsePlaceholderVariablesMessages', () => {
 
     it('should handle random variables', () => {
       const messages = [
-        { 
-          id: '1', 
-          content: 'Random: {{random}}, Bool: {{random_bool}}, UUID: {{uuid}}' 
-        }
+        {
+          id: '1',
+          content: 'Random: {{random}}, Bool: {{random_bool}}, UUID: {{uuid}}',
+        },
       ];
 
       const result = parsePlaceholderVariablesMessages(messages);
@@ -291,10 +282,10 @@ describe('parsePlaceholderVariablesMessages', () => {
 
     it('should handle user variables', () => {
       const messages = [
-        { 
-          id: '1', 
-          content: 'User: {{username}}, Nickname: {{nickname}}' 
-        }
+        {
+          id: '1',
+          content: 'User: {{username}}, Nickname: {{nickname}}',
+        },
       ];
 
       const result = parsePlaceholderVariablesMessages(messages);
@@ -307,13 +298,11 @@ describe('parsePlaceholderVariablesMessages', () => {
     it('should process multiple messages correctly', () => {
       const messages = [
         { id: '1', content: 'Hello {{username}}' },
-        { 
-          id: '2', 
-          content: [
-            { type: 'text', text: 'Today is {{date}}' }
-          ]
+        {
+          id: '2',
+          content: [{ type: 'text', text: 'Today is {{date}}' }],
         },
-        { id: '3', content: 'Time: {{time}}' }
+        { id: '3', content: 'Time: {{time}}' },
       ];
 
       const result = parsePlaceholderVariablesMessages(messages);

package/src/utils/client/parserPlaceholder.ts

@@ -53,12 +53,14 @@ export const VARIABLE_GENERATORS = {
   *
   * | Value | Example |
   * |-------|---------|
+  * | `{{email}}` | demo@lobehub.com |
   * | `{{nickname}}` | 社区版用户 |
   * | `{{username}}` | LobeChat |
   *
   */
+  email: () => userProfileSelectors.email(useUserStore.getState()) ?? '',
   nickname: () => userProfileSelectors.nickName(useUserStore.getState()) ?? '',
-  username: () => userProfileSelectors.username(useUserStore.getState()) ?? userProfileSelectors.fullName(useUserStore.getState()) ?? '',
+  username: () => userProfileSelectors.displayUserName(useUserStore.getState()) ?? userProfileSelectors.fullName(useUserStore.getState()) ?? '',
 
   /**
   * 随机值类模板变量