@lobehub/lobehub 2.0.0-next.294 → 2.0.0-next.296

package/src/layout/GlobalProvider/AppTheme.tsx

@@ -13,15 +13,15 @@ import { createStaticStyles, cx, useTheme } from 'antd-style';
 import 'antd/dist/reset.css';
 import { AppConfigContext } from 'antd/es/app/context';
 import * as motion from 'motion/react-m';
-import Image from 'next/image';
-import Link from 'next/link';
 import { type ReactNode, memo, useEffect, useMemo, useState } from 'react';
 
 import AntdStaticMethods from '@/components/AntdStaticMethods';
+import Link from '@/components/Link';
 import { LOBE_THEME_NEUTRAL_COLOR, LOBE_THEME_PRIMARY_COLOR } from '@/const/theme';
 import { isDesktop } from '@/const/version';
 import { useIsDark } from '@/hooks/useIsDark';
 import { getUILocaleAndResources } from '@/libs/getUILocaleAndResources';
+import Image from '@/libs/next/Image';
 import { useGlobalStore } from '@/store/global';
 import { systemStatusSelectors } from '@/store/global/selectors';
 import { useUserStore } from '@/store/user';

package/src/layout/GlobalProvider/StyleRegistry.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { StyleProvider } from 'antd-style';
-import { useServerInsertedHTML } from 'next/navigation';
+import { useServerInsertedHTML } from '@/libs/next/navigation';
 import { type PropsWithChildren } from 'react';
 
 import { isDesktop } from '@/const/version';

package/src/layout/GlobalProvider/useUserStateRedirect.ts

@@ -1,7 +1,6 @@
 'use client';
 
 import { OFFICIAL_URL } from '@lobechat/const';
-import { usePathname } from 'next/navigation';
 import { useCallback } from 'react';
 
 import { getDesktopOnboardingCompleted } from '@/app/[variants]/(desktop)/desktop-onboarding/storage';
@@ -11,20 +10,12 @@ import { useUserStore } from '@/store/user';
 import { onboardingSelectors } from '@/store/user/selectors';
 import type { UserInitializationState } from '@/types/user';
 
