From 2a7685bf1582ae03410fe3b2f9b7ff5b0e159b9f Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 23 Apr 2026 13:14:52 +0000
Subject: [PATCH] feat(ui): EditSSOSettingsModal to shadcn Dialog

- antd Modal/Button/Space \u2192 shadcn Dialog/Button. antd Form driving
  BaseSSOSettingsForm is preserved.
- Submit button runs form.submit(); Cancel resets fields and calls
  onCancel. Loading state replaced with 'Saving...' label on button.

Gates: TS \u2713 | Build \u2713.

Co-authored-by: yuneng-jiang <yuneng-berri@users.noreply.github.com>
---
 .../Modals/EditSSOSettingsModal.tsx           | 37 ++++++++++++-------
 1 file changed, 23 insertions(+), 14 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/Settings/AdminSettings/SSOSettings/Modals/EditSSOSettingsModal.tsx b/ui/litellm-dashboard/src/components/Settings/AdminSettings/SSOSettings/Modals/EditSSOSettingsModal.tsx
index bbae8f1451a..85a1d94628e 100644
--- a/ui/litellm-dashboard/src/components/Settings/AdminSettings/SSOSettings/Modals/EditSSOSettingsModal.tsx
+++ b/ui/litellm-dashboard/src/components/Settings/AdminSettings/SSOSettings/Modals/EditSSOSettingsModal.tsx
@@ -1,6 +1,14 @@
 "use client";
 
-import { Button, Form, Modal, Space } from "antd";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Form } from "antd";
 import React, { useEffect } from "react";
 import BaseSSOSettingsForm from "./BaseSSOSettingsForm";
 import NotificationsManager from "@/components/molecules/notifications_manager";
@@ -123,24 +131,25 @@ const EditSSOSettingsModal: React.FC<EditSSOSettingsModalProps> = ({ isVisible,
   };
 
   return (
-    <Modal
-      title="Edit SSO Settings"
+    <Dialog
       open={isVisible}
-      width={800}
-      footer={
-        <Space>
-          <Button onClick={handleCancel} disabled={isPending}>
+      onOpenChange={(o) => (!o ? handleCancel() : undefined)}
+    >
+      <DialogContent className="max-w-[800px]">
+        <DialogHeader>
+          <DialogTitle>Edit SSO Settings</DialogTitle>
+        </DialogHeader>
+        <BaseSSOSettingsForm form={form} onFormSubmit={handleFormSubmit} />
+        <DialogFooter>
+          <Button variant="outline" onClick={handleCancel} disabled={isPending}>
             Cancel
           </Button>
-          <Button loading={isPending} onClick={() => form.submit()}>
+          <Button onClick={() => form.submit()} disabled={isPending}>
             {isPending ? "Saving..." : "Save"}
           </Button>
-        </Space>
-      }
-      onCancel={handleCancel}
-    >
-      <BaseSSOSettingsForm form={form} onFormSubmit={handleFormSubmit} />
-    </Modal>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
   );
 };