@lobehub/lobehub 2.0.0-next.53 → 2.0.0-next.55

package/src/tools/interventions.ts

@@ -1,7 +1,7 @@
 import { BuiltinIntervention } from '@lobechat/types';
 
-import { LocalSystemApiName, LocalSystemManifest } from './local-system';
-import RunCommand from './local-system/Intervention/RunCommand';
+import { LocalSystemManifest } from './local-system';
+import { LocalSystemInterventions } from './local-system/Intervention';
 
 /**
  * Builtin tools interventions registry
@@ -9,9 +9,7 @@ import RunCommand from './local-system/Intervention/RunCommand';
  * Only register APIs that have custom intervention UI
  */
 export const BuiltinToolInterventions: Record<string, Record<string, any>> = {
-  [LocalSystemManifest.identifier]: {
-    [LocalSystemApiName.runCommand]: RunCommand,
-  },
+  [LocalSystemManifest.identifier]: LocalSystemInterventions,
 };
 
 /**

package/src/tools/local-system/Intervention/MoveLocalFiles/MoveFileItem.tsx

@@ -0,0 +1,56 @@
+import { Icon, Text } from '@lobehub/ui';
+import { createStyles } from 'antd-style';
+import { ArrowRight } from 'lucide-react';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import { useElectronStore } from '@/store/electron';
+import { desktopStateSelectors } from '@/store/electron/selectors';
+
+const useStyles = createStyles(({ css, token }) => ({
+  icon: css`
+    color: ${token.colorTextQuaternary};
+  `,
+  item: css`
+    padding-block: 4px;
+    padding-inline: 12px;
+    border-radius: ${token.borderRadius}px;
+    transition: all 0.2s ease;
+
+    &:hover {
+      background: ${token.colorFillQuaternary};
+    }
+  `,
+  path: css`
+    font-family: ${token.fontFamilyCode};
+    font-size: 12px;
+    word-break: break-all;
+  `,
+}));
+
+interface MoveFileItemProps {
+  newPath: string;
+  oldPath: string;
+}
+
+const MoveFileItem = memo<MoveFileItemProps>(({ oldPath, newPath }) => {
+  const { styles } = useStyles();
+  const displayOldPath = useElectronStore(desktopStateSelectors.displayRelativePath(oldPath));
+  const displayNewPath = useElectronStore(desktopStateSelectors.displayRelativePath(newPath));
+
+  return (
+    <Flexbox align="center" className={styles.item} gap={8} horizontal width="100%">
+      <Flexbox flex={1}>
+        <Text className={styles.path} type="secondary">
+          {displayOldPath}
+        </Text>
+      </Flexbox>
+      <Icon className={styles.icon} icon={ArrowRight} />
+      <Flexbox flex={2}>
+        <Text className={styles.path}>{displayNewPath}</Text>
+      </Flexbox>
+    </Flexbox>
+  );
+});
+
+export default MoveFileItem;

package/src/tools/local-system/Intervention/MoveLocalFiles/index.tsx

@@ -0,0 +1,26 @@
+import { MoveLocalFilesParams } from '@lobechat/electron-client-ipc';
+import { BuiltinInterventionProps } from '@lobechat/types';
+import { Text } from '@lobehub/ui';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import MoveFileItem from './MoveFileItem';
+
+const MoveLocalFiles = memo<BuiltinInterventionProps<MoveLocalFilesParams>>(({ args }) => {
+  const { items } = args;
+  const { t } = useTranslation('tool');
+
+  return (
+    <Flexbox gap={8}>
+      <Text type="secondary">{t('localFiles.moveFiles.itemsToMove', { count: items.length })}</Text>
+      <Flexbox gap={6}>
+        {items.map((item, index) => (
+          <MoveFileItem key={index} newPath={item.newPath} oldPath={item.oldPath} />
+        ))}
+      </Flexbox>
+    </Flexbox>
+  );
+});
+
+export default MoveLocalFiles;

package/src/tools/local-system/Intervention/RunCommand/index.tsx

@@ -1,10 +1,9 @@
 import { RunCommandParams } from '@lobechat/electron-client-ipc';
+import { BuiltinInterventionProps } from '@lobechat/types';
 import { Highlighter, Text } from '@lobehub/ui';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import { BuiltinInterventionProps } from '@/types/tool';
-
 const formatTimeout = (ms?: number) => {
   if (!ms) return null;
 

package/src/tools/local-system/Intervention/index.ts

@@ -0,0 +1,11 @@
+import { LocalSystemApiName } from '../index';
+import MoveLocalFiles from './MoveLocalFiles';
+import RunCommand from './RunCommand';
+
+/**
+ * Local System Intervention Components Registry
+ */
+export const LocalSystemInterventions = {
+  [LocalSystemApiName.moveLocalFiles]: MoveLocalFiles,
+  [LocalSystemApiName.runCommand]: RunCommand,
+};

