@quillsql/react 2.16.35 → 2.16.37

package/dist/index.cjs

@@ -18813,6 +18813,21 @@ var init_tableProcessing = __esm({
   }
 });
 
+// src/utils/changelogNotify.ts
+function setChangelogHandler(handler) {
+  changelogHandler = handler;
+}
+function notifyChangelogs(entries) {
+  changelogHandler?.(entries);
+}
+var changelogHandler;
+var init_changelogNotify = __esm({
+  "src/utils/changelogNotify.ts"() {
+    "use strict";
+    changelogHandler = null;
+  }
+});
+
 // src/utils/dataFetcher.tsx
 var dataFetcher_exports = {};
 __export(dataFetcher_exports, {
@@ -18826,6 +18841,15 @@ __export(dataFetcher_exports, {
   quillFetch: () => quillFetch,
   quillStream: () => quillStream
 });
+function normalizeChangelogData(data) {
+  if (!data) return data;
+  if (Array.isArray(data.changelogs)) return data;
+  if (!Array.isArray(data.changeLogs)) return data;
+  return {
+    ...data,
+    changelogs: data.changeLogs
+  };
+}
 function fetchQuillData(responseData) {
   if (!responseData) {
     return null;
@@ -19346,6 +19370,7 @@ var init_dataFetcher = __esm({
     init_reportBuilder();
     init_tableProcessing();
     init_dates();
+    init_changelogNotify();
     quillFetch = async ({
       client,
       task,
@@ -19384,8 +19409,12 @@ var init_dataFetcher = __esm({
         if (result.data?.data && (result.data.queries || result.data.status || result.data.error)) {
           result = result.data;
         }
+        const normalizedData = normalizeChangelogData(result.data);
+        if (task !== "fetch-changelog-list" && Array.isArray(normalizedData?.changelogs)) {
+          notifyChangelogs(normalizedData.changelogs);
+        }
         return {
-          data: result.data,
+          data: normalizedData,
           queries: result.queries,
           status: result.status,
           error: result.error
@@ -19851,6 +19880,7 @@ __export(index_exports, {
   ThemeContext: () => ThemeContext,
   downloadCSV: () => downloadCSV,
   format: () => quillFormat,
+  quillFetch: () => quillFetch,
   useAllReports: () => useAllReports,
   useAskQuill: () => useAskQuill,
   useChangelogRefresh: () => useChangelogRefresh,
@@ -23773,6 +23803,7 @@ function normalizePSTRanges(start, end) {
 }
 
 // src/Context.tsx
+init_changelogNotify();
 var import_jsx_runtime = require("react/jsx-runtime");
 var dummySetter = () => {
 };
@@ -24211,7 +24242,8 @@ var ContextProvider = ({
   flags,
   isAdmin,
   getAuthorizationToken = async () => "",
-  eventTracking = null
+  eventTracking = null,
+  onChangelogs
 }) => {
   const cacheCabByTypeRef = (0, import_react.useRef)({});
   const getCacheCab = (0, import_react.useCallback)((storageType) => {
@@ -24221,6 +24253,10 @@ var ContextProvider = ({
     }
     return cacheCabByTypeRef.current[key];
   }, []);
+  (0, import_react.useEffect)(() => {
+    setChangelogHandler(onChangelogs ?? null);
+    return () => setChangelogHandler(null);
+  }, [onChangelogs]);
   const [client, setClient] = (0, import_react.useState)(
     typeof window !== "undefined" && sessionStorage ? JSON.parse(sessionStorage.getItem("quill-client") ?? "null") : null
   );
@@ -24278,8 +24314,7 @@ var ContextProvider = ({
     customReportFiltersReducer,
     {}
   );
-  const filterOptionsAbortControllers = (0, import_react.useRef)(/* @__PURE__ */ new Set());
-  const loadingFiltersForDashboard = (0, import_react.useRef)(/* @__PURE__ */ new Set());
+  const dashboardFilterLoadState = (0, import_react.useRef)({});
   const backfilledDashboards = (0, import_react.useRef)(/* @__PURE__ */ new Set());
   const [reportFilters, reportFiltersDispatch] = (0, import_react.useReducer)(
     reportFiltersReducer,
@@ -24645,14 +24680,15 @@ var ContextProvider = ({
     }
   }
   async function loadFiltersForDashboard(dashboardName, filters, updatedFilterLabel, customFilters) {
-    if (loadingFiltersForDashboard.current.has(dashboardName)) {
-      return;
-    }
-    loadingFiltersForDashboard.current.add(dashboardName);
+    const previousLoad = dashboardFilterLoadState.current[dashboardName];
+    previousLoad?.controllers.forEach((controller) => controller.abort());
+    const nextRequestId = (previousLoad?.requestId ?? 0) + 1;
+    dashboardFilterLoadState.current[dashboardName] = {
+      requestId: nextRequestId,
+      controllers: /* @__PURE__ */ new Set()
+    };
+    const shouldApply = () => dashboardFilterLoadState.current[dashboardName]?.requestId === nextRequestId;
     try {
-      filterOptionsAbortControllers.current.forEach(
-        (controller) => controller.abort()
-      );
       dashboardFiltersDispatch({
         type: "ADD_DASHBOARD_FILTERS",
         dashboardName,
@@ -24666,6 +24702,9 @@ var ContextProvider = ({
       });
       await Promise.allSettled(
         filters.map(async (filter) => {
+          if (!shouldApply()) {
+            return null;
+          }
           if (filter.filterType === "date_range") {
             dashboardFiltersDispatch({
               type: "UPDATE_DASHBOARD_FILTER",
@@ -24691,11 +24730,11 @@ var ContextProvider = ({
             return null;
           }
           if (filter.filterType === "tenant") {
-            await fetchTenantFilterOptions(dashboardName, filter);
+            await fetchTenantFilterOptions(dashboardName, filter, shouldApply);
             return null;
           }
           const filterOptionsAbortController = new AbortController();
-          filterOptionsAbortControllers.current.add(
+          dashboardFilterLoadState.current[dashboardName]?.controllers.add(
             filterOptionsAbortController
           );
           try {
@@ -24729,33 +24768,36 @@ var ContextProvider = ({
               getToken: getAuthorizationToken
             });
             const filterOptions = result.data?.filters[0]?.options ?? [];
-            dashboardFiltersDispatch({
-              type: "UPDATE_DASHBOARD_FILTER",
-              dashboardName,
-              filterName: filter.label,
-              data: {
-                filter: {
-                  ...filter,
-                  options: filterOptions
-                },
-                loading: false
-              }
-            });
-            return null;
-          } catch (error) {
-            if (error instanceof Error && error.name === "AbortError") {
+            if (shouldApply() && !filterOptionsAbortController.signal.aborted) {
               dashboardFiltersDispatch({
                 type: "UPDATE_DASHBOARD_FILTER",
                 dashboardName,
                 filterName: filter.label,
                 data: {
-                  filter,
+                  filter: {
+                    ...filter,
+                    options: filterOptions
+                  },
                   loading: false
                 }
               });
+            }
+            return null;
+          } catch (error) {
+            if (error instanceof Error && error.name === "AbortError") {
+              if (shouldApply()) {
+                dashboardFiltersDispatch({
+                  type: "UPDATE_DASHBOARD_FILTER",
+                  dashboardName,
+                  filterName: filter.label,
+                  data: {
+                    filter,
+                    loading: false
+                  }
+                });
+              }
               return;
             }
-            console.error("ERROR:", error);
             eventTracking?.logError?.({
               type: "bug",
               // TODO: determine type
@@ -24769,14 +24811,13 @@ var ContextProvider = ({
               }
             });
           } finally {
-            filterOptionsAbortControllers.current.delete(
+            dashboardFilterLoadState.current[dashboardName]?.controllers.delete(
               filterOptionsAbortController
             );
           }
         })
       );
     } finally {
-      loadingFiltersForDashboard.current.delete(dashboardName);
     }
   }
   async function loadDashboard(dashboardName, fetchFromServer = false, reportAction) {
@@ -25404,8 +25445,11 @@ var ContextProvider = ({
     },
     [populatedClient, viewerTenantsByOwner]
   );
-  const fetchTenantFilterOptions = async (dashboardName, filter) => {
+  const fetchTenantFilterOptions = async (dashboardName, filter, shouldApply) => {
     const mappings = await getMappedTenantsForDashboard(dashboardName);
+    if (!shouldApply()) {
+      return;
+    }
     const options = mappings?.[filter.field] ?? [];
     dashboardFiltersDispatch({
       type: "UPDATE_DASHBOARD_FILTER",
@@ -26169,6 +26213,40 @@ var useAllReports = () => {
     allReportsById
   };
 };
+function hydrateDateFilter(raw) {
+  if (!raw) return void 0;
+  return {
+    ...raw,
+    presetOptions: raw.presetOptions?.map(
+      (p) => ({
+        ...p,
+        loopStart: p.loopStart ? new Date(p.loopStart) : void 0,
+        loopEnd: p.loopEnd ? new Date(p.loopEnd) : void 0
+      })
+    ),
+    defaultPresetRanges: raw.defaultPresetRanges?.map(
+      (p) => ({
+        ...p,
+        loopStart: p.loopStart ? new Date(p.loopStart) : void 0,
+        loopEnd: p.loopEnd ? new Date(p.loopEnd) : void 0,
+        customLabel: p.customLabel
+      })
+    )
+  };
+}
+function getTaskResponseError(result) {
+  const status = result.status ?? result.data?.status;
+  const message = result.error ?? result.data?.error;
+  if (status === "error") {
+    return message ?? "Request failed";
+  }
+  if (message) {
+    if (!result.data?.dashboard) {
+      return message;
+    }
+  }
+  return void 0;
+}
 var useDashboards = () => {
   const [dashboardReports, dashboardDispatch] = (0, import_react2.useContext)(DashboardContext);
   const {
@@ -26179,7 +26257,8 @@ var useDashboards = () => {
   const {
     dashboardFilters,
     loadFiltersForDashboard,
-    dispatch: dashboardFiltersDispatch
+    dispatch: dashboardFiltersDispatch,
+    customFilterDispatch
   } = (0, import_react2.useContext)(DashboardFiltersContext);
   const { reportsDispatch } = (0, import_react2.useContext)(ReportsContext);
   const { reportFiltersDispatch } = (0, import_react2.useContext)(ReportFiltersContext);
@@ -26206,7 +26285,8 @@ var useDashboards = () => {
     tenantFilters,
     filters,
     dateFilter,
-    dashboardOwners
+    dashboardOwners,
+    clientId
   }) => {
     if (!client) return;
     if (dashboardOwners?.some((key) => !key)) {
@@ -26234,7 +26314,7 @@ var useDashboards = () => {
       dateFilter,
       name: name2.trim(),
       task: "edit-dashboard",
-      clientId: client.clientId,
+      clientId: clientId ?? client.clientId,
       tenantKeys: dashboardOwners
     };
     try {
@@ -26243,6 +26323,10 @@ var useDashboards = () => {
         task: "edit-dashboard",
         metadata: body
       });
+      const updatedDashboard = updated.data.dashboard;
+      if (!updatedDashboard) {
+        throw new Error("Missing dashboard in edit-dashboard response");
+      }
       eventTracking?.logEvent?.("create-dashboard", {
         dashboardName: name2
       });
@@ -26257,8 +26341,8 @@ var useDashboards = () => {
         id: name2,
         data: {
           config: {
-            ...updated.data.dashboard,
-            createdAt: new Date(updated.data.dashboard.createdAt)
+            ...updatedDashboard,
+            createdAt: new Date(updatedDashboard.createdAt)
           },
           loading: false
         }
@@ -26286,22 +26370,17 @@ var useDashboards = () => {
     dateFilter,
     customFilters,
     tenantKeys,
-    initialCacheDateRange
+    initialCacheDateRange,
+    clientId
   }) => {
-    if (!client) return;
+    if (!client) {
+      throw new Error("Client not loaded");
+    }
     if (tenantKeys?.some((key) => !key)) {
       throw new Error("Tenant keys cannot be empty or undefined");
     }
     const dashboard = dashboardConfig[name2]?.config;
-    dashboardConfigDispatch({
-      type: "DELETE_DASHBOARD",
-      id: name2
-    });
     const oldFilters = dashboardFilters[name2];
-    dashboardFiltersDispatch({
-      type: "DELETE_DASHBOARD_FILTERS",
-      dashboardName: name2
-    });
     const body = {
       newDashboardName: newName.trim(),
       filters,
@@ -26310,7 +26389,7 @@ var useDashboards = () => {
       initialCacheDateRange,
       name: name2.trim(),
       task: "edit-dashboard",
-      clientId: client.clientId,
+      clientId: clientId ?? client.clientId,
       tenantKeys
     };
     try {
@@ -26319,9 +26398,23 @@ var useDashboards = () => {
         task: "edit-dashboard",
         metadata: body
       });
+      const taskError = getTaskResponseError(updated);
+      if (taskError) {
+        throw new Error(taskError);
+      }
+      const updatedDashboard = updated?.data?.dashboard ?? updated?.metadata?.dashboard ?? updated?.data?.metadata?.dashboard;
+      if (!updatedDashboard) {
+        throw new Error("Missing dashboard in edit-dashboard response");
+      }
+      if (name2 !== updatedDashboard.name) {
+        dashboardConfigDispatch({
+          type: "DELETE_DASHBOARD",
+          id: name2
+        });
+      }
       eventTracking?.logEvent?.("update-dashboard", {
-        dashboardName: updated.data.dashboard.name,
-        dashboardId: updated.data.dashboard.dashboardId
+        dashboardName: updatedDashboard.name,
+        dashboardId: updatedDashboard.dashboardId
       });
       if (filters.length > 0 || dateFilter) {
         eventTracking?.logEvent?.("update-dashboard-filters", {
@@ -26331,36 +26424,19 @@ var useDashboards = () => {
       }
       dashboardConfigDispatch({
         type: "UPDATE_DASHBOARD",
-        id: updated.data.dashboard.name,
+        id: updatedDashboard.name,
         data: {
           config: {
             ...dashboard,
-            ...updated.data.dashboard,
+            ...updatedDashboard,
             allTenantFilters: tenantFilters ?? [],
-            dateFilter: updated.data.dashboard.dateFilter ? {
-              ...updated.data.dashboard.dateFilter,
-              presetOptions: updated.data.dashboard.dateFilter.presetOptions?.map(
-                (preset) => ({
-                  ...preset,
-                  loopStart: preset.loopStart ? new Date(preset.loopStart) : void 0,
-                  loopEnd: preset.loopEnd ? new Date(preset.loopEnd) : void 0
-                })
-              ),
-              defaultPresetRanges: updated.data.dashboard.dateFilter.defaultPresetRanges?.map(
-                (preset) => ({
-                  ...preset,
-                  loopStart: preset.loopStart ? new Date(preset.loopStart) : void 0,
-                  loopEnd: preset.loopEnd ? new Date(preset.loopEnd) : void 0,
-                  customLabel: preset.customLabel
-                })
-              )
-            } : void 0,
-            createdAt: new Date(updated.data.dashboard.createdAt)
+            dateFilter: hydrateDateFilter(updatedDashboard.dateFilter),
+            createdAt: new Date(updatedDashboard.createdAt)
           },
           loading: false
         }
       });
-      Object.values(updated.data.dashboard.sections ?? {}).flat().forEach((report) => {
+      Object.values(updatedDashboard.sections ?? {}).flat().forEach((report) => {
         dashboardDispatch({
           type: "ADD_DASHBOARD_ITEM",
           id: report._id,
@@ -26386,42 +26462,28 @@ var useDashboards = () => {
           id: report._id
         });
       });
-      if (dashboardFilters[name2])
+      if (dashboardFilters[name2] && name2 !== newName)
         dashboardFiltersDispatch({
           type: "ADD_DASHBOARD_FILTERS",
           dashboardName: newName,
           data: dashboardFilters[name2]
         });
+      const dateFilterSource = updatedDashboard.dateFilter ?? dateFilter;
       const range = convertPresetOptionsToSelectableList(
-        updated.data.dashboard.dateFilter?.presetOptions ?? [],
-        updated.data.dashboard.dateFilter?.defaultPresetRanges ?? []
+        dateFilterSource?.presetOptions ?? [],
+        dateFilterSource?.defaultPresetRanges ?? []
       ).find(
-        (option) => option.value === updated.data.dashboard.dateFilter?.primaryRange?.value
-      ) ?? PRIMARY_RANGE[updated.data.dashboard.dateFilter?.primaryRange?.value ?? "LAST_30_DAYS"] ?? PRIMARY_RANGE["LAST_30_DAYS"];
-      const updatedDateFilter = updated.data.dashboard.dateFilter ? {
-        ...updated.data.dashboard.dateFilter,
-        presetOptions: updated.data.dashboard.dateFilter.presetOptions?.map(
-          (preset) => ({
-            ...preset,
-            loopStart: preset.loopStart ? new Date(preset.loopStart) : void 0,
-            loopEnd: preset.loopEnd ? new Date(preset.loopEnd) : void 0
-          })
-        ),
-        defaultPresetRanges: updated.data.dashboard.dateFilter.defaultPresetRanges?.map(
-          (preset) => ({
-            ...preset,
-            loopStart: preset.loopStart ? new Date(preset.loopStart) : void 0,
-            loopEnd: preset.loopEnd ? new Date(preset.loopEnd) : void 0,
-            customLabel: preset.customLabel
-          })
-        ),
-        dashboardName: updated.data.dashboard.name,
-        preset: updated.data.dashboard.dateFilter.primaryRange,
+        (option) => option.value === dateFilterSource?.primaryRange?.value
+      ) ?? PRIMARY_RANGE[dateFilterSource?.primaryRange?.value ?? "LAST_30_DAYS"] ?? PRIMARY_RANGE["LAST_30_DAYS"];
+      const updatedDateFilter = dateFilterSource ? {
+        ...hydrateDateFilter(dateFilterSource),
+        dashboardName: updatedDashboard.name,
+        preset: dateFilterSource.primaryRange,
         filterType: "date_range" /* Date */,
         dateField: [
           ...new Map(
             Object.values(
-              dashboardConfig[updated.data.dashboard.name]?.config.sections ?? {}
+              dashboardConfig[updatedDashboard.name]?.config.sections ?? {}
             ).flat().map((report) => {
               const key = JSON.stringify(report.dateField);
               return [key, report.dateField];
@@ -26433,11 +26495,13 @@ var useDashboards = () => {
         endDate: !range.endDate || range.endDate instanceof Date ? range.endDate : new Date(range.endDate)
         // when range.endDate is a string
       } : void 0;
-      const mappedTenants = await getMappedTenantsForDashboard(newName);
+      const mappedTenants = await getMappedTenantsForDashboard(newName).catch(
+        () => void 0
+      );
       const mappedTenantKeys = Object.keys(mappedTenants ?? {});
       const newFilters = [
         ...updatedDateFilter ? [updatedDateFilter] : [],
-        ...updated.data.dashboard.filters.map(
+        ...(updatedDashboard.filters ?? []).map(
           (f) => ({
             ...f,
             selectedValue: oldFilters?.[f.label]?.filter?.selectedValue,
@@ -26445,7 +26509,7 @@ var useDashboards = () => {
             operator: oldFilters?.[f.label]?.filter?.operator
           })
         ) ?? [],
-        ...(updated.data.dashboard.tenantFilters?.map(
+        ...(updatedDashboard.tenantFilters?.map(
           (f) => ({
             ...f,
             values: oldFilters?.[f.label]?.filter?.values
@@ -26468,16 +26532,18 @@ var useDashboards = () => {
           };
         }
       });
-      dashboardFiltersDispatch({
-        type: "DELETE_DASHBOARD_FILTERS",
-        dashboardName: name2
-      });
-      loadFiltersForDashboard(
-        updated.data.dashboard.name,
+      await loadFiltersForDashboard(
+        updatedDashboard.name,
         newFilters,
         void 0,
         customFilters
       );
+      if (name2 !== updatedDashboard.name) {
+        dashboardFiltersDispatch({
+          type: "DELETE_DASHBOARD_FILTERS",
+          dashboardName: name2
+        });
+      }
     } catch (e) {
       console.error(e);
       eventTracking?.logError?.({
@@ -26492,6 +26558,7 @@ var useDashboards = () => {
           function: "updateDashboard"
         }
       });
+      throw e;
     }
   };
   const deleteDashboard = async (name2) => {
@@ -26509,6 +26576,14 @@ var useDashboards = () => {
       type: "DELETE_DASHBOARD",
       id: name2
     });
+    dashboardFiltersDispatch({
+      type: "DELETE_DASHBOARD_FILTERS",
+      dashboardName: name2
+    });
+    customFilterDispatch({
+      type: "DELETE_CUSTOM_DASHBOARD_FILTERS",
+      dashboardName: name2
+    });
   };
   return {
     dashboards: isLoading || isDashboardsLoading ? null : dashboards,
@@ -26736,7 +26811,7 @@ var useDashboard = (dashboardName, config) => {
     const fetchStartTime = Date.now();
     let totalCached = 0;
     await Promise.all(
-      allReports.map(async (reportInfo, idx) => {
+      allReports.map(async (reportInfo) => {
         const reportId = reportInfo.id;
         const requestId = (reportRequestIds.current[reportId] ?? 0) + 1;
         reportRequestIds.current[reportId] = requestId;
@@ -26783,7 +26858,19 @@ var useDashboard = (dashboardName, config) => {
           };
         };
         if (cacheEnabled && cacheCab.isCacheable(reportId)) {
-          const report2 = await cacheCab.get(reportId, dashboardFilters2, customFilters.concat(customReportFiltersArray), reportInfo.pivot, client, tenants, flags, pageSize, getToken, eventTracking, forceCacheToRefresh);
+          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;
           }
@@ -26996,11 +27083,15 @@ var useDashboard = (dashboardName, config) => {
       })
     );
     if (!loadedDashes.includes(dashboardName) || !cacheEnabled || forceCacheToRefresh) {
-      setLoadedDashes((prev) => prev.includes(dashboardName) ? prev : [...prev, dashboardName]);
+      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 / allReports.length).toFixed(1)}%, load time: ${((Date.now() - fetchStartTime) / 1e3).toFixed(2)} secs`
+      );
     }
   };
   return {
@@ -29795,7 +29886,9 @@ var QuillChartBuilderFormContainer = ({
         gap: 24,
         overflow: "auto",
         flexGrow: 1,
-        marginBottom: 40,
+        // ChartBuilder pins the submit row with position:absolute; bottom:0 (~72px tall).
+        // Padding (not margin) extends the scrollable region so fields clear that bar.
+        paddingBottom: 88,
         paddingLeft: 20,
         paddingRight: 20,
         boxSizing: "border-box"
@@ -42239,7 +42332,8 @@ var getThemedStyles = (theme) => ({
 function Dashboard({
   name: name2,
   onClickReport,
-  containerStyle
+  containerStyle,
+  EmptyDashboardComponent
 }) {
   const [themeFromContext] = (0, import_react41.useContext)(ThemeContext);
   const theme = (0, import_react41.useMemo)(
@@ -42422,7 +42516,8 @@ function Dashboard({
         sections,
         sectionOrder,
         onClickReport,
-        styles: themedStyles
+        styles: themedStyles,
+        EmptyDashboardComponent
       }
     )
   ] });
@@ -42430,7 +42525,8 @@ function Dashboard({
 function DashboardContent({
   sections,
   sectionOrder,
-  onClickReport
+  onClickReport,
+  EmptyDashboardComponent
 }) {
   const getSection = (name2) => {
     if (!sections) {
@@ -42491,6 +42587,11 @@ function DashboardContent({
       return aIndex - bIndex;
     });
   }, [sections, sectionOrder]);
+  if (sections && (Object.keys(sections).length === 0 || Object.values(sections).flat().length === 0)) {
+    if (EmptyDashboardComponent) {
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(EmptyDashboardComponent, {});
+    }
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { style: styles.contentWrap, children: [
     metricReports.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: styles.splitGrid, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("section", { children: metricReports.map((report) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       "div",
@@ -42609,7 +42710,8 @@ var QuillProvider = ({
   withCredentials,
   isAdmin,
   getAuthorizationToken,
-  eventTracking
+  eventTracking,
+  onChangelogs
 }) => {
   if (queryEndpoint === QUILL_SERVER + QUILL_QUERY_ENDPOINT && !tenants) {
     throw new Error("Tenants are required when using the quill cloud endpoint");
@@ -42628,6 +42730,7 @@ var QuillProvider = ({
       isAdmin,
       getAuthorizationToken,
       eventTracking,
+      onChangelogs,
       children
     }
   );
@@ -46821,9 +46924,7 @@ function ChartBuilder({
           );
           return [
             key,
-            tenantType?.tenantField === SINGLE_TENANT ? tenantType?.flags ?? [] : tenantType?.tenantIds?.map((id) => id?.flag).filter(
-              (f) => f != null
-            ) ?? []
+            tenantType?.tenantField === SINGLE_TENANT ? tenantType?.flags ?? [] : tenantType?.tenantIds?.map((id) => id?.flag).filter((f) => f != null) ?? []
           ];
         } else {
           return [key, value];
@@ -49565,7 +49666,8 @@ function ChartBuilder({
                                   SecondaryButtonComponent,
                                   {
                                     onClick: deleteChart,
-                                    label: "Delete"
+                                    label: "Delete",
+                                    disabled: isSubmitting
                                   }
                                 ),
                                 !hideSubmitButton && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
@@ -49576,7 +49678,8 @@ function ChartBuilder({
                                         setIsOpen(false);
                                         onDiscardChanges && onDiscardChanges();
                                       },
-                                      label: "Discard changes"
+                                      label: "Discard changes",
+                                      disabled: isSubmitting
                                     }
                                   ),
                                   /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
@@ -49589,10 +49692,11 @@ function ChartBuilder({
                                           editChart();
                                         }
                                       },
-                                      disabled: formData.name === "" || formData.dashboardName === "" || formData.chartType === "" || filterIssues.length !== 0 || Object.values(validFilter).includes(false) || currentDashboard?.tenantKeys && customTenantAccess && Object.values(formFlags ?? {}).every(
+                                      disabled: isSubmitting || formData.name === "" || formData.dashboardName === "" || formData.chartType === "" || filterIssues.length !== 0 || Object.values(validFilter).includes(false) || currentDashboard?.tenantKeys && customTenantAccess && Object.values(formFlags ?? {}).every(
                                         (value) => !value.length
                                       ),
                                       tooltipText: memoizedTooltipText,
+                                      isLoading: isSubmitting,
                                       label: buttonLabel ? buttonLabel : report ? "Save changes" : "Add to dashboard"
                                     }
                                   )
@@ -59284,16 +59388,24 @@ var useVirtualTables = () => {
       getToken,
       eventTracking
     });
-    setSchemaData({
-      schema: schemaData.schema.map((table) => {
+    setSchemaData((prev) => {
+      const existingIds = new Set(prev.schema.map((table) => table._id));
+      const updatedSchema = prev.schema.map((table) => {
         if (tableIds.includes(table._id)) {
           return schema.find((newTable) => newTable._id === table._id) || table;
         }
         return table;
-      }, {}),
-      customFields: customFieldsByTable,
-      isSchemaLoading: false,
-      schemaWithCustomFields
+      });
+      const addedSchema = schema.filter(
+        (table) => tableIds.includes(table._id) && !existingIds.has(table._id)
+      );
+      return {
+        ...prev,
+        schema: [...updatedSchema, ...addedSchema],
+        customFields: customFieldsByTable,
+        isSchemaLoading: false,
+        schemaWithCustomFields
+      };
     });
     return {
       schema,
@@ -59369,27 +59481,67 @@ var useVirtualTables = () => {
 
 // src/hooks/useChangelogRefresh.ts
 var import_react67 = require("react");
+init_filterProcessing();
 var CALLER = "agent-changelog";
+var getChangeType = (entry) => {
+  let parsed;
+  if (typeof entry.changeObject === "string") {
+    try {
+      parsed = JSON.parse(entry.changeObject);
+    } catch {
+      return "UNKNOWN";
+    }
+  } else if (entry.changeObject && typeof entry.changeObject === "object") {
+    parsed = entry.changeObject;
+  } else {
+    console.error(`Unknown changelog entry ${entry._id}`);
+    return "UNKNOWN";
+  }
+  const changeType = parsed?.changeType;
+  return typeof changeType === "string" ? changeType.toUpperCase() : "UNKNOWN";
+};
 var useChangelogRefresh = () => {
-  const { loadDashboard, dashboardConfig } = (0, import_react67.useContext)(DashboardConfigContext);
+  const { loadDashboard, dashboardConfig, dashboardConfigDispatch } = (0, import_react67.useContext)(DashboardConfigContext);
+  const {
+    loadFiltersForDashboard,
+    dispatch: dashboardFiltersDispatch,
+    customFilterDispatch
+  } = (0, import_react67.useContext)(DashboardFiltersContext);
+  const [, dashboardDispatch] = (0, import_react67.useContext)(DashboardContext);
+  const { reportsDispatch } = (0, import_react67.useContext)(ReportsContext);
+  const [, setSchemaData] = (0, import_react67.useContext)(SchemaDataContext);
   const { allReportsById } = useAllReports();
   const { reloadSome } = useVirtualTables();
   const refreshChangelogEntries = async (entries, client) => {
     const dashboardsToReload = /* @__PURE__ */ new Set();
     let reloadAllDashboards = false;
     const schemaIds = [];
+    const schemaIdsToRemove = /* @__PURE__ */ new Set();
+    const dashboardsToRemove = /* @__PURE__ */ new Set();
+    const reportsToRemove = /* @__PURE__ */ new Map();
     for (const entry of entries) {
       if (!entry.entityId || !entry.entityType) continue;
+      const changeType = getChangeType(entry);
       switch (entry.entityType) {
         case "schema":
-          schemaIds.push(entry.entityId);
+          if (changeType === "DELETE") {
+            schemaIdsToRemove.add(entry.entityId);
+          } else {
+            schemaIds.push(entry.entityId);
+          }
           break;
         case "dashboard":
-          dashboardsToReload.add(entry.entityId);
+          if (changeType === "DELETE") {
+            dashboardsToRemove.add(entry.entityId);
+          } else {
+            dashboardsToReload.add(entry.entityId);
+          }
           break;
         case "report": {
           const owningDashboard = allReportsById[entry.entityId]?.dashboardName;
-          if (owningDashboard) {
+          if (changeType === "DELETE") {
+            reportsToRemove.set(entry.entityId, owningDashboard);
+          } else if (owningDashboard) {
             dashboardsToReload.add(owningDashboard);
           } else {
             reloadAllDashboards = true;
@@ -59400,25 +59552,97 @@ var useChangelogRefresh = () => {
           break;
       }
     }
-    const finalDashboardSet = reloadAllDashboards ? new Set(Object.keys(dashboardConfig)) : dashboardsToReload;
+    if (schemaIdsToRemove.size) {
+      setSchemaData((prev) => ({
+        ...prev,
+        schema: prev.schema.filter(
+          (table) => !schemaIdsToRemove.has(table._id)
+        ),
+        schemaWithCustomFields: (prev.schemaWithCustomFields ?? []).filter(
+          (table) => !schemaIdsToRemove.has(table?._id)
+        )
+      }));
+    }
+    for (const dashboardName of dashboardsToRemove) {
+      dashboardConfigDispatch({ type: "DELETE_DASHBOARD", id: dashboardName });
+      dashboardFiltersDispatch({
+        type: "DELETE_DASHBOARD_FILTERS",
+        dashboardName
+      });
+      customFilterDispatch({
+        type: "DELETE_CUSTOM_DASHBOARD_FILTERS",
+        dashboardName
+      });
+      dashboardDispatch({ type: "CLEAR_DASHBOARD", dashboard: dashboardName });
+      dashboardsToReload.delete(dashboardName);
+    }
+    for (const [reportId] of reportsToRemove) {
+      reportsDispatch({ type: "DELETE_REPORT", id: reportId });
+      dashboardDispatch({ type: "REMOVE_DASHBOARD_ITEM", id: reportId });
+    }
+    const finalDashboardSet = reloadAllDashboards ? new Set(
+      Object.keys(dashboardConfig).filter(
+        (d) => !dashboardsToRemove.has(d)
+      )
+    ) : dashboardsToReload;
     const tasks = [];
-    if (schemaIds.length) {
+    const schemaIdsToReload = schemaIds.filter(
+      (id) => !schemaIdsToRemove.has(id)
+    );
+    if (schemaIdsToReload.length) {
       tasks.push(
-        reloadSome(client, schemaIds, CALLER).catch((err) => {
+        reloadSome(client, schemaIdsToReload, CALLER).catch((err) => {
           console.warn("[changelog-refresh] reloadSome failed:", err);
         })
       );
     }
+    for (const [reportId, owningDashboard] of reportsToRemove) {
+      if (!owningDashboard) continue;
+      finalDashboardSet.delete(owningDashboard);
+      tasks.push(
+        Promise.resolve(
+          loadDashboard(owningDashboard, true, {
+            report: { id: reportId },
+            action: "delete"
+          })
+        ).catch((err) => {
+          console.warn(
+            `[changelog-refresh] loadDashboard "${owningDashboard}" (report delete) failed:`,
+            err
+          );
+        })
+      );
+    }
     for (const dashboardName of finalDashboardSet) {
       tasks.push(
-        Promise.resolve(loadDashboard(dashboardName, true)).catch(
-          (err) => {
-            console.warn(
-              `[changelog-refresh] loadDashboard "${dashboardName}" failed:`,
-              err
-            );
-          }
-        )
+        Promise.resolve(loadDashboard(dashboardName, true)).then((updatedDashboard) => {
+          if (!updatedDashboard) return;
+          const dateFilter = updatedDashboard.dateFilter ? createDefaultDateFilter(
+            updatedDashboard.dateFilter,
+            Object.values(updatedDashboard.sections ?? {}).flat(),
+            dashboardName
+          ) : void 0;
+          return loadFiltersForDashboard(
+            dashboardName,
+            [
+              ...dateFilter ? [dateFilter] : [],
+              ...updatedDashboard.filters?.map((filter) => ({
+                ...filter,
+                query: void 0
+              })) ?? [],
+              ...updatedDashboard.tenantFilters?.map((filter) => ({
+                ...filter
+              })) ?? []
+            ],
+            void 0,
+            void 0
+          );
+        }).catch((err) => {
+          console.warn(
+            `[changelog-refresh] loadDashboard "${dashboardName}" failed:`,
+            err
+          );
+        })
       );
     }
     await Promise.all(tasks);
@@ -59429,6 +59653,7 @@ var useChangelogRefresh = () => {
 };
 
 // src/index.ts
+init_dataFetcher();
 init_dataProcessing();
 init_Filter();
 init_constants();
@@ -59465,6 +59690,7 @@ init_constants();
   ThemeContext,
   downloadCSV,
   format,
+  quillFetch,
   useAllReports,
   useAskQuill,
   useChangelogRefresh,