From b84acc66a3155a23a432be9605040a04dec2487a Mon Sep 17 00:00:00 2001
From: Ishaan Jaffer <ishaan@berri.ai>
Date: Thu, 9 Apr 2026 15:32:16 -0700
Subject: [PATCH] ui(mcp): restore provider quick-add chips in token claims
 builder
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bring back Slack/Jira/GitHub preset chips that pre-fill the field name
and placeholder — admins don't need to remember provider-specific claim
field names.
---
 .../src/components/mcp_tools/OAuthFormFields.tsx    | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/mcp_tools/OAuthFormFields.tsx b/ui/litellm-dashboard/src/components/mcp_tools/OAuthFormFields.tsx
index 94be4be6864..e08b5e7eb2d 100644
--- a/ui/litellm-dashboard/src/components/mcp_tools/OAuthFormFields.tsx
+++ b/ui/litellm-dashboard/src/components/mcp_tools/OAuthFormFields.tsx
@@ -4,7 +4,6 @@ import { InfoCircleOutlined, PlusOutlined, CloseOutlined } from "@ant-design/ico
 import { Button, TextInput } from "@tremor/react";
 import { OAUTH_FLOW } from "./types";
 
-// ── Quick-add presets for common providers ────────────────────────────────────
 const CLAIM_PRESETS = [
   { label: "Slack enterprise", field: "enterprise_id", placeholder: "e.g. E04XXXXXXX" },
   { label: "Jira cloud", field: "cloud_id", placeholder: "e.g. abc-123" },
@@ -40,10 +39,8 @@ const TokenClaimsBuilder: React.FC<TokenClaimsBuilderProps> = ({ value, onChange
     onChange?.(JSON.stringify(obj));
   };
 
-  const update = (i: number, key: keyof ClaimRow, val: string) => {
-    const next = rows.map((r, idx) => idx === i ? { ...r, [key]: val } : r);
-    emit(next);
-  };
+  const update = (i: number, key: keyof ClaimRow, val: string) =>
+    emit(rows.map((r, idx) => idx === i ? { ...r, [key]: val } : r));
 
   const remove = (i: number) => emit(rows.filter((_, idx) => idx !== i));
 
@@ -52,11 +49,8 @@ const TokenClaimsBuilder: React.FC<TokenClaimsBuilderProps> = ({ value, onChange
     emit([...rows, { field, value: "" }]);
   };
 
-  const addBlank = () => emit([...rows, { field: "", value: "" }]);
-
   return (
     <div className="space-y-3">
-      {/* Quick-add chips */}
       <div className="flex flex-wrap gap-2">
         <span className="text-xs text-gray-400 self-center">Quick add:</span>
         {CLAIM_PRESETS.map(p => (
@@ -72,7 +66,6 @@ const TokenClaimsBuilder: React.FC<TokenClaimsBuilderProps> = ({ value, onChange
         ))}
       </div>
 
-      {/* Rows */}
       {rows.length > 0 && (
         <div className="rounded-lg border border-gray-200 overflow-hidden">
           <div className="grid grid-cols-[1fr_1fr_32px] bg-gray-50 border-b border-gray-200 px-3 py-1.5">
@@ -111,7 +104,7 @@ const TokenClaimsBuilder: React.FC<TokenClaimsBuilderProps> = ({ value, onChange
 
       <button
         type="button"
-        onClick={addBlank}
+        onClick={() => emit([...rows, { field: "", value: "" }])}
         className="flex items-center gap-1 text-xs text-blue-600 hover:text-blue-800 transition-colors"
       >
         <PlusOutlined style={{ fontSize: 11 }} />