react-semaphor 0.1.285 → 0.1.287

package/dist/chunks/{use-create-flow-overlay-state-C1xhazfY.js → use-create-flow-overlay-state-CJiyn4FY.js}

@@ -1,7 +1,7 @@
-import { bM as le, U as L, bN as Ke, bO as pt, bP as mt, bQ as ft, bR as ht, bS as bt, u as De, af as gt, bT as yt, bU as xt, bV as vt, ac as Ct, c as A, bW as kt, bX as Nt, B as q, s as St, H as ne, N as Ye, J as He, bY as Xe, w as Pe, M as Ne, bZ as Ge, X as Je, x as O, b_ as Dt, b$ as wt, c0 as ae, c1 as Fe, c2 as ze, c3 as fe, c4 as he, c5 as Tt, c6 as Ae, c7 as Vt, c8 as It, c9 as re, ca as qt, cb as Me, cc as Et, a6 as Oe, cd as Be, ce as We, cf as Ze, cg as et, ch as _t, L as H, I as tt, y as be, z as ge, A as ye, E as xe, F as ve, ci as at, cj as Lt, ck as Ft, cl as rt, cm as st, cn as zt, co as At, cp as Mt, cq as Ot, 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-r_DA-pny.js";
-import { jsx as t, jsxs as d, Fragment as $ } from "react/jsx-runtime";
-import { useMemo as z, useState as B, useRef as ke, useCallback as M, useEffect as Se, Fragment as Kt } from "react";
-import { u as we } from "./use-visual-utils-CqL5PNOR.js";
+import { bM as le, U as L, bN as Ke, bO as pt, bP as mt, bQ as ft, bR as ht, bS as bt, u as De, af as gt, bT as yt, bU as xt, bV as vt, ac as Ct, c as re, bW as kt, bX as Nt, B as q, s as St, H as ne, N as Ye, J as He, bY as Xe, w as Pe, M as Ne, bZ as Ge, X as Je, x as M, 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 Me, cc as Et, a6 as Oe, cd as Be, ce as We, cf as Ze, cg as et, ch as _t, L as Y, I as tt, y as be, z as ge, A as ye, E as xe, F 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 Mt, cq as Ot, 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-Bz0-3JKw.js";
+import { jsx as t, jsxs as d, Fragment as U } from "react/jsx-runtime";
+import { useMemo as A, useState as O, useRef as ke, useCallback as z, useEffect as Se, Fragment as Kt } from "react";
+import { u as we } from "./use-visual-utils-CWVz-eYg.js";
 /**
  * @license lucide-react v0.453.0 - ISC
  *
@@ -55,12 +55,12 @@ const lt = le("Save", [
 ]);
 function nt() {
   var h, C;
-  const s = L((x) => x.card), r = L((x) => x.frame), o = z(
+  const s = L((x) => x.card), r = L((x) => x.frame), o = A(
     () => Ke(r, s),
     [r, s]
   ), { manifest: i } = pt(
     ((h = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : h.url) || ""
-  ), f = z(
+  ), f = A(
     () => {
       var x;
       return (x = i == null ? void 0 : i.visuals) == null ? void 0 : x.find(
@@ -71,20 +71,20 @@ function nt() {
       );
     },
     [i, (C = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : C.componentName]
-  ), u = mt(o, f), b = z(
+  ), u = mt(o, f), b = A(
     () => ft({
       frame: r,
       configCard: o,
       isMultiInputVisual: u === "multiple"
     }),
     [r, o, u]
-  ), v = z(() => {
+  ), v = A(() => {
     const x = b.findIndex(
       (m) => (m == null ? void 0 : m.id) === s.id
     );
     return x < 0 ? -1 : ht(s, x);
   }, [b, s]);
-  return z(() => !o || u !== "multiple" || v < 0 ? s.type : bt(
+  return A(() => !o || u !== "multiple" || v < 0 ? s.type : bt(
     s,
     v,
     f == null ? void 0 : f.slots
@@ -145,7 +145,7 @@ function sa({
       Ct,
       {
         variant: "outline",
-        className: A(
+        className: re(
           "cursor-help select-none transition-all",
           C[h],
           o
@@ -160,7 +160,7 @@ function sa({
       kt,
       {
         side: "bottom",
-        className: A("max-w-xs", m[h]),
+        className: re("max-w-xs", m[h]),
         children: [
           /* @__PURE__ */ t(Nt, { className: g[h] }),
           /* @__PURE__ */ t("p", { children: x[h] })
@@ -187,7 +187,7 @@ function Xt(s, r) {
 }
 function Te(s) {
   const r = Dt(s);
-  return r ? (O.error(r), !1) : !0;
+  return r ? (M.error(r), !1) : !0;
 }
 function la({
   className: s,
@@ -202,11 +202,11 @@ function la({
     q,
     {
       onClick: f,
-      className: A("h-8", s),
-      size: "sm",
+      className: s,
+      size: "xs",
       variant: r,
       children: [
-        /* @__PURE__ */ t(St, { className: "mr-2 size-4 font-bold" }),
+        /* @__PURE__ */ t(St, { className: "h-3.5 w-3.5" }),
         "Accept"
       ]
     }
@@ -216,10 +216,10 @@ function na({
   className: s,
   variant: r = "default"
 }) {
-  const o = ne(), [i, f] = B(!1), u = De(
+  const o = ne(), [i, f] = O(!1), u = De(
     (g) => g.actions.setIsDashboardPanelOpen
   ), { setIsVisualEditing: b } = Ye(), { getUpdatedFrame: v } = we(), h = He(), C = L((g) => g.frame), x = Xe();
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ t(
     q,
     {
       onClick: () => {
@@ -228,7 +228,7 @@ function na({
           return;
         const N = (C == null ? void 0 : C.visualId) || (h == null ? void 0 : h.id);
         if (!N) {
-          O.error("No visual to save");
+          M.error("No visual to save");
           return;
         }
         f(!0), x.mutate(
@@ -240,48 +240,45 @@ function na({
           },
           {
             onSuccess: () => {
-              f(!1), u(!0), O.success("Visual updated successfully"), o.invalidateQueries({
+              f(!1), u(!0), M.success("Visual updated successfully"), o.invalidateQueries({
                 queryKey: ["resource-by-id", "visual", N],
                 exact: !0
               });
             },
             onError: () => {
-              f(!1), O.error("Failed to update visual");
+              f(!1), M.error("Failed to update visual");
             }
           }
         );
       },
-      className: A("h-8", s),
-      size: "sm",
+      className: s,
+      size: "xs",
       variant: r,
-      children: [
-        i && /* @__PURE__ */ d($, { children: [
-          /* @__PURE__ */ t(Pe, { className: "mr-2 size-4 animate-spin font-bold" }),
-          " Saving"
-        ] }),
-        !i && /* @__PURE__ */ d($, { children: [
-          /* @__PURE__ */ t(lt, { className: "mr-2 size-4 font-bold" }),
-          "Save to Library"
-        ] })
-      ]
+      children: i ? /* @__PURE__ */ d(U, { children: [
+        /* @__PURE__ */ t(Pe, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving"
+      ] }) : /* @__PURE__ */ d(U, { children: [
+        /* @__PURE__ */ t(lt, { className: "h-3.5 w-3.5" }),
+        "Save to Library"
+      ] })
     }
   );
 }
 function oa({
   className: s
 }) {
-  const r = ne(), [o, i] = B(!1), f = He(), u = L((g) => g.frame), b = De((g) => g.selectedSheetId), { updateFrame: v, setIsVisualEditing: h } = Ye(), { getUpdatedFrame: C } = we(), x = Xe();
+  const r = ne(), [o, i] = O(!1), f = He(), u = L((g) => g.frame), b = De((g) => g.selectedSheetId), { updateFrame: v, setIsVisualEditing: h } = Ye(), { getUpdatedFrame: C } = we(), x = Xe();
   return /* @__PURE__ */ t(
     q,
     {
       onClick: async () => {
         if (!b) {
-          O.error("No sheet selected");
+          M.error("No sheet selected");
           return;
         }
         const g = (u == null ? void 0 : u.visualId) || (f == null ? void 0 : f.id);
         if (!g) {
-          O.error("No visual to update");
+          M.error("No visual to update");
           return;
         }
         i(!0);
@@ -302,31 +299,31 @@ function oa({
             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(() => {
+          v(b, V), r.invalidateQueries({ queryKey: ["visuals"] }), r.invalidateQueries({ queryKey: ["visual", g] }), M.success("Saved to library and applied locally"), setTimeout(() => {
             h(!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), M.error("Failed to save and apply changes");
         } finally {
           i(!1);
         }
       },
-      className: A("h-8", s),
-      size: "sm",
+      className: s,
+      size: "xs",
       variant: "default",
       disabled: o,
-      children: o ? /* @__PURE__ */ d($, { children: [
-        /* @__PURE__ */ t(Pe, { className: "mr-2 size-4 animate-spin font-bold" }),
-        " Saving..."
-      ] }) : /* @__PURE__ */ d($, { children: [
-        /* @__PURE__ */ t(lt, { className: "mr-2 size-4 font-bold" }),
+      children: o ? /* @__PURE__ */ d(U, { children: [
+        /* @__PURE__ */ t(Pe, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving..."
+      ] }) : /* @__PURE__ */ d(U, { 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 = z(() => v !== b.type ? { ...b, type: v } : b, [b, v]), { queryKey: C } = Ge(h);
+  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 } = Ge(h);
   function x() {
     if (f) {
       const { queryKey: m, queryData: g } = f;
@@ -338,11 +335,11 @@ function ia({ className: s }) {
     q,
     {
       onClick: x,
-      className: A("h-8", s),
-      size: "sm",
+      className: s,
+      size: "xs",
       variant: "outline",
       children: [
-        /* @__PURE__ */ t(Je, { className: "mr-2 size-4" }),
+        /* @__PURE__ */ t(Je, { className: "h-3.5 w-3.5" }),
         "Close"
       ]
     }
@@ -353,7 +350,7 @@ function da({
   variant: r = "secondary",
   className: o
 } = {}) {
-  const { setTempQueryData: i } = Ne(), f = ne(), u = L((a) => a.tempQueryData), b = L((a) => a.card), v = nt(), h = z(() => v !== b.type ? { ...b, type: v } : b, [b, v]), { queryKey: C } = Ge(h), {
+  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 } = Ge(h), {
     setCardSql: x,
     setSqlGen: m,
     setCardPython: g,
@@ -362,34 +359,34 @@ function da({
     clearQueryConfig: I,
     setCardConfig: oe,
     setCardType: ie,
-    setFrame: ee,
-    setCard: X,
+    setFrame: Z,
+    setCard: H,
     setActiveTabCardId: de
   } = Ne();
-  function K() {
-    var E, G, R, te;
+  function $() {
+    var E, P, j, ee;
     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, Q = L.getState().card, T = Ke(S, Q), P = ((E = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : E.visualType) === "multiple" || !!((G = T == null ? void 0 : T.customCardPreferences) != null && G.dataInputCardIds) || (((R = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : R.minInputs) || 0) > 1 || (((te = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : te.maxInputs) || 0) > 1, j = Xt(Q, P);
-    ee({
+    const S = L.getState().frame, B = L.getState().card, T = Ke(S, B), X = ((E = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : E.visualType) === "multiple" || !!((P = T == null ? void 0 : T.customCardPreferences) != null && P.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 = Xt(B, X);
+    Z({
       ...S,
       cards: S.cards.map(
-        (J) => J.id === j.id ? j : J
+        (G) => G.id === Q.id ? Q : G
       )
-    }), de(j.id), X(j), P || ie("bar");
+    }), de(Q.id), H(Q), X || ie("bar");
   }
   return /* @__PURE__ */ d(
     q,
     {
-      onClick: K,
-      className: A("h-8", o),
-      size: "sm",
+      onClick: $,
+      className: o,
+      size: "xs",
       variant: r,
       children: [
-        /* @__PURE__ */ t(Je, { className: "mr-2 size-3.5" }),
+        /* @__PURE__ */ t(Je, { className: "h-3.5 w-3.5" }),
         s
       ]
     }
@@ -398,7 +395,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(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+    /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
     /* @__PURE__ */ t(
       tt,
       {
@@ -419,7 +416,7 @@ function Pt(s) {
         /* @__PURE__ */ t(
           "span",
           {
-            className: A(
+            className: re(
               "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"
             ),
@@ -429,7 +426,7 @@ function Pt(s) {
         /* @__PURE__ */ t(
           "span",
           {
-            className: A(
+            className: re(
               "text-[12px]",
               b ? "font-medium text-foreground" : "text-muted-foreground"
             ),
@@ -550,7 +547,7 @@ const Jt = /* @__PURE__ */ new Set([
   "metric_selector"
 ]);
 function Ue(s) {
-  const { text: r, ariaLabel: o } = s, [i, f] = B(!1);
+  const { text: r, ariaLabel: o } = s, [i, f] = O(!1);
   return /* @__PURE__ */ d(
     "button",
     {
@@ -662,7 +659,7 @@ function $e(s) {
   ] });
 }
 function Wt(s) {
-  const r = ae(
+  const r = te(
     s.scope,
     s.existingControls,
     s.reservedIds
@@ -685,7 +682,7 @@ function Wt(s) {
   return {
     step: 2,
     control: o,
-    defaultValue: re(o, void 0)
+    defaultValue: ae(o, void 0)
   };
 }
 function ca({
@@ -705,31 +702,31 @@ function ca({
   onCreateFlowActiveChange: N,
   onCreateFlowComplete: V
 }) {
-  const I = z(
+  const I = A(
     () => new Set(o || []),
     [o]
-  ), oe = Lt(s), ie = wt(s), [ee, X] = B(
+  ), oe = Lt(s), ie = wt(s), [Z, H] = O(
     null
-  ), [de, K] = B(
+  ), [de, $] = O(
     null
-  ), [a, S] = B(
+  ), [a, S] = O(
     () => b ? {
       step: 1,
-      control: ae(s, r, Array.from(I))
+      control: te(s, r, Array.from(I))
     } : null
-  ), Q = ke({}), T = ke(void 0), P = ke(b), j = z(
+  ), B = ke({}), T = ke(void 0), X = ke(b), Q = A(
     () => Fe({ scope: s, card: g }),
     [g, s]
-  ), E = M(
+  ), E = z(
     (e) => s === "dashboard" && (e === "field_selector" || e === "metric_selector"),
     [s]
-  ), G = z(
-    () => a ? ze(
+  ), P = A(
+    () => a ? Ae(
       x || [],
       a.control.type
     ) : [],
     [a, x]
-  ), R = z(() => {
+  ), j = A(() => {
     if (!a)
       return {
         fields: h || [],
@@ -765,13 +762,13 @@ function ca({
   Se(() => {
     N == null || N(!!a);
   }, [a, N]), Se(() => {
-    const e = b && !P.current;
-    P.current = b, e && (S({
+    const e = b && !X.current;
+    X.current = b, e && (S({
       step: 1,
-      control: ae(s, r, Array.from(I))
-    }), K(null), X(null));
+      control: te(s, r, Array.from(I))
+    }), $(null), H(null));
   }, [r, b, I, s]);
-  const te = (e) => {
+  const ee = (e) => {
     if (!E(e.type))
       return {
         fields: h || [],
@@ -798,7 +795,7 @@ function ca({
         target: l.metricTargetMap[c.value]
       })) : []
     };
-  }, J = (e) => {
+  }, G = (e) => {
     if (!E(e.control.type))
       return {
         nextControl: e.control,
@@ -825,7 +822,7 @@ function ca({
       nextControl: c,
       cardBindingsById: y
     };
-  }, F = M((e, n = i, l = { type: "update" }) => {
+  }, F = z((e, n = i, l = { type: "update" }) => {
     const c = e.map((y) => (he({
       control: y,
       defaultValues: n
@@ -833,7 +830,7 @@ function ca({
       y
     )));
     f(c, n, l);
-  }, [i, f]), W = (e, n) => {
+  }, [i, f]), J = (e, n) => {
     const l = r.find(
       (w) => w.id === e
     );
@@ -843,17 +840,17 @@ function ca({
     );
     let D, p;
     if (y && s === "dashboard" && (y.type === "field_selector" || y.type === "metric_selector")) {
-      const w = (m == null ? void 0 : m[y.id]) || [], Y = J({
+      const w = (m == null ? void 0 : m[y.id]) || [], K = G({
         control: y,
         nextSelectedCardIds: w
       });
       c = c.map(
-        (U) => U.id === e ? Y.nextControl : U
-      ), D = Y.cardBindingsById, p = [y.id];
+        (R) => R.id === e ? K.nextControl : R
+      ), D = K.cardBindingsById, p = [y.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((Y) => [Y, void 0])
+        w.map((K) => [K, void 0])
       ), p = [l.id];
     }
     const k = c.find(
@@ -865,14 +862,14 @@ function ca({
         control: l,
         defaultValues: i
       });
-      l.source.kind === "manual" && k.source.kind === "sql_query" && (Q.current[e] = w);
-      const Y = w === void 0 && l.source.kind === "sql_query" && k.source.kind === "manual" ? Q.current[e] : w, U = Qe({
+      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({
         previousControl: l,
         nextControl: k,
-        currentDefaultValue: Y
+        currentDefaultValue: K
       });
-      k.source.kind === "manual" && (Q.current[e] = U), i && (_ = { ...i }, U === void 0 ? delete _[e] : _[e] = U), c = c.map(
-        (Le) => Le.id === e ? { ...k, defaultValue: U } : Le
+      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
       );
     }
     F(c, _, {
@@ -911,12 +908,12 @@ function ca({
     }
     const l = { ...i };
     delete l[e], F(n, l, { type: "remove", controlId: e });
-  }, ct = M(() => {
+  }, ct = z(() => {
     T.current = void 0, S({
       step: 1,
-      control: ae(s, r, Array.from(I))
-    }), K(null), X(null);
-  }, [r, I, s]), Z = (e) => {
+      control: te(s, r, Array.from(I))
+    }), $(null), H(null);
+  }, [r, I, s]), W = (e) => {
     S(
       (n) => n && (() => {
         const l = e(n.control);
@@ -947,7 +944,7 @@ function ca({
       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 : Ae(a.control);
+    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(
       (c) => c.label.trim().length === 0 || c.value.trim().length === 0
     )))
@@ -957,13 +954,13 @@ function ca({
       return l.trim().length > 0 && c.trim().length > 0 && y.trim().length > 0;
     }
     return It(
-      re(n, a.defaultValue)
+      ae(n, a.defaultValue)
     );
   })(), Ie = () => {
     var D;
     if (!a)
       return;
-    const e = Ae(a.control), n = Rt({
+    const e = ze(a.control), n = Rt({
       label: e.label,
       fallbackId: e.id,
       existingControls: r,
@@ -975,7 +972,7 @@ function ca({
       control: l,
       participants: x || [],
       selectedCardIds: a.selectedCardIds
-    }) : void 0, y = re(
+    }) : void 0, y = ae(
       l,
       a.defaultValue
     );
@@ -987,14 +984,14 @@ function ca({
       selectedCardIds: a.selectedCardIds,
       cardBindingsById: c
     });
-  }, ue = M(() => {
+  }, ue = z(() => {
     S(null);
-  }, []), qe = M(() => {
+  }, []), qe = z(() => {
     if (!(a != null && a.createdControlId)) {
       S(null);
       return;
     }
-    const e = a.control, n = a.createdControlId, l = re(
+    const e = a.control, n = a.createdControlId, l = ae(
       e,
       a.defaultValue
     );
@@ -1029,7 +1026,7 @@ function ca({
           cardBindingsById: a.cardBindingsById
         }
       );
-    K(n), S(null), V == null || V();
+    $(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 = Me({
     controls: r,
     defaultValues: i
@@ -1058,9 +1055,9 @@ function ca({
           "aggregation_selector",
           "field_selector",
           "metric_selector"
-        ]), n = j.filter(
+        ]), n = Q.filter(
           (y) => !e.has(y.value)
-        ), l = j.filter(
+        ), l = Q.filter(
           (y) => e.has(y.value)
         ), c = (y) => /* @__PURE__ */ d(
           "button",
@@ -1115,7 +1112,7 @@ function ca({
             ot,
             {
               control: a.control,
-              onChange: (e) => Z((n) => ({
+              onChange: (e) => W((n) => ({
                 ...n,
                 label: e
               }))
@@ -1123,7 +1120,7 @@ function ca({
           ),
           /* @__PURE__ */ t("p", { className: "text-[12px] text-muted-foreground", children: "Choose which cards should respond to this shared control." })
         ] }),
-        G.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: G.map((e) => {
+        P.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: P.map((e) => {
           const n = (a.selectedCardIds || []).includes(e.cardId);
           return /* @__PURE__ */ d(
             "label",
@@ -1198,12 +1195,12 @@ function ca({
         {
           control: a.control,
           defaultValue: a.defaultValue,
-          availableFieldChoices: R.fields,
-          availableMetricChoices: R.metrics,
+          availableFieldChoices: j.fields,
+          availableMetricChoices: j.metrics,
           previewControlDefinitions: me,
           previewControlValues: _e,
-          onControlChange: (e) => Z(() => e),
-          onLabelChange: (e) => Z((n) => ({
+          onControlChange: (e) => W(() => e),
+          onLabelChange: (e) => W((n) => ({
             ...n,
             label: e
           })),
@@ -1223,12 +1220,12 @@ function ca({
         {
           control: a.control,
           defaultValue: a.defaultValue,
-          availableFieldChoices: R.fields,
-          availableMetricChoices: R.metrics,
+          availableFieldChoices: j.fields,
+          availableMetricChoices: j.metrics,
           previewControlDefinitions: me,
           previewControlValues: _e,
-          onControlChange: (e) => Z(() => e),
-          onLabelChange: (e) => Z((n) => ({
+          onControlChange: (e) => W(() => e),
+          onLabelChange: (e) => W((n) => ({
             ...n,
             label: e
           })),
@@ -1249,7 +1246,7 @@ function ca({
           control: a.control,
           scope: s,
           createdReference: Ee,
-          explorerContent: /* @__PURE__ */ d($, { children: [
+          explorerContent: /* @__PURE__ */ d(U, { children: [
             "Open the card and use",
             " ",
             /* @__PURE__ */ t("span", { className: "font-medium text-foreground", children: "Settings → Controls" }),
@@ -1273,14 +1270,14 @@ function ca({
           control: a.control,
           scope: s,
           createdReference: Ee,
-          summaryDetail: /* @__PURE__ */ d($, { children: [
+          summaryDetail: /* @__PURE__ */ d(U, { children: [
             "Used by ",
             (a.selectedCardIds || []).length,
             " ",
             "selected card",
             (a.selectedCardIds || []).length === 1 ? "" : "s"
           ] }),
-          explorerContent: /* @__PURE__ */ t($, { children: "Selected cards have been set up to respond to this control automatically." }),
+          explorerContent: /* @__PURE__ */ t(U, { 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(
             (e) => e && {
@@ -1295,7 +1292,7 @@ function ca({
     ] }) : 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 = te(e), l = v == null ? void 0 : v[e.id], c = he({
+      const n = ee(e), l = v == null ? void 0 : v[e.id], c = he({
         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";
@@ -1306,7 +1303,7 @@ 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: () => K(
+              onClick: () => $(
                 (p) => p === e.id ? null : e.id
               ),
               children: [
@@ -1341,14 +1338,14 @@ function ca({
         y && /* @__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(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+              /* @__PURE__ */ t(Y, { 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) => W(e.id, (k) => ({
+                  onChange: (p) => J(e.id, (k) => ({
                     ...k,
                     label: p.target.value
                   }))
@@ -1356,7 +1353,7 @@ function ca({
               )
             ] }),
             /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ t(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
+              /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
               /* @__PURE__ */ d(
                 be,
                 {
@@ -1382,12 +1379,12 @@ function ca({
               )
             ] }),
             /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ t(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
+              /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
               /* @__PURE__ */ d(
                 be,
                 {
                   value: e.placement || ie,
-                  onValueChange: (p) => W(e.id, (k) => ({
+                  onValueChange: (p) => J(e.id, (k) => ({
                     ...k,
                     placement: p
                   })),
@@ -1403,7 +1400,7 @@ function ca({
             Ft,
             {
               type: e.type,
-              participants: ze(
+              participants: Ae(
                 x || [],
                 e.type
               ).map((p) => ({
@@ -1413,7 +1410,7 @@ function ca({
               })),
               selectedCardIds: (m == null ? void 0 : m[e.id]) || [],
               onChange: (p) => {
-                const k = J({
+                const k = G({
                   control: e,
                   nextSelectedCardIds: p
                 }), _ = r.map(
@@ -1435,7 +1432,7 @@ function ca({
               previewControlDefinitions: r,
               previewControlValues: pe,
               controlLifecycle: "edit",
-              onChange: (p) => W(e.id, () => p)
+              onChange: (p) => J(e.id, () => p)
             }
           ),
           e.initialValueStrategy === "saved_default" && /* @__PURE__ */ t(
@@ -1451,7 +1448,7 @@ function ca({
                 const k = r.map(
                   (_) => _.id === e.id ? { ..._, defaultValue: p } : _
                 );
-                if (e.source.kind === "manual" && (Q.current[e.id] = p), i) {
+                if (e.source.kind === "manual" && (B.current[e.id] = p), i) {
                   const _ = { ...i };
                   p === void 0 ? delete _[e.id] : _[e.id] = p, F(k, _);
                   return;
@@ -1461,12 +1458,12 @@ function ca({
             }
           ),
           /* @__PURE__ */ d(
-            zt,
+            At,
             {
-              open: ee === e.id,
-              onOpenChange: (p) => X(p ? e.id : null),
+              open: Z === e.id,
+              onOpenChange: (p) => H(p ? e.id : null),
               children: [
-                /* @__PURE__ */ t(At, { asChild: !0, children: /* @__PURE__ */ d(
+                /* @__PURE__ */ t(zt, { asChild: !0, children: /* @__PURE__ */ d(
                   q,
                   {
                     type: "button",
@@ -1474,7 +1471,7 @@ function ca({
                     size: "xs",
                     className: "-ml-2 gap-1 text-muted-foreground hover:text-foreground",
                     children: [
-                      ee === e.id ? /* @__PURE__ */ t(Oe, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(Be, { className: "h-3.5 w-3.5" }),
+                      Z === e.id ? /* @__PURE__ */ t(Oe, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(Be, { className: "h-3.5 w-3.5" }),
                       "Advanced"
                     ]
                   }
@@ -1482,7 +1479,7 @@ function ca({
                 /* @__PURE__ */ d(Mt, { 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(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Control ID" }),
+                      /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Control ID" }),
                       /* @__PURE__ */ t(
                         Ot,
                         {
@@ -1493,12 +1490,12 @@ function ca({
                       )
                     ] }),
                     /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-                      /* @__PURE__ */ t(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
+                      /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
                       /* @__PURE__ */ d(
                         be,
                         {
                           value: e.initialValueStrategy,
-                          onValueChange: (p) => W(e.id, (k) => ({
+                          onValueChange: (p) => J(e.id, (k) => ({
                             ...k,
                             initialValueStrategy: p
                           })),
@@ -1521,7 +1518,7 @@ function ca({
                     Qt,
                     {
                       control: e,
-                      onChange: (p) => W(e.id, () => p)
+                      onChange: (p) => J(e.id, () => p)
                     }
                   )
                 ] })
@@ -1552,20 +1549,20 @@ function ua(s) {
     onOpenChange: o,
     initialCreateFlowActive: i = !1,
     dismissMode: f = "passive"
-  } = s, u = r !== void 0, [b, v] = B(!1), [h, C] = B(
+  } = s, u = r !== void 0, [b, v] = O(!1), [h, C] = O(
     i
-  ), x = u ? r : b, m = M(
+  ), x = u ? r : b, m = z(
     (V) => {
       !V && h && f === "passive" || (u || v(V), V || C(!1), o == null || o(V));
     },
     [u, h, f, o]
-  ), g = M(() => {
+  ), g = z(() => {
     u || v(!1), C(!1), o == null || o(!1);
   }, [u, o]);
   Se(() => {
     x || C(!1);
   }, [x]);
-  const N = M(
+  const N = z(
     (V) => {
       h && V.preventDefault();
     },