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

package/src/tools/streamings.ts

@@ -1,5 +1,5 @@
 import {
-  CloudSandboxIdentifier,
+  CloudSandboxManifest,
   CloudSandboxStreamings,
 } from '@lobechat/builtin-tool-cloud-sandbox/client';
 import {
@@ -7,11 +7,12 @@ import {
   GroupManagementStreamings,
 } from '@lobechat/builtin-tool-group-management/client';
 import { GTDManifest, GTDStreamings } from '@lobechat/builtin-tool-gtd/client';
-import { LocalSystemManifest } from '@lobechat/builtin-tool-local-system';
+import {
+  LocalSystemManifest,
+  LocalSystemStreamings,
+} from '@lobechat/builtin-tool-local-system/client';
 import { type BuiltinStreaming } from '@lobechat/types';
 
-import { LocalSystemStreamings } from './local-system/Streaming';
-
 /**
  * Builtin tools streaming renderer registry
  * Organized by toolset (identifier) -> API name
@@ -21,7 +22,7 @@ import { LocalSystemStreamings } from './local-system/Streaming';
  * The component should fetch streaming content from store internally.
  */
 const BuiltinToolStreamings: Record<string, Record<string, BuiltinStreaming>> = {
-  [CloudSandboxIdentifier]: CloudSandboxStreamings as Record<string, BuiltinStreaming>,
+  [CloudSandboxManifest.identifier]: CloudSandboxStreamings as Record<string, BuiltinStreaming>,
   [GroupManagementManifest.identifier]: GroupManagementStreamings as Record<
     string,
     BuiltinStreaming

package/src/tools/local-system/Inspector/EditLocalFile/index.tsx

@@ -1,55 +0,0 @@
-'use client';
-
-import { type EditLocalFileState } from '@lobechat/builtin-tool-local-system';
-import { type EditLocalFileParams } from '@lobechat/electron-client-ipc';
-import { type BuiltinInspectorProps } from '@lobechat/types';
-import { Icon } from '@lobehub/ui';
-import { createStaticStyles, cx } from 'antd-style';
-import { ChevronRight } from 'lucide-react';
-import path from 'path-browserify-esm';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { shinyTextStyles } from '@/styles';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  content: css`
-    font-family: ${cssVar.fontFamilyCode};
-  `,
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextDescription};
-  `,
-}));
-
-export const EditLocalFileInspector = memo<
-  BuiltinInspectorProps<EditLocalFileParams, EditLocalFileState>
->(({ args, isLoading }) => {
-  const { t } = useTranslation('plugin');
-
-  // Show filename with parent directory for context
-  let displayPath = '';
-  if (args?.file_path) {
-    const { base, dir } = path.parse(args.file_path);
-    const parentDir = path.basename(dir);
-    displayPath = parentDir ? `${parentDir}/${base}` : base;
-  }
-
-  return (
-    <div className={cx(styles.root, isLoading && shinyTextStyles.shinyText)}>
-      <span>{t('builtins.lobe-local-system.apiName.editLocalFile')}</span>
-      {displayPath && (
-        <>
-          <Icon icon={ChevronRight} style={{ marginInline: 4 }} />
-          <span className={styles.content}>{displayPath}</span>
-        </>
-      )}
-    </div>
-  );
-});
-
-EditLocalFileInspector.displayName = 'EditLocalFileInspector';

package/src/tools/local-system/Inspector/GlobLocalFiles/index.tsx

@@ -1,59 +0,0 @@
-'use client';
-
-import { type GlobFilesState } from '@lobechat/builtin-tool-local-system';
-import { type GlobFilesParams } from '@lobechat/electron-client-ipc';
-import { type BuiltinInspectorProps } from '@lobechat/types';
-import { Icon } from '@lobehub/ui';
-import { createStaticStyles, cx } from 'antd-style';
-import { ChevronRight } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { shinyTextStyles } from '@/styles';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  content: css`
-    font-family: ${cssVar.fontFamilyCode};
-  `,
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextDescription};
-  `,
-}));
-
-export const GlobLocalFilesInspector = memo<BuiltinInspectorProps<GlobFilesParams, GlobFilesState>>(
-  ({ args, isLoading }) => {
-    const { t } = useTranslation('plugin');
-
-    const pattern = args?.pattern || '';
-
-    // When loading, show "本地系统 > 匹配搜索文件"
-    if (isLoading) {
-      return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
-          <span>{t('builtins.lobe-local-system.title')}</span>
-          <Icon icon={ChevronRight} style={{ marginInline: 4 }} />
-          <span>{t('builtins.lobe-local-system.apiName.globLocalFiles')}</span>
-        </div>
-      );
-    }
-
-    return (
-      <div className={styles.root}>
-        <span>{t('builtins.lobe-local-system.apiName.globLocalFiles')}</span>
-        {pattern && (
-          <>
-            <Icon icon={ChevronRight} style={{ marginInline: 4 }} />
-            <span className={styles.content}>{pattern}</span>
-          </>
-        )}
-      </div>
-    );
-  },
-);
-
-GlobLocalFilesInspector.displayName = 'GlobLocalFilesInspector';

