react-semaphor 0.1.441 → 0.1.442

package/dist/chunks/{use-create-flow-overlay-state-B6a3gmF0.js → editor-action-buttons-Bz4ik8DY.js}

@@ -1,19 +1,30 @@
-import { useState as K, useEffect as ie, useCallback as B, useMemo as oe, useRef as Se, Fragment as ht } from "react";
-import { D as de, A as Te, u as J, E as z, a4 as bt, Q as gt, V as yt, W as vt, c as fe, Y as xt, a5 as Ct, B as q, d as St, L as Je, a6 as kt, a7 as Nt, a8 as wt, a9 as pe, aa as Be, ab as Re, ac as ke, ad as Ne, ae as Dt, af as je, ag as Et, ah as It, ai as me, aj as Ft, ak as Qe, al as Ze, am as et, an as tt, O as ne, Z as at, _ as we, $ as De, a0 as Ee, a1 as Ie, a2 as Fe, ao as rt, ap as Vt, aq as $e, ar as Tt, as as Pe, at as _t, au as At, av as Ve } from "./code-editor-CIWiSltV.js";
-import { aM as Lt, az as qt, aN as ce, aO as Mt, aP as _e, aQ as Ot, aR as Ut, aS as zt, aG as R, aT as Bt, aU as Rt, aV as jt, av as Qt, aW as $t, aX as st, aY as nt, aZ as ot, a_ as Pt, a$ as Wt, b0 as Kt, b1 as Yt, b2 as Ht, b3 as lt, b4 as it, b5 as Gt, b6 as Xt, b7 as Jt, b8 as Zt, b9 as ea, ba as ta, bb as aa, bc as ra } from "./dashboard--bQrQeiz.js";
-import { jsx as a, jsxs as p, Fragment as ae } from "react/jsx-runtime";
-import { c as dt, X as ct, C as We } from "./index-xHCrHprY.js";
+import { c as Te, C as je, X as Ze } from "./index-xHCrHprY.js";
+import { useState as H, useEffect as ie, useCallback as z, useMemo as oe, useRef as ke, Fragment as ht } from "react";
+import { D as de, A as _e, u as J, E as U, a4 as bt, Q as gt, V as yt, W as vt, c as fe, Y as xt, a5 as Ct, a6 as kt, a7 as pe, a8 as Re, a9 as Qe, aa as Se, ab as Ne, ac as St, ad as $e, ae as Nt, af as wt, ag as me, ah as Dt, ai as Pe, B as L, aj as et, ak as tt, al as rt, O as ne, Z as at, _ as we, $ as De, a0 as Ee, a1 as Fe, a2 as Ie, am as st, an as Et, ao as We, ap as Ft, aq as He, ar as It, as as Vt, at as Ve, d as Tt, L as nt, au as _t, av as At } from "./code-editor-BpADiIlq.js";
+import { b7 as Lt, az as qt, b8 as ce, b9 as Mt, ba as Ae, bb as Ot, bc as Ut, bd as zt, aG as B, be as Bt, bf as jt, bg as Rt, bh as ot, bi as lt, bj as Qt, av as $t, bk as Pt, bl as Wt, bm as Ht, bn as Kt, bo as it, bp as dt, bq as Yt, br as Gt, bs as Xt, bt as Jt, bu as Zt, aZ as er, bv as tr, bw as rr, bx as ct, by as ar } from "./dashboard-BjqymJeS.js";
+import { jsx as r, jsxs as p, Fragment as re } from "react/jsx-runtime";
 import "./analyze-result-contract-CfOBEwaC.js";
 import "../value-format-preferences/index.js";
-import { S as ut } from "./save-HCJjjzdX.js";
 import { C as Ke } from "./search-DHZCro8B.js";
