react-semaphor 0.1.293 → 0.1.295

package/dist/chunks/{use-create-flow-overlay-state-wpuqRZX5.js → use-create-flow-overlay-state-D3PxfjYv.js}

@@ -1,14 +1,14 @@
-import { c as le, V as L, bN as Ke, bO as pt, bP as mt, bQ as ft, bR as ht, bS as bt, u as De, ag as gt, bT as yt, bU as xt, bV as vt, ad as Ct, b as re, bW as kt, bX as Nt, B as q, t as St, J as ne, O as Ye, K as Xe, bY as Ge, x as He, N as Ne, bZ as Pe, X as Je, y as O, b_ as Dt, b$ as wt, c0 as te, c1 as Fe, c2 as Ae, c3 as fe, c4 as he, c5 as Tt, c6 as ze, c7 as Vt, c8 as It, c9 as ae, ca as qt, cb as Oe, cc as Et, a7 as Me, cd as Be, ce as We, cf as Ze, cg as et, ch as _t, L as Y, I as tt, z as be, A as ge, E as ye, F as xe, G as ve, ci as at, cj as Lt, ck as Ft, cl as rt, cm as st, cn as At, co as zt, cp as Ot, cq as Mt, cr as Bt, cs as Qt, ct as jt, cu as Qe, cv as Rt, cw as je, cx as Ut, cy as Ce, cz as $t } from "./index-9z-jMqN8.js";
-import { jsx as t, jsxs as d, Fragment as U } from "react/jsx-runtime";
-import { useMemo as A, useState as M, useRef as ke, useCallback as z, useEffect as Se, Fragment as Kt } from "react";
-import { u as we } from "./use-visual-utils-BhRKGJql.js";
+import { c as ie, W as _, bO as Ke, bP as pt, bQ as mt, bR as ft, bS as ht, bT as bt, u as le, ai as gt, bU as yt, bV as xt, bW as vt, af as Ct, b as ne, bX as kt, bY as Nt, B as V, t as St, J as de, Q as Pe, M as Ye, bZ as Xe, x as Ge, b_ as Dt, O as Se, b$ as He, X as Je, y as O, c0 as wt, c1 as Tt, c2 as It, c3 as re, c4 as Le, c5 as Ae, c6 as he, c7 as be, c8 as Vt, c9 as ze, ca as Et, cb as qt, cc as se, cd as Ft, ce as Oe, cf as _t, a9 as Me, cg as Be, ch as We, ci as Ze, cj as et, ck as Lt, L as X, I as tt, z as ge, A as ye, E as xe, F as ve, G as Ce, cl as at, cm as At, cn as zt, co as rt, cp as st, cq as Ot, cr as Mt, cs as Bt, ct as Qt, cu as Rt, cv as jt, cw as Ut, cx as Qe, cy as $t, cz as Re, cA as Kt, cB as ke, cC as Pt } from "./index-14M0TnH6.js";
+import { jsx as t, jsxs as d, Fragment as $ } from "react/jsx-runtime";
+import { useMemo as A, useState as M, useRef as Ne, useCallback as z, useEffect as De, Fragment as Yt } from "react";
+import { u as we } from "./use-visual-utils-CdIOq4nt.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 ra = le("CircleX", [
+const la = ie("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -19,7 +19,7 @@ const ra = le("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yt = le("Library", [
+const Xt = ie("Library", [
   ["path", { d: "m16 6 4 14", key: "ji33uf" }],
   ["path", { d: "M12 6v14", key: "1n7gus" }],
   ["path", { d: "M8 8v12", key: "1gg7y9" }],
@@ -31,7 +31,7 @@ const Yt = le("Library", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xt = le("Link2", [
+const Gt = ie("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" }]
@@ -42,7 +42,7 @@ const Xt = le("Link2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const lt = le("Save", [
+const lt = ie("Save", [
   [
     "path",
     {
@@ -55,18 +55,18 @@ const lt = le("Save", [
 ]);
 function nt() {
   var h, C;
-  const s = L((x) => x.card), r = L((x) => x.frame), o = A(
+  const s = _((y) => y.card), r = _((y) => y.frame), o = A(
     () => Ke(r, s),
     [r, s]
   ), { manifest: i } = pt(
     ((h = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : h.url) || ""
   ), f = A(
     () => {
-      var x;
-      return (x = i == null ? void 0 : i.visuals) == null ? void 0 : x.find(
+      var y;
+      return (y = i == null ? void 0 : i.visuals) == null ? void 0 : y.find(
         (m) => {
-          var g;
-          return m.name === ((g = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : g.componentName);
+          var v;
+          return m.name === ((v = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : v.componentName);
         }
       );
     },
@@ -78,36 +78,36 @@ function nt() {
       isMultiInputVisual: u === "multiple"
     }),
     [r, o, u]
-  ), v = A(() => {
-    const x = b.findIndex(
+  ), x = A(() => {
+    const y = b.findIndex(
       (m) => (m == null ? void 0 : m.id) === s.id
     );
-    return x < 0 ? -1 : ht(s, x);
+    return y < 0 ? -1 : ht(s, y);
   }, [b, s]);
-  return A(() => !o || u !== "multiple" || v < 0 ? s.type : bt(
+  return A(() => !o || u !== "multiple" || x < 0 ? s.type : bt(
     s,
-    v,
+    x,
     f == null ? void 0 : f.slots
-  ) ?? s.type, [o, u, v, s, f == null ? void 0 : f.slots]);
+  ) ?? s.type, [o, u, x, s, f == null ? void 0 : f.slots]);
 }
-function sa({
+function na({
   type: s,
   isLinked: r,
   className: o,
   showLabel: i = !1,
   showLocal: f = !1
 }) {
-  const u = De((I) => I.selectedFrameId), b = gt((I) => I.selectedVisual), v = L((I) => I.frame);
+  const u = le((N) => N.selectedFrameId), b = gt((N) => N.selectedVisual), x = _((N) => N.frame);
   let h;
   if (s)
     h = s;
   else if (r !== void 0)
     h = r ? "linked" : "library";
-  else if (!!!(v != null && v.visualId || b != null && b.id) && u)
+  else if (!!!(x != null && x.visualId || b != null && b.id) && u)
     h = "local";
   else if (b && !u)
     h = "library";
-  else if (v != null && v.visualId && u)
+  else if (x != null && x.visualId && u)
     h = "linked";
   else if (b != null && b.id && u)
     h = "library";
@@ -119,7 +119,7 @@ function sa({
     local: "border-slate-200/70 bg-slate-50/80 text-slate-700 shadow-sm hover:bg-slate-100/80 dark:border-slate-700 dark:bg-slate-900/70 dark:text-slate-200 dark:hover:bg-slate-800/80",
     linked: "border-purple-200/70 bg-gradient-to-r from-purple-50/50 to-purple-100/30 text-purple-900 shadow-sm hover:from-purple-100/60 hover:to-purple-100/50 hover:shadow-md dark:border-purple-800/50 dark:from-purple-950/40 dark:to-purple-900/30 dark:text-purple-100 dark:hover:from-purple-950/60 dark:hover:to-purple-900/50",
     library: "border-blue-200/70 bg-gradient-to-r from-blue-50/50 to-blue-100/30 text-blue-900 shadow-sm hover:from-blue-100/60 hover:to-blue-100/50 hover:shadow-md dark:border-blue-800/50 dark:from-blue-950/40 dark:to-blue-900/30 dark:text-blue-100 dark:hover:from-blue-950/60 dark:hover:to-blue-900/50"
-  }, x = {
+  }, y = {
     local: "Local to this dashboard: Changes made here only affect this dashboard copy.",
     linked: "Linked to library: Changes made here update the library visual and all linked instances.",
     library: "Library visual: Share and reuse this visual across multiple dashboards."
@@ -127,15 +127,15 @@ function sa({
     local: "border-slate-200 bg-slate-50 text-slate-900 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100",
     linked: "border-purple-200 bg-purple-50 text-purple-900 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-100",
     library: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-100"
-  }, g = {
+  }, v = {
     local: "fill-slate-50 dark:fill-slate-900",
     linked: "fill-purple-50 dark:fill-purple-950",
     library: "fill-blue-50 dark:fill-blue-950"
-  }, N = {
+  }, E = {
     local: /* @__PURE__ */ t("span", { className: "h-2 w-2 rounded-full bg-current/70" }),
-    linked: /* @__PURE__ */ t(Xt, { className: "h-3.5 w-3.5" }),
-    library: /* @__PURE__ */ t(Yt, { className: "h-3.5 w-3.5" })
-  }, V = {
+    linked: /* @__PURE__ */ t(Gt, { className: "h-3.5 w-3.5" }),
+    library: /* @__PURE__ */ t(Xt, { className: "h-3.5 w-3.5" })
+  }, k = {
     local: "Local",
     linked: "Linked",
     library: "Library"
@@ -145,14 +145,14 @@ function sa({
       Ct,
       {
         variant: "outline",
-        className: re(
+        className: ne(
           "cursor-help select-none transition-all",
           C[h],
           o
         ),
         children: [
-          N[h],
-          i && /* @__PURE__ */ t("span", { className: "ml-1 text-xs font-medium leading-none", children: V[h] })
+          E[h],
+          i && /* @__PURE__ */ t("span", { className: "ml-1 text-xs font-medium leading-none", children: k[h] })
         ]
       }
     ) }),
@@ -160,16 +160,16 @@ function sa({
       kt,
       {
         side: "bottom",
-        className: re("max-w-xs", m[h]),
+        className: ne("max-w-xs", m[h]),
         children: [
-          /* @__PURE__ */ t(Nt, { className: g[h] }),
-          /* @__PURE__ */ t("p", { children: x[h] })
+          /* @__PURE__ */ t(Nt, { className: v[h] }),
+          /* @__PURE__ */ t("p", { children: y[h] })
         ]
       }
     )
   ] }) });
 }
-function Gt(s, r) {
+function Ht(s, r) {
   return {
     ...s,
     sql: "",
@@ -186,20 +186,20 @@ function Gt(s, r) {
   };
 }
 function Te(s) {
-  const r = Dt(s);
+  const r = Tt(s);
   return r ? (O.error(r), !1) : !0;
 }
-function la({
+function oa({
   className: s,
   variant: r = "outline"
 }) {
-  const o = L((u) => u.onSave), { getUpdatedFrame: i } = we();
+  const o = _((u) => u.onSave), { getUpdatedFrame: i } = we();
   function f() {
     const u = i();
     Te(u) && (o == null || o(u));
   }
   return /* @__PURE__ */ d(
-    q,
+    V,
     {
       onClick: f,
       className: s,
@@ -212,36 +212,36 @@ function la({
     }
   );
 }
-function na({
+function ia({
   className: s,
   variant: r = "default"
 }) {
-  const o = ne(), [i, f] = M(!1), u = De(
-    (g) => g.actions.setIsDashboardPanelOpen
-  ), { setIsVisualEditing: b } = Ye(), { getUpdatedFrame: v } = we(), h = Xe(), C = L((g) => g.frame), x = Ge();
+  const o = de(), [i, f] = M(!1), u = le(
+    (v) => v.actions.setIsDashboardPanelOpen
+  ), { setIsVisualEditing: b } = Pe(), { getUpdatedFrame: x } = we(), h = Ye(), C = _((v) => v.frame), y = Xe();
   return /* @__PURE__ */ t(
-    q,
+    V,
     {
       onClick: () => {
-        const g = v();
-        if (!Te(g))
+        const v = x();
+        if (!Te(v))
           return;
-        const N = (C == null ? void 0 : C.visualId) || (h == null ? void 0 : h.id);
-        if (!N) {
+        const E = (C == null ? void 0 : C.visualId) || (h == null ? void 0 : h.id);
+        if (!E) {
           O.error("No visual to save");
           return;
         }
-        f(!0), x.mutate(
+        f(!0), y.mutate(
           {
-            visualId: N,
+            visualId: E,
             data: {
-              frameObject: g
+              frameObject: v
             }
           },
           {
             onSuccess: () => {
               f(!1), u(!0), O.success("Visual updated successfully"), o.invalidateQueries({
-                queryKey: ["resource-by-id", "visual", N],
+                queryKey: ["resource-by-id", "visual", E],
                 exact: !0
               });
             },
@@ -254,56 +254,61 @@ function na({
       className: s,
       size: "xs",
       variant: r,
-      children: i ? /* @__PURE__ */ d(U, { children: [
-        /* @__PURE__ */ t(He, { className: "h-3.5 w-3.5 animate-spin" }),
+      children: i ? /* @__PURE__ */ d($, { children: [
+        /* @__PURE__ */ t(Ge, { className: "h-3.5 w-3.5 animate-spin" }),
         "Saving"
-      ] }) : /* @__PURE__ */ d(U, { children: [
+      ] }) : /* @__PURE__ */ d($, { children: [
         /* @__PURE__ */ t(lt, { className: "h-3.5 w-3.5" }),
         "Save to Library"
       ] })
     }
   );
 }
-function oa({
+function da({
   className: s
 }) {
-  const r = ne(), [o, i] = M(!1), f = Xe(), u = L((g) => g.frame), b = De((g) => g.selectedSheetId), { updateFrame: v, setIsVisualEditing: h } = Ye(), { getUpdatedFrame: C } = we(), x = Ge();
+  const r = de(), [o, i] = M(!1), f = Ye(), u = _((k) => k.frame), b = le((k) => k.selectedSheetId), x = le((k) => k.dashboard), { updateFrame: h, setIsVisualEditing: C } = Pe(), { getUpdatedFrame: y } = we(), m = Xe(), v = Dt();
   return /* @__PURE__ */ t(
-    q,
+    V,
     {
       onClick: async () => {
         if (!b) {
           O.error("No sheet selected");
           return;
         }
-        const g = (u == null ? void 0 : u.visualId) || (f == null ? void 0 : f.id);
-        if (!g) {
+        const k = (u == null ? void 0 : u.visualId) || (f == null ? void 0 : f.id);
+        if (!k) {
           O.error("No visual to update");
           return;
         }
         i(!0);
         try {
-          const N = C();
+          const N = y();
           if (!Te(N)) {
             i(!1);
             return;
           }
-          await x.mutateAsync({
-            visualId: g,
+          const B = {
+            ...N,
+            visualId: k
+            // Keep the link to library visual
+          }, G = wt(x, B.id), K = await v(B, {
+            previousFrame: G
+          });
+          await m.mutateAsync({
+            visualId: k,
             data: {
               frameObject: N
             }
-          });
-          const V = {
-            ...N,
-            visualId: g
-            // Keep the link to library visual
-          };
-          v(b, V), r.invalidateQueries({ queryKey: ["visuals"] }), r.invalidateQueries({ queryKey: ["visual", g] }), O.success("Saved to library and applied locally"), setTimeout(() => {
-            h(!1);
+          }), h(b, B, {
+            semanticExecutionPayload: K
+          }), r.invalidateQueries({ queryKey: ["visuals"] }), r.invalidateQueries({ queryKey: ["visual", k] }), O.success("Saved to library and applied locally"), setTimeout(() => {
+            C(!1);
           }, 300);
         } catch (N) {
-          console.error("Failed to save and apply:", N), O.error("Failed to save and apply changes");
+          console.error("Failed to save and apply:", N), O.error(
+            N instanceof Error ? N.message : "Failed to save and apply changes"
+          );
         } finally {
           i(!1);
         }
@@ -312,29 +317,29 @@ function oa({
       size: "xs",
       variant: "default",
       disabled: o,
-      children: o ? /* @__PURE__ */ d(U, { children: [
-        /* @__PURE__ */ t(He, { className: "h-3.5 w-3.5 animate-spin" }),
+      children: o ? /* @__PURE__ */ d($, { children: [
+        /* @__PURE__ */ t(Ge, { className: "h-3.5 w-3.5 animate-spin" }),
         "Saving..."
-      ] }) : /* @__PURE__ */ d(U, { children: [
+      ] }) : /* @__PURE__ */ d($, { children: [
         /* @__PURE__ */ t(lt, { className: "h-3.5 w-3.5" }),
         "Save & Apply"
       ] })
     }
   );
 }
-function ia({ className: s }) {
-  const { setTempQueryData: r, setSqlGen: o } = Ne(), i = ne(), f = L((m) => m.tempQueryData), u = L((m) => m.onClose), b = L((m) => m.card), v = nt(), h = A(() => v !== b.type ? { ...b, type: v } : b, [b, v]), { queryKey: C } = Pe(h);
-  function x() {
+function ca({ className: s }) {
+  const { setTempQueryData: r, setSqlGen: o } = Se(), i = de(), f = _((m) => m.tempQueryData), u = _((m) => m.onClose), b = _((m) => m.card), x = nt(), h = A(() => x !== b.type ? { ...b, type: x } : b, [b, x]), { queryKey: C } = He(h);
+  function y() {
     if (f) {
-      const { queryKey: m, queryData: g } = f;
-      m && g && i.setQueryData(m, g);
+      const { queryKey: m, queryData: v } = f;
+      m && v && i.setQueryData(m, v);
     }
     o({}), u == null || u();
   }
   return /* @__PURE__ */ d(
-    q,
+    V,
     {
-      onClick: x,
+      onClick: y,
       className: s,
       size: "xs",
       variant: "outline",
@@ -345,43 +350,43 @@ function ia({ className: s }) {
     }
   );
 }
-function da({
+function ua({
   label: s = "Clear",
   variant: r = "secondary",
   className: o
 } = {}) {
-  const { setTempQueryData: i } = Ne(), f = ne(), u = L((a) => a.tempQueryData), b = L((a) => a.card), v = nt(), h = A(() => v !== b.type ? { ...b, type: v } : b, [b, v]), { queryKey: C } = Pe(h), {
-    setCardSql: x,
+  const { setTempQueryData: i } = Se(), f = de(), u = _((a) => a.tempQueryData), b = _((a) => a.card), x = nt(), h = A(() => x !== b.type ? { ...b, type: x } : b, [b, x]), { queryKey: C } = He(h), {
+    setCardSql: y,
     setSqlGen: m,
-    setCardPython: g,
-    setCardCustomCfg: N,
-    setCardPreferences: V,
-    clearQueryConfig: I,
-    setCardConfig: oe,
-    setCardType: ie,
-    setFrame: Z,
-    setCard: X,
-    setActiveTabCardId: de
-  } = Ne();
-  function $() {
-    var E, H, j, ee;
+    setCardPython: v,
+    setCardCustomCfg: E,
+    setCardPreferences: k,
+    clearQueryConfig: N,
+    setCardConfig: B,
+    setCardType: G,
+    setFrame: K,
+    setCard: H,
+    setActiveTabCardId: ce
+  } = Se();
+  function P() {
+    var q, W, j, ae;
     const a = f.getQueryData(C);
     u != null && u.queryData || i({
       queryKey: C,
       queryData: a
-    }), f.setQueryData(C, null), f.removeQueries({ queryKey: C, exact: !0 }), x(""), m({}), I(), oe(void 0), g(""), N(""), V({});
-    const S = L.getState().frame, B = L.getState().card, T = Ke(S, B), G = ((E = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : E.visualType) === "multiple" || !!((H = T == null ? void 0 : T.customCardPreferences) != null && H.dataInputCardIds) || (((j = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : j.minInputs) || 0) > 1 || (((ee = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : ee.maxInputs) || 0) > 1, Q = Gt(B, G);
-    Z({
-      ...S,
-      cards: S.cards.map(
-        (P) => P.id === Q.id ? Q : P
+    }), f.setQueryData(C, null), f.removeQueries({ queryKey: C, exact: !0 }), y(""), m({}), N(), B(void 0), v(""), E(""), k({});
+    const D = _.getState().frame, Q = _.getState().card, I = Ke(D, Q), J = ((q = I == null ? void 0 : I.customCardPreferences) == null ? void 0 : q.visualType) === "multiple" || !!((W = I == null ? void 0 : I.customCardPreferences) != null && W.dataInputCardIds) || (((j = I == null ? void 0 : I.customCardPreferences) == null ? void 0 : j.minInputs) || 0) > 1 || (((ae = I == null ? void 0 : I.customCardPreferences) == null ? void 0 : ae.maxInputs) || 0) > 1, R = Ht(Q, J);
+    K({
+      ...D,
+      cards: D.cards.map(
+        (Z) => Z.id === R.id ? R : Z
       )
-    }), de(Q.id), X(Q), G || ie("bar");
+    }), ce(R.id), H(R), J || G("bar");
   }
   return /* @__PURE__ */ d(
-    q,
+    V,
     {
-      onClick: $,
+      onClick: P,
       className: o,
       size: "xs",
       variant: r,
@@ -395,7 +400,7 @@ function da({
 function ot(s) {
   const { control: r, onChange: o } = s;
   return /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+    /* @__PURE__ */ t(X, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
     /* @__PURE__ */ t(
       tt,
       {
@@ -407,18 +412,18 @@ function ot(s) {
     )
   ] });
 }
-function Ht(s) {
+function Jt(s) {
   const { currentStep: r, labels: o } = s;
   return /* @__PURE__ */ t("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__ */ t("div", { className: "flex flex-wrap items-center gap-2 sm:gap-2.5", children: o.map((i, f) => {
-    const u = f + 1, b = u === r, v = u < r;
-    return /* @__PURE__ */ d(Kt, { children: [
+    const u = f + 1, b = u === r, x = u < r;
+    return /* @__PURE__ */ d(Yt, { children: [
       /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ t(
           "span",
           {
-            className: re(
+            className: ne(
               "flex h-5 w-5 items-center justify-center rounded-full border text-[10px] font-medium tabular-nums",
-              b ? "border-foreground bg-foreground text-background" : v ? "border-foreground/30 bg-foreground/10 text-foreground" : "border-border/60 bg-background text-muted-foreground"
+              b ? "border-foreground bg-foreground text-background" : x ? "border-foreground/30 bg-foreground/10 text-foreground" : "border-border/60 bg-background text-muted-foreground"
             ),
             children: u
           }
@@ -426,7 +431,7 @@ function Ht(s) {
         /* @__PURE__ */ t(
           "span",
           {
-            className: re(
+            className: ne(
               "text-[12px]",
               b ? "font-medium text-foreground" : "text-muted-foreground"
             ),
@@ -444,7 +449,7 @@ function Ht(s) {
     ] }, i);
   }) }) });
 }
-function se(s) {
+function oe(s) {
   const { secondary: r, tertiary: o, primary: i } = s;
   return /* @__PURE__ */ d("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,
@@ -452,10 +457,10 @@ function se(s) {
     i
   ] });
 }
-function Pt(s) {
+function Wt(s) {
   const { control: r, scope: o, detail: i } = s;
   return /* @__PURE__ */ d("div", { className: "flex items-start gap-2.5 rounded-[6px] border border-border/60 bg-muted/30 px-3 py-2.5", children: [
-    /* @__PURE__ */ t($t, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground" }),
+    /* @__PURE__ */ t(Pt, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground" }),
     /* @__PURE__ */ d("div", { className: "min-w-0 space-y-0.5", children: [
       /* @__PURE__ */ t("div", { className: "text-[13px] font-medium text-foreground", children: r.label }),
       /* @__PURE__ */ d("div", { className: "text-[12px] text-muted-foreground", children: [
@@ -471,7 +476,7 @@ function Pt(s) {
     ] })
   ] });
 }
-function Re(s) {
+function je(s) {
   const {
     control: r,
     defaultValue: o,
@@ -479,12 +484,12 @@ function Re(s) {
     availableMetricChoices: f,
     previewControlDefinitions: u,
     previewControlValues: b,
-    onControlChange: v,
+    onControlChange: x,
     onLabelChange: h,
     onDefaultValueChange: C,
-    onBack: x,
+    onBack: y,
     onNext: m,
-    nextDisabled: g
+    nextDisabled: v
   } = s;
   return /* @__PURE__ */ d("div", { className: "space-y-3", children: [
     /* @__PURE__ */ t(ot, { control: r, onChange: h }),
@@ -497,7 +502,7 @@ function Re(s) {
         previewControlDefinitions: u,
         previewControlValues: b,
         controlLifecycle: "create",
-        onChange: v
+        onChange: x
       }
     ),
     /* @__PURE__ */ t(
@@ -514,25 +519,25 @@ function Re(s) {
       }
     ),
     /* @__PURE__ */ t(
-      se,
+      oe,
       {
         secondary: /* @__PURE__ */ t(
-          q,
+          V,
           {
             type: "button",
             variant: "outline",
             size: "xs",
-            onClick: x,
+            onClick: y,
             children: "Back"
           }
         ),
         primary: /* @__PURE__ */ t(
-          q,
+          V,
           {
             type: "button",
             size: "xs",
             onClick: m,
-            disabled: g,
+            disabled: v,
             children: "Next"
           }
         )
@@ -540,7 +545,7 @@ function Re(s) {
     )
   ] });
 }
-const Jt = /* @__PURE__ */ new Set([
+const Zt = /* @__PURE__ */ new Set([
   "grain_selector",
   "aggregation_selector",
   "field_selector",
@@ -576,13 +581,13 @@ function $e(s) {
     explorerContent: f,
     sqlDescription: u,
     summaryDetail: b,
-    onBack: v,
+    onBack: x,
     onCancel: h,
     onDone: C
-  } = s, x = Jt.has(r.type), m = i.match(/\[\[param\.(.+?)\]\]/), g = m ? `{{ param('${m[1]}') }}` : "";
+  } = s, y = Zt.has(r.type), m = i.match(/\[\[param\.(.+?)\]\]/), v = m ? `{{ param('${m[1]}') }}` : "";
   return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
     /* @__PURE__ */ t(
-      Pt,
+      Wt,
       {
         control: r,
         scope: o,
@@ -592,7 +597,7 @@ function $e(s) {
     /* @__PURE__ */ d("div", { className: "space-y-2", children: [
       /* @__PURE__ */ t("p", { className: "text-[13px] font-medium text-foreground", children: "How cards use this control" }),
       /* @__PURE__ */ d("div", { className: "divide-y divide-border/60 overflow-hidden rounded-[6px] border border-border/60", children: [
-        x ? /* @__PURE__ */ d("div", { className: "space-y-1 px-3 py-2.5", children: [
+        y ? /* @__PURE__ */ d("div", { className: "space-y-1 px-3 py-2.5", children: [
           /* @__PURE__ */ t("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Explorer cards" }),
           /* @__PURE__ */ t("div", { className: "text-[12px] text-muted-foreground", children: f })
         ] }) : null,
@@ -605,10 +610,10 @@ function $e(s) {
               ariaLabel: "Copy SQL control reference"
             }
           ),
-          g ? /* @__PURE__ */ t(
+          v ? /* @__PURE__ */ t(
             Ue,
             {
-              text: g,
+              text: v,
               ariaLabel: "Copy Jinja control reference"
             }
           ) : null,
@@ -631,20 +636,20 @@ function $e(s) {
       ] })
     ] }),
     /* @__PURE__ */ t(
-      se,
+      oe,
       {
         secondary: /* @__PURE__ */ t(
-          q,
+          V,
           {
             type: "button",
             variant: "outline",
             size: "xs",
-            onClick: v,
+            onClick: x,
             children: "Back"
           }
         ),
         tertiary: /* @__PURE__ */ t(
-          q,
+          V,
           {
             type: "button",
             variant: "outline",
@@ -653,39 +658,39 @@ function $e(s) {
             children: "Cancel"
           }
         ),
-        primary: /* @__PURE__ */ t(q, { type: "button", size: "xs", onClick: C, children: "Done" })
+        primary: /* @__PURE__ */ t(V, { type: "button", size: "xs", onClick: C, children: "Done" })
       }
     )
   ] });
 }
-function Wt(s) {
-  const r = te(
+function ea(s) {
+  const r = re(
     s.scope,
     s.existingControls,
     s.reservedIds
   ), o = s.type === r.type ? {
     ...r,
-    label: Ce[s.type]
+    label: ke[s.type]
   } : {
     ...at({
       controls: [
         {
           ...r,
-          label: Ce[s.type]
+          label: ke[s.type]
         }
       ],
       controlId: r.id,
       nextType: s.type
     }).controls[0],
-    label: Ce[s.type]
+    label: ke[s.type]
   };
   return {
     step: 2,
     control: o,
-    defaultValue: ae(o, void 0)
+    defaultValue: se(o, void 0)
   };
 }
-function ca({
+function pa({
   scope: s,
   controls: r,
   reservedControlIds: o,
@@ -693,53 +698,53 @@ function ca({
   onChange: f,
   emptyMessage: u,
   initialCreateFlow: b = !1,
-  usageByControlId: v,
+  usageByControlId: x,
   availableFieldChoices: h,
   availableMetricChoices: C,
-  structuralParticipants: x,
+  structuralParticipants: y,
   structuralParticipantIdsByControlId: m,
-  card: g,
-  onCreateFlowActiveChange: N,
-  onCreateFlowComplete: V
+  card: v,
+  onCreateFlowActiveChange: E,
+  onCreateFlowComplete: k
 }) {
-  const I = A(
+  const N = A(
     () => new Set(o || []),
     [o]
-  ), oe = Lt(s), ie = wt(s), [Z, X] = M(
+  ), B = At(s), G = It(s), [K, H] = M(
     null
-  ), [de, $] = M(
+  ), [ce, P] = M(
     null
-  ), [a, S] = M(
+  ), [a, D] = M(
     () => b ? {
       step: 1,
-      control: te(s, r, Array.from(I))
+      control: re(s, r, Array.from(N))
     } : null
-  ), B = ke({}), T = ke(void 0), G = ke(b), Q = A(
-    () => Fe({ scope: s, card: g }),
-    [g, s]
-  ), E = z(
+  ), Q = Ne({}), I = Ne(void 0), J = Ne(b), R = A(
+    () => Le({ scope: s, card: v }),
+    [v, s]
+  ), q = z(
     (e) => s === "dashboard" && (e === "field_selector" || e === "metric_selector"),
     [s]
-  ), H = A(
+  ), W = A(
     () => a ? Ae(
-      x || [],
+      y || [],
       a.control.type
     ) : [],
-    [a, x]
+    [a, y]
   ), j = A(() => {
     if (!a)
       return {
         fields: h || [],
         metrics: C || []
       };
-    if (!E(a.control.type))
+    if (!q(a.control.type))
       return {
         fields: h || [],
         metrics: C || []
       };
-    const e = a.selectedCardIds || [], n = fe({
+    const e = a.selectedCardIds || [], n = he({
       controlType: a.control.type,
-      participants: x || [],
+      participants: y || [],
       selectedCardIds: e
     });
     return {
@@ -756,20 +761,20 @@ function ca({
     h,
     C,
     a,
-    E,
-    x
+    q,
+    y
   ]);
-  Se(() => {
-    N == null || N(!!a);
-  }, [a, N]), Se(() => {
-    const e = b && !G.current;
-    G.current = b, e && (S({
+  De(() => {
+    E == null || E(!!a);
+  }, [a, E]), De(() => {
+    const e = b && !J.current;
+    J.current = b, e && (D({
       step: 1,
-      control: te(s, r, Array.from(I))
-    }), $(null), X(null));
-  }, [r, b, I, s]);
-  const ee = (e) => {
-    if (!E(e.type))
+      control: re(s, r, Array.from(N))
+    }), P(null), H(null));
+  }, [r, b, N, s]);
+  const ae = (e) => {
+    if (!q(e.type))
       return {
         fields: h || [],
         metrics: C || []
@@ -780,9 +785,9 @@ function ca({
         fields: h || [],
         metrics: C || []
       };
-    const l = fe({
+    const l = he({
       controlType: e.type,
-      participants: x || [],
+      participants: y || [],
       selectedCardIds: n
     });
     return {
@@ -795,107 +800,107 @@ function ca({
         target: l.metricTargetMap[c.value]
       })) : []
     };
-  }, P = (e) => {
-    if (!E(e.control.type))
+  }, Z = (e) => {
+    if (!q(e.control.type))
       return {
         nextControl: e.control,
         cardBindingsById: void 0
       };
-    const n = (m == null ? void 0 : m[e.control.id]) || [], l = fe({
+    const n = (m == null ? void 0 : m[e.control.id]) || [], l = he({
       controlType: e.control.type,
-      participants: x || [],
+      participants: y || [],
       selectedCardIds: e.nextSelectedCardIds
-    }), c = Ut({
+    }), c = Kt({
       control: e.control,
       choices: l.choices
-    }), y = Object.fromEntries(
-      n.filter((D) => !e.nextSelectedCardIds.includes(D)).map((D) => [D, void 0])
+    }), g = Object.fromEntries(
+      n.filter((w) => !e.nextSelectedCardIds.includes(w)).map((w) => [w, void 0])
     );
     return e.nextSelectedCardIds.length > 0 && c.source.kind === "manual" && c.source.options.length > 0 && Object.assign(
-      y,
-      je({
+      g,
+      Re({
         control: c,
-        participants: x || [],
+        participants: y || [],
         selectedCardIds: e.nextSelectedCardIds
       })
     ), {
       nextControl: c,
-      cardBindingsById: y
+      cardBindingsById: g
     };
-  }, F = z((e, n = i, l = { type: "update" }) => {
-    const c = e.map((y) => (he({
-      control: y,
+  }, L = z((e, n = i, l = { type: "update" }) => {
+    const c = e.map((g) => (be({
+      control: g,
       defaultValues: n
-    }), Tt(
-      y
+    }), Vt(
+      g
     )));
     f(c, n, l);
-  }, [i, f]), J = (e, n) => {
+  }, [i, f]), ee = (e, n) => {
     const l = r.find(
-      (w) => w.id === e
+      (T) => T.id === e
     );
-    let c = r.map((w) => w.id !== e ? w : n(w));
-    const y = c.find(
-      (w) => w.id === e
+    let c = r.map((T) => T.id !== e ? T : n(T));
+    const g = c.find(
+      (T) => T.id === e
     );
-    let D, p;
-    if (y && s === "dashboard" && (y.type === "field_selector" || y.type === "metric_selector")) {
-      const w = (m == null ? void 0 : m[y.id]) || [], K = P({
-        control: y,
-        nextSelectedCardIds: w
+    let w, p;
+    if (g && s === "dashboard" && (g.type === "field_selector" || g.type === "metric_selector")) {
+      const T = (m == null ? void 0 : m[g.id]) || [], Y = Z({
+        control: g,
+        nextSelectedCardIds: T
       });
       c = c.map(
-        (R) => R.id === e ? K.nextControl : R
-      ), D = K.cardBindingsById, p = [y.id];
+        (U) => U.id === e ? Y.nextControl : U
+      ), w = Y.cardBindingsById, p = [g.id];
     } else if (l && s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector")) {
-      const w = (m == null ? void 0 : m[l.id]) || [];
-      D = Object.fromEntries(
-        w.map((K) => [K, void 0])
+      const T = (m == null ? void 0 : m[l.id]) || [];
+      w = Object.fromEntries(
+        T.map((Y) => [Y, void 0])
       ), p = [l.id];
     }
-    const k = c.find(
-      (w) => w.id === e
+    const S = c.find(
+      (T) => T.id === e
     );
-    let _ = i;
-    if (l && k) {
-      const w = he({
+    let F = i;
+    if (l && S) {
+      const T = be({
         control: l,
         defaultValues: i
       });
-      l.source.kind === "manual" && k.source.kind === "sql_query" && (B.current[e] = w);
-      const K = w === void 0 && l.source.kind === "sql_query" && k.source.kind === "manual" ? B.current[e] : w, R = Qe({
+      l.source.kind === "manual" && S.source.kind === "sql_query" && (Q.current[e] = T);
+      const Y = T === void 0 && l.source.kind === "sql_query" && S.source.kind === "manual" ? Q.current[e] : T, U = Qe({
         previousControl: l,
-        nextControl: k,
-        currentDefaultValue: K
+        nextControl: S,
+        currentDefaultValue: Y
       });
-      k.source.kind === "manual" && (B.current[e] = R), i && (_ = { ...i }, R === void 0 ? delete _[e] : _[e] = R), c = c.map(
-        (Le) => Le.id === e ? { ...k, defaultValue: R } : Le
+      S.source.kind === "manual" && (Q.current[e] = U), i && (F = { ...i }, U === void 0 ? delete F[e] : F[e] = U), c = c.map(
+        (_e) => _e.id === e ? { ...S, defaultValue: U } : _e
       );
     }
-    F(c, _, {
+    L(c, F, {
       type: "update",
-      cardBindingsById: D,
+      cardBindingsById: w,
       affectedBindingControlIds: p
     });
   }, it = (e, n) => {
     const l = n.trim();
-    if (l.length === 0 || l === e || I.has(l) || r.some(
-      (D) => D.id === l && D.id !== e
+    if (l.length === 0 || l === e || N.has(l) || r.some(
+      (w) => w.id === l && w.id !== e
     ))
       return;
     const c = r.map(
-      (D) => D.id === e ? { ...D, id: l } : D
+      (w) => w.id === e ? { ...w, id: l } : w
     );
     if (!i) {
-      F(c, void 0, {
+      L(c, void 0, {
         type: "rename",
         oldId: e,
         newId: l
       });
       return;
     }
-    const y = { ...i };
-    Object.prototype.hasOwnProperty.call(y, e) && (y[l] = y[e], delete y[e]), F(c, y, {
+    const g = { ...i };
+    Object.prototype.hasOwnProperty.call(g, e) && (g[l] = g[e], delete g[e]), L(c, g, {
       type: "rename",
       oldId: e,
       newId: l
@@ -903,101 +908,101 @@ function ca({
   }, dt = (e) => {
     const n = r.filter((c) => c.id !== e);
     if (!i) {
-      F(n, void 0, { type: "remove", controlId: e });
+      L(n, void 0, { type: "remove", controlId: e });
       return;
     }
     const l = { ...i };
-    delete l[e], F(n, l, { type: "remove", controlId: e });
+    delete l[e], L(n, l, { type: "remove", controlId: e });
   }, ct = z(() => {
-    T.current = void 0, S({
+    I.current = void 0, D({
       step: 1,
-      control: te(s, r, Array.from(I))
-    }), $(null), X(null);
-  }, [r, I, s]), W = (e) => {
-    S(
+      control: re(s, r, Array.from(N))
+    }), P(null), H(null);
+  }, [r, N, s]), te = (e) => {
+    D(
       (n) => n && (() => {
         const l = e(n.control);
-        n.control.source.kind === "manual" && l.source.kind === "sql_query" && (T.current = n.defaultValue);
-        const c = n.defaultValue === void 0 && n.control.source.kind === "sql_query" && l.source.kind === "manual" ? T.current : n.defaultValue, y = Qe({
+        n.control.source.kind === "manual" && l.source.kind === "sql_query" && (I.current = n.defaultValue);
+        const c = n.defaultValue === void 0 && n.control.source.kind === "sql_query" && l.source.kind === "manual" ? I.current : n.defaultValue, g = Qe({
           previousControl: n.control,
           nextControl: l,
           currentDefaultValue: c
         });
-        return l.source.kind === "manual" && (T.current = y), {
+        return l.source.kind === "manual" && (I.current = g), {
           ...n,
           control: l,
-          defaultValue: y
+          defaultValue: g
         };
       })()
     );
-  }, Ve = (e) => {
-    S(
-      (n) => n && (n.control.source.kind === "manual" && (T.current = e), {
+  }, Ie = (e) => {
+    D(
+      (n) => n && (n.control.source.kind === "manual" && (I.current = e), {
         ...n,
         defaultValue: e
       })
     );
-  }, ce = (() => {
+  }, ue = (() => {
     if (!a)
       return !1;
-    if (a.step === 2 && E(a.control.type))
+    if (a.step === 2 && q(a.control.type))
       return (a.selectedCardIds || []).length > 0;
     if (a.step !== 2 && a.step !== 3 || !a.control.label.trim())
       return !1;
     const n = a.control.source.kind === "sql_query" ? a.control : ze(a.control);
-    if (n.source.kind === "manual" && (Vt(n) && n.source.options.length === 0 || n.source.options.some(
+    if (n.source.kind === "manual" && (Et(n) && n.source.options.length === 0 || n.source.options.some(
       (c) => c.label.trim().length === 0 || c.value.trim().length === 0
     )))
       return !1;
     if (n.source.kind === "sql_query") {
-      const { connectionId: l, sql: c, valueColumn: y } = n.source;
-      return l.trim().length > 0 && c.trim().length > 0 && y.trim().length > 0;
+      const { connectionId: l, sql: c, valueColumn: g } = n.source;
+      return l.trim().length > 0 && c.trim().length > 0 && g.trim().length > 0;
     }
-    return It(
-      ae(n, a.defaultValue)
+    return qt(
+      se(n, a.defaultValue)
     );
-  })(), Ie = () => {
-    var D;
+  })(), Ve = () => {
+    var w;
     if (!a)
       return;
-    const e = ze(a.control), n = Rt({
+    const e = ze(a.control), n = $t({
       label: e.label,
       fallbackId: e.id,
       existingControls: r,
-      reservedIds: Array.from(I)
+      reservedIds: Array.from(N)
     }), l = {
       ...e,
       id: n
-    }, c = s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") && ((D = a.selectedCardIds) != null && D.length) ? je({
+    }, c = s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") && ((w = a.selectedCardIds) != null && w.length) ? Re({
       control: l,
-      participants: x || [],
+      participants: y || [],
       selectedCardIds: a.selectedCardIds
-    }) : void 0, y = ae(
+    }) : void 0, g = se(
       l,
       a.defaultValue
     );
-    S({
+    D({
       step: s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") ? 4 : 3,
       control: l,
-      defaultValue: y,
+      defaultValue: g,
       createdControlId: n,
       selectedCardIds: a.selectedCardIds,
       cardBindingsById: c
     });
-  }, ue = z(() => {
-    S(null);
-  }, []), qe = z(() => {
+  }, pe = z(() => {
+    D(null);
+  }, []), Ee = z(() => {
     if (!(a != null && a.createdControlId)) {
-      S(null);
+      D(null);
       return;
     }
-    const e = a.control, n = a.createdControlId, l = ae(
+    const e = a.control, n = a.createdControlId, l = se(
       e,
       a.defaultValue
     );
     if (i) {
       const c = { ...i };
-      l === void 0 ? delete c[n] : c[n] = l, F(
+      l === void 0 ? delete c[n] : c[n] = l, L(
         [
           ...r,
           {
@@ -1012,7 +1017,7 @@ function ca({
         }
       );
     } else
-      F(
+      L(
         [
           ...r,
           {
@@ -1026,12 +1031,12 @@ function ca({
           cardBindingsById: a.cardBindingsById
         }
       );
-    $(n), S(null), V == null || V();
-  }, [r, a, i, F, V]), ut = a ? E(a.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], Ee = a != null && a.createdControlId ? `[[param.${a.createdControlId}]]` : a ? `[[param.${qt(a.control.label) || a.control.id}]]` : "", pe = Oe({
+    P(n), D(null), k == null || k();
+  }, [r, a, i, L, k]), ut = a ? q(a.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], qe = a != null && a.createdControlId ? `[[param.${a.createdControlId}]]` : a ? `[[param.${Ft(a.control.label) || a.control.id}]]` : "", me = Oe({
     controls: r,
     defaultValues: i
-  }), me = a ? [...r, a.control] : r, _e = a ? Oe({
-    controls: me,
+  }), fe = a ? [...r, a.control] : r, Fe = a ? Oe({
+    controls: fe,
     defaultValues: i,
     overrides: [
       {
@@ -1039,11 +1044,11 @@ function ca({
         value: a.defaultValue
       }
     ]
-  }) : pe;
+  }) : me;
   return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
     a ? /* @__PURE__ */ d("div", { className: "space-y-4 pb-1", children: [
       /* @__PURE__ */ t(
-        Ht,
+        Jt,
         {
           currentStep: a.step,
           labels: ut
@@ -1055,32 +1060,32 @@ function ca({
           "aggregation_selector",
           "field_selector",
           "metric_selector"
-        ]), n = Q.filter(
-          (y) => !e.has(y.value)
-        ), l = Q.filter(
-          (y) => e.has(y.value)
-        ), c = (y) => /* @__PURE__ */ d(
+        ]), n = R.filter(
+          (g) => !e.has(g.value)
+        ), l = R.filter(
+          (g) => e.has(g.value)
+        ), c = (g) => /* @__PURE__ */ d(
           "button",
           {
             type: "button",
             className: "rounded-[6px] 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: () => S(
-              Wt({
+            onClick: () => D(
+              ea({
                 scope: s,
                 existingControls: r,
-                reservedIds: Array.from(I),
-                type: y.value
+                reservedIds: Array.from(N),
+                type: g.value
               })
             ),
             children: [
-              /* @__PURE__ */ t("div", { className: "text-[13px] font-medium text-foreground", children: y.label }),
-              /* @__PURE__ */ t("p", { className: "mt-0.5 text-[12px] text-muted-foreground", children: y.description })
+              /* @__PURE__ */ t("div", { className: "text-[13px] font-medium text-foreground", children: g.label }),
+              /* @__PURE__ */ t("p", { className: "mt-0.5 text-[12px] text-muted-foreground", children: g.description })
             ]
           },
-          y.value
+          g.value
         );
         return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-          s === "card" && (g == null ? void 0 : g.sql) == null ? /* @__PURE__ */ t("p", { className: "text-[12px] text-muted-foreground", children: "Explorer cards support displayed metric, group by field, aggregation, and time grain controls here." }) : null,
+          s === "card" && (v == null ? void 0 : v.sql) == null ? /* @__PURE__ */ t("p", { className: "text-[12px] text-muted-foreground", children: "Explorer cards support displayed metric, group by field, aggregation, and time grain controls here." }) : null,
           n.length > 0 && /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
             /* @__PURE__ */ t("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Input controls" }),
             /* @__PURE__ */ t("div", { className: "grid gap-1.5 sm:grid-cols-2", children: n.map(c) })
@@ -1090,15 +1095,15 @@ function ca({
             /* @__PURE__ */ t("div", { className: "grid gap-1.5 sm:grid-cols-2", children: l.map(c) })
           ] }),
           /* @__PURE__ */ t(
-            se,
+            oe,
             {
               secondary: /* @__PURE__ */ t(
-                q,
+                V,
                 {
                   type: "button",
                   variant: "outline",
                   size: "xs",
-                  onClick: ue,
+                  onClick: pe,
                   children: "Back to controls"
                 }
               )
@@ -1106,13 +1111,13 @@ function ca({
           )
         ] });
       })(),
-      a.step === 2 && E(a.control.type) && /* @__PURE__ */ d("div", { className: "space-y-3", children: [
+      a.step === 2 && q(a.control.type) && /* @__PURE__ */ d("div", { className: "space-y-3", children: [
         /* @__PURE__ */ d("div", { className: "space-y-3", children: [
           /* @__PURE__ */ t(
             ot,
             {
               control: a.control,
-              onChange: (e) => W((n) => ({
+              onChange: (e) => te((n) => ({
                 ...n,
                 label: e
               }))
@@ -1120,7 +1125,7 @@ function ca({
           ),
           /* @__PURE__ */ t("p", { className: "text-[12px] text-muted-foreground", children: "Choose which cards should respond to this shared control." })
         ] }),
-        H.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-[6px] 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__ */ t("div", { className: "space-y-1 rounded-[6px] border border-border/60 bg-background p-2", children: H.map((e) => {
+        W.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-[6px] 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__ */ t("div", { className: "space-y-1 rounded-[6px] border border-border/60 bg-background p-2", children: W.map((e) => {
           const n = (a.selectedCardIds || []).includes(e.cardId);
           return /* @__PURE__ */ d(
             "label",
@@ -1128,17 +1133,17 @@ function ca({
               className: "flex items-start gap-2 rounded-[4px] px-1.5 py-1 text-[13px] hover:bg-muted/40",
               children: [
                 /* @__PURE__ */ t(
-                  Et,
+                  _t,
                   {
                     checked: n,
-                    onCheckedChange: (l) => S(
+                    onCheckedChange: (l) => D(
                       (c) => c && {
                         ...c,
                         selectedCardIds: l === !0 ? [
                           ...c.selectedCardIds || [],
                           e.cardId
                         ] : (c.selectedCardIds || []).filter(
-                          (y) => y !== e.cardId
+                          (g) => g !== e.cardId
                         )
                       }
                     )
@@ -1154,15 +1159,15 @@ function ca({
           );
         }) }),
         /* @__PURE__ */ t(
-          se,
+          oe,
           {
             secondary: /* @__PURE__ */ t(
-              q,
+              V,
               {
                 type: "button",
                 variant: "outline",
                 size: "xs",
-                onClick: () => S(
+                onClick: () => D(
                   (e) => e && {
                     ...e,
                     step: 1,
@@ -1173,80 +1178,80 @@ function ca({
               }
             ),
             primary: /* @__PURE__ */ t(
-              q,
+              V,
               {
                 type: "button",
                 size: "xs",
-                onClick: () => S(
+                onClick: () => D(
                   (e) => e && {
                     ...e,
                     step: 3
                   }
                 ),
-                disabled: !ce,
+                disabled: !ue,
                 children: "Next"
               }
             )
           }
         )
       ] }),
-      a.step === 2 && !E(a.control.type) && /* @__PURE__ */ t(
-        Re,
+      a.step === 2 && !q(a.control.type) && /* @__PURE__ */ t(
+        je,
         {
           control: a.control,
           defaultValue: a.defaultValue,
           availableFieldChoices: j.fields,
           availableMetricChoices: j.metrics,
-          previewControlDefinitions: me,
-          previewControlValues: _e,
-          onControlChange: (e) => W(() => e),
-          onLabelChange: (e) => W((n) => ({
+          previewControlDefinitions: fe,
+          previewControlValues: Fe,
+          onControlChange: (e) => te(() => e),
+          onLabelChange: (e) => te((n) => ({
             ...n,
             label: e
           })),
-          onDefaultValueChange: Ve,
-          onBack: () => S(
+          onDefaultValueChange: Ie,
+          onBack: () => D(
             (e) => e && {
               ...e,
               step: 1
             }
           ),
-          onNext: Ie,
-          nextDisabled: !ce
+          onNext: Ve,
+          nextDisabled: !ue
         }
       ),
-      a.step === 3 && E(a.control.type) && /* @__PURE__ */ t(
-        Re,
+      a.step === 3 && q(a.control.type) && /* @__PURE__ */ t(
+        je,
         {
           control: a.control,
           defaultValue: a.defaultValue,
           availableFieldChoices: j.fields,
           availableMetricChoices: j.metrics,
-          previewControlDefinitions: me,
-          previewControlValues: _e,
-          onControlChange: (e) => W(() => e),
-          onLabelChange: (e) => W((n) => ({
+          previewControlDefinitions: fe,
+          previewControlValues: Fe,
+          onControlChange: (e) => te(() => e),
+          onLabelChange: (e) => te((n) => ({
             ...n,
             label: e
           })),
-          onDefaultValueChange: Ve,
-          onBack: () => S(
+          onDefaultValueChange: Ie,
+          onBack: () => D(
             (e) => e && {
               ...e,
               step: 2
             }
           ),
-          onNext: Ie,
-          nextDisabled: !ce
+          onNext: Ve,
+          nextDisabled: !ue
         }
       ),
-      a.step === 3 && !E(a.control.type) && /* @__PURE__ */ t(
+      a.step === 3 && !q(a.control.type) && /* @__PURE__ */ t(
         $e,
         {
           control: a.control,
           scope: s,
-          createdReference: Ee,
-          explorerContent: /* @__PURE__ */ d(U, { children: [
+          createdReference: qe,
+          explorerContent: /* @__PURE__ */ d($, { children: [
             "Open the card and use",
             " ",
             /* @__PURE__ */ t("span", { className: "font-medium text-foreground", children: "Settings → Controls" }),
@@ -1254,48 +1259,48 @@ function ca({
             "to choose what this control changes."
           ] }),
           sqlDescription: "Reference this control directly in the SQL editor.",
-          onBack: () => S(
+          onBack: () => D(
             (e) => e && {
               ...e,
               step: 2
             }
           ),
-          onCancel: ue,
-          onDone: qe
+          onCancel: pe,
+          onDone: Ee
         }
       ),
-      a.step === 4 && E(a.control.type) && /* @__PURE__ */ t(
+      a.step === 4 && q(a.control.type) && /* @__PURE__ */ t(
         $e,
         {
           control: a.control,
           scope: s,
-          createdReference: Ee,
-          summaryDetail: /* @__PURE__ */ d(U, { children: [
+          createdReference: qe,
+          summaryDetail: /* @__PURE__ */ d($, { children: [
             "Used by ",
             (a.selectedCardIds || []).length,
             " ",
             "selected card",
             (a.selectedCardIds || []).length === 1 ? "" : "s"
           ] }),
-          explorerContent: /* @__PURE__ */ t(U, { children: "Selected cards have been set up to respond to this control automatically." }),
+          explorerContent: /* @__PURE__ */ t($, { 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: () => S(
+          onBack: () => D(
             (e) => e && {
               ...e,
               step: 3
             }
           ),
-          onCancel: ue,
-          onDone: qe
+          onCancel: pe,
+          onDone: Ee
         }
       )
     ] }) : null,
     !a && r.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: u }) : null,
     !a && r.map((e) => {
-      const n = ee(e), l = v == null ? void 0 : v[e.id], c = he({
+      const n = ae(e), l = x == null ? void 0 : x[e.id], c = be({
         control: e,
         defaultValues: i
-      }), y = de === e.id, D = "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";
+      }), g = ce === e.id, w = "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__ */ d("div", { className: "rounded-[6px] border border-border/60", children: [
         /* @__PURE__ */ d("div", { className: "flex items-center gap-2 px-3 py-2.5", children: [
           /* @__PURE__ */ d(
@@ -1303,16 +1308,16 @@ function ca({
             {
               type: "button",
               className: "flex min-w-0 flex-1 items-start gap-2 rounded-[4px] text-left focus:outline-none focus-visible:bg-muted/40",
-              onClick: () => $(
+              onClick: () => P(
                 (p) => p === e.id ? null : e.id
               ),
               children: [
-                y ? /* @__PURE__ */ t(Me, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ t(Be, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                g ? /* @__PURE__ */ t(Me, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ t(Be, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
                 /* @__PURE__ */ d("div", { className: "min-w-0", children: [
                   /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-1.5", children: [
                     /* @__PURE__ */ t("span", { className: "truncate text-[13px] font-medium text-foreground", children: e.label || "Untitled control" }),
-                    /* @__PURE__ */ t("span", { className: D, children: We(e.type).label }),
-                    /* @__PURE__ */ t("span", { className: D, children: Ze(s, e.placement) })
+                    /* @__PURE__ */ t("span", { className: w, children: We(e.type).label }),
+                    /* @__PURE__ */ t("span", { className: w, children: Ze(s, e.placement) })
                   ] }),
                   /* @__PURE__ */ d("div", { className: "mt-0.5 text-[12px] text-muted-foreground", children: [
                     et(e),
@@ -1323,7 +1328,7 @@ function ca({
             }
           ),
           /* @__PURE__ */ t(
-            q,
+            V,
             {
               type: "button",
               size: "xs",
@@ -1331,77 +1336,77 @@ function ca({
               className: "h-7 w-7 shrink-0 p-0 text-muted-foreground",
               onClick: () => dt(e.id),
               "aria-label": `Remove ${e.label}`,
-              children: /* @__PURE__ */ t(_t, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ t(Lt, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
-        y && /* @__PURE__ */ d("div", { className: "space-y-4 border-t border-border/60 px-3 py-3", children: [
+        g && /* @__PURE__ */ d("div", { className: "space-y-4 border-t border-border/60 px-3 py-3", children: [
           /* @__PURE__ */ d("div", { className: "grid gap-3 md:grid-cols-3", children: [
             /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+              /* @__PURE__ */ t(X, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
               /* @__PURE__ */ t(
                 tt,
                 {
                   size: "xs",
                   value: e.label,
                   placeholder: "Control label",
-                  onChange: (p) => J(e.id, (k) => ({
-                    ...k,
+                  onChange: (p) => ee(e.id, (S) => ({
+                    ...S,
                     label: p.target.value
                   }))
                 }
               )
             ] }),
             /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
+              /* @__PURE__ */ t(X, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
               /* @__PURE__ */ d(
-                be,
+                ge,
                 {
                   value: e.type,
                   onValueChange: (p) => {
-                    const k = at({
+                    const S = at({
                       controls: r,
                       controlId: e.id,
                       nextType: p,
                       defaultValues: i
                     });
-                    F(k.controls, k.defaultValues);
+                    L(S.controls, S.defaultValues);
                   },
                   children: [
-                    /* @__PURE__ */ t(ge, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
-                    /* @__PURE__ */ t(xe, { children: Fe({
+                    /* @__PURE__ */ t(ye, { size: "xs", children: /* @__PURE__ */ t(xe, {}) }),
+                    /* @__PURE__ */ t(ve, { children: Le({
                       scope: s,
-                      card: g,
+                      card: v,
                       includeType: e.type
-                    }).map((p) => /* @__PURE__ */ t(ve, { value: p.value, children: p.label }, p.value)) })
+                    }).map((p) => /* @__PURE__ */ t(Ce, { value: p.value, children: p.label }, p.value)) })
                   ]
                 }
               )
             ] }),
             /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
+              /* @__PURE__ */ t(X, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
               /* @__PURE__ */ d(
-                be,
+                ge,
                 {
-                  value: e.placement || ie,
-                  onValueChange: (p) => J(e.id, (k) => ({
-                    ...k,
+                  value: e.placement || G,
+                  onValueChange: (p) => ee(e.id, (S) => ({
+                    ...S,
                     placement: p
                   })),
                   children: [
-                    /* @__PURE__ */ t(ge, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
-                    /* @__PURE__ */ t(xe, { children: oe.map((p) => /* @__PURE__ */ t(ve, { value: p.value, children: p.label }, p.value)) })
+                    /* @__PURE__ */ t(ye, { size: "xs", children: /* @__PURE__ */ t(xe, {}) }),
+                    /* @__PURE__ */ t(ve, { children: B.map((p) => /* @__PURE__ */ t(Ce, { value: p.value, children: p.label }, p.value)) })
                   ]
                 }
               )
             ] })
           ] }),
-          E(e.type) ? /* @__PURE__ */ t(
-            Ft,
+          q(e.type) ? /* @__PURE__ */ t(
+            zt,
             {
               type: e.type,
               participants: Ae(
-                x || [],
+                y || [],
                 e.type
               ).map((p) => ({
                 cardId: p.cardId,
@@ -1410,15 +1415,15 @@ function ca({
               })),
               selectedCardIds: (m == null ? void 0 : m[e.id]) || [],
               onChange: (p) => {
-                const k = P({
+                const S = Z({
                   control: e,
                   nextSelectedCardIds: p
-                }), _ = r.map(
-                  (w) => w.id === e.id ? k.nextControl : w
+                }), F = r.map(
+                  (T) => T.id === e.id ? S.nextControl : T
                 );
-                F(_, i, {
+                L(F, i, {
                   type: "update",
-                  cardBindingsById: k.cardBindingsById
+                  cardBindingsById: S.cardBindingsById
                 });
               }
             }
@@ -1430,9 +1435,9 @@ function ca({
               availableFieldChoices: n.fields,
               availableMetricChoices: n.metrics,
               previewControlDefinitions: r,
-              previewControlValues: pe,
+              previewControlValues: me,
               controlLifecycle: "edit",
-              onChange: (p) => J(e.id, () => p)
+              onChange: (p) => ee(e.id, () => p)
             }
           ),
           e.initialValueStrategy === "saved_default" && /* @__PURE__ */ t(
@@ -1443,45 +1448,45 @@ function ca({
               allowNoDefault: !0,
               allowCardDefault: !0,
               previewControlDefinitions: r,
-              previewControlValues: pe,
+              previewControlValues: me,
               onChange: (p) => {
-                const k = r.map(
-                  (_) => _.id === e.id ? { ..._, defaultValue: p } : _
+                const S = r.map(
+                  (F) => F.id === e.id ? { ...F, defaultValue: p } : F
                 );
-                if (e.source.kind === "manual" && (B.current[e.id] = p), i) {
-                  const _ = { ...i };
-                  p === void 0 ? delete _[e.id] : _[e.id] = p, F(k, _);
+                if (e.source.kind === "manual" && (Q.current[e.id] = p), i) {
+                  const F = { ...i };
+                  p === void 0 ? delete F[e.id] : F[e.id] = p, L(S, F);
                   return;
                 }
-                F(k, void 0);
+                L(S, void 0);
               }
             }
           ),
           /* @__PURE__ */ d(
-            At,
+            Ot,
             {
-              open: Z === e.id,
-              onOpenChange: (p) => X(p ? e.id : null),
+              open: K === e.id,
+              onOpenChange: (p) => H(p ? e.id : null),
               children: [
-                /* @__PURE__ */ t(zt, { asChild: !0, children: /* @__PURE__ */ d(
-                  q,
+                /* @__PURE__ */ t(Mt, { asChild: !0, children: /* @__PURE__ */ d(
+                  V,
                   {
                     type: "button",
                     variant: "ghost",
                     size: "xs",
                     className: "-ml-2 gap-1 text-muted-foreground hover:text-foreground",
                     children: [
-                      Z === e.id ? /* @__PURE__ */ t(Me, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(Be, { className: "h-3.5 w-3.5" }),
+                      K === e.id ? /* @__PURE__ */ t(Me, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(Be, { className: "h-3.5 w-3.5" }),
                       "Advanced"
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ d(Ot, { className: "space-y-3 pt-2", children: [
+                /* @__PURE__ */ d(Bt, { className: "space-y-3 pt-2", children: [
                   /* @__PURE__ */ d("div", { className: "grid gap-3 md:grid-cols-2", children: [
                     /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-                      /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Control ID" }),
+                      /* @__PURE__ */ t(X, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Control ID" }),
                       /* @__PURE__ */ t(
-                        Mt,
+                        Qt,
                         {
                           controlId: e.id,
                           onCommit: (p) => it(e.id, p)
@@ -1490,19 +1495,19 @@ function ca({
                       )
                     ] }),
                     /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-                      /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
+                      /* @__PURE__ */ t(X, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
                       /* @__PURE__ */ d(
-                        be,
+                        ge,
                         {
                           value: e.initialValueStrategy,
-                          onValueChange: (p) => J(e.id, (k) => ({
-                            ...k,
+                          onValueChange: (p) => ee(e.id, (S) => ({
+                            ...S,
                             initialValueStrategy: p
                           })),
                           children: [
-                            /* @__PURE__ */ t(ge, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
-                            /* @__PURE__ */ t(xe, { children: Bt.map((p) => /* @__PURE__ */ t(
-                              ve,
+                            /* @__PURE__ */ t(ye, { size: "xs", children: /* @__PURE__ */ t(xe, {}) }),
+                            /* @__PURE__ */ t(ve, { children: Rt.map((p) => /* @__PURE__ */ t(
+                              Ce,
                               {
                                 value: p.value,
                                 children: p.label
@@ -1515,10 +1520,10 @@ function ca({
                     ] })
                   ] }),
                   /* @__PURE__ */ t(
-                    Qt,
+                    jt,
                     {
                       control: e,
-                      onChange: (p) => J(e.id, () => p)
+                      onChange: (p) => ee(e.id, () => p)
                     }
                   )
                 ] })
@@ -1529,66 +1534,66 @@ function ca({
       ] }, e.id);
     }),
     !a && /* @__PURE__ */ d(
-      q,
+      V,
       {
         type: "button",
         variant: "outline",
         size: "xs",
         onClick: ct,
         children: [
-          /* @__PURE__ */ t(jt, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ t(Ut, { className: "h-3.5 w-3.5" }),
           "Add control"
         ]
       }
     )
   ] });
 }
-function ua(s) {
+function ma(s) {
   const {
     open: r,
     onOpenChange: o,
     initialCreateFlowActive: i = !1,
     dismissMode: f = "passive"
-  } = s, u = r !== void 0, [b, v] = M(!1), [h, C] = M(
+  } = s, u = r !== void 0, [b, x] = M(!1), [h, C] = M(
     i
-  ), x = u ? r : b, m = z(
-    (V) => {
-      !V && h && f === "passive" || (u || v(V), V || C(!1), o == null || o(V));
+  ), y = u ? r : b, m = z(
+    (k) => {
+      !k && h && f === "passive" || (u || x(k), k || C(!1), o == null || o(k));
     },
     [u, h, f, o]
-  ), g = z(() => {
-    u || v(!1), C(!1), o == null || o(!1);
+  ), v = z(() => {
+    u || x(!1), C(!1), o == null || o(!1);
   }, [u, o]);
-  Se(() => {
-    x || C(!1);
-  }, [x]);
-  const N = z(
-    (V) => {
-      h && V.preventDefault();
+  De(() => {
+    y || C(!1);
+  }, [y]);
+  const E = z(
+    (k) => {
+      h && k.preventDefault();
     },
     [h]
   );
   return {
-    forceClose: g,
+    forceClose: v,
     handleOpenChange: m,
     isCreateFlowActive: h,
-    preventPassiveDismissDuringCreate: N,
-    resolvedOpen: x,
+    preventPassiveDismissDuringCreate: E,
+    resolvedOpen: y,
     setIsCreateFlowActive: C
   };
 }
 export {
-  ra as C,
-  la as E,
-  Yt as L,
+  la as C,
+  oa as E,
+  Xt as L,
   lt as S,
-  sa as V,
-  na as a,
-  oa as b,
-  Xt as c,
-  ia as d,
-  ca as e,
+  na as V,
+  ia as a,
+  da as b,
+  Gt as c,
+  ca as d,
+  pa as e,
   nt as f,
-  da as g,
-  ua as u
+  ua as g,
+  ma as u
 };