package/src/tools/local-system/Render/MoveLocalFiles/MoveFileItem.tsx

@@ -0,0 +1,56 @@
+import { Icon, Text } from '@lobehub/ui';
+import { createStyles } from 'antd-style';
+import { ArrowRight } from 'lucide-react';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import { useElectronStore } from '@/store/electron';
+import { desktopStateSelectors } from '@/store/electron/selectors';
+
+const useStyles = createStyles(({ css, token }) => ({
+  icon: css`
+    color: ${token.colorTextQuaternary};
+  `,
+  item: css`
+    padding-block: 4px;
+    padding-inline: 12px;
+    border-radius: ${token.borderRadius}px;
+    transition: all 0.2s ease;
+
+    &:hover {
+      background: ${token.colorFillQuaternary};
+    }
+  `,
+  path: css`
+    font-family: ${token.fontFamilyCode};
+    font-size: 12px;
+    word-break: break-all;
+  `,
+}));
+
+interface MoveFileItemProps {
+  newPath: string;
+  oldPath: string;
+}
+
+const MoveFileItem = memo<MoveFileItemProps>(({ oldPath, newPath }) => {
+  const { styles } = useStyles();
+  const displayOldPath = useElectronStore(desktopStateSelectors.displayRelativePath(oldPath));
+  const displayNewPath = useElectronStore(desktopStateSelectors.displayRelativePath(newPath));
+
+  return (
+    <Flexbox align="center" className={styles.item} gap={8} horizontal width="100%">
+      <Flexbox flex={1}>
+        <Text className={styles.path} type="secondary">
+          {displayOldPath}
+        </Text>
+      </Flexbox>
+      <Icon className={styles.icon} icon={ArrowRight} />
+      <Flexbox flex={2}>
+        <Text className={styles.path}>{displayNewPath}</Text>
+      </Flexbox>
+    </Flexbox>
+  );
+});
+
+export default MoveFileItem;

package/src/tools/local-system/Render/MoveLocalFiles/index.tsx

@@ -0,0 +1,26 @@
+import { MoveLocalFilesParams } from '@lobechat/electron-client-ipc';
+import { BuiltinRenderProps } from '@lobechat/types';
+import { Text } from '@lobehub/ui';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import MoveFileItem from './MoveFileItem';
+
+const MoveLocalFiles = memo<BuiltinRenderProps<MoveLocalFilesParams>>(({ args }) => {
+  const { items } = args;
+  const { t } = useTranslation('tool');
+
+  return (
+    <Flexbox gap={8}>
+      <Text type="secondary">{t('localFiles.moveFiles.itemsMoved', { count: items.length })}</Text>
+      <Flexbox gap={6}>
+        {items.map((item, index) => (
+          <MoveFileItem key={index} newPath={item.newPath} oldPath={item.oldPath} />
+        ))}
+      </Flexbox>
+    </Flexbox>
+  );
+});
+
+export default MoveLocalFiles;

package/src/tools/local-system/Render/index.ts

@@ -0,0 +1,21 @@
+import { LocalSystemApiName } from '../index';
+import ListFiles from './ListFiles';
+import MoveLocalFiles from './MoveLocalFiles';
+import ReadLocalFile from './ReadLocalFile';
+import RenameLocalFile from './RenameLocalFile';
+import RunCommand from './RunCommand';
+import SearchFiles from './SearchFiles';
+import WriteFile from './WriteFile';
+
+/**
+ * Local System Render Components Registry
+ */
+export const LocalSystemRenders = {
+  [LocalSystemApiName.listLocalFiles]: ListFiles,
+  [LocalSystemApiName.moveLocalFiles]: MoveLocalFiles,
+  [LocalSystemApiName.readLocalFile]: ReadLocalFile,
+  [LocalSystemApiName.renameLocalFile]: RenameLocalFile,
+  [LocalSystemApiName.runCommand]: RunCommand,
+  [LocalSystemApiName.searchLocalFiles]: SearchFiles,
+  [LocalSystemApiName.writeLocalFile]: WriteFile,
+};

package/src/tools/renders.ts

@@ -3,37 +3,19 @@ import { BuiltinRender } from '@lobechat/types';
 import { CodeInterpreterManifest } from './code-interpreter';
 import CodeInterpreterRender from './code-interpreter/Render';
 // local-system
-import { LocalSystemApiName, LocalSystemManifest } from './local-system';
-import ListFiles from './local-system/Render/ListFiles';
-import ReadLocalFile from './local-system/Render/ReadLocalFile';
-import RenameLocalFile from './local-system/Render/RenameLocalFile';
-import RunCommand from './local-system/Render/RunCommand';
-import SearchFiles from './local-system/Render/SearchFiles';
-import WriteFile from './local-system/Render/WriteFile';
+import { LocalSystemManifest } from './local-system';
+import { LocalSystemRenders } from './local-system/Render';
 // web-browsing
