@lobehub/chat 1.11.2 → 1.11.3

package/locales/ru-RU/components.json

@@ -5,6 +5,66 @@
     "dragFileTitle": "Загрузить файл",
     "dragTitle": "Загрузить изображение"
   },
+  "FileManager": {
+    "actions": {
+      "addToKnowledgeBase": "Добавить в базу знаний",
+      "addToOtherKnowledgeBase": "Добавить в другую базу знаний",
+      "batchChunking": "Пакетная разбивка",
+      "chunking": "Разбивка",
+      "chunkingTooltip": "Разделите файл на несколько текстовых блоков и векторизуйте их для семантического поиска и диалога с файлом",
+      "confirmDelete": "Вы собираетесь удалить этот файл. После удаления его нельзя будет восстановить. Пожалуйста, подтвердите ваше действие.",
+      "confirmDeleteMultiFiles": "Вы собираетесь удалить выбранные {{count}} файлов. После удаления их нельзя будет восстановить. Пожалуйста, подтвердите ваше действие.",
+      "confirmRemoveFromKnowledgeBase": "Вы собираетесь удалить выбранные {{count}} файлов из базы знаний. После удаления файлы все еще будут доступны во всех файлах. Пожалуйста, подтвердите ваше действие.",
+      "copyUrl": "Скопировать ссылку",
+      "copyUrlSuccess": "Адрес файла успешно скопирован",
+      "createChunkingTask": "Подготовка...",
+      "deleteSuccess": "Файл успешно удален",
+      "downloading": "Загрузка файла...",
+      "removeFromKnowledgeBase": "Удалить из базы знаний",
+      "removeFromKnowledgeBaseSuccess": "Файл успешно удален"
+    },
+    "bottom": "Вы достигли конца",
+    "config": {
+      "showFilesInKnowledgeBase": "Показать содержимое в базе знаний"
+    },
+    "emptyStatus": {
+      "actions": {
+        "file": "Загрузить файл",
+        "folder": "Загрузить папку",
+        "knowledgeBase": "Создать новую базу знаний"
+      },
+      "or": "или",
+      "title": "Перетащите файл или папку сюда"
+    },
+    "title": {
+      "createdAt": "Дата создания",
+      "size": "Размер",
+      "title": "Файл"
+    },
+    "total": {
+      "fileCount": "Всего {{count}} элементов",
+      "selectedCount": "Выбрано {{count}} элементов"
+    }
+  },
+  "FileParsingStatus": {
+    "chunks": {
+      "embeddingStatus": {
+        "empty": "Текстовые блоки еще не полностью векторизованы, что приведет к недоступности функции семантического поиска. Для повышения качества поиска, пожалуйста, векторизуйте текстовые блоки.",
+        "processing": "Текстовые блоки векторизуются, пожалуйста, подождите.",
+        "success": "Все текущие текстовые блоки успешно векторизованы."
+      },
+      "embeddings": "Векторизация",
+      "status": {
+        "error": "Ошибка разбивки",
+        "errorResult": "Ошибка разбивки, пожалуйста, проверьте и повторите попытку. Причина ошибки:",
+        "processing": "В процессе разбивки",
+        "processingTip": "Сервер разбивает текстовые блоки, закрытие страницы не повлияет на процесс разбивки."
+      }
+    }
+  },
+  "GoBack": {
+    "back": "Назад"
+  },
   "ModelSelect": {
     "featureTag": {
       "custom": "Пользовательская модель по умолчанию поддерживает как вызов функций, так и распознавание изображений. Пожалуйста, проверьте доступность указанных возможностей в вашем случае",

package/locales/tr-TR/components.json

@@ -5,6 +5,66 @@
     "dragFileTitle": "Dosya Yükle",
     "dragTitle": "Resim Yükle"
   },
+  "FileManager": {
+    "actions": {
+      "addToKnowledgeBase": "Bilgi tabanına ekle",
+      "addToOtherKnowledgeBase": "Diğer bilgi tabanına ekle",
+      "batchChunking": "Toplu parçalara ayırma",
+      "chunking": "Parçalara ayırma",
+      "chunkingTooltip": "Dosyayı birden fazla metin parçasına ayırıp vektörleştirdikten sonra, anlamsal arama ve dosya diyalogları için kullanılabilir",
+      "confirmDelete": "Bu dosya silinecek, silindikten sonra geri alınamaz, lütfen işleminizi onaylayın",
+      "confirmDeleteMultiFiles": "Seçilen {{count}} dosya silinecek, silindikten sonra geri alınamaz, lütfen işleminizi onaylayın",
+      "confirmRemoveFromKnowledgeBase": "Seçilen {{count}} dosya bilgi tabanından kaldırılacak, kaldırıldıktan sonra dosyalar tüm dosyalar arasında görüntülenebilir, lütfen işleminizi onaylayın",
+      "copyUrl": "Bağlantıyı kopyala",
+      "copyUrlSuccess": "Dosya adresi başarıyla kopyalandı",
+      "createChunkingTask": "Hazırlanıyor...",
+      "deleteSuccess": "Dosya başarıyla silindi",
+      "downloading": "Dosya indiriliyor...",
+      "removeFromKnowledgeBase": "Bilgi tabanından kaldır",
+      "removeFromKnowledgeBaseSuccess": "Dosya başarıyla kaldırıldı"
+    },
+    "bottom": "Artık sona geldik",
+    "config": {
+      "showFilesInKnowledgeBase": "Bilgi tabanındaki içeriği göster"
+    },
+    "emptyStatus": {
+      "actions": {
+        "file": "Dosya yükle",
+        "folder": "Klasör yükle",
+        "knowledgeBase": "Yeni bilgi tabanı oluştur"
+      },
+      "or": "veya",
+      "title": "Dosyayı veya klasörü buraya sürükleyin"
+    },
+    "title": {
+      "createdAt": "Oluşturulma zamanı",
+      "size": "Boyut",
+      "title": "Dosya"
+    },
+    "total": {
+      "fileCount": "Toplam {{count}} öğe",
+      "selectedCount": "Seçilen {{count}} öğe"
+    }
+  },
+  "FileParsingStatus": {
+    "chunks": {
+      "embeddingStatus": {
+        "empty": "Metin parçaları henüz tamamen vektörleştirilmedi, bu durum anlamsal arama işlevinin kullanılamamasına neden olabilir, arama kalitesini artırmak için lütfen metin parçalarını vektörleştirin",
+        "processing": "Metin parçaları vektörleştiriliyor, lütfen bekleyin",
+        "success": "Mevcut metin parçaları tamamen vektörleştirildi"
+      },
+      "embeddings": "Vektörleştirme",
+      "status": {
+        "error": "Parçalara ayırma başarısız oldu",
+        "errorResult": "Parçalara ayırma başarısız oldu, lütfen kontrol edip tekrar deneyin. Başarısız olma nedeni:",
+        "processing": "Parçalara ayırma işlemi devam ediyor",
+        "processingTip": "Sunucu metin parçalarını ayırıyor, sayfayı kapatmak parçalama ilerlemesini etkilemez"
+      }
+    }
+  },
+  "GoBack": {
+    "back": "Geri dön"
+  },
   "ModelSelect": {
     "featureTag": {
       "custom": "Özel model, varsayılan olarak hem fonksiyon çağrısını hem de görüntü tanımayı destekler, yukarıdaki yeteneklerin kullanılabilirliğini doğrulamak için lütfen gerçek durumu kontrol edin",

package/locales/vi-VN/components.json

@@ -5,6 +5,66 @@
     "dragFileTitle": "Tải lên tệp",
     "dragTitle": "Tải lên hình ảnh"
   },
+  "FileManager": {
+    "actions": {
+      "addToKnowledgeBase": "Thêm vào kho tri thức",
+      "addToOtherKnowledgeBase": "Thêm vào kho tri thức khác",
+      "batchChunking": "Chia nhỏ theo lô",
+      "chunking": "Chia nhỏ",
+      "chunkingTooltip": "Chia tách tệp thành nhiều khối văn bản và vector hóa, có thể sử dụng cho tìm kiếm ngữ nghĩa và đối thoại tệp",
+      "confirmDelete": "Bạn sắp xóa tệp này, sau khi xóa sẽ không thể khôi phục, vui lòng xác nhận hành động của bạn",
+      "confirmDeleteMultiFiles": "Bạn sắp xóa {{count}} tệp đã chọn, sau khi xóa sẽ không thể khôi phục, vui lòng xác nhận hành động của bạn",
+      "confirmRemoveFromKnowledgeBase": "Bạn sắp xóa {{count}} tệp đã chọn khỏi kho tri thức, sau khi xóa tệp vẫn có thể xem trong tất cả các tệp, vui lòng xác nhận hành động của bạn",
+      "copyUrl": "Sao chép liên kết",
+      "copyUrlSuccess": "Địa chỉ tệp đã được sao chép thành công",
+      "createChunkingTask": "Đang chuẩn bị...",
+      "deleteSuccess": "Tệp đã được xóa thành công",
+      "downloading": "Đang tải tệp...",
+      "removeFromKnowledgeBase": "Xóa khỏi kho tri thức",
+      "removeFromKnowledgeBaseSuccess": "Tệp đã được xóa thành công"
+    },
+    "bottom": "Đã đến cuối rồi",
+    "config": {
+      "showFilesInKnowledgeBase": "Hiển thị nội dung trong kho tri thức"
+    },
+    "emptyStatus": {
+      "actions": {
+        "file": "Tải lên tệp",
+        "folder": "Tải lên thư mục",
+        "knowledgeBase": "Tạo kho tri thức mới"
+      },
+      "or": "hoặc",
+      "title": "Kéo tệp hoặc thư mục vào đây"
+    },
+    "title": {
+      "createdAt": "Thời gian tạo",
+      "size": "Kích thước",
+      "title": "Tệp"
+    },
+    "total": {
+      "fileCount": "Tổng cộng {{count}} mục",
+      "selectedCount": "Đã chọn {{count}} mục"
+    }
+  },
+  "FileParsingStatus": {
+    "chunks": {
+      "embeddingStatus": {
+        "empty": "Các khối văn bản chưa được vector hóa hoàn toàn, sẽ dẫn đến chức năng tìm kiếm ngữ nghĩa không khả dụng, để nâng cao chất lượng tìm kiếm, vui lòng vector hóa các khối văn bản",
+        "processing": "Các khối văn bản đang được vector hóa, vui lòng chờ",
+        "success": "Hiện tại tất cả các khối văn bản đã được vector hóa"
+      },
+      "embeddings": "Vector hóa",
+      "status": {
+        "error": "Chia nhỏ thất bại",
+        "errorResult": "Chia nhỏ thất bại, vui lòng kiểm tra và thử lại. Nguyên nhân thất bại:",
+        "processing": "Đang chia nhỏ",
+        "processingTip": "Máy chủ đang chia tách các khối văn bản, đóng trang không ảnh hưởng đến tiến trình chia nhỏ"
+      }
+    }
+  },
+  "GoBack": {
+    "back": "Quay lại"
+  },
   "ModelSelect": {
     "featureTag": {
       "custom": "Mô hình tùy chỉnh, mặc định hỗ trợ cả cuộc gọi hàm và nhận diện hình ảnh, vui lòng xác minh khả năng sử dụng của chúng theo tình hình cụ thể",

package/locales/zh-CN/components.json

@@ -5,6 +5,66 @@
     "dragFileTitle": "上传文件",
     "dragTitle": "上传图片"
   },
+  "FileManager": {
+    "actions": {
+      "addToKnowledgeBase": "添加到知识库",
+      "addToOtherKnowledgeBase": "添加到其他知识库",
+      "batchChunking": "批量分块",
+      "chunking": "分块",
+      "chunkingTooltip": "将文件拆分为多个文本块并向量化后，可用于语义检索和文件对话",
+      "confirmDelete": "即将删除该文件，删除后该将无法找回，请确认你的操作",
+      "confirmDeleteMultiFiles": "即将删除选中的 {{count}} 个文件，删除后该将无法找回，请确认你的操作",
+      "confirmRemoveFromKnowledgeBase": "即将从知识库中移除选中的 {{count}} 个文件，移除后文件仍然可以在全部文件中查看，请确认你的操作",
+      "copyUrl": "复制链接",
+      "copyUrlSuccess": "文件地址复制成功",
+      "createChunkingTask": "准备中...",
+      "deleteSuccess": "文件删除成功",
+      "downloading": "文件下载中...",
+      "removeFromKnowledgeBase": "从知识库中移除",
+      "removeFromKnowledgeBaseSuccess": "文件移除成功"
+    },
+    "bottom": "已经到底啦",
+    "config": {
+      "showFilesInKnowledgeBase": "显示知识库中内容"
+    },
+    "emptyStatus": {
+      "actions": {
+        "file": "上传文件",
+        "folder": "上传文件夹",
+        "knowledgeBase": "新建知识库"
+      },
+      "or": "或者",
+      "title": "将文件或文件夹拖到这里"
+    },
+    "title": {
+      "createdAt": "创建时间",
+      "size": "大小",
+      "title": "文件"
+    },
+    "total": {
+      "fileCount": "共 {{count}} 项",
+      "selectedCount": "已选 {{count}} 项"
+    }
+  },
+  "FileParsingStatus": {
+    "chunks": {
+      "embeddingStatus": {
+        "empty": "文本块尚未完全向量化，将导致语义检索功能不可用，为提升检索质量，请对文本块向量化",
+        "processing": "文本块正在向量化，请耐心等待",
+        "success": "当前文本块均已向量化"
+      },
+      "embeddings": "向量化",
+      "status": {
+        "error": "分块失败",
+        "errorResult": "分块失败，请检查后重试。失败原因：",
+        "processing": "分块中",
+        "processingTip": "服务端正在拆分文本块，关闭页面不影响分块进度"
+      }
+    }
+  },
+  "GoBack": {
+    "back": "返回"
+  },
   "ModelSelect": {
     "featureTag": {
       "custom": "自定义模型，默认设定同时支持函数调用与视觉识别，请根据实际情况验证上述能力的可用性",

package/locales/zh-TW/components.json

@@ -5,6 +5,66 @@
     "dragFileTitle": "上傳檔案",
     "dragTitle": "上傳圖片"
   },
+  "FileManager": {
+    "actions": {
+      "addToKnowledgeBase": "添加到知識庫",
+      "addToOtherKnowledgeBase": "添加到其他知識庫",
+      "batchChunking": "批量分塊",
+      "chunking": "分塊",
+      "chunkingTooltip": "將文件拆分為多個文本塊並向量化後，可用於語義檢索和文件對話",
+      "confirmDelete": "即將刪除該文件，刪除後將無法找回，請確認你的操作",
+      "confirmDeleteMultiFiles": "即將刪除選中的 {{count}} 個文件，刪除後將無法找回，請確認你的操作",
+      "confirmRemoveFromKnowledgeBase": "即將從知識庫中移除選中的 {{count}} 個文件，移除後文件仍然可以在全部文件中查看，請確認你的操作",
+      "copyUrl": "複製鏈接",
+      "copyUrlSuccess": "文件地址複製成功",
+      "createChunkingTask": "準備中...",
+      "deleteSuccess": "文件刪除成功",
+      "downloading": "文件下載中...",
+      "removeFromKnowledgeBase": "從知識庫中移除",
+      "removeFromKnowledgeBaseSuccess": "文件移除成功"
+    },
+    "bottom": "已經到底啦",
+    "config": {
+      "showFilesInKnowledgeBase": "顯示知識庫中內容"
+    },
+    "emptyStatus": {
+      "actions": {
+        "file": "上傳文件",
+        "folder": "上傳文件夾",
+        "knowledgeBase": "新建知識庫"
+      },
+      "or": "或者",
+      "title": "將文件或文件夾拖到這裡"
+    },
+    "title": {
+      "createdAt": "創建時間",
+      "size": "大小",
+      "title": "文件"
+    },
+    "total": {
+      "fileCount": "共 {{count}} 項",
+      "selectedCount": "已選 {{count}} 項"
+    }
+  },
+  "FileParsingStatus": {
+    "chunks": {
+      "embeddingStatus": {
+        "empty": "文本塊尚未完全向量化，將導致語義檢索功能不可用，為提升檢索質量，請對文本塊向量化",
+        "processing": "文本塊正在向量化，請耐心等待",
+        "success": "當前文本塊均已向量化"
+      },
+      "embeddings": "向量化",
+      "status": {
+        "error": "分塊失敗",
+        "errorResult": "分塊失敗，請檢查後重試。失敗原因：",
+        "processing": "分塊中",
+        "processingTip": "服務端正在拆分文本塊，關閉頁面不影響分塊進度"
+      }
+    }
+  },
+  "GoBack": {
+    "back": "返回"
+  },
   "ModelSelect": {
     "featureTag": {
       "custom": "自訂模型，預設支援函式呼叫與視覺辨識，請根據實際情況驗證上述能力的可用性",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.11.2",
+  "version": "1.11.3",
   "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/app/(main)/settings/_layout/Desktop/SideBar.tsx

@@ -5,31 +5,15 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox, FlexboxProps } from 'react-layout-kit';
 
 import BrandWatermark from '@/components/BrandWatermark';
+import PanelTitle from '@/components/PanelTitle';
 
 const useStyles = createStyles(({ token, css }) => ({
   container: css`
-    padding-block: 24px 16px;
+    padding-block: 0 16px;
     padding-inline: 12px;
     background: ${token.colorBgContainer};
     border-inline-end: 1px solid ${token.colorBorder};
   `,
-  desc: css`
-    line-height: 1.4;
-    color: ${token.colorTextDescription};
-  `,
-  header: css`
-    padding-block: 0;
-    padding-inline: 0.75rem;
-  `,
-  logo: css`
-    fill: ${token.colorText};
-  `,
-  title: css`
-    margin: 0;
-    font-size: 26px;
-    font-weight: 600;
-    line-height: 1.3;
-  `,
 }));
 
 interface SidebarLayoutProps extends FlexboxProps {
@@ -48,10 +32,7 @@ const SidebarLayout = ({ children, className, title, desc, ...rest }: SidebarLay
       width={280}
       {...rest}
     >
-      <Flexbox className={styles.header} gap={4}>
-        <h1 className={styles.title}>{title || t('header.title')}</h1>
-        <p className={styles.desc}>{desc || t('header.desc')}</p>
-      </Flexbox>
+      <PanelTitle desc={desc || t('header.desc')} title={title || t('header.title')} />
       {children}
       <BrandWatermark paddingInline={12} />
     </Flexbox>

package/src/components/FileIcon/config.ts

@@ -0,0 +1,12 @@
+export const mimeTypeMap: Record<string, string> = {
+  csv: '#43aa55',
+  doc: '#2b56b1',
+  docx: '#2b56b1',
+  pdf: '#de2429',
+  ppt: '#c43e1b',
+  pptx: '#c43e1b',
+  text: '#607180',
+  txt: '#607180',
+  xls: '#2f6d3f',
+  xlsx: '#2f6d3f',
+};

package/src/components/FileIcon/index.tsx

@@ -0,0 +1,30 @@
+import { FileTypeIcon, MaterialFileTypeIcon } from '@lobehub/ui';
+import { memo } from 'react';
+
+import { mimeTypeMap } from './config';
+
+interface FileListProps {
+  fileName: string;
+  fileType: string;
+  size?: number;
+  variant?: 'pure' | 'file' | 'folder';
+}
+
+const FileIcon = memo<FileListProps>(({ fileName, size, variant = 'file' }) => {
+  if (Object.keys(mimeTypeMap).some((key) => fileName.endsWith(`.${key}`))) {
+    const ext = fileName.split('.').pop() as string;
+
+    return (
+      <FileTypeIcon
+        color={mimeTypeMap[ext]}
+        filetype={ext?.toUpperCase()}
+        size={size}
+        type={'file'}
+      />
+    );
+  }
+
+  return <MaterialFileTypeIcon filename={fileName} size={size} type={'file'} variant={variant} />;
+});
+
+export default FileIcon;

package/src/components/FunctionModal/createModalHooks.ts

@@ -0,0 +1,46 @@
+import { App } from 'antd';
+import { ModalFuncProps } from 'antd/es/modal/interface';
+import { MutableRefObject, ReactNode, useRef } from 'react';
+
+import { closeIcon, useStyles } from './style';
+
+interface CreateModalProps extends ModalFuncProps {
+  content: ReactNode;
+}
+
+interface ModalInstance {
+  destroy: (...args: any[]) => void;
+}
+
+type PropsFunc<T = undefined> = (
+  instance: MutableRefObject<ModalInstance | undefined>,
+  props?: T,
+) => CreateModalProps;
+
+const createModal = <T>(params: CreateModalProps | PropsFunc<T>) => {
+  const useModal = () => {
+    const { styles } = useStyles();
+    const { modal } = App.useApp();
+    const instanceRef = useRef<ModalInstance>();
+
+    const open = (outProps?: T) => {
+      const props = typeof params === 'function' ? params(instanceRef, outProps) : params;
+
+      instanceRef.current = modal.confirm({
+        className: styles.content,
+        closable: true,
+        closeIcon,
+        footer: false,
+        icon: null,
+        wrapClassName: styles.wrap,
+        ...props,
+      });
+    };
+
+    return { open };
+  };
+
+  return useModal;
+};
+
+export { createModal };

package/src/components/FunctionModal/index.ts

@@ -0,0 +1 @@
+export * from './createModalHooks';

package/src/components/FunctionModal/style.tsx

@@ -0,0 +1,39 @@
+import { Icon } from '@lobehub/ui';
+import { createStyles } from 'antd-style';
+import { XIcon } from 'lucide-react';
+
+export const useStyles = createStyles(({ css, token, prefixCls, isDarkMode, responsive }) => {
+  return {
+    content: css`
+      .${prefixCls}-modal-content {
+        overflow: hidden;
+
+        width: min(90vw, 450px);
+        padding: 0;
+
+        background: ${isDarkMode ? token.colorBgElevated : token.colorBgLayout};
+        border: 1px solid ${token.colorSplit};
+        border-radius: ${token.borderRadiusLG}px;
+
+        ${responsive.mobile} {
+          width: unset;
+        }
+      }
+      .${prefixCls}-modal-confirm-title {
+        display: block;
+        padding-block: 16px 0;
+        padding-inline: 16px;
+      }
+      .${prefixCls}-modal-confirm-btns {
+        margin-block-start: 0;
+        padding: 16px;
+      }
+    `,
+    wrap: css`
+      overflow: hidden auto;
+      backdrop-filter: blur(2px);
+    `,
+  };
+});
+
+export const closeIcon = <Icon icon={XIcon} size={{ fontSize: 20 }} />;

package/src/components/GoBack/index.tsx

@@ -0,0 +1,46 @@
+import { Icon } from '@lobehub/ui';
+import { createStyles } from 'antd-style';
+import { ArrowLeft } from 'lucide-react';
+import Link from 'next/link';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+const useStyles = createStyles(({ css, token }) => {
+  return {
+    container: css`
+      width: fit-content;
+      height: 24px;
+      padding-inline: 8px;
+
+      color: ${token.colorTextTertiary};
+
+      border-radius: 6px;
+
+      &:hover {
+        color: ${token.colorTextSecondary};
+        background: ${token.colorFillTertiary};
+      }
+    `,
+  };
+});
+
+interface GoBackProps {
+  href: string;
+}
+
+const GoBack = memo<GoBackProps>(({ href }) => {
+  const { t } = useTranslation('components');
+  const { styles } = useStyles();
+
+  return (
+    <Link href={href}>
+      <Flexbox align={'center'} className={styles.container} gap={4} horizontal>
+        <Icon icon={ArrowLeft} />
+        <div>{t('GoBack.back')}</div>
+      </Flexbox>
+    </Link>
+  );
+});
+
+export default GoBack;

package/src/components/PanelTitle/index.tsx

@@ -0,0 +1,41 @@
+'use client';
+
+import { createStyles } from 'antd-style';
+import { CSSProperties, memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+const useStyles = createStyles(({ token, css }) => ({
+  desc: css`
+    line-height: 1.4;
+    color: ${token.colorTextDescription};
+  `,
+  header: css`
+    padding-block: 24px 0;
+    padding-inline: 0.75rem;
+  `,
+  title: css`
+    margin: 0;
+    font-size: 26px;
+    font-weight: 600;
+    line-height: 1.3;
+  `,
+}));
+
+interface PanelTitleProps {
+  desc?: string;
+  style?: CSSProperties;
+  title?: string;
+}
+
+const PanelTitle = memo(({ title, desc, style }: PanelTitleProps) => {
+  const { styles } = useStyles();
+
+  return (
+    <Flexbox className={styles.header} gap={4} style={style}>
+      <h1 className={styles.title}>{title}</h1>
+      <p className={styles.desc}>{desc}</p>
+    </Flexbox>
+  );
+});
+
+export default PanelTitle;

package/src/components/RepoIcon/index.tsx

@@ -0,0 +1,22 @@
+import { Icon } from '@lobehub/ui';
+import { useTheme } from 'antd-style';
+import { BookTextIcon } from 'lucide-react';
+import { memo } from 'react';
+
+interface RepoIconProps {
+  size?: number;
+}
+const RepoIcon = memo<RepoIconProps>(({ size = 20 }) => {
+  const theme = useTheme();
+
+  return (
+    <Icon
+      color={theme.geekblue}
+      fill={theme.geekblue3}
+      icon={BookTextIcon}
+      size={{ fontSize: size }}
+    />
+  );
+});
+
+export default RepoIcon;

package/src/components/SidebarHeader/index.tsx

@@ -1,5 +1,5 @@
 import { createStyles } from 'antd-style';
-import { type ReactNode, memo } from 'react';
+import { CSSProperties, type ReactNode, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 const useStyles = createStyles(({ css }) => ({
@@ -10,10 +10,11 @@ const useStyles = createStyles(({ css }) => ({
 
 interface SidebarHeaderProps {
   actions?: ReactNode;
+  style?: CSSProperties;
   title: ReactNode;
 }
 
-const SidebarHeader = memo<SidebarHeaderProps>(({ title, actions }) => {
+const SidebarHeader = memo<SidebarHeaderProps>(({ title, style, actions }) => {
   const { styles } = useStyles();
 
   return (
@@ -24,6 +25,7 @@ const SidebarHeader = memo<SidebarHeaderProps>(({ title, actions }) => {
       horizontal
       padding={14}
       paddingInline={16}
+      style={style}
     >
       <Flexbox align={'center'} gap={4} horizontal>
         {title}