@opensumi/ide-ai-native 3.7.2-next-1740450374.0 → 3.7.2-next-1741226843.0

package/src/browser/mcp/mcp-server.feature.registry.ts

@@ -1,77 +0,0 @@
-// OpenSumi as MCP Server 前端的代理服务
-import { Autowired, Injectable } from '@opensumi/di';
-import { ILogger } from '@opensumi/ide-core-common';
-
-import { getToolName } from '../../common/utils';
-import { IMCPServerRegistry, IMCPServerToolComponentProps, MCPLogger, MCPToolDefinition } from '../types';
-
-class LoggerAdapter implements MCPLogger {
-  constructor(private readonly logger: ILogger) {}
-
-  appendLine(message: string): void {
-    this.logger.log(message);
-  }
-}
-
-@Injectable()
-export class MCPServerRegistry implements IMCPServerRegistry {
-  private tools: MCPToolDefinition[] = [];
-  private toolComponents: Record<string, React.FC<IMCPServerToolComponentProps>> = {};
-
-  @Autowired(ILogger)
-  private readonly baseLogger: ILogger;
-
-  private get logger(): MCPLogger {
-    return new LoggerAdapter(this.baseLogger);
-  }
-
-  getMCPTool(name: string, serverName = 'sumi-builtin'): MCPToolDefinition | undefined {
-    return this.tools.find((tool) => getToolName(tool.name, serverName) === name);
-  }
-
-  registerMCPTool(tool: MCPToolDefinition): void {
-    this.tools.push(tool);
-  }
-
-  registerToolComponent(
-    name: string,
-    component: React.FC<IMCPServerToolComponentProps>,
-    serverName = 'sumi-builtin',
-  ): void {
-    this.toolComponents[getToolName(name, serverName)] = component;
-  }
-
-  getToolComponent(name: string): React.FC<IMCPServerToolComponentProps> | undefined {
-    return this.toolComponents[name];
-  }
-
-  getMCPTools(): MCPToolDefinition[] {
-    return this.tools;
-  }
-
-  async callMCPTool(
-    name: string,
-    args: any,
-  ): Promise<{
-    content: { type: string; text: string }[];
-    isError?: boolean;
-  }> {
-    try {
-      const tool = this.tools.find((tool) => tool.name === name);
-      if (!tool) {
-        throw new Error(`MCP tool ${name} not found`);
-      }
-      // 统一校验并转换
-      const toolCallId = args.toolCallId;
-      args = tool.inputSchema.parse(args);
-      return await tool.handler({ ...args, toolCallId }, this.logger);
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.error('callMCPTool error:', error);
-      return {
-        content: [{ type: 'text', text: `The tool ${name} failed to execute. Error: ${error}` }],
-        isError: true,
-      };
-    }
-  }
-}

package/src/browser/mcp/mcp-tools-dialog.module.less

@@ -1,44 +0,0 @@
-.mcp_tools_dialog {
-  .dialog_title {
-    font-size: 16px;
-    font-weight: 600;
-    color: var(--foreground);
-    padding-bottom: 16px;
-    padding-top: 8px;
-    border-bottom: 1px solid var(--menu-separatorBackground);
-  }
-
-  .tools_list {
-    max-height: calc(60vh - 53px); // 减去标题高度
-    overflow: auto;
-    
-    .tool_item {
-      padding-top: 12px;
-      padding-bottom: 12px;
-      border-radius: 6px;
-      
-      &:hover {
-        background-color: var(--list-hoverBackground);
-      }
-
-      .tool_name {
-        font-weight: 600;
-        color: var(--foreground);
-        margin-bottom: 8px;
-      }
-
-      .tool_description {
-        font-size: 12px;
-        line-height: 1.5;
-        color: var(--descriptionForeground);
-        margin-bottom: 4px;
-      }
-
-      .tool_provider {
-        font-size: 12px;
-        color: var(--descriptionForeground);
-        font-style: italic;
-      }
-    }
-  }
-} 

package/src/browser/mcp/mcp-tools-dialog.view.tsx

