@lobehub/chat 1.102.2 → 1.102.4

package/packages/file-loaders/README.md

@@ -1,63 +1,89 @@
-# @lobehub/file-loaders
+# @lobechat/file-loaders
 
-`@lobehub/file-loaders` 是 LobeChat 项目中的一个工具包，专门用于从本地文件路径加载各种类型的文件，并将其内容转换为标准化的 `Document` 对象数组。
+`@lobechat/file-loaders` is a toolkit within the LobeChat project, specifically designed for loading various types of files from local file paths and converting their content into standardized `Document` object arrays.
 
-它的主要目的是提供一个统一的接口来读取不同的文件格式，提取其核心文本内容，并为后续处理（例如在 LobeChat 中进行文件预览、内容提取或将其作为知识库数据源）做好准备。
+Its primary purpose is to provide a unified interface for reading different file formats, extracting their core text content, and preparing them for subsequent processing (such as file preview, content extraction, or serving as knowledge base data sources in LobeChat).
 
-## ✨ 功能特性
+## ✨ Features
 
-- **统一接口**: 提供 `loadFile(filePath: string)` 函数作为核心入口点。
-- **自动类型检测**: 根据文件扩展名自动选择合适的加载方式。
-- **广泛的格式支持**:
-  - **纯文本类**: `.txt`, `.csv`, `.md`, `.json`, `.xml`, `.yaml`, `.html` 以及多种代码和配置文件格式。
-  - **PDF**: `.pdf` 文件。
-  - **Word**: `.docx` 文件。
-  - **Excel**: `.xlsx`, `.xls` 文件，每个工作表作为一个 `Page`。
-  - **PowerPoint**: `.pptx` 文件，每个幻灯片作为一个 `Page`。
-- **标准化输出**: 始终返回 `Promise<Document>`。 `Document` 对象代表一个加载的文件，其内部包含一个 `Page` 数组，代表文件的各个逻辑单元（页、幻灯片、工作表、文本块等）。
-- **层级结构**: 采用 `Document` 包含 `Page[]` 的结构，更好地反映文件原始组织方式。
-- **丰富的元数据**: 在 `Document` 和 `Page` 层面提供详细的元数据，包括文件信息、内容统计和结构信息。
+- **Unified Interface**: Provides `loadFile(filePath: string)` function as the core entry point.
+- **Automatic Type Detection**: Automatically selects appropriate loading methods based on file extensions.
+- **Extensive Format Support**:
+  - **Plain Text**: `.txt`, `.csv`, `.md`, `.json`, `.xml`, `.yaml`, `.html` and various code and configuration file formats.
+  - **PDF**: `.pdf` files.
+  - **Word**: `.docx` files.
+  - **Excel**: `.xlsx`, `.xls` files, with each worksheet as a `Page`.
+  - **PowerPoint**: `.pptx` files, with each slide as a `Page`.
+- **Standardized Output**: Always returns `Promise<Document>`. A `Document` object represents a loaded file, containing an array of `Page` objects that represent the logical units of the file (pages, slides, worksheets, text blocks, etc.).
+- **Hierarchical Structure**: Uses a structure where `Document` contains `Page[]`, better reflecting the original organization of the file.
+- **Rich Metadata**: Provides detailed metadata at both `Document` and `Page` levels, including file information, content statistics, and structural information.
 
-## 核心数据结构
+## Core Data Structures
 
-`loadFile` 函数返回一个 `FileDocument` 对象，包含文件级信息和其所有逻辑页面 / 块 (`DocumentPage`)。
+The `loadFile` function returns a `FileDocument` object containing file-level information and all its logical pages/blocks (`DocumentPage`).
 
 ### `FileDocument` Interface
 