package/src/tools/local-system/Inspector/GrepContent/index.tsx

@@ -1,59 +0,0 @@
-'use client';
-
-import { type GrepContentState } from '@lobechat/builtin-tool-local-system';
-import { type GrepContentParams } from '@lobechat/electron-client-ipc';
-import { type BuiltinInspectorProps } from '@lobechat/types';
-import { Icon } from '@lobehub/ui';
-import { createStaticStyles, cx } from 'antd-style';
-import { ChevronRight } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { shinyTextStyles } from '@/styles';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  content: css`
-    font-family: ${cssVar.fontFamilyCode};
-  `,
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextDescription};
-  `,
-}));
-
-export const GrepContentInspector = memo<
-  BuiltinInspectorProps<GrepContentParams, GrepContentState>
->(({ args, isLoading }) => {
-  const { t } = useTranslation('plugin');
-
-  const pattern = args?.pattern || '';
-
-  // When loading, show "本地系统 > 搜索内容"
-  if (isLoading) {
-    return (
-      <div className={cx(styles.root, shinyTextStyles.shinyText)}>
-        <span>{t('builtins.lobe-local-system.title')}</span>
-        <Icon icon={ChevronRight} style={{ marginInline: 4 }} />
-        <span>{t('builtins.lobe-local-system.apiName.grepContent')}</span>
-      </div>
-    );
-  }
-
-  return (
-    <div className={styles.root}>
-      <span>{t('builtins.lobe-local-system.apiName.grepContent')}</span>
-      {pattern && (
-        <>
-          <Icon icon={ChevronRight} style={{ marginInline: 4 }} />
-          <span className={styles.content}>{pattern}</span>
-        </>
-      )}
-    </div>
-  );
-});
-
-GrepContentInspector.displayName = 'GrepContentInspector';

package/src/tools/local-system/Inspector/ReadLocalFile/index.tsx

@@ -1,55 +0,0 @@
-'use client';
-
-import type { LocalReadFileState } from '@lobechat/builtin-tool-local-system';
-import { type LocalReadFileParams } from '@lobechat/electron-client-ipc';
-import { type BuiltinInspectorProps } from '@lobechat/types';
-import { Icon } from '@lobehub/ui';
-import { createStaticStyles, cx } from 'antd-style';
-import { ChevronRight } from 'lucide-react';
-import path from 'path-browserify-esm';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { shinyTextStyles } from '@/styles';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  content: css`
-    font-family: ${cssVar.fontFamilyCode};
-  `,
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextDescription};
-  `,
-}));
-
-export const ReadLocalFileInspector = memo<
-  BuiltinInspectorProps<LocalReadFileParams, LocalReadFileState>
->(({ args, isLoading }) => {
-  const { t } = useTranslation('plugin');
-
-  // Show filename with parent directory for context
-  let displayPath = '';
-  if (args?.path) {
-    const { base, dir } = path.parse(args.path);
-    const parentDir = path.basename(dir);
-    displayPath = parentDir ? `${parentDir}/${base}` : base;
-  }
-
-  return (
-    <div className={cx(styles.root, isLoading && shinyTextStyles.shinyText)}>
-      <span>{t('builtins.lobe-local-system.apiName.readLocalFile')}</span>
-      {displayPath && (
-        <>
-          <Icon icon={ChevronRight} style={{ marginInline: 4 }} />
-          <span className={styles.content}>{displayPath}</span>
-        </>
-      )}
-    </div>
-  );
-});
-
-ReadLocalFileInspector.displayName = 'ReadLocalFileInspector';

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

