get all tags on ui

litellm/proxy/proxy_server.py

@@ -8246,10 +8246,9 @@ async def global_get_all_tag_names():
             )
 
         sql_query = """
-        SELECT
+        SELECT DISTINCT
             jsonb_array_elements_text(request_tags) AS individual_request_tag
-        FROM "LiteLLM_SpendLogs"
+        FROM "LiteLLM_SpendLogs";
-        GROUP BY individual_request_tag
         """
 
         db_response = await prisma_client.db.query_raw(sql_query)

ui/litellm-dashboard/src/components/usage.tsx

@@ -299,7 +299,7 @@ const UsagePage: React.FC<UsagePageProps> = ({
 
             // all_tag_names
             const all_tag_names = await allTagNamesCall(accessToken);
-            setAllTagNames(all_tag_names);
+            setAllTagNames(all_tag_names.tag_names);
 
             // get spend per end-user
             let spend_user_call = await adminTopEndUsersCall(accessToken, null, undefined, undefined);
@@ -762,16 +762,20 @@ const UsagePage: React.FC<UsagePageProps> = ({
 
               <Col>
 
-              <MultiSelect>
+              <MultiSelect
+                defaultValue={["all-tags"]}>
+              <MultiSelectItem
+                  key={"all-tags"}
+                  value={"All Tags"}
+                >
+                  All Tags
+                </MultiSelectItem>
                 {
-                  allTagNames?.map((tag: any, index: number) => {
+                  allTagNames && allTagNames?.map((tag: any, index: number) => {
                     return (
                       <MultiSelectItem
                         key={index}
                         value={String(index)}
-                        onClick={() => {
-                          updateTagSpendData(dateValue.from, dateValue.to);
-                        }}
                       >
                         {tag}
                       </MultiSelectItem>