@lobehub/lobehub 2.0.0-next.307 → 2.0.0-next.308

package/locales/zh-TW/setting.json

@@ -173,8 +173,11 @@
   "llm.waitingForMoreLinkAriaLabel": "開啟模型服務商接入需求表單",
   "marketPublish.forkConfirm.by": "由 {{author}}",
   "marketPublish.forkConfirm.confirm": "確認發佈",
+  "marketPublish.forkConfirm.confirmGroup": "確認發佈",
   "marketPublish.forkConfirm.description": "您即將發佈一個基於社群中現有代理所衍生的版本。您的新代理將作為獨立項目發佈至市集。",
+  "marketPublish.forkConfirm.descriptionGroup": "您即將根據社群中現有的群組發佈一個衍生版本。您的新群組將作為獨立項目發佈至市集。",
   "marketPublish.forkConfirm.title": "發佈衍生代理",
+  "marketPublish.forkConfirm.titleGroup": "發佈衍生群組",
   "marketPublish.modal.changelog.extra": "描述此版本的主要變更與改進",
   "marketPublish.modal.changelog.label": "變更日誌",
   "marketPublish.modal.changelog.maxLengthError": "變更日誌不能超過 500 個字元",
@@ -190,22 +193,28 @@
   "marketPublish.modal.identifier.required": "請輸入助手識別碼",
   "marketPublish.modal.loading.fetchingRemote": "正在載入遠端資料...",
   "marketPublish.modal.loading.submit": "正在發布助手...",
+  "marketPublish.modal.loading.submitGroup": "正在提交群組...",
   "marketPublish.modal.loading.upload": "正在發布新版本...",
+  "marketPublish.modal.loading.uploadGroup": "正在發佈新群組版本...",
   "marketPublish.modal.messages.createVersionFailed": "版本建立失敗：{{message}}",
   "marketPublish.modal.messages.fetchRemoteFailed": "取得遠端助手資料失敗",
   "marketPublish.modal.messages.missingIdentifier": "目前的助手尚未設定社群識別碼",
+  "marketPublish.modal.messages.noGroup": "未選擇任何群組",
   "marketPublish.modal.messages.notAuthenticated": "請先登入社群帳號",
   "marketPublish.modal.messages.publishFailed": "發布失敗：{{message}}",
   "marketPublish.modal.submitButton": "發布",
   "marketPublish.modal.title.submit": "分享到助手社群",
   "marketPublish.modal.title.upload": "發布新版本",
   "marketPublish.resultModal.message": "您創作的助手已提交審核，通過後將自動上線。",
+  "marketPublish.resultModal.messageGroup": "您的群組已提交審核，審核通過後將自動上線。",
   "marketPublish.resultModal.title": "提交成功",
   "marketPublish.resultModal.view": "前往社群查看",
   "marketPublish.submit.button": "分享到社群",
   "marketPublish.submit.tooltip": "分享助手到社群",
+  "marketPublish.submitGroup.tooltip": "分享此群組至社群",
   "marketPublish.upload.button": "發布新版本",
   "marketPublish.upload.tooltip": "發佈新版本到助手社群",
+  "marketPublish.uploadGroup.tooltip": "發佈新版本至群組社群",
   "memory.enabled.desc": "允許 LobeHub 從對話中提取偏好與資訊，並於日後使用。您可隨時檢視、編輯或清除記憶內容。",
   "memory.enabled.title": "啟用記憶功能",
   "memory.title": "記憶設定",
@@ -254,6 +263,7 @@
   "plugin.settings.title": "{{id}} 外掛設定",
   "plugin.settings.tooltip": "外掛設定",
   "plugin.store": "外掛商店",
+  "publishToCommunity": "發佈至社群",
   "settingAgent.avatar.sizeExceeded": "圖片大小超過 1MB 限制，請選擇較小的圖片",
   "settingAgent.avatar.title": "頭像",
   "settingAgent.backgroundColor.title": "背景色",
@@ -483,6 +493,7 @@
   "submitAgentModal.placeholder": "請輸入助手的標識符，需要是唯一的，比如 web-development",
   "submitAgentModal.success": "助手提交成功",
   "submitAgentModal.tooltips": "分享到助手社群",
+  "submitGroupModal.tooltips": "分享至群組社群",
   "sync.device.deviceName.hint": "添加名稱以便於識別",
   "sync.device.deviceName.placeholder": "請輸入裝置名稱",
   "sync.device.deviceName.title": "裝置名稱",

