@lobehub/lobehub 2.0.0-next.287 → 2.0.0-next.289

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+## [Version 2.0.0-next.289](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.288...v2.0.0-next.289)
+
+<sup>Released on **2026-01-15**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix page content mismatch when switch quickly.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix page content mismatch when switch quickly, closes [#11505](https://github.com/lobehub/lobe-chat/issues/11505) ([0cb1374](https://github.com/lobehub/lobe-chat/commit/0cb1374))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 2.0.0-next.288](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.287...v2.0.0-next.288)
+
+<sup>Released on **2026-01-15**</sup>
+
+#### ✨ Features
+
+- **misc**: Improve group prompt context engine and fix group supervisor response issue.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Improve group prompt context engine and fix group supervisor response issue, closes [#11490](https://github.com/lobehub/lobe-chat/issues/11490) ([7d066eb](https://github.com/lobehub/lobe-chat/commit/7d066eb))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.287](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.286...v2.0.0-next.287)
 
 <sup>Released on **2026-01-14**</sup>

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "fixes": [
+        "Fix page content mismatch when switch quickly."
+      ]
+    },
+    "date": "2026-01-15",
+    "version": "2.0.0-next.289"
+  },
+  {
+    "children": {
+      "features": [
+        "Improve group prompt context engine and fix group supervisor response issue."
+      ]
+    },
+    "date": "2026-01-15",
+    "version": "2.0.0-next.288"
+  },
   {
     "children": {},
     "date": "2026-01-14",

package/locales/en-US/plugin.json

@@ -61,18 +61,16 @@
   "builtins.lobe-group-agent-builder.inspector.title": "Title",
   "builtins.lobe-group-agent-builder.title": "Group Builder Expert",
   "builtins.lobe-group-management.apiName.broadcast": "All speak",
-  "builtins.lobe-group-management.apiName.createAgent": "Add group member",
   "builtins.lobe-group-management.apiName.createWorkflow": "Plan workflow",
-  "builtins.lobe-group-management.apiName.executeTask": "Execute task",
+  "builtins.lobe-group-management.apiName.executeAgentTask": "Execute agent task",
+  "builtins.lobe-group-management.apiName.executeAgentTasks": "Execute parallel agent tasks",
   "builtins.lobe-group-management.apiName.getAgentInfo": "Get member info",
   "builtins.lobe-group-management.apiName.interrupt": "Interrupt task",
-  "builtins.lobe-group-management.apiName.inviteAgent": "Invite member",
-  "builtins.lobe-group-management.apiName.removeAgent": "Remove member",
-  "builtins.lobe-group-management.apiName.searchAgent": "Find relevant experts",
   "builtins.lobe-group-management.apiName.speak": "Designated member speaks",
   "builtins.lobe-group-management.apiName.summarize": "Summarize conversation",
   "builtins.lobe-group-management.apiName.vote": "Start vote",
   "builtins.lobe-group-management.inspector.broadcast.title": "Following Agents speak:",
+  "builtins.lobe-group-management.inspector.executeAgentTasks.title": "Assigning tasks to:",
   "builtins.lobe-group-management.inspector.speak.title": "Designated Agent speaks:",
   "builtins.lobe-group-management.title": "Group Coordinator",
   "builtins.lobe-gtd.apiName.clearTodos": "Clear todos",

package/locales/zh-CN/plugin.json

@@ -61,18 +61,16 @@
   "builtins.lobe-group-agent-builder.inspector.title": "标题",
   "builtins.lobe-group-agent-builder.title": "群组构建专家",
   "builtins.lobe-group-management.apiName.broadcast": "所有人发言",
-  "builtins.lobe-group-management.apiName.createAgent": "添加群组成员",
   "builtins.lobe-group-management.apiName.createWorkflow": "规划工作流",
-  "builtins.lobe-group-management.apiName.executeTask": "执行任务",
+  "builtins.lobe-group-management.apiName.executeAgentTask": "执行 Agent 任务",
+  "builtins.lobe-group-management.apiName.executeAgentTasks": "并行执行 Agent 任务",
   "builtins.lobe-group-management.apiName.getAgentInfo": "获取成员信息",
   "builtins.lobe-group-management.apiName.interrupt": "中断任务",
-  "builtins.lobe-group-management.apiName.inviteAgent": "邀请成员",
-  "builtins.lobe-group-management.apiName.removeAgent": "移除成员",
-  "builtins.lobe-group-management.apiName.searchAgent": "寻找相关专家",
   "builtins.lobe-group-management.apiName.speak": "指定成员发言",
   "builtins.lobe-group-management.apiName.summarize": "总结对话",
   "builtins.lobe-group-management.apiName.vote": "发起投票",
   "builtins.lobe-group-management.inspector.broadcast.title": "以下 Agent 发言：",
+  "builtins.lobe-group-management.inspector.executeAgentTasks.title": "分配任务给：",
   "builtins.lobe-group-management.inspector.speak.title": "指定 Agent 发言：",
   "builtins.lobe-group-management.title": "群组协调",
   "builtins.lobe-gtd.apiName.clearTodos": "清除待办",

package/locales/zh-CN/tool.json

@@ -15,6 +15,8 @@
   "agentGroupManagement.executeTask.thread": "线程 ID",
   "agentGroupManagement.executeTask.timeout": "执行超时",
   "agentGroupManagement.executeTask.tokens": "令牌使用量",
+  "agentGroupManagement.executeTasks.intervention.instructionPlaceholder": "执行此任务的详细指令...",
+  "agentGroupManagement.executeTasks.intervention.titlePlaceholder": "任务标题...",
   "codeInterpreter-legacy.error": "执行出错",
   "codeInterpreter-legacy.executing": "正在执行...",
   "codeInterpreter-legacy.files": "文件：",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.287",
+  "version": "2.0.0-next.289",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/packages/builtin-agents/src/agents/group-supervisor/index.ts

@@ -1,3 +1,4 @@
+import { GroupAgentBuilderIdentifier } from '@lobechat/builtin-tool-group-agent-builder';
 import { GroupManagementIdentifier } from '@lobechat/builtin-tool-group-management';
 import { GTDIdentifier } from '@lobechat/builtin-tool-gtd';
 
@@ -20,6 +21,11 @@ const resolveSystemRole = (ctx: GroupSupervisorContext): string => {
  * - Strategically coordinating agent participation
  * - Ensuring natural conversation flow
  * - Matching user queries to appropriate agent expertise
+ *
+ * Tools:
+ * - GroupManagement: orchestration (speak, broadcast, executeAgentTask, etc.)
+ * - GroupAgentBuilder: member management (searchAgent, inviteAgent, createAgent, etc.)
+ * - GTD: task tracking
  */
 export const GROUP_SUPERVISOR: BuiltinAgentDefinition = {
   runtime: (ctx) => {
@@ -33,7 +39,12 @@ export const GROUP_SUPERVISOR: BuiltinAgentDefinition = {
       chatConfig: {
         enableHistoryCount: false,
       },
-      plugins: [GroupManagementIdentifier, GTDIdentifier, ...(ctx.plugins || [])],
+      plugins: [
+        GroupManagementIdentifier,
+        GroupAgentBuilderIdentifier,
+        GTDIdentifier,
+        ...(ctx.plugins || []),
+      ],
       systemRole: resolveSystemRole(groupSupervisorContext),
     };
   },

package/packages/builtin-agents/src/agents/group-supervisor/systemRole.ts

@@ -46,13 +46,6 @@ export const supervisorSystemRole = `You are LobeAI, an intelligent team coordin
 - **Efficiency**: Use broadcast for parallel opinions, speak for sequential dependencies.
 </orchestration_guidelines>
 
-<critical_output_rules>
-IMPORTANT: Your responses must contain ONLY your actual reply content.
-- Messages in conversation history start with '<speaker name="..." />' - this identifies who sent each message
-- NEVER start your response with '<speaker' tag - the system adds this automatically
-- Just output your actual response content directly
-</critical_output_rules>
-
 <constraints>
 - Only invoke agents defined in the participants list
 - Never fabricate agent IDs or capabilities

package/packages/builtin-tool-cloud-sandbox/src/client/Inspector/EditLocalFile/index.tsx

@@ -0,0 +1,93 @@
+'use client';
+
+import { type BuiltinInspectorProps } from '@lobechat/types';
+import { Icon, Text } from '@lobehub/ui';
+import { createStaticStyles, cssVar, cx } from 'antd-style';
+import { Minus, Plus } from 'lucide-react';
+import { type ReactNode, memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { inspectorTextStyles, shinyTextStyles } from '@/styles';
+
+import { type EditLocalFileState } from '../../../types';
+import { FilePathDisplay } from '../../components/FilePathDisplay';
+
+const styles = createStaticStyles(({ css, cssVar }) => ({
+  separator: css`
+    margin-inline: 2px;
+    color: ${cssVar.colorTextQuaternary};
+  `,
+}));
+
+interface EditLocalFileParams {
+  file_path: string;
+  new_string: string;
+  old_string: string;
+}
+
+export const EditLocalFileInspector = memo<
+  BuiltinInspectorProps<EditLocalFileParams, EditLocalFileState>
+>(({ args, partialArgs, isArgumentsStreaming, pluginState, isLoading }) => {
+  const { t } = useTranslation('plugin');
+
+  const filePath = args?.file_path || partialArgs?.file_path || '';
+
+  // During argument streaming
+  if (isArgumentsStreaming) {
+    if (!filePath)
+      return (
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+          <span>{t('builtins.lobe-cloud-sandbox.apiName.editLocalFile')}</span>
+        </div>
+      );
+
+    return (
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+        <span>{t('builtins.lobe-cloud-sandbox.apiName.editLocalFile')}: </span>
+        <FilePathDisplay filePath={filePath} />
+      </div>
+    );
+  }
+
+  // Build stats parts with colors and icons
+  const linesAdded = pluginState?.linesAdded ?? 0;
+  const linesDeleted = pluginState?.linesDeleted ?? 0;
+
+  const statsParts: ReactNode[] = [];
+  if (linesAdded > 0) {
+    statsParts.push(
+      <Text as={'span'} code color={cssVar.colorSuccess} fontSize={12} key="added">
+        <Icon icon={Plus} size={12} />
+        {linesAdded}
+      </Text>,
+    );
+  }
+  if (linesDeleted > 0) {
+    statsParts.push(
+      <Text as={'span'} code color={cssVar.colorError} fontSize={12} key="deleted">
+        <Icon icon={Minus} size={12} />
+        {linesDeleted}
+      </Text>,
+    );
+  }
+
+  return (
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
+      <span>{t('builtins.lobe-cloud-sandbox.apiName.editLocalFile')}: </span>
+      <FilePathDisplay filePath={filePath} />
+      {!isLoading && statsParts.length > 0 && (
+        <>
+          {' '}
+          {statsParts.map((part, index) => (
+            <span key={index}>
+              {index > 0 && <span className={styles.separator}> / </span>}
+              {part}
+            </span>
+          ))}
+        </>
+      )}
+    </div>
+  );
+});
+
+EditLocalFileInspector.displayName = 'EditLocalFileInspector';

package/packages/builtin-tool-cloud-sandbox/src/client/Inspector/GlobLocalFiles/index.tsx

@@ -0,0 +1,73 @@
+'use client';
+
+import { type BuiltinInspectorProps } from '@lobechat/types';
+import { createStaticStyles, cssVar, cx } from 'antd-style';
+import { Check, X } from 'lucide-react';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
+
+import { type GlobFilesState } from '../../../types';
+
+const styles = createStaticStyles(({ css }) => ({
+  statusIcon: css`
+    margin-block-end: -2px;
+    margin-inline-start: 4px;
+  `,
+}));
+
+interface GlobFilesParams {
+  path?: string;
+  pattern: string;
+}
+
+export const GlobLocalFilesInspector = memo<BuiltinInspectorProps<GlobFilesParams, GlobFilesState>>(
+  ({ args, partialArgs, isArgumentsStreaming, pluginState, isLoading }) => {
+    const { t } = useTranslation('plugin');
+
+    const pattern = args?.pattern || partialArgs?.pattern || '';
+
+    // During argument streaming
+    if (isArgumentsStreaming) {
+      if (!pattern)
+        return (
+          <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+            <span>{t('builtins.lobe-cloud-sandbox.apiName.globLocalFiles')}</span>
+          </div>
+        );
+
+      return (
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+          <span>{t('builtins.lobe-cloud-sandbox.apiName.globLocalFiles')}: </span>
+          <span className={highlightTextStyles.primary}>{pattern}</span>
+        </div>
+      );
+    }
+
+    // Check if glob was successful
+    const totalCount = pluginState?.totalCount ?? 0;
+    const hasResults = totalCount > 0;
+
+    return (
+      <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
+        <span style={{ marginInlineStart: 2 }}>
+          <span>{t('builtins.lobe-cloud-sandbox.apiName.globLocalFiles')}: </span>
+          {pattern && <span className={highlightTextStyles.primary}>{pattern}</span>}
+          {isLoading ? null : pluginState ? (
+            hasResults ? (
+              <>
+                <span style={{ marginInlineStart: 4 }}>({totalCount})</span>
+                <Check className={styles.statusIcon} color={cssVar.colorSuccess} size={14} />
+              </>
+            ) : (
+              <X className={styles.statusIcon} color={cssVar.colorError} size={14} />
+            )
+          ) : null}
+        </span>
+      </div>
+    );
+  },
+);
+
+GlobLocalFilesInspector.displayName = 'GlobLocalFilesInspector';

package/packages/builtin-tool-cloud-sandbox/src/client/Inspector/GrepContent/index.tsx

@@ -0,0 +1,69 @@
+'use client';
+
+import { type BuiltinInspectorProps } from '@lobechat/types';
+import { Text } from '@lobehub/ui';
+import { cssVar, cx } from 'antd-style';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
+
+import { type GrepContentState } from '../../../types';
+
+interface GrepContentParams {
+  include?: string;
+  path?: string;
+  pattern: string;
+}
+
+export const GrepContentInspector = memo<
+  BuiltinInspectorProps<GrepContentParams, GrepContentState>
+>(({ args, partialArgs, isArgumentsStreaming, pluginState, isLoading }) => {
+  const { t } = useTranslation('plugin');
+
+  const pattern = args?.pattern || partialArgs?.pattern || '';
+
+  // During argument streaming
+  if (isArgumentsStreaming) {
+    if (!pattern)
+      return (
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+          <span>{t('builtins.lobe-cloud-sandbox.apiName.grepContent')}</span>
+        </div>
+      );
+
+    return (
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+        <span>{t('builtins.lobe-cloud-sandbox.apiName.grepContent')}: </span>
+        <span className={highlightTextStyles.primary}>{pattern}</span>
+      </div>
+    );
+  }
+
+  // Check result count
+  const resultCount = pluginState?.totalMatches ?? 0;
+  const hasResults = resultCount > 0;
+
+  return (
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
+      <span>{t('builtins.lobe-cloud-sandbox.apiName.grepContent')}: </span>
+      {pattern && <span className={highlightTextStyles.primary}>{pattern}</span>}
+      {!isLoading &&
+        pluginState &&
+        (hasResults ? (
+          <span style={{ marginInlineStart: 4 }}>({resultCount})</span>
+        ) : (
+          <Text
+            as={'span'}
+            color={cssVar.colorTextDescription}
+            fontSize={12}
+            style={{ marginInlineStart: 4 }}
+          >
+            ({t('builtins.lobe-local-system.inspector.noResults')})
+          </Text>
+        ))}
+    </div>
+  );
+});
+
+GrepContentInspector.displayName = 'GrepContentInspector';

package/packages/builtin-tool-cloud-sandbox/src/client/Inspector/ListLocalFiles/index.tsx

@@ -0,0 +1,68 @@
+'use client';
+
+import { type BuiltinInspectorProps } from '@lobechat/types';
+import { Text } from '@lobehub/ui';
+import { cssVar, cx } from 'antd-style';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { inspectorTextStyles, shinyTextStyles } from '@/styles';
+
+import { type ListLocalFilesState } from '../../../types';
+import { FilePathDisplay } from '../../components/FilePathDisplay';
+
+interface ListLocalFilesParams {
+  path: string;
+}
+
+export const ListLocalFilesInspector = memo<
+  BuiltinInspectorProps<ListLocalFilesParams, ListLocalFilesState>
+>(({ args, partialArgs, isArgumentsStreaming, pluginState, isLoading }) => {
+  const { t } = useTranslation('plugin');
+
+  const path = args?.path || partialArgs?.path || '';
+
+  // During argument streaming
+  if (isArgumentsStreaming) {
+    if (!path)
+      return (
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+          <span>{t('builtins.lobe-cloud-sandbox.apiName.listLocalFiles')}</span>
+        </div>
+      );
+
+    return (
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+        <span>{t('builtins.lobe-cloud-sandbox.apiName.listLocalFiles')}: </span>
+        <FilePathDisplay filePath={path} isDirectory />
+      </div>
+    );
+  }
+
+  // Show result count if available
+  const resultCount = pluginState?.files?.length ?? 0;
+  const hasResults = resultCount > 0;
+
+  return (
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
+      <span>{t('builtins.lobe-cloud-sandbox.apiName.listLocalFiles')}: </span>
+      <FilePathDisplay filePath={path} isDirectory />
+      {!isLoading &&
+        pluginState?.files &&
+        (hasResults ? (
+          <span style={{ marginInlineStart: 4 }}>({resultCount})</span>
+        ) : (
+          <Text
+            as={'span'}
+            color={cssVar.colorTextDescription}
+            fontSize={12}
+            style={{ marginInlineStart: 4 }}
+          >
+            ({t('builtins.lobe-local-system.inspector.noResults')})
+          </Text>
+        ))}
+    </div>
+  );
+});
+
+ListLocalFilesInspector.displayName = 'ListLocalFilesInspector';

package/packages/builtin-tool-cloud-sandbox/src/client/Inspector/ReadLocalFile/index.tsx

@@ -0,0 +1,74 @@
+'use client';
+
+import { type BuiltinInspectorProps } from '@lobechat/types';
+import { createStaticStyles, cx } from 'antd-style';
+import { memo, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { inspectorTextStyles, shinyTextStyles } from '@/styles';
+
+import { type ReadLocalFileState } from '../../../types';
+import { FilePathDisplay } from '../../components/FilePathDisplay';
+
+const styles = createStaticStyles(({ css }) => ({
+  lineRange: css`
+    flex-shrink: 0;
+    margin-inline-start: 4px;
+    opacity: 0.7;
+  `,
+}));
+
+interface ReadLocalFileParams {
+  end_line?: number;
+  path: string;
+  start_line?: number;
+}
+
+export const ReadLocalFileInspector = memo<
+  BuiltinInspectorProps<ReadLocalFileParams, ReadLocalFileState>
+>(({ args, partialArgs, isArgumentsStreaming, isLoading }) => {
+  const { t } = useTranslation('plugin');
+
+  const filePath = args?.path || partialArgs?.path || '';
+  const startLine = args?.start_line || partialArgs?.start_line;
+  const endLine = args?.end_line || partialArgs?.end_line;
+
+  // Format line range display, e.g., "L1-L200"
+  const lineRangeText = useMemo(() => {
+    if (startLine === undefined && endLine === undefined) return null;
+    const start = startLine ?? 1;
+    const end = endLine;
+    if (end !== undefined) {
+      return `L${start}-L${end}`;
+    }
+    return `L${start}`;
+  }, [startLine, endLine]);
+
+  // During argument streaming
+  if (isArgumentsStreaming) {
+    if (!filePath)
+      return (
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+          <span>{t('builtins.lobe-cloud-sandbox.apiName.readLocalFile')}</span>
+        </div>
+      );
+
+    return (
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+        <span>{t('builtins.lobe-cloud-sandbox.apiName.readLocalFile')}: </span>
+        <FilePathDisplay filePath={filePath} />
+        {lineRangeText && <span className={styles.lineRange}>{lineRangeText}</span>}
+      </div>
+    );
+  }
+
+  return (
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
+      <span>{t('builtins.lobe-cloud-sandbox.apiName.readLocalFile')}: </span>
+      <FilePathDisplay filePath={filePath} />
+      {lineRangeText && <span className={styles.lineRange}>{lineRangeText}</span>}
+    </div>
+  );
+});
+
+ReadLocalFileInspector.displayName = 'ReadLocalFileInspector';

package/packages/builtin-tool-cloud-sandbox/src/client/Inspector/SearchLocalFiles/index.tsx

@@ -0,0 +1,70 @@
+'use client';
+
+import { type BuiltinInspectorProps } from '@lobechat/types';
+import { Text } from '@lobehub/ui';
+import { cssVar, cx } from 'antd-style';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { highlightTextStyles, inspectorTextStyles, shinyTextStyles } from '@/styles';
+
+import { type SearchLocalFilesState } from '../../../types';
+
+interface SearchLocalFilesParams {
+  path?: string;
+  query: string;
+}
+
+export const SearchLocalFilesInspector = memo<
+  BuiltinInspectorProps<SearchLocalFilesParams, SearchLocalFilesState>
+>(({ args, partialArgs, isArgumentsStreaming, pluginState, isLoading }) => {
+  const { t } = useTranslation('plugin');
+
+  const query = args?.query || partialArgs?.query || '';
+
+  // During argument streaming
+  if (isArgumentsStreaming) {
+    if (!query)
+      return (
+        <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+          <span>{t('builtins.lobe-cloud-sandbox.apiName.searchLocalFiles')}</span>
+        </div>
+      );
+
+    return (
+      <div className={cx(inspectorTextStyles.root, shinyTextStyles.shinyText)}>
+        <span>{t('builtins.lobe-cloud-sandbox.apiName.searchLocalFiles')}: </span>
+        <span className={highlightTextStyles.primary}>{query}</span>
+      </div>
+    );
+  }
+
+  // Check if search returned results
+  const resultCount = pluginState?.results?.length ?? 0;
+  const hasResults = resultCount > 0;
+
+  return (
+    <div className={cx(inspectorTextStyles.root, isLoading && shinyTextStyles.shinyText)}>
+      <span style={{ marginInlineStart: 2 }}>
+        <span>{t('builtins.lobe-cloud-sandbox.apiName.searchLocalFiles')}: </span>
+        {query && <span className={highlightTextStyles.primary}>{query}</span>}
+        {!isLoading &&
+          pluginState?.results &&
+          (hasResults ? (
+            <span style={{ marginInlineStart: 4 }}>({resultCount})</span>
+          ) : (
+            <Text
+              as={'span'}
+              color={cssVar.colorTextDescription}
+              fontSize={12}
+              style={{ marginInlineStart: 4 }}
+            >
+              ({t('builtins.lobe-local-system.inspector.noResults')})
+            </Text>
+          ))}
+      </span>
+    </div>
+  );
+});
+
+SearchLocalFilesInspector.displayName = 'SearchLocalFilesInspector';