@lobehub/chat 1.142.2 → 1.142.3

package/locales/vi-VN/chat.json

@@ -163,9 +163,9 @@
     "addMember": "Thêm thành viên",
     "allMembers": "Tất cả thành viên",
     "createGroup": "Tạo nhóm Agent",
-    "noAvailableAgents": "Không có trợ lý nào để mời",
-    "noSelectedAgents": "Chưa chọn trợ lý nào",
-    "searchAgents": "Tìm trợ lý...",
+    "noAvailableAgents": "Không có Agent nào để mời",
+    "noSelectedAgents": "Chưa chọn Agent nào",
+    "searchAgents": "Tìm kiếm Agent...",
     "setInitialMembers": "Chọn thành viên nhóm"
   },
   "members": "Thành viên",
@@ -229,7 +229,7 @@
     "jumpToMessage": "Chuyển đến tin nhắn thứ {{index}}",
     "nextMessage": "Tin nhắn tiếp theo",
     "previousMessage": "Tin nhắn trước",
-    "senderAssistant": "Trợ lý",
+    "senderAssistant": "Agent",
     "senderUser": "Bạn"
   },
   "newAgent": "Tạo trợ lý mới",

package/locales/vi-VN/file.json

@@ -85,6 +85,7 @@
         "restTime": "Thời gian còn lại {{time}}"
       }
     },
+    "fileQueueInfo": "Đang tải lên {{count}} tệp đầu tiên, còn lại {{remaining}} tệp sẽ được xếp hàng để tải lên",
     "totalCount": "Tổng cộng {{count}} mục",
     "uploadStatus": {
       "error": "Lỗi tải lên",

package/locales/vi-VN/models.json

@@ -3314,4 +3314,4 @@
   "zai/glm-4.5v": {
     "description": "GLM-4.5V được xây dựng trên mô hình nền tảng GLM-4.5-Air, kế thừa công nghệ đã được xác minh của GLM-4.1V-Thinking, đồng thời mở rộng hiệu quả với kiến trúc MoE 106 tỷ tham số mạnh mẽ."
   }
-}
+}

package/locales/zh-CN/chat.json

@@ -163,9 +163,9 @@
     "addMember": "添加成员",
     "allMembers": "全体成员",
     "createGroup": "创建 Agent 团队",
-    "noAvailableAgents": "没有可邀请的助手",
-    "noSelectedAgents": "还未选择助手",
-    "searchAgents": "搜索助手...",
+    "noAvailableAgents": "没有可邀请的 Agent",
+    "noSelectedAgents": "还未选择 Agent",
+    "searchAgents": "搜索 Agent...",
     "setInitialMembers": "选择团队成员"
   },
   "members": "Members",
@@ -229,7 +229,7 @@
     "jumpToMessage": "跳转至第 {{index}} 条消息",
     "nextMessage": "下一条消息",
     "previousMessage": "上一条消息",
-    "senderAssistant": "助手",
+    "senderAssistant": "Agent",
     "senderUser": "你"
   },
   "newAgent": "新建助手",

package/locales/zh-CN/file.json

@@ -85,6 +85,7 @@
         "restTime": "剩余 {{time}}"
       }
     },
+    "fileQueueInfo": "正在上传前 {{count}} 个文件，剩余 {{remaining}} 个文件将排队上传",
     "totalCount": "共 {{count}} 项",
     "uploadStatus": {
       "error": "上传出错",

package/locales/zh-TW/chat.json

@@ -163,9 +163,9 @@
     "addMember": "添加成員",
     "allMembers": "所有成員",
     "createGroup": "建立 Agent 團隊",
-    "noAvailableAgents": "沒有可邀請的助理",
-    "noSelectedAgents": "尚未選擇助理",
-    "searchAgents": "搜尋助理...",
+    "noAvailableAgents": "沒有可邀請的 Agent",
+    "noSelectedAgents": "尚未選擇 Agent",
+    "searchAgents": "搜尋 Agent...",
     "setInitialMembers": "選擇團隊成員"
   },
   "members": "成員",
@@ -229,7 +229,7 @@
     "jumpToMessage": "跳轉至第 {{index}} 條訊息",
     "nextMessage": "下一條訊息",
     "previousMessage": "上一條訊息",
