@quillsql/react 2.16.27 → 2.16.28

package/dist/index.cjs

@@ -290,28 +290,10 @@ var init_valueFormatter = __esm({
       }
       let weekStart = (0, import_date_fns.startOfWeek)(utcDate, { weekStartsOn });
       let weekEnd = (0, import_date_fns.endOfWeek)(utcDate, { weekStartsOn });
-      if (dateRange && dateRange.start && dateRange.end) {
-        const utcStartString = dateRange.start.toISOString().split("T")[0];
-        const utcEndString = dateRange.end.toISOString().split("T")[0];
-        if (utcStartString && utcEndString) {
-          const utcStart = (0, import_date_fns.parseISO)(utcStartString);
-          const utcEnd = (0, import_date_fns.parseISO)(utcEndString);
-          if ((0, import_date_fns.isBefore)(weekStart, utcStart)) {
-            weekStart = utcStart;
-          }
-          if ((0, import_date_fns.isAfter)(weekEnd, utcEnd)) {
-            weekEnd = utcEnd;
-          }
-          if ((0, import_date_fns.isAfter)(weekStart, utcEnd) || (0, import_date_fns.isBefore)(weekEnd, utcStart)) {
-            return "Date outside range";
-          }
-        }
-      }
       if ((0, import_date_fns.format)(weekStart, "MMM") === (0, import_date_fns.format)(weekEnd, "MMM")) {
         return `${(0, import_date_fns.format)(weekStart, "MMM d")} - ${(0, import_date_fns.format)(weekEnd, "d")}`;
-      } else {
-        return `${(0, import_date_fns.format)(weekStart, "MMM d")} - ${(0, import_date_fns.format)(weekEnd, "MMM d")}`;
       }
+      return `${(0, import_date_fns.format)(weekStart, "MMM d")} - ${(0, import_date_fns.format)(weekEnd, "MMM d")}`;
     };
     format_MMM_dd_hh_mm_ap_pm = (value) => {
       const utcDate = (0, import_date_fns_tz.utcToZonedTime)(new Date(value), "UTC");
@@ -1277,12 +1259,18 @@ var init_chart = __esm({
 });
 
 // src/DateRangePicker/dateRangePickerUtils.ts
-var import_date_fns2, primaryRangeCustomIntervals, adjustForLeapYear, convertCustomIntervalToDateRange, getLabelForCustomInterval, convertPresetOptionsToSelectableList, PRIMARY_RANGE, COMPARISON_OPTIONS, COMPARISON_RANGE, defaultOptionsV2, reportBuilderOptions, getRangeFromPresetOptions;
+var import_date_fns2, import_date_fns_tz2, PRESET_TIME_ZONE, getPresetNow, fromPresetTimeToUtc, startOfToday, endOfToday, primaryRangeCustomIntervals, adjustForLeapYear, convertCustomIntervalToDateRange, getLabelForCustomInterval, convertPresetOptionsToSelectableList, PRIMARY_RANGE, COMPARISON_OPTIONS, COMPARISON_RANGE, defaultOptionsV2, reportBuilderOptions, getRangeFromPresetOptions;
 var init_dateRangePickerUtils = __esm({
   "src/DateRangePicker/dateRangePickerUtils.ts"() {
     "use strict";
     import_date_fns2 = require("date-fns");
+    import_date_fns_tz2 = require("date-fns-tz");
     init_chart();
+    PRESET_TIME_ZONE = "America/Los_Angeles";
+    getPresetNow = () => (0, import_date_fns_tz2.utcToZonedTime)(/* @__PURE__ */ new Date(), PRESET_TIME_ZONE);
+    fromPresetTimeToUtc = (date) => (0, import_date_fns_tz2.zonedTimeToUtc)(date, PRESET_TIME_ZONE);
+    startOfToday = () => (0, import_date_fns2.startOfDay)(getPresetNow());
+    endOfToday = () => (0, import_date_fns2.endOfDay)(getPresetNow());
     primaryRangeCustomIntervals = [
       {
         type: "week"
@@ -1415,7 +1403,7 @@ var init_dateRangePickerUtils = __esm({
     ];
     adjustForLeapYear = (date) => {
       if (date.month === 2 && date.day === 29) {
-        const year = (/* @__PURE__ */ new Date()).getFullYear();
+        const year = getPresetNow().getFullYear();
         if (!(year % 4 === 0 && year % 100 !== 0 || year % 400 === 0)) {
           date.day = 28;
         }
@@ -1423,68 +1411,60 @@ var init_dateRangePickerUtils = __esm({
       return date;
     };
     convertCustomIntervalToDateRange = (interval) => {
+      const toUtcRange = (startDate, endDate) => ({
+        startDate: fromPresetTimeToUtc(startDate),
+        endDate: fromPresetTimeToUtc(endDate)
+      });
       switch (interval.type) {
         case "week":
-          return { startDate: (0, import_date_fns2.startOfWeek)((0, import_date_fns2.startOfToday)()), endDate: (0, import_date_fns2.endOfToday)() };
+          return toUtcRange((0, import_date_fns2.startOfWeek)(startOfToday()), endOfToday());
         case "static": {
           const startDate = adjustForLeapYear(interval.startDate);
           const endDate = adjustForLeapYear(interval.endDate);
-          return {
-            startDate: (0, import_date_fns2.set)(/* @__PURE__ */ new Date(), {
+          return toUtcRange(
+            (0, import_date_fns2.set)(getPresetNow(), {
               month: startDate.month - 1,
               date: startDate.day,
               minutes: 0,
               hours: 0,
               seconds: 0
             }),
-            endDate: (0, import_date_fns2.set)(/* @__PURE__ */ new Date(), {
+            (0, import_date_fns2.set)(getPresetNow(), {
               month: endDate.month - 1,
               date: endDate.day,
               minutes: 59,
               hours: 23,
               seconds: 59
             })
-          };
+          );
         }
         case "relative": {
           if (interval.unit === "months" && interval.value === 1 && (!interval.label || interval.label === "Last month")) {
-            const lastMonth = (0, import_date_fns2.subMonths)((0, import_date_fns2.startOfToday)(), 1);
-            return {
-              startDate: (0, import_date_fns2.startOfMonth)(lastMonth),
-              endDate: (0, import_date_fns2.endOfMonth)(lastMonth)
-            };
+            const lastMonth = (0, import_date_fns2.subMonths)(startOfToday(), 1);
+            return toUtcRange((0, import_date_fns2.startOfMonth)(lastMonth), (0, import_date_fns2.endOfMonth)(lastMonth));
           }
-          return {
-            startDate: (0, import_date_fns2.sub)((0, import_date_fns2.startOfToday)(), { [interval.unit]: interval.value }),
-            endDate: (0, import_date_fns2.endOfToday)()
-          };
+          return toUtcRange(
+            (0, import_date_fns2.sub)(startOfToday(), { [interval.unit]: interval.value }),
+            endOfToday()
+          );
         }
         case "previous_month": {
-          const lastMonth = (0, import_date_fns2.subMonths)((0, import_date_fns2.startOfToday)(), 1);
-          return {
-            startDate: (0, import_date_fns2.startOfMonth)(lastMonth),
-            endDate: (0, import_date_fns2.endOfMonth)(lastMonth)
-          };
+          const lastMonth = (0, import_date_fns2.subMonths)(startOfToday(), 1);
+          return toUtcRange((0, import_date_fns2.startOfMonth)(lastMonth), (0, import_date_fns2.endOfMonth)(lastMonth));
         }
         case "previous_quarter": {
-          const lastQuarter = (0, import_date_fns2.subQuarters)((0, import_date_fns2.startOfToday)(), 1);
-          return {
-            startDate: (0, import_date_fns2.startOfQuarter)(lastQuarter),
-            endDate: (0, import_date_fns2.endOfQuarter)(lastQuarter)
-          };
+          const lastQuarter = (0, import_date_fns2.subQuarters)(startOfToday(), 1);
+          return toUtcRange((0, import_date_fns2.startOfQuarter)(lastQuarter), (0, import_date_fns2.endOfQuarter)(lastQuarter));
         }
         case "previous_year": {
-          const lastYear = (0, import_date_fns2.subYears)((0, import_date_fns2.startOfToday)(), 1);
-          return {
-            startDate: (0, import_date_fns2.startOfYear)(lastYear),
-            endDate: (0, import_date_fns2.endOfYear)(lastYear)
-          };
+          const lastYear = (0, import_date_fns2.subYears)(startOfToday(), 1);
+          return toUtcRange((0, import_date_fns2.startOfYear)(lastYear), (0, import_date_fns2.endOfYear)(lastYear));
         }
         case "repeating": {
-          const currentDate = /* @__PURE__ */ new Date();
+          const currentDate = getPresetNow();
           const currentYear = currentDate.getFullYear();
           const currentSubInterval = interval.subIntervals.find((subInterval) => {
-            const intervalStart = (0, import_date_fns2.set)(/* @__PURE__ */ new Date(), {
+            const intervalStart = (0, import_date_fns2.set)(getPresetNow(), {
               year: currentYear,
               month: subInterval.startDate.month - 1,
               // convert 1-index to 0-index
@@ -1493,7 +1473,7 @@ var init_dateRangePickerUtils = __esm({
               minutes: 0,
               seconds: 0
             });
-            const intervalEnd = (0, import_date_fns2.set)(/* @__PURE__ */ new Date(), {
+            const intervalEnd = (0, import_date_fns2.set)(getPresetNow(), {
               year: currentYear,
               month: subInterval.endDate.month - 1,
               // convert 1-index to 0-index
@@ -1508,16 +1488,16 @@ var init_dateRangePickerUtils = __esm({
             throw new Error("Date is not valid in this interval");
           }
           const startDate = adjustForLeapYear(currentSubInterval.startDate);
-          return {
-            startDate: (0, import_date_fns2.set)(/* @__PURE__ */ new Date(), {
+          return toUtcRange(
+            (0, import_date_fns2.set)(getPresetNow(), {
               month: startDate.month - 1,
               date: startDate.day,
               minutes: 0,
               hours: 0,
               seconds: 0
             }),
-            endDate: /* @__PURE__ */ new Date()
-          };
+            endOfToday()
+          );
         }
       }
     };
@@ -1708,7 +1688,7 @@ var init_dateRangePickerUtils = __esm({
               unit: "months"
             }
           ];
-        } else if (normalizedLabel === "last month") {
+        } else if (normalizedLabel === "last month" || normalizedLabel === "previous month") {
           createdIntervals = [
             {
               type: "previous_month",
@@ -1742,12 +1722,12 @@ var init_dateRangePickerUtils = __esm({
       const selectableOptions = (defaultCustomIntervals ?? []).concat(customIntervals ?? []).flatMap((option) => {
         if (option.type === "repeating" && option.loopStart) {
           const presets = [];
-          let currentDate = (0, import_date_fns2.endOfDay)(option.loopEnd ?? /* @__PURE__ */ new Date());
+          let currentDate = (0, import_date_fns2.endOfDay)(option.loopEnd ?? getPresetNow());
           const cutoffDate = option.loopStart;
           while (currentDate > cutoffDate) {
             const loopCurrentYear = currentDate.getFullYear();
             const currentSubInterval = option.subIntervals.find((subInterval) => {
-              const intervalStart2 = (0, import_date_fns2.set)(/* @__PURE__ */ new Date(), {
+              const intervalStart2 = (0, import_date_fns2.set)(getPresetNow(), {
                 year: loopCurrentYear,
                 month: subInterval.startDate.month - 1,
                 // convert 1-index to 0-index
@@ -1756,7 +1736,7 @@ var init_dateRangePickerUtils = __esm({
                 minutes: 0,
                 seconds: 0
               });
-              const intervalEnd = (0, import_date_fns2.set)(/* @__PURE__ */ new Date(), {
+              const intervalEnd = (0, import_date_fns2.set)(getPresetNow(), {
                 year: loopCurrentYear,
                 month: subInterval.endDate.month - 1,
                 // convert 1-index to 0-index
@@ -1792,26 +1772,30 @@ var init_dateRangePickerUtils = __esm({
             presets.push({
               label: customLabel2 || baseLabel,
               value: getLabelForSubInterval(currentSubInterval).toUpperCase().replace(/ /g, "_") ?? "",
-              startDate: (0, import_date_fns2.set)(/* @__PURE__ */ new Date(), {
-                year: currentYear,
-                month: currentSubInterval.startDate.month - 1,
-                // convert 1-index to 0-index
-                date: currentSubInterval.startDate.day,
-                minutes: 0,
-                hours: 0,
-                seconds: 0
-              }),
-              endDate: (0, import_date_fns2.set)(/* @__PURE__ */ new Date(), {
-                year: currentYear,
-                month: currentSubInterval.endDate.month - 1,
-                // convert 1-index to 0-index
-                date: currentSubInterval.endDate.day,
-                minutes: 59,
-                hours: 23,
-                seconds: 59
-              })
+              startDate: fromPresetTimeToUtc(
+                (0, import_date_fns2.set)(getPresetNow(), {
+                  year: currentYear,
+                  month: currentSubInterval.startDate.month - 1,
+                  // convert 1-index to 0-index
+                  date: currentSubInterval.startDate.day,
+                  minutes: 0,
+                  hours: 0,
+                  seconds: 0
+                })
+              ),
+              endDate: fromPresetTimeToUtc(
+                (0, import_date_fns2.set)(getPresetNow(), {
+                  year: currentYear,
+                  month: currentSubInterval.endDate.month - 1,
+                  // convert 1-index to 0-index
+                  date: currentSubInterval.endDate.day,
+                  minutes: 59,
+                  hours: 23,
+                  seconds: 59
+                })
+              )
             });
-            const intervalStart = (0, import_date_fns2.set)(/* @__PURE__ */ new Date(), {
+            const intervalStart = (0, import_date_fns2.set)(getPresetNow(), {
               year: currentYear,
               month: currentSubInterval.startDate.month - 1,
               // convert 1-index to 0-index
@@ -1896,6 +1880,10 @@ var init_dateRangePickerUtils = __esm({
         primaryRangeCustomIntervals[7]
       ),
       LAST_MONTH: convertCustomIntervalToDateRange(primaryRangeCustomIntervals[8]),
+      // Backward-compatible alias used by some environments.
+      PREVIOUS_MONTH: convertCustomIntervalToDateRange(
+        primaryRangeCustomIntervals[8]
+      ),
       ALL_TIME: { startDate: void 0, endDate: void 0 }
     };
     COMPARISON_OPTIONS = [
@@ -16204,14 +16192,6 @@ async function generatePivotWithSQL({
     rows.forEach((row) => {
       row.__quillRawDate = typeof row[pivot.rowField || ""] === "object" ? row[pivot.rowField || ""].value : row[pivot.rowField || ""];
       let value = typeof row[pivot.rowField || ""] === "object" ? row[pivot.rowField || ""].value : row[pivot.rowField || ""];
-      if (dateBucket === "week" && dateFilter?.startDate && dateFilter?.endDate) {
-        const rowDate = new Date(value);
-        if (rowDate < dateFilter.startDate) {
-          value = dateFilter.startDate.toISOString();
-        } else if (rowDate > dateFilter.endDate) {
-          value = dateFilter.endDate.toISOString();
-        }
-      }
       const dateString = getDateString(
         value,
         dateFilter?.startDate && dateFilter?.endDate ? { start: dateFilter.startDate, end: dateFilter.endDate } : void 0,
@@ -16220,26 +16200,6 @@ async function generatePivotWithSQL({
       );
       row[pivot.rowField || ""] = dateString;
     });
-    if (pivot.rowField && pivot.rowFieldType && !isStringType(pivot.rowFieldType) && dateFilter?.startDate && dateFilter?.endDate) {
-      const dateSet = new Set(
-        rows.map((row) => row[pivot.rowField || ""])
-      );
-      for (let date = dateFilter.startDate; date <= dateFilter.endDate; date = new Date(date.getTime() + 24 * 60 * 60 * 1e3)) {
-        const formattedDate = getDateString(
-          date.toISOString(),
-          { start: dateFilter.startDate, end: dateFilter.endDate },
-          dateBucket,
-          databaseType
-        );
-        if (!dateSet.has(formattedDate)) {
-          const newRow = {};
-          newRow[pivot.rowField] = formattedDate;
-          newRow.__quillRawDate = date.toISOString();
-          rows.push(newRow);
-          dateSet.add(formattedDate);
-        }
-      }
-    }
     if (!pivot.sort || pivot.sortField === pivot.rowField) {
       rows.sort((a, b) => {
         const direction = pivot.sort && pivot.sortDirection === "DESC" ? -1 : 1;
@@ -16417,14 +16377,6 @@ function processPivotData({
     rows.forEach((row) => {
       row.__quillRawDate = typeof row[pivot.rowField || ""] === "object" ? row[pivot.rowField || ""].value : row[pivot.rowField || ""];
       let value = typeof row[pivot.rowField || ""] === "object" ? row[pivot.rowField || ""].value : row[pivot.rowField || ""];
-      if (dateBucket === "week" && dateFilter?.startDate && dateFilter?.endDate) {
-        const rowDate = new Date(value);
-        if (rowDate < dateFilter.startDate) {
-          value = dateFilter.startDate.toISOString();
-        } else if (rowDate > dateFilter.endDate) {
-          value = dateFilter.endDate.toISOString();
-        }
-      }
       const dateString = getDateString(
         value,
         dateFilter?.startDate && dateFilter?.endDate ? { start: dateFilter.startDate, end: dateFilter.endDate } : void 0,
@@ -16433,26 +16385,6 @@ function processPivotData({
       );
       row[pivot.rowField || ""] = dateString;
     });
-    if (pivot.rowField && pivot.rowFieldType && !isStringType(pivot.rowFieldType) && dateFilter?.startDate && dateFilter?.endDate) {
-      const dateSet = new Set(
-        rows.map((row) => row[pivot.rowField || ""])
-      );
-      for (let date = dateFilter.startDate; date <= dateFilter.endDate; date = new Date(date.getTime() + 24 * 60 * 60 * 1e3)) {
-        const formattedDate = getDateString(
-          date.toISOString(),
-          { start: dateFilter.startDate, end: dateFilter.endDate },
-          dateBucket,
-          databaseType
-        );
-        if (!dateSet.has(formattedDate)) {
-          const newRow = {};
-          newRow[pivot.rowField] = formattedDate;
-          newRow.__quillRawDate = date.toISOString();
-          rows.push(newRow);
-          dateSet.add(formattedDate);
-        }
-      }
-    }
     if (!pivot.sort || pivot.sortField === pivot.rowField) {
       rows.sort((a, b) => {
         const direction = pivot.sort && pivot.sortDirection === "DESC" ? -1 : 1;
@@ -19953,6 +19885,8 @@ async function cleanDashboardItem({
     columnInternal,
     columnsWithCustomFields,
     chartType: item.chartType,
+    isCacheable: item.isCacheable,
+    isCacheableReason: item.isCacheableReason,
     dateField: item.dateField,
     pivot: pivotError ? void 0 : item.pivot ? {
       ...item.pivot,
@@ -22347,12 +22281,16 @@ function generateBucketKeys(start, end, bucket) {
   }
   return Array.from(keys).sort((a, b) => parseInt(a) - parseInt(b));
 }
+function getDisambiguationSuffix(aggregationType, multiAgg) {
+  if (!multiAgg || aggregationType === "count") return "";
+  return `_${aggregationType}`;
+}
 function buildEmptyAggRow(aggregations) {
   const multiAgg = aggregations.length > 1;
   const empty = {};
   aggregations.forEach((agg) => {
     const { aggregationType: type, valueField } = agg;
-    const key = !valueField ? `${type}` + (multiAgg ? `_${type}` : "") : `${valueField}` + (multiAgg ? `_${type}` : "");
+    const key = `${valueField ?? type}` + getDisambiguationSuffix(type, multiAgg);
     empty[key] = 0;
   });
   return empty;
@@ -22431,8 +22369,9 @@ function getDateKey(date, bucket) {
 }
 function sortRows(rows, pivot) {
   try {
-    const { sort, sortField, sortFieldType, sortDirection } = pivot;
-    if (!sort || sortField == null || sortFieldType == null) return rows;
+    const { sort, sortField, sortDirection } = pivot;
+    if (!sort || sortField == null || !rows[0]) return rows;
+    const sortFieldType = pivot.sortFieldType ?? typeof rows[0][sortField];
     const sortFunc = isBoolType(sortFieldType) ? (a, b) => a === b ? 0 : a ? 1 : -1 : isDateType(sortFieldType) ? (a, b) => {
       const ta = new Date(a), tb = new Date(b);
       const aValid = isValidDate3(ta), bValid = isValidDate3(tb);
@@ -22577,11 +22516,12 @@ function getFinalAggregationValue({
   } else {
     switch (type) {
       case "sum":
-        final = acc.sum;
+        final = +acc.sum.toFixed(2);
         break;
       case "average":
       case "avg":
-        final = acc.count ? acc.sum / acc.count : 0;
+        const temp = acc.count ? acc.sum / acc.count : 0;
+        final = temp;
         break;
       case "min":
         final = acc.hasVal ? acc.min : 0;
@@ -22660,6 +22600,7 @@ function aggregateWithColumn(rows, colKey, aggregations, getGroupKey) {
     rows.forEach((row) => {
       const groupKey = getGroupKey(row);
       const colVal = row[colKey];
+      if (colVal === null || colVal === void 0) return;
       if (!accs[groupKey]) accs[groupKey] = {};
       if (!accs[groupKey][colVal]) {
         accs[groupKey][colVal] = {
@@ -22690,7 +22631,7 @@ function aggregateWithColumn(rows, colKey, aggregations, getGroupKey) {
       );
       Object.keys(accs[groupKey]).forEach((colVal) => {
         const acc = accs[groupKey][colVal];
-        const finalKey = `${colVal}` + (multiAgg ? `_${type}` : "");
+        const finalKey = `${colVal}` + getDisambiguationSuffix(type, multiAgg);
         seen[groupKey][finalKey] = getFinalAggregationValue({
           type,
           valueFieldType,
@@ -22719,7 +22660,7 @@ function aggregateWithoutColumn(rows, aggregations, getGroupKey) {
     if (!valueField) {
       if (type !== "count" && type !== "percentage") return;
     }
-    const finalKey = !valueField ? `${type}` + (multiAgg ? `_${type}` : "") : `${valueField}` + (multiAgg ? `_${type}` : "");
+    const finalKey = `${valueField ?? type}` + getDisambiguationSuffix(type, multiAgg);
     const distinctDenom = !!valueField2 && !!valueField2Type && valueField !== valueField2;
     const accs = {};
     rows.forEach((row) => {
@@ -22780,7 +22721,10 @@ function applyPivotInMemory(rows, pivot, filters) {
     const rawDateFromQuill = row.__quillRawDate;
     const rawDateValue = rawDateFromQuill ?? (rawValue !== null && typeof rawValue === "object" && rawValue.value ? rawValue.value : rawValue);
     return getDateKey(new Date(rawDateValue), dateBucket);
-  } : (row) => row[rowField];
+  } : (row) => {
+    const value = row[rowField];
+    return value === null ? "-" : value;
+  };
   const aggregated = columnField ? aggregateWithColumn(rows, columnField, aggregations, getRowKey) : aggregateWithoutColumn(rows, aggregations, getRowKey);
   const aggregatedRows = aggregated || {};
   if (rows.length === 0 && dateBucket && dateRange && !columnField) {
@@ -22865,24 +22809,65 @@ function generatePivotColumnsInMemory({
 // src/utils/cacheCab.ts
 var import_idb = require("idb");
 var import_date_fns9 = require("date-fns");
-var import_date_fns_tz2 = require("date-fns-tz");
+var import_date_fns_tz3 = require("date-fns-tz");
 var TZ = "America/Los_Angeles";
+var DEFAULT_MAX_ROWS = 1e5;
 var CacheCab = class {
   fetchedRange = {};
   cachedReportIds = [];
   uncacheableReportIDs = [];
   uncacheableInFlight = /* @__PURE__ */ new Map();
   storage;
+  maxRows = {};
+  cacheableLoaded;
   META_KEY = "cachecab:meta";
   DATA_PREFIX = "cachecab:data:";
   UNCACHEABLE_PREFIX = "cachecab:uncacheable:";
   constructor({
-    storageType = "memory"
-  } = {}) {
-    this.storage = storageType !== "idb" ? new MemoryStorage() : new IdbStorage();
-    void this.loadMetaFromStorage();
+    storageType = "memory",
+    client,
+    tenants,
+    dashboards = [],
+    getToken
+  }) {
+    this.storage = storageType !== "indexedDB" ? new MemoryStorage() : new IdbStorage();
+    this.cacheableLoaded = (async () => {
+      await this.loadMetaFromStorage();
+      try {
+        const result = await quillFetch({
+          client,
+          task: "get-dashboards-and-reports",
+          method: "POST",
+          metadata: {
+            tenants
+          },
+          getToken
+        });
+        const tasks = result?.data?.tasks ?? [];
+        const uncacheable = tasks?.filter((x) => x.isCacheable !== true && x.useReport).map((y) => y.reportId) ?? [];
+        this.uncacheableReportIDs = uncacheable;
+        const temp = tasks.map((x) => {
+          return { name: x.dashboard.name, id: x.reportId };
+        });
+        temp.forEach((r) => {
+          if (!this.maxRows[r.id]) {
+            const d = dashboards.find((x) => x.name === r.name);
+            this.maxRows[r.id] = d.totalCachedRows ?? DEFAULT_MAX_ROWS;
+          }
+        });
+      } catch {
+      }
+    })();
+  }
+  async ensureReady() {
+    await this.cacheableLoaded;
   }
   async get(reportId, dashboardFilters, customFilters, pivot, client, tenants, flags, pageSize, getToken, eventTracking, forceRefresh) {
+    await this.ensureReady();
+    if (!this.isCacheable(reportId)) {
+      return EMPTY_INTERNAL_REPORT;
+    }
+    ;
     if (this.isCached(reportId, tenants) && !forceRefresh) {
       return this.getFromCache(reportId, dashboardFilters, customFilters, pivot, client, tenants, flags, getToken, eventTracking);
     } else {
@@ -22895,39 +22880,8 @@ var CacheCab = class {
   isCacheable(reportId) {
     return !this.uncacheableReportIDs.includes(reportId);
   }
-  async getUncacheableResult(reportId, client, tenants, flags, filters, additionalProcessing, pivot) {
-    const key = this.getUncacheableRequestKey(
-      reportId,
-      client,
-      tenants,
-      flags,
-      filters,
-      additionalProcessing,
-      pivot
-    );
-    try {
-      const raw = await this.storage.getItem(key);
-      return raw ? JSON.parse(raw) : null;
-    } catch {
-      return null;
-    }
-  }
-  async setUncacheableResult(reportId, client, tenants, flags, filters, additionalProcessing, pivot, report) {
-    const key = this.getUncacheableRequestKey(
-      reportId,
-      client,
-      tenants,
-      flags,
-      filters,
-      additionalProcessing,
-      pivot
-    );
-    try {
-      await this.storage.setItem(key, JSON.stringify(report));
-    } catch {
-    }
-  }
   async getOrFetchUncacheableResult(reportId, client, tenants, flags, filters, additionalProcessing, pivot, fetcher, forceRefresh = false) {
+    await this.ensureReady();
     const key = this.getUncacheableRequestKey(
       reportId,
       client,
@@ -23197,7 +23151,7 @@ var CacheCab = class {
           clientId: client.publicKey,
           databaseType: client.databaseType,
           filters: adjusted,
-          additionalProcessing: { page: { rowsPerPage: 1e3, rowsPerRequest: 1e5 } },
+          additionalProcessing: { page: { rowsPerPage: Math.min(this.maxRows[reportId] ?? 1e3, 1e3), rowsPerRequest: this.maxRows[reportId] ?? DEFAULT_MAX_ROWS } },
           useNewNodeSql: true,
           tenants,
           flags,
@@ -23205,6 +23159,10 @@ var CacheCab = class {
         },
         getToken
       });
+      if (!fetchResp.data?.isCacheable) {
+        this.uncacheableReportIDs.push(reportId);
+        return EMPTY_INTERNAL_REPORT;
+      }
       const resp = await parseFetchResponse(
         client,
         "report",
@@ -23212,12 +23170,16 @@ var CacheCab = class {
         getToken,
         true
       );
+      if (resp.rowCount > (this.maxRows[reportId] ?? DEFAULT_MAX_ROWS)) {
+        this.uncacheableReportIDs.push(reportId);
+        return EMPTY_INTERNAL_REPORT;
+      }
       reportInfo = await processReportResponse({
         resp,
         client,
         filters: adjusted,
         dateBucket: resp?.dateBucket,
-        additionalProcessing: { page: { rowsPerPage: 1e3, rowsPerRequest: 1e5 } },
+        additionalProcessing: { page: { rowsPerPage: Math.min(this.maxRows[reportId] ?? 1e3, 1e3), rowsPerRequest: this.maxRows[reportId] ?? DEFAULT_MAX_ROWS } },
         getToken,
         eventTracking,
         tenants,
@@ -23226,8 +23188,16 @@ var CacheCab = class {
         overwriteCache: forceRefresh ?? false
       });
       const dateField = reportInfo.dateField?.field;
+      const dateTable = removeQuotes(reportInfo.dateField?.table ?? "");
       if (!isAllTime && dateField !== void 0 && reportInfo.rows.length > 0) {
         const cleanedDateField = removeQuotes(dateField);
+        if (reportInfo.referencedColumns && dateTable) {
+          const refs = reportInfo.referencedColumns[dateTable];
+          if (refs && !refs.some((x) => x && removeQuotes(x) == cleanedDateField)) {
+            this.uncacheableReportIDs.push(reportId);
+            return EMPTY_INTERNAL_REPORT;
+          }
+        }
         const missingDateFieldCount = reportInfo.rows.some((row) => row[cleanedDateField] === void 0);
         if (missingDateFieldCount) {
           this.uncacheableReportIDs.push(reportId);
@@ -23301,12 +23271,12 @@ var CacheCab = class {
         return [];
       }
       const dbDateFilter = dashboardFilters.find((x) => x.filterType === "date_range");
-      if (report.dateField && dbDateFilter?.startDate) {
-        const { start: startDate, end: endDate } = normalizePSTRanges(
-          new Date(dbDateFilter.startDate),
-          dbDateFilter.endDate ? new Date(dbDateFilter.endDate) : void 0
-        );
+      if (report.dateField && dbDateFilter?.startDate && dbDateFilter?.endDate) {
         const fieldToUse = report.rows[0] && report.rows[0]["__quillRawDate"] ? "__quillRawDate" : removeQuotes(report.dateField.field);
+        const useDateOnly = report.columnInternal.find((x) => x.field === fieldToUse)?.dataTypeID === 1082;
+        const rawStart = new Date(dbDateFilter.startDate);
+        const startDate = useDateOnly ? new Date(Date.UTC(rawStart.getUTCFullYear(), rawStart.getUTCMonth(), rawStart.getUTCDate(), 0, 0, 0, 0)) : rawStart;
+        const endDate = new Date(dbDateFilter.endDate);
         const dateFilteredRows = report.rows.filter((x) => {
           const rowDate = new Date(x[fieldToUse]);
           return startDate <= rowDate && (endDate ? rowDate <= endDate : true);
@@ -23349,7 +23319,6 @@ var CacheCab = class {
     try {
       const parsed = JSON.parse(meta);
       this.cachedReportIds = parsed.cached || [];
-      this.uncacheableReportIDs = parsed.cannotBeCached;
       this.fetchedRange = Object.fromEntries(
         Object.entries(parsed.fetchedRange || {}).map(([id, range]) => [
           id,
@@ -23371,8 +23340,7 @@ var CacheCab = class {
       this.META_KEY,
       JSON.stringify({
         fetchedRange: serializableRange,
-        cached: this.cachedReportIds,
-        cannotBeCached: this.uncacheableReportIDs
+        cached: this.cachedReportIds
       })
     );
   }
@@ -23496,14 +23464,14 @@ function canonicalizeFilterForUncacheableKey(filter) {
   return canonicalizeForKey(base);
 }
 function startOfDayPST(date) {
-  const pstDate = (0, import_date_fns_tz2.utcToZonedTime)(date, TZ);
+  const pstDate = (0, import_date_fns_tz3.utcToZonedTime)(date, TZ);
   const startPst = (0, import_date_fns9.startOfDay)(pstDate);
-  return (0, import_date_fns_tz2.zonedTimeToUtc)(startPst, TZ);
+  return (0, import_date_fns_tz3.zonedTimeToUtc)(startPst, TZ);
 }
 function endOfDayPST(date) {
-  const pstDate = (0, import_date_fns_tz2.utcToZonedTime)(date, TZ);
+  const pstDate = (0, import_date_fns_tz3.utcToZonedTime)(date, TZ);
   const endPst = (0, import_date_fns9.endOfDay)(pstDate);
-  return (0, import_date_fns_tz2.zonedTimeToUtc)(endPst, TZ);
+  return (0, import_date_fns_tz3.zonedTimeToUtc)(endPst, TZ);
 }
 function normalizePSTRanges(start, end) {
   return {
@@ -23937,7 +23905,18 @@ var EventTrackingContext = (0, import_react.createContext)({
   eventTracking: null
 });
 var CacheCabContext = (0, import_react.createContext)({
-  getCacheCab: (storageType) => new CacheCab({ storageType })
+  getCacheCab: (storageType) => new CacheCab({
+    storageType,
+    client: {
+      clientId: "",
+      queryEndpoint: "",
+      queryHeaders: void 0,
+      withCredentials: false
+    },
+    tenants: [],
+    dashboards: [],
+    getToken: async () => ""
+  })
 });
 var ContextProvider = ({
   children,
@@ -23952,14 +23931,6 @@ var ContextProvider = ({
   getAuthorizationToken = async () => "",
   eventTracking = null
 }) => {
-  const cacheCabByTypeRef = (0, import_react.useRef)({});
-  const getCacheCab = (0, import_react.useCallback)((storageType) => {
-    const key = storageType === "idb" ? "idb" : "memory";
-    if (!cacheCabByTypeRef.current[key]) {
-      cacheCabByTypeRef.current[key] = new CacheCab({ storageType: key });
-    }
-    return cacheCabByTypeRef.current[key];
-  }, []);
   const [client, setClient] = (0, import_react.useState)(
     typeof window !== "undefined" && sessionStorage ? JSON.parse(sessionStorage.getItem("quill-client") ?? "null") : null
   );
@@ -23988,6 +23959,7 @@ var ContextProvider = ({
   const [isClientLoading, setIsClientLoading] = (0, import_react.useState)(false);
   const [isDashboardsLoading, setIsDashboardsLoading] = (0, import_react.useState)(true);
   const [theme, setTheme] = (0, import_react.useState)(null);
+  const [rawDashboards, setRawDashboards] = (0, import_react.useState)(void 0);
   const [schemaData, setSchemaData] = (0, import_react.useState)({
     schema: [],
     customFields: null,
@@ -24862,14 +24834,12 @@ var ContextProvider = ({
           }
           acc[dashboard2.name] = {};
           if (dashboard2.dateFilter) {
+            const primaryRangeValue = dashboard2.dateFilter.primaryRange?.value;
+            const selectedPresetRange = presetOptions.find((elem) => elem.value === primaryRangeValue) ?? PRIMARY_RANGE[primaryRangeValue ?? "LAST_30_DAYS"];
             dashboard2.dateFilter = {
               ...dashboard2.dateFilter,
-              startDate: presetOptions.find(
-                (elem) => elem.value === dashboard2.dateFilter.primaryRange?.value
-              )?.startDate,
-              endDate: presetOptions.find(
-                (elem) => elem.value === dashboard2.dateFilter.primaryRange?.value
-              )?.endDate,
+              startDate: selectedPresetRange?.startDate,
+              endDate: selectedPresetRange?.endDate,
               filterType: "date_range",
               presetOptions: dashboard2.dateFilter.presetOptions?.map(
                 (preset) => ({
@@ -25205,15 +25175,13 @@ var ContextProvider = ({
         }
         acc[dashboard2.name] = {};
         if (dashboard2.dateFilter) {
+          const primaryRangeValue = dashboard2.dateFilter.primaryRange?.value;
+          const selectedPresetRange = presetOptions.find((elem) => elem.value === primaryRangeValue) ?? PRIMARY_RANGE[primaryRangeValue ?? "LAST_30_DAYS"];
           dashboard2.dateFilter = {
             ...dashboard2.dateFilter,
             initialCacheDateRange: dashboard2.initialCacheDateRange ? { ...dashboard2.initialCacheDateRange } : void 0,
-            startDate: presetOptions.find(
-              (elem) => elem.value === dashboard2.dateFilter.primaryRange?.value
-            )?.startDate,
-            endDate: presetOptions.find(
-              (elem) => elem.value === dashboard2.dateFilter.primaryRange?.value
-            )?.endDate,
+            startDate: selectedPresetRange?.startDate,
+            endDate: selectedPresetRange?.endDate,
             filterType: "date_range",
             presetOptions: dashboard2.dateFilter.presetOptions?.map(
               (preset) => ({
@@ -25283,6 +25251,33 @@ var ContextProvider = ({
       });
     });
   }
+  const cacheCabByTypeRef = (0, import_react.useRef)({});
+  const getCacheCab = (0, import_react.useCallback)((storageType) => {
+    const key = storageType === "indexedDB" ? "indexedDB" : "memory";
+    if (!cacheCabByTypeRef.current[key]) {
+      cacheCabByTypeRef.current[key] = new CacheCab({
+        storageType: key,
+        client: {
+          clientId: publicKey,
+          queryEndpoint,
+          queryHeaders,
+          withCredentials: !!withCredentials
+        },
+        tenants,
+        dashboards: rawDashboards,
+        getToken: getAuthorizationToken
+      });
+    }
+    return cacheCabByTypeRef.current[key];
+  }, [
+    publicKey,
+    queryEndpoint,
+    queryHeaders,
+    withCredentials,
+    tenants,
+    getAuthorizationToken,
+    rawDashboards
+  ]);
   (0, import_react.useEffect)(() => {
     async function fetchEnvironment(publicKey2) {
       if (!publicKey2) return;
@@ -25347,6 +25342,8 @@ var ContextProvider = ({
           });
         }
         if (envData) {
+          const dashboardsFromEnv = envData.dashboards ?? envData.data?.dashboards ?? envData.environment?.dashboards ?? envData.dashboardsResponse ?? [];
+          setRawDashboards(dashboardsFromEnv);
           const normalizeSchema = (schema2) => {
             if (!schema2) return [];
             const tables = Array.isArray(schema2) ? schema2 : schema2?.tables && Array.isArray(schema2.tables) ? schema2.tables : [];
@@ -25391,9 +25388,7 @@ var ContextProvider = ({
           reportFiltersDispatch({ type: "CLEAR_REPORT_FILTERS" });
           reportsDispatch({ type: "CLEAR_REPORTS" });
           backfilledDashboards.current.clear();
-          hydrateDashboardsFromResponse(
-            envData.dashboards ?? envData.data?.dashboards ?? envData.environment?.dashboards ?? envData.dashboardsResponse ?? []
-          );
+          hydrateDashboardsFromResponse(dashboardsFromEnv);
           environmentHydratedRef.current = true;
         }
       } catch (error) {
@@ -25580,7 +25575,7 @@ init_filterProcessing();
 // src/utils/merge.ts
 var import_date_fns10 = require("date-fns");
 init_columnType();
-var import_date_fns_tz3 = require("date-fns-tz");
+var import_date_fns_tz4 = require("date-fns-tz");
 function mergeComparisonRange(resp) {
   if (resp.chartType === "table") return resp;
   const compRows = resp.compareRows;
@@ -26256,7 +26251,7 @@ var useDashboards = () => {
   };
 };
 var useDashboard = (dashboardName, config) => {
-  const logCacheStatistics = config?.showCacheLogs || false;
+  const logCacheStatistics = config?.frontendCacheConfig?.showCacheLogs || false;
   const { data, dashboardFilters, reload, isLoading } = useDashboardInternal(dashboardName);
   const [lastUpdated, setLastUpdated] = (0, import_react2.useState)(0);
   const { customFilterDispatch } = (0, import_react2.useContext)(DashboardFiltersContext);
@@ -26275,10 +26270,10 @@ var useDashboard = (dashboardName, config) => {
   const pendingNameChangeReload = (0, import_react2.useRef)(false);
   const [loadedDashes, setLoadedDashes] = (0, import_react2.useState)([]);
   const [lastUpdatedDict, setLastUpdatedDict] = (0, import_react2.useState)({});
-  const cacheEnabled = config?.cacheEnabled ?? false;
+  const cacheEnabled = config?.frontendCacheConfig?.cacheType !== void 0;
   const cacheCab = (0, import_react2.useMemo)(
-    () => getCacheCab(config?.cacheType),
-    [getCacheCab, config?.cacheType]
+    () => getCacheCab(config?.frontendCacheConfig?.cacheType),
+    [getCacheCab, config?.frontendCacheConfig?.cacheType]
   );
   (0, import_react2.useEffect)(() => {
     const nameChanged = dashboardName !== lastDashboardName.current;
@@ -26344,13 +26339,13 @@ var useDashboard = (dashboardName, config) => {
   (0, import_react2.useEffect)(() => {
     if (!fetchedInitialReports.current && data && dashboardFilters !== null) {
       fetchedInitialReports.current = true;
-      fetchReports([], dashboardFilters ?? [], config?.pageSize);
+      fetchReports([], dashboardFilters ?? [], config?.pageSize, config?.disableBackendCache ?? true);
     }
   }, [fetchedInitialReports, data, dashboardFilters, customFiltersLoaded]);
   (0, import_react2.useEffect)(() => {
     if (customFiltersLoaded && data && dashboardFilters !== null) {
       fetchedInitialReports.current = true;
-      fetchReports([], dashboardFilters ?? [], config?.pageSize);
+      fetchReports([], dashboardFilters ?? [], config?.pageSize, config?.disableBackendCache ?? true);
     }
   }, [customFiltersLoaded]);
   const applyDashboardFilters = (filtersToUpdate) => {
@@ -26461,13 +26456,13 @@ var useDashboard = (dashboardName, config) => {
     const customFilters = filters2.filter(isFilter2);
     const newCustomFilters = applyCustomFilters(customFilters);
     const newDashboardFilters = applyDashboardFilters(dashboardFilters2);
-    fetchReports(newCustomFilters, newDashboardFilters);
+    fetchReports(newCustomFilters, newDashboardFilters, void 0, config?.disableBackendCache ?? true);
   };
   const forceCacheRefresh = () => {
     if (!cacheEnabled) return;
-    fetchReports([], dashboardFilters ?? [], config?.pageSize, true);
+    fetchReports([], dashboardFilters ?? [], config?.pageSize, false);
   };
-  const fetchReports = async (customFilters, dashboardFilters2, pageSize, forceCacheToRefresh = false) => {
+  const fetchReports = async (customFilters, dashboardFilters2, pageSize, useBackendCache = true) => {
     if (!client || !sections) return;
     const allReports = Object.values(sections).flat();
     const fetchStartTime = Date.now();
@@ -26494,7 +26489,7 @@ var useDashboard = (dashboardName, config) => {
         const additionalProcessing = {
           page: pagination
         };
-        const usePivotTask = !cacheEnabled && !!reportInfo.pivot;
+        const usePivotTask = !!reportInfo.pivot;
         const allFilters = dashboardFilters2.concat(customFilters).concat(customReportFiltersArray);
         const applyInMemoryPivotIfNeeded = (report2) => {
           const pivotToApply = reportInfo.pivot ?? report2.pivot;
@@ -26519,31 +26514,32 @@ var useDashboard = (dashboardName, config) => {
             pivotRowCount: pivotRows.length
           };
         };
-        if (cacheEnabled && cacheCab.isCacheable(reportId)) {
-          const report2 = await cacheCab.get(reportId, dashboardFilters2, customFilters.concat(customReportFiltersArray), reportInfo.pivot, client, tenants, flags, pageSize, getToken, eventTracking, forceCacheToRefresh);
-          if (reportRequestIds.current[reportId] !== requestId) {
-            return null;
-          }
+        if (cacheEnabled) {
+          await cacheCab.ensureReady();
           if (cacheCab.isCacheable(reportId)) {
-            reportsDispatch({
-              type: "UPDATE_REPORT",
-              id: reportId,
-              data: {
-                ...report2,
-                pagination,
-                triggerReload: false
-              }
-            });
-            reportsLoadingStateDispatch({
-              type: "SET_REPORT_LOADING",
-              id: reportId,
-              data: false
-            });
-            totalCached += 1;
-            return report2;
+            const report2 = await cacheCab.get(reportId, dashboardFilters2, customFilters.concat(customReportFiltersArray), reportInfo.pivot, client, tenants, flags, pageSize, getToken, eventTracking, !useBackendCache);
+            if (reportRequestIds.current[reportId] !== requestId) {
+              return null;
+            }
+            if (cacheCab.isCacheable(reportId)) {
+              reportsDispatch({
+                type: "UPDATE_REPORT",
+                id: reportId,
+                data: {
+                  ...report2,
+                  pagination,
+                  triggerReload: false
+                }
+              });
+              reportsLoadingStateDispatch({
+                type: "SET_REPORT_LOADING",
+                id: reportId,
+                data: false
+              });
+              totalCached += 1;
+              return report2;
+            }
           }
-        }
-        if (cacheEnabled && !cacheCab.isCacheable(reportId)) {
           try {
             const { report: uncacheableReport, fromCache } = await cacheCab.getOrFetchUncacheableResult(
               reportId,
@@ -26559,19 +26555,20 @@ var useDashboard = (dashboardName, config) => {
                   client,
                   tenants,
                   flags,
-                  additionalProcessing,
+                  additionalProcessing: usePivotTask ? additionalProcessing : { page: { rowsPerPage: 1e3, rowsPerRequest: 1e5 } },
+                  // TODO wire maxRows from cacheCab state into here
                   filters: allFilters,
                   getToken,
                   eventTracking,
                   usePivotTask,
-                  overwriteCache: forceCacheToRefresh
+                  overwriteCache: !useBackendCache
                 });
                 if (error2 || !report2) {
                   throw error2 ?? new Error("Failed to fetch uncacheable report");
                 }
                 return report2;
               },
-              forceCacheToRefresh
+              !useBackendCache
             );
             if (reportRequestIds.current[reportId] !== requestId) {
               return null;
@@ -26603,7 +26600,7 @@ var useDashboard = (dashboardName, config) => {
                 filters: allFilters,
                 getToken,
                 additionalProcessing,
-                overwriteCache: forceCacheToRefresh
+                overwriteCache: !useBackendCache
               }).then(({ rows, rowCount, columns, fields }) => {
                 if (reportRequestIds.current[reportId] !== requestId) {
                   return;
@@ -26636,7 +26633,7 @@ var useDashboard = (dashboardName, config) => {
             return uncacheableReportWithPivot;
           } catch (error2) {
             console.error(error2);
-            const errorMessage = error2 instanceof Error ? error2.message : "Failed to fetch report";
+            const errorMessage = error2 instanceof Error ? error2.message : typeof error2 == "string" ? error2 : "Failed to fetch report";
             reportsDispatch({
               type: "UPDATE_REPORT",
               id: reportId,
@@ -26664,7 +26661,7 @@ var useDashboard = (dashboardName, config) => {
           getToken,
           eventTracking,
           usePivotTask,
-          overwriteCache: forceCacheToRefresh
+          overwriteCache: !useBackendCache
           // usePivotTask: false,
         });
         if (reportRequestIds.current[reportId] !== requestId) {
@@ -26699,7 +26696,7 @@ var useDashboard = (dashboardName, config) => {
             filters: allFilters,
             getToken,
             additionalProcessing,
-            overwriteCache: forceCacheToRefresh
+            overwriteCache: !useBackendCache
           }).then(({ rows, rowCount, columns, fields }) => {
             if (reportRequestIds.current[reportId] !== requestId) {
               return;
@@ -26732,12 +26729,12 @@ var useDashboard = (dashboardName, config) => {
         return report;
       })
     );
-    if (!loadedDashes.includes(dashboardName) || !cacheEnabled || forceCacheToRefresh) {
+    if (!loadedDashes.includes(dashboardName) || !cacheEnabled || !useBackendCache) {
       setLoadedDashes((prev) => prev.includes(dashboardName) ? prev : [...prev, dashboardName]);
       setLastUpdatedDict((prev) => ({ ...prev, [dashboardName]: Date.now() }));
     }
     if (logCacheStatistics) {
-      console.log(`Dashboard "${dashboardName}": Cache Rate: ${(100 * totalCached / allReports.length).toFixed(1)}%, load time: ${((Date.now() - fetchStartTime) / 1e3).toFixed(2)} secs`);
+      console.log(`Dashboard "${dashboardName}": Cache Rate: ${(100 * totalCached / Math.max(1, allReports.length)).toFixed(1)}%, load time: ${((Date.now() - fetchStartTime) / 1e3).toFixed(2)} secs`);
     }
   };
   return {
@@ -31292,7 +31289,7 @@ init_valueFormatter();
 
 // src/utils/axisFormatter.ts
 var import_date_fns11 = require("date-fns");
-var import_date_fns_tz4 = require("date-fns-tz");
+var import_date_fns_tz5 = require("date-fns-tz");
 var axisFormatter = ({ value, field, fields }) => {
   if (field === void 0 || field === null) return "";
   if (value === void 0 || value === null) return "";
@@ -31408,7 +31405,7 @@ var formatPercent2 = (value) => {
   return formatter.format(Number(value));
 };
 var _getUTCDateHelper2 = (value, fmt) => {
-  const utcDate = (0, import_date_fns_tz4.utcToZonedTime)(new Date(value), "UTC");
+  const utcDate = (0, import_date_fns_tz5.utcToZonedTime)(new Date(value), "UTC");
   if (!(0, import_date_fns11.isValid)(utcDate)) return "Invalid date";
   return (0, import_date_fns11.format)(utcDate, fmt);
 };
@@ -31418,7 +31415,7 @@ var format_MMM_yyyy2 = (value) => _getUTCDateHelper2(value, "MMM yyyy");
 var format_hh_ap_pm2 = (value) => _getUTCDateHelper2(value, "hh:mm aa");
 var format_MMM_dd_yyyy2 = (value) => _getUTCDateHelper2(value, "dd MMM yyyy");
 var format_MMM_dd_MMM_dd = (value) => {
-  const utcDate = (0, import_date_fns_tz4.utcToZonedTime)(new Date(value), "UTC");
+  const utcDate = (0, import_date_fns_tz5.utcToZonedTime)(new Date(value), "UTC");
   if (!(0, import_date_fns11.isValid)(utcDate)) return "Invalid date";
   const monday = (0, import_date_fns11.startOfWeek)(utcDate, { weekStartsOn: 1 });
   const sunday = (0, import_date_fns11.endOfWeek)(utcDate, { weekStartsOn: 1 });
@@ -31429,14 +31426,14 @@ var format_MMM_dd_MMM_dd = (value) => {
   }
 };
 var format_MMM_dd_hh_mm_ap_pm2 = (value) => {
-  const utcDate = (0, import_date_fns_tz4.utcToZonedTime)(new Date(value), "UTC");
+  const utcDate = (0, import_date_fns_tz5.utcToZonedTime)(new Date(value), "UTC");
   if (!(0, import_date_fns11.isValid)(utcDate)) return "Invalid date";
   const formatStr = utcDate.getMinutes() === 0 ? "MMM do h a" : "MMM do h:mm a";
   const res = (0, import_date_fns11.format)(utcDate, formatStr);
   return res.slice(0, -2) + res.slice(-2).toLowerCase();
 };
 var format_wo_yyyy2 = (value) => {
-  const utcDate = (0, import_date_fns_tz4.utcToZonedTime)(new Date(value), "UTC");
+  const utcDate = (0, import_date_fns_tz5.utcToZonedTime)(new Date(value), "UTC");
   if (!(0, import_date_fns11.isValid)(utcDate)) return "Invalid date";
   return `${(0, import_date_fns11.getWeek)(utcDate)},${utcDate.getFullYear()}`;
 };
@@ -37808,6 +37805,10 @@ function Chart({
     if (!shouldShowCloudCacheValidationErrors) return false;
     return reportUsesLimitClause(report);
   }, [report, shouldShowCloudCacheValidationErrors]);
+  const hasUncacheableReason = (0, import_react31.useMemo)(() => {
+    if (!shouldShowCloudCacheValidationErrors) return false;
+    return !!(report?.isCacheableReason && !report.isCacheable);
+  }, [report, shouldShowCloudCacheValidationErrors]);
   const missingDashboardFilterFields = (0, import_react31.useMemo)(() => {
     if (!shouldShowCloudCacheValidationErrors || !report) return [];
     return getMissingDashboardFilterFields({
@@ -37955,6 +37956,14 @@ function Chart({
   if (report?.error || error) {
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { style: containerStyle, className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChartError, { errorMessage: report?.error ?? error }) });
   }
+  if (hasUncacheableReason) {
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { style: containerStyle, className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      ChartError,
+      {
+        errorMessage: `The query for this report cannot be cached: ${report?.isCacheableReason}.`
+      }
+    ) });
+  }
   if (isMissingDateField) {
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { style: containerStyle, className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       ChartError,