From 612bc080c2721720bb3d7b4b8791697fe1d0fd31 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Thu, 25 Apr 2024 12:12:23 -0700
Subject: [PATCH] ui - cleanup key owners tab vs end users tab

---
 ui/litellm-dashboard/src/components/view_users.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/view_users.tsx b/ui/litellm-dashboard/src/components/view_users.tsx
index 2f26126ce4..b3960965c5 100644
--- a/ui/litellm-dashboard/src/components/view_users.tsx
+++ b/ui/litellm-dashboard/src/components/view_users.tsx
@@ -153,9 +153,13 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
 
   return (
     <div style={{ width: "100%" }}>
-      <Grid className="gap-2 p-2 h-[75vh] w-full mt-8">
+      <Grid className="gap-2 p-2 h-[80vh] w-full mt-8">
         <CreateUser userID={userID} accessToken={accessToken} teams={teams}/>
-        <Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[70vh] mb-4">
+        <Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[80vh] mb-4">
+        <div className="mb-4 mt-1">
+        <Text><b>Key Owners: </b> Users on LiteLLM that created API Keys. Automatically tracked by LiteLLM</Text>
+        <Text className="mt-1"><b>End Users: </b>End Users of your LLM API calls. Tracked When a `user` param is passed in your LLM calls</Text>
+        </div>
           <TabGroup>
             <TabList variant="line" defaultValue="1">
               <Tab value="1">Key Owners</Tab>
@@ -163,6 +167,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
             </TabList>
             <TabPanels>
               <TabPanel>
+                
                 <Table className="mt-5">
                   <TableHead>
                     <TableRow>