react-semaphor 0.0.345 → 0.0.346

package/dist/chunks/{index-CpN3tEgm.js → index-BqTxKEWv.js}

@@ -516,7 +516,7 @@ function Ea(s) {
           var r;
           return {
             ...l,
-            cards: (r = l.cards) == null ? void 0 : r.map((i) => Wn(i))
+            cards: (r = l.cards) == null ? void 0 : r.map((o) => Wn(o))
           };
         })
       };
@@ -571,13 +571,13 @@ async function Xn(s, n, a, t) {
 async function ys(s, n) {
   if (!n)
     return null;
-  const { id: a, template: t, filterValues: l, isDefault: r, shared: i } = s;
+  const { id: a, template: t, filterValues: l, isDefault: r, shared: o } = s;
   return await vs("https://semaphor.cloud/api/v1/lens", n, {
     lensId: a,
     template: t,
     filterValues: l,
     isDefault: r,
-    shared: i,
+    shared: o,
     operation: "update"
   });
 }
@@ -588,7 +588,7 @@ async function Zn(s, n) {
   }) : null;
 }
 function el() {
-  const [s, n] = q(""), [a, t] = q(!1), l = M((p) => p.lenses), { setLenses: r, setSelectedLensId: i } = is(), [o, d] = q(!1), [x, c] = q(!1), b = M((p) => p.dashboard), g = M((p) => p.filterValues), { authToken: h } = Se();
+  const [s, n] = q(""), [a, t] = q(!1), l = M((p) => p.lenses), { setLenses: r, setSelectedLensId: o } = is(), [i, d] = q(!1), [x, c] = q(!1), b = M((p) => p.dashboard), g = M((p) => p.filterValues), { authToken: h } = Se();
   async function f() {
     d(!0);
     const p = Ea(
@@ -599,7 +599,7 @@ function el() {
       g,
       h == null ? void 0 : h.accessToken
     );
-    N && (r([...l || [], N]), i(N.id), c(!1)), d(!1);
+    N && (r([...l || [], N]), o(N.id), c(!1)), d(!1);
   }
   return /* @__PURE__ */ e.jsxs(Cs, { open: x, onOpenChange: c, children: [
     /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
@@ -641,20 +641,20 @@ function el() {
           variant: "outline",
           type: "submit",
           onClick: f,
-          disabled: o,
-          children: o ? "Creating..." : "Add"
+          disabled: i,
+          children: i ? "Creating..." : "Add"
         }
       ) })
     ] })
   ] });
 }
 function sl() {
-  const [s, n] = q(!1), a = M((c) => c.lenses), t = M((c) => c.selectedLensId), { setLenses: l, setSelectedLensId: r } = is(), { authToken: i } = Se();
-  async function o(c) {
+  const [s, n] = q(!1), a = M((c) => c.lenses), t = M((c) => c.selectedLensId), { setLenses: l, setSelectedLensId: r } = is(), { authToken: o } = Se();
+  async function i(c) {
     r(c);
   }
   async function d(c) {
-    if (await Zn(c, i == null ? void 0 : i.accessToken)) {
+    if (await Zn(c, o == null ? void 0 : o.accessToken)) {
       const g = a == null ? void 0 : a.filter((h) => h.id !== c);
       l(g || []), r("original");
     }
@@ -672,14 +672,14 @@ function sl() {
       ...c,
       isDefault: !c.isDefault
     };
-    await ys(g, i == null ? void 0 : i.accessToken);
+    await ys(g, o == null ? void 0 : o.accessToken);
     const h = a == null ? void 0 : a.find((f) => f.isDefault);
     if (h && h.id !== c.id) {
       const f = {
         ...h,
         isDefault: !1
       };
-      await ys(f, i == null ? void 0 : i.accessToken);
+      await ys(f, o == null ? void 0 : o.accessToken);
     }
   }
   return /* @__PURE__ */ e.jsxs(na, { open: s, onOpenChange: n, children: [
@@ -691,7 +691,7 @@ function sl() {
         tt,
         {
           value: t,
-          onValueChange: o,
+          onValueChange: i,
           children: [
             /* @__PURE__ */ e.jsx(Gs, { value: "original", children: "Original" }),
             a == null ? void 0 : a.map((c) => /* @__PURE__ */ e.jsxs(
@@ -742,13 +742,13 @@ function sl() {
 function al({
   iconClassName: s
 }) {
-  const [n, a] = q(!1), { authToken: t } = Se(), l = M((o) => o.theme), r = M((o) => o.filterValues);
-  async function i() {
+  const [n, a] = q(!1), { authToken: t } = Se(), l = M((i) => i.theme), r = M((i) => i.filterValues);
+  async function o() {
     {
       a(!0);
-      const o = new URLSearchParams();
-      o.set("token", (t == null ? void 0 : t.accessToken) || ""), o.set("theme", l || "light"), o.set("filterValues", JSON.stringify(r));
-      const d = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, c = await (await fetch(d, {
+      const i = new URLSearchParams();
+      i.set("token", (t == null ? void 0 : t.accessToken) || ""), i.set("theme", l || "light"), i.set("filterValues", JSON.stringify(r));
+      const d = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(i.toString())}`, c = await (await fetch(d, {
         method: "GET",
         headers: {
           Authorization: `Bearer ${t == null ? void 0 : t.accessToken}`
@@ -763,7 +763,7 @@ function al({
       variant: "link",
       className: "group h-7 p-2",
       size: "sm",
-      onClick: i,
+      onClick: o,
       children: n ? /* @__PURE__ */ e.jsx(Ve, { className: Y("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
         nt,
         {
@@ -775,16 +775,15 @@ function al({
   );
 }
 function tl() {
-  q(!1);
   const { authToken: s } = Se();
   M((j) => j.theme);
   const n = M((j) => j.lenses), a = M((j) => j.selectedLensId), t = n == null ? void 0 : n.find((j) => j.id === a), l = M((j) => j.dashboard);
   M((j) => j.selectedSheetId);
   const r = M(
     (j) => j.isDashboardEditing
-  ), i = u(
+  ), o = u(
     (j) => j.selectedConnectionId
-  ), [o, d] = q(!1), x = M((j) => j.filterValues), c = M((j) => j.isVisualEditing), b = M((j) => j.showFilters);
+  ), [i, d] = q(!1), x = M((j) => j.filterValues), c = M((j) => j.isVisualEditing), b = M((j) => j.showFilters);
   M(
     (j) => j.showDashboardJSON
   );
@@ -798,7 +797,7 @@ function tl() {
   ), L = bs(() => z || T, [z, T]), V = () => {
     if (!r || !I) return;
     const j = {
-      connectionId: i,
+      connectionId: o,
       id: Ue(),
       title: "Title",
       description: "Description",
@@ -886,7 +885,7 @@ function tl() {
             {
               className: "h-7 p-2",
               variant: "ghost",
-              disabled: o,
+              disabled: i,
               onClick: v,
               size: "sm",
               children: /* @__PURE__ */ e.jsx($n, { className: "h-4 w-4", strokeWidth: 1.5 })
@@ -916,8 +915,8 @@ function He({
   isLoading: t,
   isError: l,
   connectionTooltip: r,
-  onChange: i,
-  showNone: o = !1,
+  onChange: o,
+  showNone: i = !1,
   className: d,
   showIcon: x = !0,
   disabled: c = !1
@@ -940,7 +939,7 @@ function He({
       /* @__PURE__ */ e.jsx(ca, { children: g() }),
       /* @__PURE__ */ e.jsx(Ms, { className: "text-xs", align: "start", children: r })
     ] }) : g() }),
-    /* @__PURE__ */ e.jsxs(ue, { disabled: c, value: b, onValueChange: i, children: [
+    /* @__PURE__ */ e.jsxs(ue, { disabled: c, value: b, onValueChange: o, children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
@@ -959,7 +958,7 @@ function He({
       /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
         t ? /* @__PURE__ */ e.jsx(pe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(pe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          o && /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
+          i && /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
           n && n.map((h, f) => /* @__PURE__ */ e.jsx(X, { value: h.id, children: h.name }, f))
         ] }),
         (t || l) && /* @__PURE__ */ e.jsx(X, { value: b, children: b })
@@ -972,10 +971,10 @@ function nl({ column: s }) {
     (h) => h.selectedSchemaName
   ), r = u(
     (h) => h.selectedDatamodelId
-  ), i = u((h) => h.sqlGen), { modelItems: o } = qe(), d = u((h) => h.actions.setSqlGen), x = u((h) => h.actions.setCardSql), c = u((h) => h.actions.setRunSql);
+  ), o = u((h) => h.sqlGen), { modelItems: i } = qe(), d = u((h) => h.actions.setSqlGen), x = u((h) => h.actions.setCardSql), c = u((h) => h.actions.setRunSql);
   function b(h, f) {
     var A;
-    const p = da(h, i, f), N = (A = o == null ? void 0 : o.find(
+    const p = da(h, o, f), N = (A = i == null ? void 0 : i.find(
       (I) => I.id === r
     )) == null ? void 0 : A.name;
     d(p);
@@ -1063,9 +1062,9 @@ function ll({
 }) {
   const l = u((m) => m.sqlGen), r = u(
     (m) => m.selectedConnectionId
-  ), i = u(
-    (m) => m.selectedDatabaseName
   ), o = u(
+    (m) => m.selectedDatabaseName
+  ), i = u(
     (m) => m.selectedSchemaName
   ), d = u((m) => m.selectedTableName), x = u(
     (m) => m.selectedDatamodelId
@@ -1093,8 +1092,8 @@ function ll({
       const v = {
         connectinonId: r,
         connectionType: N,
-        databaseName: i,
-        schemaName: o,
+        databaseName: o,
+        schemaName: i,
         tableName: d
       }, D = [...c || [], v].filter(
         (S, _, $) => $.findIndex(
@@ -1233,9 +1232,9 @@ function qe(s, n) {
     (C) => C.selectedConnectionId
   ), r = u(
     (C) => C.selectedDatamodelId
-  ), i = u(
-    (C) => C.selectedDatabaseName
   ), o = u(
+    (C) => C.selectedDatabaseName
+  ), i = u(
     (C) => C.selectedSchemaName
   ), d = u((C) => C.selectedTableName), x = u(
     (C) => C.actions.setCurrentColumns
@@ -1251,10 +1250,10 @@ function qe(s, n) {
     (C) => C.actions.setSelectedTableName
   ), p = u((C) => C.actions.setCardSql);
   function N(C) {
-    return l && i && o && i !== "NA" ? !0 : l && C === "API" ? !1 : !!(l && C === "S3");
+    return l && o && i && o !== "NA" ? !0 : l && C === "API" ? !1 : !!(l && C === "S3");
   }
   function y(C) {
-    return !!(l && i && i !== "NA" && o && d || l && (C === "S3" || C === "API") || r && r);
+    return !!(l && o && o !== "NA" && i && d || l && (C === "S3" || C === "API") || r && r);
   }
   function A(C) {
     return l && C ? !(C === "API" || C === "S3") : !1;
@@ -1312,16 +1311,16 @@ function qe(s, n) {
     isError: P,
     refetch: U
   } = be({
-    queryKey: ["schemas", l, i],
+    queryKey: ["schemas", l, o],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/schemas",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
-        database_name: i
+        database_name: o
       }
     ),
-    enabled: !!l && !!i && !D && i !== "NA"
+    enabled: !!l && !!o && !D && o !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: E,
@@ -1333,16 +1332,16 @@ function qe(s, n) {
     queryKey: [
       "tables",
       l,
-      i,
-      o
+      o,
+      i
     ],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/tables",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
-        database_name: i,
-        schema_name: o
+        database_name: o,
+        schema_name: i
       }
     ),
     enabled: N(j)
@@ -1355,9 +1354,9 @@ function qe(s, n) {
     queryKey: [
       "columns",
       l,
-      i,
-      r,
       o,
+      r,
+      i,
       d
     ],
     queryFn: () => ze(
@@ -1367,8 +1366,8 @@ function qe(s, n) {
         connection_id: l,
         datamodel_id: r || "",
         // don't pass undefined. Pass empty string
-        database_name: i,
-        schema_name: o,
+        database_name: o,
+        schema_name: i,
         table_name: d
       }
     ),
@@ -1392,7 +1391,7 @@ function qe(s, n) {
     g,
     v
   ]);
-  const Le = (v == null ? void 0 : v.type) === "API" ? (Je = v == null ? void 0 : v.type) == null ? void 0 : Je.toLowerCase() : d || "", Fe = D ? "" : o || "";
+  const Le = (v == null ? void 0 : v.type) === "API" ? (Je = v == null ? void 0 : v.type) == null ? void 0 : Je.toLowerCase() : d || "", Fe = D ? "" : i || "";
   function Ee(C) {
     h(C), f("");
   }
@@ -1469,10 +1468,10 @@ function Va({
     (B) => B.selectedDatabaseName
   ), l = u(
     (B) => B.selectedSchemaName
-  ), r = u((B) => B.selectedTableName), i = u(
+  ), r = u((B) => B.selectedTableName), o = u(
     (B) => B.actions.setSelectedTableName
   ), {
-    connectionItems: o,
+    connectionItems: i,
     modelItems: d,
     schemaItems: x,
     databaseItems: c,
@@ -1574,7 +1573,7 @@ function Va({
     return B() ? /* @__PURE__ */ e.jsx(
       He,
       {
-        onChange: i,
+        onChange: o,
         isError: m,
         items: b,
         isLoading: V,
@@ -1588,13 +1587,13 @@ function Va({
       /* @__PURE__ */ e.jsx(
         He,
         {
-          items: o,
+          items: i,
           title: "Connection",
           value: n || "",
           onChange: D,
           isLoading: h,
           isError: p,
-          connectionTooltip: ((re = o == null ? void 0 : o.find(
+          connectionTooltip: ((re = i == null ? void 0 : i.find(
             (B) => B.id === n
           )) == null ? void 0 : re.type) || ""
         }
@@ -1625,16 +1624,16 @@ function rl(s) {
   const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
   let r = s.length;
   if (l !== -1 && (r = l), t !== -1 && t < r && (r = t), n !== -1) {
-    const i = s.substring(0, n), o = s.substring(n);
-    return `${i} {{ filters | where }} AND ${o.substring(
+    const o = s.substring(0, n), i = s.substring(n);
+    return `${o} {{ filters | where }} AND ${i.substring(
       6
     )}`;
   } else if (a !== -1) {
-    const i = s.substring(0, a), o = s.substring(a);
-    return `${i} {{ filters | where }} ${o}`;
+    const o = s.substring(0, a), i = s.substring(a);
+    return `${o} {{ filters | where }} ${i}`;
   } else {
-    const i = s.substring(0, r), o = s.substring(r);
-    return `${i} {{ filters | where }} ${o}`;
+    const o = s.substring(0, r), i = s.substring(r);
+    return `${o} {{ filters | where }} ${i}`;
   }
 }
 function il({
@@ -1726,7 +1725,7 @@ function cl({
   triggerAIRun: l,
   setTriggerAIRun: r
 }) {
-  const i = ns(null), o = ns(null), { authToken: d } = Se(), [x, c] = q(!1), b = u((k) => k.actions.setCardSql), g = M((k) => k.dashboard.baseQueries), h = u((k) => k.actions.setRunSql), f = u((k) => k.actions.setCardType), [p, N] = q([]), y = u((k) => k.currentColumns), A = u((k) => k.card.sql), I = u((k) => k.selectedTableName), z = `
+  const o = ns(null), i = ns(null), { authToken: d } = Se(), [x, c] = q(!1), b = u((k) => k.actions.setCardSql), g = M((k) => k.dashboard.baseQueries), h = u((k) => k.actions.setRunSql), f = u((k) => k.actions.setCardType), [p, N] = q([]), y = u((k) => k.currentColumns), A = u((k) => k.card.sql), I = u((k) => k.selectedTableName), z = `
   ${a}
 
   Database Query Dialect: ${I === "api" || I === "s3" ? "DuckDb" : ""}
@@ -1772,10 +1771,10 @@ function cl({
   }, [L]), Z(() => {
     const k = setTimeout(() => {
       var P;
-      o.current && (o.current.scroll({
-        top: o.current.scrollHeight,
+      i.current && (i.current.scroll({
+        top: i.current.scrollHeight,
         behavior: "smooth"
-      }), (P = i.current) == null || P.focus());
+      }), (P = o.current) == null || P.focus());
     }, 100);
     return () => clearTimeout(k);
   }, [p]);
@@ -1884,7 +1883,7 @@ function cl({
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              ref: o,
+              ref: i,
               className: "h-[625px] w-full overflow-auto border-t border-t-muted",
               children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: se() })
             }
@@ -1897,7 +1896,7 @@ function cl({
                   pa,
                   {
                     autoFocus: !0,
-                    ref: i,
+                    ref: o,
                     onKeyDown: (k) => {
                       k.key === "Enter" && !k.shiftKey && (k.preventDefault(), t(""), S());
                     },
@@ -2024,18 +2023,18 @@ function fl(s) {
       attr: t,
       size: l,
       title: r
-    } = s, i = ul(s, dl), o = l || a.size || "1em", d;
+    } = s, o = ul(s, dl), i = l || a.size || "1em", d;
     return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ Ne.createElement("svg", ls({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, t, i, {
+    }, a.attr, t, o, {
       className: d,
       style: rs(rs({
         color: s.color || a.color
       }, a.style), s.style),
-      height: o,
-      width: o,
+      height: i,
+      width: i,
       xmlns: "http://www.w3.org/2000/svg"
     }), r && /* @__PURE__ */ Ne.createElement("title", null, r), s.children);
   };
@@ -2061,19 +2060,19 @@ function jl({ sql: s }) {
   ] });
 }
 function _a(s) {
-  const { theme: n } = jt(), a = M((p) => p.theme), t = u((p) => p.frame), l = u((p) => p.card), r = u((p) => p.activeTabCardId), i = bt(), { refetch: o } = De(l), { updateCardTab: d, setRunSql: x } = ne(), c = ns(), b = ns({}), g = t.cards.find((p) => p.id === r), h = Oa(() => {
+  const { theme: n } = jt(), a = M((p) => p.theme), t = u((p) => p.frame), l = u((p) => p.card), r = u((p) => p.activeTabCardId), o = bt(), { refetch: i } = De(l), { updateCardTab: d, setRunSql: x } = ne(), c = ns(), b = ns({}), g = t.cards.find((p) => p.id === r), h = Oa(() => {
     let p = "";
     return s === "python" && (p = (g == null ? void 0 : g.python) || fa), s === "sql" && (p = (g == null ? void 0 : g.sql) || ""), p;
   }, [s, g]);
   Z(() => {
     if (r && l.id && l.id !== r) {
-      if (c.current && i) {
+      if (c.current && o) {
         const p = c.current.getModel();
         p && (b.current[l.id] = p);
         let N = b.current[r];
         if (!N) {
           const y = h();
-          N = i.editor.createModel(y, s), b.current[r] = N;
+          N = o.editor.createModel(y, s), b.current[r] = N;
         }
         c.current.setModel(N);
       }
@@ -2083,14 +2082,14 @@ function _a(s) {
     r,
     l,
     d,
-    i,
+    o,
     x,
     s,
     h
   ]), Z(() => {
-    if (!i) return;
+    if (!o) return;
     const p = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", N = a === "system" ? p : a;
-    i.editor.defineTheme("default", {
+    o.editor.defineTheme("default", {
       // base: theme === 'light' ? 'hc-light' : 'vs-dark',
       base: N === "light" ? "vs" : "vs-dark",
       inherit: !0,
@@ -2102,16 +2101,16 @@ function _a(s) {
         //     ? '#ffffff'
         //     : getCssVariableValue('--semaphor-background'),
       }
-    }), i.editor.setTheme("default");
-  }, [n, a, i]), Z(() => {
+    }), o.editor.setTheme("default");
+  }, [n, a, o]), Z(() => {
     const p = c.current;
-    p && i && l && p.addCommand(
-      i.KeyMod.Shift | i.KeyCode.Enter,
+    p && o && l && p.addCommand(
+      o.KeyMod.Shift | o.KeyCode.Enter,
       function() {
-        return o(), !1;
+        return i(), !1;
       }
     );
-  }, [i, o, l]);
+  }, [o, i, l]);
   function f(p, N) {
     if (c.current = p, !b.current[l.id]) {
       const y = p.getModel(), A = h();
@@ -2122,9 +2121,9 @@ function _a(s) {
   return { handleEditorDidMount: f };
 }
 function bl() {
-  const s = u((i) => i.card.sql), n = u((i) => i.sqlGen), { setCardSql: a, setSqlGen: t } = ne(), { handleEditorDidMount: l } = _a("sql");
-  function r(i) {
-    i !== void 0 && (a(i.trim()), vt(n) || t({}));
+  const s = u((o) => o.card.sql), n = u((o) => o.sqlGen), { setCardSql: a, setSqlGen: t } = ne(), { handleEditorDidMount: l } = _a("sql");
+  function r(o) {
+    a(o), vt(n) || t({});
   }
   return /* @__PURE__ */ e.jsx(
     os,
@@ -2151,15 +2150,16 @@ function bl() {
   );
 }
 function yl() {
-  const s = u((t) => t.card.python), { setCardPython: n } = ne(), { handleEditorDidMount: a } = _a("python");
+  const s = u((l) => l.card.python), { setCardPython: n } = ne(), { handleEditorDidMount: a } = _a("python");
+  function t(l) {
+    n(l);
+  }
   return /* @__PURE__ */ e.jsx(
     os,
     {
       className: "pt-3",
       theme: "default",
-      onChange: (t) => {
-        n(t && t.trim() || "");
-      },
+      onChange: t,
       value: s || fa,
       options: {
         minimap: {
@@ -2182,7 +2182,7 @@ function vl() {
   const s = M((r) => r.dashboard.filters), n = M((r) => r.filterValues), a = M((r) => r.selectedSheetId), t = s == null ? void 0 : s.filter(
     (r) => r.sheetId === a || !r.sheetId
   ), l = n == null ? void 0 : n.filter(
-    (r) => (t == null ? void 0 : t.some((i) => i.id === r.filterId)) || r.filterId.endsWith(a)
+    (r) => (t == null ? void 0 : t.some((o) => o.id === r.filterId)) || r.filterId.endsWith(a)
   );
   return /* @__PURE__ */ e.jsx(
     os,
@@ -2213,7 +2213,7 @@ function Cl() {
   const [s, n] = q({
     queryKey: [],
     queryData: null
-  }), a = Ct(), [t, l] = q(!1), [r, i] = q(!1), [o, d] = q(!1), [x, c] = q(""), [b, g] = q(!1), h = u((w) => w.frame), f = u((w) => w.card), p = u((w) => w.isShowingVisual), N = u(
+  }), a = Ct(), [t, l] = q(!1), [r, o] = q(!1), [i, d] = q(!1), [x, c] = q(""), [b, g] = q(!1), h = u((w) => w.frame), f = u((w) => w.card), p = u((w) => w.isShowingVisual), N = u(
     (w) => w.selectedConnectionId
   ), y = u(
     (w) => w.selectedDatabaseName
@@ -2334,7 +2334,7 @@ function Cl() {
               r && /* @__PURE__ */ e.jsx(
                 Be,
                 {
-                  onClick: () => i(!1),
+                  onClick: () => o(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
                 }
               )
@@ -2346,7 +2346,7 @@ function Cl() {
       !r && /* @__PURE__ */ e.jsx(
         oa,
         {
-          onClick: () => i(!0),
+          onClick: () => o(!0),
           className: Y(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
@@ -2484,7 +2484,7 @@ function Cl() {
                   /* @__PURE__ */ e.jsx(
                     cl,
                     {
-                      open: o,
+                      open: i,
                       setOpen: d,
                       userInput: x,
                       triggerAIRun: b,
@@ -2530,10 +2530,10 @@ function Cl() {
   );
 }
 function Nl({ data: s }) {
-  var i;
-  const [n, a] = Ne.useState([]), l = Object.keys(s[0]).map((o) => ({
+  var o;
+  const [n, a] = Ne.useState([]), l = Object.keys(s[0]).map((i) => ({
     // header: key,
-    accessorKey: o,
+    accessorKey: i,
     header: ({ column: d }) => {
       const x = d.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
@@ -2542,7 +2542,7 @@ function Nl({ data: s }) {
           className: "flex cursor-pointer items-center",
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
-            o,
+            i,
             x === "asc" ? /* @__PURE__ */ e.jsx(St, { className: "ml-2 h-5 w-5" }) : x === "desc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
@@ -2561,7 +2561,7 @@ function Nl({ data: s }) {
     }
   });
   return /* @__PURE__ */ e.jsx("div", { className: "font-mono text-xs text-foreground/95", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full", children: [
-    /* @__PURE__ */ e.jsx(zt, { children: r.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(fs, { children: o.headers.map((d) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(zt, { children: r.getHeaderGroups().map((i) => /* @__PURE__ */ e.jsx(fs, { children: i.headers.map((d) => /* @__PURE__ */ e.jsx(
       Ot,
       {
         className: "sticky top-0 h-11 bg-muted font-semibold",
@@ -2571,15 +2571,15 @@ function Nl({ data: s }) {
         )
       },
       d.id
-    )) }, o.id)) }),
-    /* @__PURE__ */ e.jsx(Dt, { children: (i = r.getRowModel().rows) != null && i.length ? r.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
+    )) }, i.id)) }),
+    /* @__PURE__ */ e.jsx(Dt, { children: (o = r.getRowModel().rows) != null && o.length ? r.getRowModel().rows.map((i) => /* @__PURE__ */ e.jsx(
       fs,
       {
         className: "whitespace-nowrap py-2",
-        "data-state": o.getIsSelected() && "selected",
-        children: o.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Qs, { className: "py-3", children: Ks(d.column.columnDef.cell, d.getContext()) }, d.id))
+        "data-state": i.getIsSelected() && "selected",
+        children: i.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Qs, { className: "py-3", children: Ks(d.column.columnDef.cell, d.getContext()) }, d.id))
       },
-      o.id
+      i.id
     )) : /* @__PURE__ */ e.jsx(fs, { children: /* @__PURE__ */ e.jsx(Qs, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] }) });
 }
@@ -2587,8 +2587,8 @@ function Sl({ card: s }) {
   var y, A, I, z, T, L, V, m, v, j, D;
   const [n, a] = q(!1), [t, l] = q(
     []
-  ), { authToken: r } = Se(), i = Lt(r == null ? void 0 : r.accessToken), o = M((S) => S.themeStyle), d = {
-    colors: ((A = (y = o == null ? void 0 : o.chart) == null ? void 0 : y.dataset) == null ? void 0 : A.backgroundColor) || []
+  ), { authToken: r } = Se(), o = Lt(r == null ? void 0 : r.accessToken), i = M((S) => S.themeStyle), d = {
+    colors: ((A = (y = i == null ? void 0 : i.chart) == null ? void 0 : y.dataset) == null ? void 0 : A.backgroundColor) || []
   };
   (I = s.customCardPreferences) != null && I.inputData;
   const { getCard: x } = ga(((z = s.customCardPreferences) == null ? void 0 : z.url) || ""), c = ((T = s.customCardPreferences) == null ? void 0 : T.visualType) || "single", b = u((S) => S.frame);
@@ -2622,7 +2622,7 @@ function Sl({ card: s }) {
         f && c === "single" && /* @__PURE__ */ e.jsx(
           f,
           {
-            params: i,
+            params: o,
             theme: d,
             settings: (v = s.customCardPreferences) == null ? void 0 : v.settings,
             onDataChange: h,
@@ -2678,7 +2678,7 @@ function Ha({
   var N;
   const a = u((y) => y.card), t = ((N = a.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, l = u((y) => y.frame), r = M((y) => y.dashboard.filters);
   u((y) => y.actions.setRunSql);
-  const { updateFilter: i } = is(), o = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: d, isLoading: x, isFetching: c } = De(a), { setCard: b } = ne(), { data: g } = Es(a);
+  const { updateFilter: o } = is(), i = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: d, isLoading: x, isFetching: c } = De(a), { setCard: b } = ne(), { data: g } = Es(a);
   if (!a.id) return null;
   let h;
   d != null && d.records && (d == null ? void 0 : d.records.length) > 0 && (h = ja({
@@ -2743,17 +2743,17 @@ function Ha({
               a.description
             )
           ] }),
-          o && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+          i && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e.jsx(
               Xe,
               {
                 className: "my-1",
-                text: o.title || o.column,
-                onSave: (y) => i({ ...o, title: y }),
-                children: /* @__PURE__ */ e.jsx(H, { children: o.title })
+                text: i.title || i.column,
+                onSave: (y) => o({ ...i, title: y }),
+                children: /* @__PURE__ */ e.jsx(H, { children: i.title })
               }
             ),
-            /* @__PURE__ */ e.jsx(ba, { filter: o })
+            /* @__PURE__ */ e.jsx(ba, { filter: i })
           ] })
         ] }),
         /* @__PURE__ */ e.jsx(Rt, { className: "flex grow flex-col", children: p() })
@@ -2879,7 +2879,7 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
   /* @__PURE__ */ e.jsx(O, { onClick: l, variant: "outline", children: "Close" })
 ] });
 function Ol() {
-  const [s, n] = q(!1), [a, t] = q(""), [l, r] = q(""), [i, o] = q(""), [d, x] = q(""), c = u((z) => z.card), b = u((z) => z.card.customCfg), { data: g } = De(c), { data: h } = Es(c), { setCardCustomCfg: f, setCustomVisualCode: p } = ne(), N = (z) => {
+  const [s, n] = q(!1), [a, t] = q(""), [l, r] = q(""), [o, i] = q(""), [d, x] = q(""), c = u((z) => z.card), b = u((z) => z.card.customCfg), { data: g } = De(c), { data: h } = Es(c), { setCardCustomCfg: f, setCustomVisualCode: p } = ne(), N = (z) => {
     var T, L;
     return JSON.stringify(
       {
@@ -2905,12 +2905,12 @@ function Ol() {
       preferences: c.preferences,
       topoJson: h
     });
-    z && (t(N(z)), o(((L = c.preferences) == null ? void 0 : L.customVisualCode) || ""), r(
+    z && (t(N(z)), i(((L = c.preferences) == null ? void 0 : L.customVisualCode) || ""), r(
       b ? JSON.stringify(b, null, 2) : ""
     ));
   }, A = () => {
     try {
-      if (i && p(i), l) {
+      if (o && p(o), l) {
         const z = JSON.parse(l);
         f(z), x("");
       }
@@ -2943,10 +2943,10 @@ function Ol() {
           kl,
           {
             defaultConfig: a,
-            customCode: i,
+            customCode: o,
             customConfig: I(),
             onConfigChange: (z) => r(z ?? ""),
-            onCodeChange: (z) => o(z ?? "")
+            onCodeChange: (z) => i(z ?? "")
           }
         )
       ] }),
@@ -2993,7 +2993,7 @@ function Wa(s) {
   const [n, a] = q(null);
   return Z(() => {
     s && (async () => {
-      const r = (await import("./lucide-react-g0ln-XxW.js"))[s];
+      const r = (await import("./lucide-react-Be4cg6f4.js"))[s];
       a(r);
     })();
   }, [s]), n;
@@ -3014,14 +3014,14 @@ function Dl({
     (async () => {
       var r;
       if (t) {
-        const o = (await Promise.all(
+        const i = (await Promise.all(
           (r = t == null ? void 0 : t.plugins) == null ? void 0 : r.map(async (d) => (await Ut(d.value)).visuals.map((b) => ({
             name: b.name,
             icon: b.icon,
             url: d.value
           })))
         )).flat();
-        a(o);
+        a(i);
       }
     })();
   }, [t]), n.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -3047,9 +3047,9 @@ const Ml = ({
 };
 function Il() {
   var c, b;
-  const [s, n] = q(!1), a = u((g) => g.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: i } = u((g) => g.actions), { setCardCustomCfg: o, setCustomCardPreferences: d } = ne();
+  const [s, n] = q(!1), a = u((g) => g.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: o } = u((g) => g.actions), { setCardCustomCfg: i, setCustomCardPreferences: d } = ne();
   function x(g, h) {
-    o(null), r({}), l(g), h && d({
+    i(null), r({}), l(g), h && d({
       type: "component",
       visualType: "single",
       url: h.url,
@@ -3284,7 +3284,7 @@ function Ll() {
 function sa() {
   const s = u((m) => m.frame), n = u((m) => m.card), a = u((m) => m.isShowingVisual), t = u((m) => m.isSqlRunning), l = u((m) => m.queryError), r = u((m) => m.pythonStdOut);
   u((m) => m.actions.setRunSql);
-  const { setFrame: i, setCard: o, updateCardInFrame: d, setActiveTabCardId: x } = ne(), { data: c, isLoading: b, isFetching: g } = De(n);
+  const { setFrame: o, setCard: i, updateCardInFrame: d, setActiveTabCardId: x } = ne(), { data: c, isLoading: b, isFetching: g } = De(n);
   if (!n) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function h() {
     const m = {
@@ -3312,7 +3312,7 @@ function sa() {
       cards: [...s.cards, m],
       activeCardId: m.id
     };
-    i(v), x(m.id);
+    o(v), x(m.id);
   }
   function p() {
     const m = {
@@ -3330,7 +3330,7 @@ function sa() {
       // update the active card to the first card in the frame
       activeCardId: j.id
     };
-    i(D), o(j);
+    o(D), i(j);
   }
   function y(m) {
     x(m);
@@ -3343,7 +3343,7 @@ function sa() {
     const j = m.dataTransfer.getData("tabIndex");
     if (j === v.toString()) return;
     const D = Array.from(s.cards), [S] = D.splice(parseInt(j), 1);
-    D.splice(v, 0, S), i({ ...s, cards: D });
+    D.splice(v, 0, S), o({ ...s, cards: D });
   };
   function T(m, v) {
     return m.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || m.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
@@ -3351,7 +3351,7 @@ function sa() {
       {
         onClick: () => {
           const j = v.displayTab === void 0 ? !1 : !v.displayTab;
-          o({ ...v, displayTab: j }), d({
+          i({ ...v, displayTab: j }), d({
             ...v,
             displayTab: j
           });
@@ -3375,7 +3375,7 @@ function sa() {
               {
                 text: m.tabTitle || m.title,
                 onSave: (j) => {
-                  o({ ...n, tabTitle: j }), d({ ...n, tabTitle: j });
+                  i({ ...n, tabTitle: j }), d({ ...n, tabTitle: j });
                 },
                 children: /* @__PURE__ */ e.jsxs(
                   Ze,
@@ -3578,7 +3578,7 @@ function Vl() {
   var p, N;
   const s = u(
     (y) => y.card.customCardPreferences
-  ), { data: n } = Ya(), a = (n == null ? void 0 : n.plugins) || [], t = u((y) => y.card), l = u((y) => y.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: i } = ne(), { components: o, manifest: d } = ga(
+  ), { data: n } = Ya(), a = (n == null ? void 0 : n.plugins) || [], t = u((y) => y.card), l = u((y) => y.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: o } = ne(), { components: i, manifest: d } = ga(
     (s == null ? void 0 : s.url) || ""
   ), x = (p = d == null ? void 0 : d.visuals) == null ? void 0 : p.find(
     (y) => y.name === (s == null ? void 0 : s.componentName)
@@ -3592,7 +3592,7 @@ function Vl() {
         hookRef: null
       }
     };
-    i({
+    o({
       ...s,
       dataInputCardIds: z
     });
@@ -3638,7 +3638,7 @@ function Vl() {
         className: `h-8 w-full ${Pe}`,
         value: ((z = s == null ? void 0 : s.settings) == null ? void 0 : z[A]) || "",
         onChange: (L) => {
-          i({
+          o({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
@@ -3656,7 +3656,7 @@ function Vl() {
         options: I,
         value: ((T = s == null ? void 0 : s.settings) == null ? void 0 : T[A]) || "",
         onValueChange: (L) => {
-          i({
+          o({
             ...s,
             settings: { ...s == null ? void 0 : s.settings, [A]: L }
           });
@@ -3676,7 +3676,7 @@ function Vl() {
     ] }, I)) });
   }
   function f(y) {
-    s && i({
+    s && o({
       ...s,
       visualType: y,
       componentName: ""
@@ -3695,7 +3695,7 @@ function Vl() {
               label: "",
               options: a,
               value: (s == null ? void 0 : s.url) || "",
-              onValueChange: (y) => i({
+              onValueChange: (y) => o({
                 ...s || {
                   url: "",
                   componentName: ""
@@ -3717,12 +3717,12 @@ function Vl() {
           ),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && s && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Component" }),
-            /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: o && /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: i && /* @__PURE__ */ e.jsx(
               de,
               {
                 className: "h-8 w-full",
                 label: "",
-                options: (o == null ? void 0 : o.filter(
+                options: (i == null ? void 0 : i.filter(
                   (y) => y.type === r
                 ).map((y) => ({
                   value: y.name,
@@ -3730,7 +3730,7 @@ function Vl() {
                 }))) || [],
                 value: s.componentName,
                 onValueChange: (y) => {
-                  console.log("changing value", y), i({
+                  console.log("changing value", y), o({
                     ...s,
                     componentName: y
                   });
@@ -3756,7 +3756,7 @@ function Ie() {
   u(
     (c) => c.card.cfg
   );
-  const a = u((c) => c.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: r } = u((c) => c.actions), i = u(
+  const a = u((c) => c.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: r } = u((c) => c.actions), o = u(
     (c) => c.queryResultColumns
   );
   u(
@@ -3765,9 +3765,9 @@ function Ie() {
       return (b = c.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
     }
   ), Z(() => {
-    i && n(new Array(i.length).fill(!1));
-  }, [i]);
-  function o(c, b) {
+    o && n(new Array(o.length).fill(!1));
+  }, [o]);
+  function i(c, b) {
     var g, h;
     b ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? r({
       ...a,
@@ -3823,7 +3823,7 @@ function Ie() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx(H, { children: "On Click" }),
-    i == null ? void 0 : i.map((c, b) => {
+    o == null ? void 0 : o.map((c, b) => {
       var g, h;
       return /* @__PURE__ */ e.jsx(
         "div",
@@ -3837,7 +3837,7 @@ function Ie() {
                   checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
                     (f) => f.columnIndex === b
                   )),
-                  onCheckedChange: (f) => o(b, f)
+                  onCheckedChange: (f) => i(b, f)
                 }
               ),
               /* @__PURE__ */ e.jsx(
@@ -3871,18 +3871,18 @@ function Ie() {
   ] });
 }
 function xs() {
-  var i, o, d;
+  var o, i, d;
   const s = u((x) => x.card.preferences), n = u(
     (x) => x.card.cfg
   ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = u((x) => x.actions);
-  (i = n == null ? void 0 : n.options) != null && i.indexAxis;
+  (o = n == null ? void 0 : n.options) != null && o.indexAxis;
   function r(x) {
     l(x);
   }
   return /* @__PURE__ */ e.jsxs(
     ms,
     {
-      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((d = n == null ? void 0 : n.options) == null ? void 0 : d.indexAxis) || "x",
+      value: ((i = s == null ? void 0 : s.chartOptions) == null ? void 0 : i.indexAxis) || ((d = n == null ? void 0 : n.options) == null ? void 0 : d.indexAxis) || "x",
       onValueChange: r,
       className: "flex gap-3",
       defaultValue: "x",
@@ -3913,13 +3913,13 @@ function Xa() {
   }), t = u((E) => {
     var F;
     return (F = E.card) == null ? void 0 : F.cfg;
-  }), l = wa(a, t), [r, i] = q(
+  }), l = wa(a, t), [r, o] = q(
     aa(a)
-  ), [o, d] = q(
+  ), [i, d] = q(
     ((se = (G = (ee = a == null ? void 0 : a.chartOptions) == null ? void 0 : ee.scales) == null ? void 0 : G[l]) == null ? void 0 : se.min) || ""
   ), [x, c] = q(
     ((U = (P = (k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : P[l]) == null ? void 0 : U.max) || ""
-  ), [b, g] = q(o || x ? "custom" : "auto"), [h, f] = q(""), [p, N] = q(0), [y, A] = q(""), [I, z] = q(""), [T, L] = q(""), V = u(
+  ), [b, g] = q(i || x ? "custom" : "auto"), [h, f] = q(""), [p, N] = q(0), [y, A] = q(""), [I, z] = q(""), [T, L] = q(""), V = u(
     (E) => E.actions.setCardPreferences
   ), { updateCardInFrame: m } = ne(), v = u((E) => E.card), j = u((E) => {
     var F;
@@ -3927,7 +3927,7 @@ function Xa() {
   }), D = ["pie", "doughnut", "polarArea"].includes(j);
   Z(() => {
     var E, F, re, B, ae, te, je, Te, we, Le, Fe, Ee, Ae, w;
-    i(aa(a)), d(
+    o(aa(a)), d(
       ((re = (F = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : F[l]) == null ? void 0 : re.min) === 0 ? 0 : ""
     ), c(((te = (ae = (B = a == null ? void 0 : a.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : ae[l]) == null ? void 0 : te.max) || ""), f(
       ((Le = (we = (Te = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : Te[l]) == null ? void 0 : we.ticks) == null ? void 0 : Le.stepSize) || ""
@@ -4008,7 +4008,7 @@ function Xa() {
           ie,
           {
             id: "min",
-            value: o,
+            value: i,
             onChange: (E) => d((F) => S(F, E.target.value)),
             className: `col-span-1 h-8 w-full ${We}`
           }
@@ -4041,7 +4041,7 @@ function Xa() {
     var B;
     let E = {};
     b === "custom" && (E = {
-      min: o,
+      min: i,
       max: x,
       ticks: {
         stepSize: h
@@ -4089,7 +4089,7 @@ function Xa() {
             {
               disabled: D,
               value: r,
-              onValueChange: (E) => i(E),
+              onValueChange: (E) => o(E),
               children: [
                 /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
                 /* @__PURE__ */ e.jsx(xe, { id: "type", children: /* @__PURE__ */ e.jsxs(ve, { children: [
@@ -4142,7 +4142,7 @@ function Xa() {
   ] });
 }
 function ql({ idx: s }) {
-  var o;
+  var i;
   const n = u((d) => {
     var x;
     return (x = d.card) == null ? void 0 : x.preferences;
@@ -4153,8 +4153,8 @@ function ql({ idx: s }) {
     }
   ), t = u(
     (d) => d.actions.setCardPreferences
-  ), l = (o = n == null ? void 0 : n.chartOptions) == null ? void 0 : o.indexAxis, r = a == null ? void 0 : a.find((d) => d.idx === s);
-  function i(d, x) {
+  ), l = (i = n == null ? void 0 : n.chartOptions) == null ? void 0 : i.indexAxis, r = a == null ? void 0 : a.find((d) => d.idx === s);
+  function o(d, x) {
     (d === "end" || d === "start") && sn(an());
     const c = {
       display: d !== "none",
@@ -4191,7 +4191,7 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => i("none", s),
+          onClick: () => o("none", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4201,7 +4201,7 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => i("start", s),
+          onClick: () => o("start", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4218,7 +4218,7 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => i("center", s),
+          onClick: () => o("center", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4235,7 +4235,7 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => i("end", s),
+          onClick: () => o("end", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4260,15 +4260,15 @@ function Za() {
     }
   ), { data: a } = De(s), t = n === "y" ? "Y axis" : "X axis", l = n === "y" ? "X axis" : "Y axis", {
     keys: r,
-    metricKeys: i,
-    dimensionKeys: o
+    metricKeys: o,
+    dimensionKeys: i
   } = js((a == null ? void 0 : a.records) || []);
-  let d = i;
+  let d = o;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
     const x = tn({
       dataArray: (a == null ? void 0 : a.records) || [],
-      groupKey: o[0],
-      pivotKey: o[1],
+      groupKey: i[0],
+      pivotKey: i[1],
       valueKey: d[0]
     }), { metricKeys: c } = js(x);
     d = c;
@@ -4276,7 +4276,7 @@ function Za() {
   return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(H, { children: t }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: o[0] }) }) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: i[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
@@ -4288,16 +4288,16 @@ function Za() {
   ] });
 }
 function Rl({ col: s, idx: n }) {
-  const a = u((o) => {
+  const a = u((i) => {
     var d;
-    return (d = o.card) == null ? void 0 : d.preferences;
+    return (d = i.card) == null ? void 0 : d.preferences;
   }), t = u(
-    (o) => {
+    (i) => {
       var d;
-      return (d = o.card.preferences) == null ? void 0 : d.datasetOptions;
+      return (d = i.card.preferences) == null ? void 0 : d.datasetOptions;
     }
-  ), l = t == null ? void 0 : t.find((o) => o.idx === n), { setCardPreferences: r } = u((o) => o.actions);
-  function i(o) {
+  ), l = t == null ? void 0 : t.find((i) => i.idx === n), { setCardPreferences: r } = u((i) => i.actions);
+  function o(i) {
     if (!l)
       r({
         ...a,
@@ -4305,14 +4305,14 @@ function Rl({ col: s, idx: n }) {
           ...t || [],
           {
             idx: n,
-            type: o === "area" ? "line" : o,
-            fill: o === "area" ? "origin" : ""
+            type: i === "area" ? "line" : i,
+            fill: i === "area" ? "origin" : ""
           }
         ]
       });
     else {
       const d = { ...l };
-      d.type = o === "area" ? "line" : o, d.fill = o === "area" ? "origin" : "";
+      d.type = i === "area" ? "line" : i, d.fill = i === "area" ? "origin" : "";
       const x = t == null ? void 0 : t.map(
         (c) => c.idx === n ? d : c
       );
@@ -4328,21 +4328,21 @@ function Rl({ col: s, idx: n }) {
       /* @__PURE__ */ e.jsx(
         qs,
         {
-          onClick: () => i("bar"),
+          onClick: () => o("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         Rs,
         {
-          onClick: () => i("line"),
+          onClick: () => o("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         wn,
         {
-          onClick: () => i("area"),
+          onClick: () => o("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
@@ -4351,7 +4351,7 @@ function Rl({ col: s, idx: n }) {
   ] });
 }
 function et() {
-  const s = u((g) => g.selectedConnectionId), n = u((g) => g.selectedDatamodelId), a = u((g) => g.selectedDatabaseName), t = u((g) => g.selectedSchemaName), l = u((g) => g.selectedTableName), r = M((g) => g.dashboard.filters) || [], i = M((g) => g.actions.addFilter), o = M((g) => g.actions.removeFilter), { removeFilterValues: d } = is(), { modelItems: x, tableName: c } = qe();
+  const s = u((g) => g.selectedConnectionId), n = u((g) => g.selectedDatamodelId), a = u((g) => g.selectedDatabaseName), t = u((g) => g.selectedSchemaName), l = u((g) => g.selectedTableName), r = M((g) => g.dashboard.filters) || [], o = M((g) => g.actions.addFilter), i = M((g) => g.actions.removeFilter), { removeFilterValues: d } = is(), { modelItems: x, tableName: c } = qe();
   function b(g, h = "dashboard") {
     var L;
     const f = ce(g.column_name), p = ce(a || ""), N = ce(t || ""), y = ce(c);
@@ -4367,10 +4367,10 @@ function et() {
       (V) => V.column === I && V.table === y && (V.database === p || V.database === a)
     );
     if (T)
-      d(T.id), o(T.id);
+      d(T.id), i(T.id);
     else {
       const V = Ue();
-      return c === "api" && s ? (i({
+      return c === "api" && s ? (o({
         location: h,
         id: V,
         //uuidv4(),
@@ -4388,7 +4388,7 @@ function et() {
           f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), V) : (i({
+      }), V) : (o({
         id: V,
         //uuidv4(),
         location: h,
@@ -4413,24 +4413,24 @@ function et() {
 }
 function Re() {
   const s = M(
-    (o) => o.dashboard.filters
-  ), n = u((o) => o.frame), { setFrame: a } = ne(), { columns: t } = qe(), { assignFilter: l } = et();
-  function r(o) {
-    const d = l(o, "frame");
+    (i) => i.dashboard.filters
+  ), n = u((i) => i.frame), { setFrame: a } = ne(), { columns: t } = qe(), { assignFilter: l } = et();
+  function r(i) {
+    const d = l(i, "frame");
     a({ ...n, filterId: d });
   }
-  const i = s == null ? void 0 : s.find((o) => o.id === n.filterId);
+  const o = s == null ? void 0 : s.find((i) => i.id === n.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
     /* @__PURE__ */ e.jsx(_l, { onSelect: r, columns: t }),
-    i && /* @__PURE__ */ e.jsx(ka, { filter: i })
+    o && /* @__PURE__ */ e.jsx(ka, { filter: o })
   ] });
 }
 function _l({
   columns: s,
   onSelect: n
 }) {
-  var i;
+  var o;
   const [a, t] = Ys.useState(!1), [l, r] = Ys.useState("");
   return /* @__PURE__ */ e.jsxs(ds, { open: a, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
@@ -4442,7 +4442,7 @@ function _l({
         "aria-expanded": a,
         className: "w-full justify-between font-normal",
         children: [
-          l ? (i = s.find((o) => o.column_name === l)) == null ? void 0 : i.column_name : "Select Column...",
+          l ? (o = s.find((i) => i.column_name === l)) == null ? void 0 : o.column_name : "Select Column...",
           /* @__PURE__ */ e.jsx(nn, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
@@ -4451,28 +4451,28 @@ function _l({
       /* @__PURE__ */ e.jsx(rn, { placeholder: "Search column", className: "h-9" }),
       /* @__PURE__ */ e.jsxs(on, { children: [
         /* @__PURE__ */ e.jsx(cn, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(dn, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx(dn, { children: s.map((i) => /* @__PURE__ */ e.jsxs(
           un,
           {
-            value: o.column_name,
+            value: i.column_name,
             onSelect: (d) => {
               const x = d === l ? "" : d;
-              r(x), t(!1), x && n(o);
+              r(x), t(!1), x && n(i);
             },
             children: [
-              o.column_name,
+              i.column_name,
               /* @__PURE__ */ e.jsx(
                 Na,
                 {
                   className: Y(
                     "ml-auto h-4 w-4",
-                    l === o.column_name ? "opacity-100" : "opacity-0"
+                    l === i.column_name ? "opacity-100" : "opacity-0"
                   )
                 }
               )
             ]
           },
-          o.column_name
+          i.column_name
         )) })
       ] })
     ] }) })
@@ -4524,17 +4524,17 @@ function Hl({
   ] }) });
 }
 function Hs() {
-  var l, r, i;
+  var l, r, o;
   const s = u(
-    (o) => o.card.cfg
-  ), n = u((o) => o.actions.setCardCfg), a = u((o) => o.card.type);
-  function t(o) {
+    (i) => i.card.cfg
+  ), n = u((i) => i.actions.setCardCfg), a = u((i) => i.card.type);
+  function t(i) {
     var c;
     const d = {
       datalabels: {
-        display: o !== "none",
-        align: o,
-        anchor: o,
+        display: i !== "none",
+        align: i,
+        anchor: i,
         clamp: !0
       }
     }, x = {
@@ -4547,7 +4547,7 @@ function Hs() {
         }
       }
     };
-    n(x), console.log(o);
+    n(x), console.log(i);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -4557,7 +4557,7 @@ function Hs() {
     /* @__PURE__ */ e.jsxs(
       ue,
       {
-        value: (i = (r = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : r.datalabels) == null ? void 0 : i.anchor,
+        value: (o = (r = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : r.datalabels) == null ? void 0 : o.anchor,
         onValueChange: t,
         defaultValue: "none",
         children: [
@@ -4793,9 +4793,9 @@ function Kl() {
       var f, p;
       return (p = (f = h.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : p.colorRanges;
     }
-  ) || [], i = u(
+  ) || [], o = u(
     (h) => h.actions.setColorRanges
-  ), o = [...new Set(ts.map((h) => h.currency))];
+  ), i = [...new Set(ts.map((h) => h.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
@@ -4864,7 +4864,7 @@ function Kl() {
                   /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                     /* @__PURE__ */ e.jsx(pe, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
-                    o.map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h))
+                    i.map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h))
                   ] }) })
                 ]
               }
@@ -4921,7 +4921,7 @@ function Kl() {
         hn,
         {
           colorRanges: r,
-          setColorRanges: i
+          setColorRanges: o
         }
       )
     ] })
@@ -5062,10 +5062,10 @@ function Xl() {
   var d, x, c, b, g, h, f, p, N, y, A, I, z, T, L, V, m, v;
   const s = u((j) => j.card), n = (x = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : x.topoJsonUrl, [a, t] = q(
     ((b = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : b.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = ne(), { data: r } = Es(s), i = Object.keys((r == null ? void 0 : r.objects) || {}).map((j) => ({
+  ), { setCardPreferences: l } = ne(), { data: r } = Es(s), o = Object.keys((r == null ? void 0 : r.objects) || {}).map((j) => ({
     label: j,
     value: j
-  })) || [], o = [
+  })) || [], i = [
     {
       label: "US States 10m",
       value: "https://unpkg.com/us-atlas/states-10m.json"
@@ -5087,7 +5087,7 @@ function Xl() {
         de,
         {
           className: "h-9",
-          options: o,
+          options: i,
           onValueChange: (j) => {
             console.log("value", j), l({
               ...s.preferences,
@@ -5129,7 +5129,7 @@ function Xl() {
             de,
             {
               className: "h-9",
-              options: i,
+              options: o,
               value: ((h = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : h.objectKey) || "",
               label: "Map Object",
               onValueChange: (j) => {
@@ -5597,8 +5597,8 @@ function rr() {
   );
 }
 function ir({ authToken: s, onSave: n, onClose: a }) {
-  M((i) => i.themeStyle);
-  const t = u((i) => i.actions.setOnSave), l = u((i) => i.actions.setOnClose), r = M((i) => i.actions.setAuthToken);
+  M((o) => o.themeStyle);
+  const t = u((o) => o.actions.setOnSave), l = u((o) => o.actions.setOnClose), r = M((o) => o.actions.setAuthToken);
   return Z(() => {
     n && t(n), a && l(a);
   }, [n, t, a, l]), Z(() => {
@@ -5620,10 +5620,10 @@ function ir({ authToken: s, onSave: n, onClose: a }) {
   ) });
 }
 function or() {
-  M((i) => i.selectedCardId);
-  const s = M((i) => i.selectedSheetId), { setIsVisualEditing: n } = M((i) => i.actions), a = M((i) => i.isVisualEditing), t = M((i) => i.actions.updateFrame);
-  function l(i) {
-    s && (t(s, i), n(!1));
+  M((o) => o.selectedCardId);
+  const s = M((o) => o.selectedSheetId), { setIsVisualEditing: n } = M((o) => o.actions), a = M((o) => o.isVisualEditing), t = M((o) => o.actions.updateFrame);
+  function l(o) {
+    s && (t(s, o), n(!1));
   }
   function r() {
     n(!1);
@@ -5642,8 +5642,8 @@ function or() {
 function cr() {
   const s = u((r) => r.selectedDatabaseName), n = u((r) => r.selectedTableName), a = M((r) => r.dashboard.filters) || [], { columns: t } = qe(), { assignFilter: l } = et();
   return /* @__PURE__ */ e.jsx(fe, { className: "flex-1 basis-0 flex-col px-3", children: t == null ? void 0 : t.map((r) => {
-    const i = a == null ? void 0 : a.find(
-      (o) => o.column === ce(r.column_name) && o.table === n && o.database === s
+    const o = a == null ? void 0 : a.find(
+      (i) => i.column === ce(r.column_name) && i.table === n && i.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -5652,7 +5652,7 @@ function cr() {
         className: Y(
           "group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",
           {
-            "bg-muted": i
+            "bg-muted": o
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [