diff --git a/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/EndpointUsage/components/EndpointUsageTable.tsx b/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/EndpointUsage/components/EndpointUsageTable.tsx index 5f72caae437..01a0ac7460a 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/EndpointUsage/components/EndpointUsageTable.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/EndpointUsage/components/EndpointUsageTable.tsx @@ -56,7 +56,6 @@ const EndpointUsageTable: React.FC = ({ endpointData }) return (
- {/* The failed share is the track showing through behind the successful share. */} 0 ? "bg-red-500" : undefined}> diff --git a/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/UsagePageView.tsx b/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/UsagePageView.tsx index f3e7db83c6a..a716d59bdc4 100644 --- a/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/UsagePageView.tsx +++ b/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/UsagePageView.tsx @@ -104,8 +104,7 @@ const UsagePage: React.FC = ({ teams, organizations }) => { const canViewOrganizationUsage = hasCapability(userRole, "viewOrganizationUsage"); const canViewAgentUsage = hasCapability(userRole, "viewAgentUsage"); - // The selector debounces its own input, so this holds the already-settled query. - const [debouncedUserSearch, setDebouncedUserSearch] = useState(""); + const [settledUserSearch, setSettledUserSearch] = useState(""); const { data: usersInfiniteData, @@ -113,7 +112,7 @@ const UsagePage: React.FC = ({ teams, organizations }) => { hasNextPage: hasNextUsersPage, isFetchingNextPage: isFetchingNextUsersPage, isLoading: isLoadingUsers, - } = useInfiniteUsers(50, debouncedUserSearch || undefined); + } = useInfiniteUsers(50, settledUserSearch || undefined); const userOptions = useMemo(() => { if (!usersInfiniteData?.pages) return []; @@ -533,7 +532,7 @@ const UsagePage: React.FC = ({ teams, organizations }) => { options={userOptions} value={selectedUserId ?? undefined} onValueChange={(value) => setSelectedUserId(value === "" ? null : value)} - onSearchChange={setDebouncedUserSearch} + onSearchChange={setSettledUserSearch} onLoadMore={fetchNextUsersPage} hasNextPage={hasNextUsersPage} isLoading={isLoadingUsers} diff --git a/ui/litellm-dashboard/src/components/activity_metrics.tsx b/ui/litellm-dashboard/src/components/activity_metrics.tsx index 288d07378b7..b53c6d2c3bf 100644 --- a/ui/litellm-dashboard/src/components/activity_metrics.tsx +++ b/ui/litellm-dashboard/src/components/activity_metrics.tsx @@ -211,8 +211,6 @@ const ModelSection = ({ ); }; -// Mirrors the antd Collapse this replaced: a panel's subtree is not built until it is first -// opened, and it stays mounted afterwards so its view-mode state survives being collapsed. const ModelCollapsible = ({ defaultOpen, header,