@opensumi/ide-ai-native 3.8.1-next-1741180778.0 → 3.8.1-next-1741224137.0

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

@@ -99,7 +99,7 @@ export class ChatResponseModel extends Disposable {
     this.#requestId = requestId;
     if (initParams) {
       this.#responseContents = initParams.responseContents;
-      this.#responseParts = initParams.responseParts;
+      this.#responseParts = initParams.responseParts || [];
       this.#responseText = initParams.responseText;
       this.#isComplete = initParams.isComplete;
       this.#isCanceled = initParams.isCanceled;

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

@@ -30,6 +30,9 @@ 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;
 
@@ -83,6 +86,7 @@ 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/components/ChatInput.tsx

@@ -16,11 +16,18 @@ import { CommandService } from '@opensumi/ide-core-common/lib/command';
 import { MonacoCommandRegistry } from '@opensumi/ide-editor/lib/browser/monaco-contrib/command/command.service';
 import { IDialogService } from '@opensumi/ide-overlay';
 
-import { AT_SIGN_SYMBOL, IChatAgentService, SLASH_SYMBOL, TokenMCPServerProxyService } from '../../common';
+import {
+  AT_SIGN_SYMBOL,
+  IChatAgentService,
+  IChatInternalService,
+  SLASH_SYMBOL,
+  TokenMCPServerProxyService,
+} 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';
@@ -204,7 +211,7 @@ 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);
@@ -324,6 +331,10 @@ export const ChatInput = React.forwardRef((props: IChatInputProps, ref) => {
     }
   }, []);
 
