@lobehub/lobehub 2.0.0-next.286 → 2.0.0-next.288

package/CHANGELOG.md

@@ -2,6 +2,64 @@
 
 # Changelog
 
+## [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>
+
+#### ♻ Code Refactoring
+
+- **desktop**: Unify TITLE_BAR_HEIGHT constant to desktop-bridge.
+
+#### 🐛 Bug Fixes
+
+- **desktop**: Return OFFICIAL_URL in cloud mode for remoteServerUrl selector.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **desktop**: Unify TITLE_BAR_HEIGHT constant to desktop-bridge, closes [#11496](https://github.com/lobehub/lobe-chat/issues/11496) ([e7739e5](https://github.com/lobehub/lobe-chat/commit/e7739e5))
+
+#### What's fixed
+
+- **desktop**: Return OFFICIAL_URL in cloud mode for remoteServerUrl selector, closes [#11502](https://github.com/lobehub/lobe-chat/issues/11502) ([1d11fac](https://github.com/lobehub/lobe-chat/commit/1d11fac))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.286](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.285...v2.0.0-next.286)
 
 <sup>Released on **2026-01-14**</sup>

package/apps/desktop/src/main/const/theme.ts

@@ -4,8 +4,5 @@ export const BACKGROUND_LIGHT = '#f8f8f8';
 export const SYMBOL_COLOR_DARK = '#ffffff80';
 export const SYMBOL_COLOR_LIGHT = '#00000080';
 
-// Window dimensions and constraints
-export const TITLE_BAR_HEIGHT = 29;
-
 // Default window configuration
 export const THEME_CHANGE_DELAY = 100;

package/apps/desktop/src/main/core/browser/Browser.ts

@@ -1,3 +1,4 @@
+import { TITLE_BAR_HEIGHT } from '@lobechat/desktop-bridge';
 import { MainBroadcastEventKey, MainBroadcastParams } from '@lobechat/electron-client-ipc';
 import {
   BrowserWindow,
@@ -12,7 +13,6 @@ import { join } from 'node:path';
 import { preloadDir, resourcesDir } from '@/const/dir';
 import { isMac } from '@/const/env';
 import { ELECTRON_BE_PROTOCOL_SCHEME } from '@/const/protocol';
-import { TITLE_BAR_HEIGHT } from '@/const/theme';
 import RemoteServerConfigCtr from '@/controllers/RemoteServerConfigCtr';
 import { backendProxyProtocolManager } from '@/core/infrastructure/BackendProxyProtocolManager';
 import { setResponseHeader } from '@/utils/http-headers';

package/apps/desktop/src/main/core/browser/WindowThemeManager.ts

@@ -1,3 +1,4 @@
+import { TITLE_BAR_HEIGHT } from '@lobechat/desktop-bridge';
 import { BrowserWindow, nativeTheme } from 'electron';
 import { join } from 'node:path';
 
@@ -9,7 +10,6 @@ import {
   SYMBOL_COLOR_DARK,
   SYMBOL_COLOR_LIGHT,
   THEME_CHANGE_DELAY,
-  TITLE_BAR_HEIGHT,
 } from '@/const/theme';
 import { createLogger } from '@/utils/logger';
 
@@ -91,7 +91,8 @@ export class WindowThemeManager {
       icon: isDev ? join(buildDir, 'icon-dev.ico') : undefined,
       titleBarOverlay: {
         color: isDarkMode ? BACKGROUND_DARK : BACKGROUND_LIGHT,
-        height: TITLE_BAR_HEIGHT,
+        // Reduce 2px to prevent blocking the container border edge
+        height: TITLE_BAR_HEIGHT - 2,
         symbolColor: isDarkMode ? SYMBOL_COLOR_DARK : SYMBOL_COLOR_LIGHT,
       },
       titleBarStyle: 'hidden',

package/apps/desktop/src/main/core/browser/__tests__/Browser.test.ts

@@ -108,7 +108,6 @@ vi.mock('@/const/theme', () => ({
   SYMBOL_COLOR_DARK: '#ffffff',
   SYMBOL_COLOR_LIGHT: '#000000',
   THEME_CHANGE_DELAY: 0,
-  TITLE_BAR_HEIGHT: 32,
 }));
 
 describe('Browser', () => {

package/apps/desktop/src/main/core/browser/__tests__/WindowThemeManager.test.ts

@@ -38,13 +38,16 @@ vi.mock('@/const/env', () => ({
   isWindows: true,
 }));
 
+vi.mock('@lobechat/desktop-bridge', () => ({
+  TITLE_BAR_HEIGHT: 38,
+}));
+
 vi.mock('@/const/theme', () => ({
   BACKGROUND_DARK: '#1a1a1a',
   BACKGROUND_LIGHT: '#ffffff',
   SYMBOL_COLOR_DARK: '#ffffff',
   SYMBOL_COLOR_LIGHT: '#000000',
   THEME_CHANGE_DELAY: 0,
-  TITLE_BAR_HEIGHT: 32,
 }));
 
 describe('WindowThemeManager', () => {
@@ -89,7 +92,7 @@ describe('WindowThemeManager', () => {
         icon: undefined,
         titleBarOverlay: {
           color: '#1a1a1a',
-          height: 32,
+          height: 36,
           symbolColor: '#ffffff',
         },
         titleBarStyle: 'hidden',
@@ -106,7 +109,7 @@ describe('WindowThemeManager', () => {
         icon: undefined,
         titleBarOverlay: {
           color: '#ffffff',
-          height: 32,
+          height: 36,
           symbolColor: '#000000',
         },
         titleBarStyle: 'hidden',
@@ -183,7 +186,7 @@ describe('WindowThemeManager', () => {
       expect(mockBrowserWindow.setBackgroundColor).toHaveBeenCalledWith('#1a1a1a');
       expect(mockBrowserWindow.setTitleBarOverlay).toHaveBeenCalledWith({
         color: '#1a1a1a',
-        height: 32,
+        height: 36,
         symbolColor: '#ffffff',
       });
     });
@@ -195,7 +198,7 @@ describe('WindowThemeManager', () => {
       expect(mockBrowserWindow.setBackgroundColor).toHaveBeenCalledWith('#ffffff');
       expect(mockBrowserWindow.setTitleBarOverlay).toHaveBeenCalledWith({
         color: '#ffffff',
-        height: 32,
+        height: 36,
         symbolColor: '#000000',
       });
     });

package/changelog/v1.json

@@ -1,4 +1,18 @@
 [
+  {
+    "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",
+    "version": "2.0.0-next.287"
+  },
   {
     "children": {
       "fixes": [

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.286",
+  "version": "2.0.0-next.288",
   "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';