-const redirectIfNotOn = (currentPath: string | null | undefined, path: string) => {
-  if (!currentPath?.startsWith(path)) {
+const redirectIfNotOn = (currentPath: string, path: string) => {
+  if (!currentPath.startsWith(path)) {
     window.location.href = path;
   }
 };
 
-const useCurrentPathname = () => {
-  const pathname = usePathname();
-  return useCallback(() => {
-    if (typeof window === 'undefined') return pathname;
-    return window.location.pathname || pathname;
-  }, [pathname]);
-};
-
 export const useDesktopUserStateRedirect = () => {
   const dataSyncConfig = useElectronStore((s) => s.dataSyncConfig);
   const logout = useUserStore((s) => s.logout);
@@ -69,25 +60,22 @@ export const useDesktopUserStateRedirect = () => {
   );
 };
 
-export const useWebUserStateRedirect = (getCurrentPathname: () => string | null | undefined) =>
-  useCallback(
-    (state: UserInitializationState) => {
-      if (state.isInWaitList === true) {
-        redirectIfNotOn(getCurrentPathname(), '/waitlist');
-        return;
-      }
+export const useWebUserStateRedirect = () =>
+  useCallback((state: UserInitializationState) => {
+    const pathname = window.location.pathname;
+    if (state.isInWaitList === true) {
+      redirectIfNotOn(pathname, '/waitlist');
+      return;
+    }
 
-      if (!onboardingSelectors.needsOnboarding(state)) return;
+    if (!onboardingSelectors.needsOnboarding(state)) return;
 
-      redirectIfNotOn(getCurrentPathname(), '/onboarding');
-    },
-    [getCurrentPathname],
-  );
+    redirectIfNotOn(pathname, '/onboarding');
+  }, []);
 
 export const useUserStateRedirect = () => {
-  const getCurrentPathname = useCurrentPathname();
   const desktopRedirect = useDesktopUserStateRedirect();
-  const webRedirect = useWebUserStateRedirect(getCurrentPathname);
+  const webRedirect = useWebUserStateRedirect();
 
   return useCallback(
     (state: UserInitializationState) => {

package/src/libs/next/Image.tsx

@@ -0,0 +1,13 @@
+/**
+ * Image component wrapper for Next.js Image.
+ * This module provides a unified interface that can be easily replaced
+ * with a generic <img> or custom image component in the future.
+ *
+ * @see Phase 3.4: LOBE-2991
+ */
+
+// Re-export the Image component
+
+// Re-export types
+export type { ImageProps, StaticImageData } from 'next/image';
+export { default } from 'next/image';

package/src/libs/next/Link.tsx

@@ -0,0 +1,13 @@
+/**
+ * Link component wrapper for Next.js Link.
+ * This module provides a unified interface that can be easily replaced
+ * with react-router-dom Link in the future.
+ *
+ * @see Phase 3.2: LOBE-2989
+ */
+
+// Re-export the Link component
+
+// Re-export the type for props
+export type { LinkProps } from 'next/link';
+export { default } from 'next/link';

package/src/libs/next/dynamic.tsx

@@ -0,0 +1,13 @@
+/**
+ * Dynamic import wrapper for Next.js dynamic.
+ * This module provides a unified interface that can be easily replaced
+ * with React.lazy + Suspense in the future.
+ *
+ * @see Phase 3.3: LOBE-2990
+ */
+
+// Re-export the dynamic function
+
+// Re-export types
+export type { DynamicOptions, Loader, LoaderComponent } from 'next/dynamic';
+export { default } from 'next/dynamic';

package/src/libs/next/index.ts

@@ -0,0 +1,22 @@
+/**
+ * Next.js wrapper module
+ *
+ * This module provides unified interfaces for Next.js-specific APIs,
+ * making it easier to migrate from Next.js to other frameworks (e.g., Vite + React Router).
+ *
+ * Usage:
+ * - import { useRouter, usePathname } from '@/libs/next/navigation';
+ * - import Link from '@/libs/next/Link';
+ * - import dynamic from '@/libs/next/dynamic';
+ * - import Image from '@/libs/next/Image';
+ *
+ * @see RFC 147: LOBE-2850 - Phase 3
+ */
+
+// Navigation exports
+export * from './navigation';
+
+// Component exports (re-export as named for convenience)
+export { default as dynamic } from './dynamic';
+export { default as Image } from './Image';
+export { default as Link } from './Link';

package/src/libs/next/navigation.ts

@@ -0,0 +1,22 @@
+/**
+ * Navigation utilities wrapper for Next.js navigation APIs.
+ * This module provides a unified interface that can be easily replaced
+ * with react-router-dom in the future.
+ *
+ * @see Phase 3.1: LOBE-2988
+ */
+
+// Re-export all navigation hooks and utilities from Next.js
+export {
+  notFound,
+  ReadonlyURLSearchParams,
+  redirect,
+  useParams,
+  usePathname,
+  useRouter,
+  useSearchParams,
+  useServerInsertedHTML,
+} from 'next/navigation';
+
+// Re-export types
+export type { RedirectType } from 'next/navigation';

package/src/libs/router/Link.tsx

@@ -0,0 +1,30 @@
+/**
+ * React Router Link component wrapper.
+ * Provides a Next.js-like API (href prop) while using React Router internally.
+ *
+ * @see RFC 147: LOBE-2850 - Phase 3
+ */
+
+import React, { memo } from 'react';
+import { Link as ReactRouterLink, type LinkProps as ReactRouterLinkProps } from 'react-router-dom';
+
+interface LinkProps extends Omit<ReactRouterLinkProps, 'to'> {
+  children?: React.ReactNode;
+  href?: string;
+  to?: string;
+}
+
+/**
+ * Link component for React Router.
+ * Provides a Next.js-like API (href prop) while using React Router internally.
+ */
+const Link = memo<LinkProps>(({ href, to, ...props }) => {
+  const linkTo = href || to || '/';
+  return <ReactRouterLink {...props} to={linkTo} />;
+});
+
+Link.displayName = 'Link';
+
+export default Link;
+
+export type { LinkProps };

package/src/libs/router/index.ts

@@ -0,0 +1,18 @@
+/**
+ * React Router wrapper module for SPA routing.
+ *
+ * This module provides unified interfaces for React Router APIs,
+ * with a Next.js-like API surface for easier migration.
+ *
+ * Usage:
+ * - import { useRouter, usePathname, useSearchParams } from '@/libs/router';
+ * - import Link from '@/libs/router/Link';
+ *
+ * @see RFC 147: LOBE-2850 - Phase 3
+ */
+
+// Navigation exports
+export * from './navigation';
+
+// Component exports
+export { default as Link } from './Link';

package/src/libs/router/navigation.ts

@@ -0,0 +1,72 @@
+/**
+ * React Router navigation hooks wrapper.
+ * This module provides unified navigation hooks for SPA routing.
+ *
+ * Usage:
+ * - import { useRouter, usePathname, useSearchParams, useQuery } from '@/libs/router/navigation';
+ *
+ * @see RFC 147: LOBE-2850 - Phase 3
+ */
+
+import qs from 'query-string';
+import { useMemo } from 'react';
+import {
+  useLocation,
+  useNavigate,
+  useParams as useReactRouterParams,
+  useSearchParams as useReactRouterSearchParams,
+} from 'react-router-dom';
+
+/**
+ * Hook to get router navigation functions.
+ * Provides a Next.js-like API using React Router.
+ */
+export const useRouter = () => {
+  const navigate = useNavigate();
+
+  return useMemo(
+    () => ({
+      back: () => navigate(-1),
+      forward: () => navigate(1),
+      // Note: prefetch is not supported in React Router
+      prefetch: () => {},
+      push: (href: string) => navigate(href),
+      replace: (href: string) => navigate(href, { replace: true }),
+    }),
+    [navigate]
+  );
+};
+
+/**
+ * Hook to get current pathname.
+ */
+export const usePathname = () => {
+  const location = useLocation();
+  return location.pathname;
+};
+
+/**
+ * Hook to get search params.
+ * Returns [searchParams, setSearchParams] tuple similar to React Router.
+ */
+export const useSearchParams = () => {
+  return useReactRouterSearchParams();
+};
+
+/**
+ * Hook to get route params.
+ */
+export const useParams = <T extends Record<string, string | undefined> = Record<string, string | undefined>>() => {
+  return useReactRouterParams<T>();
+};
+
+/**
+ * Hook to get query parameters as a parsed object.
+ */
+export const useQuery = () => {
+  const [searchParams] = useReactRouterSearchParams();
+  return useMemo(() => qs.parse(searchParams.toString()), [searchParams]);
+};
+
+// Re-export types
+export type { Location, NavigateFunction, Params } from 'react-router-dom';

package/src/locales/default/plugin.ts

@@ -174,6 +174,7 @@ export default {
   'builtins.lobe-user-memory.apiName.removeIdentityMemory': 'Delete identity memory',
   'builtins.lobe-user-memory.apiName.searchUserMemory': 'Search memory',
   'builtins.lobe-user-memory.apiName.updateIdentityMemory': 'Update identity memory',
+  'builtins.lobe-user-memory.inspector.noResults': 'No results',
   'builtins.lobe-user-memory.title': 'Memory',
   'builtins.lobe-web-browsing.apiName.crawlMultiPages': 'Read multiple pages',
   'builtins.lobe-web-browsing.apiName.crawlSinglePage': 'Read page content',

package/src/server/modules/AgentRuntime/AgentStateManager.ts

@@ -1,4 +1,8 @@
-import { type AgentEvent, type AgentRuntimeContext, type AgentState } from '@lobechat/agent-runtime';
+import {
+  type AgentEvent,
+  type AgentRuntimeContext,
+  type AgentState,
+} from '@lobechat/agent-runtime';
 import debug from 'debug';
 import type { Redis } from 'ioredis';
 

package/src/store/chat/slices/message/selectors/dbMessage.test.ts

@@ -5,7 +5,7 @@ import { selectTodosFromMessages } from './dbMessage';
 
 describe('selectTodosFromMessages', () => {
   const createGTDToolMessage = (todos: {
-    items: Array<{ text: string; completed: boolean }>;
+    items: Array<{ text: string; status: 'todo' | 'processing' | 'completed' }>;
     updatedAt: string;
   }): UIChatMessage =>
     ({
@@ -30,7 +30,7 @@ describe('selectTodosFromMessages', () => {
         content: 'Create a todo list',
       } as UIChatMessage,
       createGTDToolMessage({
-        items: [{ text: 'Buy milk', completed: false }],
+        items: [{ text: 'Buy milk', status: 'todo' }],
         updatedAt: '2024-06-01T00:00:00.000Z',
       }),
     ];
@@ -40,13 +40,13 @@ describe('selectTodosFromMessages', () => {
     expect(result).toBeDefined();
     expect(result?.items).toHaveLength(1);
     expect(result?.items[0].text).toBe('Buy milk');
-    expect(result?.items[0].completed).toBe(false);
+    expect(result?.items[0].status).toBe('todo');
   });
 
   it('should return the most recent todos when multiple GTD messages exist', () => {
     const messages: UIChatMessage[] = [
       createGTDToolMessage({
-        items: [{ text: 'Old task', completed: false }],
+        items: [{ text: 'Old task', status: 'todo' }],
         updatedAt: '2024-01-01T00:00:00.000Z',
       }),
       {
@@ -56,8 +56,8 @@ describe('selectTodosFromMessages', () => {
       } as UIChatMessage,
       createGTDToolMessage({
         items: [
-          { text: 'Old task', completed: true },
-          { text: 'New task', completed: false },
+          { text: 'Old task', status: 'completed' },
+          { text: 'New task', status: 'todo' },
         ],
         updatedAt: '2024-06-01T00:00:00.000Z',
       }),
@@ -69,7 +69,7 @@ describe('selectTodosFromMessages', () => {
     expect(result?.items).toHaveLength(2);
     // Should be from the latest message
     expect(result?.items[0].text).toBe('Old task');
-    expect(result?.items[0].completed).toBe(true);
+    expect(result?.items[0].status).toBe('completed');
     expect(result?.items[1].text).toBe('New task');
   });
 
@@ -155,7 +155,7 @@ describe('selectTodosFromMessages', () => {
         },
         pluginState: {
           todos: {
-            items: [{ text: 'Task', completed: false }],
+            items: [{ text: 'Task', status: 'todo' }],
             // No updatedAt
           },
         },
@@ -184,8 +184,8 @@ describe('selectTodosFromMessages', () => {
         pluginState: {
           // Legacy format: direct array
           todos: [
-            { text: 'Task 1', completed: false },
-            { text: 'Task 2', completed: true },
+            { text: 'Task 1', status: 'todo' },
+            { text: 'Task 2', status: 'completed' },
           ],
         },
       } as unknown as UIChatMessage,
@@ -196,6 +196,6 @@ describe('selectTodosFromMessages', () => {
     expect(result).toBeDefined();
     expect(result?.items).toHaveLength(2);
     expect(result?.items[0].text).toBe('Task 1');
-    expect(result?.items[1].completed).toBe(true);
+    expect(result?.items[1].status).toBe('completed');
   });
 });

package/src/store/chat/slices/portal/selectors.test.ts

@@ -111,9 +111,7 @@ describe('chatDockSelectors', () => {
 
     it('should return the messageId when ToolUI view is on stack', () => {
       const state = createState({
-        portalStack: [
-          { type: PortalViewType.ToolUI, messageId: 'test-id', identifier: 'test' },
-        ],
+        portalStack: [{ type: PortalViewType.ToolUI, messageId: 'test-id', identifier: 'test' }],
       });
       expect(chatPortalSelectors.toolMessageId(state)).toBe('test-id');
     });
@@ -122,9 +120,7 @@ describe('chatDockSelectors', () => {
   describe('isMessageToolUIOpen', () => {
     it('should return false when id does not match or showDock is false', () => {
       const state = createState({
-        portalStack: [
-          { type: PortalViewType.ToolUI, messageId: 'test-id', identifier: 'test' },
-        ],
+        portalStack: [{ type: PortalViewType.ToolUI, messageId: 'test-id', identifier: 'test' }],
         showPortal: false,
       });
       expect(chatPortalSelectors.isPluginUIOpen('test-id')(state)).toBe(false);
@@ -133,9 +129,7 @@ describe('chatDockSelectors', () => {
 
     it('should return true when id matches and showDock is true', () => {
       const state = createState({
-        portalStack: [
-          { type: PortalViewType.ToolUI, messageId: 'test-id', identifier: 'test' },
-        ],
+        portalStack: [{ type: PortalViewType.ToolUI, messageId: 'test-id', identifier: 'test' }],
         showPortal: true,
       });
       expect(chatPortalSelectors.isPluginUIOpen('test-id')(state)).toBe(true);
@@ -149,9 +143,7 @@ describe('chatDockSelectors', () => {
 
     it('should return true when ToolUI view is on stack', () => {
       const state = createState({
-        portalStack: [
-          { type: PortalViewType.ToolUI, messageId: 'test-id', identifier: 'test' },
-        ],
+        portalStack: [{ type: PortalViewType.ToolUI, messageId: 'test-id', identifier: 'test' }],
       });
       expect(chatPortalSelectors.showPluginUI(state)).toBe(true);
     });
@@ -164,9 +156,7 @@ describe('chatDockSelectors', () => {
 
     it('should return the identifier when ToolUI view is on stack', () => {
       const state = createState({
-        portalStack: [
-          { type: PortalViewType.ToolUI, messageId: 'test-id', identifier: 'test' },
-        ],
+        portalStack: [{ type: PortalViewType.ToolUI, messageId: 'test-id', identifier: 'test' }],
       });
       expect(chatPortalSelectors.toolUIIdentifier(state)).toBe('test');
     });

package/src/store/file/slices/resource/action.ts

@@ -239,9 +239,11 @@ export const createResourceSlice: StateCreator<
         'deleteResource/optimistic',
       );
 
-      // 2. Enqueue sync (background)
+      // 2. Enqueue sync and await completion.
+      // Important: if callers revalidate the list immediately, doing so before the server-side
+      // deletion finishes can re-introduce the item from a still-stale query response.
       const syncEngine = getSyncEngine();
-      syncEngine.enqueue({
+      await syncEngine.enqueue({
         id: `sync-${id}-${Date.now()}`,
         payload: {},
         resourceId: id,

package/src/store/page/index.ts

@@ -1,2 +1,2 @@
 export * from './selectors';
-export { getPageStoreState, type PageStore,usePageStore } from './store';
+export { getPageStoreState, type PageStore, usePageStore } from './store';

package/src/store/page/slices/crud/index.ts

@@ -1,2 +1,2 @@
 export { createCrudSlice, type CrudAction } from './action';
-export { type CrudState,initialCrudState } from './initialState';
+export { type CrudState, initialCrudState } from './initialState';

package/src/tools/inspectors.ts

@@ -23,6 +23,7 @@ import {
   LocalSystemInspectors,
   LocalSystemManifest,
 } from '@lobechat/builtin-tool-local-system/client';
+import { MemoryInspectors, MemoryManifest } from '@lobechat/builtin-tool-memory/client';
 import { NotebookInspectors, NotebookManifest } from '@lobechat/builtin-tool-notebook/client';
 import { PageAgentInspectors, PageAgentManifest } from '@lobechat/builtin-tool-page-agent/client';
 import {
@@ -52,6 +53,7 @@ const BuiltinToolInspectors: Record<string, Record<string, BuiltinInspector>> =
   [GTDManifest.identifier]: GTDInspectors as Record<string, BuiltinInspector>,
   [KnowledgeBaseManifest.identifier]: KnowledgeBaseInspectors as Record<string, BuiltinInspector>,
   [LocalSystemManifest.identifier]: LocalSystemInspectors as Record<string, BuiltinInspector>,
+  [MemoryManifest.identifier]: MemoryInspectors as Record<string, BuiltinInspector>,
   [NotebookManifest.identifier]: NotebookInspectors as Record<string, BuiltinInspector>,
   [PageAgentManifest.identifier]: PageAgentInspectors as Record<string, BuiltinInspector>,
   [WebBrowsingManifest.identifier]: WebBrowsingInspectors as Record<string, BuiltinInspector>,

package/src/tools/interventions.ts

@@ -13,6 +13,7 @@ import {
   LocalSystemIdentifier,
   LocalSystemInterventions,
 } from '@lobechat/builtin-tool-local-system/client';
+import { MemoryInterventions, MemoryManifest } from '@lobechat/builtin-tool-memory/client';
 import { NotebookManifest } from '@lobechat/builtin-tool-notebook';
 import { NotebookInterventions } from '@lobechat/builtin-tool-notebook/client';
 import { type BuiltinIntervention } from '@lobechat/types';
@@ -28,6 +29,7 @@ export const BuiltinToolInterventions: Record<string, Record<string, any>> = {
   [GroupManagementManifest.identifier]: GroupManagementInterventions,
   [GTDManifest.identifier]: GTDInterventions,
   [LocalSystemIdentifier]: LocalSystemInterventions,
+  [MemoryManifest.identifier]: MemoryInterventions,
   [NotebookManifest.identifier]: NotebookInterventions,
 };
 

package/src/tools/renders.ts

@@ -15,6 +15,7 @@ import {
   LocalSystemManifest,
   LocalSystemRenders,
 } from '@lobechat/builtin-tool-local-system/client';
+import { MemoryManifest, MemoryRenders } from '@lobechat/builtin-tool-memory/client';
 import { NotebookManifest, NotebookRenders } from '@lobechat/builtin-tool-notebook/client';
 import {
   WebBrowsingManifest,
@@ -32,9 +33,10 @@ const BuiltinToolsRenders: Record<string, Record<string, BuiltinRender>> = {
   [GroupAgentBuilderManifest.identifier]: GroupAgentBuilderRenders as Record<string, BuiltinRender>,
   [GroupManagementManifest.identifier]: GroupManagementRenders as 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>,
+  [MemoryManifest.identifier]: MemoryRenders as Record<string, BuiltinRender>,
+  [NotebookManifest.identifier]: NotebookRenders as Record<string, BuiltinRender>,
   [WebBrowsingManifest.identifier]: WebBrowsingRenders as Record<string, BuiltinRender>,
 };
 

package/src/tools/streamings.ts

@@ -15,6 +15,7 @@ import {
   LocalSystemManifest,
   LocalSystemStreamings,
 } from '@lobechat/builtin-tool-local-system/client';
+import { MemoryManifest, MemoryStreamings } from '@lobechat/builtin-tool-memory/client';
 import { NotebookManifest, NotebookStreamings } from '@lobechat/builtin-tool-notebook/client';
 import { type BuiltinStreaming } from '@lobechat/types';
 
@@ -38,6 +39,7 @@ const BuiltinToolStreamings: Record<string, Record<string, BuiltinStreaming>> =
   >,
   [GTDManifest.identifier]: GTDStreamings as Record<string, BuiltinStreaming>,
   [LocalSystemManifest.identifier]: LocalSystemStreamings as Record<string, BuiltinStreaming>,
+  [MemoryManifest.identifier]: MemoryStreamings as Record<string, BuiltinStreaming>,
   [NotebookManifest.identifier]: NotebookStreamings as Record<string, BuiltinStreaming>,
 };
 

package/packages/builtin-tool-gtd/src/client/Inspector/CompleteTodos/index.tsx

@@ -1,52 +0,0 @@
-'use client';
-
-import type { BuiltinInspectorProps } from '@lobechat/types';
-import { Icon, Text } from '@lobehub/ui';
-import { createStaticStyles, cssVar, cx } from 'antd-style';
-import { CheckCircle } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { oneLineEllipsis, shinyTextStyles } from '@/styles';
-
-import type { CompleteTodosParams, CompleteTodosState } from '../../../types';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  title: css`
-    margin-inline-end: 8px;
-    color: ${cssVar.colorText};
-  `,
-}));
-
-export const CompleteTodosInspector = memo<
-  BuiltinInspectorProps<CompleteTodosParams, CompleteTodosState>
->(({ args, partialArgs, isArgumentsStreaming }) => {
-  const { t } = useTranslation('plugin');
-
-  const indices = args?.indices || partialArgs?.indices || [];
-  const count = indices.length;
-
-  if (isArgumentsStreaming && count === 0) {
-    return (
-      <div className={cx(oneLineEllipsis, shinyTextStyles.shinyText)}>
-        <span>{t('builtins.lobe-gtd.apiName.completeTodos')}</span>
-      </div>
-    );
-  }
-
-  return (
-    <div className={cx(oneLineEllipsis, isArgumentsStreaming && shinyTextStyles.shinyText)}>
-      <span className={styles.title}>{t('builtins.lobe-gtd.apiName.completeTodos')}</span>
-      {count > 0 && (
-        <Text as={'span'} code color={cssVar.colorSuccess} fontSize={12}>
-          <Icon icon={CheckCircle} size={12} />
-          {count}
-        </Text>
-      )}
-    </div>
-  );
-});
-
-CompleteTodosInspector.displayName = 'CompleteTodosInspector';
-
-export default CompleteTodosInspector;