+import { S as ut } from "./save-HCJjjzdX.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Dr = Te("FilterX", [
+  ["path", { d: "M13.013 3H2l8 9.46V19l4 2v-8.54l.9-1.055", key: "1fi1da" }],
+  ["path", { d: "m22 3-5 5", key: "12jva0" }],
+  ["path", { d: "m17 3 5 5", key: "k36vhe" }]
+]);
 /**
  * @license lucide-react v0.453.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sa = dt("Library", [
+const sr = Te("Library", [
   ["path", { d: "m16 6 4 14", key: "ji33uf" }],
   ["path", { d: "M12 6v14", key: "1n7gus" }],
   ["path", { d: "M8 8v12", key: "1gg7y9" }],
@@ -25,16 +36,16 @@ const sa = dt("Library", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const na = dt("Link2", [
+const nr = Te("Link2", [
   ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
   ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
   ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
 ]);
-function oa(t) {
-  const [r, l] = K(null), [n, i] = K(null), c = Lt();
+function or(t) {
+  const [a, o] = H(null), [s, i] = H(null), c = Lt();
   return ie(() => {
     if (!t || t.trim() === "") {
-      l(null), i(null);
+      o(null), i(null);
       return;
     }
     if (!c)
@@ -61,73 +72,73 @@ function oa(t) {
         );
         if (typeof v.useChartStore != "function")
           throw new Error("useChartStore is not a function");
-        l(() => v.useChartStore), i(null);
-      } catch (f) {
-        const u = f instanceof Error ? f.message : "Unknown error";
-        console.error("Failed to load remote chart store:", u), i(u), l(null);
+        o(() => v.useChartStore), i(null);
+      } catch (h) {
+        const u = h instanceof Error ? h.message : "Unknown error";
+        console.error("Failed to load remote chart store:", u), i(u), o(null);
       }
     })();
-  }, [t, c]), r;
+  }, [t, c]), a;
 }
-function la(t, r) {
+function lr(t, a) {
   if (t.length === 0)
     return "";
-  const l = t.find(
-    (n) => {
+  const o = t.find(
+    (s) => {
       var i, c;
-      return ((i = n.customCardPreferences) == null ? void 0 : i.visualType) === "multiple" || !!((c = n.customCardPreferences) != null && c.dataInputCardIds);
+      return ((i = s.customCardPreferences) == null ? void 0 : i.visualType) === "multiple" || !!((c = s.customCardPreferences) != null && c.dataInputCardIds);
     }
   );
-  if (l)
-    return l.id;
-  if (r) {
-    const n = t.find((i) => i.id === r);
-    if (n) {
-      const i = n.tabTitle;
+  if (o)
+    return o.id;
+  if (a) {
+    const s = t.find((i) => i.id === a);
+    if (s) {
+      const i = s.tabTitle;
       if (i == "All__Header")
         return t[0].id;
       if (i && i.endsWith("__Header")) {
-        const m = i.split("__")[0], f = t.find(
+        const m = i.split("__")[0], h = t.find(
           (u) => u.tabTitle === m
         );
-        return f ? f.id : t[0].id;
+        return h ? h.id : t[0].id;
       }
-      return r;
+      return a;
     }
   }
   return t[0].id;
 }
-const ia = (t) => {
+const ir = (t) => {
   if (!t || !("detailTableBackup" in t))
     return t;
-  const { detailTableBackup: r, ...l } = t;
-  return l;
+  const { detailTableBackup: a, ...o } = t;
+  return o;
 };
-async function Ye(t, r, l, n, i = "Opening library visual...") {
-  if (!r || !l)
+async function Ye(t, a, o, s, i = "Opening library visual...") {
+  if (!a || !o)
     throw new Error("Missing auth token or visual ID");
-  const c = ["resource-by-id", "visual", l], m = n.getQueryData(c);
+  const c = ["resource-by-id", "visual", o], m = s.getQueryData(c);
   if (m)
-    return console.log("Using cached visual data for:", l), { data: m, fromCache: !0 };
-  console.log("Fetching visual data from network for:", l);
-  const f = R.loading(i, {
+    return console.log("Using cached visual data for:", o), { data: m, fromCache: !0 };
+  console.log("Fetching visual data from network for:", o);
+  const h = B.loading(i, {
     position: "top-center"
   });
   try {
     const u = await fetch(
-      `${t}/management/v1/visuals/${l}`,
+      `${t}/management/v1/visuals/${o}`,
       {
         headers: {
-          Authorization: `Bearer ${r}`
+          Authorization: `Bearer ${a}`
         }
       }
     );
     if (!u.ok)
       throw new Error("Failed to load visual");
     const v = await u.json();
-    return n.setQueryData(c, v), R.dismiss(f), { data: v, fromCache: !1 };
+    return s.setQueryData(c, v), B.dismiss(h), { data: v, fromCache: !1 };
   } catch (u) {
-    throw R.dismiss(f), u;
+    throw B.dismiss(h), u;
   }
 }
 function pt(t) {
@@ -137,260 +148,307 @@ function pt(t) {
     return t;
   throw new Error("Invalid frame object format");
 }
-function da(t, r) {
+function dr(t, a) {
   var c, m;
-  const l = (t == null ? void 0 : t.frameObject) ?? ((c = t == null ? void 0 : t.visual) == null ? void 0 : c.frameObject);
-  if (!l)
+  const o = (t == null ? void 0 : t.frameObject) ?? ((c = t == null ? void 0 : t.visual) == null ? void 0 : c.frameObject);
+  if (!o)
     return !1;
-  const n = pt(l);
-  if (!(n != null && n.cards) || n.cards.length === 0)
+  const s = pt(o);
+  if (!(s != null && s.cards) || s.cards.length === 0)
     return !1;
-  const i = (m = n.cards) == null ? void 0 : m.find(
-    (f) => f.id === n.activeCardId
+  const i = (m = s.cards) == null ? void 0 : m.find(
+    (h) => h.id === s.activeCardId
   );
   return i ? (Bt({
-    ...r,
-    frame: n,
+    ...a,
+    frame: s,
     card: i,
-    visualId: (t == null ? void 0 : t.id) || n.visualId
+    visualId: (t == null ? void 0 : t.id) || s.visualId
   }), !0) : !1;
 }
-function ca() {
-  const t = z(
-    (n) => {
+function cr() {
+  const t = U(
+    (s) => {
       var i;
-      return ((i = n.card.customCardPreferences) == null ? void 0 : i.url) || "";
+      return ((i = s.card.customCardPreferences) == null ? void 0 : i.url) || "";
     }
-  ), r = oa(t);
-  return { getUpdatedFrame: B(() => {
-    var F;
-    Rt();
+  ), a = or(t);
+  return { getUpdatedFrame: z(() => {
+    var V;
+    jt();
     const {
-      frame: n,
+      frame: s,
       card: i,
       isDevMode: c,
       isShowingVisual: m,
-      selectedSchemaName: f,
+      selectedSchemaName: h,
       selectedDatamodelId: u,
       selectedDatabaseName: v,
       selectedTableName: y,
       selectedConnectionId: b
-    } = z.getState(), x = i.sql, w = (F = r == null ? void 0 : r.getState()) == null ? void 0 : F.settings, S = bt(i, {
+    } = U.getState(), x = i.sql, D = (V = a == null ? void 0 : a.getState()) == null ? void 0 : V.settings, k = bt(i, {
       isDevMode: c,
       cardSql: x,
       isShowingVisual: m,
-      selectedSchemaName: f,
+      selectedSchemaName: h,
       selectedDatamodelId: u,
       selectedDatabaseName: v,
       selectedTableName: y,
       selectedConnectionId: b,
-      remoteChartSettings: w,
-      stripConfig: ia
-    }), N = n.cards.map(
-      (j) => j.id === i.id ? S : j
+      remoteChartSettings: D,
+      stripConfig: ir
+    }), N = s.cards.map(
+      (j) => j.id === i.id ? k : j
     );
     return {
-      ...n,
+      ...s,
       cards: N,
-      activeCardId: la(N, n.activeCardId)
+      activeCardId: lr(N, s.activeCardId)
     };
-  }, [r]) };
+  }, [a]) };
 }
-function Ae() {
-  const { authToken: t, tokenProps: r } = qt(), l = ce(), n = Mt(), i = _e(), { selectVisual: c } = Ot(), {
+function Le() {
+  const { authToken: t, tokenProps: a } = qt(), o = ce(), s = Mt(), i = Ae(), { selectVisual: c } = Ot(), {
     setFrame: m,
-    setCard: f,
+    setCard: h,
     setIsDevMode: u,
     initializeModeDrafts: v,
     setActiveTabCardId: y,
     updateDataSource: b,
     setQueryResultColumns: x,
-    setSelectedConnectionId: w,
-    setSelectedDatabaseName: S,
+    setSelectedConnectionId: D,
+    setSelectedDatabaseName: k,
     setSelectedSchemaName: N,
-    setSelectedTableName: F,
+    setSelectedTableName: V,
     setSelectedDatamodelId: j,
-    setFilterValues: H,
-    setInlineFilterValuesMap: Z,
-    setApplyFilters: G,
-    clearEditorContext: re
+    setFilterValues: K,
+    setInlineFilterValuesMap: R,
+    setApplyFilters: $,
+    clearEditorContext: Z
   } = de(), {
-    setIsDashboardEditing: M,
-    setIsVisualEditing: s,
-    setSelectedFrameId: D,
-    clearSelectedFrameId: V
-  } = Te(), O = J((_) => _.selectedSheetId), P = J((_) => _.selectedFrameId), X = J((_) => _.dashboard), ee = J((_) => _.filterValues), A = J(
+    setIsDashboardEditing: E,
+    setIsVisualEditing: n,
+    setSelectedFrameId: w,
+    clearSelectedFrameId: P
+  } = _e(), M = J((_) => _.selectedSheetId), Y = J((_) => _.selectedFrameId), G = J((_) => _.dashboard), ee = J((_) => _.filterValues), q = J(
     (_) => _.inlineFilterValuesMap
-  ), Q = Ut((i == null ? void 0 : i.id) || "", {
+  ), X = Ut((i == null ? void 0 : i.id) || "", {
     enabled: !!(i != null && i.id) && !!(t != null && t.accessToken)
-  }), Y = B(
+  }), ae = z(
     async (_) => {
       try {
-        c(_), V(), re();
-        const { data: E, fromCache: W } = await Ye(
-          r.apiServiceUrl,
+        c(_), P(), Z();
+        const { data: F, fromCache: W } = await Ye(
+          a.apiServiceUrl,
           (t == null ? void 0 : t.accessToken) || "",
           _.id,
-          l,
+          o,
           "Opening library visual..."
         );
-        if (!da(E, {
+        if (!dr(F, {
           setFrame: m,
-          setCard: f,
+          setCard: h,
           setIsDevMode: u,
           initializeModeDrafts: v,
           setActiveTabCardId: y,
           updateDataSource: b,
           setQueryResultColumns: x,
-          setSelectedConnectionId: w,
-          setSelectedDatabaseName: S,
+          setSelectedConnectionId: D,
+          setSelectedDatabaseName: k,
           setSelectedSchemaName: N,
-          setSelectedTableName: F,
+          setSelectedTableName: V,
           setSelectedDatamodelId: j,
-          setFilterValues: H,
-          setInlineFilterValuesMap: Z,
-          setApplyFilters: G,
-          setIsDashboardEditing: M,
-          setIsVisualEditing: s,
-          dashboard: X,
-          selectedSheetId: O,
-          selectedFrameId: P,
+          setFilterValues: K,
+          setInlineFilterValuesMap: R,
+          setApplyFilters: $,
+          setIsDashboardEditing: E,
+          setIsVisualEditing: n,
+          dashboard: G,
+          selectedSheetId: M,
+          selectedFrameId: Y,
           filterValues: ee,
-          inlineFilterValuesMap: A
+          inlineFilterValuesMap: q
         }))
           throw new Error("Failed to setup editor with visual data");
         return { success: !0, fromCache: W };
-      } catch (E) {
-        return console.error("Error editing visual:", E), { success: !1, error: "Failed to load visual for editing" };
+      } catch (F) {
+        return console.error("Error editing visual:", F), { success: !1, error: "Failed to load visual for editing" };
       }
     },
     [
       t == null ? void 0 : t.accessToken,
-      r.apiServiceUrl,
-      l,
+      a.apiServiceUrl,
+      o,
       c,
       m,
-      f,
-      M,
-      s,
+      h,
+      E,
+      n,
       u,
       v,
       y,
       b,
       x,
-      w,
-      S,
+      D,
+      k,
       N,
-      F,
+      V,
       j,
-      H,
+      K,
+      R,
+      $,
       Z,
-      G,
-      re,
-      V,
-      X,
-      O,
       P,
+      G,
+      M,
+      Y,
       ee,
-      A
+      q
     ]
-  ), be = B(
+  ), be = z(
     async (_) => {
       var W;
-      const E = (L) => (R.error(L), { success: !1, error: L });
+      const F = (A) => (B.error(A), { success: !1, error: A });
       try {
-        if (c(_), !O)
-          return E("No sheet selected. Please select a sheet first.");
-        const { data: L, fromCache: ge } = await Ye(
-          r.apiServiceUrl,
+        if (c(_), !M)
+          return F("No sheet selected. Please select a sheet first.");
+        const { data: A, fromCache: ge } = await Ye(
+          a.apiServiceUrl,
           (t == null ? void 0 : t.accessToken) || "",
           _.id,
-          l,
+          o,
           "Adding visual to dashboard..."
-        ), ue = (L == null ? void 0 : L.frameObject) ?? ((W = L == null ? void 0 : L.visual) == null ? void 0 : W.frameObject);
+        ), ue = (A == null ? void 0 : A.frameObject) ?? ((W = A == null ? void 0 : A.visual) == null ? void 0 : W.frameObject);
         if (!ue)
-          return E("Visual has no frame data");
-        const $ = pt(ue);
-        if (!($ != null && $.cards) || $.cards.length === 0)
-          return E("Visual frame is malformed");
+          return F("Visual has no frame data");
+        const Q = pt(ue);
+        if (!(Q != null && Q.cards) || Q.cards.length === 0)
+          return F("Visual frame is malformed");
         const le = {
-          ...zt($),
+          ...zt(Q),
           visualId: _.id
           // Link this frame to the library visual
         };
-        return await n(
-          O,
+        return await s(
+          M,
           le,
           "end"
-        ), M(!0), D(le.id), { success: !0, fromCache: ge };
-      } catch (L) {
-        return console.error("Error adding visual:", L), E(
-          L instanceof Error ? L.message : "Failed to add visual to dashboard"
+        ), E(!0), w(le.id), { success: !0, fromCache: ge };
+      } catch (A) {
+        return console.error("Error adding visual:", A), F(
+          A instanceof Error ? A.message : "Failed to add visual to dashboard"
         );
       }
     },
     [
       t == null ? void 0 : t.accessToken,
-      r.apiServiceUrl,
-      l,
+      a.apiServiceUrl,
+      o,
       c,
-      O,
       M,
-      D,
-      n
+      E,
+      w,
+      s
     ]
   );
   return {
-    visual: Q.data,
-    isLoading: Q.isLoading,
-    isError: Q.isError,
-    error: Q.error,
-    handleEditLibraryVisual: Y,
+    visual: X.data,
+    isLoading: X.isLoading,
+    isError: X.isError,
+    error: X.error,
+    handleEditLibraryVisual: ae,
     handleAddLibraryVisual: be,
-    getUpdatedFrame: ca().getUpdatedFrame,
-    refetch: Q.refetch
+    getUpdatedFrame: cr().getUpdatedFrame,
+    refetch: X.refetch
   };
 }
-function wa() {
-  const t = z((m) => m.card.dataSource), {
-    setSelectedConnectionId: r,
-    setSelectedDatabaseName: l,
-    setSelectedSchemaName: n,
+function Er() {
+  const t = U((m) => m.card.dataSource), {
+    setSelectedConnectionId: a,
+    setSelectedDatabaseName: o,
+    setSelectedSchemaName: s,
     setSelectedTableName: i,
     setSelectedDatamodelId: c
   } = de();
   ie(() => {
-    var w;
+    var D;
     if (!t) return;
-    const { tableName: m, schemaName: f, databaseName: u, connectionId: v } = jt(t), y = (w = t.selectedEntities) == null ? void 0 : w[0], x = (y == null ? void 0 : y.type) === "model" && "id" in y ? y.id : "";
-    r(v || ""), l(u || ""), n(f || ""), i(m || ""), c(x);
+    const { tableName: m, schemaName: h, databaseName: u, connectionId: v } = Rt(t), y = (D = t.selectedEntities) == null ? void 0 : D[0], x = (y == null ? void 0 : y.type) === "model" && "id" in y ? y.id : "";
+    a(v || ""), o(u || ""), s(h || ""), i(m || ""), c(x);
   }, [
     t,
-    r,
-    l,
-    n,
+    a,
+    o,
+    s,
     i,
     c
   ]);
 }
-function Da({
+function ur(t, a) {
+  return {
+    ...t,
+    sql: "",
+    python: "",
+    config: void 0,
+    customCfg: "",
+    preferences: {},
+    interactionConfig: void 0,
+    linkedInteractionTargetOverrides: void 0,
+    dynamicCardPreferences: void 0,
+    customCardPreferences: a ? t.customCardPreferences : void 0,
+    visualizationMode: "builtin",
+    type: a ? t.type : "bar"
+  };
+}
+function pr() {
+  const { setTempQueryData: t } = de(), a = ce(), o = U((R) => R.tempQueryData), s = U((R) => R.card), i = ot(), c = oe(() => i !== s.type ? { ...s, type: i } : s, [s, i]), { queryKey: m } = lt(c), {
+    setCardSql: h,
+    setSqlGen: u,
+    setCardPython: v,
+    setCardCustomCfg: y,
+    setCardPreferences: b,
+    clearQueryConfig: x,
+    setCardConfig: D,
+    setCardType: k,
+    setFrame: N,
+    setCard: V,
+    setActiveTabCardId: j
+  } = de();
+  function K() {
+    var P, M, Y, G;
+    const R = a.getQueryData(m);
+    o != null && o.queryData || t({
+      queryKey: m,
+      queryData: R
+    }), a.setQueryData(m, null), a.removeQueries({ queryKey: m, exact: !0 }), h(""), u({}), x(), D(void 0), v(""), y(""), b({});
+    const $ = U.getState().frame, Z = U.getState().card, E = Qt($, Z), n = ((P = E == null ? void 0 : E.customCardPreferences) == null ? void 0 : P.visualType) === "multiple" || !!((M = E == null ? void 0 : E.customCardPreferences) != null && M.dataInputCardIds) || (((Y = E == null ? void 0 : E.customCardPreferences) == null ? void 0 : Y.minInputs) || 0) > 1 || (((G = E == null ? void 0 : E.customCardPreferences) == null ? void 0 : G.maxInputs) || 0) > 1, w = ur(Z, n);
+    N({
+      ...$,
+      cards: $.cards.map(
+        (ee) => ee.id === w.id ? w : ee
+      )
+    }), j(w.id), V(w), n || k("bar");
+  }
+  return K;
+}
+function Fr({
   type: t,
-  isLinked: r,
-  className: l,
-  showLabel: n = !1,
+  isLinked: a,
+  className: o,
+  showLabel: s = !1,
   showLocal: i = !1
 }) {
-  const c = J((N) => N.selectedFrameId), m = Qt((N) => N.selectedVisual), f = z((N) => N.frame);
+  const c = J((N) => N.selectedFrameId), m = $t((N) => N.selectedVisual), h = U((N) => N.frame);
   let u;
   if (t)
     u = t;
-  else if (r !== void 0)
-    u = r ? "linked" : "library";
-  else if (!!!(f != null && f.visualId || m != null && m.id) && c)
+  else if (a !== void 0)
+    u = a ? "linked" : "library";
+  else if (!!!(h != null && h.visualId || m != null && m.id) && c)
     u = "local";
   else if (m && !c)
     u = "library";
-  else if (f != null && f.visualId && c)
+  else if (h != null && h.visualId && c)
     u = "linked";
   else if (m != null && m.id && c)
     u = "library";
@@ -414,28 +472,28 @@ function Da({
     local: "fill-slate-50 dark:fill-slate-900",
     linked: "fill-purple-50 dark:fill-purple-950",
     library: "fill-blue-50 dark:fill-blue-950"
-  }, w = {
-    local: /* @__PURE__ */ a("span", { className: "h-2 w-2 rounded-full bg-current/70" }),
-    linked: /* @__PURE__ */ a(na, { className: "h-3.5 w-3.5" }),
-    library: /* @__PURE__ */ a(sa, { className: "h-3.5 w-3.5" })
-  }, S = {
+  }, D = {
+    local: /* @__PURE__ */ r("span", { className: "h-2 w-2 rounded-full bg-current/70" }),
+    linked: /* @__PURE__ */ r(nr, { className: "h-3.5 w-3.5" }),
+    library: /* @__PURE__ */ r(sr, { className: "h-3.5 w-3.5" })
+  }, k = {
     local: "Local",
     linked: "Linked",
     library: "Library"
   };
