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

package/src/browser/mcp/config/components/mcp-server-form.tsx

@@ -1,144 +0,0 @@
-import React from 'react';
-
-import { Button } from '@opensumi/ide-components/lib/button';
-import { Modal } from '@opensumi/ide-components/lib/modal';
-
-import styles from './mcp-server-form.module.less';
-
-export interface MCPServerFormData {
-  name: string;
-  command: string;
-  args: string[];
-  env?: Record<string, string>;
-}
-
-interface Props {
-  visible: boolean;
-  initialData?: MCPServerFormData;
-  onSave: (data: MCPServerFormData) => void;
-  onCancel: () => void;
-}
-
-export const MCPServerForm: React.FC<Props> = ({ visible, initialData, onSave, onCancel }) => {
-  const [formData, setFormData] = React.useState<MCPServerFormData>(() => ({
-    name: '',
-    command: '',
-    args: [],
-    env: {},
-    type: 'stdio', // TODO: 支持 SSE
-    ...initialData,
-  }));
-
-  const [argsText, setArgsText] = React.useState(() => initialData?.args?.join(' ') || '');
-  const [envText, setEnvText] = React.useState(() => {
-    if (!initialData?.env) {
-      return '';
-    }
-    return Object.entries(initialData.env)
-      .map(([key, value]) => `${key}=${value}`)
-      .join('\n');
-  });
-
-  // Update form data when initialData changes
-  React.useEffect(() => {
-    setFormData({
-      name: '',
-      command: '',
-      args: [],
-      env: {},
-      ...initialData,
-    });
-    setArgsText(initialData?.args?.join(' ') || '');
-    setEnvText(
-      initialData?.env
-        ? Object.entries(initialData.env)
-            .map(([key, value]) => `${key}=${value}`)
-            .join('\n')
-        : '',
-    );
-  }, [initialData]);
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    const args = argsText.split(' ').filter(Boolean);
-    const env = envText
-      .split('\n')
-      .filter(Boolean)
-      .reduce((acc, line) => {
-        const [key, value] = line.split('=');
-        if (key && value) {
-          acc[key.trim()] = value.trim();
-        }
-        return acc;
-      }, {} as Record<string, string>);
-
-    onSave({
-      ...formData,
-      args,
-      env,
-    });
-  };
-
-  return (
-    <Modal
-      title={initialData ? 'Edit MCP Server' : 'Add New MCP Server'}
-      visible={visible}
-      onCancel={onCancel}
-      centered
-      width={600}
-      footer={null}
-      style={{
-        background: 'var(--editor-background)',
-      }}
-    >
-      <form className={styles.form} onSubmit={(e) => e.preventDefault()}>
-        <div className={styles.formItem}>
-          <label>Name:</label>
-          <input
-            type='text'
-            value={formData.name}
-            onChange={(e) => setFormData({ ...formData, name: e.target.value })}
-            placeholder='Enter server name'
-            required
-          />
-        </div>
-        <div className={styles.formItem}>
-          <label>Command:</label>
-          <input
-            type='text'
-            value={formData.command}
-            onChange={(e) => setFormData({ ...formData, command: e.target.value })}
-            placeholder='Enter command (e.g., npx)'
-            required
-          />
-        </div>
-        <div className={styles.formItem}>
-          <label>Arguments:</label>
-          <textarea
-            value={argsText}
-            onChange={(e) => setArgsText(e.target.value)}
-            placeholder='Enter arguments separated by space'
-            rows={3}
-          />
-        </div>
-        <div className={styles.formItem}>
-          <label>Environment Variables:</label>
-          <textarea
-            value={envText}
-            onChange={(e) => setEnvText(e.target.value)}
-            placeholder='KEY=value (one per line)'
-            rows={3}
-          />
-        </div>
-        <div className={styles.formActions}>
-          <Button onClick={onCancel} type='secondary'>
-            Cancel
-          </Button>
-          <Button onClick={handleSubmit} type='primary'>
-            Save
-          </Button>
-        </div>
-      </form>
-    </Modal>
-  );
-};

