react-semaphor 0.1.302 → 0.1.304

package/dist/chunks/{use-create-flow-overlay-state-84Xe8VrP.js → use-create-flow-overlay-state-CllZvyvE.js}

@@ -1,16 +1,16 @@
-import { c as De, n as L, u as le, z as ft, A as ht, D as bt, a as ne, F as gt, ad as yt, B as V, e as xt, l as Ne, X as Pe, m as Ge, f as Ye, ae as vt, G as Ae, L as G, I as Xe, g as fe, h as he, i as be, j as ge, k as ye } from "./switch-CZtMtqEj.js";
-import { jsx as t, jsxs as d, Fragment as $ } from "react/jsx-runtime";
-import { b0 as He, b1 as Ct, b2 as kt, b3 as Nt, b4 as St, b5 as Dt, W as wt, Q as It, r as ie, b6 as Je, t as We, b7 as Ze, b8 as Tt, p as Q, b9 as Et, ba as Vt, bb as ae, bc as ze, bd as Oe, be as xe, bf as ve, bg as Ft, bh as Be, bi as qt, bj as _t, bk as se, bl as Lt, bm as Me, bn as At, bo as Qe, bp as et, bq as tt, br as rt, bs as zt, bt as at, bu as Ot, bv as Bt, bw as st, bx as lt, by as Mt, bz as Qt, bA as jt, bB as Rt, bC as Ut, bD as Kt, bE as $t, bF as je, bG as Pt, bH as Re, bI as Gt, bJ as Ce, bK as Yt } from "./index-BmoR3VQT.js";
-import { useMemo as z, useState as j, useRef as ke, useCallback as B, useEffect as Se, Fragment as Xt } from "react";
-import { u as we } from "./use-visual-utils-z3ifg6Fd.js";
-import { S as nt } from "./save-DU0FXUlM.js";
+import { c as De, n as L, u as le, z as ft, A as ht, D as bt, a as ne, F as gt, ad as yt, B as E, e as xt, l as Ne, X as Pe, m as Ye, f as Ge, ae as vt, af as Ct, ag as re, ah as Ae, ai as ze, aj as fe, ak as he, al as kt, am as Oe, an as Nt, ao as St, ap as se, aq as Dt, ar as Be, G as Me, as as Xe, at as He, au as Je, L as Y, I as We, g as be, h as ge, i as ye, j as xe, k as ve, av as Ze, aw as wt, ax as It, ay as Qe, az as Vt, aA as je, aB as Tt, aC as Ce } from "./switch-BFhVVwh9.js";
+import { jsx as t, jsxs as d, Fragment as K } from "react/jsx-runtime";
+import { b0 as et, b1 as Et, b2 as qt, b3 as Ft, b4 as _t, b5 as Lt, W as At, Q as zt, r as ie, b6 as tt, t as at, b7 as rt, b8 as Ot, p as Q, b9 as Bt, ba as Mt, bb as Re, bc as Qt, bd as jt, be as st, bf as lt, bg as Rt, bh as Ut, bi as $t, bj as Kt, bk as Pt, bl as Yt, bm as Gt, bn as Xt } from "./index-GHhvGdF9.js";
+import { useMemo as z, useState as j, useRef as ke, useCallback as B, useEffect as Se, Fragment as Ht } from "react";
+import { u as we } from "./use-visual-utils-CyjLzcDG.js";
+import { S as nt } from "./save-j-clxFtx.js";
 /**
  * @license lucide-react v0.453.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dr = De("CircleX", [
+const ca = De("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" }]
@@ -21,7 +21,7 @@ const dr = De("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ht = De("Library", [
+const Jt = De("Library", [
   ["path", { d: "m16 6 4 14", key: "ji33uf" }],
   ["path", { d: "M12 6v14", key: "1n7gus" }],
   ["path", { d: "M8 8v12", key: "1gg7y9" }],
@@ -33,17 +33,17 @@ const Ht = De("Library", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jt = De("Link2", [
+const Wt = De("Link2", [
   ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
   ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
   ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
 ]);
 function ot() {
   var h, C;
-  const s = L((y) => y.card), a = L((y) => y.frame), o = z(
-    () => He(a, s),
-    [a, s]
-  ), { manifest: i } = Ct(
+  const s = L((y) => y.card), r = L((y) => y.frame), o = z(
+    () => et(r, s),
+    [r, s]
+  ), { manifest: i } = Et(
     ((h = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : h.url) || ""
   ), f = z(
     () => {
@@ -56,38 +56,38 @@ function ot() {
       );
     },
     [i, (C = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : C.componentName]
-  ), u = kt(o, f), b = z(
-    () => Nt({
-      frame: a,
+  ), u = qt(o, f), b = z(
+    () => Ft({
+      frame: r,
       configCard: o,
       isMultiInputVisual: u === "multiple"
     }),
-    [a, o, u]
+    [r, o, u]
   ), x = z(() => {
     const y = b.findIndex(
       (m) => (m == null ? void 0 : m.id) === s.id
     );
-    return y < 0 ? -1 : St(s, y);
+    return y < 0 ? -1 : _t(s, y);
   }, [b, s]);
-  return z(() => !o || u !== "multiple" || x < 0 ? s.type : Dt(
+  return z(() => !o || u !== "multiple" || x < 0 ? s.type : Lt(
     s,
     x,
     f == null ? void 0 : f.slots
   ) ?? s.type, [o, u, x, s, f == null ? void 0 : f.slots]);
 }
-function cr({
+function ua({
   type: s,
-  isLinked: a,
+  isLinked: r,
   className: o,
   showLabel: i = !1,
   showLocal: f = !1
 }) {
-  const u = le((N) => N.selectedFrameId), b = wt((N) => N.selectedVisual), x = L((N) => N.frame);
+  const u = le((N) => N.selectedFrameId), b = At((N) => N.selectedVisual), x = L((N) => N.frame);
   let h;
   if (s)
     h = s;
-  else if (a !== void 0)
-    h = a ? "linked" : "library";
+  else if (r !== void 0)
+    h = r ? "linked" : "library";
   else if (!!!(x != null && x.visualId || b != null && b.id) && u)
     h = "local";
   else if (b && !u)
@@ -116,10 +116,10 @@ function cr({
     local: "fill-slate-50 dark:fill-slate-900",
     linked: "fill-purple-50 dark:fill-purple-950",
     library: "fill-blue-50 dark:fill-blue-950"
-  }, T = {
+  }, V = {
     local: /* @__PURE__ */ t("span", { className: "h-2 w-2 rounded-full bg-current/70" }),
