diff --git a/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/UsagePageView.test.tsx b/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/UsagePageView.test.tsx
index bad366ad510..d4011f2e5db 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/UsagePageView.test.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/UsagePageView.test.tsx
@@ -620,10 +620,29 @@ describe("UsagePage", () => {
expect(totalTokensElements.length).toBeGreaterThan(0);
// Check for chart titles (these are in the Overview tab)
+ expect(screen.getByText("Daily usage")).toBeInTheDocument();
+ expect(screen.getByText("Daily spend by model (top 8, rest grouped as Other)")).toBeInTheDocument();
expect(screen.getByText("Top models")).toBeInTheDocument();
expect(screen.getByText("Top Virtual Keys")).toBeInTheDocument();
});
+ it("should rename the usage chart when the weekly bucket is selected", async () => {
+ const user = userEvent.setup();
+ renderWithProviders();
+
+ await waitFor(() => {
+ expect(mockUserDailyActivityAggregatedCall).toHaveBeenCalled();
+ });
+
+ expect(screen.getByText("Daily usage")).toBeInTheDocument();
+
+ await user.click(screen.getByRole("radio", { name: "Weekly" }));
+
+ expect(screen.getByText("Weekly usage")).toBeInTheDocument();
+ expect(screen.getByText("Weekly spend by model (top 8, rest grouped as Other)")).toBeInTheDocument();
+ expect(screen.queryByText("Daily usage")).not.toBeInTheDocument();
+ });
+
it("should render the top models chart stacked in the shared usage palette", async () => {
const { container } = renderWithProviders();
@@ -660,7 +679,7 @@ describe("UsagePage", () => {
});
// Default view should show Global Usage (for admin)
- expect(screen.getByText("Top models")).toBeInTheDocument();
+ expect(screen.getByText("Daily usage")).toBeInTheDocument();
// Switch to Team Usage view
const usageSelect = screen.getByTestId("usage-view-select");
diff --git a/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/overview/UsageOverview.tsx b/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/overview/UsageOverview.tsx
index b6623a8bc6c..abac29a2503 100644
--- a/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/overview/UsageOverview.tsx
+++ b/ui/litellm-dashboard/src/app/(dashboard)/usage/_components/components/overview/UsageOverview.tsx
@@ -120,8 +120,8 @@ export default function UsageOverview({
@@ -153,7 +153,8 @@ export default function UsageOverview({
/>
)}
-