package/src/browser/mcp/config/mcp-config.commands.ts

@@ -1,29 +0,0 @@
-import { Autowired } from '@opensumi/di';
-import { CommandContribution, CommandRegistry, URI } from '@opensumi/ide-core-browser';
-import { Domain } from '@opensumi/ide-core-common';
-import { WorkbenchEditorService } from '@opensumi/ide-editor';
-
-import { MCP_CONFIG_COMPONENTS_SCHEME_ID } from './mcp-config.contribution';
-
-export const OPEN_MCP_CONFIG_COMMAND = {
-  id: 'opensumi-mcp.openConfig',
-  label: 'Open MCP Configuration',
-};
-
-@Domain(CommandContribution)
-export class MCPConfigCommandContribution implements CommandContribution {
-  @Autowired(WorkbenchEditorService)
-  private readonly editorService: WorkbenchEditorService;
-
-  registerCommands(registry: CommandRegistry) {
-    registry.registerCommand(OPEN_MCP_CONFIG_COMMAND, {
-      execute: () => {
-        const uri = new URI().withScheme(MCP_CONFIG_COMPONENTS_SCHEME_ID);
-        this.editorService.open(uri, {
-          preview: false,
-          focus: true,
-        });
-      },
-    });
-  }
-}

package/src/browser/mcp/config/mcp-config.contribution.ts

@@ -1,65 +0,0 @@
-import { Autowired } from '@opensumi/di';
-import { LabelService } from '@opensumi/ide-core-browser/lib/services';
-import { Domain, Schemes, URI } from '@opensumi/ide-core-common';
-import {
-  BrowserEditorContribution,
-  EditorComponentRegistry,
-  EditorComponentRenderMode,
-  IResource,
-  ResourceService,
-} from '@opensumi/ide-editor/lib/browser/types';
-import { IconService } from '@opensumi/ide-theme/lib/browser';
-import { IWorkspaceService } from '@opensumi/ide-workspace/lib/common';
-
-import { MCPConfigView } from './components/mcp-config.view';
-
-const COMPONENTS_ID = 'opensumi-mcp-config-viewer';
-export const MCP_CONFIG_COMPONENTS_SCHEME_ID = 'mcp-config';
-
-export type IMCPConfigResource = IResource<{ configType: string }>;
-
-@Domain(BrowserEditorContribution)
-export class MCPConfigContribution implements BrowserEditorContribution {
-  @Autowired(IWorkspaceService)
-  protected readonly workspaceService: IWorkspaceService;
-
-  @Autowired(IconService)
-  protected readonly iconService: IconService;
-
-  @Autowired()
-  labelService: LabelService;
-
-  registerEditorComponent(registry: EditorComponentRegistry) {
-    registry.registerEditorComponent({
-      uid: COMPONENTS_ID,
-      scheme: MCP_CONFIG_COMPONENTS_SCHEME_ID,
-      component: MCPConfigView,
-      renderMode: EditorComponentRenderMode.ONE_PER_WORKBENCH,
-    });
-
-    registry.registerEditorComponentResolver(MCP_CONFIG_COMPONENTS_SCHEME_ID, (resource, results) => {
-      results.push({
-        type: 'component',
-        componentId: COMPONENTS_ID,
-      });
-    });
-  }
-
-  registerResource(service: ResourceService) {
-    service.registerResourceProvider({
-      scheme: MCP_CONFIG_COMPONENTS_SCHEME_ID,
-      provideResource: async (uri: URI): Promise<IMCPConfigResource> => {
-        const { configType } = uri.getParsedQuery();
-
-        return {
-          uri,
-          name: 'MCP Configuration',
-          icon: 'settings',
-          metadata: {
-            configType,
-          },
-        };
-      },
-    });
-  }
-}

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

