@opensumi/ide-ai-native 3.8.3-next-1741763546.0 → 3.8.3-next-1741767755.0

package/src/browser/chat/chat.view.tsx

@@ -1,7 +1,14 @@
 import * as React from 'react';
 import { MessageList } from 'react-chat-elements';
 
-import { AppConfig, getIcon, useInjectable, useUpdateOnEvent } from '@opensumi/ide-core-browser';
+import {
+  AINativeConfigService,
+  AppConfig,
+  LabelService,
+  getIcon,
+  useInjectable,
+  useUpdateOnEvent,
+} from '@opensumi/ide-core-browser';
 import { Popover, PopoverPosition } from '@opensumi/ide-core-browser/lib/components';
 import { EnhanceIcon } from '@opensumi/ide-core-browser/lib/components/ai-native';
 import {
@@ -14,6 +21,7 @@ import {
   ChatMessageRole,
   ChatRenderRegistryToken,
   ChatServiceToken,
+  CommandService,
   Disposable,
   DisposableCollection,
   IAIReporter,
@@ -28,16 +36,18 @@ import {
 import { WorkbenchEditorService } from '@opensumi/ide-editor';
 import { IMainLayoutService } from '@opensumi/ide-main-layout';
 import { IMessageService } from '@opensumi/ide-overlay';
-
 import 'react-chat-elements/dist/main.css';
+import { IWorkspaceService } from '@opensumi/ide-workspace';
+
 import { AI_CHAT_VIEW_ID, IChatAgentService, IChatInternalService, IChatMessageStructure } from '../../common';
+import { LLMContextService, LLMContextServiceToken } from '../../common/llm-context';
 import { CodeBlockData } from '../../common/types';
 import { FileChange, FileListDisplay } from '../components/ChangeList';
-import { ChatContext } from '../components/ChatContext';
 import { CodeBlockWrapperInput } from '../components/ChatEditor';
 import ChatHistory, { IChatHistoryItem } from '../components/ChatHistory';
 import { ChatInput } from '../components/ChatInput';
 import { ChatMarkdown } from '../components/ChatMarkdown';
+import { ChatMentionInput } from '../components/ChatMentionInput';
 import { ChatNotify, ChatReply } from '../components/ChatReply';
 import { SlashCustomRender } from '../components/SlashCustomRender';
 import { MessageData, createMessageByAI, createMessageByUser } from '../components/utils';
@@ -105,6 +115,8 @@ export const AIChatView = () => {
   const chatFeatureRegistry = useInjectable<ChatFeatureRegistry>(ChatFeatureRegistryToken);
   const chatRenderRegistry = useInjectable<ChatRenderRegistry>(ChatRenderRegistryToken);
   const mcpServerRegistry = useInjectable<IMCPServerRegistry>(TokenMCPServerRegistry);
+  const aiNativeConfigService = useInjectable<AINativeConfigService>(AINativeConfigService);
+  const llmContextService = useInjectable<LLMContextService>(LLMContextServiceToken);
 
   const layoutService = useInjectable<IMainLayoutService>(IMainLayoutService);
   const msgHistoryManager = aiChatService.sessionModel.history;
@@ -114,6 +126,9 @@ export const AIChatView = () => {
   const editorService = useInjectable<WorkbenchEditorService>(WorkbenchEditorService);
   const appConfig = useInjectable<AppConfig>(AppConfig);
   const applyService = useInjectable<BaseApplyService>(BaseApplyService);
+  const labelService = useInjectable<LabelService>(LabelService);
+  const workspaceService = useInjectable<IWorkspaceService>(IWorkspaceService);
+  const commandService = useInjectable<CommandService>(CommandService);
   const [shortcutCommands, setShortcutCommands] = React.useState<ChatSlashCommandItemModel[]>([]);
 
   const [changeList, setChangeList] = React.useState<FileChange[]>(getFileChanges(applyService.getSessionCodeBlocks()));
@@ -184,6 +199,9 @@ export const AIChatView = () => {
     if (chatRenderRegistry.chatInputRender) {
       return chatRenderRegistry.chatInputRender;
     }
+    if (aiNativeConfigService.capabilities.supportsMCP) {
+      return ChatMentionInput;
+    }
     return ChatInput;
   }, [chatRenderRegistry.chatInputRender]);
 
@@ -262,7 +280,7 @@ export const AIChatView = () => {
           if (loading) {
             return;
           }
-          await handleSend(message);
+          await handleSend(message.message, message.agentId, message.command);
         } else {
           if (message.agentId) {
             setAgentId(message.agentId);
@@ -349,6 +367,9 @@ export const AIChatView = () => {
                       text={message}
                       agentId={visibleAgentId}
                       command={command}
+                      labelService={labelService}
+                      workspaceService={workspaceService}
+                      commandService={commandService}
                     />
                   ),
                 },
@@ -454,7 +475,15 @@ export const AIChatView = () => {
           text: ChatUserRoleRender ? (
             <ChatUserRoleRender content={message} agentId={visibleAgentId} command={command} />
           ) : (
-            <CodeBlockWrapperInput relationId={relationId} text={message} agentId={visibleAgentId} command={command} />
+            <CodeBlockWrapperInput
+              labelService={labelService}
+              relationId={relationId}
+              text={message}
+              agentId={visibleAgentId}
+              command={command}
+              workspaceService={workspaceService}
+              commandService={commandService}
+            />
           ),
         },
         styles.chat_message_code,
@@ -638,11 +667,44 @@ export const AIChatView = () => {
   );
 
   const handleSend = React.useCallback(
-    async (value: IChatMessageStructure) => {
-      const { message, command, reportExtra } = value;
+    async (message: string, agentId?: string, command?: string) => {
+      const reportExtra = {
+        actionSource: ActionSourceEnum.Chat,
+        actionType: ActionTypeEnum.Send,
+      };
+      agentId = agentId ? agentId : ChatProxyService.AGENT_ID;
+      // 提取并替换 {{@file:xxx}} 中的文件内容
+      let processedContent = message;
+      const filePattern = /\{\{@file:(.*?)\}\}/g;
+      const fileMatches = message.match(filePattern);
+      let isCleanContext = false;
+      if (fileMatches) {
+        for (const match of fileMatches) {
+          const filePath = match.replace(/\{\{@file:(.*?)\}\}/, '$1');
+          if (filePath && !isCleanContext) {
+            isCleanContext = true;
+            llmContextService.cleanFileContext();
+          }
+          const fileUri = new URI(filePath);
+          llmContextService.addFileToContext(fileUri, undefined, true);
+          // 获取文件内容
+          // 替换占位符，后续支持自定义渲染时可替换为自定义渲染标签
+          processedContent = processedContent.replace(match, `\`<attached_file>${fileUri.displayName}\``);
+        }
+      }
 
-      const agentId = value.agentId ? value.agentId : ChatProxyService.AGENT_ID;
-      return handleAgentReply({ message, agentId, command, reportExtra });
+      const folderPattern = /\{\{@folder:(.*?)\}\}/g;
+      const folderMatches = processedContent.match(folderPattern);
+      if (folderMatches) {
+        for (const match of folderMatches) {
+          const folderPath = match.replace(/\{\{@folder:(.*?)\}\}/, '$1');
+          const folderUri = new URI(folderPath);
+          llmContextService.addFolderToContext(folderUri);
+          // 替换占位符，后续支持自定义渲染时可替换为自定义渲染标签
+          processedContent = processedContent.replace(match, `\`<attached_folder>${folderUri.displayName}\``);
+        }
+      }
+      return handleAgentReply({ message: processedContent, agentId, command, reportExtra });
     },
     [handleAgentReply],
   );
@@ -759,7 +821,6 @@ export const AIChatView = () => {
             </div>
           ) : null}
           <div className={styles.chat_input_wrap}>
-            <ChatContext />
             <div className={styles.header_operate}>
               <div className={styles.header_operate_left}>
                 {shortcutCommands.map((command) => (
@@ -790,17 +851,7 @@ export const AIChatView = () => {
               />
             )}
             <ChatInputWrapperRender
-              onSend={(value, agentId, command) =>
-                handleSend({
-                  message: value,
-                  agentId,
-                  command,
-                  reportExtra: {
-                    actionSource: ActionSourceEnum.Chat,
-                    actionType: ActionTypeEnum.Send,
-                  },
-                })
-              }
+              onSend={handleSend}
               disabled={loading}
               enableOptions={true}
               theme={theme}

package/src/browser/components/ChatEditor.tsx

@@ -2,14 +2,24 @@ import capitalize from 'lodash/capitalize';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import Highlight from 'react-highlight';
 
-import { IClipboardService, getIcon, useInjectable, uuid } from '@opensumi/ide-core-browser';
-import { Popover } from '@opensumi/ide-core-browser/lib/components';
+import {
+  EDITOR_COMMANDS,
+  FILE_COMMANDS,
+  IClipboardService,
+  LabelService,
+  getIcon,
+  useInjectable,
+  uuid,
+} from '@opensumi/ide-core-browser';
+import { Icon, Popover } from '@opensumi/ide-core-browser/lib/components';
 import { EnhanceIcon } from '@opensumi/ide-core-browser/lib/components/ai-native';
 import {
   ActionSourceEnum,
   ActionTypeEnum,
   ChatFeatureRegistryToken,
+  CommandService,
   IAIReporter,
+  URI,
   localize,
   runWhenIdle,
 } from '@opensumi/ide-core-common';
@@ -22,6 +32,9 @@ import { ChatFeatureRegistry } from '../chat/chat.feature.registry';
 
 import styles from './components.module.less';
 import { highLightLanguageSupport } from './highLight';
+import { MentionType } from './mention-input/types';
+
+import type { IWorkspaceService } from '@opensumi/ide-workspace';
 
 import './highlightTheme.less';
 
@@ -139,16 +152,56 @@ const CodeBlock = ({
   renderText,
   agentId = '',
   command = '',
+  labelService,
+  commandService,
+  workspaceService,
 }: {
   content?: string;
   relationId: string;
   renderText?: (t: string) => React.ReactNode;
   agentId?: string;
   command?: string;
+  labelService?: LabelService;
+  commandService?: CommandService;
+  workspaceService?: IWorkspaceService;
 }) => {
   const rgInlineCode = /`([^`]+)`/g;
   const rgBlockCode = /```([^]+?)```/g;
   const rgBlockCodeBefore = /```([^]+)?/g;
+  const rgAttachedFile = /<attached_file>(.*)/g;
+  const rgAttachedFolder = /<attached_folder>(.*)/g;
+  const handleAttachmentClick = useCallback(
+    async (text: string, type: MentionType) => {
+      const roots = await workspaceService?.roots;
+      let uri;
+      if (!roots) {
+        return;
+      }
+      for (const root of roots) {
+        uri = new URI(root.uri).resolve(text);
+        try {
+          await commandService?.executeCommand(FILE_COMMANDS.LOCATION.id, uri);
+          if (type === MentionType.FILE) {
+            await commandService?.executeCommand(EDITOR_COMMANDS.OPEN_RESOURCE.id, uri);
+          }
+          break;
+        } catch {
+          continue;
+        }
+      }
+    },
+    [commandService, workspaceService],
+  );
+  const renderAttachment = (text: string, isFolder = false, key: string) => (
+    <span
+      className={styles.attachment}
+      key={key}
+      onClick={() => handleAttachmentClick(text, isFolder ? MentionType.FOLDER : MentionType.FILE)}
+    >
+      <Icon iconClass={isFolder ? getIcon('folder') : labelService?.getIcon(new URI(text || 'file'))} />
+      <span className={styles.attachment_text}>{text}</span>
+    </span>
+  );
 
   const renderCodeEditor = (content: string) => {
     const language = content.split('\n')[0].trim().toLowerCase();
@@ -193,11 +246,47 @@ const CodeBlock = ({
               renderedContent.push(text);
             }
           } else {
-            renderedContent.push(
-              <span className={styles.code_inline} key={index}>
-                {text}
-              </span>,
-            );
+            // 处理文件和文件夹标记
+            const processedText = text;
+            const fileMatches = [...text.matchAll(rgAttachedFile)];
+            const folderMatches = [...text.matchAll(rgAttachedFolder)];
+            if (fileMatches.length || folderMatches.length) {
+              let lastIndex = 0;
+              const fragments: (string | React.ReactNode)[] = [];
+
+              // 处理文件标记
+              fileMatches.forEach((match, matchIndex) => {
+                if (match.index !== undefined) {
+                  const spanText = processedText.slice(lastIndex, match.index);
+                  if (spanText) {
+                    fragments.push(<span key={`${index}-${matchIndex}`}>{spanText}</span>);
+                  }
+                  fragments.push(renderAttachment(match[1], false, `${index}-tag-${matchIndex}`));
+                  lastIndex = match.index + match[0].length;
+                }
+              });
+
+              // 处理文件夹标记
+              folderMatches.forEach((match, matchIndex) => {
+                if (match.index !== undefined) {
+                  const spanText = processedText.slice(lastIndex, match.index);
+                  if (spanText) {
+                    fragments.push(<span key={`${index}-${matchIndex}`}>{spanText}</span>);
+                  }
+                  fragments.push(renderAttachment(match[1], true, `${index}-tag-${matchIndex}`));
+                  lastIndex = match.index + match[0].length;
+                }
+              });
+
+              fragments.push(processedText.slice(lastIndex));
+              renderedContent.push(...fragments);
+            } else {
+              renderedContent.push(
+                <span className={styles.code_inline} key={index}>
+                  {text}
+                </span>,
+              );
+            }
           }
         });
       } else {
@@ -216,15 +305,29 @@ export const CodeBlockWrapper = ({
   renderText,
   relationId,
   agentId,
+  labelService,
+  commandService,
+  workspaceService,
 }: {
   text?: string;
   relationId: string;
   renderText?: (t: string) => React.ReactNode;
   agentId?: string;
+  labelService?: LabelService;
+  commandService?: CommandService;
+  workspaceService?: IWorkspaceService;
 }) => (
   <div className={styles.ai_chat_code_wrapper}>
     <div className={styles.render_text}>
-      <CodeBlock content={text} renderText={renderText} relationId={relationId} agentId={agentId} />
+      <CodeBlock
+        content={text}
+        labelService={labelService}
+        renderText={renderText}
+        relationId={relationId}
+        agentId={agentId}
+        commandService={commandService}
+        workspaceService={workspaceService}
+      />
     </div>
   </div>
 );
@@ -234,11 +337,17 @@ export const CodeBlockWrapperInput = ({
   relationId,
   agentId,
   command,
+  labelService,
+  workspaceService,
+  commandService,
 }: {
   text: string;
   relationId: string;
   agentId?: string;
   command?: string;
+  labelService?: LabelService;
+  workspaceService?: IWorkspaceService;
+  commandService?: CommandService;
 }) => {
   const chatFeatureRegistry = useInjectable<ChatFeatureRegistry>(ChatFeatureRegistryToken);
   const [tag, setTag] = useState<string>('');
@@ -271,7 +380,15 @@ export const CodeBlockWrapperInput = ({
           </div>
         )}
         {command && <div className={styles.tag}>/ {command}</div>}
-        <CodeBlock content={txt} relationId={relationId} agentId={agentId} command={command} />
+        <CodeBlock
+          content={txt}
+          labelService={labelService}
+          relationId={relationId}
+          agentId={agentId}
+          command={command}
+          workspaceService={workspaceService}
+          commandService={commandService}
+        />
       </div>
     </div>
   );

package/src/browser/components/ChatMentionInput.tsx

@@ -0,0 +1,268 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { LabelService, RecentFilesManager, useInjectable } from '@opensumi/ide-core-browser';
+import { getIcon } from '@opensumi/ide-core-browser/lib/components';
+import { URI, localize } from '@opensumi/ide-core-common';
+import { CommandService } from '@opensumi/ide-core-common/lib/command';
+import { WorkbenchEditorService } from '@opensumi/ide-editor';
+import { FileSearchServicePath, IFileSearchService } from '@opensumi/ide-file-search';
+import { IWorkspaceService } from '@opensumi/ide-workspace';
+
+import { IChatInternalService } from '../../common';
+import { ChatInternalService } from '../chat/chat.internal.service';
+import { OPEN_MCP_CONFIG_COMMAND } from '../mcp/config/mcp-config.commands';
+
+import styles from './components.module.less';
+import { MentionInput } from './mention-input/mention-input';
+import { FooterButtonPosition, FooterConfig, MentionItem, MentionType } from './mention-input/types';
+
+export interface IChatMentionInputProps {
+  onSend: (value: string, agentId?: string, command?: string, option?: { model: string; [key: string]: any }) => void;
+  onValueChange?: (value: string) => void;
+  onExpand?: (value: boolean) => void;
+  placeholder?: string;
+  enableOptions?: boolean;
+  disabled?: boolean;
+  sendBtnClassName?: string;
+  defaultHeight?: number;
+  value?: string;
+  autoFocus?: boolean;
+  theme?: string | null;
+  setTheme: (theme: string | null) => void;
+  agentId: string;
+  setAgentId: (id: string) => void;
+  defaultAgentId?: string;
+  command: string;
+  setCommand: (command: string) => void;
+}
+
+// 指令命令激活组件
+export const ChatMentionInput = React.forwardRef((props: IChatMentionInputProps) => {
+  const { onSend, disabled = false } = props;
+
+  const [value, setValue] = useState(props.value || '');
+  const aiChatService = useInjectable<ChatInternalService>(IChatInternalService);
+  const commandService = useInjectable<CommandService>(CommandService);
+  const searchService = useInjectable<IFileSearchService>(FileSearchServicePath);
+  const recentFilesManager = useInjectable<RecentFilesManager>(RecentFilesManager);
+  const workspaceService = useInjectable<IWorkspaceService>(IWorkspaceService);
+  const editorService = useInjectable<WorkbenchEditorService>(WorkbenchEditorService);
+  const labelService = useInjectable<LabelService>(LabelService);
+
+  const handleShowMCPConfig = React.useCallback(() => {
+    commandService.executeCommand(OPEN_MCP_CONFIG_COMMAND.id);
+  }, [commandService]);
+
+  useEffect(() => {
+    if (props.value !== value) {
+      setValue(props.value || '');
+    }
+  }, [props.value]);
+
+  // 默认菜单项
+  const defaultMenuItems: MentionItem[] = [
+    // {
+    //   id: 'code',
+    //   type: 'code',
+    //   text: 'Code',
+    //   icon: getIcon('codebraces'),
+    //   getHighestLevelItems: () => [],
+    //   getItems: async (searchText: string) => {
+    //     const currentEditor = editorService.currentEditor;
+    //     if (!currentEditor) {
+    //       return [];
+    //     }
+    //     const currentDocumentModel = currentEditor.currentDocumentModel;
+    //     if (!currentDocumentModel) {
+    //       return [];
+    //     }
+    //     const symbols = await commandService.executeCommand('_executeFormatDocumentProvider', currentDocumentModel.uri.codeUri);
+    //     return [];
+    //   },
+    // },
+    {
+      id: MentionType.FILE,
+      type: MentionType.FILE,
+      text: 'File',
+      icon: getIcon('file'),
+      getHighestLevelItems: () => {
+        const currentEditor = editorService.currentEditor;
+        const currentUri = currentEditor?.currentUri;
+        if (!currentUri) {
+          return [];
+        }
+        return [
+          {
+            id: currentUri.codeUri.fsPath,
+            type: MentionType.FILE,
+            text: currentUri.displayName,
+            value: currentUri.codeUri.fsPath,
+            description: `(${localize('aiNative.chat.defaultContextFile')})`,
+            contextId: currentUri.codeUri.fsPath,
+            icon: labelService.getIcon(currentUri),
+          },
+        ];
+      },
+      getItems: async (searchText: string) => {
+        if (!searchText) {
+          const recentFile = await recentFilesManager.getMostRecentlyOpenedFiles();
+          return Promise.all(
+            recentFile.map(async (file) => {
+              const uri = new URI(file);
+              return {
+                id: uri.codeUri.fsPath,
+                type: MentionType.FILE,
+                text: uri.displayName,
+                value: uri.codeUri.fsPath,
+                description: (await workspaceService.asRelativePath(uri.parent))?.path || '',
+                contextId: uri.codeUri.fsPath,
+                icon: labelService.getIcon(uri),
+              };
+            }),
+          );
+        } else {
+          const rootUris = (await workspaceService.roots).map((root) => new URI(root.uri).codeUri.fsPath.toString());
+          const results = await searchService.find(searchText, {
+            rootUris,
+            useGitIgnore: true,
+            noIgnoreParent: true,
+            fuzzyMatch: true,
+            limit: 10,
+          });
+          return Promise.all(
+            results.map(async (file) => {
+              const uri = new URI(file);
+              return {
+                id: uri.codeUri.fsPath,
+                type: MentionType.FILE,
+                text: uri.displayName,
+                value: uri.codeUri.fsPath,
+                description: (await workspaceService.asRelativePath(uri.parent))?.path || '',
+                contextId: uri.codeUri.fsPath,
+                icon: labelService.getIcon(uri),
+              };
+            }),
+          );
+        }
+      },
+    },
+    {
+      id: MentionType.FOLDER,
+      type: MentionType.FOLDER,
+      text: 'Folder',
+      icon: getIcon('folder'),
+      getHighestLevelItems: () => {
+        const currentEditor = editorService.currentEditor;
+        const currentFolderUri = currentEditor?.currentUri?.parent;
+        if (!currentFolderUri) {
+          return [];
+        }
+        return [
+          {
+            id: currentFolderUri.codeUri.fsPath,
+            type: MentionType.FOLDER,
+            text: currentFolderUri.displayName,
+            value: currentFolderUri.codeUri.fsPath,
+            description: `(${localize('aiNative.chat.defaultContextFolder')})`,
+            contextId: currentFolderUri.codeUri.fsPath,
+            icon: getIcon('folder'),
+          },
+        ];
+      },
+      getItems: async (searchText: string) => {
+        if (!searchText) {
+          const recentFile = await recentFilesManager.getMostRecentlyOpenedFiles();
+          const recentFolder = Array.from(new Set(recentFile.map((file) => new URI(file).parent.codeUri.fsPath)));
+          return Promise.all(
+            recentFolder.map(async (folder) => {
+              const uri = new URI(folder);
+              const relativePath = await workspaceService.asRelativePath(uri);
+              return {
+                id: uri.codeUri.fsPath,
+                type: MentionType.FOLDER,
+                text: uri.displayName,
+                value: uri.codeUri.fsPath,
+                description: relativePath?.root ? relativePath.path : '',
+                contextId: uri.codeUri.fsPath,
+                icon: getIcon('folder'),
+              };
+            }),
+          );
+        } else {
+          const rootUris = (await workspaceService.roots).map((root) => new URI(root.uri).codeUri.fsPath.toString());
+          const results = await searchService.find(searchText, {
+            rootUris,
+            useGitIgnore: true,
+            noIgnoreParent: true,
+            fuzzyMatch: true,
+            limit: 10,
+            onlyFolders: true,
+          });
+          return Promise.all(
+            results.map(async (folder) => {
+              const uri = new URI(folder);
+              return {
+                id: uri.codeUri.fsPath,
+                type: MentionType.FOLDER,
+                text: uri.displayName,
+                value: uri.codeUri.fsPath,
+                description: (await workspaceService.asRelativePath(uri.parent))?.path || '',
+                contextId: uri.codeUri.fsPath,
+                icon: getIcon('folder'),
+              };
+            }),
+          );
+        }
+      },
+    },
+  ];
+
+  const defaultMentionInputFooterOptions: FooterConfig = useMemo(
+    () => ({
+      modelOptions: [
+        { label: 'QWQ 32B', value: 'qwq-32b' },
+        { label: 'DeepSeek R1', value: 'deepseek-r1' },
+      ],
+      defaultModel: 'deepseek-r1',
+      buttons: [
+        {
+          id: 'mcp-server',
+          icon: 'mcp',
+          title: 'MCP Server',
+          onClick: handleShowMCPConfig,
+          position: FooterButtonPosition.LEFT,
+        },
+      ],
+      showModelSelector: true,
+    }),
+    [handleShowMCPConfig],
+  );
+
+  const handleStop = useCallback(() => {
+    aiChatService.cancelRequest();
+  }, []);
+
+  const handleSend = useCallback(
+    async (content: string, option?: { model: string; [key: string]: any }) => {
+      if (disabled) {
+        return;
+      }
+      onSend(content, undefined, undefined, option);
+    },
+    [onSend, editorService, disabled],
+  );
+
+  return (
+    <div className={styles.chat_input_container}>
+      <MentionInput
+        mentionItems={defaultMenuItems}
+        onSend={handleSend}
+        onStop={handleStop}
+        loading={disabled}
+        labelService={labelService}
+        placeholder={localize('aiNative.chat.input.placeholder.default')}
+        footerConfig={defaultMentionInputFooterOptions}
+      />
+    </div>
+  );
+});

package/src/browser/components/{ChatContext → chat-context}/index.tsx

@@ -15,7 +15,7 @@ import { WorkbenchEditorService } from '@opensumi/ide-editor/lib/browser/types';
 
 import { FileContext, LLMContextService, LLMContextServiceToken } from '../../../common/llm-context';
 
-import { ContextSelector } from './ContextSelector';
+import { ContextSelector } from './context-selector';
 import styles from './style.module.less';
 
 const getCollapsedHeight = () => ({ height: 0, opacity: 0 });