+  const handleStop = useCallback(() => {
+    aiChatService.cancelRequest();
+  }, []);
+
   const handleSend = useCallback(async () => {
     if (disabled) {
       return;
@@ -484,6 +495,7 @@ export const ChatInput = React.forwardRef((props: IChatInputProps, ref) => {
         disabled={disabled}
         className={styles.input_wrapper}
         onSend={handleSend}
+        onStop={handleStop}
         sendBtnClassName={sendBtnClassName}
         onHeightChange={handleHeightChange}
         height={inputHeight}

package/src/browser/components/ChatReply.tsx

@@ -355,11 +355,7 @@ export const ChatReply = (props: IChatReplyProps) => {
   }, [request.response.followups]);
 
   if (!request.response.isComplete) {
-    return (
-      <ChatThinking message={request.response.responseText} onStop={onStop}>
-        {contentNode}
-      </ChatThinking>
-    );
+    return <ChatThinking message={request.response.responseText}>{contentNode}</ChatThinking>;
   }
 
   return (

package/src/browser/components/ChatThinking.tsx

@@ -18,14 +18,12 @@ interface ITinkingProps {
   message?: string;
   onRegenerate?: () => void;
   requestId?: string;
-  onStop?: () => void;
   thinkingText?: string;
-  showStop?: boolean;
   showRegenerate?: boolean;
 }
 
 export const ChatThinking = (props: ITinkingProps) => {
-  const { children, message, onStop, showStop = true, thinkingText } = props;
+  const { children, message, thinkingText } = props;
 
   const chatRenderRegistry = useInjectable<ChatRenderRegistry>(ChatRenderRegistryToken);
 
@@ -34,10 +32,6 @@ export const ChatThinking = (props: ITinkingProps) => {
     [chatRenderRegistry, chatRenderRegistry.chatThinkingRender],
   );
 
-  const handlePause = useCallback(async () => {
-    onStop && onStop();
-  }, []);
-
   const renderContent = useCallback(() => {
     if (!children || !message?.trim()) {
       if (CustomThinkingRender) {
@@ -61,12 +55,12 @@ export const ChatThinking = (props: ITinkingProps) => {
               {!children && <Progress loading={true} wrapperClassName={styles.ai_native_progress_wrapper} />}
             </span>
           )}
-          {showStop && (
+          {/* {showStop && (
             <div className={styles.block} onClick={handlePause} tabIndex={0} role='button'>
               <Icon className={getIcon('circle-pause')}></Icon>
               <span>{localize('aiNative.operate.stop.title')}</span>
             </div>
-          )}
+          )} */}
         </div>
       </div>
     </>

package/src/browser/components/WelcomeMsg.tsx

@@ -62,7 +62,7 @@ export const WelcomeMessage = () => {
   }, []);
 
   if (!welcomeMessage) {
-    return <ChatThinking showStop={false} thinkingText={localize('aiNative.chat.welcome.loading.text')} />;
+    return <ChatThinking thinkingText={localize('aiNative.chat.welcome.loading.text')} />;
   }
 
   const allSampleQuestions = React.useMemo(

package/src/browser/components/components.module.less

@@ -284,6 +284,8 @@
   position: relative;
   min-width: 100px;
   margin-top: 4px;
+  max-height: 300px;
+  overflow: auto;
 
   :global {
     .hljs {

package/src/browser/mcp/base-apply.service.ts

@@ -69,7 +69,17 @@ export abstract class BaseApplyService extends WithEventBus {
     super();
     this.addDispose(
       this.chatInternalService.onCancelRequest(() => {
-        this.cancelAllApply();
+        const currentMessageId = this.chatInternalService.sessionModel.history.lastMessageId;
+        if (!currentMessageId) {
+          return;
+        }
+        const codeBlockMap = this.getMessageCodeBlocks(currentMessageId);
+        if (!codeBlockMap) {
+          return;
+        }
+        Object.values(codeBlockMap).forEach((blockData) => {
+          this.cancelApply(blockData);
+        });
       }),
     );
     this.currentSessionId = this.chatInternalService.sessionModel.sessionId;
@@ -94,6 +104,11 @@ export abstract class BaseApplyService extends WithEventBus {
         });
       }),
     );
+    this.addDispose(
+      this.chatInternalService.onWillClearSession((sessionId) => {
+        this.cancelAllApply(sessionId);
+      }),
+    );
   }
 
   private getMessageCodeBlocks(
@@ -109,27 +124,6 @@ export abstract class BaseApplyService extends WithEventBus {
     return message?.codeBlockMap;
   }
 
-  private getSessionCodeBlocksForPath(relativePath: string, sessionId?: string) {
-    sessionId = sessionId || this.chatInternalService.sessionModel.sessionId;
-    const sessionModel = this.chatInternalService.getSession(sessionId);
-    if (!sessionModel) {
-      throw new Error(`Session ${sessionId} not found`);
-    }
-    const sessionAdditionals = sessionModel.history.sessionAdditionals;
-    const codeBlocks: CodeBlockData[] = Array.from(sessionAdditionals.values())
-      .map((additional) => additional.codeBlockMap as { [toolCallId: string]: CodeBlockData })
-      .reduce((acc, cur) => {
-        Object.values(cur).forEach((block) => {
-          if (block.relativePath === relativePath) {
-            acc.push(block);
-          }
-        });
-        return acc;
-      }, [] as CodeBlockData[])
-      .sort((a, b) => b.version - a.version);
-    return codeBlocks;
-  }
-
   private activePreviewerMap = this.registerDispose(
     new DisposableMap<string, BaseInlineDiffPreviewer<BaseInlineStreamDiffHandler>>(),
   );
@@ -156,10 +150,9 @@ export abstract class BaseApplyService extends WithEventBus {
     ) {
       return;
     }
-    const filePendingApplies = Object.values(
-      this.getMessageCodeBlocks(this.chatInternalService.sessionModel.history.lastMessageId!) || {},
-    ).filter((block) => block.relativePath === relativePath && block.status === 'pending');
-    // TODO: 刷新后重新应用，事件无法恢复 & 恢复继续请求，需要改造成批量apply形式
+    const filePendingApplies =
+      this.getUriCodeBlocks(event.payload.resource.uri)?.filter((block) => block.status === 'pending') || [];
+    // 使用最后一个版本内容渲染 apply 内容
     if (filePendingApplies.length > 0 && filePendingApplies[0].updatedCode) {
       const editor = event.payload.group.codeEditor.monacoEditor;
       this.renderApplyResult(editor, filePendingApplies[0], filePendingApplies[0].updatedCode);
@@ -174,23 +167,23 @@ export abstract class BaseApplyService extends WithEventBus {
     return this.activePreviewerMap.get(path.relative(this.appConfig.workspaceDir, currentUri.path.toString()));
   }
 
-  getUriPendingCodeBlock(uri: URI): CodeBlockData | undefined {
-    const messageId = this.chatInternalService.sessionModel.history.lastMessageId;
-    if (!messageId) {
-      return undefined;
-    }
-    const codeBlockMap = this.getMessageCodeBlocks(messageId);
-    if (!codeBlockMap) {
-      return undefined;
-    }
-    return Object.values(codeBlockMap).find(
-      (block) =>
-        block.relativePath === path.relative(this.appConfig.workspaceDir, uri.path.toString()) &&
-        block.status === 'pending',
-    );
+  /**
+   * 获取指定uri的 code block，按version降序排序
+   */
+  getUriCodeBlocks(uri: URI): CodeBlockData[] | undefined {
+    const sessionCodeBlocks = this.getSessionCodeBlocks();
+    const relativePath = path.relative(this.appConfig.workspaceDir, uri.path.toString());
+    return sessionCodeBlocks
+      .filter((block) => block.relativePath === relativePath)
+      .sort((a, b) => b.version - a.version);
   }
 
   getPendingPaths(sessionId?: string): string[] {
+    const sessionCodeBlocks = this.getSessionCodeBlocks(sessionId);
+    return sessionCodeBlocks.filter((block) => block.status === 'pending').map((block) => block.relativePath);
+  }
+
+  protected getSessionCodeBlocks(sessionId?: string) {
     sessionId = sessionId || this.chatInternalService.sessionModel.sessionId;
     const sessionModel = this.chatInternalService.getSession(sessionId);
     if (!sessionModel) {
@@ -198,15 +191,13 @@ export abstract class BaseApplyService extends WithEventBus {
     }
     const sessionAdditionals = sessionModel.history.sessionAdditionals;
     return Array.from(sessionAdditionals.values())
-      .map((additional) => additional.codeBlockMap as { [toolCallId: string]: CodeBlockData })
+      .map((additional) => (additional.codeBlockMap || {}) as { [toolCallId: string]: CodeBlockData })
       .reduce((acc, cur) => {
         Object.values(cur).forEach((block) => {
-          if (block.status === 'pending' && !acc.includes(block.relativePath)) {
-            acc.push(block.relativePath);
-          }
+          acc.push(block);
         });
         return acc;
-      }, [] as string[]);
+      }, [] as CodeBlockData[]);
   }
 
   getCodeBlock(toolCallId: string, messageId?: string): CodeBlockData | undefined {
@@ -221,11 +212,8 @@ export abstract class BaseApplyService extends WithEventBus {
     return codeBlockMap[toolCallId];
   }
 
-  protected updateCodeBlock(codeBlock: CodeBlockData, messageId?: string) {
-    messageId = messageId || this.chatInternalService.sessionModel.history.lastMessageId;
-    if (!messageId) {
-      throw new Error('Message ID is required');
-    }
+  protected updateCodeBlock(codeBlock: CodeBlockData) {
+    const messageId = codeBlock.messageId;
     const codeBlockMap = this.getMessageCodeBlocks(messageId);
     if (!codeBlockMap) {
       throw new Error('Code block not found');
@@ -239,7 +227,7 @@ export abstract class BaseApplyService extends WithEventBus {
 
   async registerCodeBlock(relativePath: string, content: string, toolCallId: string): Promise<CodeBlockData> {
     const lastMessageId = this.chatInternalService.sessionModel.history.lastMessageId!;
-    const savedCodeBlockMap = this.getMessageCodeBlocks(lastMessageId) || {};
+    const uriCodeBlocks = this.getUriCodeBlocks(URI.file(path.join(this.appConfig.workspaceDir, relativePath)));
     const originalModelRef = await this.editorDocumentModelService.createModelReference(
       URI.file(path.join(this.appConfig.workspaceDir, relativePath)),
     );
@@ -251,13 +239,13 @@ export abstract class BaseApplyService extends WithEventBus {
       version: 1,
       createdAt: Date.now(),
       toolCallId,
+      messageId: lastMessageId,
       // TODO: 支持range
       originalCode: originalModelRef.instance.getText(),
     };
-    const samePathCodeBlocks = Object.values(savedCodeBlockMap).filter((block) => block.relativePath === relativePath);
-    if (samePathCodeBlocks.length > 0) {
-      newBlock.version = samePathCodeBlocks.length;
-      for (const block of samePathCodeBlocks.sort((a, b) => a.version - b.version)) {
+    if (uriCodeBlocks?.length) {
+      newBlock.version = uriCodeBlocks.length;
+      for (const block of uriCodeBlocks) {
         // 如果连续的上一个同文件apply结果存在LintError，则iterationCount++
         if (block.relativePath === relativePath && block.applyResult?.diagnosticInfos?.length) {
           newBlock.iterationCount++;
@@ -266,6 +254,7 @@ export abstract class BaseApplyService extends WithEventBus {
         }
       }
     }
+    const savedCodeBlockMap = this.getMessageCodeBlocks(lastMessageId) || {};
     savedCodeBlockMap[toolCallId] = newBlock;
     this.chatInternalService.sessionModel.history.setMessageAdditional(lastMessageId, {
       codeBlockMap: savedCodeBlockMap,
@@ -296,9 +285,9 @@ export abstract class BaseApplyService extends WithEventBus {
       }
 
       if (this.activePreviewerMap.has(codeBlock.relativePath)) {
-        this.activePreviewerMap.disposeKey(codeBlock.relativePath);
+        // 有正在进行的 apply，则取消（但不更新block状态，只清理副作用）
+        this.cancelApply(codeBlock, true);
       }
-      // FIXME: 同一个bubble单个文件多次写入（如迭代）兼容
       // trigger diffPreivewer & return expected diff result directly
       const result = await this.editorService.open(
         URI.file(path.join(this.appConfig.workspaceDir, codeBlock.relativePath)),
@@ -306,6 +295,11 @@ export abstract class BaseApplyService extends WithEventBus {
       if (!result) {
         throw new Error('Failed to open file');
       }
+      if (typeof fastApplyFileResult.result === 'string') {
+        codeBlock.updatedCode = fastApplyFileResult.result;
+        codeBlock.status = 'pending';
+        this.updateCodeBlock(codeBlock);
+      }
       const applyResult = await this.renderApplyResult(
         result.group.codeEditor.monacoEditor,
         codeBlock,
@@ -340,16 +334,14 @@ export abstract class BaseApplyService extends WithEventBus {
 
     if (typeof updatedContentOrStream === 'string') {
       const editorCurrentContent = editor.getModel()!.getValue();
-      const document = this.editorDocumentModelService.getModelReference(
-        URI.file(path.join(this.appConfig.workspaceDir, codeBlock.relativePath)),
-      );
+      const uri = URI.file(path.join(this.appConfig.workspaceDir, codeBlock.relativePath));
+      const document = this.editorDocumentModelService.getModelReference(uri);
       if (editorCurrentContent !== updatedContentOrStream || document?.instance.dirty) {
         editor.getModel()?.pushEditOperations([], [EditOperation.replace(range, updatedContentOrStream)], () => null);
-        await this.editorService.save(URI.file(path.join(this.appConfig.workspaceDir, codeBlock.relativePath)));
+        await this.editorService.save(uri);
       }
-      const earlistPendingCodeBlock = this.getSessionCodeBlocksForPath(codeBlock.relativePath).find(
-        (block) => block.status === 'pending',
-      );
+      const uriPendingCodeBlocks = this.getUriCodeBlocks(uri)?.filter((block) => block.status === 'pending');
+      const earlistPendingCodeBlock = uriPendingCodeBlocks?.[uriPendingCodeBlocks.length - 1];
       if ((earlistPendingCodeBlock?.originalCode || codeBlock.originalCode) === updatedContentOrStream) {
         codeBlock.status = 'cancelled';
         this.updateCodeBlock(codeBlock);
@@ -367,9 +359,6 @@ export abstract class BaseApplyService extends WithEventBus {
         },
       ) as LiveInlineDiffPreviewer;
       this.activePreviewerMap.set(codeBlock.relativePath, previewer);
-      codeBlock.updatedCode = updatedContentOrStream;
-      codeBlock.status = 'pending';
-      this.updateCodeBlock(codeBlock);
       // 新建文件场景，为避免model为空，加一个空行
       previewer.setValue(earlistPendingCodeBlock?.originalCode || codeBlock.originalCode || '\n');
       // 强刷展示 manager 视图
@@ -385,7 +374,7 @@ export abstract class BaseApplyService extends WithEventBus {
 
       const { diff, rangesFromDiffHunk } = this.getDiffResult(
         codeBlock.originalCode,
-        codeBlock.updatedCode,
+        codeBlock.updatedCode || updatedContentOrStream,
         codeBlock.relativePath,
       );
       const diagnosticInfos = this.getDiagnosticInfos(editor.getModel()!.uri.toString(), rangesFromDiffHunk);
@@ -405,6 +394,17 @@ export abstract class BaseApplyService extends WithEventBus {
           renderRemovedWidgetImmediately: false,
         },
       }) as LiveInlineDiffPreviewer;
+
+      this.addDispose(
+        controller.onError((err) => {
+          deferred.reject(err);
+        }),
+      );
+      this.addDispose(
+        controller.onAbort(() => {
+          deferred.reject(new Error('Apply aborted'));
+        }),
+      );
       this.addDispose(
         // 流式输出结束后，转为直接输出逻辑
         previewer.getNode()!.onDiffFinished(async (diffModel) => {
@@ -412,12 +412,13 @@ export abstract class BaseApplyService extends WithEventBus {
           // TODO: 添加 reapply
           // 实际应用结果为空，则取消
           if (codeBlock.updatedCode === codeBlock.originalCode) {
-            codeBlock.status = 'cancelled';
+            codeBlock.status = 'failed';
             this.updateCodeBlock(codeBlock);
             previewer.dispose();
-            deferred.resolve();
+            deferred.reject(new Error('no changes applied'));
             return;
           }
+          codeBlock.status = 'pending';
           this.updateCodeBlock(codeBlock);
           previewer.dispose();
           const result = await this.renderApplyResult(editor, codeBlock, codeBlock.updatedCode);
@@ -432,8 +433,12 @@ export abstract class BaseApplyService extends WithEventBus {
   /**
    * Cancel an ongoing apply operation
    */
-  cancelApply(blockData: CodeBlockData): void {
+  cancelApply(blockData: CodeBlockData, keepStatus?: boolean): void {
     if (blockData.status === 'generating' || blockData.status === 'pending') {
+      // 先取消掉相关的监听器
+      this.editorListenerMap.disposeKey(
+        URI.file(path.join(this.appConfig.workspaceDir, blockData.relativePath)).toString(),
+      );
       if (this.activePreviewerMap.has(blockData.relativePath)) {
         this.activePreviewerMap
           .get(blockData.relativePath)
@@ -441,19 +446,16 @@ export abstract class BaseApplyService extends WithEventBus {
           ?.livePreviewDiffDecorationModel.discardUnProcessed();
         this.activePreviewerMap.disposeKey(blockData.relativePath);
       }
-      blockData.status = 'cancelled';
-      this.updateCodeBlock(blockData);
+      if (!keepStatus) {
+        blockData.status = 'cancelled';
+        this.updateCodeBlock(blockData);
+      }
     }
   }
 
-  // TODO: 目前的设计下，有一个工具 apply 没返回，是不会触发下一个的(cursor 是会全部自动 apply 的），所以这个方法目前还没有必要
-  cancelAllApply(): void {
-    const messageId = this.chatInternalService.sessionModel.history.lastMessageId!;
-    const codeBlockMap = this.getMessageCodeBlocks(messageId);
-    if (!codeBlockMap) {
-      return;
-    }
-    Object.values(codeBlockMap).forEach((blockData) => {
+  cancelAllApply(sessionId?: string): void {
+    const sessionCodeBlocks = this.getSessionCodeBlocks(sessionId);
+    sessionCodeBlocks.forEach((blockData) => {
       this.cancelApply(blockData);
     });
   }
@@ -476,12 +478,12 @@ export abstract class BaseApplyService extends WithEventBus {
   }
 
   processAll(uri: URI, type: 'accept' | 'reject'): void {
-    const codeBlock = this.getUriPendingCodeBlock(uri);
-    if (!codeBlock) {
+    const codeBlocks = this.getUriCodeBlocks(uri)?.filter((block) => block.status === 'pending');
+    if (!codeBlocks?.length) {
       throw new Error('No pending code block found');
     }
     const decorationModel = this.activePreviewerMap
-      .get(codeBlock.relativePath)
+      .get(codeBlocks[0].relativePath)
       ?.getNode()?.livePreviewDiffDecorationModel;
     if (!decorationModel) {
       throw new Error('No active previewer found');
@@ -492,8 +494,11 @@ export abstract class BaseApplyService extends WithEventBus {
       decorationModel.discardUnProcessed();
     }
     this.editorService.save(uri);
-    codeBlock.status = type === 'accept' ? 'success' : 'cancelled';
-    this.updateCodeBlock(codeBlock);
+    codeBlocks.forEach((codeBlock) => {
+      codeBlock.status = type === 'accept' ? 'success' : 'cancelled';
+      // TODO: 批量更新
+      this.updateCodeBlock(codeBlock);
+    });
   }
 
   protected listenPartialEdit(model: ITextModel, codeBlock: CodeBlockData) {

package/src/browser/widget/inline-chat/inline-chat-controller.ts

@@ -83,7 +83,11 @@ export class InlineChatController {
         this._onData.fire(reply);
       },
       onEnd: () => {
-        this._onEnd.fire();
+        if (!wholeContent) {
+          this._onError.fire(new ErrorResponse(new Error('No content')));
+        } else {
+          this._onEnd.fire();
+        }
       },
       onError: (error) => {
         if (AbortError.is(error)) {

package/src/browser/widget/inline-diff/inline-diff-manager.tsx

@@ -29,7 +29,7 @@ export const InlineDiffManager: React.FC<{ resource: IResource }> = (props) => {
   const [show, setShow] = useState(true);
   const [changesCount, setChangesCount] = useState(0);
   const [currentChangeIndex, setCurrentChangeIndex] = useState(0);
-  const [filePaths, setFilePaths] = useState<string[]>([]);
+  const [filePaths, setFilePaths] = useState<string[]>(applyService.getPendingPaths());
 
   const currentFilePath = useMemo(
     () => path.relative(appConfig.workspaceDir, resource.uri.path.toString()),

package/src/browser/widget/inline-diff/inline-diff-widget.module.less

@@ -22,7 +22,7 @@
 
 .inlineDiffManager {
   display: flex;
-  border-radius: 13px;
+  border-radius: 14px;
   align-items: center;
   position: absolute;
   bottom: 18px;
@@ -38,7 +38,7 @@
     border-right: 1px solid var(--design-borderColor);
   }
   :global(.codicon) {
-    font-size: 20px;
+    font-size: 16px;
     padding: 6px;
     color: var(--kt-primaryButton-foreground);
     background-color: var(--kt-primaryButton-hoverBackground);
@@ -48,7 +48,7 @@
   }
 }
 .disabled {
-  // color: var(--kt-button-disableForeground) !important;
+  color: var(--kt-button-disableForeground) !important;
   background-color: var(--kt-button-disableBackground) !important;
   cursor: not-allowed;
 }

package/src/common/types.ts

@@ -50,6 +50,7 @@ export interface MCPTool {
 }
 
 export interface CodeBlockData {
+  messageId: string;
   toolCallId: string;
   codeEdit: string;
   originalCode: string;