@lobehub/chat 1.96.3 → 1.96.4

package/.cursor/rules/debug-usage.mdc

@@ -0,0 +1,84 @@
+---
+description: 包含添加 debug 日志请求时
+globs: 
+alwaysApply: false
+---
+# Debug 包使用指南
+
+本项目使用 [debug](mdc:https:/github.com/debug-js/debug) 包进行调试日志记录。使用此规则来确保团队成员统一调试日志格式。
+
+## 基本用法
+
+1. 导入 debug 包：
+
+```typescript
+import debug from 'debug';
+```
+
+2. 创建一个命名空间的日志记录器：
+
+```typescript
+// 格式: lobe:[模块]:[子模块]
+const log = debug('lobe-[模块名]:[子模块名]');
+```
+
+3. 使用日志记录器：
+
+```typescript
+log('简单消息');
+log('带变量的消息: %O', object);
+log('格式化数字: %d', number);
+```
+
+## 命名空间约定
+
+- 桌面应用相关: `lobe-desktop:[模块]`
+- 服务端相关: `lobe-server:[模块]`
+- 客户端相关: `lobe-client:[模块]`
+- 路由相关: `lobe-[类型]-router:[模块]`
+
+## 格式说明符
+
+- `%O` - 对象展开（推荐用于复杂对象）
+- `%o` - 对象
+- `%s` - 字符串
+- `%d` - 数字
+
+## 示例
+
+查看 [market/index.ts](mdc:src/server/routers/edge/market/index.ts) 中的使用示例：
+
+```typescript
+import debug from 'debug';
+
+const log = debug('lobe-edge-router:market');
+
+log('getAgent input: %O', input);
+```
+
+## 启用调试
+
+要在开发时启用调试输出，需设置环境变量：
+
+### 在浏览器中
+
+在控制台执行：
+```javascript
+localStorage.debug = 'lobe-*'
+```
+
+### 在 Node.js 环境中
+
+```bash
+DEBUG=lobe-* npm run dev
+# 或者
+DEBUG=lobe-* pnpm dev
+```
+
+### 在 Electron 应用中
+
+可以在主进程和渲染进程启动前设置环境变量：
+
+```typescript
+process.env.DEBUG = 'lobe-*';
+```

package/.cursor/rules/desktop-controller-tests.mdc

