react-semaphor 0.0.522 → 0.0.523

package/dist/chunks/{dashboard-plus-D5IBETkX.js → dashboard-plus-DMbndpFb.js}

@@ -1055,7 +1055,7 @@ async function ho(t, a) {
   }) : null;
 }
 function po() {
-  const [t, a] = B(""), [n, r] = B(!1), i = G((f) => f.lenses), { setLenses: l, setSelectedLensId: c } = Dt(), [d, o] = B(!1), [h, u] = B(!1), m = G((f) => f.dashboard), x = G((f) => f.filterValues), { authToken: N } = rt();
+  const [t, a] = B(""), [n, r] = B(!1), i = G((f) => f.lenses), { setLenses: l, setSelectedLensId: c } = Dt(), [d, o] = B(!1), [h, u] = B(!1), m = G((f) => f.dashboard), v = G((f) => f.filterValues), { authToken: N } = rt();
   async function w() {
     o(!0);
     const f = Ks(
@@ -1063,7 +1063,7 @@ function po() {
     ), I = await mo(
       t,
       f,
-      x,
+      v,
       N == null ? void 0 : N.accessToken
     );
     I && (l([...i || [], I]), c(I.id), u(!1)), o(!1);
@@ -1122,8 +1122,8 @@ function fo() {
   }
   async function o(u) {
     if (await ho(u, c == null ? void 0 : c.accessToken)) {
-      const x = n == null ? void 0 : n.filter((N) => N.id !== u);
-      i(x || []), l("original");
+      const v = n == null ? void 0 : n.filter((N) => N.id !== u);
+      i(v || []), l("original");
     }
   }
   async function h(u) {
@@ -1135,11 +1135,11 @@ function fo() {
       isDefault: !1
     });
     i(m || []);
-    const x = {
+    const v = {
       ...u,
       isDefault: !u.isDefault
     };
-    await Gn(x, c == null ? void 0 : c.accessToken);
+    await Gn(v, c == null ? void 0 : c.accessToken);
     const N = n == null ? void 0 : n.find((w) => w.isDefault);
     if (N && N.id !== u.id) {
       const w = {
@@ -1232,8 +1232,8 @@ async function go() {
     }
   })).json()).url, m = document.createElement("a");
   m.href = u;
-  const x = `${i}-${(/* @__PURE__ */ new Date()).toISOString()}.pdf`;
-  m.download = x, m.click(), G.setState({ isDownloadingPdf: !1 });
+  const v = `${i}-${(/* @__PURE__ */ new Date()).toISOString()}.pdf`;
+  m.download = v, m.click(), G.setState({ isDownloadingPdf: !1 });
 }
 function yo({
   iconClassName: t
@@ -1308,7 +1308,7 @@ function xo({
     status: i,
     error: l,
     isDeleting: c
-  } = vo(), [d, o] = B(""), [h, u] = B(Ja[0].value), [m, x] = B("06:00"), [N, w] = B("");
+  } = vo(), [d, o] = B(""), [h, u] = B(Ja[0].value), [m, v] = B("06:00"), [N, w] = B("");
   return /* @__PURE__ */ e(rs, { delayDuration: 0, children: /* @__PURE__ */ s(Je, { children: [
     /* @__PURE__ */ e(He, { asChild: !0, children: /* @__PURE__ */ e(
       ae,
@@ -1372,7 +1372,7 @@ function xo({
               id: "time",
               type: "time",
               value: m,
-              onChange: (f) => x(f.target.value),
+              onChange: (f) => v(f.target.value),
               className: `col-span-2 h-8 ${We}`
             }
           )
@@ -1386,7 +1386,7 @@ function xo({
                 frequency: h,
                 time: m,
                 subject: N
-              }), x("00:00"), o(""), w("");
+              }), v("00:00"), o(""), w("");
             },
             className: "h-8 p-2",
             disabled: i === "loading" || !d,
@@ -1459,7 +1459,7 @@ function vo() {
   const [t, a] = B("idle"), [n, r] = B(""), [i, l] = B(null), c = G((F) => F.authToken), d = G((F) => F.dashboard.id), o = G((F) => F.dashboard.title), { endUserId: h } = ls((c == null ? void 0 : c.accessToken) || ""), u = "https://semaphor.cloud/api/v1/subscriptions/get", m = {
     dashboardId: d,
     endUserId: h
-  }, { data: x, isLoading: N, isError: w, isFetching: f, refetch: I } = Wn({
+  }, { data: v, isLoading: N, isError: w, isFetching: f, refetch: I } = Wn({
     queryKey: ["subscriptions", d, h],
     queryFn: () => jr(u, (c == null ? void 0 : c.accessToken) || "", m),
     enabled: !!(c != null && c.accessToken) && !!d && !!h
@@ -1498,7 +1498,7 @@ function vo() {
       console.error(L), a("error"), r(L.message);
     }
   }
-  async function v(F) {
+  async function x(F) {
     const E = "https://semaphor.cloud/api/v1/subscriptions/delete";
     l(F);
     try {
@@ -1510,14 +1510,14 @@ function vo() {
     }
   }
   return {
-    data: x,
+    data: v,
     isLoading: N,
     isFetching: f,
     isError: w,
     isDeleting: i,
     refetch: I,
     handleScheduleSubscription: g,
-    handleDeleteSubscription: v,
+    handleDeleteSubscription: x,
     status: t,
     error: n
   };
@@ -1535,11 +1535,11 @@ function bo() {
   G(
     (y) => y.showDashboardJSON
   );
-  const x = G((y) => y.onSaveFunction), N = G(
+  const v = G((y) => y.onSaveFunction), N = G(
     (y) => y.actions.setShowFilters
   ), { addFrame: w, setSelectedFrameId: f } = G(
     (y) => y.actions
-  ), { getSelectedSheet: I, setIsDashboardEditing: g, setShowDashboardJSON: v } = G((y) => y.actions), F = I(), { tenantId: E, endUserId: D } = at(
+  ), { getSelectedSheet: I, setIsDashboardEditing: g, setShowDashboardJSON: x } = G((y) => y.actions), F = I(), { tenantId: E, endUserId: D } = at(
     () => ls(t == null ? void 0 : t.accessToken),
     [t == null ? void 0 : t.accessToken]
   ), C = at(() => E || D, [E, D]), k = () => {
@@ -1579,7 +1579,7 @@ function bo() {
       template: p,
       filterValues: h
     };
-    await Gn(L, t == null ? void 0 : t.accessToken), Lt.success("Lens saved"), x == null || x(y), o(!1);
+    await Gn(L, t == null ? void 0 : t.accessToken), Lt.success("Lens saved"), v == null || v(y), o(!1);
   }
   return u ? null : /* @__PURE__ */ s(
     "div",
@@ -1623,7 +1623,7 @@ function bo() {
             {
               className: "h-7 p-2",
               onClick: () => {
-                g(!1), v(!1);
+                g(!1), x(!1);
               },
               children: /* @__PURE__ */ e(Un, { className: "h-4 w-4" })
             }
@@ -1668,18 +1668,18 @@ function No({
   icon: o,
   showNone: h = !1
 }) {
-  const u = ct.useRef(null), [m, x] = ct.useState(!1), [N, w] = ct.useState("100%"), f = h ? [...a || [], { id: "none", name: "None" }] : a;
+  const u = ct.useRef(null), [m, v] = ct.useState(!1), [N, w] = ct.useState("100%"), f = h ? [...a || [], { id: "none", name: "None" }] : a;
   ct.useLayoutEffect(() => {
     u.current && w(u.current.offsetWidth);
   }, []);
   function I() {
-    var v;
-    return i ? "Loading..." : l ? "Error" : n ? (v = a == null ? void 0 : a.find((F) => F.id === n)) == null ? void 0 : v.name : `Select ${t}`;
+    var x;
+    return i ? "Loading..." : l ? "Error" : n ? (x = a == null ? void 0 : a.find((F) => F.id === n)) == null ? void 0 : x.name : `Select ${t}`;
   }
-  function g(v, F) {
-    r(F), x(!1);
+  function g(x, F) {
+    r(F), v(!1);
   }
-  return /* @__PURE__ */ s(Je, { open: m, onOpenChange: x, children: [
+  return /* @__PURE__ */ s(Je, { open: m, onOpenChange: v, children: [
     /* @__PURE__ */ e(He, { asChild: !0, children: /* @__PURE__ */ s(
       q,
       {
@@ -1721,26 +1721,26 @@ function No({
               t == null ? void 0 : t.toLowerCase(),
               " found."
             ] }),
-            /* @__PURE__ */ e(pn, { children: f == null ? void 0 : f.map((v) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(pn, { children: f == null ? void 0 : f.map((x) => /* @__PURE__ */ e(
               fn,
               {
                 className: "overflow-x-auto",
-                value: v.name,
-                onSelect: (F) => g(F, v.id),
+                value: x.name,
+                onSelect: (F) => g(F, x.id),
                 children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
                     gt,
                     {
                       className: R(
                         "size-4",
-                        n === v.id ? "opacity-100" : "opacity-0"
+                        n === x.id ? "opacity-100" : "opacity-0"
                       )
                     }
                   ),
-                  /* @__PURE__ */ e("div", { title: v.name, children: v.name })
+                  /* @__PURE__ */ e("div", { title: x.name, children: x.name })
                 ] })
               },
-              v.id
+              x.id
             )) })
           ] })
         ] })
@@ -1763,7 +1763,7 @@ function zt({
   type: u = "combobox"
 }) {
   const m = r ? "Loading..." : i ? "Error" : n;
-  function x() {
+  function v() {
     if (t === "Connection")
       return /* @__PURE__ */ e(to, { className: "size-4" });
     if (t === "Database")
@@ -1818,7 +1818,7 @@ function zt({
     return /* @__PURE__ */ e(
       No,
       {
-        icon: x(),
+        icon: v(),
         items: a,
         value: m,
         onChange: c || (() => {
@@ -1840,10 +1840,10 @@ function Co({ column: t }) {
     (f) => f.selectedDatabaseName
   ), c = S(
     (f) => f.selectedDatamodelId
-  ), d = S((f) => f.sqlGen), { modelItems: o, connectionType: h } = Ve(), u = S((f) => f.actions.setSqlGen), m = S((f) => f.actions.setCardSql), x = S((f) => f.actions.setRunSql);
+  ), d = S((f) => f.sqlGen), { modelItems: o, connectionType: h } = Ve(), u = S((f) => f.actions.setSqlGen), m = S((f) => f.actions.setCardSql), v = S((f) => f.actions.setRunSql);
   function N(f, I) {
     var E;
-    const g = hs(f, d, I), v = (E = o == null ? void 0 : o.find(
+    const g = hs(f, d, I), x = (E = o == null ? void 0 : o.find(
       (D) => D.id === c
     )) == null ? void 0 : E.name;
     u(g);
@@ -1851,11 +1851,11 @@ function Co({ column: t }) {
       g,
       Le(i || ""),
       Le(r),
-      v || "",
+      x || "",
       h,
       l || ""
     );
-    F && (m(F), x(!0)), n(!1);
+    F && (m(F), v(!0)), n(!1);
   }
   function w() {
     return /* @__PURE__ */ s("ul", { className: "text-xs", children: [
@@ -2070,12 +2070,12 @@ function So() {
     setPreviewFilterColumns: u,
     setPreviewPivotColumns: m
   } = $r(), {
-    setGroupByColumns: x,
+    setGroupByColumns: v,
     setMetricColumns: N,
     setFilterColumns: w,
     setOrderByColumns: f,
     setPivotByColumns: I
-  } = X(), { columns: g } = ys(), { formattedTableName: v } = Ve(), F = jt(
+  } = X(), { columns: g } = ys(), { formattedTableName: x } = Ve(), F = jt(
     Ze(Gr, {
       activationConstraint: {
         distance: 1
@@ -2226,7 +2226,7 @@ function So() {
       role: "groupby",
       label: Mt(O.column_name, "month"),
       granularity: "month"
-    }, A.splice(V, 0, P), x(A);
+    }, A.splice(V, 0, P), v(A);
   }
   function y(O) {
     const b = [...r], A = t !== null ? t : r.length, V = {
@@ -2237,7 +2237,7 @@ function So() {
       type: O.data_type,
       sql: Bn(
         O.data_type,
-        v,
+        x,
         Le(O.column_name)
       ),
       role: "filter"
@@ -2261,7 +2261,7 @@ function So() {
       ), W = a.findIndex((Z) => Z.id === A.id);
       if (Q !== -1 && W !== -1 && Q !== W) {
         const Z = [...a], [ge] = Z.splice(Q, 1);
-        Z.splice(W, 0, ge), x(Z);
+        Z.splice(W, 0, ge), v(Z);
       }
     }
     if (A && ((H = A.data.current) == null ? void 0 : H.type) === tn && l.some((Q) => Q.id === b.id)) {
@@ -2378,13 +2378,13 @@ function Mo({
     (b) => b.selectedSchemaName
   ), u = S((b) => b.selectedTableName), m = S(
     (b) => b.selectedDatamodelId
-  ), x = G(
+  ), v = G(
     (b) => b.dashboard.aiScopeTables
   ), { addToAIScope: N, removeFromAIScope: w } = Dt(), {
     addColumnToMetricColumns: f,
     addColumnToGroupBy: I,
     setCardSql: g,
-    setRunSql: v,
+    setRunSql: x,
     setSqlGen: F,
     setIsShowingVisual: E
   } = X(), { connectionType: D, modelItems: C, selectedDatamodelName: k } = Ve();
@@ -2403,7 +2403,7 @@ function Mo({
         D,
         o || ""
       );
-      J && (g(J), v(!0));
+      J && (g(J), x(!0));
     }
     if (!l) {
       if (Pe(b.data_type))
@@ -2491,7 +2491,7 @@ function Mo({
     });
     E(!1);
     const A = D === "MSSQL" ? `SELECT top 10 * FROM ${b}` : `SELECT * FROM ${b} LIMIT 10`;
-    g(A), v(!0);
+    g(A), x(!0);
   }
   function p() {
     const b = La({
@@ -2501,10 +2501,10 @@ function Mo({
       connectionType: D,
       databaseName: o || ""
     });
-    g(`SELECT COUNT(*) as count FROM ${b}`), v(!0);
+    g(`SELECT COUNT(*) as count FROM ${b}`), x(!0);
   }
   function L() {
-    return (x == null ? void 0 : x.find(
+    return (v == null ? void 0 : v.find(
       (b) => b.connectionId === c && (b.tableName === u || b.datamodelName === k)
     )) !== void 0;
   }
@@ -2629,13 +2629,13 @@ function Ws({
     (le) => le.selectedDatabaseName
   ), d = S(
     (le) => le.selectedSchemaName
-  ), o = S((le) => le.selectedTableName), h = S((le) => le.isDevMode), { setSelectedTableName: u, setIsDevMode: m, setCardSql: x } = X(), {
+  ), o = S((le) => le.selectedTableName), h = S((le) => le.isDevMode), { setSelectedTableName: u, setIsDevMode: m, setCardSql: v } = X(), {
     connectionItems: N,
     modelItems: w,
     schemaItems: f,
     databaseItems: I,
     tableItems: g,
-    columns: v,
+    columns: x,
     isConnectionsLoading: F,
     isModelsLoading: E,
     isConnectionsError: D,
@@ -2665,12 +2665,12 @@ function Ws({
     schemaName: ge
   } = Ve(), { data: Ie, refetch: Ae } = Se(n);
   function Ye() {
-    return t ? t(ge, Z, v) : /* @__PURE__ */ e(
+    return t ? t(ge, Z, x) : /* @__PURE__ */ e(
       Mo,
       {
         schemaName: ge,
         tableName: Z,
-        columns: v,
+        columns: x,
         status: L ? "Loading..." : p ? "Error" : "Success"
       }
     );
@@ -2679,9 +2679,9 @@ function Ws({
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
   function Ke(le) {
-    le === !0 ? Ie && (x(Ie.userSql), setTimeout(() => {
+    le === !0 ? Ie && (v(Ie.userSql), setTimeout(() => {
       Ae();
-    }, 100)) : x(""), m(le);
+    }, 100)) : v(""), m(le);
   }
   function Be() {
     if (!r || b === "S3" || b === "API") return null;
@@ -2836,13 +2836,13 @@ function Zs({
   function o() {
     t && !d.current && navigator.clipboard.writeText(t);
   }
-  function h(x) {
-    (x.key === "Enter" || x.key === " ") && (x.preventDefault(), o());
+  function h(v) {
+    (v.key === "Enter" || v.key === " ") && (v.preventDefault(), o());
   }
   function u() {
-    const x = window.getSelection();
-    if (x && x.toString().trim() !== "") {
-      const N = x.toString();
+    const v = window.getSelection();
+    if (v && v.toString().trim() !== "") {
+      const N = v.toString();
       navigator.clipboard.writeText(N), l(!0), d.current = !0, setTimeout(() => {
         l(!1), d.current = !1;
       }, 1e3);
@@ -3048,10 +3048,10 @@ function Fo(t) {
   return Nt({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(t);
 }
 function ar(t) {
-  const { theme: a } = Kr(), n = G((f) => f.theme), r = S((f) => f.frame), i = S((f) => f.card), l = S((f) => f.activeTabCardId), c = Ur(), { refetch: d } = Se(i), { updateCardTab: o, setRunSql: h } = X(), u = Ge(), m = Ge({}), x = r.cards.find((f) => f.id === l), N = fe(() => {
+  const { theme: a } = Kr(), n = G((f) => f.theme), r = S((f) => f.frame), i = S((f) => f.card), l = S((f) => f.activeTabCardId), c = Ur(), { refetch: d } = Se(i), { updateCardTab: o, setRunSql: h } = X(), u = Ge(), m = Ge({}), v = r.cards.find((f) => f.id === l), N = fe(() => {
     let f = "";
-    return t === "python" && (f = (x == null ? void 0 : x.python) || Ns), t === "sql" && (f = (x == null ? void 0 : x.sql) || ""), f;
-  }, [t, x]);
+    return t === "python" && (f = (v == null ? void 0 : v.python) || Ns), t === "sql" && (f = (v == null ? void 0 : v.sql) || ""), f;
+  }, [t, v]);
   xe(() => {
     if (l && i.id && i.id !== l) {
       if (u.current && c) {
@@ -3101,8 +3101,8 @@ function ar(t) {
   }, [c, d, i]);
   function w(f, I) {
     if (u.current = f, !m.current[i.id]) {
-      const g = f.getModel(), v = N();
-      m.current[i.id] = g || (I == null ? void 0 : I.editor.createModel(v, t)) || f.getModel();
+      const g = f.getModel(), x = N();
+      m.current[i.id] = g || (I == null ? void 0 : I.editor.createModel(x, t)) || f.getModel();
     }
     f.setModel(m.current[i.id]);
   }
@@ -3219,14 +3219,14 @@ function Bo() {
   }), { sheetFilterValues: h } = Xr(), {
     setCardCustomCfg: u,
     setQueryResultColumns: m,
-    setCardSql: x,
+    setCardSql: v,
     setTempQueryData: N,
     // setQueryError,
     setPythonStdOut: w,
     setCardPreferences: f,
     setCardType: I,
     setCardPython: g,
-    runAssistant: v,
+    runAssistant: x,
     setShowAIDialog: F
   } = X();
   S((j) => j.onSave), S((j) => j.onClose), S((j) => j.actions.setSqlGen);
@@ -3281,7 +3281,7 @@ function Bo() {
     ${o ? `Python: 
 ${o}` : ""}
     `;
-    v(j);
+    x(j);
   }
   function V() {
     return /* @__PURE__ */ s(ne, { children: [
@@ -3503,14 +3503,14 @@ function Po({ data: t }) {
   ] });
 }
 function Ro({ card: t }) {
-  var v, F, E, D, C, k, M, T, y, p, L;
+  var x, F, E, D, C, k, M, T, y, p, L;
   const [a, n] = B(!1), [r, i] = B(
     []
   ), { authToken: l } = rt(), c = di(l == null ? void 0 : l.accessToken), d = G((z) => z.themeStyle), o = {
-    colors: ((F = (v = d == null ? void 0 : d.chart) == null ? void 0 : v.dataset) == null ? void 0 : F.backgroundColor) || []
+    colors: ((F = (x = d == null ? void 0 : d.chart) == null ? void 0 : x.dataset) == null ? void 0 : F.backgroundColor) || []
   };
   (E = t.customCardPreferences) != null && E.inputData;
-  const { getCard: h } = ks(((D = t.customCardPreferences) == null ? void 0 : D.url) || ""), u = ((C = t.customCardPreferences) == null ? void 0 : C.visualType) || "single", m = S((z) => z.frame), { setCustomCardPreferences: x } = X(), { data: N } = Se(t), w = fe((z, O) => {
+  const { getCard: h } = ks(((D = t.customCardPreferences) == null ? void 0 : D.url) || ""), u = ((C = t.customCardPreferences) == null ? void 0 : C.visualType) || "single", m = S((z) => z.frame), { setCustomCardPreferences: v } = X(), { data: N } = Se(t), w = fe((z, O) => {
     i((b) => ({
       ...b,
       [z]: O
@@ -3593,9 +3593,9 @@ function sr({
   ...a
 }) {
   var g;
-  const n = S((v) => v.card), r = ((g = n.customCardPreferences) == null ? void 0 : g.showCardHeader) ?? !0, i = S((v) => v.frame), l = G((v) => v.dashboard.filters);
-  S((v) => v.actions.setRunSql);
-  const { updateFilter: c } = Dt(), d = l == null ? void 0 : l.find((v) => v.id === i.filterId), { data: o, isLoading: h, isFetching: u, errorMessage: m } = Se(n), { setCard: x } = X(), { data: N } = ta(n), w = at(() => !n.id || !(o != null && o.records) ? null : Ss({
+  const n = S((x) => x.card), r = ((g = n.customCardPreferences) == null ? void 0 : g.showCardHeader) ?? !0, i = S((x) => x.frame), l = G((x) => x.dashboard.filters);
+  S((x) => x.actions.setRunSql);
+  const { updateFilter: c } = Dt(), d = l == null ? void 0 : l.find((x) => x.id === i.filterId), { data: o, isLoading: h, isFetching: u, errorMessage: m } = Se(n), { setCard: v } = X(), { data: N } = ta(n), w = at(() => !n.id || !(o != null && o.records) ? null : Ss({
     card: n,
     data: o == null ? void 0 : o.records,
     cardType: n.type,
@@ -3613,8 +3613,8 @@ function sr({
     n.preferences,
     N
   ]);
-  function f(v) {
-    return /* @__PURE__ */ e(Ro, { card: v });
+  function f(x) {
+    return /* @__PURE__ */ e(Ro, { card: x });
   }
   function I() {
     if (o != null && o.records && (o == null ? void 0 : o.records.length) === 0 && !h && !u)
@@ -3652,7 +3652,7 @@ function sr({
               {
                 enabled: !0,
                 text: n.title,
-                onSave: (v) => x({ ...n, title: v }),
+                onSave: (x) => v({ ...n, title: x }),
                 children: /* @__PURE__ */ e("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e(Ds, { className: "text-base", children: n.title || "Add title" }) })
               },
               n.title
@@ -3662,7 +3662,7 @@ function sr({
               {
                 enabled: !0,
                 text: n.description || "",
-                onSave: (v) => x({ ...n, description: v }),
+                onSave: (x) => v({ ...n, description: x }),
                 children: /* @__PURE__ */ e(mi, { children: n.description || "Add description" })
               },
               n.description
@@ -3675,7 +3675,7 @@ function sr({
                 enabled: !0,
                 className: "my-1",
                 text: d.title || d.column,
-                onSave: (v) => c({ ...d, title: v }),
+                onSave: (x) => c({ ...d, title: x }),
                 children: /* @__PURE__ */ e(K, { children: d.title })
               }
             ),
@@ -3800,7 +3800,7 @@ const Fn = ({
   /* @__PURE__ */ e(q, { onClick: i, variant: "outline", children: "Close" })
 ] });
 function Go() {
-  const [t, a] = B(!1), [n, r] = B(""), [i, l] = B(""), [c, d] = B(""), [o, h] = B(""), u = S((D) => D.card), m = S((D) => D.card.customCfg), x = m ? JSON.stringify(m, null, 2) : "", { data: N } = Se(u), { data: w } = ta(u), { setCardCustomCfg: f, setCustomVisualCode: I } = X(), g = (D) => {
+  const [t, a] = B(!1), [n, r] = B(""), [i, l] = B(""), [c, d] = B(""), [o, h] = B(""), u = S((D) => D.card), m = S((D) => D.card.customCfg), v = m ? JSON.stringify(m, null, 2) : "", { data: N } = Se(u), { data: w } = ta(u), { setCardCustomCfg: f, setCustomVisualCode: I } = X(), g = (D) => {
     var C, k;
     return JSON.stringify(
       {
@@ -3816,7 +3816,7 @@ function Go() {
       null,
       2
     );
-  }, v = () => {
+  }, x = () => {
     var C, k;
     if (!((C = N == null ? void 0 : N.records) != null && C.length)) return;
     const D = Ss({
@@ -3853,7 +3853,7 @@ function Go() {
       ae,
       {
         tooltip: "Customize Visual",
-        onClick: v,
+        onClick: x,
         className: E ? "" : "text-green-600 hover:text-green-700",
         children: /* @__PURE__ */ e(Os, { className: "h-4 w-4" })
       }
@@ -3866,7 +3866,7 @@ function Go() {
           _o,
           {
             customCode: c,
-            cardCustomCfgString: x,
+            cardCustomCfgString: v,
             mergedConfig: i,
             onConfigChange: (D) => l(D ?? ""),
             onCodeChange: (D) => d(D ?? "")
@@ -3922,14 +3922,14 @@ function Jo({
     (async () => {
       var u;
       if (d) {
-        const x = (await Promise.all(
+        const v = (await Promise.all(
           (u = d == null ? void 0 : d.plugins) == null ? void 0 : u.map(async (N) => (await vi(N.value)).visuals.map((I) => ({
             name: I.name,
             icon: I.icon,
             url: N.value
           })))
         )).flat();
-        n(x);
+        n(v);
       }
     })();
   }, [d]), a.length === 0 ? null : /* @__PURE__ */ s(ne, { children: [
@@ -4276,7 +4276,7 @@ function Uo() {
     ((P = (V = (A = n == null ? void 0 : n.chartOptions) == null ? void 0 : A.scales) == null ? void 0 : V[i]) == null ? void 0 : P.min) || ""
   ), [h, u] = B(
     ((re = (j = (J = n == null ? void 0 : n.chartOptions) == null ? void 0 : J.scales) == null ? void 0 : j[i]) == null ? void 0 : re.max) || ""
-  ), [m, x] = B(d || h ? "custom" : "auto"), [N, w] = B(""), [f, I] = B(0), [g, v] = B(""), [F, E] = B(""), [D, C] = B(""), k = S(
+  ), [m, v] = B(d || h ? "custom" : "auto"), [N, w] = B(""), [f, I] = B(0), [g, x] = B(""), [F, E] = B(""), [D, C] = B(""), k = S(
     ($) => $.actions.setCardPreferences
   ), { updateCardInFrame: M } = X(), T = S(($) => $.card), y = ["pie", "doughnut", "polarArea", "funnel"].includes(
     r
@@ -4287,7 +4287,7 @@ function Uo() {
       ((ee = (H = ($ = n == null ? void 0 : n.chartOptions) == null ? void 0 : $.scales) == null ? void 0 : H[i]) == null ? void 0 : ee.min) === 0 ? 0 : ""
     ), u(((W = (Q = (ie = n == null ? void 0 : n.chartOptions) == null ? void 0 : ie.scales) == null ? void 0 : Q[i]) == null ? void 0 : W.max) || ""), w(
       ((Ae = (Ie = (ge = (Z = n == null ? void 0 : n.chartOptions) == null ? void 0 : Z.scales) == null ? void 0 : ge[i]) == null ? void 0 : Ie.ticks) == null ? void 0 : Ae.stepSize) || ""
-    ), I(((Ye = n == null ? void 0 : n.numberAxisFormat) == null ? void 0 : Ye.decimalPlaces) || 0), v(((je = n == null ? void 0 : n.numberAxisFormat) == null ? void 0 : je.suffix) || ""), E(((Ke = n == null ? void 0 : n.numberAxisFormat) == null ? void 0 : Ke.currency) || ""), C(((Be = n == null ? void 0 : n.numberAxisFormat) == null ? void 0 : Be.locale) || "");
+    ), I(((Ye = n == null ? void 0 : n.numberAxisFormat) == null ? void 0 : Ye.decimalPlaces) || 0), x(((je = n == null ? void 0 : n.numberAxisFormat) == null ? void 0 : je.suffix) || ""), E(((Ke = n == null ? void 0 : n.numberAxisFormat) == null ? void 0 : Ke.currency) || ""), C(((Be = n == null ? void 0 : n.numberAxisFormat) == null ? void 0 : Be.locale) || "");
   }, [t, n, i, r]);
   function p($, H) {
     return H === "" || /^[0-9\b]+$/.test(H) ? Number(H) : Number($);
@@ -4387,7 +4387,7 @@ function Uo() {
             disabled: y,
             id: "scale-option",
             value: m,
-            onValueChange: ($) => x($),
+            onValueChange: ($) => v($),
             className: "col-span-2 flex gap-3",
             defaultValue: "x",
             children: [
@@ -4716,11 +4716,11 @@ function Zo() {
   }, o = (w, f) => {
     const I = w.dataTransfer.getData("tabIndex");
     if (I === f.toString()) return;
-    const g = Array.from(t.cards), [v] = g.splice(parseInt(I), 1);
-    g.splice(f, 0, v), n({ ...t, cards: g });
+    const g = Array.from(t.cards), [x] = g.splice(parseInt(I), 1);
+    g.splice(f, 0, x), n({ ...t, cards: g });
   };
   function h(w) {
-    const f = t.cards.filter((v) => v.id !== w), I = f[0], g = {
+    const f = t.cards.filter((x) => x.id !== w), I = f[0], g = {
       ...t,
       cards: f,
       // update the active card to the first card in the frame
@@ -4745,7 +4745,7 @@ function Zo() {
     };
     u(a, w);
   }
-  function x(w) {
+  function v(w) {
     const f = {
       connectionId: w.connectionId,
       lastSelectedDatabase: w.lastSelectedDatabase,
@@ -4824,7 +4824,7 @@ function Zo() {
       {
         className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
         variant: "outline",
-        onClick: () => x(a),
+        onClick: () => v(a),
         children: /* @__PURE__ */ e(ke, { className: "h-4 w-4" })
       }
     ),
@@ -4841,7 +4841,7 @@ function Zo() {
 }
 function dr() {
   const t = S((f) => f.frame), a = S((f) => f.card), n = S((f) => f.isSqlRunning), r = S((f) => f.isDevMode), { setFrame: i, setActiveTabCardId: l, setCard: c, setIsDevMode: d, setRunSql: o } = X(), { data: h, isLoading: u, isFetching: m } = Se(a);
-  function x(f) {
+  function v(f) {
     const I = t.cards.find((g) => g.id === f);
     if (I != null && I.sql) {
       r || d(!0), l(f);
@@ -4856,11 +4856,11 @@ function dr() {
   function N(f) {
     const I = {
       ...t,
-      cards: t.cards.map((v) => v.id === a.id ? a : v),
+      cards: t.cards.map((x) => x.id === a.id ? a : x),
       activeCardId: f
     };
     i(I);
-    const g = I.cards.find((v) => v.id === f);
+    const g = I.cards.find((x) => x.id === f);
     g.sql && o(!0), c(g);
   }
   function w() {
@@ -4876,7 +4876,7 @@ function dr() {
   return /* @__PURE__ */ s(
     _t,
     {
-      onValueChange: x,
+      onValueChange: v,
       value: t.activeCardId,
       className: "flex grow flex-col",
       children: [
@@ -4889,12 +4889,12 @@ function dr() {
 function Jt({
   children: t
 }) {
-  S((v) => v.frame);
-  const a = S((v) => v.card), n = S((v) => v.isDevMode), r = S((v) => v.isShowingVisual), i = G((v) => v.isVisualEditing), l = S((v) => v.pythonStdOut);
-  S((v) => v.actions.setRunSql);
-  const { setFrame: c, setCard: d, setActiveTabCardId: o, runAssistant: h, setIsDevMode: u } = X(), { data: m, isLoading: x, isFetching: N, errorMessage: w } = Se(a);
+  S((x) => x.frame);
+  const a = S((x) => x.card), n = S((x) => x.isDevMode), r = S((x) => x.isShowingVisual), i = G((x) => x.isVisualEditing), l = S((x) => x.pythonStdOut);
+  S((x) => x.actions.setRunSql);
+  const { setFrame: c, setCard: d, setActiveTabCardId: o, runAssistant: h, setIsDevMode: u } = X(), { data: m, isLoading: v, isFetching: N, errorMessage: w } = Se(a);
   function f() {
-    const v = JSON.stringify(m == null ? void 0 : m.records, null, 2), F = new Blob([v], { type: "application/json" }), E = URL.createObjectURL(F), D = document.createElement("a");
+    const x = JSON.stringify(m == null ? void 0 : m.records, null, 2), F = new Blob([x], { type: "application/json" }), E = URL.createObjectURL(F), D = document.createElement("a");
     D.href = E, D.download = `${a.title}.json`, D.click();
   }
   function I() {
@@ -4908,15 +4908,15 @@ function Jt({
     C.href = D, C.download = `${a.title}.csv`, C.click();
   }
   function g() {
-    const v = `Can you get the documentation for ${a.type} chart?`;
-    h(v);
+    const x = `Can you get the documentation for ${a.type} chart?`;
+    h(x);
   }
   return a ? /* @__PURE__ */ s(
     "div",
     {
       className: "relative isolate flex h-full flex-col py-2 pb-3",
       children: [
-        (x || N) && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ e(Te, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
+        (v || N) && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ e(Te, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
         /* @__PURE__ */ s(
           "div",
           {
@@ -5042,12 +5042,12 @@ function tc() {
   ), h = (f = o == null ? void 0 : o.visuals) == null ? void 0 : f.find(
     (g) => g.name === (t == null ? void 0 : t.componentName)
   );
-  function u(g, v) {
+  function u(g, x) {
     if (!t) return;
     const E = {
       ...(t == null ? void 0 : t.dataInputCardIds) || {},
       [g]: {
-        cardId: v,
+        cardId: x,
         hookRef: null
       }
     };
@@ -5058,7 +5058,7 @@ function tc() {
   }
   function m(g) {
     var F, E;
-    const v = (F = i == null ? void 0 : i.cards) == null ? void 0 : F.filter((D) => {
+    const x = (F = i == null ? void 0 : i.cards) == null ? void 0 : F.filter((D) => {
       var C;
       return ((C = D == null ? void 0 : D.customCardPreferences) == null ? void 0 : C.visualType) !== "multiple";
     }).map((D) => ({
@@ -5078,7 +5078,7 @@ function tc() {
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
-                options: v || [],
+                options: x || [],
                 value: ((M = (k = t == null ? void 0 : t.dataInputCardIds) == null ? void 0 : k[C]) == null ? void 0 : M.cardId) || "",
                 onValueChange: (T) => u(C, T)
               }
@@ -5089,45 +5089,45 @@ function tc() {
       );
     }) });
   }
-  function x(g, v, F = [], E = "") {
+  function v(g, x, F = [], E = "") {
     var D, C;
     return t ? g === "input" ? /* @__PURE__ */ e(
       we,
       {
         className: `h-8 w-full ${We}`,
-        value: ((D = t == null ? void 0 : t.settings) == null ? void 0 : D[v]) || E,
+        value: ((D = t == null ? void 0 : t.settings) == null ? void 0 : D[x]) || E,
         onChange: (k) => {
           c({
             ...t,
             settings: {
               ...t == null ? void 0 : t.settings,
-              [v]: k.target.value
+              [x]: k.target.value
             }
           });
         }
       },
-      v
+      x
     ) : g === "select" ? /* @__PURE__ */ e(
       Oe,
       {
         className: "h-8 w-full",
         label: "",
         options: F,
-        value: ((C = t == null ? void 0 : t.settings) == null ? void 0 : C[v]) || E,
+        value: ((C = t == null ? void 0 : t.settings) == null ? void 0 : C[x]) || E,
         onValueChange: (k) => {
           c({
             ...t,
-            settings: { ...t == null ? void 0 : t.settings, [v]: k }
+            settings: { ...t == null ? void 0 : t.settings, [x]: k }
           });
         }
       }
     ) : null : null;
   }
   function N(g) {
-    const v = Object.entries((g == null ? void 0 : g.settings) || {});
-    return /* @__PURE__ */ e("div", { className: "space-y-3", children: v.map(([F, E]) => /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+    const x = Object.entries((g == null ? void 0 : g.settings) || {});
+    return /* @__PURE__ */ e("div", { className: "space-y-3", children: x.map(([F, E]) => /* @__PURE__ */ s("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e(K, { children: E.title }),
-      x(
+      v(
         E.ui,
         F,
         E.options,
@@ -5232,7 +5232,7 @@ function Ct() {
     l && a(new Array(l.length).fill(!1));
   }, [l]);
   function c(h, u) {
-    var m, x;
+    var m, v;
     u ? n != null && n.onClickFilter && ((m = n == null ? void 0 : n.onClickFilter) == null ? void 0 : m.length) > 0 ? i({
       ...n,
       onClickFilter: [
@@ -5252,7 +5252,7 @@ function Ct() {
       ]
     }) : (i({
       ...n,
-      onClickFilter: (x = n == null ? void 0 : n.onClickFilter) == null ? void 0 : x.filter(
+      onClickFilter: (v = n == null ? void 0 : n.onClickFilter) == null ? void 0 : v.filter(
         (N) => N.columnIndex !== h
       )
     }), a((N) => {
@@ -5261,8 +5261,8 @@ function Ct() {
     }));
   }
   function d(h, u) {
-    var x;
-    const m = (x = n == null ? void 0 : n.onClickFilter) == null ? void 0 : x.map((N) => N.columnIndex === h ? {
+    var v;
+    const m = (v = n == null ? void 0 : n.onClickFilter) == null ? void 0 : v.map((N) => N.columnIndex === h ? {
       ...N,
       expression: u.target.value
     } : N);
@@ -5272,12 +5272,12 @@ function Ct() {
     });
   }
   function o(h) {
-    var u, m, x, N;
+    var u, m, v, N;
     if (t != null && t[h] || (m = (u = n == null ? void 0 : n.onClickFilter) == null ? void 0 : u.find((w) => w.columnIndex === h)) != null && m.expression)
       return /* @__PURE__ */ e(
         we,
         {
-          value: (N = (x = n == null ? void 0 : n.onClickFilter) == null ? void 0 : x.find((w) => w.columnIndex === h)) == null ? void 0 : N.expression,
+          value: (N = (v = n == null ? void 0 : n.onClickFilter) == null ? void 0 : v.find((w) => w.columnIndex === h)) == null ? void 0 : N.expression,
           onChange: (w) => d(h, w),
           type: "text",
           className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
@@ -5288,7 +5288,7 @@ function Ct() {
   return /* @__PURE__ */ s("div", { className: "max-h-[150px] space-y-2 overflow-y-auto", children: [
     /* @__PURE__ */ e(K, { children: "On Click" }),
     l == null ? void 0 : l.map((h, u) => {
-      var m, x;
+      var m, v;
       return /* @__PURE__ */ e(
         "div",
         {
@@ -5311,7 +5311,7 @@ function Ct() {
                   children: h
                 }
               ),
-              /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: ((x = n == null ? void 0 : n.onClickFilter) == null ? void 0 : x.find(
+              /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: ((v = n == null ? void 0 : n.onClickFilter) == null ? void 0 : v.find(
                 (N) => N.columnIndex === u
               )) && /* @__PURE__ */ e(
                 os,
@@ -5369,12 +5369,12 @@ function nc({ idx: t }) {
     else {
       const m = { ...l };
       m.datalabels = u;
-      const x = n == null ? void 0 : n.map(
+      const v = n == null ? void 0 : n.map(
         (N) => N.idx === h ? m : N
       );
       r({
         ...a,
-        datasetOptions: x
+        datasetOptions: v
       });
     }
   }
@@ -5525,8 +5525,8 @@ function hr({
     return (m = u.card) == null ? void 0 : m.preferences;
   }), c = S(
     (u) => {
-      var m, x;
-      return (x = (m = u.card) == null ? void 0 : m.preferences) == null ? void 0 : x.datasetOptions;
+      var m, v;
+      return (v = (m = u.card) == null ? void 0 : m.preferences) == null ? void 0 : v.datasetOptions;
     }
   ), d = c == null ? void 0 : c.find((u) => u.idx === a), { setCardPreferences: o } = S((u) => u.actions);
   function h(u) {
@@ -5545,12 +5545,12 @@ function hr({
     else {
       const m = { ...d };
       m.type = u === "area" ? "line" : u, m.fill = u === "area" ? "origin" : "";
-      const x = c == null ? void 0 : c.map(
+      const v = c == null ? void 0 : c.map(
         (N) => N.idx === a ? m : N
       );
       o({
         ...l,
-        datasetOptions: x
+        datasetOptions: v
       });
     }
   }
@@ -5602,12 +5602,12 @@ function hr({
 }
 function pr() {
   const t = S((N) => N.selectedConnectionId), a = S((N) => N.selectedDatamodelId), n = S((N) => N.selectedDatabaseName), r = S((N) => N.selectedSchemaName), i = S((N) => N.selectedTableName), l = G((N) => N.dashboard.filters) || [], c = G((N) => N.actions.addFilter), d = G((N) => N.actions.removeFilter), { removeFilterValues: o } = Dt(), { modelItems: h, tableName: u, connectionType: m } = Ve();
-  function x(N, w = "dashboard") {
+  function v(N, w = "dashboard") {
     var k;
-    const f = Le(N.column_name), I = Le(n || ""), g = Le(r || ""), v = Le(u);
+    const f = Le(N.column_name), I = Le(n || ""), g = Le(r || ""), x = Le(u);
     let F = Ti({
       schemaName: g,
-      tableName: v,
+      tableName: x,
       connectionType: m,
       databaseName: I
     }), E = `${F}.${f}`;
@@ -5616,7 +5616,7 @@ function pr() {
     )) == null ? void 0 : k.name;
     a && a !== "none" && (E = `${Pa}.${D}.${f}`, F = `${Pa}.${D}`);
     const C = l == null ? void 0 : l.find(
-      (M) => M.column === E && M.table === v && (M.database === I || M.database === n)
+      (M) => M.column === E && M.table === x && (M.database === I || M.database === n)
     );
     if (C)
       o(C.id), d(C.id);
@@ -5661,7 +5661,7 @@ function pr() {
       }), M);
     }
   }
-  return { assignFilter: x };
+  return { assignFilter: v };
 }
 function At() {
   const t = G(
@@ -6180,7 +6180,7 @@ const mc = [
   value: t
 }));
 function fc() {
-  var o, h, u, m, x, N, w, f, I, g, v, F, E, D, C, k, M, T;
+  var o, h, u, m, v, N, w, f, I, g, x, F, E, D, C, k, M, T;
   const t = S((y) => y.card), a = (h = (o = t == null ? void 0 : t.preferences) == null ? void 0 : o.mapVisualOptions) == null ? void 0 : h.topoJsonUrl, [n, r] = B(
     ((m = (u = t == null ? void 0 : t.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : m.customTopoJsonUrl) || ""
   ), { setCardPreferences: i } = X(), { data: l } = ta(t), c = Object.keys((l == null ? void 0 : l.objects) || {}).map((y) => ({
@@ -6251,7 +6251,7 @@ function fc() {
             {
               className: "h-9",
               options: c,
-              value: ((N = (x = t.preferences) == null ? void 0 : x.mapVisualOptions) == null ? void 0 : N.objectKey) || "",
+              value: ((N = (v = t.preferences) == null ? void 0 : v.mapVisualOptions) == null ? void 0 : N.objectKey) || "",
               label: "Map Object",
               onValueChange: (y) => {
                 var p;
@@ -6320,7 +6320,7 @@ function fc() {
           className: `h-9 w-full ${We}`,
           type: "number",
           step: 0.1,
-          value: ((F = (v = t.preferences) == null ? void 0 : v.mapVisualOptions) == null ? void 0 : F.projectionScale) || 1,
+          value: ((F = (x = t.preferences) == null ? void 0 : x.mapVisualOptions) == null ? void 0 : F.projectionScale) || 1,
           onChange: (y) => {
             var p;
             i({
@@ -6889,12 +6889,12 @@ function Tc({
     attributes: h,
     listeners: u,
     setNodeRef: m,
-    transform: x,
+    transform: v,
     transition: N,
     isDragging: w
-  } = Ot({ id: t.id, data: { type: a } }), f = x ? {
+  } = Ot({ id: t.id, data: { type: a } }), f = v ? {
     opacity: w ? 0.5 : void 0,
-    transform: st.Translate.toString(x),
+    transform: st.Translate.toString(v),
     transition: N
   } : void 0, I = Pe(t.type);
   function g(C) {
@@ -6960,7 +6960,7 @@ function Tc({
       d(t.id, p);
     }
   }
-  function v() {
+  function x() {
     if (r === ht)
       return /* @__PURE__ */ e(
         "div",
@@ -7027,7 +7027,7 @@ function Tc({
         F(),
         E()
       ] }),
-      i && v()
+      i && x()
     ] }),
     /* @__PURE__ */ e(
       "div",
@@ -7055,11 +7055,11 @@ function Vn({
   const { setNodeRef: c, isOver: d, over: o } = ia({
     id: t
   }), h = nt((g) => g.activeId), u = S((g) => {
-    var v;
-    return (v = g.card) == null ? void 0 : v.type;
-  }), m = d || ((I = (f = o == null ? void 0 : o.data) == null ? void 0 : f.current) == null ? void 0 : I.type) === i, x = h ? r : n, N = i === en ? "Rows" : i === tn ? "Pivot Columns" : "Columns";
+    var x;
+    return (x = g.card) == null ? void 0 : x.type;
+  }), m = d || ((I = (f = o == null ? void 0 : o.data) == null ? void 0 : f.current) == null ? void 0 : I.type) === i, v = h ? r : n, N = i === en ? "Rows" : i === tn ? "Pivot Columns" : "Columns";
   function w() {
-    if (!x || x.length === 0)
+    if (!v || v.length === 0)
       return /* @__PURE__ */ e("div", { className: "mr-5 flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground/80 bg-background px-2 py-1 text-sm text-muted-foreground", children: /* @__PURE__ */ e("span", { className: "invisible text-muted-foreground/70 group-hover:visible", children: "Drag here" }) });
   }
   return /* @__PURE__ */ e($e, { items: n == null ? void 0 : n.map((g) => g.id), children: /* @__PURE__ */ s(
@@ -7077,7 +7077,7 @@ function Vn({
           u !== "table" && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground/50", children: N })
         ] }),
         w(),
-        /* @__PURE__ */ e("div", { className: "space-y-2", children: x == null ? void 0 : x.map(
+        /* @__PURE__ */ e("div", { className: "space-y-2", children: v == null ? void 0 : v.map(
           (g) => g.id === Qs.id ? /* @__PURE__ */ e(Ic, {}, g.id) : /* @__PURE__ */ e(
             Tc,
             {
@@ -7113,36 +7113,36 @@ function yr({ children: t, id: a, type: n }) {
 }
 function Oc() {
   const t = S((g) => {
-    var v;
-    return (v = g.card.queryConfig) == null ? void 0 : v.orderBy;
+    var x;
+    return (x = g.card.queryConfig) == null ? void 0 : x.orderBy;
   }) || [], a = S((g) => {
-    var v;
-    return (v = g.card.queryConfig) == null ? void 0 : v.groupByColumns;
+    var x;
+    return (x = g.card.queryConfig) == null ? void 0 : x.groupByColumns;
   }) || [], n = S((g) => {
-    var v;
-    return (v = g.card.queryConfig) == null ? void 0 : v.metricColumns;
+    var x;
+    return (x = g.card.queryConfig) == null ? void 0 : x.metricColumns;
   }) || [], { addOrderByColumn: r, removeOrderByColumn: i, updateOrderByColumn: l } = X(), c = [...a, ...n];
   if (c.length === 0)
     return /* @__PURE__ */ e(ne, {});
-  const d = /* @__PURE__ */ e(kl, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), o = /* @__PURE__ */ e(vl, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), h = /* @__PURE__ */ e(wl, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), u = /* @__PURE__ */ e(xl, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), m = c == null ? void 0 : c.filter((g) => !t.some((v) => v.columnId === g.id)).map((g) => ({
+  const d = /* @__PURE__ */ e(kl, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), o = /* @__PURE__ */ e(vl, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), h = /* @__PURE__ */ e(wl, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), u = /* @__PURE__ */ e(xl, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), m = c == null ? void 0 : c.filter((g) => !t.some((x) => x.columnId === g.id)).map((g) => ({
     id: g.id,
     value: g.label || g.name
   }));
-  function x(g, v) {
+  function v(g, x) {
     const F = N(g);
-    return F ? F.role === "metric" ? v === "asc" ? h : u : v === "asc" ? d : o : null;
+    return F ? F.role === "metric" ? x === "asc" ? h : u : x === "asc" ? d : o : null;
   }
   function N(g) {
-    return c.find((v) => v.id === g);
+    return c.find((x) => x.id === g);
   }
   function w(g) {
-    const v = t.find(
+    const x = t.find(
       (F) => F.columnId === g
     );
-    if (v) {
+    if (x) {
       const F = {
-        ...v,
-        direction: v.direction === "asc" ? "desc" : "asc"
+        ...x,
+        direction: x.direction === "asc" ? "desc" : "asc"
       };
       l(F);
     }
@@ -7154,10 +7154,10 @@ function Oc() {
     });
   };
   function I(g) {
-    const v = t.find(
+    const x = t.find(
       (F) => F.columnId === g
     );
-    v && i(v);
+    x && i(x);
   }
   return /* @__PURE__ */ e(
     $e,
@@ -7179,7 +7179,7 @@ function Oc() {
           }
         ) }),
         t.map((g) => {
-          var v, F;
+          var x, F;
           return /* @__PURE__ */ e(
             yr,
             {
@@ -7193,7 +7193,7 @@ function Oc() {
                     /* @__PURE__ */ s("div", { className: "flex h-full grow items-center justify-between gap-2 rounded-sm bg-muted px-2", children: [
                       /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
                         /* @__PURE__ */ e(_s, { className: "size-3 cursor-move text-muted-foreground hover:text-foreground" }),
-                        /* @__PURE__ */ e(Ma, { className: "w-[175px] text-sm", children: ((v = N(g.columnId)) == null ? void 0 : v.label) || ((F = N(g.columnId)) == null ? void 0 : F.name) })
+                        /* @__PURE__ */ e(Ma, { className: "w-[175px] text-sm", children: ((x = N(g.columnId)) == null ? void 0 : x.label) || ((F = N(g.columnId)) == null ? void 0 : F.name) })
                       ] }),
                       /* @__PURE__ */ e(
                         "button",
@@ -7201,7 +7201,7 @@ function Oc() {
                           title: g.direction === "asc" ? "Ascending" : "Descending",
                           onClick: () => w(g.columnId),
                           className: "rounded-sm p-0",
-                          children: x(g.columnId, g.direction)
+                          children: v(g.columnId, g.direction)
                         }
                       )
                     ] }),
@@ -7259,7 +7259,7 @@ function Ec() {
   function m(I) {
     o(I);
   }
-  function x(I) {
+  function v(I) {
     h(I);
   }
   let N = "Group By", w = "Metrics", f = "Stack By";
@@ -7281,7 +7281,7 @@ function Ec() {
         /* @__PURE__ */ e(
           Vn,
           {
-            onRemoveColumn: x,
+            onRemoveColumn: v,
             sortableType: tn,
             id: pt,
             label: f,
@@ -7315,8 +7315,8 @@ function Da({
 }) {
   const [l, c] = B(!1), { removeEditorFilter: d, clearEditorFilter: o } = X(), h = S(
     (m) => {
-      var x, N;
-      return (N = (x = m.card.queryConfig) == null ? void 0 : x.filters) == null ? void 0 : N.some(
+      var v, N;
+      return (N = (v = m.card.queryConfig) == null ? void 0 : v.filters) == null ? void 0 : N.some(
         (w) => w.filterColumnName === a.name
       );
     }
@@ -7410,9 +7410,9 @@ function Ac({
     connectionId: l,
     // not needed
     dataType: t.type
-  }, { data: x, isLoading: N, isFetching: w, isError: f } = js(m), I = at(() => {
+  }, { data: v, isLoading: N, isFetching: w, isError: f } = js(m), I = at(() => {
     var E;
-    return m.column ? (E = x == null ? void 0 : x.records) == null ? void 0 : E.map((D) => {
+    return m.column ? (E = v == null ? void 0 : v.records) == null ? void 0 : E.map((D) => {
       let C = m.column.split(".").slice(-1)[0].replace(/"/g, "");
       return D[C] === void 0 && (C = C.toLowerCase()), {
         id: D[C],
@@ -7421,12 +7421,12 @@ function Ac({
         // this is needed if
       };
     }) : [];
-  }, [x, m.column]);
+  }, [v, m.column]);
   function g(F) {
     const E = F.map((D) => D.id);
     u(t.name, E);
   }
-  function v() {
+  function x() {
     return N || w ? /* @__PURE__ */ e(
       Xn,
       {
@@ -7456,7 +7456,7 @@ function Ac({
       id: t.id,
       sortableType: a,
       column: t,
-      children: v()
+      children: x()
     }
   );
 }
@@ -7500,7 +7500,7 @@ function Fc({
     title: "",
     // not needed
     dataType: t.type
-  }, { isLoading: o, isFetching: h, isError: u, data: m } = js(d), x = m == null ? void 0 : m.records, { dateRange: N, setDateRange: w, initialDateRange: f } = zi(x), { updateEditorFilterValue: I } = X();
+  }, { isLoading: o, isFetching: h, isError: u, data: m } = js(d), v = m == null ? void 0 : m.records, { dateRange: N, setDateRange: w, initialDateRange: f } = zi(v), { updateEditorFilterValue: I } = X();
   function g(E) {
     var C, k;
     const D = {
@@ -7509,11 +7509,11 @@ function Fc({
     };
     I(t.name, D);
   }
-  function v() {
+  function x() {
     I(t.name, null, !0), w(f);
   }
   function F() {
-    return o || h ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(Xn, { className: "h-8 w-72 bg-foreground/10" }) }) : u ? /* @__PURE__ */ e("div", { className: "h-8 w-72 bg-muted px-2", children: "Error" }) : x ? /* @__PURE__ */ e(
+    return o || h ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(Xn, { className: "h-8 w-72 bg-foreground/10" }) }) : u ? /* @__PURE__ */ e("div", { className: "h-8 w-72 bg-muted px-2", children: "Error" }) : v ? /* @__PURE__ */ e(
       Fi,
       {
         title: d.title,
@@ -7523,7 +7523,7 @@ function Fc({
         dateRange: N,
         setDateRange: w,
         onApply: g,
-        onClear: v
+        onClear: x
       }
     ) : /* @__PURE__ */ e(K, { className: "flex h-8 w-72 items-center bg-muted px-2", children: "No Data" });
   }
@@ -7555,7 +7555,7 @@ function Lc({
     if (!N || N.length === 0)
       return /* @__PURE__ */ e("div", { className: "flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground/80 bg-background px-2 py-1 text-sm text-muted-foreground", children: /* @__PURE__ */ e("span", { className: "invisible text-muted-foreground/70 group-hover:visible", children: "Drag here" }) });
   }
-  function x(I) {
+  function v(I) {
     const g = Re(I.type);
     return I.id === Qs.id ? /* @__PURE__ */ e(
       Da,
@@ -7597,7 +7597,7 @@ function Lc({
       children: [
         /* @__PURE__ */ e(K, { className: "text-sm", children: a }),
         m(),
-        /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-4", children: N == null ? void 0 : N.map((I) => x(I)) })
+        /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-4", children: N == null ? void 0 : N.map((I) => v(I)) })
       ]
     }
   ) });
@@ -7757,10 +7757,10 @@ function Rc(t) {
   }), {
     setCardPython: u,
     setCardSql: m,
-    setRunSql: x,
+    setRunSql: v,
     switchCardType: N,
     setQueryConfig: w
-  } = X(), f = S((Y) => Y.currentAssitantScope) || [], I = S((Y) => Y.userInputForAI), g = S((Y) => Y.triggerAIRun), v = S((Y) => Y.card), F = S(
+  } = X(), f = S((Y) => Y.currentAssitantScope) || [], I = S((Y) => Y.userInputForAI), g = S((Y) => Y.triggerAIRun), x = S((Y) => Y.card), F = S(
     (Y) => Y.selectedDatabaseName
   ), E = S((Y) => Y.selectedTableName), D = S(
     (Y) => Y.selectedConnectionId
@@ -7772,7 +7772,7 @@ function Rc(t) {
     errorMessage: M,
     refetch: T,
     data: y
-  } = Se(v), { setTriggerAIRun: p, setCurrentAssitantScope: L, setCardConfig: z } = X(), { selectedDatamodelName: O, connectionType: b, selectedDatamodelId: A } = Ve(), {
+  } = Se(x), { setTriggerAIRun: p, setCurrentAssitantScope: L, setCardConfig: z } = X(), { selectedDatamodelName: O, connectionType: b, selectedDatamodelId: A } = Ve(), {
     messages: V,
     setMessages: P,
     reload: J,
@@ -7817,7 +7817,7 @@ function Rc(t) {
     var se, ze, Ue, ot;
     if (["createChartFromSql", "createForecast"].includes(Y.toolName)) {
       const le = Y.args.sql, be = Y.args.python, Ne = Y.args.chartType;
-      return N(Ne), m(le), u(be), x(!0), {
+      return N(Ne), m(le), u(be), v(!0), {
         status: "success",
         message: "Let the user know that chart is created"
         // query: sql,
@@ -7955,9 +7955,9 @@ const qc = [
   }
 ];
 function Qa() {
-  const t = Ge(null), a = Ge(null), [n, r] = B(!1), [i, l] = B(is), [c, d] = B(!1), [o, h] = B(!1), u = qi(), { setCurrentAIContext: m } = _i(), x = G((W) => W.dashboard.aiContext), N = S((W) => W.card.dataSource), w = S((W) => W.actions.setCardSql), f = S((W) => W.actions.setRunSql), I = S((W) => W.showAIDialog), g = G(
+  const t = Ge(null), a = Ge(null), [n, r] = B(!1), [i, l] = B(is), [c, d] = B(!1), [o, h] = B(!1), u = qi(), { setCurrentAIContext: m } = _i(), v = G((W) => W.dashboard.aiContext), N = S((W) => W.card.dataSource), w = S((W) => W.actions.setCardSql), f = S((W) => W.actions.setRunSql), I = S((W) => W.showAIDialog), g = G(
     (W) => W.handleOpenAssistantProfile
-  ), { setShowAIDialog: v, setCardPython: F } = X(), { setDataSource: E } = X(), { assistantProfile: D } = $i(), {
+  ), { setShowAIDialog: x, setCardPython: F } = X(), { setDataSource: E } = X(), { assistantProfile: D } = $i(), {
     messages: C,
     setMessages: k,
     reload: M,
@@ -7987,11 +7987,11 @@ function Qa() {
   }
   function j() {
     var W;
-    (W = x == null ? void 0 : x.selectedEntities) == null || W[0], h(!0);
+    (W = v == null ? void 0 : v.selectedEntities) == null || W[0], h(!0);
   }
   function re() {
     u.selectedEntities.length === 0 && m({
-      selectedEntities: (x == null ? void 0 : x.selectedEntities) || []
+      selectedEntities: (v == null ? void 0 : v.selectedEntities) || []
     });
   }
   function $(W) {
@@ -8097,7 +8097,7 @@ function Qa() {
                     className: "h-8",
                     size: "sm",
                     onClick: () => {
-                      v(!1);
+                      x(!1);
                     },
                     children: /* @__PURE__ */ e(Hi, { className: "size-4" })
                   }
@@ -8201,7 +8201,7 @@ function _c({ field: t }) {
   } = Ot({ id: t.id }), [d, o] = B(!1), h = {
     transform: st.Transform.toString(i),
     transition: l
-  }, u = qe(t.dataType), x = ((N) => {
+  }, u = qe(t.dataType), v = ((N) => {
     const w = (N || "").toLowerCase();
     switch (qe(w)) {
       case "number":
@@ -8235,7 +8235,7 @@ function _c({ field: t }) {
             children: [
               /* @__PURE__ */ e("div", { className: "flex-shrink-0 hover:cursor-grab active:cursor-grabbing", children: /* @__PURE__ */ e(Et, { className: "invisible size-3.5 text-gray-400 group-hover/container:visible" }) }),
               /* @__PURE__ */ e(
-                x,
+                v,
                 {
                   className: R(
                     "size-3.5 flex-shrink-0 text-gray-500",
@@ -8274,7 +8274,7 @@ function _c({ field: t }) {
                   ] }),
                   /* @__PURE__ */ s("div", { className: "flex items-center gap-2.5", children: [
                     /* @__PURE__ */ e(
-                      x,
+                      v,
                       {
                         className: R(
                           "size-3 flex-shrink-0 text-gray-500",
@@ -8377,8 +8377,8 @@ function Gc() {
     error: u
   } = Cn(), m = d.filter(
     (E) => E.name.toLowerCase().includes(t.toLowerCase()) || E.dataType.toLowerCase().includes(t.toLowerCase()) || E.qualifiedEntityName && E.qualifiedEntityName.toLowerCase().includes(t.toLowerCase())
-  ), x = (E) => E.dataType === "number" || E.dataType === "integer" || E.dataType === "float" || E.dataType === "decimal" || E.dataType === "currency" ? "metrics" : "dimensions", w = (i === "all" ? m : m.filter(
-    (E) => x(E) === i
+  ), v = (E) => E.dataType === "number" || E.dataType === "integer" || E.dataType === "float" || E.dataType === "decimal" || E.dataType === "currency" ? "metrics" : "dimensions", w = (i === "all" ? m : m.filter(
+    (E) => v(E) === i
   )).reduce((E, D) => {
     const C = D.qualifiedEntityName || "Other Fields";
     return E[C] || (E[C] = {
@@ -8394,11 +8394,11 @@ function Gc() {
     const D = new Set(n);
     D.has(E) ? D.delete(E) : D.add(E), r(D);
   }, I = m.filter(
-    (E) => x(E) === "dimensions"
+    (E) => v(E) === "dimensions"
   ).length, g = m.filter(
-    (E) => x(E) === "metrics"
-  ).length, v = m.filter(
-    (E) => x(E) === "calculated"
+    (E) => v(E) === "metrics"
+  ).length, x = m.filter(
+    (E) => v(E) === "calculated"
   ).length, F = m.length > 0;
   return h ? /* @__PURE__ */ s("div", { className: "flex h-[calc(100vh-200px)] w-[290px] flex-col items-center justify-center", children: [
     /* @__PURE__ */ e(Te, { className: "h-8 w-8 animate-spin text-gray-400" }),
@@ -8444,7 +8444,7 @@ function Gc() {
             ] }),
             /* @__PURE__ */ s(Me, { value: "calculated", className: "text-xs", children: [
               /* @__PURE__ */ e(Il, { className: "size-4 shrink-0" }),
-              /* @__PURE__ */ e("span", { className: "ml-2 text-xs font-semibold", children: v })
+              /* @__PURE__ */ e("span", { className: "ml-2 text-xs font-semibold", children: x })
             ] })
           ] })
         }
@@ -8772,13 +8772,13 @@ function Yc({
     setJoinPlan: h,
     addJoin: u,
     removeJoin: m,
-    updateJoin: x,
+    updateJoin: v,
     moveJoinUp: N,
     moveJoinDown: w,
     toggleJoinExpansion: f,
     getAvailableSourceEntities: I,
     getAvailableTargetEntities: g,
-    addJoinKeyGroup: v,
+    addJoinKeyGroup: x,
     updateGroupOperator: F,
     removeJoinKeyGroup: E,
     addJoinKey: D,
@@ -8927,7 +8927,7 @@ function Yc({
                       const A = a.find(
                         (V) => V.name === b
                       );
-                      x(p.id, {
+                      v(p.id, {
                         source: {
                           connectionId: (A == null ? void 0 : A.connectionId) || "",
                           connectionType: (A == null ? void 0 : A.connectionType) || "none",
@@ -8971,7 +8971,7 @@ function Yc({
                   oe,
                   {
                     value: p.joinType,
-                    onValueChange: (b) => x(p.id, {
+                    onValueChange: (b) => v(p.id, {
                       joinType: b
                     }),
                     children: [
@@ -9024,7 +9024,7 @@ function Yc({
                       const A = a.find(
                         (V) => V.name === b
                       );
-                      x(p.id, {
+                      v(p.id, {
                         target: {
                           connectionId: (A == null ? void 0 : A.connectionId) || "",
                           connectionType: (A == null ? void 0 : A.connectionType) || "none",
@@ -9081,7 +9081,7 @@ function Yc({
                     type: "button",
                     variant: "outline",
                     size: "sm",
-                    onClick: () => v(p.id),
+                    onClick: () => x(p.id),
                     children: [
                       /* @__PURE__ */ e(ke, { className: "mr-1 h-3 w-3" }),
                       " Add Condition Group"
@@ -9118,7 +9118,14 @@ function Yc({
                             children: [
                               /* @__PURE__ */ e(ce, { className: "w-[100px]", children: /* @__PURE__ */ e(de, {}) }),
                               /* @__PURE__ */ s(ue, { children: [
-                                /* @__PURE__ */ e(U, { value: "AND", children: "AND" }),
+                                /* @__PURE__ */ e(
+                                  U,
+                                  {
+                                    className: "hover:bg-muted",
+                                    value: "AND",
+                                    children: "AND"
+                                  }
+                                ),
                                 /* @__PURE__ */ e(U, { value: "OR", children: "OR" })
                               ] })
                             ]
@@ -9164,6 +9171,7 @@ function Yc({
                                   ).map((J) => /* @__PURE__ */ e(
                                     U,
                                     {
+                                      className: "hover:bg-muted",
                                       value: J.name,
                                       children: /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-between", children: [
                                         /* @__PURE__ */ e("span", { children: J.name }),
@@ -9196,11 +9204,46 @@ function Yc({
                                 children: [
                                   /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(de, {}) }),
                                   /* @__PURE__ */ s(ue, { children: [
-                                    /* @__PURE__ */ e(U, { value: "=", children: "=" }),
-                                    /* @__PURE__ */ e(U, { value: "<", children: "<" }),
-                                    /* @__PURE__ */ e(U, { value: ">", children: ">" }),
-                                    /* @__PURE__ */ e(U, { value: "<=", children: "<=" }),
-                                    /* @__PURE__ */ e(U, { value: ">=", children: ">=" })
+                                    /* @__PURE__ */ e(
+                                      U,
+                                      {
+                                        className: "hover:bg-muted",
+                                        value: "=",
+                                        children: "="
+                                      }
+                                    ),
+                                    /* @__PURE__ */ e(
+                                      U,
+                                      {
+                                        className: "hover:bg-muted",
+                                        value: "<",
+                                        children: "<"
+                                      }
+                                    ),
+                                    /* @__PURE__ */ e(
+                                      U,
+                                      {
+                                        className: "hover:bg-muted",
+                                        value: ">",
+                                        children: ">"
+                                      }
+                                    ),
+                                    /* @__PURE__ */ e(
+                                      U,
+                                      {
+                                        className: "hover:bg-muted",
+                                        value: "<=",
+                                        children: "<="
+                                      }
+                                    ),
+                                    /* @__PURE__ */ e(
+                                      U,
+                                      {
+                                        className: "hover:bg-muted",
+                                        value: ">=",
+                                        children: ">="
+                                      }
+                                    )
                                   ] })
                                 ]
                               }
@@ -9223,8 +9266,9 @@ function Yc({
                                   ).map((J) => /* @__PURE__ */ e(
                                     U,
                                     {
+                                      className: "hover:bg-muted",
                                       value: J.name,
-                                      children: /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-between", children: [
+                                      children: /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-between hover:bg-muted", children: [
                                         /* @__PURE__ */ e("span", { children: J.name }),
                                         /* @__PURE__ */ e(
                                           ye,
@@ -9426,8 +9470,8 @@ function Kc({
 }
 function Uc() {
   var u, m;
-  const t = S((x) => x.card), a = S(
-    (x) => x.actions.updateCardConfig
+  const t = S((v) => v.card), a = S(
+    (v) => v.actions.updateCardConfig
   ), n = ((u = t == null ? void 0 : t.config) == null ? void 0 : u.joinPlan) || {
     baseEntity: {
       type: "table",
@@ -9439,10 +9483,10 @@ function Uc() {
       dialect: "none"
     },
     joins: []
-  }, [r, i] = B(!1), l = ((m = t == null ? void 0 : t.dataSource) == null ? void 0 : m.selectedEntities) || [], c = (x) => {
+  }, [r, i] = B(!1), l = ((m = t == null ? void 0 : t.dataSource) == null ? void 0 : m.selectedEntities) || [], c = (v) => {
     a(t.id, {
       ...t == null ? void 0 : t.config,
-      joinPlan: x
+      joinPlan: v
     }), i(!1);
   }, d = () => {
     a(t.id, {
@@ -9452,14 +9496,14 @@ function Uc() {
   }, o = () => {
     i(!1);
   }, h = () => {
-    const x = [...n.joins].sort(
+    const v = [...n.joins].sort(
       (f, I) => f.sequence - I.sequence
     ), N = n.baseEntity;
     if (!N.name)
       return "SELECT * FROM table -- Please select a base entity";
     let w = `SELECT *
 FROM ${N.name}`;
-    return x.forEach((f) => {
+    return v.forEach((f) => {
       const I = l.find(
         (F) => F.name === f.target.name
       );
@@ -9474,10 +9518,10 @@ FROM ${N.name}`;
           (D) => `${D.source.entityName}.${D.source.name} ${D.operator} ${D.target.entityName}.${D.target.name}`
         );
         return E.length > 1 ? `(${E.join(` ${F.operator} `)})` : E[0];
-      }).filter(Boolean), v = g.length > 1 ? g.join(" OR ") : g[0] || "condition_here";
+      }).filter(Boolean), x = g.length > 1 ? g.join(" OR ") : g[0] || "condition_here";
       w += `
 ${f.joinType} JOIN ${I.name}
-  ON ${v}`;
+  ON ${x}`;
     }), w;
   };
   return l.length < 2 ? null : /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
@@ -9635,7 +9679,7 @@ function Qc() {
                             onClick: (u) => {
                               u.stopPropagation();
                               const m = d.selectedEntities.filter(
-                                (x) => !(x.name === o.name && x.type === o.type)
+                                (v) => !(v.name === o.name && v.type === o.type)
                               );
                               l({
                                 ...c,
@@ -9859,16 +9903,16 @@ function td({
   const [n, r] = B(null), [i, l] = B(""), [c, d] = B(""), o = () => {
     a({ ...t, "": "" });
   }, h = (m) => {
-    const x = { ...t };
-    delete x[m], a(x);
+    const v = { ...t };
+    delete v[m], a(v);
   }, u = (m) => {
-    const x = { ...t };
-    delete x[m], x[i] = c, a(x), r(null);
+    const v = { ...t };
+    delete v[m], v[i] = c, a(v), r(null);
   };
   return /* @__PURE__ */ s("div", { className: "space-y-1", children: [
     /* @__PURE__ */ e(K, { className: "text-xs font-medium text-muted-foreground", children: "Pivot Value Aliases" }),
     /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-      Object.entries(t).map(([m, x], N) => /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: n === m ? /* @__PURE__ */ s(ne, { children: [
+      Object.entries(t).map(([m, v], N) => /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: n === m ? /* @__PURE__ */ s(ne, { children: [
         /* @__PURE__ */ e(
           De,
           {
@@ -9928,7 +9972,7 @@ function td({
             className: "h-8 w-24 text-xs",
             readOnly: !0,
             onClick: () => {
-              r(m), l(m), d(x);
+              r(m), l(m), d(v);
             },
             "aria-label": "Edit value alias key"
           }
@@ -9937,11 +9981,11 @@ function td({
           De,
           {
             placeholder: "Alias label",
-            value: x,
+            value: v,
             className: "h-8 w-24 text-xs",
             readOnly: !0,
             onClick: () => {
-              r(m), l(m), d(x);
+              r(m), l(m), d(v);
             },
             "aria-label": "Edit value alias label"
           }
@@ -9988,7 +10032,7 @@ const br = (t) => {
     removeMetricColumn: d,
     removePivotByColumn: o,
     removeSortByColumn: h
-  } = X(), u = S((y) => y.card.type), m = t == null ? void 0 : t.id, x = fe(
+  } = X(), u = S((y) => y.card.type), m = t == null ? void 0 : t.id, v = fe(
     (y) => {
       if (!(t != null && t.config)) return [];
       switch (y) {
@@ -10084,7 +10128,7 @@ const br = (t) => {
   ), w = fe(
     (y, p, L) => {
       if (!m) return;
-      const O = x(y)[p];
+      const O = v(y)[p];
       if (O)
         switch (y) {
           case "groupBy":
@@ -10103,7 +10147,7 @@ const br = (t) => {
     },
     [
       m,
-      x,
+      v,
       n,
       r,
       i,
@@ -10112,7 +10156,7 @@ const br = (t) => {
   ), f = fe(
     (y, p) => {
       if (!m) return;
-      const z = x("metrics")[y];
+      const z = v("metrics")[y];
       z && r(m, z.id, {
         aggregate: p,
         label: vr(
@@ -10121,46 +10165,46 @@ const br = (t) => {
         )
       });
     },
-    [m, x, r]
+    [m, v, r]
   ), I = fe(
     (y, p, L) => {
       if (!m) return;
-      const O = x("groupBy")[y];
+      const O = v("groupBy")[y];
       if (!O) return;
       const b = {
         dateFormat: p
       };
       p === "custom" && L ? b.customFormat = L : b.customFormat = void 0, n(m, O.id, b);
     },
-    [m, x, n]
+    [m, v, n]
   ), g = fe(
     (y, p) => {
       if (!m) return;
-      const z = x("groupBy")[y];
+      const z = v("groupBy")[y];
       z && n(m, z.id, {
         granularity: p
       });
     },
-    [m, x, n]
-  ), v = fe(
+    [m, v, n]
+  ), x = fe(
     (y, p) => {
       if (!m) return;
-      const z = x("metrics")[y];
+      const z = v("metrics")[y];
       z && r(m, z.id, {
         aliasTemplate: p
       });
     },
-    [m, x, r]
+    [m, v, r]
   ), F = fe(
     (y, p) => {
       if (console.log("handleValueAliasesChange", y, p), !m) return;
       console.log("handleValueAliasesChange", y, p);
-      const z = x("metrics")[y];
+      const z = v("metrics")[y];
       z && (console.log("handleValueAliasesChange", p), r(m, z.id, {
         valueAliases: p
       }));
     },
-    [m, x, r]
+    [m, v, r]
   ), E = fe(
     (y) => {
       m && a(m, { comparisonType: y });
@@ -10189,10 +10233,10 @@ const br = (t) => {
   ), T = fe(
     (y, p) => {
       if (!m) return;
-      const z = x(y)[p];
+      const z = v(y)[p];
       if (z) {
         if (y !== "sortBy") {
-          const O = x("sortBy"), b = O.filter(
+          const O = v("sortBy"), b = O.filter(
             (A) => !(A.name === z.name && A.qualifiedEntityName === z.qualifiedEntityName)
           );
           b.length !== O.length && a(m, {
@@ -10217,7 +10261,7 @@ const br = (t) => {
     },
     [
       m,
-      x,
+      v,
       c,
       d,
       o,
@@ -10226,13 +10270,13 @@ const br = (t) => {
     ]
   );
   return {
-    getFieldsForContainer: x,
+    getFieldsForContainer: v,
     setFieldsForContainer: N,
     updateLabel: w,
     handleAggregationChange: f,
     handleDateFormatChange: I,
     handleGranularityChange: g,
-    handleAliasTemplateChange: v,
+    handleAliasTemplateChange: x,
     handleValueAliasesChange: F,
     removeField: T,
     // KPI-specific handlers
@@ -10261,13 +10305,13 @@ function nd({
     setNodeRef: h,
     transform: u,
     transition: m,
-    isDragging: x
+    isDragging: v
   } = Ot({ id: t.id }), N = S((te) => te.card), {
     updateLabel: w,
     handleAggregationChange: f,
     handleDateFormatChange: I,
     handleGranularityChange: g,
-    handleAliasTemplateChange: v,
+    handleAliasTemplateChange: x,
     handleValueAliasesChange: F,
     removeField: E,
     handleKpiComparisonTypeChange: D,
@@ -10292,7 +10336,7 @@ function nd({
   }, Z = (te) => {
     J(te), a === "groupBy" && g(n, te);
   }, ge = (te) => {
-    re(te), a === "metrics" && v(n, te);
+    re(te), a === "metrics" && x(n, te);
   }, Ie = (te) => {
     H(te), a === "metrics" && F(n, te);
   }, Ae = (te) => {
@@ -10515,7 +10559,7 @@ function nd({
       style: Ke,
       ...d,
       ...o,
-      className: `group mx-auto flex w-full max-w-[300px] flex-col gap-2 rounded border border-border bg-background p-2 transition-all hover:shadow-sm dark:border-gray-800 ${x ? "z-50 scale-95 opacity-50" : "border-slate-200"} ${a === "filters" ? "cursor-default" : "cursor-move"}`,
+      className: `group mx-auto flex w-full max-w-[300px] flex-col gap-2 rounded border border-border bg-background p-2 transition-all hover:shadow-sm dark:border-gray-800 ${v ? "z-50 scale-95 opacity-50" : "border-slate-200"} ${a === "filters" ? "cursor-default" : "cursor-move"}`,
       children: [
         /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e(Et, { className: "h-3 w-3" }),
@@ -10682,10 +10726,10 @@ function Yt({
 }) {
   const { isOver: c, setNodeRef: d } = ia({
     id: t
-  }), { updateSortByColumn: o } = X(), h = S((w) => w.card), u = S((w) => w.card.type), m = a.length > 0, x = (w, f) => {
+  }), { updateSortByColumn: o } = X(), h = S((w) => w.card), u = S((w) => w.card.type), m = a.length > 0, v = (w, f) => {
     var g;
     !((g = h.config) != null && g.sortByColumns) || h.config.sortByColumns.findIndex(
-      (v) => v.id === w
+      (x) => x.id === w
     ) === -1 || o(h.id, w, { direction: f });
   };
   if (t === "sortBy" && i === !1)
@@ -10697,9 +10741,9 @@ function Yt({
         K,
         {
           className: R("block text-sm font-medium", {
-            "text-green-600": t === "metrics",
-            "text-blue-600": t === "groupBy",
-            "text-purple-600": t === "pivotBy"
+            // 'text-green-600': zone === 'metrics',
+            // 'text-blue-600': zone === 'groupBy',
+            // 'text-purple-600': zone === 'pivotBy',
           }),
           children: n
         }
@@ -10732,7 +10776,7 @@ function Yt({
                       zone: t,
                       index: f,
                       sortDirection: g,
-                      onSortDirectionChange: (v) => x(w.id, v),
+                      onSortDirectionChange: (x) => v(w.id, x),
                       hasPivotColumns: l,
                       cardType: u
                     }
@@ -10839,7 +10883,7 @@ function rd({
           className: "h-8",
           size: "sm",
           children: [
-            /* @__PURE__ */ e(io, { className: "mr-2 size-4 text-brand" }),
+            /* @__PURE__ */ e(io, { className: "mr-2 size-4" }),
             "AI"
           ]
         }
@@ -10944,7 +10988,7 @@ function id({
       groups: M.groups.map(k)
     };
     r(k(n));
-  }, x = (D, C) => {
+  }, v = (D, C) => {
     const k = (M) => M.id === D ? {
       ...M,
       groups: M.groups.filter((T) => T.id !== C)
@@ -11005,7 +11049,7 @@ function id({
       groups: T.groups.map(M)
     };
     r(M(n));
-  }, v = (D, C, k) => {
+  }, x = (D, C, k) => {
     const M = (T) => T.id === D ? {
       ...T,
       groups: qn(T.groups, C, k)
@@ -11063,13 +11107,13 @@ function id({
     addCondition: h,
     addGroup: u,
     removeCondition: m,
-    removeGroup: x,
+    removeGroup: v,
     updateCondition: N,
     updateConditionFields: w,
     updateGroupOperator: f,
     updateGroupNegate: I,
     reorderConditions: g,
-    reorderGroups: v,
+    reorderGroups: x,
     generateSQLPreview: F,
     hasAnyFilters: E
   };
@@ -11164,12 +11208,12 @@ function dd({
               od(m[0].entityType),
               /* @__PURE__ */ e("span", { children: m[0].entityName })
             ] }),
-            m.map((x, N) => /* @__PURE__ */ s(
+            m.map((v, N) => /* @__PURE__ */ s(
               fn,
               {
-                value: x.id,
+                value: v.id,
                 onSelect: () => {
-                  a(x), c(!1);
+                  a(v), c(!1);
                 },
                 className: "overflow-x-auto",
                 children: [
@@ -11178,27 +11222,17 @@ function dd({
                     {
                       className: R(
                         "mr-2 h-4 w-4",
-                        (t == null ? void 0 : t.id) === x.id ? "opacity-100" : "opacity-0"
+                        (t == null ? void 0 : t.id) === v.id ? "opacity-100" : "opacity-0"
                       )
                     }
                   ),
                   /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-                    /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("span", { className: "", children: x.name }) }),
-                    /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [
-                      /* @__PURE__ */ e("span", { children: x.dataType }),
-                      x.description && /* @__PURE__ */ s("span", { children: [
-                        "• ",
-                        x.description
-                      ] }),
-                      x.customFormat && /* @__PURE__ */ s("span", { children: [
-                        "• ",
-                        x.customFormat
-                      ] })
-                    ] })
+                    /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("span", { className: "", children: v.name }) }),
+                    /* @__PURE__ */ e("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: v.description && /* @__PURE__ */ e("span", { children: v.description }) })
                   ] })
                 ]
               },
-              x.id + N
+              v.id + N
             ))
           ] }, `${o}-${u}`))
         },
@@ -11230,7 +11264,7 @@ function Ta(t) {
     groupByColumns: [l],
     metricColumns: [c],
     sortByColumns: [d]
-  }, h = ((w = a.dataSource) == null ? void 0 : w.connectionId) || a.connectionId, { data: u, isPending: m, error: x } = Wn({
+  }, h = ((w = a.dataSource) == null ? void 0 : w.connectionId) || a.connectionId, { data: u, isPending: m, error: v } = Wn({
     queryKey: [
       "filterValues",
       t.entityId,
@@ -11262,7 +11296,7 @@ function Ta(t) {
       value: f[t.name] || "BLANK",
       count: (f == null ? void 0 : f.count) || 0
     })
-  ), isPending: m, error: x };
+  ), isPending: m, error: v };
 }
 function ud({
   field: t,
@@ -11288,21 +11322,21 @@ function ud({
         className: "h-auto min-h-10 w-full justify-between p-2",
         children: [
           /* @__PURE__ */ e("div", { className: "flex flex-1 flex-wrap gap-1", children: a.length > 0 ? a.map((u) => {
-            const m = d.find((x) => x.value === u);
+            const m = d.find((v) => v.value === u);
             return /* @__PURE__ */ s(ye, { variant: "secondary", className: "text-xs", children: [
               m == null ? void 0 : m.label,
               /* @__PURE__ */ e(
                 "div",
                 {
                   className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2",
-                  onKeyDown: (x) => {
-                    x.key === "Enter" && o(u);
+                  onKeyDown: (v) => {
+                    v.key === "Enter" && o(u);
                   },
-                  onMouseDown: (x) => {
-                    x.preventDefault(), x.stopPropagation();
+                  onMouseDown: (v) => {
+                    v.preventDefault(), v.stopPropagation();
                   },
-                  onClick: (x) => {
-                    x.stopPropagation(), o(u);
+                  onClick: (v) => {
+                    v.stopPropagation(), o(u);
                   },
                   children: /* @__PURE__ */ e(ve, { className: "h-3 w-3 text-muted-foreground hover:text-foreground" })
                 }
@@ -11442,13 +11476,13 @@ function Cr({
     attributes: h,
     listeners: u,
     setNodeRef: m,
-    transform: x,
+    transform: v,
     transition: N,
     isDragging: w
   } = Ot({ id: t.id }), { isPending: f, error: I } = Ta(
     t.field
   ), g = {
-    transform: st.Transform.toString(x),
+    transform: st.Transform.toString(v),
     transition: N
   };
   return /* @__PURE__ */ s(
@@ -11471,7 +11505,7 @@ function Cr({
           oe,
           {
             value: r,
-            onValueChange: (v) => c(n, v),
+            onValueChange: (x) => c(n, x),
             children: [
               /* @__PURE__ */ e(ce, { className: "w-24", children: /* @__PURE__ */ e(de, {}) }),
               /* @__PURE__ */ s(ue, { children: [
@@ -11486,9 +11520,9 @@ function Cr({
           dd,
           {
             value: t.field,
-            onValueChange: (v) => {
+            onValueChange: (x) => {
               o(n, t.id, {
-                field: v,
+                field: x,
                 value: ""
               });
             },
@@ -11501,19 +11535,19 @@ function Cr({
           oe,
           {
             value: t.operator,
-            onValueChange: (v) => {
-              v === "in" || v === "not in" ? o(n, t.id, {
-                operator: v,
+            onValueChange: (x) => {
+              x === "in" || x === "not in" ? o(n, t.id, {
+                operator: x,
                 value: []
               }) : o(n, t.id, {
-                operator: v,
+                operator: x,
                 value: ""
               });
             },
             children: [
               /* @__PURE__ */ e(ce, { className: "w-28", children: /* @__PURE__ */ e(de, {}) }),
               /* @__PURE__ */ e(ue, { children: xd(qe(t.field.dataType)).map(
-                (v) => /* @__PURE__ */ e(U, { className: "hover:bg-muted", value: v, children: v }, v)
+                (x) => /* @__PURE__ */ e(U, { className: "hover:bg-muted", value: x, children: x }, x)
               ) })
             ]
           }
@@ -11525,9 +11559,9 @@ function Cr({
           ud,
           {
             field: t.field,
-            selected: Array.isArray(t.value) && t.value.every((v) => typeof v == "string") ? t.value : [],
-            onChange: (v) => o(n, t.id, {
-              value: v
+            selected: Array.isArray(t.value) && t.value.every((x) => typeof x == "string") ? t.value : [],
+            onChange: (x) => o(n, t.id, {
+              value: x
             }),
             placeholder: `Select values for ${t.operator}...`,
             className: "flex-1"
@@ -11538,8 +11572,8 @@ function Cr({
           De,
           {
             value: typeof t.value == "string" ? t.value : "",
-            onChange: (v) => o(n, t.id, {
-              value: v.target.value
+            onChange: (x) => o(n, t.id, {
+              value: x.target.value
             }),
             className: "flex-1",
             placeholder: t.operator.charAt(0).toUpperCase() + t.operator.slice(1) + "..."
@@ -11549,7 +11583,7 @@ function Cr({
           {
             field: t.field,
             value: typeof t.value == "string" ? t.value : "",
-            onChange: (v) => o(n, t.id, { value: v }),
+            onChange: (x) => o(n, t.id, { value: x }),
             placeholder: "Select value...",
             className: "flex-1"
           }
@@ -11557,8 +11591,8 @@ function Cr({
           oe,
           {
             value: typeof t.value == "boolean" ? String(t.value) : "",
-            onValueChange: (v) => o(n, t.id, {
-              value: v === "true"
+            onValueChange: (x) => o(n, t.id, {
+              value: x === "true"
             }),
             children: [
               /* @__PURE__ */ e(ce, { className: "flex-1", children: /* @__PURE__ */ e(de, { placeholder: "Select value..." }) }),
@@ -11572,7 +11606,7 @@ function Cr({
           De,
           {
             value: typeof t.value == "string" || typeof t.value == "number" ? t.value : "",
-            onChange: (v) => i(n, t.id, "value", v.target.value),
+            onChange: (x) => i(n, t.id, "value", x.target.value),
             className: "flex-1",
             placeholder: t.operator === "in" || t.operator === "not in" ? "value1, value2, value3" : "Value"
           }
@@ -11604,7 +11638,7 @@ function vd({
   onReorderConditions: h,
   onReorderGroups: u,
   onAddCondition: m,
-  onAddGroup: x,
+  onAddGroup: v,
   availableFields: N,
   renderFilterGroup: w,
   updateConditionFields: f
@@ -11612,7 +11646,7 @@ function vd({
   const {
     attributes: I,
     listeners: g,
-    setNodeRef: v,
+    setNodeRef: x,
     transform: F,
     transition: E,
     isDragging: D
@@ -11639,7 +11673,7 @@ function vd({
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: v,
+      ref: x,
       style: C,
       className: `rounded-lg ${a > 0 ? "mt-2 border border-border" : ""} ${D ? "z-50 opacity-50" : ""}`,
       children: [
@@ -11771,7 +11805,7 @@ function vd({
                 variant: "outline",
                 size: "sm",
                 className: "h-7 text-xs",
-                onClick: () => x(t.id),
+                onClick: () => v(t.id),
                 children: [
                   /* @__PURE__ */ e(ke, { className: "mr-1 h-3 w-3" }),
                   "Add Group"
@@ -11799,13 +11833,13 @@ function bd({
     addGroup: h,
     removeCondition: u,
     removeGroup: m,
-    updateCondition: x,
+    updateCondition: v,
     updateConditionFields: N,
     updateGroupOperator: w,
     updateGroupNegate: f,
     reorderConditions: I,
     reorderGroups: g,
-    generateSQLPreview: v,
+    generateSQLPreview: x,
     hasAnyFilters: F,
     setCurrentFilters: E
   } = id({
@@ -11858,7 +11892,7 @@ function bd({
                 index: b,
                 groupId: p.id,
                 groupLogicalOperator: p.logicalOperator,
-                onUpdateCondition: x,
+                onUpdateCondition: v,
                 onUpdateField: M,
                 onRemoveCondition: u,
                 onUpdateGroupOperator: w,
@@ -11936,7 +11970,7 @@ function bd({
       onUpdateGroupOperator: w,
       onUpdateGroupNegate: f,
       onRemoveGroup: m,
-      onUpdateCondition: x,
+      onUpdateCondition: v,
       onUpdateField: M,
       onRemoveCondition: u,
       onReorderConditions: I,
@@ -11975,7 +12009,7 @@ function bd({
       ] }) }),
       F && /* @__PURE__ */ s("div", { className: "mt-4 border-t border-border pt-4", children: [
         /* @__PURE__ */ e("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: "SQL WHERE Clause Preview" }),
-        /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-md border bg-muted p-3", children: /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap font-mono text-xs text-muted-foreground", children: v(l) }) })
+        /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-md border bg-muted p-3", children: /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap font-mono text-xs text-muted-foreground", children: x(l) }) })
       ] })
     ] }) }) }),
     /* @__PURE__ */ s("div", { className: "flex justify-end gap-2", children: [
@@ -12051,16 +12085,16 @@ function Cd({
     ...n("metrics"),
     ...n("sortBy")
   ], h = fe(
-    (g) => g.startsWith("card-") ? null : g.startsWith("source-") || a.find((v) => v.id === g) ? "source" : n("groupBy").find((v) => v.id === g) ? "groupBy" : n("metrics").find((v) => v.id === g) ? "metrics" : n("pivotBy").find((v) => v.id === g) ? "pivotBy" : n("sortBy").find((v) => v.id === g) ? "sortBy" : null,
+    (g) => g.startsWith("card-") ? null : g.startsWith("source-") || a.find((x) => x.id === g) ? "source" : n("groupBy").find((x) => x.id === g) ? "groupBy" : n("metrics").find((x) => x.id === g) ? "metrics" : n("pivotBy").find((x) => x.id === g) ? "pivotBy" : n("sortBy").find((x) => x.id === g) ? "sortBy" : null,
     [a, n]
   ), u = fe(
-    (g, v) => {
+    (g, x) => {
       var F;
-      return !d || !((F = d.baseEntity) != null && F.name) || !d.joins ? !1 : g === v || g === d.baseEntity.name || v === d.baseEntity.name ? !0 : d.joins.some((E) => {
+      return !d || !((F = d.baseEntity) != null && F.name) || !d.joins ? !1 : g === x || g === d.baseEntity.name || x === d.baseEntity.name ? !0 : d.joins.some((E) => {
         const D = _a(E.source), C = _a(E.target);
         return console.log(D, C), console.log(
-          D === g && C === v || D === v && C === g
-        ), D === g && C === v || D === v && C === g;
+          D === g && C === x || D === x && C === g
+        ), D === g && C === x || D === x && C === g;
       });
     },
     [d]
@@ -12071,8 +12105,8 @@ function Cd({
       position: "top-center",
       duration: 4e3
     });
-  }, []), x = (g, v) => {
-    const F = wr(v, g), E = qe(g.dataType), D = E === "date", C = {
+  }, []), v = (g, x) => {
+    const F = wr(x, g), E = qe(g.dataType), D = E === "date", C = {
       id: F,
       name: g.name,
       dataType: g.dataType,
@@ -12082,7 +12116,7 @@ function Cd({
       entityName: g.entityName,
       entityType: g.entityType
     };
-    if (v === "metrics") {
+    if (x === "metrics") {
       const k = E === "number" ? "SUM" : "COUNT", M = vr(g.label, k);
       return {
         ...C,
@@ -12091,16 +12125,16 @@ function Cd({
         aggregate: k
       };
     }
-    return v === "groupBy" ? {
+    return x === "groupBy" ? {
       ...C,
       role: "groupby",
       ...D && {
         granularity: "month"
       }
-    } : v === "pivotBy" ? {
+    } : x === "pivotBy" ? {
       ...C,
       role: "pivotby"
-    } : v === "sortBy" ? {
+    } : x === "sortBy" ? {
       ...C,
       role: "sortby",
       label: g.label,
@@ -12110,12 +12144,12 @@ function Cd({
     l(g.active.id);
   }, []), w = fe(
     (g) => {
-      const { active: v, over: F } = g;
+      const { active: x, over: F } = g;
       if (!F || !t) {
         l(null);
         return;
       }
-      const E = v.id, D = F.id, C = h(E), k = h(D) || D;
+      const E = x.id, D = F.id, C = h(E), k = h(D) || D;
       if (C === "source" && k === "sortBy") {
         l(null);
         return;
@@ -12159,7 +12193,7 @@ function Cd({
           l(null);
           return;
         }
-        const L = x(M, k);
+        const L = v(M, k);
         l(null), r(k, [...y, L]);
         return;
       }
@@ -12169,7 +12203,7 @@ function Cd({
           l(null);
           return;
         }
-        const p = x(y, k);
+        const p = v(y, k);
         if (l(null), k === "sortBy") {
           if (C === "pivotBy") {
             l(null);
@@ -12310,7 +12344,7 @@ function Md({
   activeCard: h,
   columns: u,
   columnsLoading: m,
-  columnsError: x
+  columnsError: v
   // cards,
   // activeCardId,
   // addCard,
@@ -12319,7 +12353,7 @@ function Md({
   var T;
   const N = S((y) => y.card), w = G((y) => y.filterValues), { updateCardConfig: f } = X(), I = S((y) => y.showAIDialog), {
     data: g,
-    errorMessage: v,
+    errorMessage: x,
     isPending: F,
     isLoading: E,
     isFetching: D
@@ -12344,7 +12378,7 @@ function Md({
           u.length,
           ")"
         ] }),
-        /* @__PURE__ */ e("pre", { className: "max-h-40 overflow-auto rounded border bg-background p-3 text-xs", children: m ? "Loading..." : x ? "Error loading columns" : JSON.stringify(u.slice(0, 5), null, 2) })
+        /* @__PURE__ */ e("pre", { className: "max-h-40 overflow-auto rounded border bg-background p-3 text-xs", children: m ? "Loading..." : v ? "Error loading columns" : JSON.stringify(u.slice(0, 5), null, 2) })
       ] })
     ] }) });
   }
@@ -12445,7 +12479,7 @@ function Md({
           ] }),
           t === "sql" && /* @__PURE__ */ e("div", { className: "p-6", children: /* @__PURE__ */ s("div", { className: "rounded-md border bg-background p-4", children: [
             (g == null ? void 0 : g.sql) && /* @__PURE__ */ e("h3", { className: "mb-3 text-sm font-medium", children: "Generated SQL Query" }),
-            /* @__PURE__ */ e(Xs, { sql: g == null ? void 0 : g.sql, error: v })
+            /* @__PURE__ */ e(Xs, { sql: g == null ? void 0 : g.sql, error: x })
           ] }) })
         ] })
       ] })
@@ -12507,7 +12541,7 @@ function Id() {
     console.log("Clear clicked - would reset all configurations");
   }, m = () => {
     console.log("Advanced mode toggled");
-  }, x = () => {
+  }, v = () => {
     l(!0);
   }, N = ($) => {
     d($);
@@ -12515,7 +12549,7 @@ function Id() {
   S(($) => $.activeTabCardId), S(
     ($) => $.actions.getAvailableFields
   );
-  const { addCard: I, removeCard: g, updateCard: v, setActiveCard: F, updateFilters: E } = X(), {
+  const { addCard: I, removeCard: g, updateCard: x, setActiveCard: F, updateFilters: E } = X(), {
     columns: D = [],
     isLoading: C,
     error: k
@@ -12537,7 +12571,7 @@ function Id() {
     H && E($, H);
   }, A = ($) => {
     var H;
-    v($, {
+    x($, {
       config: {
         ...(H = w.cards.find((ee) => ee.id === $)) == null ? void 0 : H.config,
         filters: void 0
@@ -12582,7 +12616,7 @@ function Id() {
               onAccept: h,
               onClear: u,
               onAdvancedToggle: m,
-              onFiltersClick: x,
+              onFiltersClick: v,
               filterCount: J,
               activeCard: T,
               dataSourceState: f.dataSource || Rn,
@@ -12615,10 +12649,10 @@ function Id() {
   );
 }
 function Od({ authToken: t, onSave: a, onClose: n }) {
-  const r = Ge(null), i = S((v) => v.showAIDialog), l = S((v) => v.isDevMode), { setAuthToken: c } = Dt(), { setShowAIDialog: d, setOnSave: o, setOnClose: h } = X(), {
+  const r = Ge(null), i = S((x) => x.showAIDialog), l = S((x) => x.isDevMode), { setAuthToken: c } = Dt(), { setShowAIDialog: d, setOnSave: o, setOnClose: h } = X(), {
     handleDragOver: u,
     handleDragEnd: m,
-    handleDragStart: x,
+    handleDragStart: v,
     handleDragCancel: N,
     sensors: w
   } = So();
@@ -12627,11 +12661,11 @@ function Od({ authToken: t, onSave: a, onClose: n }) {
   }, [a, o, n, h]), xe(() => {
     t && t.accessToken && c(t);
   }, [t, c]), xe(() => {
-    var v, F;
-    i ? ((v = r.current) == null || v.resize(40), d(!0)) : (d(!1), (F = r.current) == null || F.resize(0));
+    var x, F;
+    i ? ((x = r.current) == null || x.resize(40), d(!0)) : (d(!1), (F = r.current) == null || F.resize(0));
   }, [i, d]);
-  function f(v) {
-    v < 1 ? d(!1) : i || d(!0);
+  function f(x) {
+    x < 1 ? d(!1) : i || d(!0);
   }
   function I() {
     return /* @__PURE__ */ s(ne, { children: [
@@ -12688,7 +12722,7 @@ function Od({ authToken: t, onSave: a, onClose: n }) {
     St,
     {
       sensors: w,
-      onDragStart: x,
+      onDragStart: v,
       onDragEnd: m,
       onDragOver: u,
       onDragCancel: N,