From c8240421e931df6b11e3224a90c0a8fed6f609bb Mon Sep 17 00:00:00 2001
From: Akey Zhang <akey.zhang@gmail.com>
Date: Wed, 30 Apr 2025 11:22:39 +0800
Subject: [PATCH] =?UTF-8?q?style:=20optimize=20mcp=20arg=20name=20display?=
 =?UTF-8?q?=20layout=20when=20tool=20or=20prompt=20descr=E2=80=A6=20(#5467?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* style: optimize mcp arg name display layout when tool or prompt description is short

* style: optimize mcp arg name display layout, make it simple

* fix: remove unused import
---
 src/renderer/src/pages/settings/MCPSettings/McpPrompt.tsx | 6 +++---
 src/renderer/src/pages/settings/MCPSettings/McpTool.tsx   | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/renderer/src/pages/settings/MCPSettings/McpPrompt.tsx b/src/renderer/src/pages/settings/MCPSettings/McpPrompt.tsx
index a1c925c525..892c2410e3 100644
--- a/src/renderer/src/pages/settings/MCPSettings/McpPrompt.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/McpPrompt.tsx
@@ -1,5 +1,5 @@
 import { MCPPrompt } from '@renderer/types'
-import { Collapse, Descriptions, Empty, Flex, Tag, Tooltip, Typography } from 'antd'
+import { Collapse, Descriptions, Empty, Flex, Tooltip, Typography } from 'antd'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'
 
@@ -22,11 +22,11 @@ const MCPPromptsSection = ({ prompts }: MCPPromptsSectionProps) => {
             <Descriptions.Item
               key={index}
               label={
-                <Flex vertical gap={4}>
+                <Flex gap={4}>
                   <Typography.Text strong>{arg.name}</Typography.Text>
                   {arg.required && (
                     <Tooltip title="Required field">
-                      <Tag color="red">Required</Tag>
+                      <span style={{ color: '#f5222d' }}>*</span>
                     </Tooltip>
                   )}
                 </Flex>
diff --git a/src/renderer/src/pages/settings/MCPSettings/McpTool.tsx b/src/renderer/src/pages/settings/MCPSettings/McpTool.tsx
index 9bd0cc97bb..788db5b77e 100644
--- a/src/renderer/src/pages/settings/MCPSettings/McpTool.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/McpTool.tsx
@@ -51,11 +51,11 @@ const MCPToolsSection = ({ tools, server, onToggleTool }: MCPToolsSectionProps)
             <Descriptions.Item
               key={key}
               label={
-                <Flex vertical gap={4}>
+                <Flex gap={4}>
                   <Typography.Text strong>{key}</Typography.Text>
                   {tool.inputSchema.required?.includes(key) && (
                     <Tooltip title="Required field">
-                      <Tag color="red">Required</Tag>
+                      <span style={{ color: '#f5222d' }}>*</span>
                     </Tooltip>
                   )}
                 </Flex>