From 51e87bb7508b6e52c1af8c5725cf23f2bd704042 Mon Sep 17 00:00:00 2001
From: Ishaan Jaffer <ishaanjaffer0324@gmail.com>
Date: Mon, 9 Feb 2026 17:34:43 -0800
Subject: [PATCH] ui fixes

---
 .../components/mcp_tools/OAuthFormFields.tsx  | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/mcp_tools/OAuthFormFields.tsx b/ui/litellm-dashboard/src/components/mcp_tools/OAuthFormFields.tsx
index 5688f24d184..0a9ff585a9a 100644
--- a/ui/litellm-dashboard/src/components/mcp_tools/OAuthFormFields.tsx
+++ b/ui/litellm-dashboard/src/components/mcp_tools/OAuthFormFields.tsx
@@ -40,13 +40,28 @@ const OAuthFormFields: React.FC<OAuthFormFieldsProps> = ({
   return (
     <>
       <Form.Item
-        label={<span className="text-sm font-medium text-gray-700">OAuth Flow Type</span>}
+        label={
+          <FieldLabel
+            label="OAuth Flow Type"
+            tooltip="Choose how the proxy authenticates with this MCP server. M2M is for server-to-server communication using client credentials. Interactive (PKCE) is for user-facing flows that require browser-based authorization."
+          />
+        }
         name="oauth_flow_type"
         {...(initialFlowType ? { initialValue: initialFlowType } : {})}
       >
         <Select className="rounded-lg" size="large">
-          <Select.Option value={OAUTH_FLOW.INTERACTIVE}>Interactive (PKCE)</Select.Option>
-          <Select.Option value={OAUTH_FLOW.M2M}>Machine-to-Machine (M2M)</Select.Option>
+          <Select.Option value={OAUTH_FLOW.M2M}>
+            <div>
+              <span className="font-medium">Machine-to-Machine (M2M)</span>
+              <span className="text-gray-400 text-xs ml-2">server-to-server, no user interaction</span>
+            </div>
+          </Select.Option>
+          <Select.Option value={OAUTH_FLOW.INTERACTIVE}>
+            <div>
+              <span className="font-medium">Interactive (PKCE)</span>
+              <span className="text-gray-400 text-xs ml-2">browser-based user authorization</span>
+            </div>
+          </Select.Option>
         </Select>
       </Form.Item>