+
+
+
+ Cost Savings
+
+ Savings from prompt caching and prompt compression
+
+
+
+
+ {unpricedModels.length > 0 && (
+
+ )}
+
+
+
+
+
+
+ Savings Over Time
+
+ Daily savings by optimization type
+ {activityQuery.isLoading ? (
+
+ ) : (
+
+ )}
+
+
+
+ Savings Distribution
+
+ By optimization type
+ {activityQuery.isLoading ? (
+
+ ) : (
+ <>
+
+
+ >
+ )}
+
+
+
+
+
+
+ Recent Optimized Requests
+
+
+ Latest requests that benefited from caching or compression
+ {recentQuery.data ? ` (scanned last ${recentQuery.data.scanned_requests} requests in range)` : ""}
+
+
+ {recentQuery.isLoading ? (
+
+
+
+ ) : (
+
+ )}
+
+
+ );
+}
diff --git a/ui/litellm-dashboard/src/app/(dashboard)/cost-savings/page.tsx b/ui/litellm-dashboard/src/app/(dashboard)/cost-savings/page.tsx
new file mode 100644
index 00000000000..2868c98936a
--- /dev/null
+++ b/ui/litellm-dashboard/src/app/(dashboard)/cost-savings/page.tsx
@@ -0,0 +1,9 @@
+"use client";
+
+import CostSavingsView from "./CostSavingsView";
+import useAuthorized from "@/app/(dashboard)/hooks/useAuthorized";
+
+export default function CostSavingsPage() {
+ useAuthorized();
+ return