-    linked: /* @__PURE__ */ t(Jt, { className: "h-3.5 w-3.5" }),
-    library: /* @__PURE__ */ t(Ht, { className: "h-3.5 w-3.5" })
+    linked: /* @__PURE__ */ t(Wt, { className: "h-3.5 w-3.5" }),
+    library: /* @__PURE__ */ t(Jt, { className: "h-3.5 w-3.5" })
   }, k = {
     local: "Local",
     linked: "Linked",
@@ -127,7 +127,7 @@ function cr({
   };
   return /* @__PURE__ */ t(ft, { children: /* @__PURE__ */ d(ht, { delayDuration: 300, children: [
     /* @__PURE__ */ t(bt, { asChild: !0, children: /* @__PURE__ */ d(
-      It,
+      zt,
       {
         variant: "outline",
         className: ne(
@@ -136,7 +136,7 @@ function cr({
           o
         ),
         children: [
-          T[h],
+          V[h],
           i && /* @__PURE__ */ t("span", { className: "ml-1 text-xs font-medium leading-none", children: k[h] })
         ]
       }
@@ -154,7 +154,7 @@ function cr({
     )
   ] }) });
 }
-function Wt(s, a) {
+function Zt(s, r) {
   return {
     ...s,
     sql: "",
@@ -165,18 +165,18 @@ function Wt(s, a) {
     interactionConfig: void 0,
     linkedInteractionTargetOverrides: void 0,
     dynamicCardPreferences: void 0,
-    customCardPreferences: a ? s.customCardPreferences : void 0,
+    customCardPreferences: r ? s.customCardPreferences : void 0,
     visualizationMode: "builtin",
-    type: a ? s.type : "bar"
+    type: r ? s.type : "bar"
   };
 }
 function Ie(s) {
-  const a = vt(s);
-  return a ? (Q.error(a), !1) : !0;
+  const r = vt(s);
+  return r ? (Q.error(r), !1) : !0;
 }
-function ur({
+function pa({
   className: s,
-  variant: a = "outline"
+  variant: r = "outline"
 }) {
   const o = L((u) => u.onSave), { getUpdatedFrame: i } = we();
   function f() {
@@ -184,12 +184,12 @@ function ur({
     Ie(u) && (o == null || o(u));
   }
   return /* @__PURE__ */ d(
-    V,
+    E,
     {
       onClick: f,
       className: s,
       size: "xs",
-      variant: a,
+      variant: r,
       children: [
         /* @__PURE__ */ t(xt, { className: "h-3.5 w-3.5" }),
         "Accept"
@@ -197,28 +197,28 @@ function ur({
     }
   );
 }
-function pr({
+function ma({
   className: s,
-  variant: a = "default"
+  variant: r = "default"
 }) {
   const o = ie(), [i, f] = j(!1), u = le(
     (v) => v.actions.setIsDashboardPanelOpen
-  ), { setIsVisualEditing: b } = Ge(), { getUpdatedFrame: x } = we(), h = We(), C = L((v) => v.frame), y = Ze();
+  ), { setIsVisualEditing: b } = Ye(), { getUpdatedFrame: x } = we(), h = at(), C = L((v) => v.frame), y = rt();
   return /* @__PURE__ */ t(
-    V,
+    E,
     {
       onClick: () => {
         const v = x();
         if (!Ie(v))
           return;
-        const T = (C == null ? void 0 : C.visualId) || (h == null ? void 0 : h.id);
-        if (!T) {
+        const V = (C == null ? void 0 : C.visualId) || (h == null ? void 0 : h.id);
+        if (!V) {
           Q.error("No visual to save");
           return;
         }
         f(!0), y.mutate(
           {
-            visualId: T,
+            visualId: V,
             data: {
               frameObject: v
             }
@@ -226,7 +226,7 @@ function pr({
           {
             onSuccess: () => {
               f(!1), u(!0), Q.success("Visual updated successfully"), o.invalidateQueries({
-                queryKey: ["resource-by-id", "visual", T],
+                queryKey: ["resource-by-id", "visual", V],
                 exact: !0
               });
             },
@@ -238,23 +238,23 @@ function pr({
       },
       className: s,
       size: "xs",
-      variant: a,
-      children: i ? /* @__PURE__ */ d($, { children: [
-        /* @__PURE__ */ t(Ye, { className: "h-3.5 w-3.5 animate-spin" }),
+      variant: r,
+      children: i ? /* @__PURE__ */ d(K, { children: [
+        /* @__PURE__ */ t(Ge, { className: "h-3.5 w-3.5 animate-spin" }),
         "Saving"
-      ] }) : /* @__PURE__ */ d($, { children: [
+      ] }) : /* @__PURE__ */ d(K, { children: [
         /* @__PURE__ */ t(nt, { className: "h-3.5 w-3.5" }),
         "Save to Library"
       ] })
     }
   );
 }
-function mr({
+function fa({
   className: s
 }) {
-  const a = ie(), [o, i] = j(!1), f = We(), u = L((k) => k.frame), b = le((k) => k.selectedSheetId), x = le((k) => k.dashboard), { updateFrame: h, setIsVisualEditing: C } = Ge(), { getUpdatedFrame: y } = we(), m = Ze(), v = Tt();
+  const r = ie(), [o, i] = j(!1), f = at(), u = L((k) => k.frame), b = le((k) => k.selectedSheetId), x = le((k) => k.dashboard), { updateFrame: h, setIsVisualEditing: C } = Ye(), { getUpdatedFrame: y } = we(), m = rt(), v = Ot();
   return /* @__PURE__ */ t(
-    V,
+    E,
     {
       onClick: async () => {
         if (!b) {
@@ -273,21 +273,21 @@ function mr({
             i(!1);
             return;
           }
-          const q = {
+          const F = {
             ...N,
             visualId: k
             // Keep the link to library visual
-          }, Y = Et(x, q.id), X = await v(q, {
-            previousFrame: Y
+          }, G = Bt(x, F.id), X = await v(F, {
+            previousFrame: G
           });
           await m.mutateAsync({
             visualId: k,
             data: {
               frameObject: N
             }
-          }), h(b, q, {
+          }), h(b, F, {
             semanticExecutionPayload: X
-          }), a.invalidateQueries({ queryKey: ["visuals"] }), a.invalidateQueries({ queryKey: ["visual", k] }), Q.success("Saved to library and applied locally"), setTimeout(() => {
+          }), r.invalidateQueries({ queryKey: ["visuals"] }), r.invalidateQueries({ queryKey: ["visual", k] }), Q.success("Saved to library and applied locally"), setTimeout(() => {
             C(!1);
           }, 300);
         } catch (N) {
@@ -302,18 +302,18 @@ function mr({
       size: "xs",
       variant: "default",
       disabled: o,
-      children: o ? /* @__PURE__ */ d($, { children: [
-        /* @__PURE__ */ t(Ye, { className: "h-3.5 w-3.5 animate-spin" }),
+      children: o ? /* @__PURE__ */ d(K, { children: [
+        /* @__PURE__ */ t(Ge, { className: "h-3.5 w-3.5 animate-spin" }),
         "Saving..."
-      ] }) : /* @__PURE__ */ d($, { children: [
+      ] }) : /* @__PURE__ */ d(K, { children: [
         /* @__PURE__ */ t(nt, { className: "h-3.5 w-3.5" }),
         "Save & Apply"
       ] })
     }
   );
 }
-function fr({ className: s }) {
-  const { setTempQueryData: a, setSqlGen: o } = Ne(), i = ie(), f = L((m) => m.tempQueryData), u = L((m) => m.onClose), b = L((m) => m.card), x = ot(), h = z(() => x !== b.type ? { ...b, type: x } : b, [b, x]), { queryKey: C } = Je(h);
+function ha({ className: s }) {
+  const { setTempQueryData: r, setSqlGen: o } = Ne(), i = ie(), f = L((m) => m.tempQueryData), u = L((m) => m.onClose), b = L((m) => m.card), x = ot(), h = z(() => x !== b.type ? { ...b, type: x } : b, [b, x]), { queryKey: C } = tt(h);
   function y() {
     if (f) {
       const { queryKey: m, queryData: v } = f;
@@ -322,7 +322,7 @@ function fr({ className: s }) {
     o({}), u == null || u();
   }
   return /* @__PURE__ */ d(
-    V,
+    E,
     {
       onClick: y,
       className: s,
@@ -335,46 +335,46 @@ function fr({ className: s }) {
     }
   );
 }
-function hr({
+function ba({
   label: s = "Clear",
-  variant: a = "secondary",
+  variant: r = "secondary",
   className: o
 } = {}) {
-  const { setTempQueryData: i } = Ne(), f = ie(), u = L((O) => O.tempQueryData), b = L((O) => O.card), x = ot(), h = z(() => x !== b.type ? { ...b, type: x } : b, [b, x]), { queryKey: C } = Je(h), {
+  const { setTempQueryData: i } = Ne(), f = ie(), u = L((O) => O.tempQueryData), b = L((O) => O.card), x = ot(), h = z(() => x !== b.type ? { ...b, type: x } : b, [b, x]), { queryKey: C } = tt(h), {
     setCardSql: y,
     setSqlGen: m,
     setCardPython: v,
-    setCardCustomCfg: T,
+    setCardCustomCfg: V,
     setCardPreferences: k,
     clearQueryConfig: N,
-    setCardConfig: q,
-    setCardType: Y,
+    setCardConfig: F,
+    setCardType: G,
     setFrame: X,
     setCard: te,
     setActiveTabCardId: H
   } = Ne();
   function de() {
-    var J, re, F, W;
+    var J, ae, q, W;
     const O = f.getQueryData(C);
     u != null && u.queryData || i({
       queryKey: C,
       queryData: O
-    }), f.setQueryData(C, null), f.removeQueries({ queryKey: C, exact: !0 }), y(""), m({}), N(), q(void 0), v(""), T(""), k({});
-    const r = L.getState().frame, I = L.getState().card, E = He(r, I), M = ((J = E == null ? void 0 : E.customCardPreferences) == null ? void 0 : J.visualType) === "multiple" || !!((re = E == null ? void 0 : E.customCardPreferences) != null && re.dataInputCardIds) || (((F = E == null ? void 0 : E.customCardPreferences) == null ? void 0 : F.minInputs) || 0) > 1 || (((W = E == null ? void 0 : E.customCardPreferences) == null ? void 0 : W.maxInputs) || 0) > 1, R = Wt(I, M);
+    }), f.setQueryData(C, null), f.removeQueries({ queryKey: C, exact: !0 }), y(""), m({}), N(), F(void 0), v(""), V(""), k({});
+    const a = L.getState().frame, I = L.getState().card, T = et(a, I), M = ((J = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : J.visualType) === "multiple" || !!((ae = T == null ? void 0 : T.customCardPreferences) != null && ae.dataInputCardIds) || (((q = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : q.minInputs) || 0) > 1 || (((W = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : W.maxInputs) || 0) > 1, R = Zt(I, M);
     X({
-      ...r,
-      cards: r.cards.map(
+      ...a,
+      cards: a.cards.map(
         (U) => U.id === R.id ? R : U
       )
-    }), H(R.id), te(R), M || Y("bar");
+    }), H(R.id), te(R), M || G("bar");
   }
   return /* @__PURE__ */ d(
-    V,
+    E,
     {
       onClick: de,
       className: o,
       size: "xs",
-      variant: a,
+      variant: r,
       children: [
         /* @__PURE__ */ t(Pe, { className: "h-3.5 w-3.5" }),
         s
@@ -383,25 +383,25 @@ function hr({
   );
 }
 function it(s) {
-  const { control: a, onChange: o } = s;
+  const { control: r, onChange: o } = s;
   return /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ t(G, { 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(
-      Xe,
+      We,
       {
         size: "xs",
-        value: a.label,
+        value: r.label,
         placeholder: "Control label",
         onChange: (i) => o(i.target.value)
       }
     )
   ] });
 }
-function Zt(s) {
-  const { currentStep: a, labels: o } = s;
+function ea(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 === a, x = u < a;
-    return /* @__PURE__ */ d(Xt, { children: [
+    const u = f + 1, b = u === r, x = u < r;
+    return /* @__PURE__ */ d(Ht, { children: [
       /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ t(
           "span",
@@ -435,27 +435,27 @@ function Zt(s) {
   }) }) });
 }
 function oe(s) {
-  const { secondary: a, tertiary: o, primary: i } = 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: [
-    a,
+    r,
     o,
     i
   ] });
 }
-function er(s) {
-  const { control: a, scope: o, detail: i } = s;
+function ta(s) {
+  const { control: r, scope: o, detail: i } = s;
   return /* @__PURE__ */ d("div", { className: "flex items-start gap-2.5 rounded-control border border-border/60 bg-muted/30 px-3 py-2.5", children: [
-    /* @__PURE__ */ t(Yt, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground" }),
+    /* @__PURE__ */ t(Xt, { 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: a.label }),
+      /* @__PURE__ */ t("div", { className: "text-[13px] font-medium text-foreground", children: r.label }),
       /* @__PURE__ */ d("div", { className: "text-[12px] text-muted-foreground", children: [
-        et(a.type).label,
+        Xe(r.type).label,
         " ·",
         " ",
-        rt(a),
+        Je(r),
         " ·",
         " ",
-        tt(o, a.placement)
+        He(o, r.placement)
       ] }),
       i ? /* @__PURE__ */ t("div", { className: "text-[12px] text-muted-foreground", children: i }) : null
     ] })
@@ -463,7 +463,7 @@ function er(s) {
 }
 function Ue(s) {
   const {
-    control: a,
+    control: r,
     defaultValue: o,
     availableFieldChoices: i,
     availableMetricChoices: f,
@@ -477,11 +477,11 @@ function Ue(s) {
     nextDisabled: v
   } = s;
   return /* @__PURE__ */ d("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ t(it, { control: a, onChange: h }),
+    /* @__PURE__ */ t(it, { control: r, onChange: h }),
     /* @__PURE__ */ t(
       st,
       {
-        control: a,
+        control: r,
         availableFieldChoices: i,
         availableMetricChoices: f,
         previewControlDefinitions: u,
@@ -493,7 +493,7 @@ function Ue(s) {
     /* @__PURE__ */ t(
       lt,
       {
-        control: a,
+        control: r,
         value: o,
         onChange: C,
         allowNoDefault: !0,
@@ -506,9 +506,9 @@ function Ue(s) {
     /* @__PURE__ */ t(
       oe,
       {
-        secondary: /* @__PURE__ */ t(V, { type: "button", variant: "outline", size: "xs", onClick: y, children: "Back" }),
+        secondary: /* @__PURE__ */ t(E, { type: "button", variant: "outline", size: "xs", onClick: y, children: "Back" }),
         primary: /* @__PURE__ */ t(
-          V,
+          E,
           {
             type: "button",
             size: "xs",
@@ -521,14 +521,14 @@ function Ue(s) {
     )
   ] });
 }
-const tr = /* @__PURE__ */ new Set([
+const aa = /* @__PURE__ */ new Set([
   "grain_selector",
   "aggregation_selector",
   "field_selector",
   "metric_selector"
 ]);
-function Ke(s) {
-  const { text: a, ariaLabel: o } = s, [i, f] = j(!1);
+function $e(s) {
+  const { text: r, ariaLabel: o } = s, [i, f] = j(!1);
   return /* @__PURE__ */ d(
     "button",
     {
@@ -536,22 +536,22 @@ function Ke(s) {
       "aria-label": o,
       onClick: async () => {
         try {
-          await navigator.clipboard.writeText(a), f(!0), setTimeout(() => f(!1), 1200);
+          await navigator.clipboard.writeText(r), f(!0), setTimeout(() => f(!1), 1200);
         } catch (u) {
           console.error("Failed to copy", u);
         }
       },
       className: "group flex w-full items-center justify-between gap-2 rounded-control bg-muted/40 px-2 py-1 text-left transition-colors hover:bg-muted/60 focus-visible:bg-muted/60 focus-visible:outline-none",
       children: [
-        /* @__PURE__ */ t("code", { className: "min-w-0 truncate font-mono text-[12px] text-foreground", children: a }),
+        /* @__PURE__ */ t("code", { className: "min-w-0 truncate font-mono text-[12px] text-foreground", children: r }),
         /* @__PURE__ */ t("span", { className: "shrink-0 text-[11px] text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100", children: i ? "Copied" : "Click to copy" })
       ]
     }
   );
 }
-function $e(s) {
+function Ke(s) {
   const {
-    control: a,
+    control: r,
     scope: o,
     createdReference: i,
     explorerContent: f,
@@ -560,12 +560,12 @@ function $e(s) {
     onBack: x,
     onCancel: h,
     onDone: C
-  } = s, y = tr.has(a.type), m = i.match(/\[\[param\.(.+?)\]\]/), v = m ? `{{ param('${m[1]}') }}` : "";
+  } = s, y = aa.has(r.type), m = i.match(/\[\[param\.(.+?)\]\]/), v = m ? `{{ param('${m[1]}') }}` : "";
   return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
     /* @__PURE__ */ t(
-      er,
+      ta,
       {
-        control: a,
+        control: r,
         scope: o,
         detail: b
       }
@@ -580,14 +580,14 @@ function $e(s) {
         /* @__PURE__ */ d("div", { className: "space-y-1.5 px-3 py-2.5", children: [
           /* @__PURE__ */ t("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "SQL cards" }),
           /* @__PURE__ */ t(
-            Ke,
+            $e,
             {
               text: i,
               ariaLabel: "Copy SQL control reference"
             }
           ),
           v ? /* @__PURE__ */ t(
-            Ke,
+            $e,
             {
               text: v,
               ariaLabel: "Copy Jinja control reference"
@@ -614,30 +614,30 @@ function $e(s) {
     /* @__PURE__ */ t(
       oe,
       {
-        secondary: /* @__PURE__ */ t(V, { type: "button", variant: "outline", size: "xs", onClick: x, children: "Back" }),
-        tertiary: /* @__PURE__ */ t(V, { type: "button", variant: "outline", size: "xs", onClick: h, children: "Cancel" }),
-        primary: /* @__PURE__ */ t(V, { type: "button", size: "xs", onClick: C, children: "Done" })
+        secondary: /* @__PURE__ */ t(E, { type: "button", variant: "outline", size: "xs", onClick: x, children: "Back" }),
+        tertiary: /* @__PURE__ */ t(E, { type: "button", variant: "outline", size: "xs", onClick: h, children: "Cancel" }),
+        primary: /* @__PURE__ */ t(E, { type: "button", size: "xs", onClick: C, children: "Done" })
       }
     )
   ] });
 }
-function rr(s) {
-  const a = ae(
+function ra(s) {
+  const r = re(
     s.scope,
     s.existingControls,
     s.reservedIds
-  ), o = s.type === a.type ? {
-    ...a,
+  ), o = s.type === r.type ? {
+    ...r,
     label: Ce[s.type]
   } : {
-    ...at({
+    ...Ze({
       controls: [
         {
-          ...a,
+          ...r,
           label: Ce[s.type]
         }
       ],
-      controlId: a.id,
+      controlId: r.id,
       nextType: s.type
     }).controls[0],
     label: Ce[s.type]
@@ -648,9 +648,9 @@ function rr(s) {
     defaultValue: se(o, void 0)
   };
 }
-function br({
+function ga({
   scope: s,
-  controls: a,
+  controls: r,
   reservedControlIds: o,
   defaultValues: i,
   onChange: f,
@@ -662,72 +662,72 @@ function br({
   structuralParticipants: y,
   structuralParticipantIdsByControlId: m,
   card: v,
-  allowedControlTypes: T,
+  allowedControlTypes: V,
   onCreateFlowActiveChange: k,
   onCreateFlowComplete: N
 }) {
-  const q = z(
+  const F = z(
     () => new Set(o || []),
     [o]
-  ), Y = Ot(s), X = Vt(s), [te, H] = j(
+  ), G = wt(s), X = Ct(s), [te, H] = j(
     null
   ), [de, O] = j(
     null
-  ), [r, I] = j(
+  ), [a, I] = j(
     () => b ? {
       step: 1,
-      control: ae(s, a, Array.from(q))
+      control: re(s, r, Array.from(F))
     } : null
-  ), E = ke({}), M = ke(void 0), R = ke(b), J = z(() => {
-    const e = ze({ scope: s, card: v });
-    if (!T)
+  ), T = ke({}), M = ke(void 0), R = ke(b), J = z(() => {
+    const e = Ae({ scope: s, card: v });
+    if (!V)
       return e;
-    const n = new Set(T);
+    const n = new Set(V);
     return e.filter((l) => n.has(l.value));
-  }, [T, v, s]), re = B(
+  }, [V, v, s]), ae = B(
     (e) => {
-      const n = ze({
+      const n = Ae({
         scope: s,
         card: v,
-        includeType: T ? void 0 : e
+        includeType: V ? void 0 : e
       });
-      if (!T)
+      if (!V)
         return n;
-      const l = new Set(T);
+      const l = new Set(V);
       return n.filter((c) => l.has(c.value));
     },
-    [T, v, s]
-  ), F = B(
+    [V, v, s]
+  ), q = B(
     (e) => s === "dashboard" && (e === "field_selector" || e === "metric_selector"),
     [s]
   ), W = z(
-    () => r ? Oe(
+    () => a ? ze(
       y || [],
-      r.control.type
+      a.control.type
     ) : [],
-    [r, y]
+    [a, y]
   ), U = z(() => {
-    if (!r)
+    if (!a)
       return {
         fields: h || [],
         metrics: C || []
       };
-    if (!F(r.control.type))
+    if (!q(a.control.type))
       return {
         fields: h || [],
         metrics: C || []
       };
-    const e = r.selectedCardIds || [], n = xe({
-      controlType: r.control.type,
+    const e = a.selectedCardIds || [], n = fe({
+      controlType: a.control.type,
       participants: y || [],
       selectedCardIds: e
     });
     return {
-      fields: r.control.type === "field_selector" ? n.choices.map((l) => ({
+      fields: a.control.type === "field_selector" ? n.choices.map((l) => ({
         option: l,
         target: n.fieldTargetMap[l.value]
       })) : [],
-      metrics: r.control.type === "metric_selector" ? n.choices.map((l) => ({
+      metrics: a.control.type === "metric_selector" ? n.choices.map((l) => ({
         option: l,
         target: n.metricTargetMap[l.value]
       })) : []
@@ -735,21 +735,21 @@ function br({
   }, [
     h,
     C,
-    r,
-    F,
+    a,
+    q,
     y
   ]);
   Se(() => {
-    k == null || k(!!r);
-  }, [r, k]), Se(() => {
+    k == null || k(!!a);
+  }, [a, k]), Se(() => {
     const e = b && !R.current;
     R.current = b, e && (I({
       step: 1,
-      control: ae(s, a, Array.from(q))
+      control: re(s, r, Array.from(F))
     }), O(null), H(null));
-  }, [a, b, q, s]);
+  }, [r, b, F, s]);
   const dt = (e) => {
-    if (!F(e.type))
+    if (!q(e.type))
       return {
         fields: h || [],
         metrics: C || []
@@ -760,7 +760,7 @@ function br({
         fields: h || [],
         metrics: C || []
       };
-    const l = xe({
+    const l = fe({
       controlType: e.type,
       participants: y || [],
       selectedCardIds: n
@@ -775,17 +775,17 @@ function br({
         target: l.metricTargetMap[c.value]
       })) : []
     };
-  }, Te = (e) => {
-    if (!F(e.control.type))
+  }, Ve = (e) => {
+    if (!q(e.control.type))
       return {
         nextControl: e.control,
         cardBindingsById: void 0
       };
-    const n = (m == null ? void 0 : m[e.control.id]) || [], l = xe({
+    const n = (m == null ? void 0 : m[e.control.id]) || [], l = fe({
       controlType: e.control.type,
       participants: y || [],
       selectedCardIds: e.nextSelectedCardIds
-    }), c = Gt({
+    }), c = Tt({
       control: e.control,
       choices: l.choices
     }), g = Object.fromEntries(
@@ -793,7 +793,7 @@ function br({
     );
     return e.nextSelectedCardIds.length > 0 && c.source.kind === "manual" && c.source.options.length > 0 && Object.assign(
       g,
-      Re({
+      je({
         control: c,
         participants: y || [],
         selectedCardIds: e.nextSelectedCardIds
@@ -804,31 +804,31 @@ function br({
     };
   }, A = B(
     (e, n = i, l = { type: "update" }) => {
-      const c = e.map((g) => (ve({
+      const c = e.map((g) => (he({
         control: g,
         defaultValues: n
-      }), Ft(
+      }), kt(
         g
       )));
       f(c, n, l);
     },
     [i, f]
   ), Z = (e, n) => {
-    const l = a.find(
+    const l = r.find(
       (w) => w.id === e
     );
-    let c = a.map((w) => w.id !== e ? w : n(w));
+    let c = r.map((w) => w.id !== e ? w : n(w));
     const g = c.find(
       (w) => w.id === e
     );
     let D, p;
     if (g && s === "dashboard" && (g.type === "field_selector" || g.type === "metric_selector")) {
-      const w = (m == null ? void 0 : m[g.id]) || [], P = Te({
+      const w = (m == null ? void 0 : m[g.id]) || [], P = Ve({
         control: g,
         nextSelectedCardIds: w
       });
       c = c.map(
-        (K) => K.id === e ? P.nextControl : K
+        ($) => $.id === e ? P.nextControl : $
       ), D = P.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]) || [];
@@ -841,18 +841,18 @@ function br({
     );
     let _ = i;
     if (l && S) {
-      const w = ve({
+      const w = he({
         control: l,
         defaultValues: i
       });
-      l.source.kind === "manual" && S.source.kind === "sql_query" && (E.current[e] = w);
-      const P = w === void 0 && l.source.kind === "sql_query" && S.source.kind === "manual" ? E.current[e] : w, K = je({
+      l.source.kind === "manual" && S.source.kind === "sql_query" && (T.current[e] = w);
+      const P = w === void 0 && l.source.kind === "sql_query" && S.source.kind === "manual" ? T.current[e] : w, $ = Qe({
         previousControl: l,
         nextControl: S,
         currentDefaultValue: P
       });
-      S.source.kind === "manual" && (E.current[e] = K), i && (_ = { ...i }, K === void 0 ? delete _[e] : _[e] = K), c = c.map(
-        (Le) => Le.id === e ? { ...S, defaultValue: K } : Le
+      S.source.kind === "manual" && (T.current[e] = $), i && (_ = { ...i }, $ === void 0 ? delete _[e] : _[e] = $), c = c.map(
+        (Le) => Le.id === e ? { ...S, defaultValue: $ } : Le
       );
     }
     A(c, _, {
@@ -861,12 +861,14 @@ function br({
       affectedBindingControlIds: p
     });
   }, ct = (e, n) => {
-    const l = n.trim();
-    if (l.length === 0 || l === e || q.has(l) || a.some(
+    if (!n.trim())
+      return;
+    const l = Gt(n);
+    if (l === e || F.has(l) || r.some(
       (D) => D.id === l && D.id !== e
     ))
       return;
-    const c = a.map(
+    const c = r.map(
       (D) => D.id === e ? { ...D, id: l } : D
     );
     if (!i) {
@@ -884,7 +886,7 @@ function br({
       newId: l
     });
   }, ut = (e) => {
-    const n = a.filter((c) => c.id !== e);
+    const n = r.filter((c) => c.id !== e);
     if (!i) {
       A(n, void 0, { type: "remove", controlId: e });
       return;
@@ -894,14 +896,14 @@ function br({
   }, pt = B(() => {
     M.current = void 0, I({
       step: 1,
-      control: ae(s, a, Array.from(q))
+      control: re(s, r, Array.from(F))
     }), O(null), H(null);
-  }, [a, q, s]), ee = (e) => {
+  }, [r, F, s]), ee = (e) => {
     I(
       (n) => n && (() => {
         const l = e(n.control);
         n.control.source.kind === "manual" && l.source.kind === "sql_query" && (M.current = n.defaultValue);
-        const c = n.defaultValue === void 0 && n.control.source.kind === "sql_query" && l.source.kind === "manual" ? M.current : n.defaultValue, g = je({
+        const c = n.defaultValue === void 0 && n.control.source.kind === "sql_query" && l.source.kind === "manual" ? M.current : n.defaultValue, g = Qe({
           previousControl: n.control,
           nextControl: l,
           currentDefaultValue: c
@@ -913,7 +915,7 @@ function br({
         };
       })()
     );
-  }, Ee = (e) => {
+  }, Te = (e) => {
     I(
       (n) => n && (n.control.source.kind === "manual" && (M.current = e), {
         ...n,
@@ -921,14 +923,14 @@ function br({
       })
     );
   }, ce = (() => {
-    if (!r)
+    if (!a)
       return !1;
-    if (r.step === 2 && F(r.control.type))
-      return (r.selectedCardIds || []).length > 0;
-    if (r.step !== 2 && r.step !== 3 || !r.control.label.trim())
+    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 = r.control.source.kind === "sql_query" ? r.control : Be(r.control);
-    if (n.source.kind === "manual" && (qt(n) && n.source.options.length === 0 || n.source.options.some(
+    const n = a.control.source.kind === "sql_query" ? a.control : Oe(a.control);
+    if (n.source.kind === "manual" && (Nt(n) && n.source.options.length === 0 || n.source.options.some(
       (c) => c.label.trim().length === 0 || c.value.trim().length === 0
     )))
       return !1;
@@ -936,53 +938,53 @@ function br({
       const { connectionId: l, sql: c, valueColumn: g } = n.source;
       return l.trim().length > 0 && c.trim().length > 0 && g.trim().length > 0;
     }
-    return _t(
-      se(n, r.defaultValue)
+    return St(
+      se(n, a.defaultValue)
     );
-  })(), Ve = () => {
+  })(), Ee = () => {
     var D;
-    if (!r)
+    if (!a)
       return;
-    const e = Be(r.control), n = Pt({
+    const e = Oe(a.control), n = Vt({
       label: e.label,
       fallbackId: e.id,
-      existingControls: a,
-      reservedIds: Array.from(q)
+      existingControls: r,
+      reservedIds: Array.from(F)
     }), l = {
       ...e,
       id: n
-    }, c = s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") && ((D = r.selectedCardIds) != null && D.length) ? Re({
+    }, c = s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") && ((D = a.selectedCardIds) != null && D.length) ? je({
       control: l,
       participants: y || [],
-      selectedCardIds: r.selectedCardIds
+      selectedCardIds: a.selectedCardIds
     }) : void 0, g = se(
       l,
-      r.defaultValue
+      a.defaultValue
     );
     I({
       step: s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") ? 4 : 3,
       control: l,
       defaultValue: g,
       createdControlId: n,
-      selectedCardIds: r.selectedCardIds,
+      selectedCardIds: a.selectedCardIds,
       cardBindingsById: c
     });
   }, ue = B(() => {
     I(null);
-  }, []), Fe = B(() => {
-    if (!(r != null && r.createdControlId)) {
+  }, []), qe = B(() => {
+    if (!(a != null && a.createdControlId)) {
       I(null);
       return;
     }
-    const e = r.control, n = r.createdControlId, l = se(
+    const e = a.control, n = a.createdControlId, l = se(
       e,
-      r.defaultValue
+      a.defaultValue
     );
     if (i) {
       const c = { ...i };
       l === void 0 ? delete c[n] : c[n] = l, A(
         [
-          ...a,
+          ...r,
           {
             ...e,
             defaultValue: l
@@ -991,13 +993,13 @@ function br({
         c,
         {
           type: "add",
-          cardBindingsById: r.cardBindingsById
+          cardBindingsById: a.cardBindingsById
         }
       );
     } else
       A(
         [
-          ...a,
+          ...r,
           {
             ...e,
             defaultValue: l
@@ -1006,33 +1008,33 @@ function br({
         void 0,
         {
           type: "add",
-          cardBindingsById: r.cardBindingsById
+          cardBindingsById: a.cardBindingsById
         }
       );
     O(n), I(null), N == null || N();
-  }, [a, r, i, A, N]), mt = r ? F(r.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], qe = r != null && r.createdControlId ? `[[param.${r.createdControlId}]]` : r ? `[[param.${Lt(r.control.label) || r.control.id}]]` : "", pe = Me({
-    controls: a,
+  }, [r, a, i, A, N]), mt = a ? q(a.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], Fe = a != null && a.createdControlId ? `[[param.${a.createdControlId}]]` : a ? `[[param.${Dt(a.control.label) || a.control.id}]]` : "", pe = Be({
+    controls: r,
     defaultValues: i
-  }), me = r ? [...a, r.control] : a, _e = r ? Me({
+  }), me = a ? [...r, a.control] : r, _e = a ? Be({
     controls: me,
     defaultValues: i,
     overrides: [
       {
-        controlId: r.control.id,
-        value: r.defaultValue
+        controlId: a.control.id,
+        value: a.defaultValue
       }
     ]
   }) : pe;
   return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-    r ? /* @__PURE__ */ d("div", { className: "space-y-4 pb-1", children: [
+    a ? /* @__PURE__ */ d("div", { className: "space-y-4 pb-1", children: [
       /* @__PURE__ */ t(
-        Zt,
+        ea,
         {
-          currentStep: r.step,
+          currentStep: a.step,
           labels: mt
         }
       ),
-      r.step === 1 && (() => {
+      a.step === 1 && (() => {
         const e = /* @__PURE__ */ new Set([
           "grain_selector",
           "aggregation_selector",
@@ -1048,10 +1050,10 @@ function br({
             type: "button",
             className: "rounded-control border border-border/60 bg-background px-3 py-2.5 text-left transition-colors hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:outline-none",
             onClick: () => I(
-              rr({
+              ra({
                 scope: s,
-                existingControls: a,
-                reservedIds: Array.from(q),
+                existingControls: r,
+                reservedIds: Array.from(F),
                 type: g.value
               })
             ),
@@ -1076,7 +1078,7 @@ function br({
             oe,
             {
               secondary: /* @__PURE__ */ t(
-                V,
+                E,
                 {
                   type: "button",
                   variant: "outline",
@@ -1089,12 +1091,12 @@ function br({
           )
         ] });
       })(),
-      r.step === 2 && F(r.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(
             it,
             {
-              control: r.control,
+              control: a.control,
               onChange: (e) => ee((n) => ({
                 ...n,
                 label: e
@@ -1104,14 +1106,14 @@ function br({
           /* @__PURE__ */ t("p", { className: "text-[12px] text-muted-foreground", children: "Choose which cards should respond to this shared control." })
         ] }),
         W.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-control border border-border/60 bg-muted/30 px-3 py-2.5 text-[12px] text-muted-foreground", children: "No eligible cards are available yet. Add compatible metrics or group-by fields to cards first." }) : /* @__PURE__ */ t("div", { className: "space-y-1 rounded-control border border-border/60 bg-background p-2", children: W.map((e) => {
-          const n = (r.selectedCardIds || []).includes(e.cardId);
+          const n = (a.selectedCardIds || []).includes(e.cardId);
           return /* @__PURE__ */ d(
             "label",
             {
               className: "flex items-start gap-2 rounded-control px-1.5 py-1 text-[13px] hover:bg-muted/40",
               children: [
                 /* @__PURE__ */ t(
-                  At,
+                  Mt,
                   {
                     checked: n,
                     onCheckedChange: (l) => I(
@@ -1129,7 +1131,7 @@ function br({
                 ),
                 /* @__PURE__ */ d("div", { className: "min-w-0", children: [
                   /* @__PURE__ */ t("div", { className: "font-medium text-foreground", children: e.title }),
-                  /* @__PURE__ */ t("div", { className: "text-[12px] text-muted-foreground", children: r.control.type === "field_selector" ? `${e.fieldChoices.length} compatible group-by fields` : `${e.metricChoices.length} compatible metrics` })
+                  /* @__PURE__ */ t("div", { className: "text-[12px] text-muted-foreground", children: a.control.type === "field_selector" ? `${e.fieldChoices.length} compatible group-by fields` : `${e.metricChoices.length} compatible metrics` })
                 ] })
               ]
             },
@@ -1140,7 +1142,7 @@ function br({
           oe,
           {
             secondary: /* @__PURE__ */ t(
-              V,
+              E,
               {
                 type: "button",
                 variant: "outline",
@@ -1156,7 +1158,7 @@ function br({
               }
             ),
             primary: /* @__PURE__ */ t(
-              V,
+              E,
               {
                 type: "button",
                 size: "xs",
@@ -1173,11 +1175,11 @@ function br({
           }
         )
       ] }),
-      r.step === 2 && !F(r.control.type) && /* @__PURE__ */ t(
+      a.step === 2 && !q(a.control.type) && /* @__PURE__ */ t(
         Ue,
         {
-          control: r.control,
-          defaultValue: r.defaultValue,
+          control: a.control,
+          defaultValue: a.defaultValue,
           availableFieldChoices: U.fields,
           availableMetricChoices: U.metrics,
           previewControlDefinitions: me,
@@ -1187,22 +1189,22 @@ function br({
             ...n,
             label: e
           })),
-          onDefaultValueChange: Ee,
+          onDefaultValueChange: Te,
           onBack: () => I(
             (e) => e && {
               ...e,
               step: 1
             }
           ),
-          onNext: Ve,
+          onNext: Ee,
           nextDisabled: !ce
         }
       ),
-      r.step === 3 && F(r.control.type) && /* @__PURE__ */ t(
+      a.step === 3 && q(a.control.type) && /* @__PURE__ */ t(
         Ue,
         {
-          control: r.control,
-          defaultValue: r.defaultValue,
+          control: a.control,
+          defaultValue: a.defaultValue,
           availableFieldChoices: U.fields,
           availableMetricChoices: U.metrics,
           previewControlDefinitions: me,
@@ -1212,24 +1214,24 @@ function br({
             ...n,
             label: e
           })),
-          onDefaultValueChange: Ee,
+          onDefaultValueChange: Te,
           onBack: () => I(
             (e) => e && {
               ...e,
               step: 2
             }
           ),
-          onNext: Ve,
+          onNext: Ee,
           nextDisabled: !ce
         }
       ),
-      r.step === 3 && !F(r.control.type) && /* @__PURE__ */ t(
-        $e,
+      a.step === 3 && !q(a.control.type) && /* @__PURE__ */ t(
+        Ke,
         {
-          control: r.control,
+          control: a.control,
           scope: s,
-          createdReference: qe,
-          explorerContent: /* @__PURE__ */ d($, { children: [
+          createdReference: Fe,
+          explorerContent: /* @__PURE__ */ d(K, { children: [
             "Open the card and use",
             " ",
             /* @__PURE__ */ t("span", { className: "font-medium text-foreground", children: "Settings → Controls" }),
@@ -1244,22 +1246,22 @@ function br({
             }
           ),
           onCancel: ue,
-          onDone: Fe
+          onDone: qe
         }
       ),
-      r.step === 4 && F(r.control.type) && /* @__PURE__ */ t(
-        $e,
+      a.step === 4 && q(a.control.type) && /* @__PURE__ */ t(
+        Ke,
         {
-          control: r.control,
+          control: a.control,
           scope: s,
-          createdReference: qe,
-          summaryDetail: /* @__PURE__ */ d($, { children: [
+          createdReference: Fe,
+          summaryDetail: /* @__PURE__ */ d(K, { children: [
             "Used by ",
-            (r.selectedCardIds || []).length,
+            (a.selectedCardIds || []).length,
             " selected card",
-            (r.selectedCardIds || []).length === 1 ? "" : "s"
+            (a.selectedCardIds || []).length === 1 ? "" : "s"
           ] }),
-          explorerContent: /* @__PURE__ */ t($, { children: "Selected cards have been set up to respond to this control automatically." }),
+          explorerContent: /* @__PURE__ */ t(K, { 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: () => I(
             (e) => e && {
@@ -1268,13 +1270,13 @@ function br({
             }
           ),
           onCancel: ue,
-          onDone: Fe
+          onDone: qe
         }
       )
     ] }) : null,
-    !r && a.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: u }) : null,
-    !r && a.map((e) => {
-      const n = dt(e), l = x == null ? void 0 : x[e.id], c = ve({
+    !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 = dt(e), l = x == null ? void 0 : x[e.id], c = he({
         control: e,
         defaultValues: i
       }), g = 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";
@@ -1293,15 +1295,15 @@ function br({
                     (p) => p === e.id ? null : e.id
                   ),
                   children: [
-                    g ? /* @__PURE__ */ t(Ae, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ t(Qe, { 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(Re, { 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: et(e.type).label }),
-                        /* @__PURE__ */ t("span", { className: D, children: tt(s, e.placement) })
+                        /* @__PURE__ */ t("span", { className: D, children: Xe(e.type).label }),
+                        /* @__PURE__ */ t("span", { className: D, children: He(s, e.placement) })
                       ] }),
                       /* @__PURE__ */ d("div", { className: "mt-0.5 text-[12px] text-muted-foreground", children: [
-                        rt(e),
+                        Je(e),
                         l != null && l.status ? ` · ${l.status}` : ""
                       ] })
                     ] })
@@ -1309,7 +1311,7 @@ function br({
                 }
               ),
               /* @__PURE__ */ t(
-                V,
+                E,
                 {
                   type: "button",
                   size: "xs",
@@ -1317,16 +1319,16 @@ function br({
                   className: "h-7 w-7 shrink-0 p-0 text-muted-foreground",
                   onClick: () => ut(e.id),
                   "aria-label": `Remove ${e.label}`,
-                  children: /* @__PURE__ */ t(zt, { className: "h-3.5 w-3.5" })
+                  children: /* @__PURE__ */ t(Qt, { className: "h-3.5 w-3.5" })
                 }
               )
             ] }),
             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(G, { 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(
-                    Xe,
+                    We,
                     {
                       size: "xs",
                       value: e.label,
@@ -1339,14 +1341,14 @@ function br({
                   )
                 ] }),
                 /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-                  /* @__PURE__ */ t(G, { 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(
-                    fe,
+                    be,
                     {
                       value: e.type,
                       onValueChange: (p) => {
-                        const S = at({
-                          controls: a,
+                        const S = Ze({
+                          controls: r,
                           controlId: e.id,
                           nextType: p,
                           defaultValues: i
@@ -1354,10 +1356,10 @@ function br({
                         A(S.controls, S.defaultValues);
                       },
                       children: [
-                        /* @__PURE__ */ t(he, { size: "xs", children: /* @__PURE__ */ t(be, {}) }),
-                        /* @__PURE__ */ t(ge, { children: re(e.type).map(
+                        /* @__PURE__ */ t(ge, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
+                        /* @__PURE__ */ t(xe, { children: ae(e.type).map(
                           (p) => /* @__PURE__ */ t(
-                            ye,
+                            ve,
                             {
                               value: p.value,
                               children: p.label
@@ -1370,9 +1372,9 @@ function br({
                   )
                 ] }),
                 /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-                  /* @__PURE__ */ t(G, { 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(
-                    fe,
+                    be,
                     {
                       value: e.placement || X,
                       onValueChange: (p) => Z(e.id, (S) => ({
@@ -1380,18 +1382,18 @@ function br({
                         placement: p
                       })),
                       children: [
-                        /* @__PURE__ */ t(he, { size: "xs", children: /* @__PURE__ */ t(be, {}) }),
-                        /* @__PURE__ */ t(ge, { children: Y.map((p) => /* @__PURE__ */ t(ye, { value: p.value, children: p.label }, p.value)) })
+                        /* @__PURE__ */ t(ge, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
+                        /* @__PURE__ */ t(xe, { children: G.map((p) => /* @__PURE__ */ t(ve, { value: p.value, children: p.label }, p.value)) })
                       ]
                     }
                   )
                 ] })
               ] }),
-              F(e.type) ? /* @__PURE__ */ t(
-                Bt,
+              q(e.type) ? /* @__PURE__ */ t(
+                jt,
                 {
                   type: e.type,
-                  participants: Oe(
+                  participants: ze(
                     y || [],
                     e.type
                   ).map((p) => ({
@@ -1401,10 +1403,10 @@ function br({
                   })),
                   selectedCardIds: (m == null ? void 0 : m[e.id]) || [],
                   onChange: (p) => {
-                    const S = Te({
+                    const S = Ve({
                       control: e,
                       nextSelectedCardIds: p
-                    }), _ = a.map(
+                    }), _ = r.map(
                       (w) => w.id === e.id ? S.nextControl : w
                     );
                     A(_, i, {
@@ -1420,7 +1422,7 @@ function br({
                   control: e,
                   availableFieldChoices: n.fields,
                   availableMetricChoices: n.metrics,
-                  previewControlDefinitions: a,
+                  previewControlDefinitions: r,
                   previewControlValues: pe,
                   controlLifecycle: "edit",
                   onChange: (p) => Z(e.id, () => p)
@@ -1433,13 +1435,13 @@ function br({
                   value: c,
                   allowNoDefault: !0,
                   allowCardDefault: !0,
-                  previewControlDefinitions: a,
+                  previewControlDefinitions: r,
                   previewControlValues: pe,
                   onChange: (p) => {
-                    const S = a.map(
+                    const S = r.map(
                       (_) => _.id === e.id ? { ..._, defaultValue: p } : _
                     );
-                    if (e.source.kind === "manual" && (E.current[e.id] = p), i) {
+                    if (e.source.kind === "manual" && (T.current[e.id] = p), i) {
                       const _ = { ...i };
                       p === void 0 ? delete _[e.id] : _[e.id] = p, A(S, _);
                       return;
@@ -1449,30 +1451,30 @@ function br({
                 }
               ),
               /* @__PURE__ */ d(
-                Mt,
+                Rt,
                 {
                   open: te === e.id,
                   onOpenChange: (p) => H(p ? e.id : null),
                   children: [
-                    /* @__PURE__ */ t(Qt, { asChild: !0, children: /* @__PURE__ */ d(
-                      V,
+                    /* @__PURE__ */ t(Ut, { asChild: !0, children: /* @__PURE__ */ d(
+                      E,
                       {
                         type: "button",
                         variant: "ghost",
                         size: "xs",
                         className: "-ml-2 gap-1 text-muted-foreground hover:text-foreground",
                         children: [
-                          te === e.id ? /* @__PURE__ */ t(Ae, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(Qe, { className: "h-3.5 w-3.5" }),
+                          te === e.id ? /* @__PURE__ */ t(Me, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(Re, { className: "h-3.5 w-3.5" }),
                           "Advanced"
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ d(jt, { className: "space-y-3 pt-2", children: [
+                    /* @__PURE__ */ d($t, { 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(G, { 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: "Variable name" }),
                           /* @__PURE__ */ t(
-                            Rt,
+                            Kt,
                             {
                               controlId: e.id,
                               onCommit: (p) => ct(e.id, p)
@@ -1481,9 +1483,9 @@ function br({
                           )
                         ] }),
                         /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-                          /* @__PURE__ */ t(G, { 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(
-                            fe,
+                            be,
                             {
                               value: e.initialValueStrategy,
                               onValueChange: (p) => Z(e.id, (S) => ({
@@ -1491,9 +1493,9 @@ function br({
                                 initialValueStrategy: p
                               })),
                               children: [
-                                /* @__PURE__ */ t(he, { size: "xs", children: /* @__PURE__ */ t(be, {}) }),
-                                /* @__PURE__ */ t(ge, { children: Ut.map((p) => /* @__PURE__ */ t(
-                                  ye,
+                                /* @__PURE__ */ t(ge, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
+                                /* @__PURE__ */ t(xe, { children: It.map((p) => /* @__PURE__ */ t(
+                                  ve,
                                   {
                                     value: p.value,
                                     children: p.label
@@ -1506,7 +1508,7 @@ function br({
                         ] })
                       ] }),
                       /* @__PURE__ */ t(
-                        Kt,
+                        Pt,
                         {
                           control: e,
                           onChange: (p) => Z(e.id, () => p)
@@ -1522,30 +1524,30 @@ function br({
         e.id
       );
     }),
-    !r && /* @__PURE__ */ d(
-      V,
+    !a && /* @__PURE__ */ d(
+      E,
       {
         type: "button",
         variant: "outline",
         size: "xs",
         onClick: pt,
         children: [
-          /* @__PURE__ */ t($t, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ t(Yt, { className: "h-3.5 w-3.5" }),
           "Add control"
         ]
       }
     )
   ] });
 }
-function gr(s) {
+function ya(s) {
   const {
-    open: a,
+    open: r,
     onOpenChange: o,
     initialCreateFlowActive: i = !1,
     dismissMode: f = "passive"
-  } = s, u = a !== void 0, [b, x] = j(!1), [h, C] = j(
+  } = s, u = r !== void 0, [b, x] = j(!1), [h, C] = j(
     i
-  ), y = u ? a : b, m = B(
+  ), y = u ? r : b, m = B(
     (k) => {
       !k && h && f === "passive" || (u || x(k), k || C(!1), o == null || o(k));
     },
@@ -1556,7 +1558,7 @@ function gr(s) {
   Se(() => {
     y || C(!1);
   }, [y]);
-  const T = B(
+  const V = B(
     (k) => {
       h && k.preventDefault();
     },
@@ -1566,22 +1568,22 @@ function gr(s) {
     forceClose: v,
     handleOpenChange: m,
     isCreateFlowActive: h,
-    preventPassiveDismissDuringCreate: T,
+    preventPassiveDismissDuringCreate: V,
     resolvedOpen: y,
     setIsCreateFlowActive: C
   };
 }
 export {
-  dr as C,
-  ur as E,
-  Ht as L,
-  cr as V,
-  fr as a,
-  pr as b,
-  mr as c,
-  Jt as d,
-  br as e,
+  ca as C,
+  pa as E,
+  Jt as L,
+  ua as V,
+  ha as a,
+  ma as b,
+  fa as c,
+  Wt as d,
+  ga as e,
   ot as f,
-  hr as g,
-  gr as u
+  ba as g,
+  ya as u
 };