feat: the frontend part of mcp (#22131)

Co-authored-by: jZonG <jzongcode@gmail.com>
Co-authored-by: Novice <novice12185727@gmail.com>
Co-authored-by: nite-knite <nkCoding@gmail.com>
Co-authored-by: Hanqing Zhao <sherry9277@gmail.com>

web/i18n/en-US/plugin.ts

@@ -85,8 +85,8 @@ const translation = {
       settings: 'USER SETTINGS',
       params: 'REASONING CONFIG',
       paramsTip1: 'Controls LLM inference parameters.',
-      paramsTip2: 'When \'Automatic\' is off, the default value is used.',
-      auto: 'Automatic',
+      paramsTip2: 'When \'Auto\' is off, the default value is used.',
+      auto: 'Auto',
       empty: 'Click the \'+\' button to add tools. You can add multiple tools.',
       uninstalledTitle: 'Tool not installed',
       uninstalledContent: 'This plugin is installed from the local/GitHub repository. Please use after installation.',
@@ -94,6 +94,7 @@ const translation = {
       unsupportedTitle: 'Unsupported Action',
       unsupportedContent: 'The installed plugin version does not provide this action.',
       unsupportedContent2: 'Click to switch version.',
+      unsupportedMCPTool: 'Currently selected agent strategy plugin version does not support MCP tools.',
     },
     configureApp: 'Configure App',
     configureModel: 'Configure model',

web/i18n/en-US/tools.ts

@@ -28,10 +28,21 @@ const translation = {
     add: 'add',
     added: 'added',
     manageInTools: 'Manage in Tools',
-    emptyTitle: 'No workflow tool available',
-    emptyTip: 'Go to "Workflow -> Publish as Tool"',
-    emptyTitleCustom: 'No custom tool available',
-    emptyTipCustom: 'Create a custom tool',
+    custom: {
+      title: 'No custom tool available',
+      tip: 'Create a custom tool',
+    },
+    workflow: {
+      title: 'No workflow tool available',
+      tip: 'Publish workflows as tools in Studio',
+    },
+    mcp: {
+      title: 'No MCP tool available',
+      tip: 'Add an MCP server',
+    },
+    agent: {
+      title: 'No agent strategy available',
+    },
   },
   createTool: {
     title: 'Create Custom Tool',
@@ -152,6 +163,71 @@ const translation = {
   toolNameUsageTip: 'Tool call name for agent reasoning and prompting',
   copyToolName: 'Copy Name',
   noTools: 'No tools found',
+  mcp: {
+    create: {
+      cardTitle: 'Add MCP Server (HTTP)',
+      cardLink: 'Learn more about MCP server integration',
+    },
+    noConfigured: 'Unconfigured',
+    updateTime: 'Updated',
+    toolsCount: '{{count}} tools',
+    noTools: 'No tools available',
+    modal: {
+      title: 'Add MCP Server (HTTP)',
+      editTitle: 'Edit MCP Server (HTTP)',
+      name: 'Name & Icon',
+      namePlaceholder: 'Name your MCP server',
+      serverUrl: 'Server URL',
+      serverUrlPlaceholder: 'URL to server endpoint',
+      serverUrlWarning: 'Updating the server address may disrupt applications that depend on this server',
+      serverIdentifier: 'Server Identifier',
+      serverIdentifierTip: 'Unique identifier for the MCP server within the workspace. Lowercase letters, numbers, underscores, and hyphens only. Up to 24 characters.',
+      serverIdentifierPlaceholder: 'Unique identifier, e.g., my-mcp-server',
+      serverIdentifierWarning: 'The server won’t be recognized by existing apps after an ID change',
+      cancel: 'Cancel',
+      save: 'Save',
+      confirm: 'Add & Authorize',
+    },
+    delete: 'Remove MCP Server',
+    deleteConfirmTitle: 'Would you like to remove {{mcp}}?',
+    operation: {
+      edit: 'Edit',
+      remove: 'Remove',
+    },
+    authorize: 'Authorize',
+    authorizing: 'Authorizing...',
+    authorizingRequired: 'Authorization is required',
+    authorizeTip: 'After authorization, tools will be displayed here.',
+    update: 'Update',
+    updating: 'Updating',
+    gettingTools: 'Getting Tools...',
+    updateTools: 'Updating Tools...',
+    toolsEmpty: 'Tools not loaded',
+    getTools: 'Get tools',
+    toolUpdateConfirmTitle: 'Update Tool List',
+    toolUpdateConfirmContent: 'Updating the tool list may affect existing apps. Do you wish to proceed?',
+    toolsNum: '{{count}} tools included',
+    onlyTool: '1 tool included',
+    identifier: 'Server Identifier (Click to Copy)',
+    server: {
+      title: 'MCP Server',
+      url: 'Server URL',
+      reGen: 'Do you want to regenerator server URL?',
+      addDescription: 'Add description',
+      edit: 'Edit description',
+      modal: {
+        addTitle: 'Add description to enable MCP server',
+        editTitle: 'Edit description',
+        description: 'Description',
+        descriptionPlaceholder: 'Explain what this tool does and how it should be used by the LLM',
+        parameters: 'Parameters',
+        parametersTip: 'Add descriptions for each parameter to help the LLM understand their purpose and constraints.',
+        parametersPlaceholder: 'Parameter purpose and constraints',
+        confirm: 'Enable MCP Server',
+      },
+      publishTip: 'App not published. Please publish the app first.',
+    },
+  },
 }
 
 export default translation

web/i18n/en-US/workflow.ts

@@ -231,6 +231,8 @@ const translation = {
     'utilities': 'Utilities',
     'noResult': 'No match found',
     'agent': 'Agent Strategy',
+    'allAdded': 'All added',
+    'addAll': 'Add all',
   },
   blocks: {
     'start': 'Start',
@@ -368,6 +370,10 @@ const translation = {
         ms: 'ms',
         retries: '{{num}} Retries',
       },
+      typeSwitch: {
+        input: 'Input value',
+        variable: 'Use variable',
+      },
     },
     start: {
       required: 'required',
@@ -662,6 +668,9 @@ const translation = {
     tool: {
       authorize: 'Authorize',
       inputVars: 'Input Variables',
+      settings: 'Settings',
+      insertPlaceholder1: 'Type or press',
+      insertPlaceholder2: 'insert variable',
       outputVars: {
         text: 'tool generated content',
         files: {
@@ -889,6 +898,8 @@ const translation = {
         install: 'Install',
         cancel: 'Cancel',
       },
+      clickToViewParameterSchema: 'Click to view parameter schema',
+      parameterSchema: 'Parameter Schema',
     },
   },
   tracing: {