@@ -1,133 +0,0 @@
-import React, { useEffect, useMemo, useState } from 'react';
-
-import { CommandService, 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 FileInfo {
-  uri: string;
-  isDirectory: boolean;
-}
-
-interface ExpandableFileListProps {
-  args: any;
-  toolCallId: string;
-  messageId: string;
-  toolName: string;
-  headerText?: string;
-}
-
-export const FileSearchToolComponent: React.FC<ExpandableFileListProps> = ({ args, toolCallId, messageId }) => (
-  <ExpandableFileList
-    args={args}
-    toolCallId={toolCallId}
-    messageId={messageId}
-    toolName='fileSearch'
-    headerText={`Searched files "${args.query}"`}
-  />
-);
-
-export const GrepSearchToolComponent: React.FC<ExpandableFileListProps> = ({ args, toolCallId, messageId }) => (
-  <ExpandableFileList
-    args={args}
-    toolCallId={toolCallId}
-    messageId={messageId}
-    toolName='grepSearch'
-    headerText={`Grepped codebase "${args.query}"`}
-  />
-);
-
-export const ListDirToolComponent: React.FC<ExpandableFileListProps> = ({ args, toolCallId, messageId }) => (
-  <ExpandableFileList
-    args={args}
-    toolCallId={toolCallId}
-    messageId={messageId}
-    toolName='listDir'
-    headerText={`Listed directory "${args.relative_workspace_path}"`}
-  />
-);
-
-const ExpandableFileList: React.FC<ExpandableFileListProps> = ({
-  args,
-  toolCallId,
-  toolName,
-  messageId,
-  headerText,
-}) => {
-  const [isExpanded, setIsExpanded] = useState(false);
-  const labelService = useInjectable<LabelService>(LabelService);
-  const editorService = useInjectable<WorkbenchEditorService>(WorkbenchEditorService);
-  const workspaceService = useInjectable<IWorkspaceService>(IWorkspaceService);
-  const commandService = useInjectable<CommandService>(CommandService);
-  const workspaceRoot = useMemo(() => URI.parse(workspaceService.tryGetRoots()?.[0]?.uri), []);
-
-  const chatService = useInjectable<ChatInternalService>(IChatInternalService);
-  const [fileList, setFileList] = useState<FileInfo[]>([]);
-
-  useEffect(() => {
-    const toDispose = chatService.sessionModel.history.onMessageAdditionalChange((additional) => {
-      setFileList(additional[toolCallId]?.files || []);
-    });
-    return () => {
-      toDispose.dispose();
-    };
-  }, []);
-
-  const handleFileClick = async (fileInfo: FileInfo) => {
-    // 处理文件点击跳转
-    if (!fileInfo.isDirectory) {
-      editorService.open(URI.parse(fileInfo.uri));
-    } else {
-      // 如果是目录，聚焦到文件树并展开该目录
-      const uri = URI.parse(fileInfo.uri);
-      commandService.executeCommand('filetree.location', uri);
-    }
-  };
-
-  const parsedFiles = useMemo(
-    () =>
-      fileList.map((file) => {
-        const uri = URI.parse(file.uri);
-        const iconClass = labelService.getIcon(uri, { isDirectory: file.isDirectory });
-        return {
-          iconClass,
-          name: uri.path.base,
-          path: path.relative(workspaceRoot.codeUri.fsPath, uri.path.dir.toString()),
-          uri: file.uri,
-          isDirectory: file.isDirectory,
-        };
-      }),
-    [fileList],
-  );
-
-  return (
-    <div className={styles.container}>
-      <div className={styles.header} onClick={() => setIsExpanded(!isExpanded)}>
-        <span style={{ transform: `rotate(${isExpanded ? '90deg' : '0deg'})` }}>▶</span>
-        <span>
-          {headerText} · {fileList.length} files
-        </span>
-      </div>
-      {isExpanded && (
-        <ul className={styles.fileList}>
-          {parsedFiles.map((file, index) => (
-            <li
-              key={index}
-              className={styles.fileItem}
-              onClick={() => handleFileClick({ uri: file.uri, isDirectory: file.isDirectory })}
-            >
-              <span className={file.iconClass}></span>
-              <span style={{ flex: 1 }}>{file.name}</span>
-              <span className={styles.filePath}>{file.path}</span>
-            </li>
-          ))}
-        </ul>
-      )}
-    </div>
-  );
-};

package/src/common/model.ts

@@ -1,90 +0,0 @@
-export interface ModelInfo {
-  maxTokens?: number;
-  contextWindow?: number;
-  supportsImages?: boolean;
-  temperature?: number;
-  topP?: number;
-  topK?: number;
-}
-
-export const deepSeekModels = {
-  'deepseek-chat': {
-    maxTokens: 8_000,
-    contextWindow: 64_000,
-    supportsImages: false,
-  },
-  'deepseek-reasoner': {
-    maxTokens: 8_000,
-    contextWindow: 64_000,
-    supportsImages: false,
-    temperature: 0.7,
-    topP: 0.95,
-  },
-} as Record<string, ModelInfo>;
-
-export const anthropicModels = {
-  'claude-3-7-sonnet-20250219': {
-    maxTokens: 8192,
-    contextWindow: 200_000,
-    supportsImages: true,
-  },
-  'claude-3-5-sonnet-20241022': {
-    maxTokens: 8192,
-    contextWindow: 200_000,
-    supportsImages: true,
-  },
-  'claude-3-5-haiku-20241022': {
-    maxTokens: 8192,
-    contextWindow: 200_000,
-    supportsImages: false,
-  },
-  'claude-3-opus-20240229': {
-    maxTokens: 4096,
-    contextWindow: 200_000,
-    supportsImages: true,
-  },
-  'claude-3-haiku-20240307': {
-    maxTokens: 4096,
-    contextWindow: 200_000,
-    supportsImages: true,
-  },
-} as Record<string, ModelInfo>; // as const assertion makes the object deeply readonly
-
-export const openAiNativeModels = {
-  'o3-mini': {
-    maxTokens: 100_000,
-    contextWindow: 200_000,
-    supportsImages: false,
-  },
-  // don't support tool use yet
-  o1: {
-    maxTokens: 100_000,
-    contextWindow: 200_000,
-    supportsImages: true,
-  },
-  'o1-preview': {
-    maxTokens: 32_768,
-    contextWindow: 128_000,
-    supportsImages: true,
-  },
-  'o1-mini': {
-    maxTokens: 65_536,
-    contextWindow: 128_000,
-    supportsImages: true,
-  },
-  'gpt-4o': {
-    maxTokens: 4_096,
-    contextWindow: 128_000,
-    supportsImages: true,
-  },
-  'gpt-4o-mini': {
-    maxTokens: 16_384,
-    contextWindow: 128_000,
-    supportsImages: true,
-  },
-  'gpt-4.5-preview': {
-    maxTokens: 16_384,
-    contextWindow: 128_000,
-    supportsImages: true,
-  },
-} as Record<string, ModelInfo>;

package/src/node/openai-compatible/openai-compatible-language-model.ts

@@ -1,30 +0,0 @@
-import { OpenAICompatibleProvider, createOpenAICompatible } from '@ai-sdk/openai-compatible';
-import { LanguageModelV1 } from 'ai';
-
-import { Injectable } from '@opensumi/di';
-import { AINativeSettingSectionsId, IAIBackServiceOption } from '@opensumi/ide-core-common';
-
-import { BaseLanguageModel } from '../base-language-model';
-
-@Injectable()
-export class OpenAICompatibleModel extends BaseLanguageModel {
-  protected initializeProvider(options: IAIBackServiceOption): OpenAICompatibleProvider {
-    const apiKey = options.apiKey;
-    if (!apiKey) {
-      throw new Error(`Please provide OpenAI API Key in preferences (${AINativeSettingSectionsId.OpenaiApiKey})`);
-    }
-    return createOpenAICompatible({
-      apiKey,
-      baseURL: options.baseURL || 'https://dashscope.aliyuncs.com/compatible-mode/v1',
-      name: 'openai',
-    });
-  }
-
-  protected getModelIdentifier(provider: OpenAICompatibleProvider, modelId = 'qwen-max'): LanguageModelV1 {
-    return provider(modelId);
-  }
-
-  protected getModelInfo() {
-    return undefined;
-  }
-}