@opensumi/ide-ai-native 3.8.1-next-1741232004.0 → 3.8.1-next-1741250387.0

package/src/browser/chat/chat-model.ts

@@ -1,4 +1,4 @@
-import { Injectable } from '@opensumi/di';
+import { Autowired, INJECTOR_TOKEN, Injectable, Injector } from '@opensumi/di';
 import {
   Disposable,
   Emitter,
@@ -8,12 +8,13 @@ import {
   IChatProgress,
   IChatToolContent,
   IChatTreeData,
+  ILogger,
+  memoize,
   uuid,
 } from '@opensumi/ide-core-common';
 import { MarkdownString, isMarkdownString } from '@opensumi/monaco-editor-core/esm/vs/base/common/htmlContent';
 
 import {
-  CoreMessage,
   IChatFollowup,
   IChatModel,
   IChatRequestMessage,
@@ -26,8 +27,6 @@ import {
 import { MsgHistoryManager } from '../model/msg-history-manager';
 import { IChatSlashCommandItem } from '../types';
 
-import type { TextPart, ToolCallPart } from 'ai';
-
 export type IChatProgressResponseContent =
   | IChatMarkdownContent
   | IChatAsyncContent
@@ -89,7 +88,6 @@ export class ChatResponseModel extends Disposable {
       isComplete: boolean;
       isCanceled: boolean;
       responseContents: IChatProgressResponseContent[];
-      responseParts: IChatProgressResponseContent[];
       responseText: string;
       errorDetails: IChatResponseErrorDetails | undefined;
       followups: IChatFollowup[] | undefined;
@@ -99,7 +97,6 @@ export class ChatResponseModel extends Disposable {
     this.#requestId = requestId;
     if (initParams) {
       this.#responseContents = initParams.responseContents;
-      this.#responseParts = initParams.responseParts || [];
       this.#responseText = initParams.responseText;
       this.#isComplete = initParams.isComplete;
       this.#isCanceled = initParams.isCanceled;
@@ -244,7 +241,6 @@ export class ChatResponseModel extends Disposable {
       isCanceled: this.isCanceled,
       responseContents: this.responseContents,
       responseText: this.responseText,
-      responseParts: this.responseParts,
       errorDetails: this.errorDetails,
       followups: this.followups,
     };
@@ -303,64 +299,10 @@ export class ChatModel extends Disposable implements IChatModel {
 
   readonly history: MsgHistoryManager;
 
-  get messageHistory() {
-    const history: CoreMessage[] = [];
-    for (const request of this.requests) {
-      if (!request.response.isComplete) {
-        continue;
-      }
-      history.push({ role: 'user', content: request.message.prompt });
-      for (const part of request.response.responseParts) {
-        if (part.kind === 'treeData' || part.kind === 'component') {
-          continue;
-        }
-        if (part.kind !== 'toolCall') {
-          history.push({
-            role: 'assistant',
-            content: [
-              {
-                type: 'text',
-                text: part.kind === 'markdownContent' ? part.content.value : part.content,
-              },
-            ],
-          });
-        } else {
-          // 直接开始toolCall场景
-          if (history[history.length - 1].role !== 'assistant') {
-            history.push({
-              role: 'assistant',
-              content: [],
-            });
-          }
-          (history[history.length - 1].content as Array<TextPart | ToolCallPart>).push({
-            type: 'tool-call',
-            toolCallId: part.content.id,
-            toolName: part.content.function.name,
-            args: JSON.parse(part.content.function.arguments || '{}'),
-          });
-          history.push({
-            role: 'tool',
-            content: [
-              {
-                type: 'tool-result',
-                toolCallId: part.content.id,
-                toolName: part.content.function.name,
-                result: JSON.parse(part.content.result || '{}'),
-              },
-            ],
-          });
-        }
-      }
-    }
-    return history;
-  }
-
   addRequest(message: IChatRequestMessage): ChatRequestModel {
-    const msg = message;
-
     const requestId = `${this.sessionId}_request_${ChatModel.requestIdPool++}`;
-    const response = new ChatResponseModel(requestId, this, msg.agentId);
-    const request = new ChatRequestModel(requestId, this, msg, response);
+    const response = new ChatResponseModel(requestId, this, message.agentId);
+    const request = new ChatRequestModel(requestId, this, message, response);
 
     this.#requests.set(requestId, request);
     return request;

package/src/browser/chat/chat-proxy.service.ts

@@ -12,15 +12,15 @@ import {
   IAIReporter,
   IApplicationService,
   IChatProgress,
-  getOperatingSystemName,
+  uuid,
 } from '@opensumi/ide-core-common';
 import { AINativeSettingSectionsId } from '@opensumi/ide-core-common/lib/settings/ai-native';
+import { IChatMessage } from '@opensumi/ide-core-common/lib/types/ai-native';
 import { MonacoCommandRegistry } from '@opensumi/ide-editor/lib/browser/monaco-contrib/command/command.service';
 import { IMessageService } from '@opensumi/ide-overlay';
 import { listenReadable } from '@opensumi/ide-utils/lib/stream';
 
 import {
-  CoreMessage,
   IChatAgentCommand,
   IChatAgentRequest,
   IChatAgentResult,
@@ -92,14 +92,12 @@ export class ChatProxyService extends Disposable {
               AINativeSettingSectionsId.SystemPrompt,
               'You are a powerful AI coding assistant working in OpenSumi, a top IDE framework. You collaborate with a USER to solve coding tasks, which may involve creating, modifying, or debugging code, or answering questions. When the USER sends a message, relevant context (e.g., open files, cursor position, edit history, linter errors) may be attached. Use this information as needed.\n\n<tool_calling>\nYou have access to tools to assist with tasks. Follow these rules:\n1. Always adhere to the tool call schema and provide all required parameters.\n2. Only use tools explicitly provided; ignore unavailable ones.\n3. Avoid mentioning tool names to the USER (e.g., say "I will edit your file" instead of "I need to use the edit_file tool").\n4. Only call tools when necessary; respond directly if the task is general or you already know the answer.\n5. Explain to the USER why you’re using a tool before calling it.\n</tool_calling>\n\n<making_code_changes>\nWhen modifying code:\n1. Use code edit tools instead of outputting code unless explicitly requested.\n2. Limit tool calls to one per turn.\n3. Ensure generated code is immediately executable by including necessary imports, dependencies, and endpoints.\n4. For new projects, create a dependency management file (e.g., requirements.txt) and a README.\n5. For web apps, design a modern, user-friendly UI.\n6. Avoid generating non-textual or excessively long code.\n7. Read file contents before editing, unless appending a small change or creating a new file.\n8. Fix introduced linter errors if possible, but stop after 3 attempts and ask the USER for guidance.\n9. Reapply reasonable code edits if they weren’t followed initially.\n</making_code_changes>\n\nUse the appropriate tools to fulfill the USER’s request, ensuring all required parameters are provided or inferred from context.',
             ) +
-            `\n\n<user_info>\nThe user's OS is ${getOperatingSystemName()}. The absolute path of the user's workspace is ${
-              this.appConfig.workspaceDir
-            }.\n</user_info>`,
+            `\n\n<user_info>\nThe user's OS version is ${this.applicationService.frontendOS}. The absolute path of the user's workspace is ${this.appConfig.workspaceDir}.\n</user_info>`,
         },
         invoke: async (
           request: IChatAgentRequest,
           progress: (part: IChatProgress) => void,
-          history: CoreMessage[],
+          _history: IChatMessage[],
           token: CancellationToken,
         ): Promise<IChatAgentResult> => {
           this.chatDeferred = new Deferred<void>();
@@ -117,33 +115,27 @@ export class ChatProxyService extends Disposable {
           }
 
           const model = this.preferenceService.get<string>(AINativeSettingSectionsId.LLMModelSelection);
-          const modelId = this.preferenceService.get<string>(AINativeSettingSectionsId.ModelID);
           let apiKey: string = '';
           let baseURL: string = '';
           if (model === 'deepseek') {
             apiKey = this.preferenceService.get<string>(AINativeSettingSectionsId.DeepseekApiKey, '');
           } else if (model === 'openai') {
             apiKey = this.preferenceService.get<string>(AINativeSettingSectionsId.OpenaiApiKey, '');
-          } else if (model === 'anthropic') {
-            apiKey = this.preferenceService.get<string>(AINativeSettingSectionsId.AnthropicApiKey, '');
-          } else {
-            // openai-compatible 为兜底
-            apiKey = this.preferenceService.get<string>(AINativeSettingSectionsId.OpenaiApiKey, '');
             baseURL = this.preferenceService.get<string>(AINativeSettingSectionsId.OpenaiBaseURL, '');
+          } else {
+            apiKey = this.preferenceService.get<string>(AINativeSettingSectionsId.AnthropicApiKey, '');
           }
-          const agent = this.chatAgentService.getAgent(ChatProxyService.AGENT_ID);
+          const MAX_INPUT_TOKENS = 30720;
           const stream = await this.aiBackService.requestStream(
             prompt,
             {
               requestId: request.requestId,
               sessionId: request.sessionId,
-              history,
+              history: this.aiChatService.getHistoryMessages(MAX_INPUT_TOKENS),
               clientId: this.applicationService.clientId,
               apiKey,
               model,
-              modelId,
               baseURL,
-              system: agent?.metadata.systemPrompt,
             },
             token,
           );

package/src/browser/chat/chat.api.service.ts

@@ -1,6 +1,6 @@
 import { Autowired, Injectable } from '@opensumi/di';
 import { Disposable, Emitter, Event } from '@opensumi/ide-core-common';
-import { IChatComponent, IChatContent } from '@opensumi/ide-core-common/lib/types/ai-native';
+import { IChatComponent, IChatContent, IHistoryChatMessage } from '@opensumi/ide-core-common/lib/types/ai-native';
 import { IMainLayoutService } from '@opensumi/ide-main-layout';
 
 import { AI_CHAT_VIEW_ID, IChatInternalService, IChatMessageListItem, IChatMessageStructure } from '../../common';
@@ -65,6 +65,10 @@ export class ChatService extends Disposable {
     this._onChatMessageListLaunch.fire(list);
   }
 
+  public getHistoryMessages(maxInputTokens?: number): IHistoryChatMessage[] {
+    return this.chatInternalService.sessionModel?.history.getMessages(maxInputTokens) || [];
+  }
+
   public scrollToBottom(): void {
     this._onScrollToBottom.fire();
   }

package/src/browser/chat/chat.internal.service.ts

@@ -30,9 +30,6 @@ export class ChatInternalService extends Disposable {
   private readonly _onCancelRequest = new Emitter<void>();
   public readonly onCancelRequest: Event<void> = this._onCancelRequest.event;
 
-  private readonly _onWillClearSession = new Emitter<string>();
-  public readonly onWillClearSession: Event<string> = this._onWillClearSession.event;
-
   private readonly _onRegenerateRequest = new Emitter<void>();
   public readonly onRegenerateRequest: Event<void> = this._onRegenerateRequest.event;
 
@@ -86,7 +83,6 @@ export class ChatInternalService extends Disposable {
 
   clearSessionModel(sessionId?: string) {
     sessionId = sessionId || this.#sessionModel.sessionId;
-    this._onWillClearSession.fire(sessionId);
     this.chatManagerService.clearSession(sessionId);
     if (sessionId === this.#sessionModel.sessionId) {
       this.#sessionModel = this.chatManagerService.startSession();

package/src/browser/chat/chat.module.less

@@ -279,6 +279,7 @@
   }
 }
 
+
 .chat_tips_container {
   display: flex;
   align-items: center;
@@ -289,6 +290,6 @@
 }
 
 .chat_history {
-  width: calc(100% - 40px);
+  width: calc(100% - 60px);
   color: var(--design-text-foreground);
 }

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

@@ -1,7 +1,13 @@
 import * as React from 'react';
 import { MessageList } from 'react-chat-elements';
 
-import { getIcon, useInjectable, useUpdateOnEvent } from '@opensumi/ide-core-browser';
+import {
+  AINativeConfigService,
+  getIcon,
+  useEventEffect,
+  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 {
@@ -19,15 +25,24 @@ import {
   IAIReporter,
   IChatComponent,
   IChatContent,
+  MessageType,
   formatLocalize,
   localize,
   uuid,
 } from '@opensumi/ide-core-common';
 import { IMainLayoutService } from '@opensumi/ide-main-layout';
-import { IMessageService } from '@opensumi/ide-overlay';
+import { IDialogService } from '@opensumi/ide-overlay';
 
 import 'react-chat-elements/dist/main.css';
-import { AI_CHAT_VIEW_ID, IChatAgentService, IChatInternalService, IChatMessageStructure } from '../../common';
+import {
+  AI_CHAT_VIEW_ID,
+  IChatAgentService,
+  IChatInternalService,
+  IChatMessageStructure,
+  TokenMCPServerProxyService,
+} from '../../common';
+import { LLMContextService, LLMContextServiceToken } from '../../common/llm-context';
+import { ChatAgentPromptProvider } from '../../common/prompts/context-prompt-provider';
 import { ChatContext } from '../components/ChatContext';
 import { CodeBlockWrapperInput } from '../components/ChatEditor';
 import ChatHistory, { IChatHistoryItem } from '../components/ChatHistory';
@@ -37,7 +52,9 @@ import { ChatNotify, ChatReply } from '../components/ChatReply';
 import { SlashCustomRender } from '../components/SlashCustomRender';
 import { MessageData, createMessageByAI, createMessageByUser } from '../components/utils';
 import { WelcomeMessage } from '../components/WelcomeMsg';
-import { ChatViewHeaderRender, IMCPServerRegistry, TSlashCommandCustomRender, TokenMCPServerRegistry } from '../types';
+import { MCPServerProxyService } from '../mcp/mcp-server-proxy.service';
+import { MCPToolsDialog } from '../mcp/mcp-tools-dialog.view';
+import { ChatViewHeaderRender, TSlashCommandCustomRender } from '../types';
 
 import { ChatRequestModel, ChatSlashCommandItemModel } from './chat-model';
 import { ChatProxyService } from './chat-proxy.service';
@@ -46,7 +63,6 @@ import { ChatFeatureRegistry } from './chat.feature.registry';
 import { ChatInternalService } from './chat.internal.service';
 import styles from './chat.module.less';
 import { ChatRenderRegistry } from './chat.render.registry';
-
 const SCROLL_CLASSNAME = 'chat_scroll';
 
 interface TDispatchAction {
@@ -63,12 +79,12 @@ export const AIChatView = () => {
   const chatAgentService = useInjectable<IChatAgentService>(IChatAgentService);
   const chatFeatureRegistry = useInjectable<ChatFeatureRegistry>(ChatFeatureRegistryToken);
   const chatRenderRegistry = useInjectable<ChatRenderRegistry>(ChatRenderRegistryToken);
-  const mcpServerRegistry = useInjectable<IMCPServerRegistry>(TokenMCPServerRegistry);
+  const contextService = useInjectable<LLMContextService>(LLMContextServiceToken);
+  const promptProvider = useInjectable<ChatAgentPromptProvider>(ChatAgentPromptProvider);
 
   const layoutService = useInjectable<IMainLayoutService>(IMainLayoutService);
   const msgHistoryManager = aiChatService.sessionModel.history;
   const containerRef = React.useRef<HTMLDivElement>(null);
-  const autoScroll = React.useRef<boolean>(true);
   const chatInputRef = React.useRef<{ setInputValue: (v: string) => void } | null>(null);
 
   const [shortcutCommands, setShortcutCommands] = React.useState<ChatSlashCommandItemModel[]>([]);
@@ -140,29 +156,8 @@ export const AIChatView = () => {
     [],
   );
 
-  const onDidWheel = React.useCallback(
-    (e: WheelEvent) => {
-      // 向上滚动
-      if (e.deltaY < 0) {
-        autoScroll.current = false;
-      } else {
-        autoScroll.current = true;
-      }
-    },
-    [autoScroll],
-  );
-
-  React.useEffect(() => {
-    if (containerRef.current) {
-      containerRef.current.addEventListener('wheel', onDidWheel);
-      return () => {
-        containerRef.current?.removeEventListener('wheel', onDidWheel);
-      };
-    }
-  }, [autoScroll]);
-
   const scrollToBottom = React.useCallback(() => {
-    if (containerRef && containerRef.current && autoScroll.current) {
+    if (containerRef && containerRef.current) {
       const lastElement = containerRef.current.lastElementChild;
       if (lastElement) {
         lastElement.scrollIntoView({ behavior: 'smooth', block: 'end' });
@@ -172,7 +167,7 @@ export const AIChatView = () => {
         containerRef.current.classList.add(SCROLL_CLASSNAME);
       }
     }
-  }, [containerRef, autoScroll]);
+  }, [containerRef]);
 
   const handleDispatchMessage = React.useCallback(
     (dispatch: TDispatchAction) => {
@@ -194,7 +189,7 @@ export const AIChatView = () => {
     disposer.addDispose(
       chatApiService.onScrollToBottom(() => {
         requestAnimationFrame(() => {
-          // scrollToBottom();
+          scrollToBottom();
         });
       }),
     );
@@ -221,9 +216,8 @@ export const AIChatView = () => {
     disposer.addDispose(
       chatApiService.onChatReplyMessageLaunch((data) => {
         if (data.kind === 'content') {
-          const relationId = aiReporter.start(AIServiceType.CustomReply, {
+          const relationId = aiReporter.start(AIServiceType.CustomReplay, {
             message: data.content,
-            sessionId: aiChatService.sessionModel.sessionId,
           });
           msgHistoryManager.addAssistantMessage({
             content: data.content,
@@ -231,9 +225,8 @@ export const AIChatView = () => {
           });
           renderSimpleMarkdownReply({ chunk: data.content, relationId });
         } else {
-          const relationId = aiReporter.start(AIServiceType.CustomReply, {
+          const relationId = aiReporter.start(AIServiceType.CustomReplay, {
             message: 'component#' + data.component,
-            sessionId: aiChatService.sessionModel.sessionId,
           });
           msgHistoryManager.addAssistantMessage({
             componentId: data.component,
@@ -255,7 +248,6 @@ export const AIChatView = () => {
 
           const relationId = aiReporter.start(AIServiceType.Chat, {
             message: '',
-            sessionId: aiChatService.sessionModel.sessionId,
           });
 
           if (role === 'assistant') {
@@ -514,7 +506,10 @@ export const AIChatView = () => {
       const { message, agentId, command, reportExtra } = value;
       const { actionType, actionSource } = reportExtra || {};
 
-      const request = aiChatService.createRequest(message, agentId!, command);
+      const context = contextService.serialize();
+      const fullMessage = await promptProvider.provideContextPrompt(context, message);
+
+      const request = aiChatService.createRequest(fullMessage, agentId!, command);
       if (!request) {
         return;
       }
@@ -524,19 +519,13 @@ export const AIChatView = () => {
 
       const startTime = Date.now();
       const reportType = ChatProxyService.AGENT_ID === agentId ? AIServiceType.Chat : AIServiceType.Agent;
-
-      const relationId = aiReporter.start(
-        command || reportType,
-        {
-          agentId,
-          userMessage: message,
-          actionType,
-          actionSource,
-          sessionId: aiChatService.sessionModel.sessionId,
-        },
-        // 由于涉及 tool 调用，超时时间设置长一点
-        600 * 1000,
-      );
+      const relationId = aiReporter.start(command || reportType, {
+        message,
+        agentId,
+        userMessage: message,
+        actionType,
+        actionSource,
+      });
 
       msgHistoryManager.addUserMessage({
         content: message,
@@ -561,12 +550,6 @@ export const AIChatView = () => {
         replyStartTime: startTime,
       });
 
-      // 创建消息时，设置当前活跃的消息信息，便于toolCall打点
-      mcpServerRegistry.activeMessageInfo = {
-        messageId: msgId,
-        sessionId: aiChatService.sessionModel.sessionId,
-      };
-
       await renderReply({
         startTime,
         relationId,
@@ -752,18 +735,15 @@ export function DefaultChatViewHeader({
   handleClear: () => any;
   handleCloseChatView: () => any;
 }) {
+  const dialogService = useInjectable<IDialogService>(IDialogService);
+  const aiNativeConfigService = useInjectable<AINativeConfigService>(AINativeConfigService);
+  const mcpServerProxyService = useInjectable<MCPServerProxyService>(TokenMCPServerProxyService);
   const aiChatService = useInjectable<ChatInternalService>(IChatInternalService);
-  const messageService = useInjectable<IMessageService>(IMessageService);
-
   const [historyList, setHistoryList] = React.useState<IChatHistoryItem[]>([]);
   const [currentTitle, setCurrentTitle] = React.useState<string>('');
   const handleNewChat = React.useCallback(() => {
     if (aiChatService.sessionModel.history.getMessages().length > 0) {
-      try {
-        aiChatService.createSessionModel();
-      } catch (error) {
-        messageService.error(error.message);
-      }
+      aiChatService.createSessionModel();
     }
   }, [aiChatService]);
   const handleHistoryItemSelect = React.useCallback(
@@ -779,6 +759,15 @@ export function DefaultChatViewHeader({
     [aiChatService],
   );
 
+  const handleShowMCPTools = React.useCallback(async () => {
+    const tools = await mcpServerProxyService.getAllMCPTools();
+    dialogService.open({
+      message: <MCPToolsDialog tools={tools} />,
+      type: MessageType.Empty,
+      buttons: ['关闭'],
+    });
+  }, [mcpServerProxyService, dialogService]);
+
   React.useEffect(() => {
     const getHistoryList = () => {
       const currentMessages = aiChatService.sessionModel.history.getMessages();
@@ -858,6 +847,23 @@ export function DefaultChatViewHeader({
           ariaLabel={localize('aiNative.operate.clear.title')}
         />
       </Popover>
+      {aiNativeConfigService.capabilities.supportsMCP && (
+        <Popover
+          overlayClassName={styles.popover_icon}
+          id={'ai-chat-header-tools'}
+          position={PopoverPosition.left}
+          title={localize('aiNative.operate.tools.title')}
+        >
+          <EnhanceIcon
+            wrapperClassName={styles.action_btn}
+            className={getIcon('menubar-tool')}
+            onClick={handleShowMCPTools}
+            tabIndex={0}
+            role='button'
+            ariaLabel={localize('aiNative.operate.tools.title')}
+          />
+        </Popover>
+      )}
       <Popover
         overlayClassName={styles.popover_icon}
         id={'ai-chat-header-close'}

package/src/browser/components/ChatContext/index.tsx

@@ -39,7 +39,7 @@ export const ChatContext = memo(() => {
       50,
     )((files) => {
       if (files) {
-        updateAddedFiles([...files.attached]);
+        updateAddedFiles(files);
       }
     }, contextService);
 
@@ -57,7 +57,7 @@ export const ChatContext = memo(() => {
   }, []);
 
   const onDidDeselect = useCallback((uri: URI) => {
-    contextService.removeFileFromContext(uri, true);
+    contextService.removeFileFromContext(uri);
   }, []);
 
   const onDidClickFile = useCallback((uri: URI) => {

package/src/browser/components/ChatInput.tsx

@@ -1,38 +1,21 @@
 import cls from 'classnames';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 
-import { AINativeConfigService, useInjectable, useLatest } from '@opensumi/ide-core-browser';
+import { useInjectable, useLatest } from '@opensumi/ide-core-browser';
 import { Icon, Popover, PopoverPosition, getIcon } from '@opensumi/ide-core-browser/lib/components';
 import { EnhanceIcon } from '@opensumi/ide-core-browser/lib/components/ai-native';
 import { InteractiveInput } from '@opensumi/ide-core-browser/lib/components/ai-native/interactive-input/index';
-import {
-  ChatAgentViewServiceToken,
-  ChatFeatureRegistryToken,
-  MessageType,
-  localize,
-  runWhenIdle,
-} from '@opensumi/ide-core-common';
-import { CommandService } from '@opensumi/ide-core-common/lib/command';
+import { ChatAgentViewServiceToken, ChatFeatureRegistryToken, localize, runWhenIdle } from '@opensumi/ide-core-common';
 import { MonacoCommandRegistry } from '@opensumi/ide-editor/lib/browser/monaco-contrib/command/command.service';
-import { IDialogService } from '@opensumi/ide-overlay';
-
-import {
-  AT_SIGN_SYMBOL,
-  IChatAgentService,
-  IChatInternalService,
-  SLASH_SYMBOL,
-  TokenMCPServerProxyService,
-} from '../../common';
+
+import { AT_SIGN_SYMBOL, IChatAgentService, SLASH_SYMBOL } from '../../common';
 import { ChatAgentViewService } from '../chat/chat-agent.view.service';
 import { ChatSlashCommandItemModel } from '../chat/chat-model';
 import { ChatProxyService } from '../chat/chat-proxy.service';
 import { ChatFeatureRegistry } from '../chat/chat.feature.registry';
-import { ChatInternalService } from '../chat/chat.internal.service';
-import { OPEN_MCP_CONFIG_COMMAND } from '../mcp/config/mcp-config.commands';
-import { MCPServerProxyService } from '../mcp/mcp-server-proxy.service';
-import { MCPToolsDialog } from '../mcp/mcp-tools-dialog.view';
 import { IChatSlashCommandItem } from '../types';
 
+import { ChatContext } from './ChatContext';
 import styles from './components.module.less';
 
 const INSTRUCTION_BOTTOM = 8;
@@ -211,30 +194,13 @@ export const ChatInput = React.forwardRef((props: IChatInputProps, ref) => {
   const [showExpand, setShowExpand] = useState(false);
   const [isExpand, setIsExpand] = useState(false);
   const [placeholder, setPlaceHolder] = useState(localize('aiNative.chat.input.placeholder.default'));
-  const aiChatService = useInjectable<ChatInternalService>(IChatInternalService);
-  const dialogService = useInjectable<IDialogService>(IDialogService);
-  const aiNativeConfigService = useInjectable<AINativeConfigService>(AINativeConfigService);
-  const mcpServerProxyService = useInjectable<MCPServerProxyService>(TokenMCPServerProxyService);
+
   const monacoCommandRegistry = useInjectable<MonacoCommandRegistry>(MonacoCommandRegistry);
   const chatAgentService = useInjectable<IChatAgentService>(IChatAgentService);
   const chatFeatureRegistry = useInjectable<ChatFeatureRegistry>(ChatFeatureRegistryToken);
-  const commandService = useInjectable<CommandService>(CommandService);
 
   const currentAgentIdRef = useLatest(agentId);
 
-  const handleShowMCPConfig = React.useCallback(() => {
-    commandService.executeCommand(OPEN_MCP_CONFIG_COMMAND.id);
-  }, [commandService]);
-
-  const handleShowMCPTools = React.useCallback(async () => {
-    const tools = await mcpServerProxyService.getAllMCPTools();
-    dialogService.open({
-      message: <MCPToolsDialog tools={tools} />,
-      type: MessageType.Empty,
-      buttons: [localize('dialog.file.close')],
-    });
-  }, [mcpServerProxyService, dialogService]);
-
   useImperativeHandle(ref, () => ({
     setInputValue: (v: string) => {
       setValue(v);
@@ -331,10 +297,6 @@ export const ChatInput = React.forwardRef((props: IChatInputProps, ref) => {
     }
   }, []);
 
-  const handleStop = useCallback(() => {
-    aiChatService.cancelRequest();
-  }, []);
-
   const handleSend = useCallback(async () => {
     if (disabled) {
       return;
@@ -495,48 +457,11 @@ export const ChatInput = React.forwardRef((props: IChatInputProps, ref) => {
         disabled={disabled}
         className={styles.input_wrapper}
         onSend={handleSend}
-        onStop={handleStop}
         sendBtnClassName={sendBtnClassName}
         onHeightChange={handleHeightChange}
         height={inputHeight}
         popoverPosition={PopoverPosition.left}
       />
-      <div className={styles.chat_input_footer}>
-        {aiNativeConfigService.capabilities.supportsMCP && (
-          <div className={styles.mcp_desc}>
-            <Popover
-              overlayClassName={styles.popover_icon}
-              id={'ai-chat-header-mcp-server'}
-              position={PopoverPosition.left}
-              title={'MCP Server'}
-            >
-              <EnhanceIcon
-                wrapperClassName={styles.action_btn}
-                className={'codicon codicon-server'}
-                onClick={handleShowMCPConfig}
-                tabIndex={0}
-                role='button'
-                ariaLabel={'MCP Server'}
-              />
-            </Popover>
-            <Popover
-              overlayClassName={styles.popover_icon}
-              id={'ai-chat-header-tools'}
-              position={PopoverPosition.left}
-              title={localize('aiNative.operate.tools.title')}
-            >
-              <EnhanceIcon
-                wrapperClassName={styles.action_btn}
-                className={getIcon('menubar-tool')}
-                onClick={handleShowMCPTools}
-                tabIndex={0}
-                role='button'
-                ariaLabel={localize('aiNative.operate.tools.title')}
-              />
-            </Popover>
-          </div>
-        )}
-      </div>
     </div>
   );
 });