@lobehub/lobehub 2.0.0-next.42 → 2.0.0-next.44

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+## [Version 2.0.0-next.44](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.43...v2.0.0-next.44)
+
+<sup>Released on **2025-11-10**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix reasoning issue with claude and Response API thinking.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix reasoning issue with claude and Response API thinking, closes [#10147](https://github.com/lobehub/lobe-chat/issues/10147) ([cf6bd53](https://github.com/lobehub/lobe-chat/commit/cf6bd53))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 2.0.0-next.43](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.42...v2.0.0-next.43)
+
+<sup>Released on **2025-11-09**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Abnormal animation of tokens.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Abnormal animation of tokens, closes [#10106](https://github.com/lobehub/lobe-chat/issues/10106) ([129df7b](https://github.com/lobehub/lobe-chat/commit/129df7b))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.42](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.41...v2.0.0-next.42)
 
 <sup>Released on **2025-11-09**</sup>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix reasoning issue with claude and Response API thinking."
+      ]
+    },
+    "date": "2025-11-10",
+    "version": "2.0.0-next.44"
+  },
+  {
+    "children": {
+      "fixes": [
+        "Abnormal animation of tokens."
+      ]
+    },
+    "date": "2025-11-09",
+    "version": "2.0.0-next.43"
+  },
   {
     "children": {
       "fixes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.42",
+  "version": "2.0.0-next.44",
   "description": "LobeHub - an open-source,comprehensive AI Agent 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/packages/conversation-flow/src/__tests__/parse.test.ts

@@ -106,4 +106,27 @@ describe('parse', () => {
       expect(serializeParseResult(result)).toEqual(outputs.complexScenario);
     });
   });
+
+  describe('Performance', () => {
+    it('should parse 10000 items within 50ms', () => {
+      // Generate 10000 messages as flat siblings (no deep nesting to avoid stack overflow)
+      // This simulates a more realistic scenario where messages are not deeply nested
+      const largeInput = Array.from({ length: 10000 }, (_, i) => ({
+        id: `msg-${i}`,
+        role: i % 2 === 0 ? ('user' as const) : ('assistant' as const),
+        content: `Message ${i}`,
+        parentId: undefined, // All messages at the same level
+        createdAt: Date.now() + i,
+      }));
+
+      const startTime = performance.now();
+      const result = parse(largeInput as any[]);
+      const endTime = performance.now();
+
+      const executionTime = endTime - startTime;
+
+      expect(result.flatList.length).toBeGreaterThan(0);
+      expect(executionTime).toBeLessThan(50);
+    });
+  });
 });

package/packages/model-runtime/src/core/contextBuilders/openai.test.ts

@@ -1,6 +1,7 @@
 import OpenAI from 'openai';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