package/locales/zh-TW/subscription.json

@@ -54,6 +54,8 @@
   "funds.packages.expiresIn": "{{days}} 天後過期",
   "funds.packages.expiresToday": "今日過期",
   "funds.packages.expiringSoon": "即將過期",
+  "funds.packages.gift": "禮物",
+  "funds.packages.giftedOn": "於 {{date}} 贈送",
   "funds.packages.noPackages": "尚無點數方案",
   "funds.packages.purchaseFirst": "購買您的第一個點數方案",
   "funds.packages.purchasedOn": "購買於 {{date}}",

package/locales/zh-TW/tool.json

@@ -15,6 +15,8 @@
   "agentGroupManagement.executeTask.thread": "Thread ID",
   "agentGroupManagement.executeTask.timeout": "執行逾時",
   "agentGroupManagement.executeTask.tokens": "Token 消耗",
+  "agentGroupManagement.executeTasks.intervention.instructionPlaceholder": "請輸入代理執行此任務的詳細指示……",
+  "agentGroupManagement.executeTasks.intervention.titlePlaceholder": "任務標題……",
   "codeInterpreter-legacy.error": "執行錯誤",
   "codeInterpreter-legacy.executing": "執行中...",
   "codeInterpreter-legacy.files": "檔案：",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.307",
+  "version": "2.0.0-next.308",
   "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/builtin-tool-group-management/src/client/Inspector/ExecuteAgentTask/index.tsx

@@ -32,6 +32,7 @@ export const ExecuteAgentTaskInspector = memo<BuiltinInspectorProps<ExecuteTaskP
     const { t } = useTranslation('plugin');
 
     const agentId = args?.agentId || partialArgs?.agentId;
+    const taskTitle = args?.title || partialArgs?.title;
 
     // Get active group ID and agent from store
     const activeGroupId = useAgentGroupStore(agentGroupSelectors.activeGroupId);
@@ -42,12 +43,47 @@ export const ExecuteAgentTaskInspector = memo<BuiltinInspectorProps<ExecuteTaskP
     );
     const theme = useTheme();
 
-    if (isArgumentsStreaming && !agent) {
-      return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
-          <span>{t('builtins.lobe-group-management.apiName.executeAgentTask')}</span>
-        </div>
-      );
+    if (isArgumentsStreaming) {
+      if (!agent && !taskTitle)
+        return (
+          <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+            <span>{t('builtins.lobe-group-management.apiName.executeAgentTask')}</span>
+          </div>
+        );
+      if (agent) {
+        return (
+          <Flexbox
+            align={'center'}
+            className={cx(styles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}
+            gap={8}
+            horizontal
+          >
+            <span className={styles.title}>
+              {t('builtins.lobe-group-management.inspector.executeAgentTask.assignTo')}
+            </span>
+            {agent && (
+              <>
+                <Avatar
+                  avatar={agent.avatar || DEFAULT_AVATAR}
+                  background={agent.backgroundColor || theme.colorBgContainer}
+                  shape={'square'}
+                  size={24}
+                  title={agent.title || undefined}
+                />
+                <span>{agent?.title}</span>
+              </>
+            )}
+            {taskTitle && (
+              <>
+                <span className={styles.title}>
+                  {t('builtins.lobe-group-management.inspector.executeAgentTask.task')}
+                </span>
+                <span className={highlightTextStyles.primary}>{taskTitle}</span>
+              </>
+            )}
+          </Flexbox>
+        );
+      }
     }
 
     const agentName = agent?.title || agentId;
@@ -60,7 +96,7 @@ export const ExecuteAgentTaskInspector = memo<BuiltinInspectorProps<ExecuteTaskP
         horizontal
       >
         <span className={styles.title}>
-          {t('builtins.lobe-group-management.inspector.executeAgentTask.title')}
+          {t('builtins.lobe-group-management.inspector.executeAgentTask.assignTo')}
         </span>
         {agent && (
           <Avatar
@@ -71,7 +107,15 @@ export const ExecuteAgentTaskInspector = memo<BuiltinInspectorProps<ExecuteTaskP
             title={agent.title || undefined}
           />
         )}
-        {agentName && <span className={highlightTextStyles.primary}>{agentName}</span>}
+        {agentName && <span>{agentName}</span>}
+        {taskTitle && (
+          <>
+            <span className={styles.title}>
+              {t('builtins.lobe-group-management.inspector.executeAgentTask.task')}
+            </span>
+            <span className={highlightTextStyles.primary}>{taskTitle}</span>
+          </>
+        )}
       </Flexbox>
     );
   },