-  return /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ p(yt, { delayDuration: 300, children: [
-    /* @__PURE__ */ a(vt, { asChild: !0, children: /* @__PURE__ */ p(
-      $t,
+  return /* @__PURE__ */ r(gt, { children: /* @__PURE__ */ p(yt, { delayDuration: 300, children: [
+    /* @__PURE__ */ r(vt, { asChild: !0, children: /* @__PURE__ */ p(
+      Pt,
       {
         variant: "outline",
         className: fe(
           "cursor-help select-none transition-all",
           v[u],
-          l
+          o
         ),
         children: [
-          w[u],
-          n && /* @__PURE__ */ a("span", { className: "ml-1 text-xs font-medium leading-none", children: S[u] })
+          D[u],
+          s && /* @__PURE__ */ r("span", { className: "ml-1 text-xs font-medium leading-none", children: k[u] })
         ]
       }
     ) }),
@@ -445,327 +503,101 @@ function Da({
         side: "bottom",
         className: fe("max-w-xs", b[u]),
         children: [
-          /* @__PURE__ */ a(Ct, { className: x[u] }),
-          /* @__PURE__ */ a("p", { children: y[u] })
+          /* @__PURE__ */ r(Ct, { className: x[u] }),
+          /* @__PURE__ */ r("p", { children: y[u] })
         ]
       }
     )
   ] }) });
 }
-function ua(t, r) {
-  return {
-    ...t,
-    sql: "",
-    python: "",
-    config: void 0,
-    customCfg: "",
-    preferences: {},
-    interactionConfig: void 0,
-    linkedInteractionTargetOverrides: void 0,
-    dynamicCardPreferences: void 0,
-    customCardPreferences: r ? t.customCardPreferences : void 0,
-    visualizationMode: "builtin",
-    type: r ? t.type : "bar"
-  };
-}
-function Le(t) {
-  const r = Nt(t);
-  return r ? (R.error(r), !1) : !0;
-}
-function Ea({
-  className: t,
-  variant: r = "outline"
-}) {
-  const l = z((c) => c.onSave), { getUpdatedFrame: n } = Ae();
-  function i() {
-    const c = n();
-    Le(c) && (l == null || l(c));
-  }
-  return /* @__PURE__ */ p(
-    q,
-    {
-      onClick: i,
-      className: t,
-      size: "xs",
-      variant: r,
-      children: [
-        /* @__PURE__ */ a(St, { className: "h-3.5 w-3.5" }),
-        "Accept"
-      ]
-    }
-  );
-}
-function Ia({
-  className: t,
-  variant: r = "default"
-}) {
-  const l = ce(), [n, i] = K(!1), { setIsVisualEditing: c } = Te(), { getUpdatedFrame: m } = Ae(), f = _e(), u = z((b) => b.frame), v = ot();
-  return /* @__PURE__ */ a(
-    q,
-    {
-      onClick: () => {
-        const b = m();
-        if (!Le(b))
-          return;
-        const x = (u == null ? void 0 : u.visualId) || (f == null ? void 0 : f.id);
-        if (!x) {
-          R.error("No visual to save");
-          return;
-        }
-        i(!0), v.mutate(
-          {
-            visualId: x,
-            data: {
-              frameObject: b
-            }
-          },
-          {
-            onSuccess: () => {
-              i(!1), R.success("Visual updated successfully"), l.invalidateQueries({
-                queryKey: ["resource-by-id", "visual", x],
-                exact: !0
-              });
-            },
-            onError: () => {
-              i(!1), R.error("Failed to update visual");
-            }
-          }
-        );
-      },
-      className: t,
-      size: "xs",
-      variant: r,
-      children: n ? /* @__PURE__ */ p(ae, { children: [
-        /* @__PURE__ */ a(Je, { className: "h-3.5 w-3.5 animate-spin" }),
-        "Saving"
-      ] }) : /* @__PURE__ */ p(ae, { children: [
-        /* @__PURE__ */ a(ut, { className: "h-3.5 w-3.5" }),
-        "Save to Library"
-      ] })
-    }
-  );
-}
-function Fa({
-  className: t
-}) {
-  const r = ce(), [l, n] = K(!1), i = _e(), c = z((S) => S.frame), m = J((S) => S.selectedSheetId), f = J((S) => S.dashboard), { updateFrame: u, setIsVisualEditing: v } = Te(), { getUpdatedFrame: y } = Ae(), b = ot(), x = Pt();
-  return /* @__PURE__ */ a(
-    q,
-    {
-      onClick: async () => {
-        if (!m) {
-          R.error("No sheet selected");
-          return;
-        }
-        const S = (c == null ? void 0 : c.visualId) || (i == null ? void 0 : i.id);
-        if (!S) {
-          R.error("No visual to update");
-          return;
-        }
-        n(!0);
-        try {
-          const N = y();
-          if (!Le(N)) {
-            n(!1);
-            return;
-          }
-          const F = {
-            ...N,
-            visualId: S
-            // Keep the link to library visual
-          }, j = kt(f, F.id), H = await x(F, {
-            previousFrame: j
-          });
-          await b.mutateAsync({
-            visualId: S,
-            data: {
-              frameObject: N
-            }
-          }), u(m, F, {
-            semanticExecutionPayload: H
-          }), r.invalidateQueries({ queryKey: ["visuals"] }), r.invalidateQueries({ queryKey: ["visual", S] }), R.success("Saved to library and applied locally"), setTimeout(() => {
-            v(!1);
-          }, 300);
-        } catch (N) {
-          console.error("Failed to save and apply:", N), R.error(
-            N instanceof Error ? N.message : "Failed to save and apply changes"
-          );
-        } finally {
-          n(!1);
-        }
-      },
-      className: t,
-      size: "xs",
-      variant: "default",
-      disabled: l,
-      children: l ? /* @__PURE__ */ p(ae, { children: [
-        /* @__PURE__ */ a(Je, { className: "h-3.5 w-3.5 animate-spin" }),
-        "Saving..."
-      ] }) : /* @__PURE__ */ p(ae, { children: [
-        /* @__PURE__ */ a(ut, { className: "h-3.5 w-3.5" }),
-        "Save & Apply"
-      ] })
-    }
-  );
-}
-function Va({ className: t }) {
-  const { setTempQueryData: r, setSqlGen: l } = de(), n = ce(), i = z((b) => b.tempQueryData), c = z((b) => b.onClose), m = z((b) => b.card), f = st(), u = oe(() => f !== m.type ? { ...m, type: f } : m, [m, f]), { queryKey: v } = nt(u);
-  function y() {
-    if (i) {
-      const { queryKey: b, queryData: x } = i;
-      b && x && n.setQueryData(b, x);
-    }
-    l({}), c == null || c();
-  }
-  return /* @__PURE__ */ p(
-    q,
-    {
-      onClick: y,
-      className: t,
-      size: "xs",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ a(ct, { className: "h-3.5 w-3.5" }),
-        "Close"
-      ]
-    }
-  );
-}
-function Ta({
-  label: t = "Clear",
-  variant: r = "secondary",
-  className: l
-} = {}) {
-  const { setTempQueryData: n } = de(), i = ce(), c = z((M) => M.tempQueryData), m = z((M) => M.card), f = st(), u = oe(() => f !== m.type ? { ...m, type: f } : m, [m, f]), { queryKey: v } = nt(u), {
-    setCardSql: y,
-    setSqlGen: b,
-    setCardPython: x,
-    setCardCustomCfg: w,
-    setCardPreferences: S,
-    clearQueryConfig: N,
-    setCardConfig: F,
-    setCardType: j,
-    setFrame: H,
-    setCard: Z,
-    setActiveTabCardId: G
-  } = de();
-  function re() {
-    var X, ee, A, Q;
-    const M = i.getQueryData(v);
-    c != null && c.queryData || n({
-      queryKey: v,
-      queryData: M
-    }), i.setQueryData(v, null), i.removeQueries({ queryKey: v, exact: !0 }), y(""), b({}), N(), F(void 0), x(""), w(""), S({});
-    const s = z.getState().frame, D = z.getState().card, V = Wt(s, D), O = ((X = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : X.visualType) === "multiple" || !!((ee = V == null ? void 0 : V.customCardPreferences) != null && ee.dataInputCardIds) || (((A = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : A.minInputs) || 0) > 1 || (((Q = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : Q.maxInputs) || 0) > 1, P = ua(D, O);
-    H({
-      ...s,
-      cards: s.cards.map(
-        (Y) => Y.id === P.id ? P : Y
-      )
-    }), G(P.id), Z(P), O || j("bar");
-  }
-  return /* @__PURE__ */ p(
-    q,
-    {
-      onClick: re,
-      className: l,
-      size: "xs",
-      variant: r,
-      children: [
-        /* @__PURE__ */ a(ct, { className: "h-3.5 w-3.5" }),
-        t
-      ]
-    }
-  );
-}
 function mt(t) {
-  const { control: r, onChange: l } = t;
+  const { control: a, onChange: o } = t;
   return /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ r(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+    /* @__PURE__ */ r(
       at,
       {
         size: "xs",
-        value: r.label,
+        value: a.label,
         placeholder: "Control label",
-        onChange: (n) => l(n.target.value)
+        onChange: (s) => o(s.target.value)
       }
     )
   ] });
 }
-function pa(t) {
-  const { currentStep: r, labels: l } = t;
-  return /* @__PURE__ */ a("div", { className: "sticky top-0 z-10 -mx-1 border-b border-border/60 bg-background/95 px-1 pb-2.5 pt-1 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2 sm:gap-2.5", children: l.map((n, i) => {
-    const c = i + 1, m = c === r, f = c < r;
+function mr(t) {
+  const { currentStep: a, labels: o } = t;
+  return /* @__PURE__ */ r("div", { className: "sticky top-0 z-10 -mx-1 border-b border-border/60 bg-background/95 px-1 pb-2.5 pt-1 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2 sm:gap-2.5", children: o.map((s, i) => {
+    const c = i + 1, m = c === a, h = c < a;
     return /* @__PURE__ */ p(ht, { children: [
       /* @__PURE__ */ p("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           "span",
           {
             className: fe(
               "flex h-5 w-5 items-center justify-center rounded-full border text-[10px] font-medium tabular-nums",
-              m ? "border-foreground bg-foreground text-background" : f ? "border-foreground/30 bg-foreground/10 text-foreground" : "border-border/60 bg-background text-muted-foreground"
+              m ? "border-foreground bg-foreground text-background" : h ? "border-foreground/30 bg-foreground/10 text-foreground" : "border-border/60 bg-background text-muted-foreground"
             ),
             children: c
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           "span",
           {
             className: fe(
               "text-[12px]",
               m ? "font-medium text-foreground" : "text-muted-foreground"
             ),
-            children: n
+            children: s
           }
         )
       ] }),
-      i < l.length - 1 ? /* @__PURE__ */ a(
+      i < o.length - 1 ? /* @__PURE__ */ r(
         "span",
         {
           className: "h-px w-4 bg-border/60 sm:w-6",
           "aria-hidden": "true"
         }
       ) : null
-    ] }, n);
+    ] }, s);
   }) }) });
 }
 function he(t) {
-  const { secondary: r, tertiary: l, primary: n } = t;
+  const { secondary: a, tertiary: o, primary: s } = t;
   return /* @__PURE__ */ p("div", { className: "sticky bottom-0 z-10 -mx-1 flex justify-end gap-2 border-t bg-background/95 px-1 pb-1 pt-3 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: [
-    r,
-    l,
-    n
+    a,
+    o,
+    s
   ] });
 }
-function ma(t) {
-  const { control: r, scope: l, detail: n } = t;
+function fr(t) {
+  const { control: a, scope: o, detail: s } = t;
   return /* @__PURE__ */ p("div", { className: "flex items-start gap-2.5 rounded-control border border-border/60 bg-muted/30 px-3 py-2.5", children: [
-    /* @__PURE__ */ a(ra, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground" }),
+    /* @__PURE__ */ r(rr, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground" }),
     /* @__PURE__ */ p("div", { className: "min-w-0 space-y-0.5", children: [
-      /* @__PURE__ */ a("div", { className: "text-[13px] font-medium text-foreground", children: r.label }),
+      /* @__PURE__ */ r("div", { className: "text-[13px] font-medium text-foreground", children: a.label }),
       /* @__PURE__ */ p("div", { className: "text-[12px] text-muted-foreground", children: [
-        Ze(r.type).label,
+        et(a.type).label,
         " ·",
         " ",
-        tt(r),
+        rt(a),
         " ·",
         " ",
-        et(l, r.placement)
+        tt(o, a.placement)
       ] }),
-      n ? /* @__PURE__ */ a("div", { className: "text-[12px] text-muted-foreground", children: n }) : null
+      s ? /* @__PURE__ */ r("div", { className: "text-[12px] text-muted-foreground", children: s }) : null
     ] })
   ] });
 }
-function He(t) {
+function Ge(t) {
   const {
-    control: r,
-    defaultValue: l,
-    availableFieldChoices: n,
+    control: a,
+    defaultValue: o,
+    availableFieldChoices: s,
     availableMetricChoices: i,
     previewControlDefinitions: c,
     previewControlValues: m,
-    onControlChange: f,
+    onControlChange: h,
     onLabelChange: u,
     onDefaultValueChange: v,
     onBack: y,
@@ -773,24 +605,24 @@ function He(t) {
     nextDisabled: x
   } = t;
   return /* @__PURE__ */ p("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ a(mt, { control: r, onChange: u }),
-    /* @__PURE__ */ a(
-      lt,
+    /* @__PURE__ */ r(mt, { control: a, onChange: u }),
+    /* @__PURE__ */ r(
+      it,
       {
-        control: r,
-        availableFieldChoices: n,
+        control: a,
+        availableFieldChoices: s,
         availableMetricChoices: i,
         previewControlDefinitions: c,
         previewControlValues: m,
         controlLifecycle: "create",
-        onChange: f
+        onChange: h
       }
     ),
-    /* @__PURE__ */ a(
-      it,
+    /* @__PURE__ */ r(
+      dt,
       {
-        control: r,
-        value: l,
+        control: a,
+        value: o,
         onChange: v,
         allowNoDefault: !0,
         allowCardDefault: !0,
@@ -799,12 +631,12 @@ function He(t) {
         previewControlValues: m
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ r(
       he,
       {
-        secondary: /* @__PURE__ */ a(q, { type: "button", variant: "outline", size: "xs", onClick: y, children: "Back" }),
-        primary: /* @__PURE__ */ a(
-          q,
+        secondary: /* @__PURE__ */ r(L, { type: "button", variant: "outline", size: "xs", onClick: y, children: "Back" }),
+        primary: /* @__PURE__ */ r(
+          L,
           {
             type: "button",
             size: "xs",
@@ -817,73 +649,73 @@ function He(t) {
     )
   ] });
 }
-const fa = /* @__PURE__ */ new Set([
+const hr = /* @__PURE__ */ new Set([
   "grain_selector",
   "aggregation_selector",
   "field_selector",
   "metric_selector"
 ]);
-function Ge(t) {
-  const { text: r, ariaLabel: l } = t, [n, i] = K(!1);
+function Xe(t) {
+  const { text: a, ariaLabel: o } = t, [s, i] = H(!1);
   return /* @__PURE__ */ p(
     "button",
     {
       type: "button",
-      "aria-label": l,
+      "aria-label": o,
       onClick: async () => {
         try {
-          await navigator.clipboard.writeText(r), i(!0), setTimeout(() => i(!1), 1200);
+          await navigator.clipboard.writeText(a), i(!0), setTimeout(() => i(!1), 1200);
         } catch (c) {
           console.error("Failed to copy", c);
         }
       },
       className: "group flex w-full items-center justify-between gap-2 rounded-control bg-muted/40 px-2 py-1 text-left transition-colors hover:bg-muted/60 focus-visible:bg-muted/60 focus-visible:outline-none",
       children: [
-        /* @__PURE__ */ a("code", { className: "min-w-0 truncate font-mono text-[12px] text-foreground", children: r }),
-        /* @__PURE__ */ a("span", { className: "shrink-0 text-[11px] text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100", children: n ? "Copied" : "Click to copy" })
+        /* @__PURE__ */ r("code", { className: "min-w-0 truncate font-mono text-[12px] text-foreground", children: a }),
+        /* @__PURE__ */ r("span", { className: "shrink-0 text-[11px] text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100", children: s ? "Copied" : "Click to copy" })
       ]
     }
   );
 }
-function Xe(t) {
+function Je(t) {
   const {
-    control: r,
-    scope: l,
-    createdReference: n,
+    control: a,
+    scope: o,
+    createdReference: s,
     explorerContent: i,
     sqlDescription: c,
     summaryDetail: m,
-    onBack: f,
+    onBack: h,
     onCancel: u,
     onDone: v
-  } = t, y = fa.has(r.type), b = n.match(/\[\[param\.(.+?)\]\]/), x = b ? `{{ param('${b[1]}') }}` : "";
+  } = t, y = hr.has(a.type), b = s.match(/\[\[param\.(.+?)\]\]/), x = b ? `{{ param('${b[1]}') }}` : "";
   return /* @__PURE__ */ p("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ a(
-      ma,
+    /* @__PURE__ */ r(
+      fr,
       {
-        control: r,
-        scope: l,
+        control: a,
+        scope: o,
         detail: m
       }
     ),
     /* @__PURE__ */ p("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ a("p", { className: "text-[13px] font-medium text-foreground", children: "How cards use this control" }),
+      /* @__PURE__ */ r("p", { className: "text-[13px] font-medium text-foreground", children: "How cards use this control" }),
       /* @__PURE__ */ p("div", { className: "divide-y divide-border/60 overflow-hidden rounded-control border border-border/60", children: [
         y ? /* @__PURE__ */ p("div", { className: "space-y-1 px-3 py-2.5", children: [
-          /* @__PURE__ */ a("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Explorer cards" }),
-          /* @__PURE__ */ a("div", { className: "text-[12px] text-muted-foreground", children: i })
+          /* @__PURE__ */ r("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Explorer cards" }),
+          /* @__PURE__ */ r("div", { className: "text-[12px] text-muted-foreground", children: i })
         ] }) : null,
         /* @__PURE__ */ p("div", { className: "space-y-1.5 px-3 py-2.5", children: [
-          /* @__PURE__ */ a("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "SQL cards" }),
-          /* @__PURE__ */ a(
-            Ge,
+          /* @__PURE__ */ r("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "SQL cards" }),
+          /* @__PURE__ */ r(
+            Xe,
             {
-              text: n,
+              text: s,
               ariaLabel: "Copy SQL control reference"
             }
           ),
-          x ? /* @__PURE__ */ a(
-            Ge,
+          x ? /* @__PURE__ */ r(
+            Xe,
             {
               text: x,
               ariaLabel: "Copy Jinja control reference"
@@ -892,7 +724,7 @@ function Xe(t) {
           /* @__PURE__ */ p("p", { className: "text-[12px] text-muted-foreground", children: [
             c,
             " ",
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ r(
               "a",
               {
                 href: "https://docs.semaphor.cloud/docs/concepts/template-expressions",
@@ -907,145 +739,145 @@ function Xe(t) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ r(
       he,
       {
-        secondary: /* @__PURE__ */ a(q, { type: "button", variant: "outline", size: "xs", onClick: f, children: "Back" }),
-        tertiary: /* @__PURE__ */ a(q, { type: "button", variant: "outline", size: "xs", onClick: u, children: "Cancel" }),
-        primary: /* @__PURE__ */ a(q, { type: "button", size: "xs", onClick: v, children: "Done" })
+        secondary: /* @__PURE__ */ r(L, { type: "button", variant: "outline", size: "xs", onClick: h, children: "Back" }),
+        tertiary: /* @__PURE__ */ r(L, { type: "button", variant: "outline", size: "xs", onClick: u, children: "Cancel" }),
+        primary: /* @__PURE__ */ r(L, { type: "button", size: "xs", onClick: v, children: "Done" })
       }
     )
   ] });
 }
-function ha(t) {
-  const r = pe(
+function br(t) {
+  const a = pe(
     t.scope,
     t.existingControls,
     t.reservedIds
-  ), l = t.type === r.type ? {
-    ...r,
+  ), o = t.type === a.type ? {
+    ...a,
     label: Ve[t.type]
   } : {
-    ...rt({
+    ...st({
       controls: [
         {
-          ...r,
+          ...a,
           label: Ve[t.type]
         }
       ],
-      controlId: r.id,
+      controlId: a.id,
       nextType: t.type
     }).controls[0],
     label: Ve[t.type]
   };
   return {
     step: 2,
-    control: l,
-    defaultValue: me(l, void 0)
+    control: o,
+    defaultValue: me(o, void 0)
   };
 }
-function _a({
+function Ir({
   scope: t,
-  controls: r,
-  reservedControlIds: l,
-  defaultValues: n,
+  controls: a,
+  reservedControlIds: o,
+  defaultValues: s,
   onChange: i,
   emptyMessage: c,
   initialCreateFlow: m = !1,
-  usageByControlId: f,
+  usageByControlId: h,
   availableFieldChoices: u,
   availableMetricChoices: v,
   structuralParticipants: y,
   structuralParticipantIdsByControlId: b,
   card: x,
-  allowedControlTypes: w,
-  onCreateFlowActiveChange: S,
+  allowedControlTypes: D,
+  onCreateFlowActiveChange: k,
   onCreateFlowComplete: N
 }) {
-  const F = oe(
-    () => new Set(l || []),
-    [l]
-  ), j = _t(t), H = wt(t), [Z, G] = K(
+  const V = oe(
+    () => new Set(o || []),
+    [o]
+  ), j = It(t), K = kt(t), [R, $] = H(
     null
-  ), [re, M] = K(
+  ), [Z, E] = H(
     null
-  ), [s, D] = K(
+  ), [n, w] = H(
     () => m ? {
       step: 1,
-      control: pe(t, r, Array.from(F))
+      control: pe(t, a, Array.from(V))
     } : null
-  ), V = Se({}), O = Se(void 0), P = Se(m), X = oe(() => {
-    const e = Be({ scope: t, card: x });
-    if (!w)
+  ), P = ke({}), M = ke(void 0), Y = ke(m), G = oe(() => {
+    const e = Re({ scope: t, card: x });
+    if (!D)
       return e;
-    const d = new Set(w);
-    return e.filter((o) => d.has(o.value));
-  }, [w, x, t]), ee = B(
+    const d = new Set(D);
+    return e.filter((l) => d.has(l.value));
+  }, [D, x, t]), ee = z(
     (e) => {
-      const d = Be({
+      const d = Re({
         scope: t,
         card: x,
-        includeType: w ? void 0 : e
+        includeType: D ? void 0 : e
       });
-      if (!w)
+      if (!D)
         return d;
-      const o = new Set(w);
-      return d.filter((h) => o.has(h.value));
+      const l = new Set(D);
+      return d.filter((f) => l.has(f.value));
     },
-    [w, x, t]
-  ), A = B(
+    [D, x, t]
+  ), q = z(
     (e) => t === "dashboard" && (e === "field_selector" || e === "metric_selector"),
     [t]
-  ), Q = oe(
-    () => s ? Re(
+  ), X = oe(
+    () => n ? Qe(
       y || [],
-      s.control.type
+      n.control.type
     ) : [],
-    [s, y]
-  ), Y = oe(() => {
-    if (!s)
+    [n, y]
+  ), ae = oe(() => {
+    if (!n)
       return {
         fields: u || [],
         metrics: v || []
       };
-    if (!A(s.control.type))
+    if (!q(n.control.type))
       return {
         fields: u || [],
         metrics: v || []
       };
-    const e = s.selectedCardIds || [], d = ke({
-      controlType: s.control.type,
+    const e = n.selectedCardIds || [], d = Se({
+      controlType: n.control.type,
       participants: y || [],
       selectedCardIds: e
     });
     return {
-      fields: s.control.type === "field_selector" ? d.choices.map((o) => ({
-        option: o,
-        target: d.fieldTargetMap[o.value]
+      fields: n.control.type === "field_selector" ? d.choices.map((l) => ({
+        option: l,
+        target: d.fieldTargetMap[l.value]
       })) : [],
-      metrics: s.control.type === "metric_selector" ? d.choices.map((o) => ({
-        option: o,
-        target: d.metricTargetMap[o.value]
+      metrics: n.control.type === "metric_selector" ? d.choices.map((l) => ({
+        option: l,
+        target: d.metricTargetMap[l.value]
       })) : []
     };
   }, [
     u,
     v,
-    s,
-    A,
+    n,
+    q,
     y
   ]);
   ie(() => {
-    S == null || S(!!s);
-  }, [s, S]), ie(() => {
-    const e = m && !P.current;
-    P.current = m, e && (D({
+    k == null || k(!!n);
+  }, [n, k]), ie(() => {
+    const e = m && !Y.current;
+    Y.current = m, e && (w({
       step: 1,
-      control: pe(t, r, Array.from(F))
-    }), M(null), G(null));
-  }, [r, m, F, t]);
+      control: pe(t, a, Array.from(V))
+    }), E(null), $(null));
+  }, [a, m, V, t]);
   const be = (e) => {
-    if (!A(e.type))
+    if (!q(e.type))
       return {
         fields: u || [],
         metrics: v || []
@@ -1056,281 +888,281 @@ function _a({
         fields: u || [],
         metrics: v || []
       };
-    const o = ke({
+    const l = Se({
       controlType: e.type,
       participants: y || [],
       selectedCardIds: d
     });
     return {
-      fields: e.type === "field_selector" ? o.choices.map((h) => ({
-        option: h,
-        target: o.fieldTargetMap[h.value]
+      fields: e.type === "field_selector" ? l.choices.map((f) => ({
+        option: f,
+        target: l.fieldTargetMap[f.value]
       })) : [],
-      metrics: e.type === "metric_selector" ? o.choices.map((h) => ({
-        option: h,
-        target: o.metricTargetMap[h.value]
+      metrics: e.type === "metric_selector" ? l.choices.map((f) => ({
+        option: f,
+        target: l.metricTargetMap[f.value]
       })) : []
     };
   }, _ = (e) => {
-    if (!A(e.control.type))
+    if (!q(e.control.type))
       return {
         nextControl: e.control,
         cardBindingsById: void 0
       };
-    const d = (b == null ? void 0 : b[e.control.id]) || [], o = ke({
+    const d = (b == null ? void 0 : b[e.control.id]) || [], l = Se({
       controlType: e.control.type,
       participants: y || [],
       selectedCardIds: e.nextSelectedCardIds
-    }), h = At({
+    }), f = Vt({
       control: e.control,
-      choices: o.choices
+      choices: l.choices
     }), C = Object.fromEntries(
-      d.filter((k) => !e.nextSelectedCardIds.includes(k)).map((k) => [k, void 0])
+      d.filter((S) => !e.nextSelectedCardIds.includes(S)).map((S) => [S, void 0])
     );
-    return e.nextSelectedCardIds.length > 0 && h.source.kind === "manual" && h.source.options.length > 0 && Object.assign(
+    return e.nextSelectedCardIds.length > 0 && f.source.kind === "manual" && f.source.options.length > 0 && Object.assign(
       C,
-      Pe({
-        control: h,
+      He({
+        control: f,
         participants: y || [],
         selectedCardIds: e.nextSelectedCardIds
       })
     ), {
-      nextControl: h,
+      nextControl: f,
       cardBindingsById: C
     };
-  }, E = B(
-    (e, d = n, o = { type: "update" }) => {
-      const h = e.map((C) => (Ne({
+  }, F = z(
+    (e, d = s, l = { type: "update" }) => {
+      const f = e.map((C) => (Ne({
         control: C,
         defaultValues: d
-      }), Dt(
+      }), St(
         C
       )));
-      i(h, d, o);
+      i(f, d, l);
     },
-    [n, i]
+    [s, i]
   ), W = (e, d) => {
-    const o = r.find(
+    const l = a.find(
       (T) => T.id === e
     );
-    let h = r.map((T) => T.id !== e ? T : d(T));
-    const C = h.find(
+    let f = a.map((T) => T.id !== e ? T : d(T));
+    const C = f.find(
       (T) => T.id === e
     );
-    let k, g;
+    let S, g;
     if (C && t === "dashboard" && (C.type === "field_selector" || C.type === "metric_selector")) {
       const T = (b == null ? void 0 : b[C.id]) || [], se = _({
         control: C,
         nextSelectedCardIds: T
       });
-      h = h.map(
+      f = f.map(
         (te) => te.id === e ? se.nextControl : te
-      ), k = se.cardBindingsById, g = [C.id];
-    } else if (o && t === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector")) {
-      const T = (b == null ? void 0 : b[o.id]) || [];
-      k = Object.fromEntries(
+      ), S = se.cardBindingsById, g = [C.id];
+    } else if (l && t === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector")) {
+      const T = (b == null ? void 0 : b[l.id]) || [];
+      S = Object.fromEntries(
         T.map((se) => [se, void 0])
-      ), g = [o.id];
+      ), g = [l.id];
     }
-    const I = h.find(
+    const I = f.find(
       (T) => T.id === e
     );
-    let U = n;
-    if (o && I) {
+    let O = s;
+    if (l && I) {
       const T = Ne({
-        control: o,
-        defaultValues: n
+        control: l,
+        defaultValues: s
       });
-      o.source.kind === "manual" && I.source.kind === "sql_query" && (V.current[e] = T);
-      const se = T === void 0 && o.source.kind === "sql_query" && I.source.kind === "manual" ? V.current[e] : T, te = $e({
-        previousControl: o,
+      l.source.kind === "manual" && I.source.kind === "sql_query" && (P.current[e] = T);
+      const se = T === void 0 && l.source.kind === "sql_query" && I.source.kind === "manual" ? P.current[e] : T, te = We({
+        previousControl: l,
         nextControl: I,
         currentDefaultValue: se
       });
-      I.source.kind === "manual" && (V.current[e] = te), n && (U = { ...n }, te === void 0 ? delete U[e] : U[e] = te), h = h.map(
-        (ze) => ze.id === e ? { ...I, defaultValue: te } : ze
+      I.source.kind === "manual" && (P.current[e] = te), s && (O = { ...s }, te === void 0 ? delete O[e] : O[e] = te), f = f.map(
+        (Be) => Be.id === e ? { ...I, defaultValue: te } : Be
       );
     }
-    E(h, U, {
+    F(f, O, {
       type: "update",
-      cardBindingsById: k,
+      cardBindingsById: S,
       affectedBindingControlIds: g
     });
-  }, L = (e, d) => {
+  }, A = (e, d) => {
     if (!d.trim())
       return;
-    const o = aa(d);
-    if (o === e || F.has(o) || r.some(
-      (k) => k.id === o && k.id !== e
+    const l = tr(d);
+    if (l === e || V.has(l) || a.some(
+      (S) => S.id === l && S.id !== e
     ))
       return;
-    const h = r.map(
-      (k) => k.id === e ? { ...k, id: o } : k
+    const f = a.map(
+      (S) => S.id === e ? { ...S, id: l } : S
     );
-    if (!n) {
-      E(h, void 0, {
+    if (!s) {
+      F(f, void 0, {
         type: "rename",
         oldId: e,
-        newId: o
+        newId: l
       });
       return;
     }
-    const C = { ...n };
-    Object.prototype.hasOwnProperty.call(C, e) && (C[o] = C[e], delete C[e]), E(h, C, {
+    const C = { ...s };
+    Object.prototype.hasOwnProperty.call(C, e) && (C[l] = C[e], delete C[e]), F(f, C, {
       type: "rename",
       oldId: e,
-      newId: o
+      newId: l
     });
   }, ge = (e) => {
-    const d = r.filter((h) => h.id !== e);
-    if (!n) {
-      E(d, void 0, { type: "remove", controlId: e });
+    const d = a.filter((f) => f.id !== e);
+    if (!s) {
+      F(d, void 0, { type: "remove", controlId: e });
       return;
     }
-    const o = { ...n };
-    delete o[e], E(d, o, { type: "remove", controlId: e });
-  }, ue = B(() => {
-    O.current = void 0, D({
+    const l = { ...s };
+    delete l[e], F(d, l, { type: "remove", controlId: e });
+  }, ue = z(() => {
+    M.current = void 0, w({
       step: 1,
-      control: pe(t, r, Array.from(F))
-    }), M(null), G(null);
-  }, [r, F, t]), $ = (e) => {
-    D(
+      control: pe(t, a, Array.from(V))
+    }), E(null), $(null);
+  }, [a, V, t]), Q = (e) => {
+    w(
       (d) => d && (() => {
-        const o = e(d.control);
-        d.control.source.kind === "manual" && o.source.kind === "sql_query" && (O.current = d.defaultValue);
-        const h = d.defaultValue === void 0 && d.control.source.kind === "sql_query" && o.source.kind === "manual" ? O.current : d.defaultValue, C = $e({
+        const l = e(d.control);
+        d.control.source.kind === "manual" && l.source.kind === "sql_query" && (M.current = d.defaultValue);
+        const f = d.defaultValue === void 0 && d.control.source.kind === "sql_query" && l.source.kind === "manual" ? M.current : d.defaultValue, C = We({
           previousControl: d.control,
-          nextControl: o,
-          currentDefaultValue: h
+          nextControl: l,
+          currentDefaultValue: f
         });
-        return o.source.kind === "manual" && (O.current = C), {
+        return l.source.kind === "manual" && (M.current = C), {
           ...d,
-          control: o,
+          control: l,
           defaultValue: C
         };
       })()
     );
   }, le = (e) => {
-    D(
-      (d) => d && (d.control.source.kind === "manual" && (O.current = e), {
+    w(
+      (d) => d && (d.control.source.kind === "manual" && (M.current = e), {
         ...d,
         defaultValue: e
       })
     );
   }, ye = (() => {
-    if (!s)
+    if (!n)
       return !1;
-    if (s.step === 2 && A(s.control.type))
-      return (s.selectedCardIds || []).length > 0;
-    if (s.step !== 2 && s.step !== 3 || !s.control.label.trim())
+    if (n.step === 2 && q(n.control.type))
+      return (n.selectedCardIds || []).length > 0;
+    if (n.step !== 2 && n.step !== 3 || !n.control.label.trim())
       return !1;
-    const d = s.control.source.kind === "sql_query" ? s.control : je(s.control);
-    if (d.source.kind === "manual" && (Et(d) && d.source.options.length === 0 || d.source.options.some(
-      (h) => h.label.trim().length === 0 || h.value.trim().length === 0
+    const d = n.control.source.kind === "sql_query" ? n.control : $e(n.control);
+    if (d.source.kind === "manual" && (Nt(d) && d.source.options.length === 0 || d.source.options.some(
+      (f) => f.label.trim().length === 0 || f.value.trim().length === 0
     )))
       return !1;
     if (d.source.kind === "sql_query") {
-      const { connectionId: o, sql: h, valueColumn: C } = d.source;
-      return o.trim().length > 0 && h.trim().length > 0 && C.trim().length > 0;
+      const { connectionId: l, sql: f, valueColumn: C } = d.source;
+      return l.trim().length > 0 && f.trim().length > 0 && C.trim().length > 0;
     }
-    return It(
-      me(d, s.defaultValue)
+    return wt(
+      me(d, n.defaultValue)
     );
-  })(), qe = () => {
-    var k;
-    if (!s)
+  })(), Me = () => {
+    var S;
+    if (!n)
       return;
-    const e = je(s.control), d = Tt({
+    const e = $e(n.control), d = Ft({
       label: e.label,
       fallbackId: e.id,
-      existingControls: r,
-      reservedIds: Array.from(F)
-    }), o = {
+      existingControls: a,
+      reservedIds: Array.from(V)
+    }), l = {
       ...e,
       id: d
-    }, h = t === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector") && ((k = s.selectedCardIds) != null && k.length) ? Pe({
-      control: o,
+    }, f = t === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") && ((S = n.selectedCardIds) != null && S.length) ? He({
+      control: l,
       participants: y || [],
-      selectedCardIds: s.selectedCardIds
+      selectedCardIds: n.selectedCardIds
     }) : void 0, C = me(
-      o,
-      s.defaultValue
+      l,
+      n.defaultValue
     );
-    D({
-      step: t === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector") ? 4 : 3,
-      control: o,
+    w({
+      step: t === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") ? 4 : 3,
+      control: l,
       defaultValue: C,
       createdControlId: d,
-      selectedCardIds: s.selectedCardIds,
-      cardBindingsById: h
+      selectedCardIds: n.selectedCardIds,
+      cardBindingsById: f
     });
-  }, ve = B(() => {
-    D(null);
-  }, []), Me = B(() => {
-    if (!(s != null && s.createdControlId)) {
-      D(null);
+  }, ve = z(() => {
+    w(null);
+  }, []), Oe = z(() => {
+    if (!(n != null && n.createdControlId)) {
+      w(null);
       return;
     }
-    const e = s.control, d = s.createdControlId, o = me(
+    const e = n.control, d = n.createdControlId, l = me(
       e,
-      s.defaultValue
+      n.defaultValue
     );
-    if (n) {
-      const h = { ...n };
-      o === void 0 ? delete h[d] : h[d] = o, E(
+    if (s) {
+      const f = { ...s };
+      l === void 0 ? delete f[d] : f[d] = l, F(
         [
-          ...r,
+          ...a,
           {
             ...e,
-            defaultValue: o
+            defaultValue: l
           }
         ],
-        h,
+        f,
         {
           type: "add",
-          cardBindingsById: s.cardBindingsById
+          cardBindingsById: n.cardBindingsById
         }
       );
     } else
-      E(
+      F(
         [
-          ...r,
+          ...a,
           {
             ...e,
-            defaultValue: o
+            defaultValue: l
           }
         ],
         void 0,
         {
           type: "add",
-          cardBindingsById: s.cardBindingsById
+          cardBindingsById: n.cardBindingsById
         }
       );
-    M(d), D(null), N == null || N();
-  }, [r, s, n, E, N]), ft = s ? A(s.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], Oe = s != null && s.createdControlId ? `[[param.${s.createdControlId}]]` : s ? `[[param.${Ft(s.control.label) || s.control.id}]]` : "", xe = Qe({
-    controls: r,
-    defaultValues: n
-  }), Ce = s ? [...r, s.control] : r, Ue = s ? Qe({
+    E(d), w(null), N == null || N();
+  }, [a, n, s, F, N]), ft = n ? q(n.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], Ue = n != null && n.createdControlId ? `[[param.${n.createdControlId}]]` : n ? `[[param.${Dt(n.control.label) || n.control.id}]]` : "", xe = Pe({
+    controls: a,
+    defaultValues: s
+  }), Ce = n ? [...a, n.control] : a, ze = n ? Pe({
     controls: Ce,
-    defaultValues: n,
+    defaultValues: s,
     overrides: [
       {
-        controlId: s.control.id,
-        value: s.defaultValue
+        controlId: n.control.id,
+        value: n.defaultValue
       }
     ]
   }) : xe;
   return /* @__PURE__ */ p("div", { className: "space-y-4", children: [
-    s ? /* @__PURE__ */ p("div", { className: "space-y-4 pb-1", children: [
-      /* @__PURE__ */ a(
-        pa,
+    n ? /* @__PURE__ */ p("div", { className: "space-y-4 pb-1", children: [
+      /* @__PURE__ */ r(
+        mr,
         {
-          currentStep: s.step,
+          currentStep: n.step,
           labels: ft
         }
       ),
-      s.step === 1 && (() => {
+      n.step === 1 && (() => {
         const e = /* @__PURE__ */ new Set([
           "grain_selector",
           "aggregation_selector",
@@ -1341,45 +1173,45 @@ function _a({
           // keeping the shared definitions for existing controls.
           "date",
           "text"
-        ]), o = X.filter(
-          (k) => !e.has(k.value) && !d.has(k.value)
-        ), h = X.filter(
-          (k) => e.has(k.value)
-        ), C = (k) => /* @__PURE__ */ p(
+        ]), l = G.filter(
+          (S) => !e.has(S.value) && !d.has(S.value)
+        ), f = G.filter(
+          (S) => e.has(S.value)
+        ), C = (S) => /* @__PURE__ */ p(
           "button",
           {
             type: "button",
             className: "rounded-control border border-border/60 bg-background px-3 py-2.5 text-left transition-colors hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:outline-none",
-            onClick: () => D(
-              ha({
+            onClick: () => w(
+              br({
                 scope: t,
-                existingControls: r,
-                reservedIds: Array.from(F),
-                type: k.value
+                existingControls: a,
+                reservedIds: Array.from(V),
+                type: S.value
               })
             ),
             children: [
-              /* @__PURE__ */ a("div", { className: "text-[13px] font-medium text-foreground", children: k.label }),
-              /* @__PURE__ */ a("p", { className: "mt-0.5 text-[12px] text-muted-foreground", children: k.description })
+              /* @__PURE__ */ r("div", { className: "text-[13px] font-medium text-foreground", children: S.label }),
+              /* @__PURE__ */ r("p", { className: "mt-0.5 text-[12px] text-muted-foreground", children: S.description })
             ]
           },
-          k.value
+          S.value
         );
         return /* @__PURE__ */ p("div", { className: "space-y-4", children: [
-          t === "card" && (x == null ? void 0 : x.sql) == null ? /* @__PURE__ */ a("p", { className: "text-[12px] text-muted-foreground", children: "Explorer cards support displayed metric, group by field, aggregation, and time grain controls here." }) : null,
-          o.length > 0 && /* @__PURE__ */ p("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ a("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Input controls" }),
-            /* @__PURE__ */ a("div", { className: "grid gap-1.5 sm:grid-cols-2", children: o.map(C) })
+          t === "card" && (x == null ? void 0 : x.sql) == null ? /* @__PURE__ */ r("p", { className: "text-[12px] text-muted-foreground", children: "Explorer cards support displayed metric, group by field, aggregation, and time grain controls here." }) : null,
+          l.length > 0 && /* @__PURE__ */ p("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ r("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Input controls" }),
+            /* @__PURE__ */ r("div", { className: "grid gap-1.5 sm:grid-cols-2", children: l.map(C) })
           ] }),
-          h.length > 0 && /* @__PURE__ */ p("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ a("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Data-driven controls" }),
-            /* @__PURE__ */ a("div", { className: "grid gap-1.5 sm:grid-cols-2", children: h.map(C) })
+          f.length > 0 && /* @__PURE__ */ p("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ r("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Data-driven controls" }),
+            /* @__PURE__ */ r("div", { className: "grid gap-1.5 sm:grid-cols-2", children: f.map(C) })
           ] }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ r(
             he,
             {
-              secondary: /* @__PURE__ */ a(
-                q,
+              secondary: /* @__PURE__ */ r(
+                L,
                 {
                   type: "button",
                   variant: "outline",
@@ -1392,38 +1224,38 @@ function _a({
           )
         ] });
       })(),
-      s.step === 2 && A(s.control.type) && /* @__PURE__ */ p("div", { className: "space-y-3", children: [
+      n.step === 2 && q(n.control.type) && /* @__PURE__ */ p("div", { className: "space-y-3", children: [
         /* @__PURE__ */ p("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ r(
             mt,
             {
-              control: s.control,
-              onChange: (e) => $((d) => ({
+              control: n.control,
+              onChange: (e) => Q((d) => ({
                 ...d,
                 label: e
               }))
             }
           ),
-          /* @__PURE__ */ a("p", { className: "text-[12px] text-muted-foreground", children: "Choose which cards should respond to this shared control." })
+          /* @__PURE__ */ r("p", { className: "text-[12px] text-muted-foreground", children: "Choose which cards should respond to this shared control." })
         ] }),
-        Q.length === 0 ? /* @__PURE__ */ a("div", { className: "rounded-control border border-border/60 bg-muted/30 px-3 py-2.5 text-[12px] text-muted-foreground", children: "No eligible cards are available yet. Add compatible metrics or group-by fields to cards first." }) : /* @__PURE__ */ a("div", { className: "space-y-1 rounded-control border border-border/60 bg-background p-2", children: Q.map((e) => {
-          const d = (s.selectedCardIds || []).includes(e.cardId);
+        X.length === 0 ? /* @__PURE__ */ r("div", { className: "rounded-control border border-border/60 bg-muted/30 px-3 py-2.5 text-[12px] text-muted-foreground", children: "No eligible cards are available yet. Add compatible metrics or group-by fields to cards first." }) : /* @__PURE__ */ r("div", { className: "space-y-1 rounded-control border border-border/60 bg-background p-2", children: X.map((e) => {
+          const d = (n.selectedCardIds || []).includes(e.cardId);
           return /* @__PURE__ */ p(
             "label",
             {
               className: "flex items-start gap-2 rounded-control px-1.5 py-1 text-[13px] hover:bg-muted/40",
               children: [
-                /* @__PURE__ */ a(
-                  Kt,
+                /* @__PURE__ */ r(
+                  Wt,
                   {
                     checked: d,
-                    onCheckedChange: (o) => D(
-                      (h) => h && {
-                        ...h,
-                        selectedCardIds: o === !0 ? [
-                          ...h.selectedCardIds || [],
+                    onCheckedChange: (l) => w(
+                      (f) => f && {
+                        ...f,
+                        selectedCardIds: l === !0 ? [
+                          ...f.selectedCardIds || [],
                           e.cardId
-                        ] : (h.selectedCardIds || []).filter(
+                        ] : (f.selectedCardIds || []).filter(
                           (C) => C !== e.cardId
                         )
                       }
@@ -1431,24 +1263,24 @@ function _a({
                   }
                 ),
                 /* @__PURE__ */ p("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ a("div", { className: "font-medium text-foreground", children: e.title }),
-                  /* @__PURE__ */ a("div", { className: "text-[12px] text-muted-foreground", children: s.control.type === "field_selector" ? `${e.fieldChoices.length} compatible group-by fields` : `${e.metricChoices.length} compatible metrics` })
+                  /* @__PURE__ */ r("div", { className: "font-medium text-foreground", children: e.title }),
+                  /* @__PURE__ */ r("div", { className: "text-[12px] text-muted-foreground", children: n.control.type === "field_selector" ? `${e.fieldChoices.length} compatible group-by fields` : `${e.metricChoices.length} compatible metrics` })
                 ] })
               ]
             },
             e.cardId
           );
         }) }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ r(
           he,
           {
-            secondary: /* @__PURE__ */ a(
-              q,
+            secondary: /* @__PURE__ */ r(
+              L,
               {
                 type: "button",
                 variant: "outline",
                 size: "xs",
-                onClick: () => D(
+                onClick: () => w(
                   (e) => e && {
                     ...e,
                     step: 1,
@@ -1458,12 +1290,12 @@ function _a({
                 children: "Back"
               }
             ),
-            primary: /* @__PURE__ */ a(
-              q,
+            primary: /* @__PURE__ */ r(
+              L,
               {
                 type: "button",
                 size: "xs",
-                onClick: () => D(
+                onClick: () => w(
                   (e) => e && {
                     ...e,
                     step: 3
@@ -1476,111 +1308,111 @@ function _a({
           }
         )
       ] }),
-      s.step === 2 && !A(s.control.type) && /* @__PURE__ */ a(
-        He,
+      n.step === 2 && !q(n.control.type) && /* @__PURE__ */ r(
+        Ge,
         {
-          control: s.control,
-          defaultValue: s.defaultValue,
-          availableFieldChoices: Y.fields,
-          availableMetricChoices: Y.metrics,
+          control: n.control,
+          defaultValue: n.defaultValue,
+          availableFieldChoices: ae.fields,
+          availableMetricChoices: ae.metrics,
           previewControlDefinitions: Ce,
-          previewControlValues: Ue,
-          onControlChange: (e) => $(() => e),
-          onLabelChange: (e) => $((d) => ({
+          previewControlValues: ze,
+          onControlChange: (e) => Q(() => e),
+          onLabelChange: (e) => Q((d) => ({
             ...d,
             label: e
           })),
           onDefaultValueChange: le,
-          onBack: () => D(
+          onBack: () => w(
             (e) => e && {
               ...e,
               step: 1
             }
           ),
-          onNext: qe,
+          onNext: Me,
           nextDisabled: !ye
         }
       ),
-      s.step === 3 && A(s.control.type) && /* @__PURE__ */ a(
-        He,
+      n.step === 3 && q(n.control.type) && /* @__PURE__ */ r(
+        Ge,
         {
-          control: s.control,
-          defaultValue: s.defaultValue,
-          availableFieldChoices: Y.fields,
-          availableMetricChoices: Y.metrics,
+          control: n.control,
+          defaultValue: n.defaultValue,
+          availableFieldChoices: ae.fields,
+          availableMetricChoices: ae.metrics,
           previewControlDefinitions: Ce,
-          previewControlValues: Ue,
-          onControlChange: (e) => $(() => e),
-          onLabelChange: (e) => $((d) => ({
+          previewControlValues: ze,
+          onControlChange: (e) => Q(() => e),
+          onLabelChange: (e) => Q((d) => ({
             ...d,
             label: e
           })),
           onDefaultValueChange: le,
-          onBack: () => D(
+          onBack: () => w(
             (e) => e && {
               ...e,
               step: 2
             }
           ),
-          onNext: qe,
+          onNext: Me,
           nextDisabled: !ye
         }
       ),
-      s.step === 3 && !A(s.control.type) && /* @__PURE__ */ a(
-        Xe,
+      n.step === 3 && !q(n.control.type) && /* @__PURE__ */ r(
+        Je,
         {
-          control: s.control,
+          control: n.control,
           scope: t,
-          createdReference: Oe,
-          explorerContent: /* @__PURE__ */ p(ae, { children: [
+          createdReference: Ue,
+          explorerContent: /* @__PURE__ */ p(re, { children: [
             "Open the card and use",
             " ",
-            /* @__PURE__ */ a("span", { className: "font-medium text-foreground", children: "Settings → Controls" }),
+            /* @__PURE__ */ r("span", { className: "font-medium text-foreground", children: "Settings → Controls" }),
             " ",
             "to choose what this control changes."
           ] }),
           sqlDescription: "Reference this control directly in the SQL editor.",
-          onBack: () => D(
+          onBack: () => w(
             (e) => e && {
               ...e,
               step: 2
             }
           ),
           onCancel: ve,
-          onDone: Me
+          onDone: Oe
         }
       ),
-      s.step === 4 && A(s.control.type) && /* @__PURE__ */ a(
-        Xe,
+      n.step === 4 && q(n.control.type) && /* @__PURE__ */ r(
+        Je,
         {
-          control: s.control,
+          control: n.control,
           scope: t,
-          createdReference: Oe,
-          summaryDetail: /* @__PURE__ */ p(ae, { children: [
+          createdReference: Ue,
+          summaryDetail: /* @__PURE__ */ p(re, { children: [
             "Used by ",
-            (s.selectedCardIds || []).length,
+            (n.selectedCardIds || []).length,
             " selected card",
-            (s.selectedCardIds || []).length === 1 ? "" : "s"
+            (n.selectedCardIds || []).length === 1 ? "" : "s"
           ] }),
-          explorerContent: /* @__PURE__ */ a(ae, { children: "Selected cards have been set up to respond to this control automatically." }),
+          explorerContent: /* @__PURE__ */ r(re, { children: "Selected cards have been set up to respond to this control automatically." }),
           sqlDescription: "SQL cards can still reference this control directly in the SQL editor.",
-          onBack: () => D(
+          onBack: () => w(
             (e) => e && {
               ...e,
               step: 3
             }
           ),
           onCancel: ve,
-          onDone: Me
+          onDone: Oe
         }
       )
     ] }) : null,
-    !s && r.length === 0 ? /* @__PURE__ */ a("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: c }) : null,
-    !s && r.map((e) => {
-      const d = be(e), o = f == null ? void 0 : f[e.id], h = Ne({
+    !n && a.length === 0 ? /* @__PURE__ */ r("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: c }) : null,
+    !n && a.map((e) => {
+      const d = be(e), l = h == null ? void 0 : h[e.id], f = Ne({
         control: e,
-        defaultValues: n
-      }), C = re === e.id, k = "inline-flex shrink-0 items-center rounded-[4px] border border-border/60 bg-muted/40 px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground";
+        defaultValues: s
+      }), C = Z === e.id, S = "inline-flex shrink-0 items-center rounded-[4px] border border-border/60 bg-muted/40 px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground";
       return /* @__PURE__ */ p(
         "div",
         {
@@ -1592,27 +1424,27 @@ function _a({
                 {
                   type: "button",
                   className: "flex min-w-0 flex-1 items-start gap-2 rounded-control text-left focus:outline-none focus-visible:bg-muted/40",
-                  onClick: () => M(
+                  onClick: () => E(
                     (g) => g === e.id ? null : e.id
                   ),
                   children: [
-                    C ? /* @__PURE__ */ a(We, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ a(Ke, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                    C ? /* @__PURE__ */ r(je, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ r(Ke, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
                     /* @__PURE__ */ p("div", { className: "min-w-0", children: [
                       /* @__PURE__ */ p("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-                        /* @__PURE__ */ a("span", { className: "truncate text-[13px] font-medium text-foreground", children: e.label || "Untitled control" }),
-                        /* @__PURE__ */ a("span", { className: k, children: Ze(e.type).label }),
-                        /* @__PURE__ */ a("span", { className: k, children: et(t, e.placement) })
+                        /* @__PURE__ */ r("span", { className: "truncate text-[13px] font-medium text-foreground", children: e.label || "Untitled control" }),
+                        /* @__PURE__ */ r("span", { className: S, children: et(e.type).label }),
+                        /* @__PURE__ */ r("span", { className: S, children: tt(t, e.placement) })
                       ] }),
                       /* @__PURE__ */ p("div", { className: "mt-0.5 text-[12px] text-muted-foreground", children: [
-                        tt(e),
-                        o != null && o.status ? ` · ${o.status}` : ""
+                        rt(e),
+                        l != null && l.status ? ` · ${l.status}` : ""
                       ] })
                     ] })
                   ]
                 }
               ),
-              /* @__PURE__ */ a(
-                q,
+              /* @__PURE__ */ r(
+                L,
                 {
                   type: "button",
                   size: "xs",
@@ -1620,15 +1452,15 @@ function _a({
                   className: "h-7 w-7 shrink-0 p-0 text-muted-foreground",
                   onClick: () => ge(e.id),
                   "aria-label": `Remove ${e.label}`,
-                  children: /* @__PURE__ */ a(Yt, { className: "h-3.5 w-3.5" })
+                  children: /* @__PURE__ */ r(Ht, { className: "h-3.5 w-3.5" })
                 }
               )
             ] }),
             C && /* @__PURE__ */ p("div", { className: "space-y-4 border-t border-border/60 px-3 py-3", children: [
               /* @__PURE__ */ p("div", { className: "grid gap-3 md:grid-cols-3", children: [
                 /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
-                  /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ r(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+                  /* @__PURE__ */ r(
                     at,
                     {
                       size: "xs",
@@ -1642,25 +1474,25 @@ function _a({
                   )
                 ] }),
                 /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
-                  /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
+                  /* @__PURE__ */ r(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
                   /* @__PURE__ */ p(
                     we,
                     {
                       value: e.type,
                       onValueChange: (g) => {
-                        const I = rt({
-                          controls: r,
+                        const I = st({
+                          controls: a,
                           controlId: e.id,
                           nextType: g,
-                          defaultValues: n
+                          defaultValues: s
                         });
-                        E(I.controls, I.defaultValues);
+                        F(I.controls, I.defaultValues);
                       },
                       children: [
-                        /* @__PURE__ */ a(De, { size: "xs", children: /* @__PURE__ */ a(Ee, {}) }),
-                        /* @__PURE__ */ a(Ie, { children: ee(e.type).map(
-                          (g) => /* @__PURE__ */ a(
-                            Fe,
+                        /* @__PURE__ */ r(De, { size: "xs", children: /* @__PURE__ */ r(Ee, {}) }),
+                        /* @__PURE__ */ r(Fe, { children: ee(e.type).map(
+                          (g) => /* @__PURE__ */ r(
+                            Ie,
                             {
                               value: g.value,
                               children: g.label
@@ -1673,28 +1505,28 @@ function _a({
                   )
                 ] }),
                 /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
-                  /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
+                  /* @__PURE__ */ r(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
                   /* @__PURE__ */ p(
                     we,
                     {
-                      value: e.placement || H,
+                      value: e.placement || K,
                       onValueChange: (g) => W(e.id, (I) => ({
                         ...I,
                         placement: g
                       })),
                       children: [
-                        /* @__PURE__ */ a(De, { size: "xs", children: /* @__PURE__ */ a(Ee, {}) }),
-                        /* @__PURE__ */ a(Ie, { children: j.map((g) => /* @__PURE__ */ a(Fe, { value: g.value, children: g.label }, g.value)) })
+                        /* @__PURE__ */ r(De, { size: "xs", children: /* @__PURE__ */ r(Ee, {}) }),
+                        /* @__PURE__ */ r(Fe, { children: j.map((g) => /* @__PURE__ */ r(Ie, { value: g.value, children: g.label }, g.value)) })
                       ]
                     }
                   )
                 ] })
               ] }),
-              A(e.type) ? /* @__PURE__ */ a(
-                Ht,
+              q(e.type) ? /* @__PURE__ */ r(
+                Kt,
                 {
                   type: e.type,
-                  participants: Re(
+                  participants: Qe(
                     y || [],
                     e.type
                   ).map((g) => ({
@@ -1707,84 +1539,84 @@ function _a({
                     const I = _({
                       control: e,
                       nextSelectedCardIds: g
-                    }), U = r.map(
+                    }), O = a.map(
                       (T) => T.id === e.id ? I.nextControl : T
                     );
-                    E(U, n, {
+                    F(O, s, {
                       type: "update",
                       cardBindingsById: I.cardBindingsById
                     });
                   }
                 }
               ) : null,
-              /* @__PURE__ */ a(
-                lt,
+              /* @__PURE__ */ r(
+                it,
                 {
                   control: e,
                   availableFieldChoices: d.fields,
                   availableMetricChoices: d.metrics,
-                  previewControlDefinitions: r,
+                  previewControlDefinitions: a,
                   previewControlValues: xe,
                   controlLifecycle: "edit",
                   onChange: (g) => W(e.id, () => g)
                 }
               ),
-              e.initialValueStrategy === "saved_default" && /* @__PURE__ */ a(
-                it,
+              e.initialValueStrategy === "saved_default" && /* @__PURE__ */ r(
+                dt,
                 {
                   control: e,
-                  value: h,
+                  value: f,
                   allowNoDefault: !0,
                   allowCardDefault: !0,
-                  previewControlDefinitions: r,
+                  previewControlDefinitions: a,
                   previewControlValues: xe,
                   onChange: (g) => {
-                    const I = r.map(
-                      (U) => U.id === e.id ? { ...U, defaultValue: g } : U
+                    const I = a.map(
+                      (O) => O.id === e.id ? { ...O, defaultValue: g } : O
                     );
-                    if (e.source.kind === "manual" && (V.current[e.id] = g), n) {
-                      const U = { ...n };
-                      g === void 0 ? delete U[e.id] : U[e.id] = g, E(I, U);
+                    if (e.source.kind === "manual" && (P.current[e.id] = g), s) {
+                      const O = { ...s };
+                      g === void 0 ? delete O[e.id] : O[e.id] = g, F(I, O);
                       return;
                     }
-                    E(I, void 0);
+                    F(I, void 0);
                   }
                 }
               ),
               /* @__PURE__ */ p(
-                Gt,
+                Yt,
                 {
-                  open: Z === e.id,
-                  onOpenChange: (g) => G(g ? e.id : null),
+                  open: R === e.id,
+                  onOpenChange: (g) => $(g ? e.id : null),
                   children: [
-                    /* @__PURE__ */ a(Xt, { asChild: !0, children: /* @__PURE__ */ p(
-                      q,
+                    /* @__PURE__ */ r(Gt, { asChild: !0, children: /* @__PURE__ */ p(
+                      L,
                       {
                         type: "button",
                         variant: "ghost",
                         size: "xs",
                         className: "-ml-2 gap-1 text-muted-foreground hover:text-foreground",
                         children: [
-                          Z === e.id ? /* @__PURE__ */ a(We, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ a(Ke, { className: "h-3.5 w-3.5" }),
+                          R === e.id ? /* @__PURE__ */ r(je, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(Ke, { className: "h-3.5 w-3.5" }),
                           "Advanced"
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ p(Jt, { className: "space-y-3 pt-2", children: [
+                    /* @__PURE__ */ p(Xt, { className: "space-y-3 pt-2", children: [
                       /* @__PURE__ */ p("div", { className: "grid gap-3 md:grid-cols-2", children: [
                         /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
-                          /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Variable name" }),
-                          /* @__PURE__ */ a(
-                            Zt,
+                          /* @__PURE__ */ r(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Variable name" }),
+                          /* @__PURE__ */ r(
+                            Jt,
                             {
                               controlId: e.id,
-                              onCommit: (g) => L(e.id, g)
+                              onCommit: (g) => A(e.id, g)
                             },
                             e.id
                           )
                         ] }),
                         /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
-                          /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
+                          /* @__PURE__ */ r(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
                           /* @__PURE__ */ p(
                             we,
                             {
@@ -1794,9 +1626,9 @@ function _a({
                                 initialValueStrategy: g
                               })),
                               children: [
-                                /* @__PURE__ */ a(De, { size: "xs", children: /* @__PURE__ */ a(Ee, {}) }),
-                                /* @__PURE__ */ a(Ie, { children: Vt.map((g) => /* @__PURE__ */ a(
-                                  Fe,
+                                /* @__PURE__ */ r(De, { size: "xs", children: /* @__PURE__ */ r(Ee, {}) }),
+                                /* @__PURE__ */ r(Fe, { children: Et.map((g) => /* @__PURE__ */ r(
+                                  Ie,
                                   {
                                     value: g.value,
                                     children: g.label
@@ -1808,8 +1640,8 @@ function _a({
                           )
                         ] })
                       ] }),
-                      /* @__PURE__ */ a(
-                        ea,
+                      /* @__PURE__ */ r(
+                        Zt,
                         {
                           control: e,
                           onChange: (g) => W(e.id, () => g)
@@ -1825,43 +1657,43 @@ function _a({
         e.id
       );
     }),
-    !s && /* @__PURE__ */ p(
-      q,
+    !n && /* @__PURE__ */ p(
+      L,
       {
         type: "button",
         variant: "outline",
         size: "xs",
         onClick: ue,
         children: [
-          /* @__PURE__ */ a(ta, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ r(er, { className: "h-3.5 w-3.5" }),
           "Add control"
         ]
       }
     )
   ] });
 }
-function Aa(t) {
+function Vr(t) {
   const {
-    open: r,
-    onOpenChange: l,
-    initialCreateFlowActive: n = !1,
+    open: a,
+    onOpenChange: o,
+    initialCreateFlowActive: s = !1,
     dismissMode: i = "passive"
-  } = t, c = r !== void 0, [m, f] = K(!1), [u, v] = K(
-    n
-  ), y = c ? r : m, b = B(
-    (S) => {
-      !S && u && i === "passive" || (c || f(S), S || v(!1), l == null || l(S));
+  } = t, c = a !== void 0, [m, h] = H(!1), [u, v] = H(
+    s
+  ), y = c ? a : m, b = z(
+    (k) => {
+      !k && u && i === "passive" || (c || h(k), k || v(!1), o == null || o(k));
     },
-    [c, u, i, l]
-  ), x = B(() => {
-    c || f(!1), v(!1), l == null || l(!1);
-  }, [c, l]);
+    [c, u, i, o]
+  ), x = z(() => {
+    c || h(!1), v(!1), o == null || o(!1);
+  }, [c, o]);
   ie(() => {
     y || v(!1);
   }, [y]);
-  const w = B(
-    (S) => {
-      u && S.preventDefault();
+  const D = z(
+    (k) => {
+      u && k.preventDefault();
     },
     [u]
   );
@@ -1869,22 +1701,207 @@ function Aa(t) {
     forceClose: x,
     handleOpenChange: b,
     isCreateFlowActive: u,
-    preventPassiveDismissDuringCreate: w,
+    preventPassiveDismissDuringCreate: D,
     resolvedOpen: y,
     setIsCreateFlowActive: v
   };
 }
+function qe(t) {
+  const a = At(t);
+  return a ? (B.error(a), !1) : !0;
+}
+function Tr({
+  className: t,
+  variant: a = "outline"
+}) {
+  const o = U((c) => c.onSave), { getUpdatedFrame: s } = Le();
+  function i() {
+    const c = s();
+    qe(c) && (o == null || o(c));
+  }
+  return /* @__PURE__ */ p(
+    L,
+    {
+      onClick: i,
+      className: t,
+      size: "xs",
+      variant: a,
+      children: [
+        /* @__PURE__ */ r(Tt, { className: "h-3.5 w-3.5" }),
+        "Accept"
+      ]
+    }
+  );
+}
+function _r({
+  className: t,
+  variant: a = "default"
+}) {
+  const o = ce(), [s, i] = H(!1), { setIsVisualEditing: c } = _e(), { getUpdatedFrame: m } = Le(), h = Ae(), u = U((b) => b.frame), v = ct();
+  return /* @__PURE__ */ r(
+    L,
+    {
+      onClick: () => {
+        const b = m();
+        if (!qe(b))
+          return;
+        const x = (u == null ? void 0 : u.visualId) || (h == null ? void 0 : h.id);
+        if (!x) {
+          B.error("No visual to save");
+          return;
+        }
+        i(!0), v.mutate(
+          {
+            visualId: x,
+            data: {
+              frameObject: b
+            }
+          },
+          {
+            onSuccess: () => {
+              i(!1), B.success("Visual updated successfully"), o.invalidateQueries({
+                queryKey: ["resource-by-id", "visual", x],
+                exact: !0
+              });
+            },
+            onError: () => {
+              i(!1), B.error("Failed to update visual");
+            }
+          }
+        );
+      },
+      className: t,
+      size: "xs",
+      variant: a,
+      children: s ? /* @__PURE__ */ p(re, { children: [
+        /* @__PURE__ */ r(nt, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving"
+      ] }) : /* @__PURE__ */ p(re, { children: [
+        /* @__PURE__ */ r(ut, { className: "h-3.5 w-3.5" }),
+        "Save to Library"
+      ] })
+    }
+  );
+}
+function Ar({
+  className: t
+}) {
+  const a = ce(), [o, s] = H(!1), i = Ae(), c = U((k) => k.frame), m = J((k) => k.selectedSheetId), h = J((k) => k.dashboard), { updateFrame: u, setIsVisualEditing: v } = _e(), { getUpdatedFrame: y } = Le(), b = ct(), x = ar();
+  return /* @__PURE__ */ r(
+    L,
+    {
+      onClick: async () => {
+        if (!m) {
+          B.error("No sheet selected");
+          return;
+        }
+        const k = (c == null ? void 0 : c.visualId) || (i == null ? void 0 : i.id);
+        if (!k) {
+          B.error("No visual to update");
+          return;
+        }
+        s(!0);
+        try {
+          const N = y();
+          if (!qe(N)) {
+            s(!1);
+            return;
+          }
+          const V = {
+            ...N,
+            visualId: k
+            // Keep the link to library visual
+          }, j = _t(h, V.id), K = await x(V, {
+            previousFrame: j
+          });
+          await b.mutateAsync({
+            visualId: k,
+            data: {
+              frameObject: N
+            }
+          }), u(m, V, {
+            semanticExecutionPayload: K
+          }), a.invalidateQueries({ queryKey: ["visuals"] }), a.invalidateQueries({ queryKey: ["visual", k] }), B.success("Saved to library and applied locally"), setTimeout(() => {
+            v(!1);
+          }, 300);
+        } catch (N) {
+          console.error("Failed to save and apply:", N), B.error(
+            N instanceof Error ? N.message : "Failed to save and apply changes"
+          );
+        } finally {
+          s(!1);
+        }
+      },
+      className: t,
+      size: "xs",
+      variant: "default",
+      disabled: o,
+      children: o ? /* @__PURE__ */ p(re, { children: [
+        /* @__PURE__ */ r(nt, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving..."
+      ] }) : /* @__PURE__ */ p(re, { children: [
+        /* @__PURE__ */ r(ut, { className: "h-3.5 w-3.5" }),
+        "Save & Apply"
+      ] })
+    }
+  );
+}
+function Lr({ className: t }) {
+  const { setTempQueryData: a, setSqlGen: o } = de(), s = ce(), i = U((b) => b.tempQueryData), c = U((b) => b.onClose), m = U((b) => b.card), h = ot(), u = oe(() => h !== m.type ? { ...m, type: h } : m, [m, h]), { queryKey: v } = lt(u);
+  function y() {
+    if (i) {
+      const { queryKey: b, queryData: x } = i;
+      b && x && s.setQueryData(b, x);
+    }
+    o({}), c == null || c();
+  }
+  return /* @__PURE__ */ p(
+    L,
+    {
+      onClick: y,
+      className: t,
+      size: "xs",
+      variant: "outline",
+      children: [
+        /* @__PURE__ */ r(Ze, { className: "h-3.5 w-3.5" }),
+        "Close"
+      ]
+    }
+  );
+}
+function qr({
+  label: t = "Clear",
+  variant: a = "secondary",
+  className: o
+} = {}) {
+  const s = pr();
+  return /* @__PURE__ */ p(
+    L,
+    {
+      onClick: s,
+      className: o,
+      size: "xs",
+      variant: a,
+      children: [
+        /* @__PURE__ */ r(Ze, { className: "h-3.5 w-3.5" }),
+        t
+      ]
+    }
+  );
+}
 export {
-  _a as C,
-  Ea as E,
-  sa as L,
-  Da as V,
-  Va as a,
-  Ia as b,
-  Fa as c,
-  na as d,
-  Aa as e,
-  wa as f,
-  Ta as g,
-  Ae as u
+  Ir as C,
+  Tr as E,
+  Dr as F,
+  sr as L,
+  Fr as V,
+  Lr as a,
+  _r as b,
+  Ar as c,
+  nr as d,
+  Vr as e,
+  Er as f,
+  pr as g,
+  qr as h,
+  Le as u
 };