+import { OpenAIChatMessage } from '../../types';
 import { imageUrlToBase64 } from '../../utils/imageToBase64';
 import { parseDataUri } from '../../utils/uriParser';
 import {
@@ -151,7 +152,7 @@ describe('convertOpenAIMessages', () => {
 
 describe('convertOpenAIResponseInputs', () => {
   it('应该正确转换普通文本消息', async () => {
-    const messages: OpenAI.ChatCompletionMessageParam[] = [
+    const messages: OpenAIChatMessage[] = [
       { role: 'user', content: 'Hello' },
       { role: 'assistant', content: 'Hi there!' },
     ];
@@ -165,7 +166,7 @@ describe('convertOpenAIResponseInputs', () => {
   });
 
   it('应该正确转换带有工具调用的消息', async () => {
-    const messages: OpenAI.ChatCompletionMessageParam[] = [
+    const messages: OpenAIChatMessage[] = [
       {
         role: 'assistant',
         content: '',
@@ -195,7 +196,7 @@ describe('convertOpenAIResponseInputs', () => {
   });
 
   it('应该正确转换工具响应消息', async () => {
-    const messages: OpenAI.ChatCompletionMessageParam[] = [
+    const messages: OpenAIChatMessage[] = [
       {
         role: 'tool',
         content: 'Function result',
@@ -215,7 +216,7 @@ describe('convertOpenAIResponseInputs', () => {
   });
 
   it('应该正确转换包含图片的消息', async () => {
-    const messages: OpenAI.ChatCompletionMessageParam[] = [
+    const messages: OpenAIChatMessage[] = [
       {
         role: 'user',
         content: [
@@ -247,7 +248,7 @@ describe('convertOpenAIResponseInputs', () => {
   });
 
   it('应该正确处理混合类型的消息序列', async () => {
-    const messages: OpenAI.ChatCompletionMessageParam[] = [
+    const messages: OpenAIChatMessage[] = [
       { role: 'user', content: 'I need help with a function' },
       {
         role: 'assistant',
@@ -287,6 +288,29 @@ describe('convertOpenAIResponseInputs', () => {
       },
     ]);
   });
+
+  it('should extract reasoning.content into a separate reasoning item', async () => {
+    const messages: OpenAIChatMessage[] = [
+      { content: 'system prompts', role: 'system' },
+      { content: '你好', role: 'user' },
+      {
+        content: 'hello',
+        role: 'assistant',
+        reasoning: { content: 'reasoning content', duration: 2706 },
+      },
+      { content: '杭州天气如何', role: 'user' },
+    ];
+
+    const result = await convertOpenAIResponseInputs(messages);
+
+    expect(result).toEqual([
+      { content: 'system prompts', role: 'developer' },
+      { content: '你好', role: 'user' },
+      { summary: [{ text: 'reasoning content', type: 'summary_text' }], type: 'reasoning' },
+      { content: 'hello', role: 'assistant' },
+      { content: '杭州天气如何', role: 'user' },
+    ]);
+  });
 });
 
 describe('convertImageUrlToFile', () => {

package/packages/model-runtime/src/core/contextBuilders/openai.ts

@@ -40,12 +40,18 @@ export const convertOpenAIMessages = async (messages: OpenAI.ChatCompletionMessa
   )) as OpenAI.ChatCompletionMessageParam[];
 };
 
-export const convertOpenAIResponseInputs = async (
-  messages: OpenAI.ChatCompletionMessageParam[],
-) => {
+export const convertOpenAIResponseInputs = async (messages: OpenAIChatMessage[]) => {
   let input: OpenAI.Responses.ResponseInputItem[] = [];
   await Promise.all(
     messages.map(async (message) => {
+      // if message has reasoning, add it as a separate reasoning item
+      if (message.reasoning?.content) {
+        input.push({
+          summary: [{ text: message.reasoning.content, type: 'summary_text' }],
+          type: 'reasoning',
+        } as OpenAI.Responses.ResponseReasoningItem);
+      }
+
       // if message is assistant messages with tool calls , transform it to function type item
       if (message.role === 'assistant' && message.tool_calls && message.tool_calls?.length > 0) {
         message.tool_calls?.forEach((tool) => {
@@ -70,6 +76,11 @@ export const convertOpenAIResponseInputs = async (
         return;
       }
 
+      if (message.role === 'system') {
+        input.push({ ...message, role: 'developer' } as OpenAI.Responses.ResponseInputItem);
+        return;
+      }
+
       // default item
       // also need handle image
       const item = {
@@ -92,6 +103,9 @@ export const convertOpenAIResponseInputs = async (
               ),
       } as OpenAI.Responses.ResponseInputItem;
 
+      // remove reasoning field from the message item
+      delete (item as any).reasoning;
+
       input.push(item);
     }),
   );

package/packages/model-runtime/src/types/chat.ts

@@ -47,6 +47,10 @@ export type UserMessageContentPart =
 export interface OpenAIChatMessage {
   content: string | UserMessageContentPart[];
   name?: string;
+  reasoning?: {
+    content?: string;
+    duration?: number;
+  };
   role: LLMRoleType;
   tool_call_id?: string;
   tool_calls?: MessageToolCall[];

package/packages/utils/src/compass.ts

@@ -1,7 +1,7 @@
 import brotliPromise from 'brotli-wasm';
 
 /**
- * @title 字符串压缩器
+ * @title String Compressor
  */
 export class StrCompressor {
   /**
@@ -17,9 +17,9 @@ export class StrCompressor {
   }
 
   /**
-   * @title 压缩字符串
-   * @param str - 要压缩的字符串
-   * @returns 压缩后的字符串
+   * @title Compress string
+   * @param str - String to compress
+   * @returns Compressed string
    */
   compress(str: string): string {
     const input = new TextEncoder().encode(str);
@@ -30,9 +30,9 @@ export class StrCompressor {
   }
 
   /**
-   * @title 解压缩字符串
-   * @param str - 要解压缩的字符串
-   * @returns 解压缩后的字符串
+   * @title Decompress string
+   * @param str - String to decompress
+   * @returns Decompressed string
    */
   decompress(str: string): string {
     const compressedData = this.urlSafeBase64Decode(str);
@@ -43,8 +43,8 @@ export class StrCompressor {
   }
 
   /**
-   * @title 异步压缩字符串
-   * @param str - 要压缩的字符串
+   * @title Compress string asynchronously
+   * @param str - String to compress
    * @returns Promise
    */
   async compressAsync(str: string) {
@@ -58,8 +58,8 @@ export class StrCompressor {
   }
 
   /**
-   * @title 异步解压缩字符串
-   * @param str - 要解压缩的字符串
+   * @title Decompress string asynchronously
+   * @param str - String to decompress
    * @returns Promise
    */
   async decompressAsync(str: string) {

package/packages/utils/src/fetch/headers.ts

@@ -1,7 +1,7 @@
 /**
- * 将 HeadersInit 转换为 Record<string, string>
- * @param headersInit - Headers 初始化对象
- * @returns 转换后的记录对象
+ * Convert HeadersInit to Record<string, string>
+ * @param headersInit - Headers initialization object
+ * @returns The converted record object
  */
 // eslint-disable-next-line no-undef
 export const headersToRecord = (headersInit?: HeadersInit): Record<string, string> => {

package/packages/utils/src/fetch/request.ts

@@ -1,7 +1,7 @@
 /**
- * 从请求体中获取数据
- * @param body - 请求体
- * @returns 转换后的请求体数据
+ * Get data from request body
+ * @param body - Request body
+ * @returns Converted request body data
  */
 export const getRequestBody = async (
   // eslint-disable-next-line no-undef
@@ -23,6 +23,6 @@ export const getRequestBody = async (
     return await body.arrayBuffer();
   }
 
-  console.warn('不支持的 IPC 代理请求体类型:', typeof body);
-  throw new Error('不支持的 IPC 代理请求体类型');
+  console.warn('Unsupported IPC proxy request body type:', typeof body);
+  throw new Error('Unsupported IPC proxy request body type');
 };

package/packages/utils/src/object.ts

@@ -1,9 +1,9 @@
 import { isNil, omitBy } from 'lodash-es';
 
 /**
- * 清理对象中的空值（undefined、null、空字符串）
- * @param obj 要清理的对象
- * @returns 清理后的对象
+ * Clean empty values (undefined, null, empty string) from an object
+ * @param obj The object to clean
+ * @returns The cleaned object
  */
 export const cleanObject = <T extends Record<string, any>>(obj: T): T => {
   return omitBy(obj, (value) => isNil(value) || value === '') as T;

package/src/features/Conversation/components/Extras/Usage/UsageDetail/index.tsx

@@ -8,6 +8,7 @@ import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
 
 import InfoTooltip from '@/components/InfoTooltip';
+import { useIsMobile } from '@/hooks/useIsMobile';
 import { aiModelSelectors, useAiInfraStore } from '@/store/aiInfra';
 import { useGlobalStore } from '@/store/global';
 import { systemStatusSelectors } from '@/store/global/selectors';
@@ -27,6 +28,11 @@ interface TokenDetailProps {
 const TokenDetail = memo<TokenDetailProps>(({ meta, model, provider }) => {
   const { t } = useTranslation('chat');
   const theme = useTheme();
+  const isMobile = useIsMobile();
+
+  // 使用 systemStatus 管理短格式显示状态
+  const isShortFormat = useGlobalStore(systemStatusSelectors.tokenDisplayFormatShort);
+  const updateSystemStatus = useGlobalStore((s) => s.updateSystemStatus);
 
   const modelCard = useAiInfraStore(aiModelSelectors.getModelCard(model, provider));
   const isShowCredit = useGlobalStore(systemStatusSelectors.isShowCredit) && !!modelCard?.pricing;
@@ -211,12 +217,32 @@ const TokenDetail = memo<TokenDetailProps>(({ meta, model, provider }) => {
         </Flexbox>
       }
       placement={'top'}
-      trigger={['hover', 'click']}
+      trigger={isMobile ? ['click'] : ['hover']}
     >
-      <Center gap={2} horizontal style={{ cursor: 'default' }}>
+      <Center
+        gap={2}
+        horizontal
+        onClick={(e) => {
+          // 移动端：让 Popover 处理点击事件
+          if (isMobile) return;
+
+          // 桌面端：阻止 Popover 并切换格式
+          e.preventDefault();
+          e.stopPropagation();
+          updateSystemStatus({ tokenDisplayFormatShort: !isShortFormat });
+        }}
+        style={{ cursor: isMobile ? 'default' : 'pointer' }}
+      >
         <Icon icon={isShowCredit ? BadgeCent : CoinsIcon} />
         <AnimatedNumber
-          formatter={(value) => (formatShortenNumber(value) as string).toLowerCase?.()}
+          duration={1500}
+          formatter={(value) => {
+            const roundedValue = Math.round(value);
+            if (isShortFormat) {
+              return (formatShortenNumber(roundedValue) as string).toLowerCase?.();
+            }
+            return new Intl.NumberFormat('en-US').format(roundedValue);
+          }}
           // Force remount when switching between token/credit to prevent unwanted animation
           // See: https://github.com/lobehub/lobe-chat/pull/10098
           key={isShowCredit ? 'credit' : 'token'}

package/src/server/routers/mobile/index.ts

@@ -8,23 +8,35 @@ import { agentRouter } from '../lambda/agent';
 import { aiChatRouter } from '../lambda/aiChat';
 import { aiModelRouter } from '../lambda/aiModel';
 import { aiProviderRouter } from '../lambda/aiProvider';
+import { chunkRouter } from '../lambda/chunk';
+import { configRouter } from '../lambda/config';
+import { documentRouter } from '../lambda/document';
+import { fileRouter } from '../lambda/file';
+import { knowledgeBaseRouter } from '../lambda/knowledgeBase';
 import { marketRouter } from '../lambda/market';
 import { messageRouter } from '../lambda/message';
 import { sessionRouter } from '../lambda/session';
 import { sessionGroupRouter } from '../lambda/sessionGroup';
 import { topicRouter } from '../lambda/topic';
+import { uploadRouter } from '../lambda/upload';
+import { userRouter } from '../lambda/user';
 
 export const mobileRouter = router({
   agent: agentRouter,
   aiChat: aiChatRouter,
   aiModel: aiModelRouter,
   aiProvider: aiProviderRouter,
+  chunk: chunkRouter,
+  config: configRouter,
+  document: documentRouter,
+  file: fileRouter,
   healthcheck: publicProcedure.query(() => "i'm live!"),
+  knowledgeBase: knowledgeBaseRouter,
   market: marketRouter,
   message: messageRouter,
   session: sessionRouter,
   sessionGroup: sessionGroupRouter,
   topic: topicRouter,
+  upload: uploadRouter,
+  user: userRouter,
 });
-
-export type MobileRouter = typeof mobileRouter;

package/src/services/discover.ts

@@ -137,7 +137,7 @@ class DiscoverService {
   };
 
   /**
-   * 上报 MCP 插件安装结果
+   * Report MCP plugin installation result
    */
   reportMcpInstallResult = async ({
     success,
@@ -168,7 +168,7 @@ class DiscoverService {
   };
 
   /**
-   * 上报插件调用结果
+   * Report plugin call result
    */
   reportPluginCall = async (reportData: CallReportRequest) => {
     // if user don't allow tracing , just not report calling
@@ -283,27 +283,27 @@ class DiscoverService {
   private async injectMPToken() {
     if (typeof localStorage === 'undefined') return;
 
-    // 检查服务端设置的状态标记 cookie
+    // Check server-set status flag cookie
     const tokenStatus = this.getTokenStatusFromCookie();
     if (tokenStatus === 'active') return;
 
     let clientId: string;
     let clientSecret: string;
 
-    // 1. 从 localStorage 获取客户端信息
+    // 1. Get client information from localStorage
     const item = localStorage.getItem('_mpc');
     if (!item) {
-      // 2. 如果没有，则注册客户端
+      // 2. If not exists, register client
       const clientInfo = await this.registerClient();
       clientId = clientInfo.clientId;
       clientSecret = clientInfo.clientSecret;
 
-      // 3. Base64 编码并保存到 localStorage
+      // 3. Base64 encode and save to localStorage
       const clientData = JSON.stringify({ clientId, clientSecret });
       const encodedData = btoa(clientData);
       localStorage.setItem('_mpc', encodedData);
     } else {
-      // 4. 如果有，则解码获取客户端信息
+      // 4. If exists, decode to get client information
       try {
         const decodedData = atob(item);
         const clientData = JSON.parse(decodedData);
@@ -311,7 +311,7 @@ class DiscoverService {
         clientSecret = clientData.clientSecret;
       } catch (error) {
         console.error('Failed to decode client data:', error);
-        // 如果解码失败，重新注册
+        // If decoding fails, re-register
         const clientInfo = await this.registerClient();
         clientId = clientInfo.clientId;
         clientSecret = clientInfo.clientSecret;
@@ -322,23 +322,23 @@ class DiscoverService {
       }
     }
 
-    // 5. 获取访问令牌（服务端会自动设置 HTTP-Only cookie）
+    // 5. Get access token (server will automatically set HTTP-Only cookie)
     try {
       const result = await lambdaClient.market.registerM2MToken.query({
         clientId,
         clientSecret,
       });
 
-      // 检查服务端返回的结果
+      // Check server response result
       if (!result.success) {
         console.warn(
           'Token registration failed, client credentials may be invalid. Clearing and retrying...',
         );
 
-        // 清空相关的本地存储数据
+        // Clear related local storage data
         localStorage.removeItem('_mpc');
 
-        // 重新执行完整的注册流程（但只重试一次）
+        // Re-execute the complete registration process (but only retry once)
         if (!this._isRetrying) {
           this._isRetrying = true;
           try {

package/src/services/message/index.ts

@@ -76,7 +76,10 @@ export class MessageService {
     return lambdaClient.message.getHeatmaps.query();
   };
 
-  updateMessageError = async (id: string, error: ChatMessageError) => {
+  updateMessageError = async (id: string, value: ChatMessageError) => {
+    const error = value.type ? value : { body: value, message: value.message, type: 'ApplicationRuntimeError' };
+
+
     return lambdaClient.message.update.mutate({ id, value: { error } });
   };
 

package/src/store/chat/agents/createAgentExecutors.ts

@@ -106,6 +106,7 @@ export const createAgentExecutors = (context: {
       // - Loading state management
       // - Error handling
       // Use messages from state (already contains full conversation history)
+      const messages = llmPayload.messages.filter((message) => message.id !== assistantMessageId);
       const {
         isFunctionCall,
         content,
@@ -114,7 +115,7 @@ export const createAgentExecutors = (context: {
         tool_calls,
       } = await context.get().internal_fetchAIChatMessage({
         messageId: assistantMessageId,
-        messages: llmPayload.messages,
+        messages: messages,
         model: llmPayload.model,
         params: context.params,
         provider: llmPayload.provider,

package/src/store/chat/slices/portal/selectors.test.ts

@@ -10,7 +10,7 @@ describe('chatDockSelectors', () => {
     const state = {
       showPortal: false,
       portalToolMessage: undefined,
-      messagesMap: {},
+      dbMessagesMap: {},
       activeId: 'test-id',
       activeTopicId: undefined,
       ...overrides,
@@ -109,7 +109,7 @@ describe('chatDockSelectors', () => {
     it('should return message content when message exists', () => {
       const messageContent = 'Test message content';
       const state = createState({
-        messagesMap: {
+        dbMessagesMap: {
           'test-id_null': [
             {
               id: 'test-id',
@@ -150,7 +150,7 @@ describe('chatDockSelectors', () => {
     it('should extract content from artifact tag', () => {
       const artifactContent = 'Test artifact content';
       const state = createState({
-        messagesMap: {
+        dbMessagesMap: {
           'test-id_null': [
             {
               id: 'test-id',
@@ -178,7 +178,7 @@ describe('chatDockSelectors', () => {
 </body>
 </html>`;
       const state = createState({
-        messagesMap: {
+        dbMessagesMap: {
           'test-id_null': [
             {
               id: 'test-id',
@@ -203,7 +203,7 @@ ${htmlContent}
   describe('isArtifactTagClosed', () => {
     it('should return false for unclosed artifact tag', () => {
       const state = createState({
-        messagesMap: {
+        dbMessagesMap: {
           'test-id_null': [
             {
               id: 'test-id',
@@ -222,7 +222,7 @@ ${htmlContent}
 
     it('should return true for closed artifact tag', () => {
       const state = createState({
-        messagesMap: {
+        dbMessagesMap: {
           'test-id_null': [
             {
               id: 'test-id',
@@ -241,7 +241,7 @@ ${htmlContent}
 
     it('should return false when no artifact tag exists', () => {
       const state = createState({
-        messagesMap: {
+        dbMessagesMap: {
           'test-id_null': [
             {
               id: 'test-id',

package/src/store/chat/slices/portal/selectors.ts

@@ -1,7 +1,7 @@
 import { ARTIFACT_TAG_CLOSED_REGEX, ARTIFACT_TAG_REGEX } from '@/const/plugin';
 import type { ChatStoreState } from '@/store/chat';
 
-import { chatSelectors } from '../message/selectors';
+import { dbMessageSelectors } from '../message/selectors';
 
 const showPortal = (s: ChatStoreState) => s.showPortal;
 
@@ -27,7 +27,7 @@ const artifactType = (s: ChatStoreState) => s.portalArtifact?.type;
 const artifactCodeLanguage = (s: ChatStoreState) => s.portalArtifact?.language;
 
 const artifactMessageContent = (id: string) => (s: ChatStoreState) => {
-  const message = chatSelectors.getMessageById(id)(s);
+  const message = dbMessageSelectors.getDbMessageById(id)(s);
   return message?.content || '';
 };
 

package/src/store/global/initialState.ts

@@ -99,6 +99,10 @@ export interface SystemStatus {
    * theme mode
    */
   themeMode?: ThemeMode;
+  /**
+   * 是否使用短格式显示 token
+   */
+  tokenDisplayFormatShort?: boolean;
   zenMode?: boolean;
 }
 
@@ -151,6 +155,7 @@ export const INITIAL_STATUS = {
   showSystemRole: false,
   systemRoleExpandedMap: {},
   themeMode: 'auto',
+  tokenDisplayFormatShort: true,
   zenMode: false,
 } satisfies SystemStatus;
 

package/src/store/global/selectors/systemStatus.ts

@@ -66,6 +66,8 @@ const getAgentSystemRoleExpanded =
 const disabledModelProvidersSortType = (s: GlobalState) =>
   s.status.disabledModelProvidersSortType || 'default';
 const disabledModelsSortType = (s: GlobalState) => s.status.disabledModelsSortType || 'default';
+const tokenDisplayFormatShort = (s: GlobalState) =>
+  s.status.tokenDisplayFormatShort !== undefined ? s.status.tokenDisplayFormatShort : true;
 
 export const systemStatusSelectors = {
   chatInputHeight,
@@ -99,5 +101,6 @@ export const systemStatusSelectors = {
   showSystemRole,
   systemStatus,
   themeMode,
+  tokenDisplayFormatShort,
   wideScreen,
 };

package/src/utils/server/routeVariants.ts

@@ -1,11 +1,11 @@
-// 定义主题类型
+// Define theme type
 import { ThemeAppearance } from 'antd-style/lib/types/appearance';
 
 import { DEFAULT_LANG } from '@/const/locale';
 import { Locales, locales } from '@/locales/resources';
 import { DynamicLayoutProps } from '@/types/next';
 
-// 定义变体接口
+// Define variant interface
 export interface IRouteVariants {
   isMobile: boolean;
   locale: Locales;
@@ -14,10 +14,10 @@ export interface IRouteVariants {
   theme: ThemeAppearance;
 }
 
-// 支持的主题
+// Supported themes
 const SUPPORTED_THEMES = ['dark', 'light'] as const;
 
-// 默认变体配置
+// Default variant configuration
 export const DEFAULT_VARIANTS: IRouteVariants = {
   isMobile: false,
   locale: DEFAULT_LANG,
@@ -28,8 +28,8 @@ const SPLITTER = '__';
 
 export class RouteVariants {
   static serializeVariants = (variants: IRouteVariants): string => {
-    // 使用紧凑的格式: locale_isMobile_theme
-    // 例如: "en-US_0_dark" 表示 英文_非移动端_深色主题
+    // Use compact format: locale_isMobile_theme
+    // Example: "en-US_0_dark" represents English_Non-mobile_Dark theme
     return [variants.locale, Number(variants.isMobile), variants.theme].join(SPLITTER);
   };
 
@@ -37,14 +37,14 @@ export class RouteVariants {
     try {
       const [locale, isMobile, theme] = serialized.split(SPLITTER);
 
-      // 验证并返回变体
+      // Validate and return variant
       return {
         isMobile: isMobile === '1',
         locale: this.isValidLocale(locale) ? (locale as Locales) : DEFAULT_VARIANTS.locale,
         theme: this.isValidTheme(theme) ? theme : DEFAULT_VARIANTS.theme,
       };
     } catch {
-      // 解析失败时返回默认值
+      // Return default value on parse failure
       return { ...DEFAULT_VARIANTS };
     }
   };
@@ -66,14 +66,14 @@ export class RouteVariants {
     return locale;
   };
 
-  // 工具函数：创建变体
+  // Utility function: create variant
 
   static createVariants = (options: Partial<IRouteVariants> = {}): IRouteVariants => ({
     ...DEFAULT_VARIANTS,
     ...options,
   });
 
-  // 验证函数
+  // Validation functions
   private static isValidLocale = (locale: string): boolean => locales.includes(locale as any);
 
   private static isValidTheme = (theme: string): boolean => SUPPORTED_THEMES.includes(theme as any);