package/packages/builtin-tool-group-management/src/client/Render/ExecuteTask/index.tsx

@@ -1,15 +1,12 @@
 'use client';
 
 import { BuiltinRenderProps } from '@lobechat/types';
-import { Avatar, Flexbox, Text } from '@lobehub/ui';
+import { Flexbox, Text } from '@lobehub/ui';
 import { createStaticStyles } from 'antd-style';
 import { Clock } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useAgentGroupStore } from '@/store/agentGroup';
-import { agentGroupSelectors } from '@/store/agentGroup/selectors';
-
 import type { ExecuteTaskParams, ExecuteTaskState } from '../../../types';
 
 const styles = createStaticStyles(({ css, cssVar }) => ({
@@ -40,14 +37,6 @@ const ExecuteTaskRender = memo<BuiltinRenderProps<ExecuteTaskParams, ExecuteTask
   ({ args }) => {
     const { t } = useTranslation('tool');
 
-    // Get agent info from store
-    const activeGroupId = useAgentGroupStore(agentGroupSelectors.activeGroupId);
-    const agent = useAgentGroupStore((s) =>
-      args?.agentId && activeGroupId
-        ? agentGroupSelectors.getAgentByIdFromGroup(activeGroupId, args.agentId)(s)
-        : undefined,
-    );
-
     const timeoutMinutes = args?.timeout ? Math.round(args.timeout / 60_000) : 30;
 
     return (
@@ -55,15 +44,7 @@ const ExecuteTaskRender = memo<BuiltinRenderProps<ExecuteTaskParams, ExecuteTask
         {/* Header: Agent info + Timeout */}
         <Flexbox align={'center'} gap={12} horizontal justify={'space-between'}>
           <Flexbox align={'center'} flex={1} gap={12} horizontal style={{ minWidth: 0 }}>
-            <Avatar
-              avatar={agent?.avatar || '🤖'}
-              background={agent?.backgroundColor || undefined}
-              size={24}
-              style={{ borderRadius: 8, flexShrink: 0 }}
-            />
-            <span className={styles.agentTitle}>
-              {agent?.title || t('agentGroupManagement.executeTask.intervention.unknownAgent')}
-            </span>
+            <span className={styles.agentTitle}>{args?.title}</span>
           </Flexbox>
           <Flexbox align="center" className={styles.timeout} gap={4} horizontal>
             <Clock size={14} />

package/packages/builtin-tool-group-management/src/executor.test.ts

@@ -280,7 +280,7 @@ describe('GroupManagementExecutor', () => {
       const ctx = createMockContext();
 
       const result = await groupManagementExecutor.executeAgentTask(
-        { agentId: 'agent-1', task: 'Do something' },
+        { agentId: 'agent-1', task: 'Do something', title: 'Test Task' },
         ctx,
       );
 
@@ -291,6 +291,7 @@ describe('GroupManagementExecutor', () => {
         agentId: 'agent-1',
         task: 'Do something',
         timeout: undefined,
+        title: 'Test Task',
         type: 'executeAgentTask',
       });
     });
@@ -314,7 +315,7 @@ describe('GroupManagementExecutor', () => {
       );
 
       await groupManagementExecutor.executeAgentTask(
-        { agentId: 'agent-1', task: 'Do something', timeout: 30000 },
+        { agentId: 'agent-1', task: 'Do something', timeout: 30000, title: 'Test Task' },
         ctx,
       );
 
@@ -339,7 +340,7 @@ describe('GroupManagementExecutor', () => {
       const ctx = createMockContext();
 
       const result = await groupManagementExecutor.executeAgentTask(
-        { agentId: 'agent-1', task: 'Do something' },
+        { agentId: 'agent-1', task: 'Do something', title: 'Test Task' },
         ctx,
       );
 
@@ -351,7 +352,7 @@ describe('GroupManagementExecutor', () => {
       const ctx = createMockContext();
 
       const result = await groupManagementExecutor.executeAgentTask(
-        { agentId: 'agent-1', task: 'Do something', timeout: 60000 },
+        { agentId: 'agent-1', task: 'Do something', timeout: 60000, title: 'Test Task' },
         ctx,
       );
 
@@ -360,6 +361,7 @@ describe('GroupManagementExecutor', () => {
         agentId: 'agent-1',
         task: 'Do something',
         timeout: 60000,
+        title: 'Test Task',
         type: 'executeAgentTask',
       });
     });

package/packages/builtin-tool-group-management/src/manifest.ts

@@ -95,6 +95,10 @@ export const GroupManagementManifest: BuiltinToolManifest = {
             description: 'The ID of the agent to execute the task.',
             type: 'string',
           },
+          title: {
+            description: 'Brief title describing what this task does (shown in UI).',
+            type: 'string',
+          },
           task: {
             description:
               'Clear description of the task to perform. Be specific about expected deliverables.',
@@ -113,7 +117,7 @@ export const GroupManagementManifest: BuiltinToolManifest = {
             type: 'boolean',
           },
         },
-        required: ['agentId', 'task'],
+        required: ['agentId', 'title', 'task'],
         type: 'object',
       },
     },

package/packages/builtin-tool-group-management/src/types.ts

@@ -80,6 +80,8 @@ export interface ExecuteTaskParams {
   skipCallSupervisor?: boolean;
   task: string;
   timeout?: number;
+  /** Brief title describing what this task does (shown in UI) */
+  title: string;
 }
 
 export interface TaskItem {

package/packages/builtin-tool-local-system/src/client/Render/WriteFile/index.tsx

@@ -1,22 +1,65 @@
 import { type WriteLocalFileParams } from '@lobechat/electron-client-ipc';
 import { type BuiltinRenderProps } from '@lobechat/types';
-import { Flexbox, Icon, Skeleton } from '@lobehub/ui';
+import { Flexbox, Highlighter, Icon, Markdown, Skeleton } from '@lobehub/ui';
+import { createStaticStyles } from 'antd-style';
 import { ChevronRight } from 'lucide-react';
 import path from 'path-browserify-esm';
 import { memo } from 'react';
 
 import { LocalFile, LocalFolder } from '@/features/LocalFile';
 
+const styles = createStaticStyles(({ css, cssVar }) => ({
+  container: css`
+    padding: 8px;
+    border-radius: ${cssVar.borderRadiusLG};
+    background: ${cssVar.colorFillQuaternary};
+  `,
+  previewBox: css`
+    overflow: hidden;
+    border-radius: 8px;
+    background: ${cssVar.colorBgContainer};
+  `,
+}));
+
 const WriteFile = memo<BuiltinRenderProps<WriteLocalFileParams>>(({ args }) => {
   if (!args) return <Skeleton active />;
 
   const { base, dir } = path.parse(args.path);
+  const ext = path.extname(args.path).slice(1).toLowerCase();
+
+  const renderContent = () => {
+    if (!args.content) return null;
+
+    if (ext === 'md' || ext === 'mdx') {
+      return (
+        <Markdown style={{ maxHeight: 240, overflow: 'auto', padding: '0 8px' }}>
+          {args.content}
+        </Markdown>
+      );
+    }
+
+    return (
+      <Highlighter
+        language={ext || 'text'}
+        showLanguage={false}
+        style={{ maxHeight: 240, overflow: 'auto' }}
+        variant={'borderless'}
+        wrap
+      >
+        {args.content}
+      </Highlighter>
+    );
+  };
 
   return (
-    <Flexbox horizontal>
-      <LocalFolder path={dir} />
-      <Icon icon={ChevronRight} />
-      <LocalFile name={base} path={args.path} />
+    <Flexbox className={styles.container} gap={12}>
+      <Flexbox align={'center'} horizontal>
+        <LocalFolder path={dir} />
+        <Icon icon={ChevronRight} />
+        <LocalFile name={base} path={args.path} />
+      </Flexbox>
+
+      {args.content && <Flexbox className={styles.previewBox}>{renderContent()}</Flexbox>}
     </Flexbox>
   );
 });

package/packages/builtin-tool-local-system/src/client/Streaming/WriteFile/index.tsx

@@ -0,0 +1,39 @@
+'use client';
+
+import { type WriteLocalFileParams } from '@lobechat/electron-client-ipc';
+import { type BuiltinStreamingProps } from '@lobechat/types';
+import { Highlighter, Markdown } from '@lobehub/ui';
+import path from 'path-browserify-esm';
+import { memo } from 'react';
+
+export const WriteFileStreaming = memo<BuiltinStreamingProps<WriteLocalFileParams>>(({ args }) => {
+  const { content, path: filePath } = args || {};
+
+  // Don't render if no content yet
+  if (!content) return null;
+
+  const ext = path
+    .extname(filePath || '')
+    .slice(1)
+    .toLowerCase();
+
+  // Use Markdown for .md files, Highlighter for others
+  if (ext === 'md' || ext === 'mdx') {
+    return <Markdown style={{ overflow: 'auto' }}>{content}</Markdown>;
+  }
+
+  return (
+    <Highlighter
+      animated
+      language={ext || 'text'}
+      showLanguage={false}
+      style={{ padding: '4px 8px' }}
+      variant={'outlined'}
+      wrap
+    >
+      {content}
+    </Highlighter>
+  );
+});
+
+WriteFileStreaming.displayName = 'WriteFileStreaming';

package/packages/builtin-tool-local-system/src/client/Streaming/index.ts

@@ -1,9 +1,11 @@
 import { LocalSystemApiName } from '../..';
 import { RunCommandStreaming } from './RunCommand';
+import { WriteFileStreaming } from './WriteFile';
 
 /**
  * Local System Streaming Components Registry
  */
 export const LocalSystemStreamings = {
   [LocalSystemApiName.runCommand]: RunCommandStreaming,
+  [LocalSystemApiName.writeLocalFile]: WriteFileStreaming,
 };

package/packages/model-bank/src/aiModels/qiniu.ts

@@ -78,6 +78,30 @@ const qiniuChatModels: AIChatModelCard[] = [
     },
     type: 'chat',
   },
+  {
+    abilities: {
+      reasoning: true,
+    },
+    contextWindowTokens: 163_840,
+    description: 
+      'DeepSeek Math V2 is a model that has made significant breakthroughs in mathematical reasoning capabilities. Its core innovation lies in the "self-verification" training mechanism, and it has achieved gold medal levels in several top mathematics competitions.',
+    displayName: 'DeepSeek Math V2',
+    enabled: true,
+    id: 'deepseek/deepseek-math-v2',
+    maxOutput: 131_072,
+    pricing: {
+      currency: 'CNY',
+      units: [
+        { name: 'textInput', rate: 4.0, strategy: 'fixed', unit: 'millionTokens' },
+        { name: 'textOutput', rate: 16.0, strategy: 'fixed', unit: 'millionTokens' },
+      ],
+    },
+    releasedAt: '2025-11-27',
+    settings: {
+      searchImpl: 'params',
+    },
+    type: 'chat',
+  },
   {
     abilities: {
       functionCall: true,

package/src/app/[variants]/(auth)/_layout/index.tsx

@@ -49,6 +49,4 @@ const AuthContainer: FC<PropsWithChildren> = ({ children }) => {
   );
 };
 
-AuthContainer.displayName = 'AuthContainer';
-
 export default AuthContainer;

package/src/app/[variants]/(auth)/layout.tsx

@@ -15,6 +15,4 @@ const AuthLayout: FC<PropsWithChildren> = ({ children }) => {
   );
 };
 
-AuthLayout.displayName = 'AuthLayout';
-
 export default AuthLayout;

package/src/app/[variants]/(auth)/login/[[...login]]/page.tsx

@@ -1,8 +1,8 @@
 import { SignIn } from '@clerk/nextjs';
 import { BRANDING_NAME } from '@lobechat/business-const';
-import { notFound } from '@/libs/next/navigation';
 
 import { enableClerk } from '@/envs/auth';
+import { notFound } from '@/libs/next/navigation';
 import { metadataModule } from '@/server/metadata';
 import { translation } from '@/server/translation';
 import { type DynamicLayoutProps } from '@/types/next';
@@ -24,6 +24,4 @@ const Page = () => {
   return <SignIn path="/login" />;
 };
 
-Page.displayName = 'Login';
-
 export default Page;

package/src/app/[variants]/(auth)/signup/[[...signup]]/page.tsx

@@ -1,7 +1,7 @@
 import { SignUp } from '@clerk/nextjs';
-import { notFound } from '@/libs/next/navigation';
 
 import { enableBetterAuth, enableClerk } from '@/envs/auth';
+import { notFound } from '@/libs/next/navigation';
 import { metadataModule } from '@/server/metadata';
 import { translation } from '@/server/translation';
 import { type DynamicLayoutProps } from '@/types/next';
@@ -48,6 +48,4 @@ const Page = () => {
   return notFound();
 };
 
-Page.displayName = 'SignUp';
-
 export default Page;

package/src/app/[variants]/(desktop)/desktop-onboarding/_layout/index.tsx

@@ -58,6 +58,4 @@ const OnboardingContainer: FC<PropsWithChildren> = ({ children }) => {
   );
 };
 
-OnboardingContainer.displayName = 'OnboardingContainer';
-
 export default OnboardingContainer;

package/src/app/[variants]/(main)/_layout/index.tsx

@@ -89,6 +89,4 @@ const Layout: FC = () => {
   );
 };
 
-Layout.displayName = 'DesktopMainLayout';
-
 export default Layout;

package/src/app/[variants]/(main)/agent/_layout/index.tsx

@@ -30,6 +30,4 @@ const Layout: FC = () => {
   );
 };
 
-Layout.displayName = 'DesktopChatLayout';
-
 export default Layout;

package/src/app/[variants]/(main)/agent/features/Portal/index.tsx

@@ -15,6 +15,4 @@ const ChatPortal = () => {
   );
 };
 
-ChatPortal.displayName = 'ChatPortal';
-
 export default ChatPortal;

package/src/app/[variants]/(main)/community/(list)/_layout/index.tsx

@@ -32,6 +32,4 @@ const Layout = () => {
   );
 };
 
-Layout.displayName = 'DesktopDiscoverStoreLayout';
-
 export default Layout;

package/src/app/[variants]/(main)/community/(list)/assistant/_layout/index.tsx

@@ -18,6 +18,4 @@ const Layout = () => {
   );
 };
 
