@quillsql/react 2.16.2 → 2.16.3

package/dist/index.cjs

@@ -379,7 +379,7 @@ var init_constants = __esm({
     "use strict";
     MAX_PIVOT_UNIQUE_VALUES = 250;
     QUILL_SERVER = typeof process !== "undefined" && process.env ? process.env.QUILL_SERVER_HOST ?? "https://quill-344421.uc.r.appspot.com" : "https://quill-344421.uc.r.appspot.com";
-    QUILL_QUERY_ENDPOINT = typeof process !== "undefined" && process.env ? process.env.QUILL_QUERY_ENDPOINT ?? "/cloud" : "/cloud";
+    QUILL_QUERY_ENDPOINT = typeof process !== "undefined" && process.env ? process.env.QUILL_QUERY_ENDPOINT ?? "/cloud/engine" : "/cloud/engine";
     ALL_TENANTS = "QUILL_ALL_TENANTS";
     SINGLE_TENANT = "QUILL_SINGLE_TENANT";
     SAVED_QUERIES_DASHBOARD = "quill-saved-queries";
@@ -15946,6 +15946,7 @@ async function generatePivotWithSQL({
   dateFilter,
   distinctStrings,
   dashboardName,
+  dashboardFilters,
   tenants,
   additionalProcessing,
   pivotQuery,
@@ -15989,6 +15990,7 @@ async function generatePivotWithSQL({
     metadata: {
       clientId: client.clientId,
       pivot: pivotConfig,
+      reportId: report?.id !== "__quillTempReport" ? report?.id : void 0,
       itemQuery: reportBuilderState ? void 0 : report?.queryString,
       // Don't send itemQuery if reportBuilderState is present
       reportBuilderState,
@@ -15996,6 +15998,11 @@ async function generatePivotWithSQL({
       databaseType,
       // Required when sending reportBuilderState
       dashboardName,
+      filters: !report?.id ? void 0 : dashboardFilters?.map((filter) => ({
+        ...filter,
+        options: void 0
+      })),
+      // Only pass dashboard filters in Dashboard context, not ReportBuilder
       tenants,
       additionalProcessing
     },
@@ -16165,6 +16172,7 @@ async function generatePivotTable({
   eventTracking,
   uniqueValues,
   dashboardName,
+  dashboardFilters,
   tenants,
   additionalProcessing,
   caller,
@@ -16182,6 +16190,7 @@ async function generatePivotTable({
         dateBucket,
         dateFilter,
         dashboardName,
+        dashboardFilters,
         tenants,
         additionalProcessing,
         caller,
@@ -17173,27 +17182,6 @@ var init_astProcessing = __esm({
         if (!tableInfo) {
           throw new Error("Table info not found");
         }
-        console.log("[astProcessing] Calling report-builder-unique-values", {
-          table: processedName,
-          columnCount: tableInfo.columns.length,
-          reportBuilderState: {
-            tables: [{ name: processedName }],
-            columns: tableInfo.columns.map(
-              (col) => ({
-                field: col.field,
-                table: processedName,
-                label: col.label,
-                format: col.format,
-                aggregate: void 0,
-                customExpression: void 0
-              })
-            ),
-            filters: [],
-            sorts: [],
-            groupByColumns: [],
-            limit: void 0
-          }
-        });
         const uniqueValues = await getUniqueStringValuesByColumn({
           columns: tableInfo.columns,
           tableName: processedName,
@@ -17274,12 +17262,15 @@ var init_astProcessing = __esm({
         if (!report) {
           throw new Error("Report not found");
         }
-        const resp = astify(
-          report.queryString,
-          client.databaseType || "postgresql",
-          true
-          // useNewNodeSql = true
-        );
+        const { data: resp } = await quillFetch({
+          client,
+          task: "astify",
+          metadata: {
+            query: report.queryString,
+            useNewNodeSql: true
+          },
+          getToken
+        });
         if (resp.success === false) {
           throw new Error(resp.message || "Couldn't process report query.");
         }
@@ -17620,7 +17611,15 @@ var init_tableProcessing = __esm({
             baseQuery = withMatch[1];
           }
           const dbType = client.databaseType || "postgresql";
-          const astResponse = astify(baseQuery, dbType, true);
+          const { data: astResponse } = await quillFetch({
+            client,
+            task: "astify",
+            metadata: {
+              query: baseQuery,
+              useNewNodeSql: true
+            },
+            getToken
+          });
           if (astResponse.success && astResponse.ast) {
             const selectAst = getSelectFromAST(astResponse.ast);
             const tableNames = selectAst.from ? selectAst.from.map((t) => t.as || t.table || t.name).filter(Boolean) : [];
@@ -17776,7 +17775,7 @@ var init_tableProcessing = __esm({
           task: "report-builder-unique-values",
           metadata: {
             reportBuilderState,
-            columns: stringColumns.map((col) => col.field),
+            stringColumns: stringColumns.map((col) => col.field),
             clientId: client.clientId,
             databaseType: client.databaseType?.toLowerCase() || "postgresql",
             customFields,
@@ -17897,7 +17896,6 @@ var init_tableProcessing = __esm({
             dashboardName,
             reportBuilderState
           );
-          console.log("dateRanges 1", dateRanges);
           if (dateRanges === null) {
             throw new Error("Couldn't fetch date ranges");
           }
@@ -18014,7 +18012,7 @@ var init_tableProcessing = __esm({
             task: "report-builder-unique-values",
             metadata: {
               reportBuilderState,
-              columns,
+              stringColumns: columns,
               clientId: client.clientId,
               databaseType: client.databaseType?.toLowerCase() || "postgresql",
               customFields,
@@ -18152,7 +18150,6 @@ var init_tableProcessing = __esm({
           },
           {}
         );
-        console.log("what", results);
         return results;
       }
       const distinctValueQuery = generateMinMaxDateRangeQueries(
@@ -18263,15 +18260,23 @@ var init_tableProcessing = __esm({
           let parsedSuccessfully = true;
           let parsingError = "";
           if (!rowCountOnly) {
-            const results = astify(
-              query,
-              client.databaseType || "postgresql",
-              true
-              // useNewNodeSql = true
-            );
-            if (!results || results.success == false) {
+            try {
+              const { data: results } = await quillFetch({
+                client,
+                task: "astify",
+                metadata: {
+                  query,
+                  useNewNodeSql: true
+                },
+                getToken
+              });
+              if (!results || results.success == false) {
+                parsedSuccessfully = false;
+                parsingError = results.message || "";
+              }
+            } catch (e) {
               parsedSuccessfully = false;
-              parsingError = results.message || "";
+              parsingError = e.message || "Failed to parse query";
             }
           }
           const fetchResp = await quillFetch({
@@ -19924,6 +19929,7 @@ async function getPivotTable(report, dashboardFilters, dashboardName, getToken,
         dateBucket,
         dateFilter,
         dashboardName,
+        dashboardFilters,
         tenants,
         additionalProcessing,
         getToken
@@ -19952,6 +19958,7 @@ async function getPivotTable(report, dashboardFilters, dashboardName, getToken,
     client,
     uniqueValues: report.distinctStrings,
     dashboardName,
+    dashboardFilters,
     tenants,
     dateFilter,
     additionalProcessing,
@@ -20359,18 +20366,24 @@ async function saveReport({
   tenants
 }) {
   const { publicKey, databaseType } = client;
-  const { reportBuilderState, queryString, ...reportWithoutStateAndQuery } = report;
+  const {
+    reportBuilderState,
+    queryString,
+    adminMode,
+    ...reportWithoutStateAndQuery
+  } = report;
   const reportToSave = reportWithoutStateAndQuery;
-  const task = reportBuilderState ? "create-report" : "create";
+  const task = reportBuilderState && !adminMode ? "create-report" : "create";
+  const isCreateTask = task === "create";
   const { data } = await quillFetch({
     client,
     task,
     metadata: {
       ...reportToSave,
-      // Pass reportBuilderState for create-report, queryString for create
+      // Pass reportBuilderState if present, queryString otherwise
       ...reportBuilderState ? {
         reportBuilderState,
-        databaseType: databaseType || "postgresql"
+        databaseType
       } : {
         queryString
       },
@@ -20379,7 +20392,9 @@ async function saveReport({
       dashboardItemId,
       // Remove useNewNodeSql since backend will handle conversion
       clientId: publicKey,
-      tenants
+      tenants,
+      // Only include adminMode for 'create' task, not 'create-report'
+      ...isCreateTask && { adminMode }
     },
     getToken
   });
@@ -20656,7 +20671,6 @@ var fetchReportBuilderDataFromAST = async ({
           customFields ?? [],
           dashboardName
         );
-        console.log("dateRanges 3", dateRanges);
         if (dateRanges === null) {
           throw new Error("Couldn't fetch date ranges");
         }
@@ -31558,23 +31572,53 @@ function QuillMetricComponent({
                       width: "100%"
                     }
                   }
-                ) : !report?.rows?.[0] || report.rows[0][report.xAxisField] === null ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                ) : !report?.rows || report?.rows?.length === 0 || report.rows[0]?.[report.xAxisField] === null || report.rows[0]?.[report.xAxisField] === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   "div",
                   {
                     style: {
-                      display: "flex",
-                      flex: "1 0 auto",
-                      // height: '100%',
-                      margin: "auto",
-                      justifyContent: "center",
-                      alignItems: "center",
-                      fontSize: 13,
-                      fontFamily: theme?.fontFamily,
-                      color: theme?.secondaryTextColor,
-                      maxWidth: "100%",
-                      width: "100%"
+                      padding: 0,
+                      height: "100%",
+                      width: "100%",
+                      boxSizing: "content-box",
+                      flex: 1
                     },
-                    children: "No results"
+                    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                      "div",
+                      {
+                        style: {
+                          fontFamily: theme?.fontFamily,
+                          fontSize: 32,
+                          color: theme?.primaryTextColor,
+                          fontWeight: "600",
+                          textOverflow: "ellipsis",
+                          margin: 0,
+                          whiteSpace: "nowrap",
+                          boxSizing: "content-box",
+                          maxWidth: "100%",
+                          textAlign: "left",
+                          overflow: "hidden",
+                          height: "100%",
+                          minHeight: "80px",
+                          display: "flex",
+                          width: "100%",
+                          flexDirection: "row",
+                          justifyContent: "center",
+                          alignItems: "center"
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                          "span",
+                          {
+                            style: {
+                              fontFamily: theme?.fontFamily,
+                              fontSize: 13,
+                              color: theme?.secondaryTextColor,
+                              fontWeight: "normal"
+                            },
+                            children: "No results"
+                          }
+                        )
+                      }
+                    )
                   }
                 ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   MetricDisplay,
@@ -32802,6 +32846,29 @@ function USMap({
   const hoveredValue = (0, import_react26.useMemo)(() => {
     return !hoveredState ? void 0 : mappedData[fipsToNames[hoveredState]?.abbreviation ?? ""]?.[measureField] ?? mappedData[fipsToNames[hoveredState]?.name ?? ""]?.[measureField] ?? mappedData[fipsToNames[hoveredState]?.abbreviation?.toLowerCase() ?? ""]?.[measureField] ?? mappedData[fipsToNames[hoveredState]?.name?.toLowerCase() ?? ""]?.[measureField];
   }, [hoveredState, mappedData, measureField]);
+  if (!measureField) {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flex: "1 0 auto",
+          marginLeft: "auto",
+          marginRight: "auto",
+          marginTop: "auto",
+          marginBottom: "auto",
+          justifyContent: "center",
+          alignItems: "center",
+          fontSize: 13,
+          color: theme?.secondaryTextColor,
+          fontFamily: theme?.fontFamily,
+          ...containerStyle
+        },
+        className,
+        children: "No results"
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
@@ -32970,6 +33037,29 @@ function WorldMap({
   const hoveredValue = (0, import_react26.useMemo)(() => {
     return !hoveredCountry ? void 0 : mappedData[isoToNames[hoveredCountry]?.abbreviation ?? ""]?.[measureField] ?? mappedData[isoToNames[hoveredCountry]?.name ?? ""]?.[measureField] ?? mappedData[isoToNames[hoveredCountry]?.abbreviation?.toLowerCase() ?? ""]?.[measureField] ?? mappedData[isoToNames[hoveredCountry]?.name?.toLowerCase() ?? ""]?.[measureField];
   }, [hoveredCountry, mappedData, measureField]);
+  if (!measureField) {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flex: "1 0 auto",
+          marginLeft: "auto",
+          marginRight: "auto",
+          marginTop: "auto",
+          marginBottom: "auto",
+          justifyContent: "center",
+          alignItems: "center",
+          fontSize: 13,
+          color: theme?.secondaryTextColor,
+          fontFamily: theme?.fontFamily,
+          ...containerStyle
+        },
+        className,
+        children: "No results"
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
@@ -35184,7 +35274,7 @@ function Chart({
           index
         )) }),
         loading || !report ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoadingComponent, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
-          ("table" === report.chartType || "metric" === report.chartType) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          ("table" === report.chartType || "metric" === report.chartType) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             DataLoader,
             {
               item: report,
@@ -35219,13 +35309,17 @@ function Chart({
                   error: error2,
                   rowCount: rowCount ?? data?.rowCount ?? data?.rows?.length ?? 0,
                   rowCountIsLoading,
-                  onPageChange: (page) => onPageChange(page),
-                  onSortChange: (sort) => onSortChange(sort),
+                  onPageChange: (page) => {
+                    onPageChange(page);
+                  },
+                  onSortChange: (sort) => {
+                    onSortChange(sort);
+                  },
                   hideName: true
                 }
               )
             }
-          ),
+          ) }),
           report.chartType !== "table" && report.chartType !== "metric" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             ChartDataLoader,
             {
@@ -35355,7 +35449,7 @@ var ChartDisplay = ({
       {
         className,
         containerStyle,
-        data: config?.rows?.map((row) => {
+        data: !config?.pivot ? config?.rows?.map((row) => {
           return {
             ...row,
             count: (
@@ -35363,7 +35457,7 @@ var ChartDisplay = ({
               parseInt(row[config?.yAxisFields[0]?.field]) / sumByKey(config?.rows, config?.yAxisFields[0]?.field)
             )
           };
-        }) || [],
+        }) || [] : config?.rows || [],
         category: config?.yAxisFields?.[0]?.field,
         index: config?.xAxisField,
         colors: chartColors,
@@ -35478,27 +35572,41 @@ var ChartDisplay = ({
     );
   }
   if (config?.chartType?.toLowerCase() === "metric") {
-    if (!config?.rows || config?.rows?.length === 0 || // @ts-ignore
-    config?.rows[0][config?.xAxisField] === null) {
+    if (!config?.rows || config?.rows?.length === 0 || config?.rows[0]?.[config?.xAxisField] === null || config?.rows[0]?.[config?.xAxisField] === void 0) {
       return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         "div",
         {
           style: {
-            display: "flex",
-            flex: "1 0 auto",
-            // height: containerStyle?.height || '100%',
-            margin: "auto",
-            justifyContent: "center",
-            alignItems: "center",
-            fontSize: 13,
             fontFamily: theme?.fontFamily,
-            color: theme?.secondaryTextColor,
+            fontSize: 32,
+            color: theme?.primaryTextColor,
+            fontWeight: "600",
+            textOverflow: "ellipsis",
+            margin: 0,
+            whiteSpace: "nowrap",
+            boxSizing: "content-box",
             maxWidth: "100%",
+            textAlign: "left",
+            overflow: "hidden",
+            height: containerStyle?.height || "100%",
+            display: "flex",
             width: "100%",
+            flexDirection: "row",
+            alignItems: "center",
             ...containerStyle
           },
           className,
-          children: "No results"
+          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            "span",
+            {
+              style: {
+                fontFamily: theme?.fontFamily,
+                fontSize: 13,
+                color: theme?.secondaryTextColor
+              },
+              children: "No results"
+            }
+          )
         }
       );
     }
@@ -38366,7 +38474,7 @@ function Dashboard({
                   data: data2,
                   rowCount,
                   rowCountIsLoading
-                }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   TableComponent,
                   {
                     report: data2,
@@ -38391,10 +38499,14 @@ function Dashboard({
                     hoverActions,
                     rowCount: rowCount ?? data2?.rowCount ?? data2?.rows?.length ?? 0,
                     rowCountIsLoading,
-                    onPageChange: (page) => onPageChange(page),
-                    onSortChange: (sort) => onSortChange(sort)
+                    onPageChange: (page) => {
+                      onPageChange(page);
+                    },
+                    onSortChange: (sort) => {
+                      onSortChange(sort);
+                    }
                   }
-                )
+                ) })
               },
               `${name2}${item.id}`
             )) })
@@ -38414,7 +38526,11 @@ function Dashboard({
                   children: ({
                     isLoading: isLoading2,
                     error,
-                    data: data2
+                    onPageChange,
+                    onSortChange,
+                    data: data2,
+                    rowCount,
+                    rowCountIsLoading
                   }) => item.chartType === "metric" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     MetricComponent,
                     {
@@ -38461,7 +38577,14 @@ function Dashboard({
                         });
                       } : void 0,
                       hoverActions,
-                      rowCount: data2.rowCount ?? data2.rows?.length ?? 0
+                      rowCount: rowCount ?? data2.rowCount ?? data2.rows?.length ?? 0,
+                      rowCountIsLoading,
+                      onPageChange: (page) => {
+                        onPageChange(page);
+                      },
+                      onSortChange: (sort) => {
+                        onSortChange(sort);
+                      }
                     }
                   )
                 },
@@ -38878,6 +39001,7 @@ var Table_default = Table;
 
 // src/SQLEditor.tsx
 var import_react45 = require("react");
+var import_react_dom5 = require("react-dom");
 var import_react46 = __toESM(require("@monaco-editor/react"), 1);
 
 // src/ChartBuilder.tsx
@@ -39411,11 +39535,6 @@ var PivotModal = ({
           dashboardName,
           reportBuilderState
         );
-        console.log("[PivotModal] Calling report-builder-unique-values", {
-          columnCount: smallStringColumns.length,
-          hasReportBuilderState: !!reportBuilderState,
-          reportBuilderState
-        });
         newUniqueValues = await getUniqueValuesByQuery({
           columns: smallStringColumns,
           query: query || "",
@@ -41646,6 +41765,7 @@ function InternalChart({
 // src/ChartBuilder.tsx
 init_paginationProcessing();
 init_tableProcessing();
+init_dataFetcher();
 init_dates();
 
 // src/components/QuillMultiSelectSectionList.tsx
@@ -42486,15 +42606,19 @@ function ChartBuilderWithModal(props) {
       title: title || "Add to dashboard",
       width: isHorizontalView ? modalWidth : void 0,
       height: isHorizontalView ? modalHeight : void 0,
-      children: (props.reportId ? dashboard[props.reportId] ?? props.tempReport : props.tempReport) ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-        ChartBuilder,
-        {
-          ...props,
-          filtersEnabled: filtersEnabledState,
-          onFiltersEnabledChanged: setFiltersEnabledState,
-          runQueryOnMount: filtersEnabledState
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { style: { padding: 20 }, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(QuillLoadingComponent, {}) })
+      children: (() => {
+        const resolvedReport = props.tempReport ?? (props.reportId ? dashboard[props.reportId] : void 0);
+        return resolvedReport ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          ChartBuilder,
+          {
+            ...props,
+            tempReport: resolvedReport,
+            filtersEnabled: filtersEnabledState,
+            onFiltersEnabledChanged: setFiltersEnabledState,
+            runQueryOnMount: filtersEnabledState
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { style: { padding: 20 }, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(QuillLoadingComponent, {}) });
+      })()
     }
   ) });
 }
@@ -42575,7 +42699,7 @@ function ChartBuilder({
   const { tenants, flags } = (0, import_react43.useContext)(TenantContext);
   const report = (0, import_react43.useMemo)(() => {
     return reportId && !tempReport ? allReportsById[reportId] : tempReport;
-  }, [reportId]);
+  }, [reportId, tempReport, allReportsById]);
   const [windowWidth, setWindowWidth] = (0, import_react43.useState)(1200);
   const [rows, setRows] = (0, import_react43.useState)(report?.rows ?? []);
   const [itemQuery, setItemQuery] = (0, import_react43.useState)(report?.itemQuery);
@@ -42773,7 +42897,7 @@ function ChartBuilder({
   };
   const [currentProcessing, setCurrentProcessing] = (0, import_react43.useState)(baseProcessing);
   const [customTenantAccess, setCustomTenantAccess] = (0, import_react43.useState)(
-    !!Object.values(report?.flags ?? {}).length
+    report?.flags === null ? false : !!Object.values(report?.flags ?? {}).length
   );
   const [dateFieldOptions, setDateFieldOptions] = (0, import_react43.useState)([]);
   const [allTables, setAllTables] = (0, import_react43.useState)([]);
@@ -43486,16 +43610,6 @@ function ChartBuilder({
       fetchRowCount(processing, overrideFilters);
       if (formData.pivot) {
         try {
-          console.log(
-            "[ChartBuilder] Calling report-builder-unique-values for pivot",
-            {
-              columns: tableInfo.columns.filter(
-                (column) => column.field === formData.pivot?.columnField
-              ).map((c) => c.field),
-              hasReportBuilderState: !!reportBuilderState,
-              reportBuilderState
-            }
-          );
           const uniqueValues = await getUniqueValuesByQuery({
             reportBuilderState,
             columns: tableInfo.columns.filter(
@@ -43883,9 +43997,46 @@ function ChartBuilder({
     event.preventDefault();
   };
   const deleteChart = async () => {
-    if (onDelete && onDelete()) {
-      setIsOpen(false);
-      setIsSubmitting(false);
+    if (!client || !reportId) {
+      console.error("Cannot delete: missing client or reportId");
+      return;
+    }
+    try {
+      const { status, error } = await quillFetch({
+        client,
+        task: "delete",
+        metadata: {
+          dashboardItemId: reportId,
+          tenants
+        },
+        getToken
+      });
+      if (status !== "success") {
+        throw new Error(`Error deleting report: ${error}`);
+      } else {
+        if (onDelete) {
+          onDelete();
+        }
+        reloadDashboard(destinationDashboard, true, {
+          report: { id: reportId },
+          action: "delete"
+        });
+        setIsOpen(false);
+        setIsSubmitting(false);
+      }
+    } catch (err) {
+      console.error("Error deleting chart:", err);
+      eventTracking?.logError?.({
+        type: "bug",
+        severity: "high",
+        message: "Error deleting chart",
+        errorMessage: err.message,
+        errorStack: err.stack,
+        errorData: {
+          caller: "ChartBuilder",
+          function: "deleteChart"
+        }
+      });
     }
   };
   const editChart = async () => {
@@ -43924,14 +44075,17 @@ function ChartBuilder({
       includeCustomFields: includeCustomFields || containsCustomFields,
       template: tenants ? void 0 : report && !isAdmin && formData.template ? false : formData.template,
       adminMode: isAdmin,
-      flags: containsCustomFields && customTenantAccess ? currentTenantAsFormFlags : formFlags ? Object.fromEntries(
-        Object.entries(formFlags).filter(([, value]) => value.length > 0).map(([key, value]) => {
-          return [
-            key,
-            Object.keys(allTenantMap).length > 1 && allTenantMap[key]?.length === value.length ? ALL_TENANTS : value
-          ];
-        })
-      ) : void 0,
+      reportBuilderState,
+      ...isAdmin && {
+        reportFlags: !customTenantAccess && !containsCustomFields ? null : containsCustomFields && customTenantAccess ? currentTenantAsFormFlags : formFlags ? Object.fromEntries(
+          Object.entries(formFlags).filter(([, value]) => value.length > 0).map(([key, value]) => {
+            return [
+              key,
+              Object.keys(allTenantMap).length > 1 && allTenantMap[key]?.length === value.length ? ALL_TENANTS : value
+            ];
+          })
+        ) : void 0
+      },
       referenceLines: formData.referenceLines.map((line) => {
         return {
           label: line.label,
@@ -45300,7 +45454,7 @@ function ChartBuilder({
                           right: 16
                         },
                         children: [
-                          !hideDeleteButton && !isHorizontalView && report && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                          !hideDeleteButton && report && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                             SecondaryButtonComponent,
                             {
                               onClick: deleteChart,
@@ -46056,6 +46210,7 @@ function SQLEditor({
   CheckboxComponent = QuillChartBuilderCheckboxComponent,
   defaultQuery,
   destinationDashboard,
+  destinationSection,
   onChangeQuery,
   onChangeData,
   onChangeColumns,
@@ -46065,12 +46220,16 @@ function SQLEditor({
   onCloseChartBuilder,
   isChartBuilderEnabled = false,
   isAdminEnabled = false,
+  chartBuilderOptions,
   chartBuilderTitle,
   runQueryOnMount = false,
   onAddToDashboardComplete,
+  onSubmitCreateReport,
+  onSubmitEditReport,
   onSaveQueryComplete,
   addToDashboardButtonLabel = "Add to dashboard",
   report = void 0,
+  reportId = void 0,
   organizationName = void 0,
   isChartBuilderHorizontalView = true,
   containerStyle = { height: "100vh" },
@@ -46081,7 +46240,7 @@ function SQLEditor({
   const [sqlPrompt, setSqlPrompt] = (0, import_react45.useState)("");
   const [client] = (0, import_react45.useContext)(ClientContext);
   const [theme] = (0, import_react45.useContext)(ThemeContext);
-  const { tenants } = (0, import_react45.useContext)(TenantContext);
+  const { tenants, flags } = (0, import_react45.useContext)(TenantContext);
   const { dashboards } = useDashboards();
   const {
     data,
@@ -46090,6 +46249,7 @@ function SQLEditor({
   } = useDashboardInternal(destinationDashboard);
   const { getToken, quillFetchWithToken } = (0, import_react45.useContext)(FetchContext);
   const { eventTracking } = (0, import_react45.useContext)(EventTrackingContext);
+  const { allReportsById } = useAllReports();
   const destinationDashboardConfig = (0, import_react45.useMemo)(() => {
     return dashboards?.find((d) => d.name === destinationDashboard);
   }, [dashboards, destinationDashboard]);
@@ -46157,6 +46317,46 @@ function SQLEditor({
       reload();
     }
   }, [data, dashboardIsLoading]);
+  (0, import_react45.useEffect)(() => {
+    const loadReport = async () => {
+      let reportToLoad;
+      if (!client) {
+        return;
+      }
+      try {
+        if (!reportId) {
+          throw new Error("Report ID is required");
+        }
+        reportToLoad = allReportsById[reportId];
+        if (!reportToLoad) {
+          throw new Error("Report not found");
+        }
+        setQuery(reportToLoad.queryString || "");
+        setTempReport(reportToLoad);
+        if (reportToLoad.rows && reportToLoad.rows.length > 0) {
+          setRows(reportToLoad.rows);
+          setDisplayTable(true);
+        }
+      } catch (err) {
+        console.error(err);
+        eventTracking?.logError?.({
+          type: "bug",
+          severity: "high",
+          message: "Error loading report",
+          errorMessage: err.message,
+          errorStack: err.stack,
+          errorData: {
+            caller: "SQLEditor",
+            function: "loadReport"
+          }
+        });
+        setErrorMessage("Error when loading report");
+      }
+    };
+    if (reportId && client) {
+      loadReport();
+    }
+  }, [allReportsById[reportId || ""], client]);
   const dynamicHeight = tableRef.current ? tableRef.current.clientHeight : cachedHeight;
   const rowsPerPage = Math.max(
     DEFAULT_ROWS_PER_PAGE,
@@ -46939,7 +47139,7 @@ function SQLEditor({
                                     {
                                       onClick: async () => {
                                         onSaveChanges && onSaveChanges();
-                                        setTempReport({
+                                        const updatedReport = {
                                           ...tempReport,
                                           id: TEMP_REPORT_ID,
                                           rows,
@@ -46949,6 +47149,9 @@ function SQLEditor({
                                           queryString: query ?? "",
                                           dashboardName: report?.dashboardName ?? destinationDashboard
                                           // flags: flagsToAdd,
+                                        };
+                                        (0, import_react_dom5.flushSync)(() => {
+                                          setTempReport(updatedReport);
                                         });
                                         setIsChartBuilderOpen(true);
                                       },
@@ -46975,13 +47178,38 @@ function SQLEditor({
             isHorizontalView: isChartBuilderHorizontalView,
             isOpen: isChartBuilderOpen,
             setIsOpen: setIsChartBuilderOpen,
-            onAddToDashboardComplete,
+            onAddToDashboardComplete: reportId || report?.id ? (data2) => {
+              if (onSubmitEditReport) {
+                onSubmitEditReport(data2);
+              } else if (onAddToDashboardComplete) {
+                onAddToDashboardComplete(data2);
+              }
+              if (!isAdminEnabled && destinationDashboard) {
+                reload(destinationDashboard, false, {
+                  report: data2,
+                  action: "upsert"
+                });
+              }
+            } : (data2) => {
+              if (onSubmitCreateReport) {
+                onSubmitCreateReport(data2);
+              } else if (onAddToDashboardComplete) {
+                onAddToDashboardComplete(data2);
+              }
+              if (!isAdminEnabled && destinationDashboard) {
+                reload(destinationDashboard, false, {
+                  report: data2,
+                  action: "upsert"
+                });
+              }
+            },
             destinationDashboard,
+            destinationSection,
             isAdmin: isAdminEnabled,
             title: chartBuilderTitle,
             buttonLabel: addToDashboardButtonLabel,
             tempReport,
-            reportId: report?.id,
+            reportId: reportId || report?.id,
             organizationName,
             CardComponent,
             TableComponent,
@@ -47006,6 +47234,8 @@ function SQLEditor({
             CheckboxComponent,
             hideDateRangeFilter: true,
             hideDeleteButton: true,
+            showTableFormatOptions: chartBuilderOptions?.showTableFormatOptions,
+            showDashboardFilterFields: chartBuilderOptions?.showDashboardFilterFields,
             onClickChartElement,
             isEditingMode: true
           }
@@ -47025,7 +47255,7 @@ function SQLEditor({
             isAdmin: false,
             title: "Save query",
             buttonLabel: "Save query",
-            tempReport,
+            tempReport: { ...tempReport, dashboardName: SAVED_QUERIES_DASHBOARD },
             reportId: report?.id,
             organizationName,
             CardComponent,
@@ -51328,7 +51558,10 @@ var SaveReport = ({
   chartBuilderTitle,
   onSubmitEditReport = () => void 0,
   onSubmitCreateReport = () => void 0,
+  onDiscardChanges = () => void 0,
   destinationSection,
+  showTableFormatOptions,
+  showDashboardFilterFields,
   SelectComponent = QuillSelectComponent,
   TextInputComponent = QuillTextInput,
   ButtonComponent = MemoizedButton,
@@ -51361,6 +51594,9 @@ var SaveReport = ({
   ),
   submitButtonLabel
 }) => {
+  const { reload } = useDashboardInternal(
+    reportBuilder.destinationDashboard ?? null
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
     SaveTrigger,
     /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
@@ -51374,7 +51610,24 @@ var SaveReport = ({
         isHorizontalView: true,
         isOpen,
         setIsOpen,
-        onAddToDashboardComplete: reportBuilder.reportId ? onSubmitEditReport : onSubmitCreateReport,
+        onAddToDashboardComplete: reportBuilder.reportId ? (data) => {
+          onSubmitEditReport(data);
+          if (!isAdminEnabled && reportBuilder.destinationDashboard) {
+            reload(reportBuilder.destinationDashboard, false, {
+              report: data,
+              action: "upsert"
+            });
+          }
+        } : (data) => {
+          onSubmitCreateReport(data);
+          if (!isAdminEnabled && reportBuilder.destinationDashboard) {
+            reload(reportBuilder.destinationDashboard, false, {
+              report: data,
+              action: "upsert"
+            });
+          }
+        },
+        onDiscardChanges,
         destinationDashboard: reportBuilder.destinationDashboard,
         destinationSection,
         initialUniqueValues: reportBuilder.columnUniqueValues,
@@ -51403,6 +51656,8 @@ var SaveReport = ({
         FormContainer: ChartBuilderFormContainer,
         hideDateRangeFilter: true,
         hideDeleteButton: true,
+        showTableFormatOptions,
+        showDashboardFilterFields,
         buttonLabel: submitButtonLabel ?? (!!reportBuilder.reportId ? "Save changes" : "Add to dashboard"),
         onClickChartElement,
         isEditingMode: true
@@ -51499,6 +51754,7 @@ function ReportBuilder({
   containerStyle,
   className,
   pivotRecommendationsEnabled = true,
+  chartBuilderOptions,
   reportId,
   hideCopySQL = true,
   isChartBuilderHorizontalView = true,
@@ -51955,6 +52211,9 @@ function ReportBuilder({
             ErrorMessageComponent,
             PivotRowContainer,
             PivotColumnContainer,
+            showTableFormatOptions: chartBuilderOptions?.showTableFormatOptions,
+            showDashboardFilterFields: chartBuilderOptions?.showDashboardFilterFields,
+            onDiscardChanges,
             onClickChartElement,
             submitButtonLabel
           }
@@ -51975,7 +52234,7 @@ function ReportBuilder({
             isAdmin: false,
             title: "Save query",
             buttonLabel: "Save query",
-            tempReport,
+            tempReport: { ...tempReport, dashboardName: SAVED_QUERIES_DASHBOARD },
             reportId,
             organizationName,
             CardComponent,
@@ -52023,7 +52282,10 @@ function ChartEditor({
   chartBuilderTitle = "Edit chart",
   chartBuilderButtonLabel,
   onAddToDashboardComplete,
+  onSubmitEditReport,
+  onDiscardChanges,
   destinationDashboard,
+  destinationSection,
   organizationName,
   isHorizontalView = true,
   onDelete,
@@ -52051,6 +52313,9 @@ function ChartEditor({
   ErrorComponent = QuillChartErrorWithAction,
   hideDeleteButton = false,
   hideSubmitButton = false,
+  showTableFormatOptions,
+  showDashboardFilterFields,
+  chartBuilderOptions,
   onClickChartElement,
   onClickChartError
 }) {
@@ -52139,7 +52404,12 @@ function ChartEditor({
     ModalComponent,
     {
       isOpen,
-      setIsOpen,
+      setIsOpen: (value) => {
+        if (!value) {
+          setChartBuilderKey(chartBuilderKey + 1);
+        }
+        setIsOpen(value);
+      },
       title: chartBuilderTitle || "Add to dashboard",
       width: isHorizontalView ? modalWidth : void 0,
       height: isHorizontalView ? modalHeight : void 0,
@@ -52152,8 +52422,15 @@ function ChartEditor({
           isComparison: dateFilter?.comparisonRange,
           setIsOpen,
           showDashboardDropdown: isAdmin,
-          onAddToDashboardComplete,
+          onAddToDashboardComplete: (data) => {
+            if (onSubmitEditReport) {
+              onSubmitEditReport(data);
+            } else if (onAddToDashboardComplete) {
+              onAddToDashboardComplete(data);
+            }
+          },
           destinationDashboard,
+          destinationSection,
           dateRange,
           SelectComponent,
           TextInputComponent,
@@ -52179,13 +52456,18 @@ function ChartEditor({
           onClickChartError,
           onDelete,
           onDiscardChanges: () => {
+            if (onDiscardChanges) {
+              onDiscardChanges();
+            }
             setChartBuilderKey(chartBuilderKey + 1);
           },
           title: chartBuilderTitle,
           buttonLabel: chartBuilderButtonLabel,
           organizationName,
           hideSubmitButton,
-          hideDeleteButton,
+          hideDeleteButton: chartBuilderOptions?.showDeleteButton !== void 0 ? !chartBuilderOptions.showDeleteButton : hideDeleteButton,
+          showTableFormatOptions: chartBuilderOptions?.showTableFormatOptions ?? showTableFormatOptions,
+          showDashboardFilterFields: chartBuilderOptions?.showDashboardFilterFields ?? showDashboardFilterFields,
           filtersEnabled,
           onFiltersEnabledChanged: (value) => {
             setFiltersEnabled(value);