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

package/src/features/ResourceManager/components/Explorer/ListView/index.tsx

@@ -34,7 +34,7 @@ const styles = createStaticStyles(({ css }) => ({
   `,
   dropZoneActive: css`
     background: ${cssVar.colorPrimaryBg};
-    outline: 2px dashed ${cssVar.colorPrimary};
+    outline: 1px dashed ${cssVar.colorPrimaryBorder};
     outline-offset: -4px;
   `,
   header: css`
@@ -330,9 +330,15 @@ const ListView = memo(function ListView() {
 
   // Memoize footer component to show skeleton loaders when loading more
   const Footer = useCallback(() => {
-    if (!isLoadingMore || !fileListHasMore) return null;
-    return <ListViewSkeleton columnWidths={columnWidths} />;
-  }, [isLoadingMore, fileListHasMore, columnWidths]);
+    if (isLoadingMore && fileListHasMore) return <ListViewSkeleton columnWidths={columnWidths} />;
+
+    // Leave some padding at the end when there are no more pages,
+    // so users can clearly feel they've reached the end of the list.
+    if (fileListHasMore === false && dataLength > 0)
+      return <div aria-hidden style={{ height: 96 }} />;
+
+    return null;
+  }, [columnWidths, dataLength, fileListHasMore, isLoadingMore]);
 
   if (showSkeleton) return <ListViewSkeleton columnWidths={columnWidths} />;
 
@@ -369,7 +375,12 @@ const ListView = memo(function ListView() {
               width: columnWidths.name,
             }}
           >
-            {t('FileManager.title.title')}
+            {selectFileIds.length > 0
+              ? t('FileManager.total.selectedCount', {
+                  count: selectFileIds.length,
+                  ns: 'components',
+                })
+              : t('FileManager.title.title')}
             <ColumnResizeHandle
               column="name"
               currentWidth={columnWidths.name}

package/src/features/ResourceManager/components/LibraryHierarchy/styles.ts

@@ -6,11 +6,12 @@ export const styles = createStaticStyles(({ css, cssVar }) => ({
     opacity: 0.5;
   `,
   fileItemDragOver: css`
-    color: ${cssVar.colorBgElevated} !important;
-    background-color: ${cssVar.colorText} !important;
+    outline: 1px dashed ${cssVar.colorPrimaryBorder};
+    outline-offset: -2px;
 
-    * {
-      color: ${cssVar.colorBgElevated} !important;
+    &,
+    &:hover {
+      background: ${cssVar.colorPrimaryBg};
     }
   `,
   treeItem: css`

package/src/hooks/useActiveTabKey.ts

@@ -1,5 +1,4 @@
-import { usePathname , useSearchParams } from '@/libs/router/navigation';
-
+import { usePathname, useSearchParams } from '@/libs/router/navigation';
 import { ProfileTabs, SettingsTabs, SidebarTabKey } from '@/store/global/initialState';
 
 /**

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/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/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/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;

package/packages/builtin-tool-gtd/src/client/Inspector/RemoveTodos/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 { Minus } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { oneLineEllipsis, shinyTextStyles } from '@/styles';
-
-import type { RemoveTodosParams, RemoveTodosState } from '../../../types';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  title: css`
-    margin-inline-end: 8px;
-    color: ${cssVar.colorText};
-  `,
-}));
-
-export const RemoveTodosInspector = memo<
-  BuiltinInspectorProps<RemoveTodosParams, RemoveTodosState>
->(({ 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.removeTodos')}</span>
-      </div>
-    );
-  }
-
-  return (
-    <div className={cx(oneLineEllipsis, isArgumentsStreaming && shinyTextStyles.shinyText)}>
-      <span className={styles.title}>{t('builtins.lobe-gtd.apiName.removeTodos')}</span>
-      {count > 0 && (
-        <Text as={'span'} code color={cssVar.colorError} fontSize={12}>
-          <Icon icon={Minus} size={12} />
-          {count}
-        </Text>
-      )}
-    </div>
-  );
-});
-
-RemoveTodosInspector.displayName = 'RemoveTodosInspector';
-
-export default RemoveTodosInspector;

package/src/features/Conversation/Messages/AssistantGroup/Tool/Render/CustomRender.tsx

@@ -1,113 +0,0 @@
-import { type ChatPluginPayload } from '@lobechat/types';
-import { Block, Flexbox, Highlighter } from '@lobehub/ui';
-import { Divider } from 'antd';
-import { memo, useEffect, useMemo } from 'react';
-
-import PluginRender from '@/features/PluginsUI/Render';
-
-import Arguments from './Arguments';
-
-interface CustomRenderProps {
-  content: string;
-  /**
-   * The real message ID (tool message ID)
-   */
-  messageId?: string;
-  plugin?: ChatPluginPayload;
-  pluginState?: any;
-  requestArgs?: string;
-  setShowPluginRender: (value: boolean) => void;
-  showPluginRender: boolean;
-  /**
-   * The tool call ID from the assistant message
-   */
-  toolCallId: string;
-}
-
-/**
- * Custom Render for Group Messages
- *
- * Group messages are already completed, so:
- * - No loading state needed
- * - No edit/re-run functionality
- * - Results are directly available in content prop
- */
-const CustomRender = memo<CustomRenderProps>(
-  ({
-    toolCallId,
-    messageId,
-    content,
-    pluginState,
-    plugin,
-    requestArgs,
-    showPluginRender,
-    setShowPluginRender,
-  }) => {
-    // Determine if plugin UI should be shown based on plugin type
-    useEffect(() => {
-      if (!plugin?.type) return;
-      setShowPluginRender(plugin.type !== 'default');
-    }, [plugin?.type, setShowPluginRender]);
-
-    // Parse and display result content
-    const { data, language } = useMemo(() => {
-      try {
-        const parsed = JSON.parse(content || '');
-        // If parsed result is a string, return it directly
-        if (typeof parsed === 'string') {
-          return { data: parsed, language: 'plaintext' };
-        }
-        return { data: JSON.stringify(parsed, null, 2), language: 'json' };
-      } catch {
-        return { data: content || '', language: 'plaintext' };
-      }
-    }, [content]);
-
-    // Show plugin custom UI if applicable
-    if (showPluginRender) {
-      return (
-        <Flexbox gap={12} id={toolCallId} width={'100%'}>
-          <PluginRender
-            arguments={plugin?.arguments}
-            content={content}
-            identifier={plugin?.identifier}
-            loading={false}
-            messageId={messageId}
-            payload={plugin}
-            pluginState={pluginState}
-            toolCallId={toolCallId}
-            type={plugin?.type}
-          />
-        </Flexbox>
-      );
-    }
-
-    // Default render: show arguments and result
-    return (
-      <Block id={toolCallId} variant={'outlined'} width={'100%'}>
-        <Arguments arguments={requestArgs} />
-        {content && (
-          <>
-            <Divider dashed style={{ marginBlock: 0 }} />
-            <Highlighter
-              language={language}
-              style={{
-                background: 'transparent',
-                borderRadius: 0,
-                maxHeight: 300,
-                overflow: 'auto',
-              }}
-              variant={'filled'}
-            >
-              {data}
-            </Highlighter>
-          </>
-        )}
-      </Block>
-    );
-  },
-);
-
-CustomRender.displayName = 'GroupCustomRender';
-
-export default CustomRender;

package/src/features/Conversation/Messages/Tool/Tool/Render.tsx

@@ -1,47 +0,0 @@
-import { Suspense, memo } from 'react';
-
-import { dataSelectors, messageStateSelectors, useConversationStore } from '../../../store';
-import CustomRender from '../../AssistantGroup/Tool/Render/CustomRender';
-import ErrorResponse from '../../AssistantGroup/Tool/Render/ErrorResponse';
-
-interface RenderProps {
-  messageId: string;
-  requestArgs?: string;
-  setShowPluginRender: (show: boolean) => void;
-  showPluginRender: boolean;
-  toolCallId: string;
-  toolIndex: number;
-}
-
-const Render = memo<RenderProps>(
-  ({ toolCallId, toolIndex, messageId, requestArgs, showPluginRender, setShowPluginRender }) => {
-    const loading = useConversationStore(
-      messageStateSelectors.isToolCallStreaming(messageId, toolIndex),
-    );
-    const toolMessage = useConversationStore(dataSelectors.getDbMessageByToolCallId(toolCallId));
-
-    if (loading || !toolMessage) return null;
-
-    if (!!toolMessage) {
-      if (toolMessage.error) {
-        return <ErrorResponse {...toolMessage.error} id={messageId} plugin={toolMessage.plugin} />;
-      }
-
-      return (
-        <Suspense>
-          <CustomRender
-            {...toolMessage}
-            requestArgs={requestArgs}
-            setShowPluginRender={setShowPluginRender}
-            showPluginRender={showPluginRender}
-            toolCallId={toolCallId}
-          />
-        </Suspense>
-      );
-    }
-  },
-);
-
-Render.displayName = 'ToolRender';
-
-export default Render;