@@ -1,24 +0,0 @@
-import * as React from 'react';
-
-import { MCPTool } from '../../common/types';
-
-import styles from './mcp-tools-dialog.module.less';
-
-interface MCPToolsDialogProps {
-  tools: MCPTool[];
-}
-
-export const MCPToolsDialog: React.FC<MCPToolsDialogProps> = ({ tools }) => (
-  <div className={styles.mcp_tools_dialog}>
-    <div className={styles.dialog_title}>MCP Tools</div>
-    <div className={styles.tools_list}>
-      {tools.map((tool) => (
-        <div key={tool.name} className={styles.tool_item}>
-          <div className={styles.tool_name}>{tool.name}</div>
-          <div className={styles.tool_description}>{tool.description}</div>
-          {tool.providerName && <div className={styles.tool_provider}>Provider: {tool.providerName}</div>}
-        </div>
-      ))}
-    </div>
-  </div>
-);

package/src/browser/mcp/tools/components/EditFile.tsx

@@ -1,144 +0,0 @@
-import cls from 'classnames';
-import React, { useEffect, useMemo } from 'react';
-
-import { Icon, Popover } from '@opensumi/ide-components';
-import {
-  AppConfig,
-  LabelService,
-  MarkerSeverity,
-  URI,
-  Uri,
-  detectModeId,
-  path,
-  useAutorun,
-  useInjectable,
-} from '@opensumi/ide-core-browser';
-import { Loading } from '@opensumi/ide-core-browser/lib/components/ai-native';
-import { ILanguageService } from '@opensumi/monaco-editor-core/esm/vs/editor/common/languages/language';
-import { IModelService } from '@opensumi/monaco-editor-core/esm/vs/editor/common/services/model';
-import { StandaloneServices } from '@opensumi/monaco-editor-core/esm/vs/editor/standalone/browser/standaloneServices';
-
-import { ChatMarkdown } from '../../../components/ChatMarkdown';
-import { IMCPServerToolComponentProps } from '../../../types';
-import { BaseApplyService, CodeBlockData } from '../../base-apply.service';
-
-import styles from './index.module.less';
-
-const renderStatus = (codeBlockData: CodeBlockData) => {
-  const status = codeBlockData.status;
-  switch (status) {
-    case 'generating':
-      return <Loading />;
-    case 'pending':
-      return (
-        <Popover title={status} id={'edit-file-tool-status-pending'}>
-          <Icon iconClass='codicon codicon-circle-large' />
-        </Popover>
-      );
-    case 'success':
-      return (
-        <Popover title={status} id={'edit-file-tool-status-success'}>
-          <Icon iconClass='codicon codicon-check-all' />
-        </Popover>
-      );
-    case 'failed':
-      return (
-        <Popover title={status} id={'edit-file-tool-status-failed'}>
-          <Icon iconClass='codicon codicon-error' color='var(--vscode-input-errorForeground)' />
-        </Popover>
-      );
-    case 'cancelled':
-      return (
-        <Popover title={status} id={'edit-file-tool-status-cancelled'}>
-          <Icon iconClass='codicon codicon-close' color='var(--vscode-input-placeholderForeground)' />
-        </Popover>
-      );
-    default:
-      return null;
-  }
-};
-
-export const EditFileToolComponent = (props: IMCPServerToolComponentProps) => {
-  const { args, messageId, toolCallId } = props;
-  const labelService = useInjectable(LabelService);
-  const appConfig = useInjectable<AppConfig>(AppConfig);
-  const applyService = useInjectable<BaseApplyService>(BaseApplyService);
-  const { target_file = '', code_edit, instructions } = args || {};
-  const absolutePath = path.join(appConfig.workspaceDir, target_file);
-
-  const codeBlockData = applyService.getCodeBlock(absolutePath, messageId);
-
-  useAutorun(applyService.codeBlockMapObservable);
-
-  if (toolCallId && codeBlockData) {
-    applyService.initToolCallId(codeBlockData.id, toolCallId);
-  }
-
-  const icon = useMemo(() => {
-    if (!target_file) {
-      return;
-    }
-    const icon = `file-icon ${labelService.getIcon(URI.file(absolutePath))}`;
-    return icon;
-  }, [target_file, absolutePath]);
-  const languageId = useMemo(() => {
-    if (!target_file) {
-      return;
-    }
-    const modelService = StandaloneServices.get(IModelService);
-    const languageService = StandaloneServices.get(ILanguageService);
-    const detectedModeId = detectModeId(modelService, languageService, Uri.file(absolutePath));
-    return detectedModeId;
-  }, [target_file, absolutePath]);
-
-  // 多次迭代时，仅在首处tool组件中展示
-  if (!args || !codeBlockData || (toolCallId && toolCallId !== codeBlockData.initToolCallId)) {
-    return null;
-  }
-
-  return [
-    instructions && <p>{instructions}</p>,
-    <div className={styles['edit-file-tool']} key={`edit-file-tool-${codeBlockData.id}`}>
-      <div
-        className={cls(styles['edit-file-tool-header'], {
-          clickable: codeBlockData.status === 'pending' || codeBlockData.status === 'success',
-        })}
-        onClick={() => {
-          if (codeBlockData.status === 'pending') {
-            applyService.reRenderPendingApply();
-          } else if (codeBlockData.status === 'success') {
-            applyService.revealApplyPosition(codeBlockData.id);
-          }
-        }}
-      >
-        {icon && <span className={icon}></span>}
-        <span className={styles['edit-file-tool-file-name']}>{target_file}</span>
-        {codeBlockData.iterationCount > 1 && (
-          <span className={styles['edit-file-tool-iteration-count']}>{codeBlockData.iterationCount}/3</span>
-        )}
-        {renderStatus(codeBlockData)}
-      </div>
-      <ChatMarkdown markdown={`\`\`\`${languageId || ''}\n${code_edit}\n\`\`\``} hideInsert={true} />
-    </div>,
-    codeBlockData.applyResult && codeBlockData.applyResult.diagnosticInfos.length > 0 && (
-      <div
-        className={styles['edit-file-tool-diagnostic-errors']}
-        key={`edit-file-tool-diagnostic-errors-${codeBlockData.id}`}
-      >
-        <div className={styles['title']}>Found Lints:</div>
-        {codeBlockData.applyResult?.diagnosticInfos.map((info) => (
-          <div
-            key={info.message}
-            className={cls({
-              [styles['error']]: info.severity === MarkerSeverity.Error,
-              [styles['warning']]: info.severity === MarkerSeverity.Warning,
-            })}
-          >
-            <Icon className={`codicon codicon-${info.severity === MarkerSeverity.Error ? 'error' : 'warning'}`} />
-            {info.message.split('\n')[0]}
-          </div>
-        ))}
-      </div>
-    ),
-  ];
-};