-    "senderAssistant": "助理",
+    "senderAssistant": "Agent",
     "senderUser": "您"
   },
   "newAgent": "新建助手",

package/locales/zh-TW/file.json

@@ -85,6 +85,7 @@
         "restTime": "剩餘 {{time}}"
       }
     },
+    "fileQueueInfo": "正在上傳前 {{count}} 個檔案，剩餘 {{remaining}} 個檔案將排隊上傳",
     "totalCount": "共 {{count}} 項",
     "uploadStatus": {
       "error": "上傳出錯",

package/locales/zh-TW/models.json

@@ -3314,4 +3314,4 @@
   "zai/glm-4.5v": {
     "description": "GLM-4.5V 基於 GLM-4.5-Air 基礎模型構建，繼承了 GLM-4.1V-Thinking 的經過驗證的技術，同時透過強大的 1060 億參數 MoE 架構實現了有效的擴展。"
   }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.142.2",
+  "version": "1.142.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",
@@ -176,7 +176,7 @@
     "@neondatabase/serverless": "^1.0.2",
     "@next/third-parties": "^15.5.4",
     "@opentelemetry/exporter-jaeger": "^2.1.0",
-    "@opentelemetry/winston-transport": "^0.17.0",
+    "@opentelemetry/winston-transport": "^0.18.0",
     "@react-pdf/renderer": "^4.3.0",
     "@react-spring/web": "^9.7.5",
     "@saintno/comfyui-sdk": "^0.2.48",
@@ -208,6 +208,7 @@
     "drizzle-zod": "^0.5.1",
     "epub2": "^3.0.2",
     "fast-deep-equal": "^3.1.3",
+    "fflate": "^0.8.2",
     "file-type": "^21.0.0",
     "framer-motion": "^12.23.24",
     "gpt-tokenizer": "^3.2.0",

package/packages/const/src/file.ts

@@ -6,3 +6,5 @@ export const FILE_UPLOAD_BLACKLIST = [
   'ehthumbs.db',
   'ehthumbs_vista.db',
 ];
+
+export const MAX_UPLOAD_FILE_COUNT = 10;

package/packages/obervability-otel/package.json

@@ -7,15 +7,15 @@
   },
   "dependencies": {
     "@opentelemetry/api": "^1.9.0",
-    "@opentelemetry/auto-instrumentations-node": "^0.65.0",
+    "@opentelemetry/auto-instrumentations-node": "^0.66.0",
     "@opentelemetry/exporter-metrics-otlp-http": "^0.206.0",
-    "@opentelemetry/exporter-trace-otlp-http": "^0.206.0",
+    "@opentelemetry/exporter-trace-otlp-http": "^0.207.0",
     "@opentelemetry/instrumentation": "^0.206.0",
-    "@opentelemetry/instrumentation-http": "^0.205.0",
-    "@opentelemetry/instrumentation-pg": "^0.59.0",
+    "@opentelemetry/instrumentation-http": "^0.207.0",
+    "@opentelemetry/instrumentation-pg": "^0.60.0",
     "@opentelemetry/resources": "^2.0.1",
     "@opentelemetry/sdk-metrics": "^2.0.1",
-    "@opentelemetry/sdk-node": "^0.206.0",
+    "@opentelemetry/sdk-node": "^0.207.0",
     "@opentelemetry/sdk-trace-node": "^2.0.1",
     "@opentelemetry/semantic-conventions": "^1.36.0",
     "@vercel/otel": "^1.13.0",

package/src/app/[variants]/(main)/settings/provider/features/ModelList/CreateNewModelModal/index.tsx

@@ -64,6 +64,13 @@ const ModelConfigModal = memo<ModelConfigModalProps>(({ open, setOpen }) => {
       maskClosable
       onCancel={closeModal}
       open={open}
+      styles={{
+        content: {
+          display: 'flex',
+          flexDirection: 'column',
+          maxHeight: 'calc(100vh - 150px)',
+        },
+      }}
       title={t('providerModels.createNew.title')}
       zIndex={1251} // Select is 1150
     >

package/src/app/[variants]/(main)/settings/provider/features/ModelList/ModelConfigModal/index.tsx

@@ -59,6 +59,13 @@ const ModelConfigModal = memo<ModelConfigModalProps>(({ id, open, setOpen }) =>
       maskClosable
       onCancel={closeModal}
       open={open}
+      styles={{
+        content: {
+          display: 'flex',
+          flexDirection: 'column',
+          maxHeight: 'calc(100vh - 150px)',
+        },
+      }}
       title={t('llm.customModelCards.modelConfig.modalTitle', { ns: 'setting' })}
       zIndex={1251} // Select is 1150
     >

package/src/features/FileManager/FileList/FileListItem/index.tsx

@@ -79,7 +79,7 @@ const useStyles = createStyles(({ css, token, cx, isDarkMode }) => {
 interface FileRenderItemProps extends FileListItem {
   index: number;
   knowledgeBaseId?: string;
-  onSelectedChange: (id: string, selected: boolean) => void;
+  onSelectedChange: (id: string, selected: boolean, shiftKey: boolean, index: number) => void;
   selected?: boolean;
 }
 
@@ -100,6 +100,7 @@ const FileRenderItem = memo<FileRenderItemProps>(
     chunkingStatus,
     onSelectedChange,
     knowledgeBaseId,
+    index,
   }) => {
     const { t } = useTranslation('components');
     const { styles, cx } = useStyles();
@@ -140,7 +141,7 @@ const FileRenderItem = memo<FileRenderItemProps>(
               onClick={(e) => {
                 e.stopPropagation();
 
-                onSelectedChange(id, !selected);
+                onSelectedChange(id, !selected, e.shiftKey, index);
               }}
               style={{ paddingInline: 4 }}
             >

package/src/features/FileManager/FileList/MasonryFileItem/MasonryItemWrapper.tsx

@@ -21,7 +21,7 @@ const MasonryItemWrapper = memo<MasonryItemWrapperProps>(({ data: item, context
   }
 
   return (
-    <div style={{ padding: '8px' }}>
+    <div style={{ padding: '8px 4px' }}>
       <MasonryFileItem
         knowledgeBaseId={context.knowledgeBaseId}
         onSelectedChange={(id, checked) => {

package/src/features/FileManager/FileList/MasonryFileItem/index.tsx

@@ -111,8 +111,6 @@ const useStyles = createStyles(({ css, token }) => ({
     inset-block-end: 8px;
     inset-inline-end: 8px;
 
-    padding-block: 4px;
-    padding-inline: 8px;
     border-radius: ${token.borderRadius}px;
 
     opacity: 0;
@@ -320,8 +318,8 @@ const MasonryFileItem = memo<MasonryFileItemProps>(
           });
         },
         {
-          rootMargin: '50px', // Start loading slightly before entering viewport
-          threshold: 0.1,
+          rootMargin: '200px', // Increased margin to load content earlier
+          threshold: 0.01, // Lower threshold for earlier triggering
         },
       );
 

package/src/features/FileManager/FileList/MasonrySkeleton.tsx

@@ -26,6 +26,9 @@ const MasonrySkeleton = memo<MasonrySkeletonProps>(({ columnCount }) => {
   // Generate varying heights for more natural masonry look
   const heights = [180, 220, 200, 190, 240, 210, 200, 230, 180, 220, 210, 190];
 
+  // Calculate number of items based on viewport and column count
+  const itemCount = Math.min(columnCount * 3, 12);
+
   return (
     <div
       className={styles.grid}
@@ -33,18 +36,21 @@ const MasonrySkeleton = memo<MasonrySkeletonProps>(({ columnCount }) => {
         gridTemplateColumns: `repeat(${columnCount}, 1fr)`,
       }}
     >
-      {Array.from({ length: 12 }).map((_, index) => (
+      {Array.from({ length: itemCount }).map((_, index) => (
         <div className={styles.card} key={index}>
           <Skeleton
             active
+            avatar={false}
             paragraph={{
-              rows: 3,
-              width: ['100%', '80%', '60%'],
+              rows: 4,
+              width: ['100%', '90%', '70%', '50%'],
             }}
             style={{
-              height: heights[index],
+              height: heights[index % heights.length],
+            }}
+            title={{
+              width: '100%',
             }}
-            title={false}
           />
         </div>
       ))}

package/src/features/FileManager/FileList/ToolBar/MultiSelectActions.tsx

@@ -148,7 +148,7 @@ const MultiSelectActions = memo<MultiSelectActionsProps>(
               size={'small'}
               variant={'filled'}
             >
-              {t('batchDelete', { ns: 'common' })}
+              {t('delete', { ns: 'common' })}
             </Button>
           </Flexbox>
         )}

package/src/features/FileManager/FileList/index.tsx

@@ -51,10 +51,15 @@ const FileList = memo<FileListProps>(({ knowledgeBaseId, category }) => {
 
   const [selectFileIds, setSelectedFileIds] = useState<string[]>([]);
   const [viewConfig, setViewConfig] = useState({ showFilesInKnowledgeBase: false });
+  const [lastSelectedIndex, setLastSelectedIndex] = useState<number | null>(null);
+  const [isTransitioning, setIsTransitioning] = useState(false);
 
   const viewMode = useGlobalStore((s) => s.status.fileManagerViewMode || 'list') as ViewMode;
   const updateSystemStatus = useGlobalStore((s) => s.updateSystemStatus);
-  const setViewMode = (mode: ViewMode) => updateSystemStatus({ fileManagerViewMode: mode });
+  const setViewMode = (mode: ViewMode) => {
+    setIsTransitioning(true);
+    updateSystemStatus({ fileManagerViewMode: mode });
+  };
 
   const [columnCount, setColumnCount] = useState(4);
 
@@ -105,6 +110,19 @@ const FileList = memo<FileListProps>(({ knowledgeBaseId, category }) => {
     ...viewConfig,
   });
 
+  // Handle view transition with a brief delay to show skeleton
+  React.useEffect(() => {
+    if (isTransitioning && data) {
+      // Use requestAnimationFrame to ensure smooth transition
+      requestAnimationFrame(() => {
+        const timer = setTimeout(() => {
+          setIsTransitioning(false);
+        }, 100);
+        return () => clearTimeout(timer);
+      });
+    }
+  }, [isTransitioning, viewMode, data]);
+
   useCheckTaskStatus(data);
 
   // Clean up selected files that no longer exist in the data
@@ -118,6 +136,13 @@ const FileList = memo<FileListProps>(({ knowledgeBaseId, category }) => {
     }
   }, [data]);
 
+  // Reset lastSelectedIndex when selection is cleared
+  React.useEffect(() => {
+    if (selectFileIds.length === 0) {
+      setLastSelectedIndex(null);
+    }
+  }, [selectFileIds.length]);
+
   // Memoize context object to avoid recreating on every render
   const masonryContext = useMemo(
     () => ({
@@ -161,7 +186,7 @@ const FileList = memo<FileListProps>(({ knowledgeBaseId, category }) => {
           </Flexbox>
         )}
       </Flexbox>
-      {isLoading ? (
+      {isLoading || isTransitioning ? (
         viewMode === 'masonry' ? (
           <MasonrySkeleton columnCount={columnCount} />
         ) : (
@@ -184,13 +209,30 @@ const FileList = memo<FileListProps>(({ knowledgeBaseId, category }) => {
               index={index}
               key={item.id}
               knowledgeBaseId={knowledgeBaseId}
-              onSelectedChange={(id, checked) => {
-                setSelectedFileIds((prev) => {
-                  if (checked) {
-                    return [...prev, id];
-                  }
-                  return prev.filter((item) => item !== id);
-                });
+              onSelectedChange={(id, checked, shiftKey, clickedIndex) => {
+                if (shiftKey && lastSelectedIndex !== null && selectFileIds.length > 0 && data) {
+                  // Range selection with shift key
+                  const start = Math.min(lastSelectedIndex, clickedIndex);
+                  const end = Math.max(lastSelectedIndex, clickedIndex);
+                  const rangeIds = data.slice(start, end + 1).map((item) => item.id);
+
+                  setSelectedFileIds((prev) => {
+                    // Create a Set for efficient lookup
+                    const prevSet = new Set(prev);
+                    // Add all items in range
+                    rangeIds.forEach((rangeId) => prevSet.add(rangeId));
+                    return Array.from(prevSet);
+                  });
+                } else {
+                  // Normal selection
+                  setSelectedFileIds((prev) => {
+                    if (checked) {
+                      return [...prev, id];
+                    }
+                    return prev.filter((item) => item !== id);
+                  });
+                }
+                setLastSelectedIndex(clickedIndex);
               }}
               selected={selectFileIds.includes(item.id)}
               {...item}

package/src/locales/default/chat.ts

@@ -175,9 +175,9 @@ export default {
     addMember: '添加成员',
     allMembers: '全体成员',
     createGroup: '创建 Agent 团队',
-    noAvailableAgents: '没有可邀请的助手',
-    noSelectedAgents: '还未选择助手',
-    searchAgents: '搜索助手...',
+    noAvailableAgents: '没有可邀请的 Agent',
+    noSelectedAgents: '还未选择 Agent',
+    searchAgents: '搜索 Agent...',
     setInitialMembers: '选择团队成员',
   },
 
@@ -247,7 +247,7 @@ export default {
     jumpToMessage: '跳转至第 {{index}} 条消息',
     nextMessage: '下一条消息',
     previousMessage: '上一条消息',
-    senderAssistant: '助手',
+    senderAssistant: 'Agent',
     senderUser: '你',
   },
 

package/src/locales/default/file.ts

@@ -86,6 +86,7 @@ export default {
         restTime: '剩余 {{time}}',
       },
     },
+    fileQueueInfo: '正在上传前 {{count}} 个文件，剩余 {{remaining}} 个文件将排队上传',
     totalCount: '共 {{count}} 项',
     uploadStatus: {
       error: '上传出错',

package/src/store/file/slices/fileManager/action.test.ts

@@ -2,17 +2,50 @@ import { act, renderHook, waitFor } from '@testing-library/react';
 import { mutate } from 'swr';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { FILE_UPLOAD_BLACKLIST } from '@/const/file';
+import { message } from '@/components/AntdStaticMethods';
+import { FILE_UPLOAD_BLACKLIST, MAX_UPLOAD_FILE_COUNT } from '@/const/file';
 import { lambdaClient } from '@/libs/trpc/client';
 import { fileService } from '@/services/file';
 import { ragService } from '@/services/rag';
 import { FileListItem } from '@/types/files';
 import { UploadFileItem } from '@/types/files/upload';
+import { unzipFile } from '@/utils/unzipFile';
 
 import { useFileStore as useStore } from '../../store';
 
 vi.mock('zustand/traditional');
 
+// Mock i18next translation function
+vi.mock('i18next', () => ({
+  t: (key: string, options?: any) => {
+    // Return a mock translation string that includes the options for verification
+    if (key === 'uploadDock.fileQueueInfo' && options?.count !== undefined) {
+      return `Uploading ${options.count} files, ${options.remaining} queued`;
+    }
+    return key;
+  },
+}));
+
+// Mock message
+vi.mock('@/components/AntdStaticMethods', () => ({
+  message: {
+    info: vi.fn(),
+    warning: vi.fn(),
+  },
+}));
+
+// Mock unzipFile
+vi.mock('@/utils/unzipFile', () => ({
+  unzipFile: vi.fn(),
+}));
+
+// Mock p-map to run sequentially for easier testing
+vi.mock('p-map', () => ({
+  default: vi.fn(async (items, mapper) => {
+    return Promise.all(items.map(mapper));
+  }),
+}));
+
 // Mock SWR
 vi.mock('swr', async () => {
   const actual = await vi.importActual('swr');
@@ -398,6 +431,108 @@ describe('FileManagerActions', () => {
       // Should not auto-parse when upload returns undefined
       expect(parseSpy).not.toHaveBeenCalled();
     });
+
+    it('should enforce file count limit and queue excess files', async () => {
+      const { result } = renderHook(() => useStore());
+
+      // Create more files than the limit
+      const totalFiles = MAX_UPLOAD_FILE_COUNT + 5;
+      const files = Array.from(
+        { length: totalFiles },
+        (_, i) => new File(['content'], `file-${i}.txt`, { type: 'text/plain' }),
+      );
+
+      vi.spyOn(result.current, 'uploadWithProgress').mockResolvedValue({
+        id: 'file-1',
+        url: 'http://example.com/file-1',
+      });
+      vi.spyOn(result.current, 'refreshFileList').mockResolvedValue();
+      vi.spyOn(result.current, 'parseFilesToChunks').mockResolvedValue();
+      const dispatchSpy = vi.spyOn(result.current, 'dispatchDockFileList');
+
+      await act(async () => {
+        await result.current.pushDockFileList(files);
+      });
+
+      // Should add all files to dock (not just first MAX_UPLOAD_FILE_COUNT)
+      expect(dispatchSpy).toHaveBeenCalledWith({
+        atStart: true,
+        files: expect.arrayContaining([
+          expect.objectContaining({ file: expect.any(File), status: 'pending' }),
+        ]),
+        type: 'addFiles',
+      });
+
+      // Verify all files were dispatched
+      const dispatchCall = dispatchSpy.mock.calls.find((call) => call[0].type === 'addFiles');
+      expect(dispatchCall?.[0]).toHaveProperty('files');
+      if (dispatchCall && 'files' in dispatchCall[0]) {
+        expect(dispatchCall[0].files).toHaveLength(totalFiles);
+      }
+    });
+
+    it('should extract ZIP files and upload contents', async () => {
+      const { result } = renderHook(() => useStore());
+
+      const zipFile = new File(['zip content'], 'archive.zip', { type: 'application/zip' });
+      const extractedFiles = [
+        new File(['file1'], 'file1.txt', { type: 'text/plain' }),
+        new File(['file2'], 'file2.txt', { type: 'text/plain' }),
+      ];
+
+      vi.mocked(unzipFile).mockResolvedValue(extractedFiles);
+      vi.spyOn(result.current, 'uploadWithProgress').mockResolvedValue({
+        id: 'file-1',
+        url: 'http://example.com/file-1',
+      });
+      vi.spyOn(result.current, 'refreshFileList').mockResolvedValue();
+      vi.spyOn(result.current, 'parseFilesToChunks').mockResolvedValue();
+      const dispatchSpy = vi.spyOn(result.current, 'dispatchDockFileList');
+
+      await act(async () => {
+        await result.current.pushDockFileList([zipFile]);
+      });
+
+      // Should extract ZIP file
+      expect(unzipFile).toHaveBeenCalledWith(zipFile);
+
+      // Should upload extracted files
+      expect(dispatchSpy).toHaveBeenCalledWith({
+        atStart: true,
+        files: extractedFiles.map((file) => ({ file, id: file.name, status: 'pending' })),
+        type: 'addFiles',
+      });
+    });
+
+    it('should handle ZIP extraction errors gracefully', async () => {
+      const { result } = renderHook(() => useStore());
+
+      const zipFile = new File(['zip content'], 'archive.zip', { type: 'application/zip' });
+
+      vi.mocked(unzipFile).mockRejectedValue(new Error('Extraction failed'));
+      const consoleErrorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
+      vi.spyOn(result.current, 'uploadWithProgress').mockResolvedValue({
+        id: 'file-1',
+        url: 'http://example.com/file-1',
+      });
+      vi.spyOn(result.current, 'refreshFileList').mockResolvedValue();
+      vi.spyOn(result.current, 'parseFilesToChunks').mockResolvedValue();
+      const dispatchSpy = vi.spyOn(result.current, 'dispatchDockFileList');
+
+      await act(async () => {
+        await result.current.pushDockFileList([zipFile]);
+      });
+
+      // Should log error
+      expect(consoleErrorSpy).toHaveBeenCalled();
+
+      // Should fallback to uploading the ZIP file itself
+      expect(dispatchSpy).toHaveBeenCalledWith({
+        atStart: true,
+        files: [{ file: zipFile, id: zipFile.name, status: 'pending' }],
+        type: 'addFiles',
+      });
+    });
   });
 
   describe('reEmbeddingChunks', () => {