From a50bd7a412ed466a1ce093b24ddb12f592ea94b9 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 24 Apr 2026 13:21:29 +0000
Subject: [PATCH] feat(ui): migrate common_components/simple_table tremor table
 to shadcn

Co-authored-by: yuneng-jiang <yuneng-berri@users.noreply.github.com>
---
 .../common_components/simple_table.tsx        | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/common_components/simple_table.tsx b/ui/litellm-dashboard/src/components/common_components/simple_table.tsx
index a2fcb56945d..0ca1ed443c8 100644
--- a/ui/litellm-dashboard/src/components/common_components/simple_table.tsx
+++ b/ui/litellm-dashboard/src/components/common_components/simple_table.tsx
@@ -1,13 +1,12 @@
 import React from "react";
-// eslint-disable-next-line litellm-ui/no-banned-ui-imports
 import {
   Table,
-  TableHead,
-  TableRow,
-  TableHeaderCell,
   TableBody,
   TableCell,
-} from "@tremor/react";
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
 
 export interface SimpleTableColumn<T> {
   header: string;
@@ -27,9 +26,8 @@ interface SimpleTableProps<T> {
 
 /**
  * Simple table component for forms and settings pages.
- * The underlying primitives are still Tremor's Table family (whitelisted
- * by the banned-imports rule); only the Text wrapper was swapped for a
- * semantic <span>.
+ * Uses shadcn's Table primitives. The Tremor `Text` wrapper was previously
+ * swapped for a semantic <span>.
  */
 export function SimpleTable<T>({
   data,
@@ -41,15 +39,15 @@ export function SimpleTable<T>({
 }: SimpleTableProps<T>) {
   return (
     <Table>
-      <TableHead>
+      <TableHeader>
         <TableRow>
           {columns.map((column, index) => (
-            <TableHeaderCell key={index} style={{ width: column.width }}>
+            <TableHead key={index} style={{ width: column.width }}>
               {column.header}
-            </TableHeaderCell>
+            </TableHead>
           ))}
         </TableRow>
-      </TableHead>
+      </TableHeader>
       <TableBody>
         {isLoading ? (
           <TableRow>