@lobehub/lobehub 2.0.0-next.249 → 2.0.0-next.250

package/.github/workflows/release.yml

@@ -11,6 +11,10 @@ on:
       - main
       - next
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
   release:
     name: Release

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+## [Version 2.0.0-next.250](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.249...v2.0.0-next.250)
+
+<sup>Released on **2026-01-09**</sup>
+
+#### ✨ Features
+
+- **community**: Recommended for home & added discover tab.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **community**: Recommended for home & added discover tab, closes [#11290](https://github.com/lobehub/lobe-chat/issues/11290) ([8db248c](https://github.com/lobehub/lobe-chat/commit/8db248c))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.249](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.248...v2.0.0-next.249)
 
 <sup>Released on **2026-01-09**</sup>

package/changelog/v1.json

@@ -1,4 +1,9 @@
 [
+  {
+    "children": {},
+    "date": "2026-01-09",
+    "version": "2.0.0-next.250"
+  },
   {
     "children": {
       "improvements": [

package/locales/en-US/file.json

@@ -18,6 +18,8 @@
   "empty": "No files or folders have been uploaded yet.",
   "header.actions.builtInBlockList.filtered": "{{ignored}} files filtered (out of {{total}} total)",
   "header.actions.connect": "Connect...",
+  "header.actions.createFolderError": "Failed to create folder",
+  "header.actions.creatingFolder": "Creating folder...",
   "header.actions.gitignore.apply": "Apply Rules",
   "header.actions.gitignore.cancel": "Ignore Rules",
   "header.actions.gitignore.content": ".gitignore file detected ({{count}} files in total). Would you like to apply the ignore rules?",

package/locales/zh-CN/discover.json

@@ -152,6 +152,8 @@
   "like": "喜欢",
   "mcp.categories.all.description": "全部 MCP Servers",
   "mcp.categories.all.name": "全部",
+  "mcp.categories.discover.description": "推荐和热门的 MCP 服务",
+  "mcp.categories.discover.name": "发现推荐",
   "mcp.categories.business.description": "商业与企业服务",
   "mcp.categories.business.name": "商业服务",
   "mcp.categories.developer.description": "开发相关的技能与服务",
@@ -338,6 +340,7 @@
   "mcp.hero.subTitle": "开源 & 开箱即用",
   "mcp.hero.title": "面向 AI 的开源 MCP 社区",
   "mcp.sorts.createdAt": "最近新增",
+  "mcp.sorts.discover": "推荐",
   "mcp.sorts.installCount": "安装数",
   "mcp.sorts.isFeatured": "推荐技能",
   "mcp.sorts.isValidated": "已验证技能",

package/locales/zh-CN/file.json

@@ -18,6 +18,8 @@
   "empty": "这里还没有文件或文件夹。先上传一个文件，或创建文稿开始整理",
   "header.actions.builtInBlockList.filtered": "已过滤 {{ignored}} 个文件（共 {{total}} 个文件）",
   "header.actions.connect": "连接…",
+  "header.actions.createFolderError": "创建文件夹失败",
+  "header.actions.creatingFolder": "正在创建文件夹...",
   "header.actions.gitignore.apply": "应用规则",
   "header.actions.gitignore.cancel": "忽略规则",
   "header.actions.gitignore.content": "检测到 .gitignore 文件（共 {{count}} 个文件），是否应用忽略规则？",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.249",
+  "version": "2.0.0-next.250",
   "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",
@@ -204,7 +204,7 @@
     "@lobehub/desktop-ipc-typings": "workspace:*",
     "@lobehub/editor": "^3.8.0",
     "@lobehub/icons": "^4.0.2",
-    "@lobehub/market-sdk": "0.28.0",
+    "@lobehub/market-sdk": "0.28.1",
     "@lobehub/tts": "^4.0.2",
     "@lobehub/ui": "^4.11.6",
     "@modelcontextprotocol/sdk": "^1.25.1",
@@ -366,7 +366,7 @@
     "@lobechat/types": "workspace:*",
     "@lobehub/i18n-cli": "^1.26.0",
     "@lobehub/lint": "^1.26.3",
-    "@lobehub/market-types": "^1.11.5",
+    "@lobehub/market-types": "^1.12.3",
     "@lobehub/seo-cli": "^1.7.0",
     "@next/bundle-analyzer": "^16.1.1",
     "@next/eslint-plugin-next": "^16.1.1",

package/packages/types/package.json

@@ -8,8 +8,8 @@
     "@lobechat/python-interpreter": "workspace:*",
     "@lobechat/web-crawler": "workspace:*",
     "@lobehub/chat-plugin-sdk": "^1.32.4",
-    "@lobehub/market-sdk": "0.28.0",
-    "@lobehub/market-types": "^1.11.4",
+    "@lobehub/market-sdk": "0.28.1",
+    "@lobehub/market-types": "^1.12.3",
     "model-bank": "workspace:*",
     "type-fest": "^4.41.0",
     "zustand": "5.0.4"

package/packages/types/src/discover/mcp.ts

@@ -5,6 +5,7 @@ export enum McpCategory {
   All = 'all',
   Business = 'business',
   Developer = 'developer',
+  Discover = 'discover',
   GamingEntertainment = 'gaming-entertainment',
   HealthWellness = 'health-wellness',
   Lifestyle = 'lifestyle',
@@ -26,7 +27,8 @@ export enum McpSorts {
   IsFeatured = 'isFeatured',
   IsValidated = 'isValidated',
   RatingCount = 'ratingCount',
-  UpdatedAt = 'updatedAt',
+  Recommended = 'recommended',
+  UpdatedAt = 'updatedAt'
 }
 
 export enum McpNavKey {

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

@@ -4,6 +4,7 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useDiscoverStore } from '@/store/discover';
+import { McpSorts } from '@/types/discover';
 
 import Title from '../../components/Title';
 import AssistantList from '../assistant/features/List';
@@ -23,6 +24,7 @@ const HomePage = memo(() => {
   const { data: mcpList, isLoading: pluginLoading } = useMcpList({
     page: 1,
     pageSize: 12,
+    sort: McpSorts.Recommended,
   });
 
   if (assistantLoading || pluginLoading || !assistantList || !mcpList) return <Loading />;

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

@@ -125,6 +125,10 @@ const SortButton = memo(() => {
       }
       case DiscoverTab.Mcp: {
         return [
+          {
+            key: McpSorts.Recommended,
+            label: t('mcp.sorts.recommended'),
+          },
           {
             key: McpSorts.IsFeatured,
             label: t('mcp.sorts.isFeatured'),

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

@@ -10,13 +10,13 @@ import { withSuspense } from '@/components/withSuspense';
 import { useCategory } from '@/hooks/useMCPCategory';
 import { useQuery } from '@/hooks/useQuery';
 import { useDiscoverStore } from '@/store/discover';
-import { McpCategory } from '@/types/discover';
+import { McpCategory, McpSorts } from '@/types/discover';
 
 import CategoryMenu from '../../../../components/CategoryMenu';
 
 const Category = memo(() => {
   const useMcpCategories = useDiscoverStore((s) => s.useMcpCategories);
-  const { category = 'all', q } = useQuery() as { category?: McpCategory; q?: string };
+  const { category = McpCategory.Discover, q } = useQuery() as { category?: McpCategory; q?: string };
   const { data: items = [] } = useMcpCategories({ q });
   const navigate = useNavigate();
   const cates = useCategory();
@@ -24,7 +24,11 @@ const Category = memo(() => {
   const genUrl = (key: McpCategory) =>
     qs.stringifyUrl(
       {
-        query: { category: key === McpCategory.All ? null : key, q },
+        query: {
+          category: [McpCategory.All, McpCategory.Discover].includes(key) ? null : key,
+          q,
+          sort: key === McpCategory.Discover ? McpSorts.Recommended : null,
+        },
         url: '/community/mcp',
       },
       { skipNull: true },

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

@@ -5,7 +5,7 @@ import { memo } from 'react';
 
 import { useQuery } from '@/hooks/useQuery';
 import { useDiscoverStore } from '@/store/discover';
-import { DiscoverTab, type McpQueryParams } from '@/types/discover';
+import { DiscoverTab, McpSorts, type McpQueryParams } from '@/types/discover';
 
 import Pagination from '../features/Pagination';
 import List from './features/List';
@@ -20,7 +20,7 @@ const McpPage = memo(() => {
     page,
     pageSize: 21,
     q,
-    sort,
+    sort: sort ?? McpSorts.Recommended,
   });
 
   if (isLoading || !data) return <Loading />;

package/src/app/[variants]/(main)/home/_layout/Body/Project/List/Editing.tsx

@@ -1,7 +1,7 @@
 import { Input, Popover } from '@lobehub/ui';
 import { memo, useCallback, useState } from 'react';
 
-import { useKnowledgeBaseStore } from '@/store/knowledgeBase';
+import { useKnowledgeBaseStore } from '@/store/library';
 
 interface EditingProps {
   id: string;

package/src/app/[variants]/(main)/home/_layout/Body/Project/List/Item.tsx

@@ -1,7 +1,7 @@
 import { BoxIcon } from 'lucide-react';
 import { memo, useCallback } from 'react';
 
-import { useKnowledgeBaseStore } from '@/store/knowledgeBase';
+import { useKnowledgeBaseStore } from '@/store/library';
 
 import NavItem from '../../../../../../../../features/NavPanel/components/NavItem';
 import Actions from './Actions';

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

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 import { Link, useNavigate } from 'react-router-dom';
 
 import { LIBRARY_URL } from '@/const/url';
-import { useKnowledgeBaseStore } from '@/store/knowledgeBase';
+import { useKnowledgeBaseStore } from '@/store/library';
 
 import EmptyNavItem from '../../../../../../../../features/NavPanel/components/EmptyNavItem';
 import SkeletonList from '../../../../../../../../features/NavPanel/components/SkeletonList';

package/src/app/[variants]/(main)/home/_layout/Body/Project/List/useDropdownMenu.tsx

@@ -4,7 +4,7 @@ import { PencilLine, Trash } from 'lucide-react';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useKnowledgeBaseStore } from '@/store/knowledgeBase';
+import { useKnowledgeBaseStore } from '@/store/library';
 
 interface ProjectItemDropdownMenuProps {
   id: string;

package/src/app/[variants]/(main)/resource/(home)/_layout/Body/LibraryList/{List/Item → Item}/Editing.tsx

@@ -1,7 +1,7 @@
 import { Input, Popover } from '@lobehub/ui';
 import { memo, useCallback, useEffect, useState } from 'react';
 
-import { useKnowledgeBaseStore } from '@/store/knowledgeBase';
+import { useKnowledgeBaseStore } from '@/store/library';
 
 interface EditingProps {
   id: string;

package/src/app/[variants]/(main)/resource/(home)/_layout/Body/LibraryList/{List/Item → Item}/index.tsx

@@ -7,7 +7,7 @@ import { useNavigate } from 'react-router-dom';
 import { useResourceManagerStore } from '@/app/[variants]/(main)/resource/features/store';
 import RepoIcon from '@/components/LibIcon';
 import NavItem from '@/features/NavPanel/components/NavItem';
-import { useKnowledgeBaseStore } from '@/store/knowledgeBase';
+import { useKnowledgeBaseStore } from '@/store/library';
 
 import Actions from './Actions';
 import Editing from './Editing';

package/src/app/[variants]/(main)/resource/(home)/_layout/Body/LibraryList/{List/Item → Item}/useDropdownMenu.tsx

@@ -4,7 +4,7 @@ import { PencilLine, Trash } from 'lucide-react';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useKnowledgeBaseStore } from '@/store/knowledgeBase';
+import { useKnowledgeBaseStore } from '@/store/library';
 
 interface ActionProps {
   id: string;

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

@@ -1,17 +1,21 @@
 'use client';
 
-import React, { memo } from 'react';
+import { Flexbox } from '@lobehub/ui';
+import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
 import { useCreateNewModal } from '@/features/LibraryModal';
 import EmptyNavItem from '@/features/NavPanel/components/EmptyNavItem';
 import SkeletonList from '@/features/NavPanel/components/SkeletonList';
-import { useKnowledgeBaseStore } from '@/store/knowledgeBase';
+import { useKnowledgeBaseStore } from '@/store/library';
 
-import List from './List';
+import Item from './Item';
 
-const KnowledgeBaseList = memo(() => {
+/**
+ * Show library list in the sidebar
+ */
+const LibraryList = memo(() => {
   const { t } = useTranslation('file');
   const useFetchKnowledgeBaseList = useKnowledgeBaseStore((s) => s.useFetchKnowledgeBaseList);
   const { data, isLoading } = useFetchKnowledgeBaseList();
@@ -32,7 +36,13 @@ const KnowledgeBaseList = memo(() => {
 
   if (data?.length === 0) return <EmptyNavItem onClick={handleCreate} title={t('library.new')} />;
 
-  return <List />;
+  return (
+    <Flexbox gap={1} paddingInline={4}>
+      {data?.map((item) => (
+        <Item id={item.id} key={item.id} name={item.name} />
+      ))}
+    </Flexbox>
+  );
 });
 
-export default KnowledgeBaseList;
+export default LibraryList;

package/src/app/[variants]/(main)/resource/(home)/_layout/Body/{KnowledgeBase.tsx → index.tsx}

@@ -8,7 +8,7 @@ import { useCreateNewModal } from '@/features/LibraryModal';
 
 import LibraryList from './LibraryList';
 
-const Collection = memo<{ itemKey: string }>(({ itemKey }) => {
+const SidebarBody = memo<{ itemKey: string }>(({ itemKey }) => {
   const { t } = useTranslation('file');
   const navigate = useNavigate();
 
@@ -29,7 +29,6 @@ const Collection = memo<{ itemKey: string }>(({ itemKey }) => {
           icon={PlusIcon}
           onClick={handleCreate}
           size={'small'}
-          style={{ flex: 'none' }}
           title={t('library.new')}
         />
       }
@@ -47,4 +46,4 @@ const Collection = memo<{ itemKey: string }>(({ itemKey }) => {
   );
 });
 
-export default Collection;
+export default SidebarBody;

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

@@ -6,7 +6,7 @@ import { memo } from 'react';
 import { NavPanelPortal } from '@/features/NavPanel';
 import SideBarLayout from '@/features/NavPanel/SideBarLayout';
 
-import Collection from './Body/KnowledgeBase';
+import SidebarBody from './Body';
 import Header from './Header';
 
 export enum GroupKey {
@@ -20,7 +20,7 @@ const Sidebar = memo(() => {
         body={
           <Flexbox paddingBlock={8} paddingInline={4}>
             <Accordion defaultExpandedKeys={[GroupKey.Library]} gap={8}>
-              <Collection itemKey={GroupKey.Library} />
+              <SidebarBody itemKey={GroupKey.Library} />
             </Accordion>
           </Flexbox>
         }

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

@@ -1,7 +1,7 @@
 'use client';
 
-import { memo, useEffect } from 'react';
-import { useSearchParams } from 'react-router-dom';
+import { memo, useEffect, useLayoutEffect } from 'react';
+import { useLocation, useSearchParams } from 'react-router-dom';
 
 import ResourceManager from '@/features/ResourceManager';
 import { documentSelectors, useFileStore } from '@/store/file';
@@ -11,6 +11,7 @@ import { useResourceManagerStore } from '../features/store';
 
 const ResourceHomePage = memo(() => {
   const [searchParams] = useSearchParams();
+  const location = useLocation();
   const [setMode, setCurrentViewItemId, setCategory, setLibraryId] = useResourceManagerStore(
     (s) => [s.setMode, s.setCurrentViewItemId, s.setCategory, s.setLibraryId],
   );
@@ -23,15 +24,27 @@ const ResourceHomePage = memo(() => {
   const { data: fileData } = useFetchKnowledgeItem(fileId || undefined);
   const documentData = useFileStore(documentSelectors.getDocumentById(fileId || undefined));
 
-  // Clear libraryId when on home route (only once on mount)
-  useEffect(() => {
-    setLibraryId(undefined);
-  }, [setLibraryId]);
+  // Clear libraryId when on home route using useLayoutEffect
+  // useLayoutEffect runs synchronously before browser paint, ensuring state is cleared
+  // before child components' useEffects run, while avoiding React's setState-in-render error
+  // IMPORTANT: Only depend on location.pathname, NOT currentLibraryId to avoid feedback loop
+  // When location changes to /resource, clear libraryId
+  // Don't clear when location is /library/* (even if this component is still mounted)
+  useLayoutEffect(() => {
+    const isOnHomeRoute = location.pathname === '/resource' || !location.pathname.includes('/library/');
+    if (isOnHomeRoute) {
+      setLibraryId(undefined);
+    }
+  }, [setLibraryId, location.pathname]);
 
-  // Sync category from URL
-  useEffect(() => {
-    setCategory(categoryParam);
-  }, [categoryParam, setCategory]);
+  // Sync category from URL using useLayoutEffect
+  // IMPORTANT: Only sync if we're actually on the home route (not transitioning to library)
+  useLayoutEffect(() => {
+    const isOnHomeRoute = location.pathname === '/resource' || !location.pathname.includes('/library/');
+    if (isOnHomeRoute) {
+      setCategory(categoryParam);
+    }
+  }, [categoryParam, setCategory, location.pathname]);
 
   // Sync file view mode from URL
   useEffect(() => {

package/src/app/[variants]/(main)/resource/features/DndContextWrapper.tsx

@@ -60,6 +60,7 @@ interface DragState {
 
 const DragStateContext = createContext<{
   currentDrag: DragState | null;
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   setCurrentDrag: (state: DragState | null) => void;
 }>({
   currentDrag: null,
@@ -77,10 +78,8 @@ export const DndContextWrapper = memo<PropsWithChildren>(({ children }) => {
   const { message } = App.useApp();
   const [currentDrag, setCurrentDrag] = useState<DragState | null>(null);
   const overlayRef = useRef<HTMLDivElement>(null);
-  const updateDocument = useFileStore((s) => s.updateDocument);
-  const moveFileToFolder = useFileStore((s) => s.moveFileToFolder);
-  const refreshFileList = useFileStore((s) => s.refreshFileList);
-  const fileList = useFileStore((s) => s.fileList);
+  const moveResource = useFileStore((s) => s.moveResource);
+  const resourceList = useFileStore((s) => s.resourceList);
   const selectedFileIds = useResourceManagerStore((s) => s.selectedFileIds);
   const setSelectedFileIds = useResourceManagerStore((s) => s.setSelectedFileIds);
   const libraryId = useResourceManagerStore((s) => s.libraryId);
@@ -143,8 +142,8 @@ export const DndContextWrapper = memo<PropsWithChildren>(({ children }) => {
       }
 
       // Save current drag data before clearing state
-      const draggedItemId = currentDrag.id;
-      const draggedItemData = currentDrag.data;
+      // const draggedItemId = currentDrag.id;
+      // const draggedItemData = currentDrag.data;
 
       // Clear drag state immediately for better UX
       setCurrentDrag(null);
@@ -153,36 +152,14 @@ export const DndContextWrapper = memo<PropsWithChildren>(({ children }) => {
       const hideLoading = message.loading(t('FileManager.actions.moving'), 0);
 
       try {
-        // Track source folder IDs before moving
-        const sourceFolderIds = new Set<string | null>();
-
-        const pools = itemsToMove.map((id) => {
-          const item = fileList.find((f) => f.id === id);
-          const itemData = item || (id === draggedItemId ? draggedItemData : null);
-
-          if (!itemData) return Promise.resolve();
-
-          // Track source folder ID
-          if (item?.parentId !== undefined) {
-            sourceFolderIds.add(item.parentId);
-          }
-
-          const isDocument =
-            itemData.sourceType === 'document' ||
-            itemData.fileType === 'custom/document' ||
-            itemData.fileType === 'custom/folder';
-
-          if (isDocument) {
-            return updateDocument(id, { parentId: targetParentId });
-          } else {
-            return moveFileToFolder(id, targetParentId);
-          }
-        });
+        // Move all items using optimistic moveResource
+        const pools = itemsToMove.map((id) => moveResource(id, targetParentId));
 
         await Promise.all(pools);
 
-        // Refresh file list to invalidate SWR cache for both Explorer and Tree
-        await refreshFileList();
+        // Refetch resources to update the view (items should disappear from current folder)
+        const { revalidateResources } = await import('@/store/file/slices/resource/hooks');
+        await revalidateResources();
 
         // Clear and reload all expanded folders in Tree's module-level cache
         if (libraryId) {
@@ -230,10 +207,8 @@ export const DndContextWrapper = memo<PropsWithChildren>(({ children }) => {
   }, [
     currentDrag,
     selectedFileIds,
-    fileList,
-    updateDocument,
-    moveFileToFolder,
-    refreshFileList,
+    resourceList,
+    moveResource,
     setSelectedFileIds,
     message,
     t,

package/src/app/[variants]/(main)/resource/features/hooks/useKnowledgeItem.ts

@@ -1,4 +1,4 @@
-import { useKnowledgeBaseStore } from '@/store/knowledgeBase';
+import { useKnowledgeBaseStore } from '@/store/library';
 
 export const useKnowledgeBaseItem = (id: string) => {
   const useFetchKnowledgeBaseItem = useKnowledgeBaseStore((s) => s.useFetchKnowledgeBaseItem);

package/src/app/[variants]/(main)/resource/features/store/action.ts

@@ -130,7 +130,7 @@ export const store: CreateStore = (publicState) => (set, get) => ({
   onActionClick: async (type) => {
     const { selectedFileIds, libraryId } = get();
     const { useFileStore } = await import('@/store/file');
-    const { useKnowledgeBaseStore } = await import('@/store/knowledgeBase');
+    const { useKnowledgeBaseStore } = await import('@/store/library');
     const { isChunkingUnsupported } = await import('@/utils/isChunkingUnsupported');
 
     const fileStore = useFileStore.getState();
@@ -138,37 +138,9 @@ export const store: CreateStore = (publicState) => (set, get) => ({
 
     switch (type) {
       case 'delete': {
-        // Separate documents/pages from regular files
-        const documentsToDelete: string[] = [];
-        const filesToDelete: string[] = [];
-
-        selectedFileIds.forEach((id) => {
-          const item = fileStore.fileList.find((f) => f.id === id);
-          if (!item) return;
-
-          const isPage = item.sourceType === 'document' || item.fileType === 'custom/document';
-          const isFolder = item.fileType === 'custom/folder';
-
-          if (isPage || isFolder) {
-            documentsToDelete.push(id);
-          } else {
-            filesToDelete.push(id);
-          }
-        });
-
-        // Delete documents using batch delete endpoint
-        if (documentsToDelete.length > 0) {
-          const { documentService } = await import('@/services/document');
-          await documentService.deleteDocuments(documentsToDelete);
-        }
-
-        // Delete regular files using file service
-        if (filesToDelete.length > 0) {
-          await fileStore.removeFiles(filesToDelete);
-        } else {
-          // If only documents were deleted, still refresh the file list
-          await fileStore.refreshFileList();
-        }
+        // Use optimistic deleteResource for instant batch delete
+        // All items disappear immediately, sync happens in background
+        await Promise.all(selectedFileIds.map((id) => fileStore.deleteResource(id)));
 
         set({ selectedFileIds: [] });
         return;
@@ -197,8 +169,8 @@ export const store: CreateStore = (publicState) => (set, get) => ({
 
       case 'batchChunking': {
         const chunkableFileIds = selectedFileIds.filter((id) => {
-          const file = fileStore.fileList.find((f) => f.id === id);
-          return file && !isChunkingUnsupported(file.fileType);
+          const resource = fileStore.resourceMap?.get(id);
+          return resource && !isChunkingUnsupported(resource.fileType);
         });
         await fileStore.parseFilesToChunks(chunkableFileIds, { skipExist: true });
         set({ selectedFileIds: [] });
@@ -246,7 +218,7 @@ export const store: CreateStore = (publicState) => (set, get) => ({
     set({ isTransitioning });
   },
 
-  setLibraryId: async (libraryId) => {
+  setLibraryId: (libraryId) => {
     set({ libraryId });
 
     // Reset pagination state when switching libraries to prevent showing stale data
@@ -255,10 +227,8 @@ export const store: CreateStore = (publicState) => (set, get) => ({
       fileListOffset: 0,
     });
 
-    // Invalidate SWR cache to prevent showing stale data from previous library
-    const { useFileStore } = await import('@/store/file');
-    const fileStore = useFileStore.getState();
-    await fileStore.refreshFileList();
+    // Note: No need to manually refresh - Explorer's useEffect will automatically
+    // call fetchResources when libraryId changes
   },
 
   setMode: (mode) => {

package/src/app/[variants]/(main)/resource/library/_layout/Header/LibraryHead.tsx

@@ -9,7 +9,7 @@ import { useNavigate } from 'react-router-dom';
 import { useDragActive } from '@/app/[variants]/(main)/resource/features/DndContextWrapper';
 import { useResourceManagerStore } from '@/app/[variants]/(main)/resource/features/store';
 import RepoIcon from '@/components/LibIcon';
-import { knowledgeBaseSelectors, useKnowledgeBaseStore } from '@/store/knowledgeBase';
+import { knowledgeBaseSelectors, useKnowledgeBaseStore } from '@/store/library';
 
 const styles = createStaticStyles(({ css, cssVar }) => ({
   clickableHeader: css`