@lobehub/lobehub 2.0.0-next.273 → 2.0.0-next.275

package/packages/builtin-tool-knowledge-base/src/client/Inspector/ReadKnowledge/index.tsx

@@ -5,7 +5,7 @@ import { createStaticStyles, cx } from 'antd-style';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import { type ReadKnowledgeArgs, type ReadKnowledgeState } from '../../..';
 
@@ -14,18 +14,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     margin-inline-start: 4px;
     color: ${cssVar.colorTextTertiary};
   `,
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-  statusIcon: css`
-    margin-block-end: -2px;
-    margin-inline-start: 4px;
-  `,
 }));
 
 export const ReadKnowledgeInspector = memo<
@@ -43,13 +31,13 @@ export const ReadKnowledgeInspector = memo<
   if (isArgumentsStreaming) {
     if (fileCount === 0)
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-knowledge-base.apiName.readKnowledge')}</span>
         </div>
       );
 
     return (
-      <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
         <span>{t('builtins.lobe-knowledge-base.apiName.readKnowledge')}: </span>
         <span className={highlightTextStyles.gold}>
           {fileCount} {fileCount === 1 ? 'file' : 'files'}
@@ -85,7 +73,7 @@ export const ReadKnowledgeInspector = memo<
   };
 
   return (
-    <div className={cx(styles.root, isLoading && shinyTextStyles.shinyText)}>
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
       <span style={{ marginInlineStart: 2 }}>
         <span>{t('builtins.lobe-knowledge-base.apiName.readKnowledge')}: </span>
         {renderFileInfo()}

package/packages/builtin-tool-knowledge-base/src/client/Inspector/SearchKnowledgeBase/index.tsx

@@ -2,25 +2,14 @@
 
 import { type BuiltinInspectorProps } from '@lobechat/types';
 import { Text } from '@lobehub/ui';
-import { createStaticStyles, cssVar, cx } from 'antd-style';
+import { cssVar, cx } from 'antd-style';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import { type SearchKnowledgeBaseArgs, type SearchKnowledgeBaseState } from '../../..';
 
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-}));
-
 export const SearchKnowledgeBaseInspector = memo<
   BuiltinInspectorProps<SearchKnowledgeBaseArgs, SearchKnowledgeBaseState>
 >(({ args, partialArgs, isArgumentsStreaming, isLoading, pluginState }) => {
@@ -35,13 +24,13 @@ export const SearchKnowledgeBaseInspector = memo<
   if (isArgumentsStreaming) {
     if (!query)
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-knowledge-base.apiName.searchKnowledgeBase')}</span>
         </div>
       );
 
     return (
-      <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
         <span>{t('builtins.lobe-knowledge-base.apiName.searchKnowledgeBase')}: </span>
         <span className={highlightTextStyles.gold}>{query}</span>
       </div>
@@ -49,7 +38,7 @@ export const SearchKnowledgeBaseInspector = memo<
   }
 
   return (
-    <div className={cx(styles.root, isLoading && shinyTextStyles.shinyText)}>
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
       <span style={{ marginInlineStart: 2 }}>
         <span>{t('builtins.lobe-knowledge-base.apiName.searchKnowledgeBase')}: </span>
         {query && <span className={highlightTextStyles.gold}>{query}</span>}

package/packages/builtin-tool-local-system/src/client/Inspector/EditLocalFile/index.tsx

@@ -8,20 +8,12 @@ import { Minus, Plus } from 'lucide-react';
 import { type ReactNode, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { shinyTextStyles } from '@/styles';
+import { inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import { type EditLocalFileState } from '../../../types';
 import { FilePathDisplay } from '../../components/FilePathDisplay';
 
 const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
   separator: css`
     margin-inline: 2px;
     color: ${cssVar.colorTextQuaternary};
