@acarmisc/backstage-plugin-litellm 0.15.2 → 0.15.4

package/dist/index.esm.js

@@ -1930,6 +1930,7 @@ var init_UsageStats = __esm({
       usage,
       models,
       dateRange,
+      currentPreset,
       onDateRangeChange,
       loading,
       userInfo
@@ -1937,15 +1938,6 @@ var init_UsageStats = __esm({
       const chart = useChartTheme();
       const [selectedModel, setSelectedModel] = useState3("all");
       const [tab, setTab] = useState3("costs");
-      const selectedPreset = useMemo4(() => {
-        if (dateRange.start.toDateString() === dateRange.end.toDateString()) return "today";
-        const diffMs = dateRange.end.getTime() - dateRange.start.getTime();
-        const diffHours = diffMs / (1e3 * 60 * 60);
-        if (diffHours <= 26) return "24h";
-        const diffDays = Math.ceil(diffMs / (1e3 * 60 * 60 * 24));
-        if (diffDays <= 7) return "7d";
-        return "30d";
-      }, [dateRange]);
       const handlePresetChange = (preset) => {
         const end = /* @__PURE__ */ new Date();
         const start = /* @__PURE__ */ new Date();
@@ -1957,7 +1949,7 @@ var init_UsageStats = __esm({
           localStorage.setItem(PERIOD_LS_KEY, preset);
         } catch {
         }
-        onDateRangeChange({ start, end });
+        onDateRangeChange({ start, end }, preset);
       };
       const dailyData = useMemo4(
         () => (usage?.daily_usage ?? []).map((d) => ({
@@ -2096,7 +2088,7 @@ var init_UsageStats = __esm({
           select: true,
           size: "small",
           label: "Period",
-          value: selectedPreset,
+          value: currentPreset,
           onChange: (e) => handlePresetChange(e.target.value),
           sx: { minWidth: 160 }
         },
@@ -2106,7 +2098,7 @@ var init_UsageStats = __esm({
         SectionCard,
         {
           title: "Usage Analytics",
-          subtitle: `${PRESET_LABELS[selectedPreset]} \xB7 ${dateRange.start.toLocaleDateString()} \u2013 ${dateRange.end.toLocaleDateString()}`,
+          subtitle: `${PRESET_LABELS[currentPreset]} \xB7 ${dateRange.start.toLocaleDateString()} \u2013 ${dateRange.end.toLocaleDateString()}`,
           actions: periodSelect
         },
         /* @__PURE__ */ React5.createElement(MetricStrip, { metrics }),
@@ -2881,6 +2873,13 @@ var init_LiteLLMPage = __esm({
     LiteLLMPage = () => {
       const api = useApi(liteLlmApiRef);
       const [dateRange, setDateRange] = useState7(initDateRange);
+      const [currentPreset, setCurrentPreset] = useState7(() => {
+        try {
+          return localStorage.getItem(PERIOD_LS_KEY2) ?? "7d";
+        } catch {
+          return "7d";
+        }
+      });
       const [activeTab, setActiveTab] = useState7("overview");
       const [snackbar, setSnackbar] = useState7(null);
       const [generateDialogOpen, setGenerateDialogOpen] = useState7(false);
@@ -2927,11 +2926,14 @@ var init_LiteLLMPage = __esm({
         const endDate = dateRange.end.toISOString().split("T")[0];
         return api.getUsage(startDate, endDate);
       }, [api, dateRange]);
-      const handleDateRangeChange = useCallback3((range) => {
+      const handleDateRangeChange = useCallback3((range, preset) => {
         setDateRange(range);
+        if (preset) {
+          setCurrentPreset(preset);
+        }
         setTeamUsageCache({});
         setTeamUsageLoading({});
-      }, [setDateRange]);
+      }, [setDateRange, setCurrentPreset]);
       const loadTeamUsage = useCallback3(async (teamId) => {
         if (teamUsageCache[teamId] !== void 0 || teamUsageLoading[teamId]) return;
         setTeamUsageLoading((prev) => ({ ...prev, [teamId]: true }));
@@ -3096,6 +3098,7 @@ var init_LiteLLMPage = __esm({
           usage: usage ?? null,
           models: allModels ?? [],
           dateRange,
+          currentPreset,
           onDateRangeChange: handleDateRangeChange,
           loading: usageLoading,
           userInfo