-Layout.displayName = 'DesktopDiscoverAssistantsLayout';
-
 export default Layout;

package/src/app/[variants]/(main)/community/(list)/mcp/_layout/index.tsx

@@ -18,6 +18,4 @@ const Layout = () => {
   );
 };
 
-Layout.displayName = 'DesktopDiscoverToolsLayout';
-
 export default Layout;

package/src/app/[variants]/(main)/community/(list)/model/_layout/index.tsx

@@ -18,6 +18,4 @@ const Layout = () => {
   );
 };
 
-Layout.displayName = 'DesktopDiscoverModelsLayout';
-
 export default Layout;

package/src/app/[variants]/(main)/community/_layout/index.tsx

@@ -19,6 +19,4 @@ const Layout: FC = () => {
   );
 };
 
-Layout.displayName = 'DesktopDiscoverStoreLayout';
-
 export default Layout;

package/src/app/[variants]/(main)/group/_layout/index.tsx

@@ -30,6 +30,4 @@ const Layout: FC = () => {
   );
 };
 
-Layout.displayName = 'DesktopChatLayout';
-
 export default Layout;

package/src/app/[variants]/(main)/group/features/Conversation/Header/index.tsx

@@ -2,7 +2,7 @@
 
 import { Flexbox } from '@lobehub/ui';
 import { cssVar } from 'antd-style';