package/src/browser/mcp/tools/components/SearchResult.tsx

@@ -1,92 +0,0 @@
-import React, { useEffect, useMemo, useState } from 'react';
-
-import { LabelService, URI, path, useInjectable } from '@opensumi/ide-core-browser';
-import { WorkbenchEditorService } from '@opensumi/ide-editor';
-import { IWorkspaceService } from '@opensumi/ide-workspace';
-
-import { IChatInternalService } from '../../../../common';
-import { ChatInternalService } from '../../../chat/chat.internal.service';
-
-import styles from './index.module.less';
-
-interface SearchResultProps {
-  args: any;
-  toolCallId: string;
-  messageId: string;
-  toolName: string;
-}
-
-export const FileSearchToolComponent: React.FC<SearchResultProps> = ({ args, toolCallId, messageId }) => (
-  <SearchResult args={args} toolCallId={toolCallId} messageId={messageId} toolName='fileSearch' />
-);
-
-export const GrepSearchToolComponent: React.FC<SearchResultProps> = ({ args, toolCallId, messageId }) => (
-  <SearchResult args={args} toolCallId={toolCallId} messageId={messageId} toolName='grepSearch' />
-);
-
-const SearchResult: React.FC<SearchResultProps> = ({ args, toolCallId, toolName, messageId }) => {
-  const [isExpanded, setIsExpanded] = useState(false);
-  const labelService = useInjectable<LabelService>(LabelService);
-  const editorService = useInjectable<WorkbenchEditorService>(WorkbenchEditorService);
-  const workspaceService = useInjectable<IWorkspaceService>(IWorkspaceService);
-  const workspaceRoot = useMemo(() => URI.parse(workspaceService.tryGetRoots()?.[0]?.uri), []);
-
-  const chatService = useInjectable<ChatInternalService>(IChatInternalService);
-  const [files, setFiles] = useState<string[]>(
-    chatService.sessionModel.history.getMessageAdditional(messageId)?.[toolCallId]?.files || [],
-  );
-  useEffect(() => {
-    const toDispose = chatService.sessionModel.history.onMessageAdditionalChange((additional) => {
-      setFiles(additional[toolCallId]?.files || []);
-    });
-    return () => {
-      toDispose.dispose();
-    };
-  }, []);
-
-  const handleFileClick = (uri: URI) => {
-    // 处理文件点击跳转
-    editorService.open(uri);
-  };
-
-  const parsedFiles = useMemo(
-    () =>
-      files.map((file) => {
-        const uri = URI.parse(file);
-        const iconClass = labelService.getIcon(uri);
-        return {
-          iconClass,
-          name: uri.path.base,
-          path: path.relative(workspaceRoot.codeUri.fsPath, uri.path.dir.toString()),
-        };
-      }),
-    [files],
-  );
-
-  return (
-    <div className={styles.container}>
-      <div className={styles.header} onClick={() => setIsExpanded(!isExpanded)}>
-        <span style={{ transform: `rotate(${isExpanded ? '90deg' : '0deg'})` }}>▶</span>
-        <span>
-          {toolName === 'fileSearch' ? `Searched files "${args.query}"` : `Grepped codebase "${args.query}"`} ·{' '}
-          {files.length} files
-        </span>
-      </div>
-      {isExpanded && (
-        <ul className={styles.fileList}>
-          {parsedFiles.map((file, index) => (
-            <li
-              key={index}
-              className={styles.fileItem}
-              onClick={() => handleFileClick(URI.file(path.join(workspaceRoot.codeUri.fsPath, file.path, file.name)))}
-            >
-              <span className={file.iconClass}></span>
-              <span style={{ flex: 1 }}>{file.name}</span>
-              <span className={styles.filePath}>{file.path}</span>
-            </li>
-          ))}
-        </ul>
-      )}
-    </div>
-  );
-};

