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/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