-import { memo } from 'react';
+import { Suspense, memo } from 'react';
 
 import NavHeader from '@/features/NavHeader';
 import WideScreenButton from '@/features/WideScreenContainer/WideScreenButton';
@@ -15,7 +15,9 @@ const Header = memo(() => {
       right={
         <Flexbox horizontal style={{ backgroundColor: cssVar.colorBgContainer }}>
           <WideScreenButton />
-          <ShareButton />
+          <Suspense>
+            <ShareButton />
+          </Suspense>
         </Flexbox>
       }
     />

package/src/app/[variants]/(main)/group/features/Portal/index.tsx

@@ -14,6 +14,4 @@ const ChatPortal = () => {
   );
 };
 
-ChatPortal.displayName = 'ChatPortal';
-
 export default ChatPortal;

package/src/app/[variants]/(main)/home/_layout/index.tsx

@@ -64,6 +64,4 @@ const Layout: FC<LayoutProps> = ({ children }) => {
   );
 };
 
-Layout.displayName = 'DesktopHomeLayout';
-
 export default Layout;

package/src/app/[variants]/(main)/home/index.tsx

@@ -26,6 +26,4 @@ const Home: FC = () => {
   );
 };
 
-Home.displayName = 'Home';
-
 export default Home;

package/src/app/[variants]/(main)/image/_layout/Topics/TopicUrlSync.tsx

@@ -32,6 +32,4 @@ const TopicUrlSync = () => {
   return null;
 };
 
-TopicUrlSync.displayName = 'TopicUrlSync';
-
 export default TopicUrlSync;

package/src/app/[variants]/(main)/image/_layout/index.tsx

@@ -22,6 +22,4 @@ const Layout: FC = () => {
   );
 };
 
-Layout.displayName = 'DesktopAiImageLayout';
-
 export default Layout;