package/src/browser/mcp/tools/components/Terminal.tsx

@@ -1,97 +0,0 @@
-import React, { memo, useCallback, useMemo, useState } from 'react';
-
-import { useInjectable } from '@opensumi/ide-core-browser';
-import { Button, Icon } from '@opensumi/ide-core-browser/lib/components';
-import { localize } from '@opensumi/ide-core-common';
-
-import { IMCPServerToolComponentProps } from '../../../types';
-import { RunCommandHandler } from '../handlers/RunCommand';
-
-import styles from './index.module.less';
-
-function getResult(raw: string) {
-  const result: {
-    isError?: boolean;
-    text?: string;
-  } = {};
-
-  try {
-    const data: {
-      content: { type: string; text: string }[];
-      isError?: boolean;
-    } = JSON.parse(raw);
-    if (data.isError) {
-      result.isError = data.isError;
-    }
-
-    if (data.content) {
-      result.text = data.content.map((item) => item.text).join('\n');
-    }
-
-    return result;
-  } catch {
-    return null;
-  }
-}
-
-export const TerminalToolComponent = memo((props: IMCPServerToolComponentProps) => {
-  const { args, toolCallId } = props;
-  const handler = useInjectable<RunCommandHandler>(RunCommandHandler);
-  const [disabled, toggleDisabled] = useState(false);
-
-  const handleClick = useCallback((approval: boolean) => {
-    if (!toolCallId) {
-      return;
-    }
-    handler.handleApproval(toolCallId, approval);
-    toggleDisabled(true);
-  }, []);
-
-  const output = useMemo(() => {
-    if (props.result) {
-      return getResult(props.result);
-    }
-    return null;
-  }, [props]);
-
-  return (
-    <div className={styles.run_cmd_tool}>
-      {props.state === 'result' && (
-        <div>
-          <div className={styles.command_title}>
-            <Icon icon='terminal' />
-            <span>{localize('ai.native.mcp.terminal.output')}</span>
-          </div>
-          {output ? (
-            <div className={styles.command_content}>
-              <code>{output.text}</code>
-            </div>
-          ) : (
-            ''
-          )}
-        </div>
-      )}
-
-      {props.state === 'complete' && args?.require_user_approval && (
-        <div>
-          <div className={styles.command_title}>
-            <Icon icon='terminal' />
-            <span>{localize('ai.native.mcp.terminal.allow-question')}</span>
-          </div>
-          <p className={styles.command_content}>
-            <code>$ {args.command}</code>
-          </p>
-          <p className={styles.comand_description}>{args.explanation}</p>
-          <div className={styles.cmmand_footer}>
-            <Button type='link' size='small' disabled={disabled} onClick={() => handleClick(true)}>
-              {localize('ai.native.mcp.terminal.allow')}
-            </Button>
-            <Button type='link' size='small' disabled={disabled} onClick={() => handleClick(false)}>
-              {localize('ai.native.mcp.terminal.deny')}
-            </Button>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-});

package/src/browser/mcp/tools/components/index.module.less

@@ -1,168 +0,0 @@
-.edit-file-tool-header {
-  display: flex;
-  align-items: center;
-  padding: 2px 8px;
-  border-bottom: 1px solid var(--vscode-commandCenter-inactiveBorder);
-  background-color: var(--design-block-background);
-  font-size: 10px;
-  margin-bottom: -4px;
-  border-radius: 8px 8px 0 0;
-  > span {
-    margin-right: 4px;
-  }
-  :global(span.codicon) {
-    font-size: 12px;
-  }
-  :global(.kt-popover-trigger) {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
-.edit-file-tool {
-  border: 1px solid var(--vscode-commandCenter-inactiveBorder);
-  border-radius: 4px;
-  margin: 8px 0;
-  :global(.language-badge) {
-    border-top-left-radius: 0;
-  }
-  pre > code {
-    border-radius: 0 0 8px 8px !important;
-  }
-}
-.edit-file-tool-iteration-count {
-  color: var(--vscode-input-placeholderForeground);
-  margin-left: 4px;
-}
-:global(.clickable) {
-  cursor: pointer;
-}
-.edit-file-tool-diagnostic-errors {
-  padding: 8px;
-  border: 1px solid var(--vscode-commandCenter-inactiveBorder);
-  background-color: var(--design-block-background);
-  border-radius: 8px;
-  font-size: 12px;
-  margin: 4px 0;
-  > div {
-    display: flex;
-    align-items: center;
-    padding: 2px 0;
-  }
-  :global(.codicon) {
-    margin-right: 4px;
-  }
-  .title {
-    margin-bottom: 3px;
-    display: inline-block;
-  }
-}
-.error,
-.error > span {
-  color: var(--debugConsole-errorForeground);
-}
-.warning,
-.warning > span {
-  color: var(--debugConsole-warningForeground);
-}
-
-.container {
-  border: 1px solid var(--vscode-commandCenter-inactiveBorder);
-  border-radius: 8px;
-  margin: 8px 0;
-  overflow: hidden;
-}
-
-.header {
-  padding: 8px 12px;
-  background-color: var(--design-block-background);
-  border-bottom: 1px solid var(--vscode-commandCenter-inactiveBorder);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  color: var(--design-text-foreground);
-  font-size: 12px;
-}
-
-.fileList {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  display: block;
-  background-color: var(--design-block-background);
-}
-
-.fileList.collapsed {
-  display: none;
-}
-
-.fileItem {
-  padding: 2px 6px;
-  font-size: 12px;
-  margin: 0px 6px;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-  color: var(--design-text-primary);
-  &:hover {
-    background-color: var(--design-block-background);
-  }
-  > span {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-
-.fileIcon {
-  color: var(--design-text-secondary);
-  font-size: 12px;
-  width: 16px;
-}
-
-.filePath {
-  color: var(--design-text-secondary);
-  font-size: 12px;
-  margin-left: auto;
-  flex-basis: 0px;
-  flex-grow: 1;
-}
-
-.run_cmd_tool {
-  .command_title {
-    display: flex;
-    align-items: center;
-    span {
-      margin-left: 5px;
-    }
-  }
-
-  .command_content {
-    padding: 4px;
-    font-size: 12px;
-    color: var(--design-text-foreground);
-    margin: 0px;
-    background-color: var(--terminal-background);
-    margin: 10px 0px;
-    border-radius: 4px;
-    overflow: auto;
-
-    code {
-      font-size: 12px;
-      white-space: pre;
-    }
-  }
-
-  .comand_description {
-    font-size: 11px;
-    color: var(--descriptionForeground);
-  }
-
-  .cmmand_footer {
-    display: flex;
-    justify-content: flex-end;
-  }
-}