-| 字段              | 类型              | 描述                                                           |
-| :---------------- | :---------------- | :------------------------------------------------------------- |
-| `content`         | `string`          | 文件内容 (聚合后的内容)                                        |
-| `createdTime`     | `Date`            | 文件创建时间戳。                                               |
-| `fileType`        | `string`          | 文件类型或扩展名。                                             |
-| `filename`        | `string`          | 原始文件名。                                                   |
-| `metadata`        | `object`          | 文件级别的元数据。                                             |
-| `metadata.author` | `string?`         | 文档作者 (如果可用)。                                          |
-| `metadata.error`  | `string?`         | 如果整个文件加载失败，记录错误信息。                           |
-| `metadata.title`  | `string?`         | 文档标题 (如果可用)。                                          |
-| `...`             | `any`             | 其他文件级别的元数据。                                         |
-| `modifiedTime`    | `Date`            | 文件最后修改时间戳。                                           |
-| `pages`           | `DocumentPage[]?` | 包含文档中所有逻辑页面 / 块的数组 (可选)。                     |
-| `source`          | `string`          | 原始文件的完整路径。                                           |
-| `totalCharCount`  | `number`          | 整个文档的总字符数 (所有 `DocumentPage` 的 `charCount` 之和)。 |
-| `totalLineCount`  | `number`          | 整个文档的总行数 (所有 `DocumentPage` 的 `lineCount` 之和)。   |
+| Field             | Type              | Description                                                                           |
+| :---------------- | :---------------- | :------------------------------------------------------------------------------------ |
+| `content`         | `string`          | File content (aggregated content)                                                     |
+| `createdTime`     | `Date`            | File creation timestamp.                                                              |
+| `fileType`        | `string`          | File type or extension.                                                               |
+| `filename`        | `string`          | Original filename.                                                                    |
+| `metadata`        | `object`          | File-level metadata.                                                                  |
+| `metadata.author` | `string?`         | Document author (if available).                                                       |
+| `metadata.error`  | `string?`         | Error information if the entire file loading failed.                                  |
+| `metadata.title`  | `string?`         | Document title (if available).                                                        |
+| `...`             | `any`             | Other file-level metadata.                                                            |
+| `modifiedTime`    | `Date`            | File last modified timestamp.                                                         |
+| `pages`           | `DocumentPage[]?` | Array containing all logical pages/blocks in the document (optional).                 |
+| `source`          | `string`          | Full path of the original file.                                                       |
+| `totalCharCount`  | `number`          | Total character count of the entire document (sum of all `DocumentPage` `charCount`). |
+| `totalLineCount`  | `number`          | Total line count of the entire document (sum of all `DocumentPage` `lineCount`).      |
 
 ### `DocumentPage` Interface
 
