@lobehub/lobehub 2.0.0-next.182 → 2.0.0-next.184

package/src/app/[variants]/(main)/group/_layout/Sidebar/Topic/index.tsx

@@ -1,10 +1,10 @@
 'use client';
 
-import { AccordionItem, ActionIcon, Dropdown, Flexbox, Text } from '@lobehub/ui';
-import { Loader2Icon } from 'lucide-react';
+import { AccordionItem, Dropdown, Flexbox, Text } from '@lobehub/ui';
 import React, { Suspense, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import NeuralNetworkLoading from '@/components/NeuralNetworkLoading';
 import SkeletonList from '@/features/NavPanel/components/SkeletonList';
 import { useFetchTopics } from '@/hooks/useFetchTopics';
 import { useChatStore } from '@/store/chat';
@@ -45,7 +45,7 @@ const Topic = memo<TopicProps>(({ itemKey }) => {
           <Text ellipsis fontSize={12} type={'secondary'} weight={500}>
             {`${t('title')} ${topicCount > 0 ? topicCount : ''}`}
           </Text>
-          {isRevalidating && <ActionIcon icon={Loader2Icon} loading size={'small'} />}
+          {isRevalidating && <NeuralNetworkLoading size={14} />}
         </Flexbox>
       }
     >

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

@@ -1,10 +1,10 @@
 'use client';
 
-import { AccordionItem, ActionIcon, Dropdown, Flexbox, Text } from '@lobehub/ui';
-import { Loader2Icon } from 'lucide-react';
+import { AccordionItem, Dropdown, Flexbox, Text } from '@lobehub/ui';
 import React, { Suspense, memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import NeuralNetworkLoading from '@/components/NeuralNetworkLoading';
 import { useFetchAgentList } from '@/hooks/useFetchAgentList';
 
 import SkeletonList from '../../../../../../../features/NavPanel/components/SkeletonList';
@@ -56,7 +56,7 @@ const Agent = memo<AgentProps>(({ itemKey }) => {
           <Text ellipsis fontSize={12} type={'secondary'} weight={500}>
             {t('navPanel.agent')}
           </Text>
-          {isRevalidating && <ActionIcon icon={Loader2Icon} loading size={'small'} />}
+          {isRevalidating && <NeuralNetworkLoading size={14} />}
         </Flexbox>
       }
     >

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

@@ -1,12 +1,13 @@
 'use client';
 
 import { ActionIcon, Dropdown } from '@lobehub/ui';
-import { FileTextIcon, Loader2Icon, MoreHorizontal } from 'lucide-react';
+import { FileTextIcon, MoreHorizontal } from 'lucide-react';
 import { Suspense, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
 import { useResourceManagerStore } from '@/app/[variants]/(main)/resource/features/store';
+import NeuralNetworkLoading from '@/components/NeuralNetworkLoading';
 import { useInitRecentPage } from '@/hooks/useInitRecentPage';
 import { useHomeStore } from '@/store/home';
 import { homeRecentSelectors } from '@/store/home/selectors';
@@ -35,7 +36,7 @@ const RecentPage = memo(() => {
     <GroupBlock
       action={
         <>
-          {isRevalidating && <ActionIcon icon={Loader2Icon} loading size={'small'} />}
+          {isRevalidating && <NeuralNetworkLoading size={14} />}
           <Dropdown
             menu={{
               items: [

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

@@ -1,12 +1,13 @@
 'use client';
 
 import { ActionIcon, Dropdown } from '@lobehub/ui';
-import { Clock, Loader2Icon, MoreHorizontal } from 'lucide-react';
+import { Clock, MoreHorizontal } from 'lucide-react';
 import { Suspense, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
 import { useResourceManagerStore } from '@/app/[variants]/(main)/resource/features/store';
+import NeuralNetworkLoading from '@/components/NeuralNetworkLoading';
 import { useInitRecentResource } from '@/hooks/useInitRecentResource';
 import { useHomeStore } from '@/store/home';
 import { homeRecentSelectors } from '@/store/home/selectors';
@@ -35,7 +36,7 @@ const RecentResource = memo(() => {
     <GroupBlock
       action={
         <>
-          {isRevalidating && <ActionIcon icon={Loader2Icon} loading size={'small'} />}
+          {isRevalidating && <NeuralNetworkLoading size={14} />}
           <Dropdown
             menu={{
               items: [

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

@@ -1,8 +1,8 @@
-import { ActionIcon } from '@lobehub/ui';
-import { BotMessageSquareIcon, Loader2Icon } from 'lucide-react';
+import { BotMessageSquareIcon } from 'lucide-react';
 import { Suspense, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import NeuralNetworkLoading from '@/components/NeuralNetworkLoading';
 import { useInitRecentTopic } from '@/hooks/useInitRecentTopic';
 import { useHomeStore } from '@/store/home';
 import { homeRecentSelectors } from '@/store/home/selectors';
@@ -26,7 +26,7 @@ const RecentTopic = memo(() => {
 
   return (
     <GroupBlock
-      action={isRevalidating && <ActionIcon icon={Loader2Icon} loading size={'small'} />}
+      action={isRevalidating && <NeuralNetworkLoading size={14} />}
       icon={BotMessageSquareIcon}
       title={t('topic.recent')}
     >

package/src/components/NeuralNetworkLoading/index.tsx

@@ -0,0 +1,181 @@
+'use client';
+
+import { createStaticStyles, keyframes } from 'antd-style';
+import { CSSProperties, memo } from 'react';
+
+const pulseAnim = keyframes`
+  0%, 100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 1;
+  }
+`;
+
+const flowAnim = keyframes`
+  0% {
+    transform: translateX(0);
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(var(--flow-distance));
+    opacity: 0.5;
+  }
+`;
+
+const rotateAnim = keyframes`
+  100% {
+    transform: rotate(360deg);
+  }
+`;
+
+const scaleAnim = keyframes`
+  0%, 100% {
+    transform: scale(0.8);
+    opacity: 0.5;
+  }
+  50% {
+    transform: scale(1);
+    opacity: 1;
+  }
+`;
+
+const styles = createStaticStyles(({ css, cssVar }) => ({
+  center: css`
+    fill: ${cssVar.colorTextSecondary};
+    animation: ${scaleAnim} 2s infinite;
+  `,
+
+  connection: css`
+    opacity: 0.3;
+    stroke: ${cssVar.colorTextSecondary};
+    stroke-width: 0.5;
+  `,
+
+  container: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `,
+
+  node: css`
+    fill: ${cssVar.colorTextSecondary};
+    animation: ${pulseAnim} 2s infinite;
+  `,
+
+  particle: css`
+    fill: ${cssVar.colorTextSecondary};
+    animation: ${flowAnim} 2s infinite;
+  `,
+
+  ring: css`
+    transform-origin: center;
+
+    fill: none;
+    stroke: ${cssVar.colorFill};
+    stroke-dasharray: 0 8;
+    stroke-width: 1;
+
+    animation: ${rotateAnim} 20s infinite linear;
+  `,
+
+  svg: css`
+    width: 100%;
+    height: 100%;
+  `,
+}));
+
+interface NeuralNetworkLoadingProps {
+  size?: number;
+}
+
+const NeuralNetworkLoading = memo<NeuralNetworkLoadingProps>(({ size = 16 }) => {
+  const nodeCount = 3;
+  const layerCount = 3;
+
+  // Generate nodes for each layer
+  const nodes = [];
+  for (let layerIndex = 0; layerIndex < layerCount; layerIndex++) {
+    for (let nodeIndex = 0; nodeIndex < nodeCount; nodeIndex++) {
+      const x = 25 + layerIndex * 25;
+      const y = 25 + nodeIndex * 25;
+      const delay = (layerIndex * nodeCount + nodeIndex) * 0.2;
+      nodes.push(
+        <circle
+          className={styles.node}
+          cx={x}
+          cy={y}
+          key={`node-${layerIndex}-${nodeIndex}`}
+          r="3"
+          style={{ animationDelay: `${delay}s` }}
+        />,
+      );
+    }
+  }
+
+  // Generate connections between layers
+  const connections = [];
+  for (let layerIndex = 0; layerIndex < layerCount - 1; layerIndex++) {
+    for (let nodeIndex = 0; nodeIndex < nodeCount; nodeIndex++) {
+      const x1 = 25 + layerIndex * 25;
+      const y1 = 25 + nodeIndex * 25;
+      for (let targetIndex = 0; targetIndex < nodeCount; targetIndex++) {
+        const x2 = 25 + (layerIndex + 1) * 25;
+        const y2 = 25 + targetIndex * 25;
+        connections.push(
+          <line
+            className={styles.connection}
+            key={`connection-${layerIndex}-${nodeIndex}-${targetIndex}`}
+            x1={x1}
+            x2={x2}
+            y1={y1}
+            y2={y2}
+          />,
+        );
+      }
+    }
+  }
+
+  // Generate particles
+  const particles = [0, 1, 2].map((index) => (
+    <circle
+      className={styles.particle}
+      cx={25}
+      cy={50}
+      key={`particle-${index}`}
+      r="1.5"
+      style={
+        {
+          '--flow-distance': '50px',
+          'animationDelay': `${index * 0.6}s`,
+        } as CSSProperties
+      }
+    />
+  ));
+
+  return (
+    <div className={styles.container} style={{ height: size, width: size }}>
+      <svg className={styles.svg} viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+        {/* Connections */}
+        {connections}
+
+        {/* Nodes */}
+        {nodes}
+
+        {/* Particles */}
+        {particles}
+
+        {/* Central processing unit */}
+        <rect className={styles.center} height="6" width="6" x="47" y="47" />
+
+        {/* Rotating outer ring */}
+        <circle className={styles.ring} cx="50" cy="50" r="40" />
+      </svg>
+    </div>
+  );
+});
+
+export default NeuralNetworkLoading;

package/src/libs/swr/index.ts

@@ -1,6 +1,5 @@
 import useSWR, { type SWRHook } from 'swr';
 
-import { isDesktop } from '@/const/version';
 
 /**
  * This type of request method is relatively flexible data, which will be triggered on the first time
@@ -27,13 +26,7 @@ export const useClientDataSWR: SWRHook = (key, fetch, config) =>
     // Cause issue like this: https://github.com/lobehub/lobe-chat/issues/532
     // we need to set it to 0.
     dedupingInterval: 0,
-    focusThrottleInterval:
-      // FIXME: desktop 云同步模式也是走 edge 请求，也应该增大延迟
-      // desktop 1.5s
-      isDesktop
-        ? 1500
-        : // web 300s
-          5 * 60 * 1000,
+    focusThrottleInterval: 5 * 60 * 1000,
     // Custom error retry logic: don't retry on 401 errors
     onErrorRetry: (error: any, key: any, config: any, revalidate: any, { retryCount }: any) => {
       // Check if error is marked as non-retryable (e.g., 401 authentication errors)

package/src/store/chat/slices/topic/action.test.ts

@@ -345,6 +345,160 @@ describe('topic action', () => {
       // Verify that the refreshMessages was called to update the messages
       expect(refreshMessagesSpy).toHaveBeenCalled();
     });
+
+    it('should support boolean as second parameter for backward compatibility', async () => {
+      const topicId = 'topic-id';
+      const { result } = renderHook(() => useChatStore());
+
+      const refreshMessagesSpy = vi.spyOn(result.current, 'refreshMessages');
+
+      // Call with boolean (old API)
+      await act(async () => {
+        await result.current.switchTopic(topicId, true);
+      });
+
+      expect(useChatStore.getState().activeTopicId).toBe(topicId);
+      // Should not call refreshMessages when skipRefreshMessage is true
+      expect(refreshMessagesSpy).not.toHaveBeenCalled();
+    });
+
+    it('should support options object as second parameter', async () => {
+      const topicId = 'topic-id';
+      const { result } = renderHook(() => useChatStore());
+
+      const refreshMessagesSpy = vi.spyOn(result.current, 'refreshMessages');
+
+      // Call with options object (new API)
+      await act(async () => {
+        await result.current.switchTopic(topicId, { skipRefreshMessage: true });
+      });
+
+      expect(useChatStore.getState().activeTopicId).toBe(topicId);
+      expect(refreshMessagesSpy).not.toHaveBeenCalled();
+    });
+
+    it('should clear new key data when switching to new state (main scope)', async () => {
+      const { result } = renderHook(() => useChatStore());
+      const activeAgentId = 'test-agent-id';
+      const newKey = messageMapKey({ agentId: activeAgentId, topicId: null });
+
+      // Setup initial state with some messages in the new key
+      await act(async () => {
+        useChatStore.setState({
+          activeAgentId,
+          activeTopicId: 'existing-topic',
+          dbMessagesMap: {
+            [newKey]: [{ id: 'msg-1' }, { id: 'msg-2' }] as any,
+          },
+          messagesMap: {
+            [newKey]: [{ id: 'msg-1' }, { id: 'msg-2' }] as any,
+          },
+        });
+      });
+
+      const replaceMessagesSpy = vi.spyOn(result.current, 'replaceMessages');
+
+      // Switch to new state (id = undefined)
+      await act(async () => {
+        await result.current.switchTopic(undefined, { skipRefreshMessage: true });
+      });
+
+      // Verify replaceMessages was called to clear the new key
+      expect(replaceMessagesSpy).toHaveBeenCalledWith([], {
+        context: {
+          agentId: activeAgentId,
+          groupId: undefined,
+          scope: 'main',
+          topicId: null,
+        },
+        action: expect.any(String),
+      });
+
+      // Verify activeTopicId is now null
+      expect(useChatStore.getState().activeTopicId).toBeNull();
+    });
+
+    it('should clear new key data when switching to new state (group scope)', async () => {
+      const { result } = renderHook(() => useChatStore());
+      const activeAgentId = 'test-agent-id';
+      const activeGroupId = 'test-group-id';
+
+      // Setup initial state with group context
+      await act(async () => {
+        useChatStore.setState({
+          activeAgentId,
+          activeGroupId,
+          activeTopicId: 'existing-topic',
+        });
+      });
+
+      const replaceMessagesSpy = vi.spyOn(result.current, 'replaceMessages');
+
+      // Switch to new state
+      await act(async () => {
+        await result.current.switchTopic(undefined, { skipRefreshMessage: true });
+      });
+
+      // Verify replaceMessages was called with group scope
+      expect(replaceMessagesSpy).toHaveBeenCalledWith([], {
+        context: {
+          agentId: activeAgentId,
+          groupId: activeGroupId,
+          scope: 'group',
+          topicId: null,
+        },
+        action: expect.any(String),
+      });
+    });
+
+    it('should use explicit scope from options when provided', async () => {
+      const { result } = renderHook(() => useChatStore());
+      const activeAgentId = 'test-agent-id';
+
+      await act(async () => {
+        useChatStore.setState({
+          activeAgentId,
+          activeTopicId: 'existing-topic',
+        });
+      });
+
+      const replaceMessagesSpy = vi.spyOn(result.current, 'replaceMessages');
+
+      // Switch to new state with explicit scope
+      await act(async () => {
+        await result.current.switchTopic(undefined, { skipRefreshMessage: true, scope: 'group' });
+      });
+
+      // Verify replaceMessages was called with explicit scope
+      expect(replaceMessagesSpy).toHaveBeenCalledWith([], {
+        context: expect.objectContaining({
+          scope: 'group',
+        }),
+        action: expect.any(String),
+      });
+    });
+
+    it('should not clear new key data when switching to an existing topic', async () => {
+      const { result } = renderHook(() => useChatStore());
+      const activeAgentId = 'test-agent-id';
+
+      await act(async () => {
+        useChatStore.setState({
+          activeAgentId,
+          activeTopicId: undefined,
+        });
+      });
+
+      const replaceMessagesSpy = vi.spyOn(result.current, 'replaceMessages');
+
+      // Switch to an existing topic (not new state)
+      await act(async () => {
+        await result.current.switchTopic('existing-topic-id', { skipRefreshMessage: true });
+      });
+
+      // replaceMessages should not be called when switching to existing topic
+      expect(replaceMessagesSpy).not.toHaveBeenCalled();
+    });
   });
   describe('removeSessionTopics', () => {
     it('should remove all topics from the current session and refresh the topic list', async () => {

package/src/store/chat/slices/topic/action.ts

@@ -2,7 +2,7 @@
 // Note: To make the code more logic and readable, we just disable the auto sort key eslint rule
 // DON'T REMOVE THE FIRST LINE
 import { chainSummaryTitle } from '@lobechat/prompts';
-import { TraceNameMap, type UIChatMessage } from '@lobechat/types';
+import { type MessageMapScope, TraceNameMap, type UIChatMessage } from '@lobechat/types';
 import isEqual from 'fast-deep-equal';
 import { t } from 'i18next';
 import useSWR, { type SWRResponse } from 'swr';
@@ -34,6 +34,22 @@ const n = setNamespace('t');
 const SWR_USE_FETCH_TOPIC = 'SWR_USE_FETCH_TOPIC';
 const SWR_USE_SEARCH_TOPIC = 'SWR_USE_SEARCH_TOPIC';
 
+/**
+ * Options for switchTopic action
+ */
+export interface SwitchTopicOptions {
+  /**
+   * Explicit scope for clearing new key data
+   * If not provided, will be inferred from store state (activeGroupId)
+   */
+  scope?: MessageMapScope;
+  /**
+   * Skip refreshing messages after switching topic
+   * @default false
+   */
+  skipRefreshMessage?: boolean;
+}
+
 export interface ChatTopicAction {
   closeAllTopicsDrawer: () => void;
   favoriteTopic: (id: string, favState: boolean) => Promise<void>;
@@ -53,7 +69,12 @@ export interface ChatTopicAction {
   autoRenameTopicTitle: (id: string) => Promise<void>;
   duplicateTopic: (id: string) => Promise<void>;
   summaryTopicTitle: (topicId: string, messages: UIChatMessage[]) => Promise<void>;
-  switchTopic: (id?: string, skipRefreshMessage?: boolean) => Promise<void>;
+  /**
+   * Switch to a topic or create new topic state
+   * @param id - Topic ID to switch to, or undefined/null to switch to "new" state
+   * @param options - Options object or boolean for backward compatibility (skipRefreshMessage)
+   */
+  switchTopic: (id?: string, options?: boolean | SwitchTopicOptions) => Promise<void>;
   updateTopicTitle: (id: string, title: string) => Promise<void>;
   useFetchTopics: (
     enable: boolean,
@@ -423,14 +444,37 @@ export const chatTopic: StateCreator<
       },
     ),
 
-  switchTopic: async (id, skipRefreshMessage) => {
+  switchTopic: async (id, options) => {
+    // Backward compatibility: support both boolean and options object
+    const opts: SwitchTopicOptions =
+      typeof options === 'boolean' ? { skipRefreshMessage: options } : (options ?? {});
+
+    const { activeAgentId, activeGroupId } = get();
+
+    // When switching to "new" state (id is undefined/null), clear the new key data
+    // This prevents stale data from previous conversations showing up
+    if (!id && activeAgentId) {
+      // Determine scope: use explicit scope from options, or infer from activeGroupId
+      const scope = opts.scope ?? (activeGroupId ? 'group' : 'main');
+
+      get().replaceMessages([], {
+        context: {
+          agentId: activeAgentId,
+          groupId: activeGroupId,
+          scope,
+          topicId: null,
+        },
+        action: n('clearNewKeyData'),
+      });
+    }
+
     set(
       { activeTopicId: !id ? (null as any) : id, activeThreadId: undefined },
       false,
       n('toggleTopic'),
     );
 
-    if (skipRefreshMessage) return;
+    if (opts.skipRefreshMessage) return;
     await get().refreshMessages();
   },
   // delete

package/src/tools/inspectors.ts

@@ -7,16 +7,17 @@ import {
   GroupManagementManifest,
 } from '@lobechat/builtin-tool-group-management/client';
 import { GTDInspectors, GTDManifest } from '@lobechat/builtin-tool-gtd/client';
-import { LocalSystemManifest } from '@lobechat/builtin-tool-local-system';
-import { PageAgentIdentifier, PageAgentInspectors } from '@lobechat/builtin-tool-page-agent/client';
+import {
+  LocalSystemInspectors,
+  LocalSystemManifest,
+} from '@lobechat/builtin-tool-local-system/client';
+import { PageAgentInspectors, PageAgentManifest } from '@lobechat/builtin-tool-page-agent/client';
 import {
   WebBrowsingInspectors,
   WebBrowsingManifest,
 } from '@lobechat/builtin-tool-web-browsing/client';
 import { type BuiltinInspector } from '@lobechat/types';
 
-import { LocalSystemInspectors } from './local-system/Inspector';
-
 /**
  * Builtin tools inspector registry
  * Organized by toolset (identifier) -> API name
@@ -32,7 +33,7 @@ const BuiltinToolInspectors: Record<string, Record<string, BuiltinInspector>> =
   >,
   [GTDManifest.identifier]: GTDInspectors as Record<string, BuiltinInspector>,
   [LocalSystemManifest.identifier]: LocalSystemInspectors as Record<string, BuiltinInspector>,
-  [PageAgentIdentifier]: PageAgentInspectors as Record<string, BuiltinInspector>,
+  [PageAgentManifest.identifier]: PageAgentInspectors as Record<string, BuiltinInspector>,
   [WebBrowsingManifest.identifier]: WebBrowsingInspectors as Record<string, BuiltinInspector>,
 };
 

package/src/tools/interventions.ts

@@ -9,13 +9,14 @@ import {
   GroupManagementManifest,
 } from '@lobechat/builtin-tool-group-management/client';
 import { GTDInterventions, GTDManifest } from '@lobechat/builtin-tool-gtd/client';
-import { LocalSystemManifest } from '@lobechat/builtin-tool-local-system';
+import {
+  LocalSystemIdentifier,
+  LocalSystemInterventions,
+} from '@lobechat/builtin-tool-local-system/client';
 import { NotebookManifest } from '@lobechat/builtin-tool-notebook';
 import { NotebookInterventions } from '@lobechat/builtin-tool-notebook/client';
 import { type BuiltinIntervention } from '@lobechat/types';
 
-import { LocalSystemInterventions } from './local-system/Intervention';
-
 /**
  * Builtin tools interventions registry
  * Organized by toolset (identifier) -> API name
@@ -26,7 +27,7 @@ export const BuiltinToolInterventions: Record<string, Record<string, any>> = {
   [CloudSandboxManifest.identifier]: CloudSandboxInterventions,
   [GroupManagementManifest.identifier]: GroupManagementInterventions,
   [GTDManifest.identifier]: GTDInterventions,
-  [LocalSystemManifest.identifier]: LocalSystemInterventions,
+  [LocalSystemIdentifier]: LocalSystemInterventions,
   [NotebookManifest.identifier]: NotebookInterventions,
 };
 

package/src/tools/placeholders.ts

@@ -1,21 +1,23 @@
-import { LocalSystemApiName, LocalSystemManifest } from '@lobechat/builtin-tool-local-system';
+import {
+  LocalSystemApiName,
+  LocalSystemIdentifier,
+  LocalSystemListFilesPlaceholder,
+  LocalSystemSearchFilesPlaceholder,
+} from '@lobechat/builtin-tool-local-system/client';
 import {
   WebBrowsingManifest,
   WebBrowsingPlaceholders,
 } from '@lobechat/builtin-tool-web-browsing/client';
 import { type BuiltinPlaceholder } from '@lobechat/types';
 
-import { ListFiles as LocalSystemListFiles } from './local-system/Placeholder/ListFiles';
-import LocalSystemSearchFiles from './local-system/Placeholder/SearchFiles';
-
 /**
  * Builtin tools placeholders registry
  * Organized by toolset (identifier) -> API name
  */
 export const BuiltinToolPlaceholders: Record<string, Record<string, any>> = {
-  [LocalSystemManifest.identifier]: {
-    [LocalSystemApiName.searchLocalFiles]: LocalSystemSearchFiles,
-    [LocalSystemApiName.listLocalFiles]: LocalSystemListFiles,
+  [LocalSystemIdentifier]: {
+    [LocalSystemApiName.searchLocalFiles]: LocalSystemSearchFilesPlaceholder,
+    [LocalSystemApiName.listLocalFiles]: LocalSystemListFilesPlaceholder,
   },
   [WebBrowsingManifest.identifier]: WebBrowsingPlaceholders as Record<string, any>,
 };

package/src/tools/renders.ts

@@ -10,7 +10,10 @@ import { GroupManagementRenders } from '@lobechat/builtin-tool-group-management/
 // gtd
 import { GTDManifest, GTDRenders } from '@lobechat/builtin-tool-gtd/client';
 // local-system
-import { LocalSystemManifest } from '@lobechat/builtin-tool-local-system';
+import {
+  LocalSystemIdentifier,
+  LocalSystemRenders,
+} from '@lobechat/builtin-tool-local-system/client';
 import { NotebookManifest, NotebookRenders } from '@lobechat/builtin-tool-notebook/client';
 // web-browsing
 import {
@@ -22,7 +25,6 @@ import { type BuiltinRender } from '@lobechat/types';
 // knowledge-base
 import { KnowledgeBaseManifest } from './knowledge-base';
 import { KnowledgeBaseRenders } from './knowledge-base/Render';
-import { LocalSystemRenders } from './local-system/Render';
 
 /**
  * Builtin tools renders registry
@@ -35,7 +37,7 @@ const BuiltinToolsRenders: Record<string, Record<string, BuiltinRender>> = {
   [GTDManifest.identifier]: GTDRenders as Record<string, BuiltinRender>,
   [NotebookManifest.identifier]: NotebookRenders as Record<string, BuiltinRender>,
   [KnowledgeBaseManifest.identifier]: KnowledgeBaseRenders as Record<string, BuiltinRender>,
-  [LocalSystemManifest.identifier]: LocalSystemRenders as Record<string, BuiltinRender>,
+  [LocalSystemIdentifier]: LocalSystemRenders as Record<string, BuiltinRender>,
   [WebBrowsingManifest.identifier]: WebBrowsingRenders as Record<string, BuiltinRender>,
 };