-import { WebBrowsingApiName, WebBrowsingManifest } from './web-browsing';
-import CrawlMultiPages from './web-browsing/Render/CrawlMultiPages';
-import CrawlSinglePage from './web-browsing/Render/CrawlSinglePage';
-import Search from './web-browsing/Render/Search';
+import { WebBrowsingManifest } from './web-browsing';
+import { WebBrowsingRenders } from './web-browsing/Render';
 
 /**
  * Builtin tools renders registry
  * Organized by toolset (identifier) -> API name
  */
 const BuiltinToolsRenders: Record<string, Record<string, BuiltinRender>> = {
-  [LocalSystemManifest.identifier]: {
-    [LocalSystemApiName.searchLocalFiles]: SearchFiles as BuiltinRender,
-    [LocalSystemApiName.listLocalFiles]: ListFiles as BuiltinRender,
-    [LocalSystemApiName.readLocalFile]: ReadLocalFile as BuiltinRender,
-    [LocalSystemApiName.renameLocalFile]: RenameLocalFile as BuiltinRender,
-    [LocalSystemApiName.writeLocalFile]: WriteFile as BuiltinRender,
-    [LocalSystemApiName.runCommand]: RunCommand as BuiltinRender,
-  },
-  [WebBrowsingManifest.identifier]: {
-    [WebBrowsingApiName.search]: Search as BuiltinRender,
-    [WebBrowsingApiName.crawlSinglePage]: CrawlSinglePage as BuiltinRender,
-    [WebBrowsingApiName.crawlMultiPages]: CrawlMultiPages as BuiltinRender,
-  },
+  [LocalSystemManifest.identifier]: LocalSystemRenders as Record<string, BuiltinRender>,
+  [WebBrowsingManifest.identifier]: WebBrowsingRenders as Record<string, BuiltinRender>,
   [CodeInterpreterManifest.identifier]: {
     python: CodeInterpreterRender as BuiltinRender,
   },

package/src/tools/web-browsing/Render/index.ts

@@ -0,0 +1,13 @@
+import { WebBrowsingApiName } from '../index';
+import CrawlMultiPages from './CrawlMultiPages';
+import CrawlSinglePage from './CrawlSinglePage';
+import Search from './Search';
+
+/**
+ * Web Browsing Render Components Registry
+ */
+export const WebBrowsingRenders = {
+  [WebBrowsingApiName.crawlMultiPages]: CrawlMultiPages,
+  [WebBrowsingApiName.crawlSinglePage]: CrawlSinglePage,
+  [WebBrowsingApiName.search]: Search,
+};

package/src/app/[variants]/(main)/knowledge/routes/KnowledgeHome/menu/FileMenu.tsx

@@ -1,75 +0,0 @@
-'use client';
-
-import { Icon } from '@lobehub/ui';
-import { FileText, Globe, ImageIcon, LayoutGrid, Mic2, SquarePlay } from 'lucide-react';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import Menu from '@/components/Menu';
-import type { MenuProps } from '@/components/Menu';
-import { FilesTabs } from '@/types/files';
-
-import { useFileCategory } from '../../../hooks/useFileCategory';
-
-const FileMenu = memo(() => {
-  const { t } = useTranslation('file');
-  const [activeKey, setActiveKey] = useFileCategory();
-
-  const items: MenuProps['items'] = useMemo(
-    () =>
-      [
-        {
-          icon: <Icon icon={LayoutGrid} />,
-          key: FilesTabs.All,
-          label: t('tab.all'),
-        },
-        {
-          icon: <Icon icon={FileText} />,
-          key: FilesTabs.Documents,
-          label: t('tab.documents'),
-        },
-        {
-          icon: <Icon icon={ImageIcon} />,
-          key: FilesTabs.Images,
-          label: t('tab.images'),
-        },
-        {
-          icon: <Icon icon={Mic2} />,
-          key: FilesTabs.Audios,
-          label: t('tab.audios'),
-        },
-        {
-          icon: <Icon icon={SquarePlay} />,
-          key: FilesTabs.Videos,
-          label: t('tab.videos'),
-        },
-        {
-          icon: <Icon icon={Globe} />,
-          key: FilesTabs.Websites,
-          label: t('tab.websites'),
-        },
-      ]
-        .filter(Boolean)
-        .slice(0, 5) as MenuProps['items'],
-    [t],
-  );
-
-  return (
-    <Flexbox>
-      <Menu
-        compact
-        items={items}
-        onClick={({ key }) => {
-          setActiveKey(key);
-        }}
-        selectable
-        selectedKeys={[activeKey]}
-      />
-    </Flexbox>
-  );
-});
-
-FileMenu.displayName = 'FileMenu';
-
-export default FileMenu;