@@ -0,0 +1,188 @@
+---
+description: 桌面端测试
+globs:
+alwaysApply: false
+---
+# 桌面端控制器单元测试指南
+
+## 测试框架与目录结构
+
+LobeChat 桌面端使用 Vitest 作为测试框架。控制器的单元测试应放置在对应控制器文件同级的 `__tests__` 目录下，并以原控制器文件名加 `.test.ts` 作为文件名。
+
+```
+apps/desktop/src/main/controllers/
+├── __tests__/
+│   ├── index.test.ts
+│   ├── MenuCtr.test.ts
+│   └── ...
+├── McpCtr.ts
+├── MenuCtr.ts
+└── ...
+```
+
+## 测试文件基本结构
+
+```typescript
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import type { App } from '@/core/App';
+
+import YourController from '../YourControllerName';
+
+// 模拟依赖
+vi.mock('依赖模块', () => ({
+  依赖函数: vi.fn(),
+}));
+
+// 模拟 App 实例
+const mockApp = {
+  // 按需模拟必要的 App 属性和方法
+} as unknown as App;
+
+describe('YourController', () => {
+  let controller: YourController;
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+    controller = new YourController(mockApp);
+  });
+
+  describe('方法名', () => {
+    it('测试场景描述', async () => {
+      // 准备测试数据
+
+      // 执行被测方法
+      const result = await controller.方法名(参数);
+
+      // 验证结果
+      expect(result).toMatchObject(预期结果);
+    });
+  });
+});
+```
+
+## 模拟外部依赖
+
+### 模拟模块函数
+
+```typescript
+const mockFunction = vi.fn();
+
+vi.mock('module-name', () => ({
+  functionName: mockFunction,
+}));
+```
+
+### 模拟 Node.js 核心模块
+
+例如模拟 `child_process.exec` 和 `util.promisify`:
+
+```typescript
+// 存储模拟的 exec 实现
+const mockExecImpl = vi.fn();
+
+// 模拟 child_process.exec
+vi.mock('child_process', () => ({
+  exec: vi.fn((cmd, callback) => {
+    return mockExecImpl(cmd, callback);
+  }),
+}));
+
+// 模拟 util.promisify
+vi.mock('util', () => ({
+  promisify: vi.fn((fn) => {
+    return async (cmd: string) => {
+      return new Promise((resolve, reject) => {
+        mockExecImpl(cmd, (error: Error | null, result: any) => {
+          if (error) reject(error);
+          else resolve(result);
+        });
+      });
+    };
+  }),
+}));
+```
+
+## 编写有效的测试用例
+
+### 测试分类
+
+将测试用例分为不同类别，每个类别测试一个特定场景：
+
+```typescript
+// 成功场景
+it('应该成功完成操作', async () => {});
+
+// 边界条件
+it('应该处理边界情况', async () => {});
+
+// 错误处理
+it('应该优雅地处理错误', async () => {});
+```
+
+### 设置测试数据
+
+```typescript
+// 模拟返回值
+mockExecImpl.mockImplementation((cmd: string, callback: any) => {
+  if (cmd === '命令') {
+    callback(null, { stdout: '成功输出' });
+  } else {
+    callback(new Error('错误信息'), null);
+  }
+});
+```
+
+### 断言
+
+使用 Vitest 的断言函数验证结果：
+
+```typescript
+// 检查基本值
+expect(result.success).toBe(true);
+
+// 检查对象部分匹配
+expect(result.data).toMatchObject({
+  key: 'value',
+});
+
+// 检查数组
+expect(result.items).toHaveLength(2);
+expect(result.items[0].name).toBe('expectedName');
+
+// 检查函数调用
+expect(mockFunction).toHaveBeenCalledWith(expectedArgs);
+expect(mockFunction).toHaveBeenCalledTimes(1);
+```
+
+## 最佳实践
+
+1. **隔离测试**：确保每个测试互不影响，使用 `beforeEach` 重置模拟和状态
+2. **全面覆盖**：测试正常流程、边界条件和错误处理
+3. **清晰命名**：测试名称应清晰描述测试内容和预期结果
+4. **避免测试实现细节**：测试应该关注行为而非实现细节，使代码重构不会破坏测试
+5. **模拟外部依赖**：使用 `vi.mock()` 模拟所有外部依赖，减少测试的不确定性
+
+## 示例：测试 IPC 事件处理方法
+
+```typescript
+it('应该正确处理 IPC 事件', async () => {
+  // 模拟依赖
+  mockSomething.mockReturnValue({ result: 'success' });
+
+  // 调用 IPC 方法
+  const result = await controller.ipcMethodName({
+    param1: 'value1',
+    param2: 'value2',
+  });
+
+  // 验证结果
+  expect(result).toEqual({
+    success: true,
+    data: { result: 'success' },
+  });
+
+  // 验证依赖调用
+  expect(mockSomething).toHaveBeenCalledWith('value1', 'value2');
+});
+```

package/.cursor/rules/desktop-feature-implementation.mdc

@@ -1,5 +1,5 @@
 ---
-description:
+description: 当要做 electron 相关工作时
 globs:
 alwaysApply: false
 ---

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 # Changelog
 