@@ -1,66 +0,0 @@
-'use client';
-
-import { type RunCommandParams, type RunCommandResult } from '@lobechat/electron-client-ipc';
-import { type BuiltinInspectorProps } from '@lobechat/types';
-import { Icon } from '@lobehub/ui';
-import { createStaticStyles, cx } from 'antd-style';
-import { ChevronRight } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { shinyTextStyles } from '@/styles';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  content: css`
-    font-family: ${cssVar.fontFamilyCode};
-  `,
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextDescription};
-  `,
-}));
-
-interface RunCommandState {
-  message: string;
-  result: RunCommandResult;
-}
-
-export const RunCommandInspector = memo<BuiltinInspectorProps<RunCommandParams, RunCommandState>>(
-  ({ args, isLoading }) => {
-    const { t } = useTranslation('plugin');
-
-    // Show description if available, otherwise show command
-    const displayText = args?.description || args?.command || '';
-
-    // When loading, show "Local System > 执行命令"
-    if (isLoading) {
-      return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
-          <span>{t('builtins.lobe-local-system.title')}</span>
-          <Icon icon={ChevronRight} style={{ marginInline: 4 }} />
-          <span>{t('builtins.lobe-local-system.apiName.runCommand')}</span>
-        </div>
-      );
-    }
-
-    return (
-      <div className={styles.root}>
-        <span>{t('builtins.lobe-local-system.apiName.runCommand')}</span>
-        {displayText && (
-          <>
-            <Icon icon={ChevronRight} style={{ marginInline: 4 }} />
-            <span className={styles.content}>{displayText}</span>
-          </>
-        )}
-      </div>
-    );
-  },
-);
-
-RunCommandInspector.displayName = 'RunCommandInspector';
-
-export default RunCommandInspector;

package/src/tools/local-system/Inspector/SearchLocalFiles/index.tsx

@@ -1,59 +0,0 @@
-'use client';
-
-import { type LocalFileSearchState } from '@lobechat/builtin-tool-local-system';
-import { type LocalSearchFilesParams } from '@lobechat/electron-client-ipc';
-import { type BuiltinInspectorProps } from '@lobechat/types';
-import { Icon } from '@lobehub/ui';
-import { createStaticStyles, cx } from 'antd-style';
-import { ChevronRight } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { shinyTextStyles } from '@/styles';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  content: css`
-    font-family: ${cssVar.fontFamilyCode};
-  `,
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextDescription};
-  `,
-}));
-
-export const SearchLocalFilesInspector = memo<
-  BuiltinInspectorProps<LocalSearchFilesParams, LocalFileSearchState>
->(({ args, isLoading }) => {
-  const { t } = useTranslation('plugin');
-
-  const keywords = args?.keywords || '';
-
-  // When loading, show "本地系统 > 搜索文件"
-  if (isLoading) {
-    return (
-      <div className={cx(styles.root, shinyTextStyles.shinyText)}>
-        <span>{t('builtins.lobe-local-system.title')}</span>
-        <Icon icon={ChevronRight} style={{ marginInline: 4 }} />
-        <span>{t('builtins.lobe-local-system.apiName.searchLocalFiles')}</span>
-      </div>
-    );
-  }
-
-  return (
-    <div className={styles.root}>
-      <span>{t('builtins.lobe-local-system.apiName.searchLocalFiles')}</span>
-      {keywords && (
-        <>
-          <Icon icon={ChevronRight} style={{ marginInline: 4 }} />
-          <span className={styles.content}>{keywords}</span>
-        </>
-      )}
-    </div>
-  );
-});
-
-SearchLocalFilesInspector.displayName = 'SearchLocalFilesInspector';