-| 字段                       | 类型      | 描述                         |
-| :------------------------- | :-------- | :--------------------------- |
-| `charCount`                | `number`  | 此页 / 块内容的字符数。      |
-| `lineCount`                | `number`  | 此页 / 块内容的行数。        |
-| `metadata`                 | `object`  | 与此页 / 块相关的元数据。    |
-| `metadata.chunkIndex`      | `number?` | 如果分割成块，当前块的索引。 |
-| `metadata.error`           | `string?` | 处理此页 / 块时发生的错误。  |
-| `metadata.lineNumberEnd`   | `number?` | 在原始文件中的结束行号。     |
-| `metadata.lineNumberStart` | `number?` | 在原始文件中的起始行号。     |
-| `metadata.pageNumber`      | `number?` | 页码 (适用于 PDF, DOCX)。    |
-| `metadata.sectionTitle`    | `string?` | 相关的章节标题。             |
-| `metadata.sheetName`       | `string?` | 工作表名称 (适用于 XLSX)。   |
-| `metadata.slideNumber`     | `number?` | 幻灯片编号 (适用于 PPTX)。   |
-| `metadata.totalChunks`     | `number?` | 如果分割成块，总块数。       |
-| `...`                      | `any`     | 其他特定于页 / 块的元数据。  |
-| `pageContent`              | `string`  | 此页 / 块的核心文本内容。    |
-
-如果你对我们的项目感兴趣，欢迎在 [GitHub](https://github.com/lobehub/lobe-chat) 上查看、点赞或贡献代码！
+| Field                      | Type      | Description                                     |
+| :------------------------- | :-------- | :---------------------------------------------- |
+| `charCount`                | `number`  | Character count of this page/block content.     |
+| `lineCount`                | `number`  | Line count of this page/block content.          |
+| `metadata`                 | `object`  | Metadata related to this page/block.            |
+| `metadata.chunkIndex`      | `number?` | Current chunk index if split into chunks.       |
+| `metadata.error`           | `string?` | Error occurred when processing this page/block. |
+| `metadata.lineNumberEnd`   | `number?` | End line number in the original file.           |
+| `metadata.lineNumberStart` | `number?` | Start line number in the original file.         |
+| `metadata.pageNumber`      | `number?` | Page number (applicable to PDF, DOCX).          |
+| `metadata.sectionTitle`    | `string?` | Related section title.                          |
+| `metadata.sheetName`       | `string?` | Worksheet name (applicable to XLSX).            |
+| `metadata.slideNumber`     | `number?` | Slide number (applicable to PPTX).              |
+| `metadata.totalChunks`     | `number?` | Total chunks if split into chunks.              |
+| `...`                      | `any`     | Other page/block-specific metadata.             |
+| `pageContent`              | `string`  | Core text content of this page/block.           |
+
+## 🤝 Contribution
+
+File formats and parsing requirements are constantly evolving. We welcome community contributions to expand format support and improve parsing accuracy. You can participate in improvements through:
+
+### How to Contribute
+
+1. **New File Format Support**: Add support for additional file types
+2. **Parser Improvements**: Enhance existing parsers for better content extraction
+3. **Metadata Enhancement**: Improve metadata extraction capabilities
+4. **Performance Optimization**: Optimize file loading and processing performance
+
+### Contribution Process
+
+1. Fork the [LobeChat repository](https://github.com/lobehub/lobe-chat)
+2. Add new format support or improve existing parsers
+3. Submit a Pull Request describing:
+
+- New file formats supported or improvements made
+- Testing with various file samples
+- Performance impact analysis
+- Documentation updates
+
+## 📌 Note
+
+This is an internal module of LobeHub (`"private": true`), designed specifically for LobeChat and not published as a standalone package.
+
+If you're interested in our project, feel free to check it out, star it, or contribute code on [GitHub](https://github.com/lobehub/lobe-chat)!

package/packages/file-loaders/README.zh-CN.md

@@ -0,0 +1,89 @@
+# @lobechat/file-loaders
+
+`@lobechat/file-loaders` 是 LobeChat 项目中的一个工具包，专门用于从本地文件路径加载各种类型的文件，并将其内容转换为标准化的 `Document` 对象数组。
+
+它的主要目的是提供一个统一的接口来读取不同的文件格式，提取其核心文本内容，并为后续处理（例如在 LobeChat 中进行文件预览、内容提取或将其作为知识库数据源）做好准备。
+
+## ✨ 功能特性
+
+- **统一接口**: 提供 `loadFile(filePath: string)` 函数作为核心入口点。
+- **自动类型检测**: 根据文件扩展名自动选择合适的加载方式。
+- **广泛的格式支持**:
+  - **纯文本类**: `.txt`, `.csv`, `.md`, `.json`, `.xml`, `.yaml`, `.html` 以及多种代码和配置文件格式。
+  - **PDF**: `.pdf` 文件。
+  - **Word**: `.docx` 文件。
+  - **Excel**: `.xlsx`, `.xls` 文件，每个工作表作为一个 `Page`。
+  - **PowerPoint**: `.pptx` 文件，每个幻灯片作为一个 `Page`。
+- **标准化输出**: 始终返回 `Promise<Document>`。 `Document` 对象代表一个加载的文件，其内部包含一个 `Page` 数组，代表文件的各个逻辑单元（页、幻灯片、工作表、文本块等）。
+- **层级结构**: 采用 `Document` 包含 `Page[]` 的结构，更好地反映文件原始组织方式。
+- **丰富的元数据**: 在 `Document` 和 `Page` 层面提供详细的元数据，包括文件信息、内容统计和结构信息。
+
+## 核心数据结构
+
+`loadFile` 函数返回一个 `FileDocument` 对象，包含文件级信息和其所有逻辑页面 / 块 (`DocumentPage`)。
+
+### `FileDocument` Interface
+
+| 字段              | 类型              | 描述                                                           |
+| :---------------- | :---------------- | :------------------------------------------------------------- |
+| `content`         | `string`          | 文件内容 (聚合后的内容)                                        |
+| `createdTime`     | `Date`            | 文件创建时间戳。                                               |
+| `fileType`        | `string`          | 文件类型或扩展名。                                             |
+| `filename`        | `string`          | 原始文件名。                                                   |
+| `metadata`        | `object`          | 文件级别的元数据。                                             |
+| `metadata.author` | `string?`         | 文档作者 (如果可用)。                                          |
+| `metadata.error`  | `string?`         | 如果整个文件加载失败，记录错误信息。                           |
+| `metadata.title`  | `string?`         | 文档标题 (如果可用)。                                          |
+| `...`             | `any`             | 其他文件级别的元数据。                                         |
+| `modifiedTime`    | `Date`            | 文件最后修改时间戳。                                           |
+| `pages`           | `DocumentPage[]?` | 包含文档中所有逻辑页面 / 块的数组 (可选)。                     |
+| `source`          | `string`          | 原始文件的完整路径。                                           |
+| `totalCharCount`  | `number`          | 整个文档的总字符数 (所有 `DocumentPage` 的 `charCount` 之和)。 |
+| `totalLineCount`  | `number`          | 整个文档的总行数 (所有 `DocumentPage` 的 `lineCount` 之和)。   |
+
+### `DocumentPage` Interface
+
+| 字段                       | 类型      | 描述                         |
+| :------------------------- | :-------- | :--------------------------- |
+| `charCount`                | `number`  | 此页 / 块内容的字符数。      |
+| `lineCount`                | `number`  | 此页 / 块内容的行数。        |
+| `metadata`                 | `object`  | 与此页 / 块相关的元数据。    |
+| `metadata.chunkIndex`      | `number?` | 如果分割成块，当前块的索引。 |
+| `metadata.error`           | `string?` | 处理此页 / 块时发生的错误。  |
+| `metadata.lineNumberEnd`   | `number?` | 在原始文件中的结束行号。     |
+| `metadata.lineNumberStart` | `number?` | 在原始文件中的起始行号。     |
+| `metadata.pageNumber`      | `number?` | 页码 (适用于 PDF, DOCX)。    |
+| `metadata.sectionTitle`    | `string?` | 相关的章节标题。             |
+| `metadata.sheetName`       | `string?` | 工作表名称 (适用于 XLSX)。   |
+| `metadata.slideNumber`     | `number?` | 幻灯片编号 (适用于 PPTX)。   |
+| `metadata.totalChunks`     | `number?` | 如果分割成块，总块数。       |
+| `...`                      | `any`     | 其他特定于页 / 块的元数据。  |
+| `pageContent`              | `string`  | 此页 / 块的核心文本内容。    |
+
+## 🤝 参与贡献
+
+文件格式和解析需求在不断发展。我们欢迎社区贡献来扩展格式支持和提高解析准确性。您可以通过以下方式参与改进：
+
+### 如何贡献
+
+1. **新文件格式支持**：添加对其他文件类型的支持
+2. **解析器改进**：增强现有解析器以更好地提取内容
+3. **元数据增强**：改进元数据提取能力
+4. **性能优化**：优化文件加载和处理性能
+
+### 贡献流程
+
+1. Fork [LobeChat 仓库](https://github.com/lobehub/lobe-chat)
+2. 添加新格式支持或改进现有解析器
+3. 提交 Pull Request 并描述：
+
+- 支持的新文件格式或所做的改进
+- 使用各种文件样本进行测试
+- 性能影响分析
+- 文档更新
+
+## 📌 说明
+
+这是 LobeHub 的内部模块（`"private": true`），专为 LobeChat 设计，不作为独立包发布。
+
+如果你对我们的项目感兴趣，欢迎在 [GitHub](https://github.com/lobehub/lobe-chat) 上查看、点赞或贡献代码！

package/src/app/[variants]/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/HeaderAction.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ActionIcon, Tooltip } from '@lobehub/ui';
+import { ActionIcon } from '@lobehub/ui';
 import { PanelRightClose, PanelRightOpen } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -30,13 +30,16 @@ const HeaderAction = memo<{ className?: string }>(({ className }) => {
   return (
     <Flexbox className={className} gap={4} horizontal>
       <ShareButton />
-      <Tooltip hotkey={hotkey} title={t('toggleRightPanel.title', { ns: 'hotkey' })}>
-        <ActionIcon
-          icon={showAgentSettings ? PanelRightClose : PanelRightOpen}
-          onClick={() => toggleConfig()}
-          size={DESKTOP_HEADER_ICON_SIZE}
-        />
-      </Tooltip>
+      <ActionIcon
+        icon={showAgentSettings ? PanelRightClose : PanelRightOpen}
+        onClick={() => toggleConfig()}
+        size={DESKTOP_HEADER_ICON_SIZE}
+        title={t('toggleRightPanel.title', { ns: 'hotkey' })}
+        tooltipProps={{
+          hotkey,
+          placement: 'bottom',
+        }}
+      />
       {isAgentEditable && <SettingButton />}
     </Flexbox>
   );

package/src/app/[variants]/(main)/chat/(workspace)/features/SettingButton.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ActionIcon, Tooltip } from '@lobehub/ui';
+import { ActionIcon } from '@lobehub/ui';
 import { AlignJustify } from 'lucide-react';
 import dynamic from 'next/dynamic';
 import { memo } from 'react';
@@ -25,13 +25,16 @@ const SettingButton = memo<{ mobile?: boolean }>(({ mobile }) => {
 
   return (
     <>
-      <Tooltip hotkey={hotkey} title={t('openChatSettings.title', { ns: 'hotkey' })}>
-        <ActionIcon
-          icon={AlignJustify}
-          onClick={() => openChatSettings()}
-          size={mobile ? MOBILE_HEADER_ICON_SIZE : DESKTOP_HEADER_ICON_SIZE}
-        />
-      </Tooltip>
+      <ActionIcon
+        icon={AlignJustify}
+        onClick={() => openChatSettings()}
+        size={mobile ? MOBILE_HEADER_ICON_SIZE : DESKTOP_HEADER_ICON_SIZE}
+        title={t('openChatSettings.title', { ns: 'hotkey' })}
+        tooltipProps={{
+          hotkey,
+          placement: 'bottom',
+        }}
+      />
       <AgentSettings key={id} />
     </>
   );

package/src/app/[variants]/(main)/chat/(workspace)/features/ShareButton/index.tsx

@@ -31,6 +31,9 @@ const ShareButton = memo<ShareButtonProps>(({ mobile, setOpen, open }) => {
         onClick={() => setIsModalOpen(true)}
         size={mobile ? MOBILE_HEADER_ICON_SIZE : DESKTOP_HEADER_ICON_SIZE}
         title={t('share')}
+        tooltipProps={{
+          placement: 'bottom',
+        }}
       />
       <ShareModal onCancel={() => setIsModalOpen(false)} open={isModalOpen} />
     </>

package/src/app/[variants]/(main)/chat/@session/_layout/Desktop/SessionHeader.tsx

@@ -62,6 +62,9 @@ const Header = memo(() => {
               size={DESKTOP_HEADER_ICON_SIZE}
               style={{ flex: 'none' }}
               title={t('newAgent')}
+              tooltipProps={{
+                placement: 'bottom',
+              }}
             />
           )}
         </Flexbox>

package/src/features/PlanIcon/index.tsx

@@ -0,0 +1,126 @@
+import { Icon } from '@lobehub/ui';
+import { Tag } from 'antd';
+import { createStyles } from 'antd-style';
+import { Atom, Box, CircleSlash, Sparkle, Zap } from 'lucide-react';
+import { CSSProperties, MouseEvent, memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Center, Flexbox } from 'react-layout-kit';
+
+import { Plans } from '@/types/subscription';
+
+export const themes = {
+  [Plans.Free]: {
+    icon: CircleSlash,
+    theme: {
+      background: undefined,
+      color: undefined,
+    },
+  },
+  [Plans.Hobby]: {
+    icon: Box,
+    theme: {
+      background: 'linear-gradient(45deg, #21B2EE, #2271ED)',
+      color: '#E5F8FF',
+    },
+  },
+  [Plans.Starter]: {
+    icon: Sparkle,
+    theme: {
+      background: 'linear-gradient(45deg, #C57948, #803718)',
+      color: '#FFC385',
+    },
+  },
+  [Plans.Premium]: {
+    icon: Zap,
+    theme: {
+      background: 'linear-gradient(45deg, #A5B4C2, #606E7B)',
+      color: '#FCFDFF',
+    },
+  },
+  [Plans.Ultimate]: {
+    icon: Atom,
+    theme: {
+      background: 'linear-gradient(45deg, #F7A82F, #BB7227)',
+      color: '#FCFA6E',
+    },
+  },
+};
+
+const useStyles = createStyles(({ css, token }) => ({
+  icon: css`
+    flex: none;
+    border-radius: ${token.borderRadiusLG}px;
+    box-shadow: 0 0 0 1px ${token.colorFillSecondary};
+  `,
+}));
+
+interface PlanIconProps {
+  className?: string;
+  mono?: boolean;
+  onClick?: (e: MouseEvent) => void;
+  plan: Plans;
+  size?: number;
+  style?: CSSProperties;
+  type?: 'icon' | 'tag' | 'combine';
+}
+
+const PlanIcon = memo<PlanIconProps>(
+  ({ type = 'icon', plan, size = 36, mono, style, className, onClick }) => {
+    const { icon, theme } = themes[plan];
+    const { cx, styles, theme: token } = useStyles();
+    const { t } = useTranslation('subscription');
+    const isTag = type === 'tag';
+    const isCombine = type === 'combine';
+    const isFree = plan === Plans.Free;
+
+    if (isTag) {
+      return (
+        <Tag
+          bordered={false}
+          className={className}
+          onClick={onClick}
+          style={{
+            ...(theme || { background: token.colorFillSecondary, color: token.colorText }),
+            border: 'none',
+            borderRadius: 12,
+            cursor: 'pointer',
+            flex: 'none',
+            margin: 0,
+            ...style,
+          }}
+        >
+          {t(`plans.plan.${plan}.title`)}
+        </Tag>
+      );
+    }
+
+    const iconContent = (
+      <Center
+        className={cx(styles.icon, className)}
+        height={size}
+        onClick={onClick}
+        style={
+          mono
+            ? style
+            : { ...theme, border: isFree ? undefined : `2px solid ${theme.color}`, ...style }
+        }
+        width={size}
+      >
+        <Icon color={mono ? undefined : theme.color} icon={icon} size={size / 2} />
+      </Center>
+    );
+
+    if (isCombine) {
+      return (
+        <Flexbox align={'center'} gap={8} horizontal>
+          {iconContent}
+          <span>{t(`plans.plan.${plan}.title`)}</span>
+        </Flexbox>
+      );
+    }
+
+    return iconContent;
+  },
+);
+
+export default PlanIcon;

package/src/features/User/PlanTag.tsx

@@ -1,43 +1,51 @@
-import { Tag, Tooltip } from '@lobehub/ui';
+import { Tag } from '@lobehub/ui';
 import { useTheme } from 'antd-style';
-import { CSSProperties, memo, useMemo } from 'react';
+import Link from 'next/link';
+import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
+import urlJoin from 'url-join';
+
+import { OFFICIAL_URL } from '@/const/url';
+import { isDesktop } from '@/const/version';
+import PlanIcon from '@/features/PlanIcon';
+import { Plans } from '@/types/subscription';
 
 export enum PlanType {
   Preview = 'preview',
 }
 
 export interface PlanTagProps {
-  type?: PlanType;
+  type?: PlanType | Plans;
 }
 
 const PlanTag = memo<PlanTagProps>(({ type = PlanType.Preview }) => {
   const { t } = useTranslation('common');
   const theme = useTheme();
-  const tag: {
-    desc: string;
-    style: CSSProperties;
-    title: string;
-  } = useMemo(() => {
-    switch (type) {
-      case PlanType.Preview: {
-        return {
-          desc: t('userPanel.community'),
-          style: {
-            background: theme.colorFill,
-          },
-          title: 'Community',
-        };
-      }
-    }
-  }, []);
 
-  return (
-    <Tooltip title={tag.desc}>
-      <Tag bordered={false} style={{ ...tag.style, borderRadius: 12, cursor: 'pointer' }}>
-        {tag.title}
+  if (type === PlanType.Preview) {
+    return (
+      <Tag
+        bordered={false}
+        style={{ background: theme.colorFill, borderRadius: 12, cursor: 'pointer' }}
+      >
+        {t('userPanel.community')}
       </Tag>
-    </Tooltip>
+    );
+  }
+
+  const isFree = type === Plans.Free;
+
+  return (
+    <Link
+      href={urlJoin(
+        isDesktop ? OFFICIAL_URL : '/',
+        isFree ? '/subscription/plans' : '/subscription/usage',
+      )}
+      style={{ cursor: 'pointer' }}
+      target={isDesktop ? '_blank' : undefined}
+    >
+      <PlanIcon plan={type} size={22} type={'tag'} />
+    </Link>
   );
 });
 

package/src/libs/model-runtime/ModelRuntime.ts

@@ -1,4 +1,3 @@
-import { log } from 'debug';
 import { ClientOptions } from 'openai';
 
 import type { TracePayload } from '@/const/trace';
@@ -112,13 +111,6 @@ class ModelRuntime {
         LobeCloudflareParams & { apiKey?: string; apiVersion?: string; baseURL?: string }
     >,
   ) {
-    // @ts-expect-error ignore
-    if (providerRuntimeMap[provider]) {
-      log('Provider runtime map found for provider: %s', provider);
-    } else {
-      log('Provider runtime map not found for provider: %s', provider);
-    }
-
     // @ts-expect-error runtime map not include vertex so it will be undefined
     const providerAI = providerRuntimeMap[provider] ?? LobeOpenAI;
     const runtimeModel: LobeRuntimeAI = new providerAI(params);

package/src/locales/default/index.ts

@@ -22,6 +22,7 @@ import portal from './portal';
 import providers from './providers';
 import ragEval from './ragEval';
 import setting from './setting';
+import subscription from './subscription';
 import thread from './thread';
 import tool from './tool';
 import topic from './topic';
@@ -52,6 +53,7 @@ const resources = {
   providers,
   ragEval,
   setting,
+  subscription,
   thread,
   tool,
   topic,

package/src/locales/default/subscription.ts

@@ -0,0 +1,24 @@
+export default {
+  plans: {
+    plan: {
+      enterprise: {
+        title: '企业版',
+      },
+      free: {
+        title: '免费版',
+      },
+      hobby: {
+        title: '自助版',
+      },
+      premium: {
+        title: '进阶版',
+      },
+      starter: {
+        title: '基础版',
+      },
+      ultimate: {
+        title: '专业版',
+      },
+    },
+  },
+};

package/src/server/routers/async/caller.ts

@@ -1,5 +1,4 @@
 import { createTRPCClient, httpLink } from '@trpc/client';
-import debug from 'debug';
 import superjson from 'superjson';
 import urlJoin from 'url-join';
 
@@ -14,11 +13,7 @@ import { KeyVaultsGateKeeper } from '@/server/modules/KeyVaultsEncrypt';
 import { asyncRouter } from './index';
 import type { AsyncRouter } from './index';
 
-const log = debug('lobe-image:async-caller');
-
 export const createAsyncServerClient = async (userId: string, payload: JWTPayload) => {
-  log('Creating async server client for userId: %s', userId);
-
   const gateKeeper = await KeyVaultsGateKeeper.initWithEnvKey();
   const headers: Record<string, string> = {
     Authorization: `Bearer ${serverDBEnv.KEY_VAULTS_SECRET}`,
@@ -39,7 +34,6 @@ export const createAsyncServerClient = async (userId: string, payload: JWTPayloa
     ],
   });
 
-  log('Async server client created successfully for userId: %s', userId);
   return client;
 };
 

package/src/types/subscription.ts

@@ -0,0 +1,7 @@
+export enum Plans {
+  Free = 'free',
+  Hobby = 'hobby',
+  Premium = 'premium',
+  Starter = 'starter',
+  Ultimate = 'ultimate',
+}