+### [Version 1.96.4](https://github.com/lobehub/lobe-chat/compare/v1.96.3...v1.96.4)
+
+<sup>Released on **2025-06-22**</sup>
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.96.3](https://github.com/lobehub/lobe-chat/compare/v1.96.2...v1.96.3)
 
 <sup>Released on **2025-06-22**</sup>

package/README.md

@@ -39,12 +39,7 @@ One-click **FREE** deployment of your private OpenAI ChatGPT/Claude/Gemini/Groq/
 
 <sup>Pioneering the new age of thinking and creating. Built for you, the Super Individual.</sup>
 
-[![][github-trending-shield]][github-trending-url]
-<br />
-<br />
-<a href="https://vercel.com/oss">
-  <img alt="Vercel OSS Program" src="https://vercel.com/oss/program-badge.svg" />
-</a>
+[![][github-trending-shield]][github-trending-url] <br /> <br /> <a href="https://vercel.com/oss"> <img alt="Vercel OSS Program" src="https://vercel.com/oss/program-badge.svg" /> </a>
 
 ![][image-overview]
 

package/changelog/v1.json

@@ -1,4 +1,9 @@
 [
+  {
+    "children": {},
+    "date": "2025-06-22",
+    "version": "1.96.4"
+  },
   {
     "children": {},
     "date": "2025-06-22",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.96.3",
+  "version": "1.96.4",
   "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/index.ts

@@ -121,7 +121,6 @@ export const DEFAULT_MODEL_PROVIDER_LIST = [
   GoogleProvider,
   VertexAIProvider,
   DeepSeekProvider,
-  PPIOProvider,
   HuggingFaceProvider,
   OpenRouterProvider,
   CloudflareProvider,

package/src/features/InitClientDB/features/DatabaseRepair/Backup.tsx

@@ -1,5 +1,5 @@
-import { Alert, Button } from '@lobehub/ui';
-import { App, Card, Typography } from 'antd';
+import { Alert, Button, Text } from '@lobehub/ui';
+import { App, Card } from 'antd';
 import { createStyles } from 'antd-style';
 import { AlertCircle } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
@@ -7,8 +7,6 @@ import { Flexbox } from 'react-layout-kit';
 
 import { resetClientDatabase } from '@/database/client/db';
 
-const { Text, Paragraph } = Typography;
-
 const useStyles = createStyles(({ css, token }) => ({
   card: css`
     border-radius: ${token.borderRadiusLG}px;
@@ -27,7 +25,7 @@ const Backup = () => {
         extra={<Text type="secondary">{t('clientDB.solve.backup.desc')}</Text>}
         title={t('clientDB.solve.backup.title')}
       >
-        <Paragraph>{t('clientDB.solve.backup.exportDesc')}</Paragraph>
+        <Text as={'p'}>{t('clientDB.solve.backup.exportDesc')}</Text>
         <Button block type={'primary'}>
           {t('clientDB.solve.backup.export')}
         </Button>

package/src/features/InitClientDB/features/DatabaseRepair/Repair.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { Alert, Button, CodeEditor, Icon } from '@lobehub/ui';
-import { Card, List, Typography } from 'antd';
+import { Alert, Button, CodeEditor, Icon, Text } from '@lobehub/ui';
+import { Card, List } from 'antd';
 import { createStyles } from 'antd-style';
 import dayjs from 'dayjs';
 import isEqual from 'fast-deep-equal';
@@ -14,8 +14,6 @@ import { clientDB, updateMigrationRecord } from '@/database/client/db';
 import { useGlobalStore } from '@/store/global';
 import { clientDBSelectors } from '@/store/global/selectors';
 
-const { Text } = Typography;
-
 // 使用 antd-style 创建样式
 const useStyles = createStyles(({ css, token }) => ({
   actionBar: css`

package/src/features/KnowledgeBaseModal/AssignKnowledgeBase/Item/index.tsx

@@ -1,4 +1,4 @@
-import { Typography } from 'antd';
+import { Text } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
@@ -8,8 +8,6 @@ import { KnowledgeItem } from '@/types/knowledgeBase';
 
 import Actions from './Action';
 
-const { Paragraph } = Typography;
-
 const useStyles = createStyles(({ css, token }) => ({
   desc: css`
     margin: 0 !important;
@@ -51,14 +49,14 @@ const PluginItem = memo<KnowledgeItem>(({ id, fileType, name, type, description,
         <KnowledgeIcon fileType={fileType} name={name} size={{ file: 40, repo: 40 }} type={type} />
         <Flexbox flex={1} gap={4} style={{ overflow: 'hidden', position: 'relative' }}>
           <Flexbox align={'center'} gap={8} horizontal>
-            <Paragraph className={styles.title} ellipsis={{ rows: 1 }}>
+            <Text className={styles.title} ellipsis>
               {name}
-            </Paragraph>
+            </Text>
           </Flexbox>
           {description && (
-            <Paragraph className={styles.desc} ellipsis={{ rows: 1 }}>
+            <Text className={styles.desc} ellipsis>
               {description}
-            </Paragraph>
+            </Text>
           )}
         </Flexbox>
       </Flexbox>

package/src/features/Portal/Artifacts/Header.tsx

@@ -1,5 +1,5 @@
-import { ActionIcon, Icon, Segmented } from '@lobehub/ui';
-import { ConfigProvider, Typography } from 'antd';
+import { ActionIcon, Icon, Segmented, Text } from '@lobehub/ui';
+import { ConfigProvider } from 'antd';
 import { cx } from 'antd-style';
 import { ArrowLeft, CodeIcon, EyeIcon } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
@@ -34,9 +34,9 @@ const Header = () => {
     <Flexbox align={'center'} flex={1} gap={12} horizontal justify={'space-between'} width={'100%'}>
       <Flexbox align={'center'} gap={4} horizontal>
         <ActionIcon icon={ArrowLeft} onClick={() => closeArtifact()} size={'small'} />
-        <Typography.Text className={cx(oneLineEllipsis)} type={'secondary'}>
+        <Text className={cx(oneLineEllipsis)} type={'secondary'}>
           {artifactTitle}
-        </Typography.Text>
+        </Text>
       </Flexbox>
       <ConfigProvider
         theme={{

package/src/features/Portal/FilePreview/Header.tsx

@@ -1,5 +1,5 @@
-import { ActionIcon } from '@lobehub/ui';
-import { Skeleton, Typography } from 'antd';
+import { ActionIcon, Text } from '@lobehub/ui';
+import { Skeleton } from 'antd';
 import { ArrowLeft } from 'lucide-react';
 import { Flexbox } from 'react-layout-kit';
 
@@ -25,9 +25,9 @@ const Header = () => {
       {isLoading ? (
         <Skeleton.Button active style={{ height: 28 }} />
       ) : (
-        <Typography.Text className={oneLineEllipsis} style={{ fontSize: 16 }} type={'secondary'}>
+        <Text className={oneLineEllipsis} style={{ fontSize: 16 }} type={'secondary'}>
           {data?.name}
-        </Typography.Text>
+        </Text>
       )}
     </Flexbox>
   );

package/src/features/Portal/Home/Body/Files/FileList/Item.tsx

@@ -1,4 +1,4 @@
-import { Typography } from 'antd';
+import { Text } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
@@ -43,8 +43,8 @@ const FileItem = memo<ChatFileItem>(({ name, fileType, size, id }) => {
     >
       <FileIcon fileName={name} fileType={fileType} />
       <Flexbox>
-        <Typography.Text ellipsis={{ tooltip: true }}>{name}</Typography.Text>
-        <Typography.Text type={'secondary'}>{formatSize(size)}</Typography.Text>
+        <Text ellipsis={{ tooltip: true }}>{name}</Text>
+        <Text type={'secondary'}>{formatSize(size)}</Text>
       </Flexbox>
     </Flexbox>
   );

package/src/features/Portal/Home/Body/Files/FileList/index.tsx

@@ -1,5 +1,4 @@
-import { Avatar, Icon } from '@lobehub/ui';
-import { Typography } from 'antd';
+import { Avatar, Icon, Text } from '@lobehub/ui';
 import { useTheme } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { InboxIcon } from 'lucide-react';
@@ -35,7 +34,7 @@ const FileList = () => {
         size={48}
       />
       <Balancer>
-        <Typography.Text type={'secondary'}>{t('emptyKnowledgeList')}</Typography.Text>
+        <Text type={'secondary'}>{t('emptyKnowledgeList')}</Text>
       </Balancer>
     </Center>
   ) : (

package/src/features/Portal/Home/Body/Files/index.tsx

@@ -1,4 +1,4 @@
-import { Typography } from 'antd';
+import { Text } from '@lobehub/ui';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
@@ -10,9 +10,9 @@ export const Files = memo(() => {
 
   return (
     <Flexbox gap={8}>
-      <Typography.Title level={5} style={{ marginInline: 12 }}>
+      <Text as={'h5'} style={{ marginInline: 12 }}>
         {t('files')}
-      </Typography.Title>
+      </Text>
       <FileList />
     </Flexbox>
   );

package/src/features/Portal/Home/Body/Plugins/ArtifactList/Item/index.tsx

@@ -1,5 +1,4 @@
-import { Icon, Tag } from '@lobehub/ui';
-import { Typography } from 'antd';
+import { Icon, Tag, Text } from '@lobehub/ui';
 import isEqual from 'fast-deep-equal';
 import { CircuitBoard } from 'lucide-react';
 import { memo } from 'react';
@@ -53,9 +52,9 @@ const ArtifactItem = memo<ArtifactItemProps>(({ payload, messageId, identifier =
               <Tag>{payload?.apiName}</Tag>
             </Flexbox>
             <div>
-              <Typography.Text ellipsis style={{ fontSize: 12 }} type={'secondary'}>
+              <Text ellipsis style={{ fontSize: 12 }} type={'secondary'}>
                 {args}
-              </Typography.Text>
+              </Text>
             </div>
           </Flexbox>
         </Flexbox>

package/src/features/Portal/Home/Body/Plugins/ArtifactList/index.tsx

@@ -1,5 +1,5 @@
-import { Avatar, Icon } from '@lobehub/ui';
-import { Skeleton, Typography } from 'antd';
+import { Avatar, Icon, Text } from '@lobehub/ui';
+import { Skeleton } from 'antd';
 import { useTheme } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { Origami } from 'lucide-react';
@@ -41,7 +41,7 @@ const ArtifactList = () => {
         size={48}
       />
       <Balancer>
-        <Typography.Text type={'secondary'}>{t('emptyArtifactList')}</Typography.Text>
+        <Text type={'secondary'}>{t('emptyArtifactList')}</Text>
       </Balancer>
     </Center>
   ) : (

package/src/features/Portal/Home/Body/Plugins/index.tsx

@@ -1,4 +1,4 @@
-import { Typography } from 'antd';
+import { Text } from '@lobehub/ui';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
@@ -10,9 +10,9 @@ export const Artifacts = memo(() => {
 
   return (
     <Flexbox gap={8}>
-      <Typography.Title level={5} style={{ marginInline: 12 }}>
+      <Text as={'h5'} style={{ marginInline: 12 }}>
         {t('Plugins')}
-      </Typography.Title>
+      </Text>
       <ArtifactList />
     </Flexbox>
   );

package/src/features/Portal/Home/Title.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Typography } from 'antd';
+import { Text } from '@lobehub/ui';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -8,9 +8,9 @@ const Title = memo(() => {
   const { t } = useTranslation('portal');
 
   return (
-    <Typography.Text style={{ fontSize: 16 }} type={'secondary'}>
+    <Text style={{ fontSize: 16 }} type={'secondary'}>
       {t('title')}
-    </Typography.Text>
+    </Text>
   );
 });
 

package/src/features/Portal/MessageDetail/Header.tsx

@@ -1,4 +1,4 @@
-import { Typography } from 'antd';
+import { Text } from '@lobehub/ui';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
@@ -9,9 +9,9 @@ const Header = () => {
 
   return (
     <Flexbox align={'center'} gap={4} horizontal>
-      <Typography.Text className={oneLineEllipsis} style={{ fontSize: 16 }} type={'secondary'}>
+      <Text className={oneLineEllipsis} style={{ fontSize: 16 }} type={'secondary'}>
         {t('messageDetail')}
-      </Typography.Text>
+      </Text>
     </Flexbox>
   );
 };

package/src/features/Portal/Plugins/Header.tsx

@@ -1,5 +1,4 @@
-import { ActionIcon, Icon } from '@lobehub/ui';
-import { Typography } from 'antd';
+import { ActionIcon, Icon, Text } from '@lobehub/ui';
 import isEqual from 'fast-deep-equal';
 import { ArrowLeft, Globe } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
@@ -27,9 +26,9 @@ const Header = () => {
       <Flexbox align={'center'} gap={8} horizontal>
         <ActionIcon icon={ArrowLeft} onClick={() => closeToolUI()} size={'small'} />
         <Icon icon={Globe} size={16} />
-        <Typography.Text style={{ fontSize: 16 }} type={'secondary'}>
+        <Text style={{ fontSize: 16 }} type={'secondary'}>
           {t('search.title')}
-        </Typography.Text>
+        </Text>
       </Flexbox>
     );
   }
@@ -37,9 +36,9 @@ const Header = () => {
     <Flexbox align={'center'} gap={4} horizontal>
       <ActionIcon icon={ArrowLeft} onClick={() => closeToolUI()} size={'small'} />
       <PluginAvatar identifier={toolUIIdentifier} size={28} />
-      <Typography.Text style={{ fontSize: 16 }} type={'secondary'}>
+      <Text style={{ fontSize: 16 }} type={'secondary'}>
         {pluginTitle}
-      </Typography.Text>
+      </Text>
     </Flexbox>
   );
 };

package/src/features/Portal/Thread/Header/Active.tsx

@@ -1,5 +1,4 @@
-import { Icon } from '@lobehub/ui';
-import { Typography } from 'antd';
+import { Icon, Text } from '@lobehub/ui';
 import { useTheme } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { ListTree } from 'lucide-react';
@@ -20,7 +19,7 @@ const Active = memo(() => {
     currentThread && (
       <Flexbox align={'center'} gap={8} horizontal style={{ marginInlineStart: 4 }}>
         <Icon color={theme.colorTextSecondary} icon={ListTree} size={18} />
-        <Typography.Text
+        <Text
           className={oneLineEllipsis}
           ellipsis={true}
           style={{ color: theme.colorTextSecondary, fontSize: 14 }}
@@ -32,7 +31,7 @@ const Active = memo(() => {
           ) : (
             currentThread?.title
           )}
-        </Typography.Text>
+        </Text>
       </Flexbox>
     )
   );

package/src/features/Portal/Thread/Header/New.tsx

@@ -1,5 +1,5 @@
-import { Icon } from '@lobehub/ui';
-import { Switch, Typography } from 'antd';
+import { Icon, Text } from '@lobehub/ui';
+import { Switch } from 'antd';
 import { GitBranch } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
@@ -17,9 +17,9 @@ const NewThreadHeader = () => {
   return (
     <Flexbox align={'center'} gap={8} horizontal style={{ marginInlineStart: 4 }}>
       <Icon icon={GitBranch} size={18} />
-      <Typography.Text className={oneLineEllipsis} ellipsis={true} style={{ fontSize: 14 }}>
+      <Text className={oneLineEllipsis} ellipsis style={{ fontSize: 14 }}>
         {t('newPortalThread.title')}
-      </Typography.Text>
+      </Text>
       <Flexbox align={'center'} gap={8} horizontal>
         <Switch
           checked={newThreadMode === ThreadType.Continuation}

package/src/features/SyncStatusInspector/EnableSync.tsx

@@ -1,5 +1,5 @@
-import { ActionIcon, Avatar, Icon, Tag } from '@lobehub/ui';
-import { Divider, Popover, Switch, Typography } from 'antd';
+import { ActionIcon, Avatar, Icon, Tag, Text } from '@lobehub/ui';
+import { Divider, Popover, Switch } from 'antd';
 import { createStyles } from 'antd-style';
 import { TooltipPlacement } from 'antd/es/tooltip';
 import isEqual from 'fast-deep-equal';
@@ -15,8 +15,6 @@ import { pathString } from '@/utils/url';
 
 import EnableTag from './EnableTag';
 
-const { Text } = Typography;
-
 const useStyles = createStyles(({ css, token, prefixCls }) => ({
   text: css`
     max-width: 100%;
@@ -67,9 +65,7 @@ const EnableSync = memo<EnableSyncProps>(({ hiddenActions, placement = 'bottomLe
               style={{ paddingInlineEnd: 12 }}
             >
               {t('sync.channel')}
-              <Text className={styles.text} copyable>
-                {channelName}
-              </Text>
+              <Text className={styles.text}>{channelName}</Text>
             </Flexbox>
           </Flexbox>
           <Divider dashed style={{ margin: 0 }} />
@@ -99,9 +95,9 @@ const EnableSync = memo<EnableSyncProps>(({ hiddenActions, placement = 'bottomLe
                       </Flexbox>
                     )}
                   </Flexbox>
-                  <Typography.Text type={'secondary'}>
+                  <Text type={'secondary'}>
                     {user.os} · {user.browser}
-                  </Typography.Text>
+                  </Text>
                 </Flexbox>
               </Flexbox>
             ))}