@@ -39,13 +31,13 @@ export const EditLocalFileInspector = memo<
   if (isArgumentsStreaming) {
     if (!filePath)
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-local-system.apiName.editLocalFile')}</span>
         </div>
       );
 
     return (
-      <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
         <span>{t('builtins.lobe-local-system.apiName.editLocalFile')}: </span>
         <FilePathDisplay filePath={filePath} />
       </div>
@@ -75,7 +67,7 @@ export const EditLocalFileInspector = memo<
   }
 
   return (
-    <div className={cx(styles.root, isLoading && shinyTextStyles.shinyText)}>
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
       <span>{t('builtins.lobe-local-system.apiName.editLocalFile')}: </span>
       <FilePathDisplay filePath={filePath} />
       {!isLoading && statsParts.length > 0 && (

package/packages/builtin-tool-local-system/src/client/Inspector/GlobLocalFiles/index.tsx

@@ -7,19 +7,11 @@ import { Check, X } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import { type GlobFilesState } from '../../..';
 
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
+const styles = createStaticStyles(({ css }) => ({
   statusIcon: css`
     margin-block-end: -2px;
     margin-inline-start: 4px;
@@ -36,13 +28,13 @@ export const GlobLocalFilesInspector = memo<BuiltinInspectorProps<GlobFilesParam
     if (isArgumentsStreaming) {
       if (!pattern)
         return (
-          <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+          <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
             <span>{t('builtins.lobe-local-system.apiName.globLocalFiles')}</span>
           </div>
         );
 
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-local-system.apiName.globLocalFiles')}: </span>
           <span className={highlightTextStyles.primary}>{pattern}</span>
         </div>
@@ -53,7 +45,7 @@ export const GlobLocalFilesInspector = memo<BuiltinInspectorProps<GlobFilesParam
     const isSuccess = pluginState?.result?.success;
 
     return (
-      <div className={cx(styles.root, isLoading && shinyTextStyles.shinyText)}>
+      <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
         <span style={{ marginInlineStart: 2 }}>
           <span>{t('builtins.lobe-local-system.apiName.globLocalFiles')}: </span>
           {pattern && <span className={highlightTextStyles.primary}>{pattern}</span>}

package/packages/builtin-tool-local-system/src/client/Inspector/GrepContent/index.tsx

@@ -3,25 +3,14 @@
 import { type GrepContentParams } from '@lobechat/electron-client-ipc';
 import { type BuiltinInspectorProps } from '@lobechat/types';
 import { Text } from '@lobehub/ui';
-import { createStaticStyles, cssVar, cx } from 'antd-style';
+import { cssVar, cx } from 'antd-style';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import { type GrepContentState } from '../../..';
 
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-}));
-
 export const GrepContentInspector = memo<
   BuiltinInspectorProps<GrepContentParams, GrepContentState>
 >(({ args, partialArgs, isArgumentsStreaming, pluginState, isLoading }) => {
@@ -33,13 +22,13 @@ export const GrepContentInspector = memo<
   if (isArgumentsStreaming) {
     if (!pattern)
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-local-system.apiName.grepContent')}</span>
         </div>
       );
 
     return (
-      <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
         <span>{t('builtins.lobe-local-system.apiName.grepContent')}: </span>
         <span className={highlightTextStyles.primary}>{pattern}</span>
       </div>
@@ -51,7 +40,7 @@ export const GrepContentInspector = memo<
   const hasResults = resultCount > 0;
 
   return (
-    <div className={cx(styles.root, isLoading && shinyTextStyles.shinyText)}>
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
       <span>{t('builtins.lobe-local-system.apiName.grepContent')}: </span>
       {pattern && <span className={highlightTextStyles.primary}>{pattern}</span>}
       {!isLoading &&

package/packages/builtin-tool-local-system/src/client/Inspector/ListLocalFiles/index.tsx

@@ -3,26 +3,15 @@
 import { type ListLocalFileParams } from '@lobechat/electron-client-ipc';
 import { type BuiltinInspectorProps } from '@lobechat/types';
 import { Text } from '@lobehub/ui';
-import { createStaticStyles, cssVar, cx } from 'antd-style';
+import { cssVar, cx } from 'antd-style';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { shinyTextStyles } from '@/styles';
+import { inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import { type LocalFileListState } from '../../..';
 import { FilePathDisplay } from '../../components/FilePathDisplay';
 
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-}));
-
 export const ListLocalFilesInspector = memo<
   BuiltinInspectorProps<ListLocalFileParams, LocalFileListState>
 >(({ args, partialArgs, isArgumentsStreaming, pluginState, isLoading }) => {
@@ -34,13 +23,13 @@ export const ListLocalFilesInspector = memo<
   if (isArgumentsStreaming) {
     if (!path)
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-local-system.apiName.listLocalFiles')}</span>
         </div>
       );
 
     return (
-      <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
         <span>{t('builtins.lobe-local-system.apiName.listLocalFiles')}: </span>
         <FilePathDisplay filePath={path} isDirectory />
       </div>
@@ -52,7 +41,7 @@ export const ListLocalFilesInspector = memo<
   const hasResults = resultCount > 0;
 
   return (
-    <div className={cx(styles.root, isLoading && shinyTextStyles.shinyText)}>
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
       <span>{t('builtins.lobe-local-system.apiName.listLocalFiles')}: </span>
       <FilePathDisplay filePath={path} isDirectory />
       {!isLoading &&

package/packages/builtin-tool-local-system/src/client/Inspector/ReadLocalFile/index.tsx

@@ -2,26 +2,15 @@
 
 import { type LocalReadFileParams } from '@lobechat/electron-client-ipc';
 import { type BuiltinInspectorProps } from '@lobechat/types';
-import { createStaticStyles, cx } from 'antd-style';
+import { cx } from 'antd-style';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { shinyTextStyles } from '@/styles';
+import { inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import { type LocalReadFileState } from '../../..';
 import { FilePathDisplay } from '../../components/FilePathDisplay';
 
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-}));
-
 export const ReadLocalFileInspector = memo<
   BuiltinInspectorProps<LocalReadFileParams, LocalReadFileState>
 >(({ args, partialArgs, isArgumentsStreaming, isLoading }) => {
@@ -33,13 +22,13 @@ export const ReadLocalFileInspector = memo<
   if (isArgumentsStreaming) {
     if (!filePath)
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-local-system.apiName.readLocalFile')}</span>
         </div>
       );
 
     return (
-      <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
         <span>{t('builtins.lobe-local-system.apiName.readLocalFile')}: </span>
         <FilePathDisplay filePath={filePath} />
       </div>
@@ -47,7 +36,7 @@ export const ReadLocalFileInspector = memo<
   }
 
   return (
-    <div className={cx(styles.root, isLoading && shinyTextStyles.shinyText)}>
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
       <span>{t('builtins.lobe-local-system.apiName.readLocalFile')}: </span>
       <FilePathDisplay filePath={filePath} />
     </div>

package/packages/builtin-tool-local-system/src/client/Inspector/RenameLocalFile/index.tsx

@@ -8,23 +8,15 @@ import path from 'path-browserify-esm';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import { type LocalRenameFileState } from '../../..';
 
-const styles = createStaticStyles(({ css, cssVar }) => ({
+const styles = createStaticStyles(({ css }) => ({
   icon: css`
     flex-shrink: 0;
     margin-inline-end: 4px;
   `,
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
 }));
 
 export const RenameLocalFileInspector = memo<
@@ -39,7 +31,9 @@ export const RenameLocalFileInspector = memo<
   const oldName = filePath ? path.basename(filePath) : '';
 
   return (
-    <div className={cx(styles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}>
+    <div
+      className={cx(inspectorTextStyles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}
+    >
       {oldName && newName ? (
         <>
           {t('builtins.lobe-local-system.apiName.renameLocalFile')} {oldName} →{' '}

package/packages/builtin-tool-local-system/src/client/Inspector/RunCommand/index.tsx

@@ -7,17 +7,9 @@ import { Check, X } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
+const styles = createStaticStyles(({ css }) => ({
   statusIcon: css`
     margin-block-end: -2px;
     margin-inline-start: 4px;
@@ -40,13 +32,13 @@ export const RunCommandInspector = memo<BuiltinInspectorProps<RunCommandParams,
     if (isArgumentsStreaming) {
       if (!description)
         return (
-          <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+          <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
             <span>{t('builtins.lobe-local-system.apiName.runCommand')}</span>
           </div>
         );
 
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-local-system.apiName.runCommand')}: </span>
           <span className={highlightTextStyles.primary}>{description}</span>
         </div>
@@ -58,7 +50,7 @@ export const RunCommandInspector = memo<BuiltinInspectorProps<RunCommandParams,
     const isSuccess = result?.success && result?.exit_code === 0;
 
     return (
-      <div className={cx(styles.root, isLoading && shinyTextStyles.shinyText)}>
+      <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
         <span style={{ marginInlineStart: 2 }}>
           <span>{t('builtins.lobe-local-system.apiName.runCommand')}: </span>
           {description && <span className={highlightTextStyles.primary}>{description}</span>}

package/packages/builtin-tool-local-system/src/client/Inspector/SearchLocalFiles/index.tsx

@@ -3,25 +3,14 @@
 import { type LocalSearchFilesParams } from '@lobechat/electron-client-ipc';
 import { type BuiltinInspectorProps } from '@lobechat/types';
 import { Text } from '@lobehub/ui';
-import { createStaticStyles, cssVar, cx } from 'antd-style';
+import { cssVar, cx } from 'antd-style';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import { type LocalFileSearchState } from '../../..';
 
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-}));
-
 export const SearchLocalFilesInspector = memo<
   BuiltinInspectorProps<LocalSearchFilesParams, LocalFileSearchState>
 >(({ args, partialArgs, isArgumentsStreaming, pluginState, isLoading }) => {
@@ -33,13 +22,13 @@ export const SearchLocalFilesInspector = memo<
   if (isArgumentsStreaming) {
     if (!keywords)
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-local-system.apiName.searchLocalFiles')}</span>
         </div>
       );
 
     return (
-      <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
         <span>{t('builtins.lobe-local-system.apiName.searchLocalFiles')}: </span>
         <span className={highlightTextStyles.primary}>{keywords}</span>
       </div>
@@ -51,7 +40,7 @@ export const SearchLocalFilesInspector = memo<
   const hasResults = resultCount > 0;
 
   return (
-    <div className={cx(styles.root, isLoading && shinyTextStyles.shinyText)}>
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
       <span style={{ marginInlineStart: 2 }}>
         <span>{t('builtins.lobe-local-system.apiName.searchLocalFiles')}: </span>
         {keywords && <span className={highlightTextStyles.primary}>{keywords}</span>}

package/packages/builtin-tool-local-system/src/client/Inspector/WriteLocalFile/index.tsx

@@ -3,26 +3,15 @@
 import { type WriteLocalFileParams } from '@lobechat/electron-client-ipc';
 import { type BuiltinInspectorProps } from '@lobechat/types';
 import { Icon, Text } from '@lobehub/ui';
-import { createStaticStyles, cssVar, cx } from 'antd-style';
+import { cssVar, cx } from 'antd-style';
 import { Plus } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { shinyTextStyles } from '@/styles';
+import { inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import { FilePathDisplay } from '../../components/FilePathDisplay';
 
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-}));
-
 export const WriteLocalFileInspector = memo<BuiltinInspectorProps<WriteLocalFileParams>>(
   ({ args, partialArgs, isArgumentsStreaming }) => {
     const { t } = useTranslation('plugin');
@@ -36,14 +25,16 @@ export const WriteLocalFileInspector = memo<BuiltinInspectorProps<WriteLocalFile
     // During argument streaming without path
     if (isArgumentsStreaming && !filePath) {
       return (
-        <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
           <span>{t('builtins.lobe-local-system.apiName.writeLocalFile')}</span>
         </div>
       );
     }
 
     return (
-      <div className={cx(styles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}>
+      <div
+        className={cx(inspectorTextStyles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}
+      >
         <span>{t('builtins.lobe-local-system.apiName.writeLocalFile')}: </span>
         <FilePathDisplay filePath={filePath} />
         {lines > 0 && (

package/packages/builtin-tool-notebook/src/client/Inspector/CreateDocument/index.tsx

@@ -1,25 +1,14 @@
 'use client';
 
 import type { BuiltinInspectorProps } from '@lobechat/types';
-import { createStaticStyles, cx } from 'antd-style';
+import { cx } from 'antd-style';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import type { CreateDocumentArgs, CreateDocumentState } from '../../../types';
 
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-}));
-
 export const CreateDocumentInspector = memo<
   BuiltinInspectorProps<CreateDocumentArgs, CreateDocumentState>
 >(({ args, partialArgs, isArgumentsStreaming, isLoading }) => {
@@ -30,7 +19,7 @@ export const CreateDocumentInspector = memo<
   // During streaming without title, show init
   if (isArgumentsStreaming && !title) {
     return (
-      <div className={cx(styles.root, shinyTextStyles.shinyText)}>
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
         <span>{t('builtins.lobe-notebook.apiName.createDocument')}</span>
       </div>
     );
@@ -38,7 +27,10 @@ export const CreateDocumentInspector = memo<
 
   return (
     <div
-      className={cx(styles.root, (isArgumentsStreaming || isLoading) && shinyTextStyles.shinyText)}
+      className={cx(
+        inspectorTextStyles.root,
+        (isArgumentsStreaming || isLoading) && shinyTextStyles.shinyText,
+      )}
     >
       <span>{t('builtins.lobe-notebook.apiName.createDocument')}: </span>
       {title && <span className={highlightTextStyles.primary}>{title}</span>}

package/packages/builtin-tool-page-agent/src/client/Inspector/EditTitle/index.tsx

@@ -2,25 +2,14 @@
 
 import type { EditTitleArgs } from '@lobechat/editor-runtime';
 import type { BuiltinInspectorProps } from '@lobechat/types';
-import { createStaticStyles, cx } from 'antd-style';
+import { cx } from 'antd-style';
 import { memo } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 
-import { highlightTextStyles, shinyTextStyles } from '@/styles';
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
 
 import type { EditTitleState } from '../../../types';
 
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-
-    color: ${cssVar.colorTextSecondary};
-  `,
-}));
-
 export const EditTitleInspector = memo<BuiltinInspectorProps<EditTitleArgs, EditTitleState>>(
   ({ args, partialArgs, isArgumentsStreaming }) => {
     const { t } = useTranslation('plugin');
@@ -28,7 +17,9 @@ export const EditTitleInspector = memo<BuiltinInspectorProps<EditTitleArgs, Edit
     const title = args?.title || partialArgs?.title;
 
     return (
-      <div className={cx(styles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}>
+      <div
+        className={cx(inspectorTextStyles.root, isArgumentsStreaming && shinyTextStyles.shinyText)}
+      >
         {title ? (
           <Trans
             components={{ title: <span className={highlightTextStyles.gold} /> }}

package/packages/builtin-tool-page-agent/src/client/Inspector/GetPageContent/index.tsx

@@ -5,25 +5,24 @@ import { createStaticStyles, cx } from 'antd-style';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { shinyTextStyles } from '@/styles';
+import { oneLineEllipsis, shinyTextStyles } from '@/styles';
 
 const styles = createStaticStyles(({ css, cssVar }) => ({
   done: css`
     color: ${cssVar.colorTextDescription};
   `,
-  root: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-  `,
 }));
 
 export const GetPageContentInspector = memo<BuiltinInspectorProps>(({ isArgumentsStreaming }) => {
   const { t } = useTranslation('plugin');
 
   return (
-    <div className={cx(styles.root, isArgumentsStreaming ? shinyTextStyles.shinyText : styles.done)}>
+    <div
+      className={cx(
+        oneLineEllipsis,
+        isArgumentsStreaming ? shinyTextStyles.shinyText : styles.done,
+      )}
+    >
       <span>{t('builtins.lobe-page-agent.apiName.getPageContent')}</span>
     </div>
   );