react-semaphor 0.1.301 → 0.1.303

package/dist/chunks/{use-create-flow-overlay-state-BUw_JtLs.js → use-create-flow-overlay-state-BHDKxe7I.js}

@@ -1,14 +1,16 @@
-import { c as ie, W as L, bP as Pe, bQ as ft, bR as ht, bS as bt, bT as gt, bU as xt, u as le, ai as yt, bV as vt, bW as Ct, bX as kt, af as Nt, b as ne, bY as St, bZ as Dt, B as E, t as wt, O as Se, J as de, b_ as Ye, X as Xe, Q as Ge, M as He, b$ as Je, x as We, c0 as It, y as Q, c1 as Vt, c2 as Tt, c3 as Et, c4 as re, c5 as Ae, c6 as ze, c7 as he, c8 as be, c9 as qt, ca as Oe, cb as Ft, cc as _t, cd as se, ce as Lt, cf as Me, cg as At, a9 as Be, ch as Qe, ci as Ze, cj as et, ck as tt, cl as zt, L as Y, I as at, z as ge, A as xe, E as ye, F as ve, G as Ce, cm as rt, cn as Ot, co as Mt, cp as st, cq as lt, cr as Bt, cs as Qt, ct as Rt, cu as jt, cv as Ut, cw as $t, cx as Kt, cy as Re, cz as Pt, cA as je, cB as Yt, cC as ke, cD as Xt } from "./index-DDA12yqV.js";
-import { jsx as t, jsxs as d, Fragment as K } from "react/jsx-runtime";
-import { useMemo as z, useState as R, useRef as Ne, useCallback as M, useEffect as De, Fragment as Gt } from "react";
-import { u as we } from "./use-visual-utils-C45OxsOf.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 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-oojO-gal.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-CYWgnME0.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-CjFzlR0P.js";
+import { S as nt } from "./save-CUrexoNl.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 oa = ie("CircleX", [
+const dr = 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" }]
@@ -19,7 +21,7 @@ const oa = ie("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ht = ie("Library", [
+const Ht = De("Library", [
   ["path", { d: "m16 6 4 14", key: "ji33uf" }],
   ["path", { d: "M12 6v14", key: "1n7gus" }],
   ["path", { d: "M8 8v12", key: "1gg7y9" }],
@@ -31,39 +33,22 @@ const Ht = ie("Library", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jt = ie("Link2", [
+const Jt = 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" }]
 ]);
-/**
- * @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 nt = ie("Save", [
-  [
-    "path",
-    {
-      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
-      key: "1c8476"
-    }
-  ],
-  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
-  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
-]);
 function ot() {
   var h, C;
-  const s = L((x) => x.card), r = L((x) => x.frame), o = z(
-    () => Pe(r, s),
-    [r, s]
-  ), { manifest: i } = ft(
+  const s = L((y) => y.card), a = L((y) => y.frame), o = z(
+    () => He(a, s),
+    [a, s]
+  ), { manifest: i } = Ct(
     ((h = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : h.url) || ""
   ), f = z(
     () => {
-      var x;
-      return (x = i == null ? void 0 : i.visuals) == null ? void 0 : x.find(
+      var y;
+      return (y = i == null ? void 0 : i.visuals) == null ? void 0 : y.find(
         (m) => {
           var v;
           return m.name === ((v = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : v.componentName);
@@ -71,43 +56,43 @@ function ot() {
       );
     },
     [i, (C = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : C.componentName]
-  ), u = ht(o, f), b = z(
-    () => bt({
-      frame: r,
+  ), u = kt(o, f), b = z(
+    () => Nt({
+      frame: a,
       configCard: o,
       isMultiInputVisual: u === "multiple"
     }),
-    [r, o, u]
-  ), y = z(() => {
-    const x = b.findIndex(
+    [a, o, u]
+  ), x = z(() => {
+    const y = b.findIndex(
       (m) => (m == null ? void 0 : m.id) === s.id
     );
-    return x < 0 ? -1 : gt(s, x);
+    return y < 0 ? -1 : St(s, y);
   }, [b, s]);
-  return z(() => !o || u !== "multiple" || y < 0 ? s.type : xt(
+  return z(() => !o || u !== "multiple" || x < 0 ? s.type : Dt(
     s,
-    y,
+    x,
     f == null ? void 0 : f.slots
-  ) ?? s.type, [o, u, y, s, f == null ? void 0 : f.slots]);
+  ) ?? s.type, [o, u, x, s, f == null ? void 0 : f.slots]);
 }
-function ia({
+function cr({
   type: s,
-  isLinked: r,
+  isLinked: a,
   className: o,
   showLabel: i = !1,
   showLocal: f = !1
 }) {
-  const u = le((N) => N.selectedFrameId), b = yt((N) => N.selectedVisual), y = L((N) => N.frame);
+  const u = le((N) => N.selectedFrameId), b = wt((N) => N.selectedVisual), x = L((N) => N.frame);
   let h;
   if (s)
     h = s;
-  else if (r !== void 0)
-    h = r ? "linked" : "library";
-  else if (!!!(y != null && y.visualId || b != null && b.id) && u)
+  else if (a !== void 0)
+    h = a ? "linked" : "library";
+  else if (!!!(x != null && x.visualId || b != null && b.id) && u)
     h = "local";
   else if (b && !u)
     h = "library";
-  else if (y != null && y.visualId && u)
+  else if (x != null && x.visualId && u)
     h = "linked";
   else if (b != null && b.id && u)
     h = "library";
@@ -119,7 +104,7 @@ function ia({
     local: "border-slate-200/70 bg-slate-50/80 text-slate-700 shadow-sm hover:bg-slate-100/80 dark:border-slate-700 dark:bg-slate-900/70 dark:text-slate-200 dark:hover:bg-slate-800/80",
     linked: "border-purple-200/70 bg-gradient-to-r from-purple-50/50 to-purple-100/30 text-purple-900 shadow-sm hover:from-purple-100/60 hover:to-purple-100/50 hover:shadow-md dark:border-purple-800/50 dark:from-purple-950/40 dark:to-purple-900/30 dark:text-purple-100 dark:hover:from-purple-950/60 dark:hover:to-purple-900/50",
     library: "border-blue-200/70 bg-gradient-to-r from-blue-50/50 to-blue-100/30 text-blue-900 shadow-sm hover:from-blue-100/60 hover:to-blue-100/50 hover:shadow-md dark:border-blue-800/50 dark:from-blue-950/40 dark:to-blue-900/30 dark:text-blue-100 dark:hover:from-blue-950/60 dark:hover:to-blue-900/50"
-  }, x = {
+  }, y = {
     local: "Local to this dashboard: Changes made here only affect this dashboard copy.",
     linked: "Linked to library: Changes made here update the library visual and all linked instances.",
     library: "Library visual: Share and reuse this visual across multiple dashboards."
@@ -131,7 +116,7 @@ function ia({
     local: "fill-slate-50 dark:fill-slate-900",
     linked: "fill-purple-50 dark:fill-purple-950",
     library: "fill-blue-50 dark:fill-blue-950"
-  }, V = {
+  }, T = {
     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" })
@@ -140,9 +125,9 @@ function ia({
     linked: "Linked",
     library: "Library"
   };
-  return /* @__PURE__ */ t(vt, { children: /* @__PURE__ */ d(Ct, { delayDuration: 300, children: [
-    /* @__PURE__ */ t(kt, { asChild: !0, children: /* @__PURE__ */ d(
-      Nt,
+  return /* @__PURE__ */ t(ft, { children: /* @__PURE__ */ d(ht, { delayDuration: 300, children: [
+    /* @__PURE__ */ t(bt, { asChild: !0, children: /* @__PURE__ */ d(
+      It,
       {
         variant: "outline",
         className: ne(
@@ -151,25 +136,25 @@ function ia({
           o
         ),
         children: [
-          V[h],
+          T[h],
           i && /* @__PURE__ */ t("span", { className: "ml-1 text-xs font-medium leading-none", children: k[h] })
         ]
       }
     ) }),
     /* @__PURE__ */ d(
-      St,
+      gt,
       {
         side: "bottom",
         className: ne("max-w-xs", m[h]),
         children: [
-          /* @__PURE__ */ t(Dt, { className: v[h] }),
-          /* @__PURE__ */ t("p", { children: x[h] })
+          /* @__PURE__ */ t(yt, { className: v[h] }),
+          /* @__PURE__ */ t("p", { children: y[h] })
         ]
       }
     )
   ] }) });
 }
-function Wt(s, r) {
+function Wt(s, a) {
   return {
     ...s,
     sql: "",
@@ -180,18 +165,18 @@ function Wt(s, r) {
     interactionConfig: void 0,
     linkedInteractionTargetOverrides: void 0,
     dynamicCardPreferences: void 0,
-    customCardPreferences: r ? s.customCardPreferences : void 0,
+    customCardPreferences: a ? s.customCardPreferences : void 0,
     visualizationMode: "builtin",
-    type: r ? s.type : "bar"
+    type: a ? s.type : "bar"
   };
 }
 function Ie(s) {
-  const r = Tt(s);
-  return r ? (Q.error(r), !1) : !0;
+  const a = vt(s);
+  return a ? (Q.error(a), !1) : !0;
 }
-function da({
+function ur({
   className: s,
-  variant: r = "outline"
+  variant: a = "outline"
 }) {
   const o = L((u) => u.onSave), { getUpdatedFrame: i } = we();
   function f() {
@@ -199,41 +184,41 @@ function da({
     Ie(u) && (o == null || o(u));
   }
   return /* @__PURE__ */ d(
-    E,
+    V,
     {
       onClick: f,
       className: s,
       size: "xs",
-      variant: r,
+      variant: a,
       children: [
-        /* @__PURE__ */ t(wt, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ t(xt, { className: "h-3.5 w-3.5" }),
         "Accept"
       ]
     }
   );
 }
-function ca({
+function pr({
   className: s,
-  variant: r = "default"
+  variant: a = "default"
 }) {
-  const o = de(), [i, f] = R(!1), u = le(
+  const o = ie(), [i, f] = j(!1), u = le(
     (v) => v.actions.setIsDashboardPanelOpen
-  ), { setIsVisualEditing: b } = Ge(), { getUpdatedFrame: y } = we(), h = He(), C = L((v) => v.frame), x = Je();
+  ), { setIsVisualEditing: b } = Ge(), { getUpdatedFrame: x } = we(), h = We(), C = L((v) => v.frame), y = Ze();
   return /* @__PURE__ */ t(
-    E,
+    V,
     {
       onClick: () => {
-        const v = y();
+        const v = x();
         if (!Ie(v))
           return;
-        const V = (C == null ? void 0 : C.visualId) || (h == null ? void 0 : h.id);
-        if (!V) {
+        const T = (C == null ? void 0 : C.visualId) || (h == null ? void 0 : h.id);
+        if (!T) {
           Q.error("No visual to save");
           return;
         }
-        f(!0), x.mutate(
+        f(!0), y.mutate(
           {
-            visualId: V,
+            visualId: T,
             data: {
               frameObject: v
             }
@@ -241,7 +226,7 @@ function ca({
           {
             onSuccess: () => {
               f(!1), u(!0), Q.success("Visual updated successfully"), o.invalidateQueries({
-                queryKey: ["resource-by-id", "visual", V],
+                queryKey: ["resource-by-id", "visual", T],
                 exact: !0
               });
             },
@@ -253,23 +238,23 @@ function ca({
       },
       className: s,
       size: "xs",
-      variant: r,
-      children: i ? /* @__PURE__ */ d(K, { children: [
-        /* @__PURE__ */ t(We, { className: "h-3.5 w-3.5 animate-spin" }),
+      variant: a,
+      children: i ? /* @__PURE__ */ d($, { children: [
+        /* @__PURE__ */ t(Ye, { className: "h-3.5 w-3.5 animate-spin" }),
         "Saving"
-      ] }) : /* @__PURE__ */ d(K, { children: [
+      ] }) : /* @__PURE__ */ d($, { children: [
         /* @__PURE__ */ t(nt, { className: "h-3.5 w-3.5" }),
         "Save to Library"
       ] })
     }
   );
 }
-function ua({
+function mr({
   className: s
 }) {
-  const r = de(), [o, i] = R(!1), f = He(), u = L((k) => k.frame), b = le((k) => k.selectedSheetId), y = le((k) => k.dashboard), { updateFrame: h, setIsVisualEditing: C } = Ge(), { getUpdatedFrame: x } = we(), m = Je(), v = It();
+  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();
   return /* @__PURE__ */ t(
-    E,
+    V,
     {
       onClick: async () => {
         if (!b) {
@@ -283,26 +268,26 @@ function ua({
         }
         i(!0);
         try {
-          const N = x();
+          const N = y();
           if (!Ie(N)) {
             i(!1);
             return;
           }
-          const F = {
+          const q = {
             ...N,
             visualId: k
             // Keep the link to library visual
-          }, X = Vt(y, F.id), G = await v(F, {
-            previousFrame: X
+          }, Y = Et(x, q.id), X = await v(q, {
+            previousFrame: Y
           });
           await m.mutateAsync({
             visualId: k,
             data: {
               frameObject: N
             }
-          }), h(b, F, {
-            semanticExecutionPayload: G
-          }), r.invalidateQueries({ queryKey: ["visuals"] }), r.invalidateQueries({ queryKey: ["visual", k] }), Q.success("Saved to library and applied locally"), setTimeout(() => {
+          }), h(b, q, {
+            semanticExecutionPayload: X
+          }), a.invalidateQueries({ queryKey: ["visuals"] }), a.invalidateQueries({ queryKey: ["visual", k] }), Q.success("Saved to library and applied locally"), setTimeout(() => {
             C(!1);
           }, 300);
         } catch (N) {
@@ -317,19 +302,19 @@ function ua({
       size: "xs",
       variant: "default",
       disabled: o,
-      children: o ? /* @__PURE__ */ d(K, { children: [
-        /* @__PURE__ */ t(We, { className: "h-3.5 w-3.5 animate-spin" }),
+      children: o ? /* @__PURE__ */ d($, { children: [
+        /* @__PURE__ */ t(Ye, { className: "h-3.5 w-3.5 animate-spin" }),
         "Saving..."
-      ] }) : /* @__PURE__ */ d(K, { children: [
+      ] }) : /* @__PURE__ */ d($, { children: [
         /* @__PURE__ */ t(nt, { className: "h-3.5 w-3.5" }),
         "Save & Apply"
       ] })
     }
   );
 }
-function pa({ className: s }) {
-  const { setTempQueryData: r, setSqlGen: o } = Se(), i = de(), f = L((m) => m.tempQueryData), u = L((m) => m.onClose), b = L((m) => m.card), y = ot(), h = z(() => y !== b.type ? { ...b, type: y } : b, [b, y]), { queryKey: C } = Ye(h);
-  function x() {
+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 y() {
     if (f) {
       const { queryKey: m, queryData: v } = f;
       m && v && i.setQueryData(m, v);
@@ -337,75 +322,75 @@ function pa({ className: s }) {
     o({}), u == null || u();
   }
   return /* @__PURE__ */ d(
-    E,
+    V,
     {
-      onClick: x,
+      onClick: y,
       className: s,
       size: "xs",
       variant: "outline",
       children: [
-        /* @__PURE__ */ t(Xe, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ t(Pe, { className: "h-3.5 w-3.5" }),
         "Close"
       ]
     }
   );
 }
-function ma({
+function hr({
   label: s = "Clear",
-  variant: r = "secondary",
+  variant: a = "secondary",
   className: o
 } = {}) {
-  const { setTempQueryData: i } = Se(), f = de(), u = L((O) => O.tempQueryData), b = L((O) => O.card), y = ot(), h = z(() => y !== b.type ? { ...b, type: y } : b, [b, y]), { queryKey: C } = Ye(h), {
-    setCardSql: x,
+  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), {
+    setCardSql: y,
     setSqlGen: m,
     setCardPython: v,
-    setCardCustomCfg: V,
+    setCardCustomCfg: T,
     setCardPreferences: k,
     clearQueryConfig: N,
-    setCardConfig: F,
-    setCardType: X,
-    setFrame: G,
+    setCardConfig: q,
+    setCardType: Y,
+    setFrame: X,
     setCard: te,
     setActiveTabCardId: H
-  } = Se();
-  function ce() {
-    var J, ae, q, W;
+  } = Ne();
+  function de() {
+    var J, re, F, 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 }), x(""), m({}), N(), F(void 0), v(""), V(""), k({});
-    const a = L.getState().frame, I = L.getState().card, T = Pe(a, I), B = ((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, j = Wt(I, B);
-    G({
-      ...a,
-      cards: a.cards.map(
-        (U) => U.id === j.id ? j : U
+    }), 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);
+    X({
+      ...r,
+      cards: r.cards.map(
+        (U) => U.id === R.id ? R : U
       )
-    }), H(j.id), te(j), B || X("bar");
+    }), H(R.id), te(R), M || Y("bar");
   }
   return /* @__PURE__ */ d(
-    E,
+    V,
     {
-      onClick: ce,
+      onClick: de,
       className: o,
       size: "xs",
-      variant: r,
+      variant: a,
       children: [
-        /* @__PURE__ */ t(Xe, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ t(Pe, { className: "h-3.5 w-3.5" }),
         s
       ]
     }
   );
 }
 function it(s) {
-  const { control: r, onChange: o } = s;
+  const { control: a, onChange: o } = s;
   return /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+    /* @__PURE__ */ t(G, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
     /* @__PURE__ */ t(
-      at,
+      Xe,
       {
         size: "xs",
-        value: r.label,
+        value: a.label,
         placeholder: "Control label",
         onChange: (i) => o(i.target.value)
       }
@@ -413,17 +398,17 @@ function it(s) {
   ] });
 }
 function Zt(s) {
-  const { currentStep: r, labels: o } = s;
+  const { currentStep: a, labels: o } = s;
   return /* @__PURE__ */ t("div", { className: "sticky top-0 z-10 -mx-1 border-b border-border/60 bg-background/95 px-1 pb-2.5 pt-1 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2 sm:gap-2.5", children: o.map((i, f) => {
-    const u = f + 1, b = u === r, y = u < r;
-    return /* @__PURE__ */ d(Gt, { children: [
+    const u = f + 1, b = u === a, x = u < a;
+    return /* @__PURE__ */ d(Xt, { children: [
       /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ t(
           "span",
           {
             className: ne(
               "flex h-5 w-5 items-center justify-center rounded-full border text-[10px] font-medium tabular-nums",
-              b ? "border-foreground bg-foreground text-background" : y ? "border-foreground/30 bg-foreground/10 text-foreground" : "border-border/60 bg-background text-muted-foreground"
+              b ? "border-foreground bg-foreground text-background" : x ? "border-foreground/30 bg-foreground/10 text-foreground" : "border-border/60 bg-background text-muted-foreground"
             ),
             children: u
           }
@@ -450,27 +435,27 @@ function Zt(s) {
   }) }) });
 }
 function oe(s) {
-  const { secondary: r, tertiary: o, primary: i } = s;
+  const { secondary: a, tertiary: o, primary: i } = s;
   return /* @__PURE__ */ d("div", { className: "sticky bottom-0 z-10 -mx-1 flex justify-end gap-2 border-t bg-background/95 px-1 pb-1 pt-3 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: [
-    r,
+    a,
     o,
     i
   ] });
 }
-function ea(s) {
-  const { control: r, scope: o, detail: i } = s;
-  return /* @__PURE__ */ d("div", { className: "flex items-start gap-2.5 rounded-[6px] border border-border/60 bg-muted/30 px-3 py-2.5", children: [
-    /* @__PURE__ */ t(Xt, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground" }),
+function er(s) {
+  const { control: a, 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__ */ d("div", { className: "min-w-0 space-y-0.5", children: [
-      /* @__PURE__ */ t("div", { className: "text-[13px] font-medium text-foreground", children: r.label }),
+      /* @__PURE__ */ t("div", { className: "text-[13px] font-medium text-foreground", children: a.label }),
       /* @__PURE__ */ d("div", { className: "text-[12px] text-muted-foreground", children: [
-        Ze(r.type).label,
+        et(a.type).label,
         " ·",
         " ",
-        tt(r),
+        rt(a),
         " ·",
         " ",
-        et(o, r.placement)
+        tt(o, a.placement)
       ] }),
       i ? /* @__PURE__ */ t("div", { className: "text-[12px] text-muted-foreground", children: i }) : null
     ] })
@@ -478,37 +463,37 @@ function ea(s) {
 }
 function Ue(s) {
   const {
-    control: r,
+    control: a,
     defaultValue: o,
     availableFieldChoices: i,
     availableMetricChoices: f,
     previewControlDefinitions: u,
     previewControlValues: b,
-    onControlChange: y,
+    onControlChange: x,
     onLabelChange: h,
     onDefaultValueChange: C,
-    onBack: x,
+    onBack: y,
     onNext: m,
     nextDisabled: v
   } = s;
   return /* @__PURE__ */ d("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ t(it, { control: r, onChange: h }),
+    /* @__PURE__ */ t(it, { control: a, onChange: h }),
     /* @__PURE__ */ t(
       st,
       {
-        control: r,
+        control: a,
         availableFieldChoices: i,
         availableMetricChoices: f,
         previewControlDefinitions: u,
         previewControlValues: b,
         controlLifecycle: "create",
-        onChange: y
+        onChange: x
       }
     ),
     /* @__PURE__ */ t(
       lt,
       {
-        control: r,
+        control: a,
         value: o,
         onChange: C,
         allowNoDefault: !0,
@@ -521,9 +506,9 @@ function Ue(s) {
     /* @__PURE__ */ t(
       oe,
       {
-        secondary: /* @__PURE__ */ t(E, { type: "button", variant: "outline", size: "xs", onClick: x, children: "Back" }),
+        secondary: /* @__PURE__ */ t(V, { type: "button", variant: "outline", size: "xs", onClick: y, children: "Back" }),
         primary: /* @__PURE__ */ t(
-          E,
+          V,
           {
             type: "button",
             size: "xs",
@@ -536,14 +521,14 @@ function Ue(s) {
     )
   ] });
 }
-const ta = /* @__PURE__ */ new Set([
+const tr = /* @__PURE__ */ new Set([
   "grain_selector",
   "aggregation_selector",
   "field_selector",
   "metric_selector"
 ]);
-function $e(s) {
-  const { text: r, ariaLabel: o } = s, [i, f] = R(!1);
+function Ke(s) {
+  const { text: a, ariaLabel: o } = s, [i, f] = j(!1);
   return /* @__PURE__ */ d(
     "button",
     {
@@ -551,58 +536,58 @@ function $e(s) {
       "aria-label": o,
       onClick: async () => {
         try {
-          await navigator.clipboard.writeText(r), f(!0), setTimeout(() => f(!1), 1200);
+          await navigator.clipboard.writeText(a), 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-[4px] bg-muted/40 px-2 py-1 text-left transition-colors hover:bg-muted/60 focus-visible:bg-muted/60 focus-visible:outline-none",
+      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: r }),
+        /* @__PURE__ */ t("code", { className: "min-w-0 truncate font-mono text-[12px] text-foreground", children: a }),
         /* @__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 Ke(s) {
+function $e(s) {
   const {
-    control: r,
+    control: a,
     scope: o,
     createdReference: i,
     explorerContent: f,
     sqlDescription: u,
     summaryDetail: b,
-    onBack: y,
+    onBack: x,
     onCancel: h,
     onDone: C
-  } = s, x = ta.has(r.type), m = i.match(/\[\[param\.(.+?)\]\]/), v = m ? `{{ param('${m[1]}') }}` : "";
+  } = s, y = tr.has(a.type), m = i.match(/\[\[param\.(.+?)\]\]/), v = m ? `{{ param('${m[1]}') }}` : "";
   return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
     /* @__PURE__ */ t(
-      ea,
+      er,
       {
-        control: r,
+        control: a,
         scope: o,
         detail: b
       }
     ),
     /* @__PURE__ */ d("div", { className: "space-y-2", children: [
       /* @__PURE__ */ t("p", { className: "text-[13px] font-medium text-foreground", children: "How cards use this control" }),
-      /* @__PURE__ */ d("div", { className: "divide-y divide-border/60 overflow-hidden rounded-[6px] border border-border/60", children: [
-        x ? /* @__PURE__ */ d("div", { className: "space-y-1 px-3 py-2.5", children: [
+      /* @__PURE__ */ d("div", { className: "divide-y divide-border/60 overflow-hidden rounded-control border border-border/60", children: [
+        y ? /* @__PURE__ */ d("div", { className: "space-y-1 px-3 py-2.5", children: [
           /* @__PURE__ */ t("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Explorer cards" }),
           /* @__PURE__ */ t("div", { className: "text-[12px] text-muted-foreground", children: f })
         ] }) : null,
         /* @__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(
-            $e,
+            Ke,
             {
               text: i,
               ariaLabel: "Copy SQL control reference"
             }
           ),
           v ? /* @__PURE__ */ t(
-            $e,
+            Ke,
             {
               text: v,
               ariaLabel: "Copy Jinja control reference"
@@ -629,33 +614,33 @@ function Ke(s) {
     /* @__PURE__ */ t(
       oe,
       {
-        secondary: /* @__PURE__ */ t(E, { type: "button", variant: "outline", size: "xs", onClick: y, 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" })
+        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" })
       }
     )
   ] });
 }
-function aa(s) {
-  const r = re(
+function rr(s) {
+  const a = ae(
     s.scope,
     s.existingControls,
     s.reservedIds
-  ), o = s.type === r.type ? {
-    ...r,
-    label: ke[s.type]
+  ), o = s.type === a.type ? {
+    ...a,
+    label: Ce[s.type]
   } : {
-    ...rt({
+    ...at({
       controls: [
         {
-          ...r,
-          label: ke[s.type]
+          ...a,
+          label: Ce[s.type]
         }
       ],
-      controlId: r.id,
+      controlId: a.id,
       nextType: s.type
     }).controls[0],
-    label: ke[s.type]
+    label: Ce[s.type]
   };
   return {
     step: 2,
@@ -663,86 +648,86 @@ function aa(s) {
     defaultValue: se(o, void 0)
   };
 }
-function fa({
+function br({
   scope: s,
-  controls: r,
+  controls: a,
   reservedControlIds: o,
   defaultValues: i,
   onChange: f,
   emptyMessage: u,
   initialCreateFlow: b = !1,
-  usageByControlId: y,
+  usageByControlId: x,
   availableFieldChoices: h,
   availableMetricChoices: C,
-  structuralParticipants: x,
+  structuralParticipants: y,
   structuralParticipantIdsByControlId: m,
   card: v,
-  allowedControlTypes: V,
+  allowedControlTypes: T,
   onCreateFlowActiveChange: k,
   onCreateFlowComplete: N
 }) {
-  const F = z(
+  const q = z(
     () => new Set(o || []),
     [o]
-  ), X = Ot(s), G = Et(s), [te, H] = R(
+  ), Y = Ot(s), X = Vt(s), [te, H] = j(
     null
-  ), [ce, O] = R(
+  ), [de, O] = j(
     null
-  ), [a, I] = R(
+  ), [r, I] = j(
     () => b ? {
       step: 1,
-      control: re(s, r, Array.from(F))
+      control: ae(s, a, Array.from(q))
     } : null
-  ), T = Ne({}), B = Ne(void 0), j = Ne(b), J = z(() => {
-    const e = Ae({ scope: s, card: v });
-    if (!V)
+  ), E = ke({}), M = ke(void 0), R = ke(b), J = z(() => {
+    const e = ze({ scope: s, card: v });
+    if (!T)
       return e;
-    const n = new Set(V);
+    const n = new Set(T);
     return e.filter((l) => n.has(l.value));
-  }, [V, v, s]), ae = M(
+  }, [T, v, s]), re = B(
     (e) => {
-      const n = Ae({
+      const n = ze({
         scope: s,
         card: v,
-        includeType: V ? void 0 : e
+        includeType: T ? void 0 : e
       });
-      if (!V)
+      if (!T)
         return n;
-      const l = new Set(V);
+      const l = new Set(T);
       return n.filter((c) => l.has(c.value));
     },
-    [V, v, s]
-  ), q = M(
+    [T, v, s]
+  ), F = B(
     (e) => s === "dashboard" && (e === "field_selector" || e === "metric_selector"),
     [s]
   ), W = z(
-    () => a ? ze(
-      x || [],
-      a.control.type
+    () => r ? Oe(
+      y || [],
+      r.control.type
     ) : [],
-    [a, x]
+    [r, y]
   ), U = z(() => {
-    if (!a)
+    if (!r)
       return {
         fields: h || [],
         metrics: C || []
       };
-    if (!q(a.control.type))
+    if (!F(r.control.type))
       return {
         fields: h || [],
         metrics: C || []
       };
-    const e = a.selectedCardIds || [], n = he({
-      controlType: a.control.type,
-      participants: x || [],
+    const e = r.selectedCardIds || [], n = xe({
+      controlType: r.control.type,
+      participants: y || [],
       selectedCardIds: e
     });
     return {
-      fields: a.control.type === "field_selector" ? n.choices.map((l) => ({
+      fields: r.control.type === "field_selector" ? n.choices.map((l) => ({
         option: l,
         target: n.fieldTargetMap[l.value]
       })) : [],
-      metrics: a.control.type === "metric_selector" ? n.choices.map((l) => ({
+      metrics: r.control.type === "metric_selector" ? n.choices.map((l) => ({
         option: l,
         target: n.metricTargetMap[l.value]
       })) : []
@@ -750,21 +735,21 @@ function fa({
   }, [
     h,
     C,
-    a,
-    q,
-    x
+    r,
+    F,
+    y
   ]);
-  De(() => {
-    k == null || k(!!a);
-  }, [a, k]), De(() => {
-    const e = b && !j.current;
-    j.current = b, e && (I({
+  Se(() => {
+    k == null || k(!!r);
+  }, [r, k]), Se(() => {
+    const e = b && !R.current;
+    R.current = b, e && (I({
       step: 1,
-      control: re(s, r, Array.from(F))
+      control: ae(s, a, Array.from(q))
     }), O(null), H(null));
-  }, [r, b, F, s]);
+  }, [a, b, q, s]);
   const dt = (e) => {
-    if (!q(e.type))
+    if (!F(e.type))
       return {
         fields: h || [],
         metrics: C || []
@@ -775,9 +760,9 @@ function fa({
         fields: h || [],
         metrics: C || []
       };
-    const l = he({
+    const l = xe({
       controlType: e.type,
-      participants: x || [],
+      participants: y || [],
       selectedCardIds: n
     });
     return {
@@ -790,17 +775,17 @@ function fa({
         target: l.metricTargetMap[c.value]
       })) : []
     };
-  }, Ve = (e) => {
-    if (!q(e.control.type))
+  }, Te = (e) => {
+    if (!F(e.control.type))
       return {
         nextControl: e.control,
         cardBindingsById: void 0
       };
-    const n = (m == null ? void 0 : m[e.control.id]) || [], l = he({
+    const n = (m == null ? void 0 : m[e.control.id]) || [], l = xe({
       controlType: e.control.type,
-      participants: x || [],
+      participants: y || [],
       selectedCardIds: e.nextSelectedCardIds
-    }), c = Yt({
+    }), c = Gt({
       control: e.control,
       choices: l.choices
     }), g = Object.fromEntries(
@@ -808,42 +793,42 @@ function fa({
     );
     return e.nextSelectedCardIds.length > 0 && c.source.kind === "manual" && c.source.options.length > 0 && Object.assign(
       g,
-      je({
+      Re({
         control: c,
-        participants: x || [],
+        participants: y || [],
         selectedCardIds: e.nextSelectedCardIds
       })
     ), {
       nextControl: c,
       cardBindingsById: g
     };
-  }, A = M(
+  }, A = B(
     (e, n = i, l = { type: "update" }) => {
-      const c = e.map((g) => (be({
+      const c = e.map((g) => (ve({
         control: g,
         defaultValues: n
-      }), qt(
+      }), Ft(
         g
       )));
       f(c, n, l);
     },
     [i, f]
   ), Z = (e, n) => {
-    const l = r.find(
+    const l = a.find(
       (w) => w.id === e
     );
-    let c = r.map((w) => w.id !== e ? w : n(w));
+    let c = a.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 = Ve({
+      const w = (m == null ? void 0 : m[g.id]) || [], P = Te({
         control: g,
         nextSelectedCardIds: w
       });
       c = c.map(
-        ($) => $.id === e ? P.nextControl : $
+        (K) => K.id === e ? P.nextControl : K
       ), 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]) || [];
@@ -856,18 +841,18 @@ function fa({
     );
     let _ = i;
     if (l && S) {
-      const w = be({
+      const w = ve({
         control: l,
         defaultValues: i
       });
-      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, $ = Re({
+      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({
         previousControl: l,
         nextControl: S,
         currentDefaultValue: P
       });
-      S.source.kind === "manual" && (T.current[e] = $), i && (_ = { ...i }, $ === void 0 ? delete _[e] : _[e] = $), c = c.map(
-        (Le) => Le.id === e ? { ...S, defaultValue: $ } : Le
+      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
       );
     }
     A(c, _, {
@@ -877,11 +862,11 @@ function fa({
     });
   }, ct = (e, n) => {
     const l = n.trim();
-    if (l.length === 0 || l === e || F.has(l) || r.some(
+    if (l.length === 0 || l === e || q.has(l) || a.some(
       (D) => D.id === l && D.id !== e
     ))
       return;
-    const c = r.map(
+    const c = a.map(
       (D) => D.id === e ? { ...D, id: l } : D
     );
     if (!i) {
@@ -899,51 +884,51 @@ function fa({
       newId: l
     });
   }, ut = (e) => {
-    const n = r.filter((c) => c.id !== e);
+    const n = a.filter((c) => c.id !== e);
     if (!i) {
       A(n, void 0, { type: "remove", controlId: e });
       return;
     }
     const l = { ...i };
     delete l[e], A(n, l, { type: "remove", controlId: e });
-  }, pt = M(() => {
-    B.current = void 0, I({
+  }, pt = B(() => {
+    M.current = void 0, I({
       step: 1,
-      control: re(s, r, Array.from(F))
+      control: ae(s, a, Array.from(q))
     }), O(null), H(null);
-  }, [r, F, s]), ee = (e) => {
+  }, [a, q, s]), ee = (e) => {
     I(
       (n) => n && (() => {
         const l = e(n.control);
-        n.control.source.kind === "manual" && l.source.kind === "sql_query" && (B.current = n.defaultValue);
-        const c = n.defaultValue === void 0 && n.control.source.kind === "sql_query" && l.source.kind === "manual" ? B.current : n.defaultValue, g = Re({
+        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({
           previousControl: n.control,
           nextControl: l,
           currentDefaultValue: c
         });
-        return l.source.kind === "manual" && (B.current = g), {
+        return l.source.kind === "manual" && (M.current = g), {
           ...n,
           control: l,
           defaultValue: g
         };
       })()
     );
-  }, Te = (e) => {
+  }, Ee = (e) => {
     I(
-      (n) => n && (n.control.source.kind === "manual" && (B.current = e), {
+      (n) => n && (n.control.source.kind === "manual" && (M.current = e), {
         ...n,
         defaultValue: e
       })
     );
-  }, ue = (() => {
-    if (!a)
+  }, ce = (() => {
+    if (!r)
       return !1;
-    if (a.step === 2 && q(a.control.type))
-      return (a.selectedCardIds || []).length > 0;
-    if (a.step !== 2 && a.step !== 3 || !a.control.label.trim())
+    if (r.step === 2 && F(r.control.type))
+      return (r.selectedCardIds || []).length > 0;
+    if (r.step !== 2 && r.step !== 3 || !r.control.label.trim())
       return !1;
-    const n = a.control.source.kind === "sql_query" ? a.control : Oe(a.control);
-    if (n.source.kind === "manual" && (Ft(n) && n.source.options.length === 0 || n.source.options.some(
+    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(
       (c) => c.label.trim().length === 0 || c.value.trim().length === 0
     )))
       return !1;
@@ -952,52 +937,52 @@ function fa({
       return l.trim().length > 0 && c.trim().length > 0 && g.trim().length > 0;
     }
     return _t(
-      se(n, a.defaultValue)
+      se(n, r.defaultValue)
     );
-  })(), Ee = () => {
+  })(), Ve = () => {
     var D;
-    if (!a)
+    if (!r)
       return;
-    const e = Oe(a.control), n = Pt({
+    const e = Be(r.control), n = Pt({
       label: e.label,
       fallbackId: e.id,
-      existingControls: r,
-      reservedIds: Array.from(F)
+      existingControls: a,
+      reservedIds: Array.from(q)
     }), l = {
       ...e,
       id: n
-    }, c = s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") && ((D = a.selectedCardIds) != null && D.length) ? je({
+    }, c = s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") && ((D = r.selectedCardIds) != null && D.length) ? Re({
       control: l,
-      participants: x || [],
-      selectedCardIds: a.selectedCardIds
+      participants: y || [],
+      selectedCardIds: r.selectedCardIds
     }) : void 0, g = se(
       l,
-      a.defaultValue
+      r.defaultValue
     );
     I({
       step: s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") ? 4 : 3,
       control: l,
       defaultValue: g,
       createdControlId: n,
-      selectedCardIds: a.selectedCardIds,
+      selectedCardIds: r.selectedCardIds,
       cardBindingsById: c
     });
-  }, pe = M(() => {
+  }, ue = B(() => {
     I(null);
-  }, []), qe = M(() => {
-    if (!(a != null && a.createdControlId)) {
+  }, []), Fe = B(() => {
+    if (!(r != null && r.createdControlId)) {
       I(null);
       return;
     }
-    const e = a.control, n = a.createdControlId, l = se(
+    const e = r.control, n = r.createdControlId, l = se(
       e,
-      a.defaultValue
+      r.defaultValue
     );
     if (i) {
       const c = { ...i };
       l === void 0 ? delete c[n] : c[n] = l, A(
         [
-          ...r,
+          ...a,
           {
             ...e,
             defaultValue: l
@@ -1006,13 +991,13 @@ function fa({
         c,
         {
           type: "add",
-          cardBindingsById: a.cardBindingsById
+          cardBindingsById: r.cardBindingsById
         }
       );
     } else
       A(
         [
-          ...r,
+          ...a,
           {
             ...e,
             defaultValue: l
@@ -1021,33 +1006,33 @@ function fa({
         void 0,
         {
           type: "add",
-          cardBindingsById: a.cardBindingsById
+          cardBindingsById: r.cardBindingsById
         }
       );
     O(n), I(null), N == null || N();
-  }, [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.${Lt(a.control.label) || a.control.id}]]` : "", me = Me({
-    controls: r,
+  }, [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,
     defaultValues: i
-  }), fe = a ? [...r, a.control] : r, _e = a ? Me({
-    controls: fe,
+  }), me = r ? [...a, r.control] : a, _e = r ? Me({
+    controls: me,
     defaultValues: i,
     overrides: [
       {
-        controlId: a.control.id,
-        value: a.defaultValue
+        controlId: r.control.id,
+        value: r.defaultValue
       }
     ]
-  }) : me;
+  }) : pe;
   return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-    a ? /* @__PURE__ */ d("div", { className: "space-y-4 pb-1", children: [
+    r ? /* @__PURE__ */ d("div", { className: "space-y-4 pb-1", children: [
       /* @__PURE__ */ t(
         Zt,
         {
-          currentStep: a.step,
+          currentStep: r.step,
           labels: mt
         }
       ),
-      a.step === 1 && (() => {
+      r.step === 1 && (() => {
         const e = /* @__PURE__ */ new Set([
           "grain_selector",
           "aggregation_selector",
@@ -1061,12 +1046,12 @@ function fa({
           "button",
           {
             type: "button",
-            className: "rounded-[6px] border border-border/60 bg-background px-3 py-2.5 text-left transition-colors hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:outline-none",
+            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(
-              aa({
+              rr({
                 scope: s,
-                existingControls: r,
-                reservedIds: Array.from(F),
+                existingControls: a,
+                reservedIds: Array.from(q),
                 type: g.value
               })
             ),
@@ -1091,12 +1076,12 @@ function fa({
             oe,
             {
               secondary: /* @__PURE__ */ t(
-                E,
+                V,
                 {
                   type: "button",
                   variant: "outline",
                   size: "xs",
-                  onClick: pe,
+                  onClick: ue,
                   children: "Back to controls"
                 }
               )
@@ -1104,12 +1089,12 @@ function fa({
           )
         ] });
       })(),
-      a.step === 2 && q(a.control.type) && /* @__PURE__ */ d("div", { className: "space-y-3", children: [
+      r.step === 2 && F(r.control.type) && /* @__PURE__ */ d("div", { className: "space-y-3", children: [
         /* @__PURE__ */ d("div", { className: "space-y-3", children: [
           /* @__PURE__ */ t(
             it,
             {
-              control: a.control,
+              control: r.control,
               onChange: (e) => ee((n) => ({
                 ...n,
                 label: e
@@ -1118,12 +1103,12 @@ function fa({
           ),
           /* @__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-[6px] border border-border/60 bg-muted/30 px-3 py-2.5 text-[12px] text-muted-foreground", children: "No eligible cards are available yet. Add compatible metrics or group-by fields to cards first." }) : /* @__PURE__ */ t("div", { className: "space-y-1 rounded-[6px] border border-border/60 bg-background p-2", children: W.map((e) => {
-          const n = (a.selectedCardIds || []).includes(e.cardId);
+        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);
           return /* @__PURE__ */ d(
             "label",
             {
-              className: "flex items-start gap-2 rounded-[4px] px-1.5 py-1 text-[13px] hover:bg-muted/40",
+              className: "flex items-start gap-2 rounded-control px-1.5 py-1 text-[13px] hover:bg-muted/40",
               children: [
                 /* @__PURE__ */ t(
                   At,
@@ -1144,7 +1129,7 @@ function fa({
                 ),
                 /* @__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: a.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: r.control.type === "field_selector" ? `${e.fieldChoices.length} compatible group-by fields` : `${e.metricChoices.length} compatible metrics` })
                 ] })
               ]
             },
@@ -1155,7 +1140,7 @@ function fa({
           oe,
           {
             secondary: /* @__PURE__ */ t(
-              E,
+              V,
               {
                 type: "button",
                 variant: "outline",
@@ -1171,7 +1156,7 @@ function fa({
               }
             ),
             primary: /* @__PURE__ */ t(
-              E,
+              V,
               {
                 type: "button",
                 size: "xs",
@@ -1181,70 +1166,70 @@ function fa({
                     step: 3
                   }
                 ),
-                disabled: !ue,
+                disabled: !ce,
                 children: "Next"
               }
             )
           }
         )
       ] }),
-      a.step === 2 && !q(a.control.type) && /* @__PURE__ */ t(
+      r.step === 2 && !F(r.control.type) && /* @__PURE__ */ t(
         Ue,
         {
-          control: a.control,
-          defaultValue: a.defaultValue,
+          control: r.control,
+          defaultValue: r.defaultValue,
           availableFieldChoices: U.fields,
           availableMetricChoices: U.metrics,
-          previewControlDefinitions: fe,
+          previewControlDefinitions: me,
           previewControlValues: _e,
           onControlChange: (e) => ee(() => e),
           onLabelChange: (e) => ee((n) => ({
             ...n,
             label: e
           })),
-          onDefaultValueChange: Te,
+          onDefaultValueChange: Ee,
           onBack: () => I(
             (e) => e && {
               ...e,
               step: 1
             }
           ),
-          onNext: Ee,
-          nextDisabled: !ue
+          onNext: Ve,
+          nextDisabled: !ce
         }
       ),
-      a.step === 3 && q(a.control.type) && /* @__PURE__ */ t(
+      r.step === 3 && F(r.control.type) && /* @__PURE__ */ t(
         Ue,
         {
-          control: a.control,
-          defaultValue: a.defaultValue,
+          control: r.control,
+          defaultValue: r.defaultValue,
           availableFieldChoices: U.fields,
           availableMetricChoices: U.metrics,
-          previewControlDefinitions: fe,
+          previewControlDefinitions: me,
           previewControlValues: _e,
           onControlChange: (e) => ee(() => e),
           onLabelChange: (e) => ee((n) => ({
             ...n,
             label: e
           })),
-          onDefaultValueChange: Te,
+          onDefaultValueChange: Ee,
           onBack: () => I(
             (e) => e && {
               ...e,
               step: 2
             }
           ),
-          onNext: Ee,
-          nextDisabled: !ue
+          onNext: Ve,
+          nextDisabled: !ce
         }
       ),
-      a.step === 3 && !q(a.control.type) && /* @__PURE__ */ t(
-        Ke,
+      r.step === 3 && !F(r.control.type) && /* @__PURE__ */ t(
+        $e,
         {
-          control: a.control,
+          control: r.control,
           scope: s,
-          createdReference: Fe,
-          explorerContent: /* @__PURE__ */ d(K, { children: [
+          createdReference: qe,
+          explorerContent: /* @__PURE__ */ d($, { children: [
             "Open the card and use",
             " ",
             /* @__PURE__ */ t("span", { className: "font-medium text-foreground", children: "Settings → Controls" }),
@@ -1258,23 +1243,23 @@ function fa({
               step: 2
             }
           ),
-          onCancel: pe,
-          onDone: qe
+          onCancel: ue,
+          onDone: Fe
         }
       ),
-      a.step === 4 && q(a.control.type) && /* @__PURE__ */ t(
-        Ke,
+      r.step === 4 && F(r.control.type) && /* @__PURE__ */ t(
+        $e,
         {
-          control: a.control,
+          control: r.control,
           scope: s,
-          createdReference: Fe,
-          summaryDetail: /* @__PURE__ */ d(K, { children: [
+          createdReference: qe,
+          summaryDetail: /* @__PURE__ */ d($, { children: [
             "Used by ",
-            (a.selectedCardIds || []).length,
+            (r.selectedCardIds || []).length,
             " selected card",
-            (a.selectedCardIds || []).length === 1 ? "" : "s"
+            (r.selectedCardIds || []).length === 1 ? "" : "s"
           ] }),
-          explorerContent: /* @__PURE__ */ t(K, { children: "Selected cards have been set up to respond to this control automatically." }),
+          explorerContent: /* @__PURE__ */ t($, { children: "Selected cards have been set up to respond to this control automatically." }),
           sqlDescription: "SQL cards can still reference this control directly in the SQL editor.",
           onBack: () => I(
             (e) => e && {
@@ -1282,41 +1267,41 @@ function fa({
               step: 3
             }
           ),
-          onCancel: pe,
-          onDone: qe
+          onCancel: ue,
+          onDone: Fe
         }
       )
     ] }) : 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 = dt(e), l = y == null ? void 0 : y[e.id], c = be({
+    !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({
         control: e,
         defaultValues: i
-      }), g = ce === e.id, D = "inline-flex shrink-0 items-center rounded-[4px] border border-border/60 bg-muted/40 px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground";
+      }), g = 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";
       return /* @__PURE__ */ d(
         "div",
         {
-          className: "rounded-[6px] border border-border/60",
+          className: "rounded-control border border-border/60",
           children: [
             /* @__PURE__ */ d("div", { className: "flex items-center gap-2 px-3 py-2.5", children: [
               /* @__PURE__ */ d(
                 "button",
                 {
                   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",
+                  className: "flex min-w-0 flex-1 items-start gap-2 rounded-control text-left focus:outline-none focus-visible:bg-muted/40",
                   onClick: () => O(
                     (p) => p === e.id ? null : e.id
                   ),
                   children: [
-                    g ? /* @__PURE__ */ t(Be, { 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(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" }),
                     /* @__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: Ze(e.type).label }),
-                        /* @__PURE__ */ t("span", { className: D, children: et(s, e.placement) })
+                        /* @__PURE__ */ t("span", { className: D, children: et(e.type).label }),
+                        /* @__PURE__ */ t("span", { className: D, children: tt(s, e.placement) })
                       ] }),
                       /* @__PURE__ */ d("div", { className: "mt-0.5 text-[12px] text-muted-foreground", children: [
-                        tt(e),
+                        rt(e),
                         l != null && l.status ? ` · ${l.status}` : ""
                       ] })
                     ] })
@@ -1324,7 +1309,7 @@ function fa({
                 }
               ),
               /* @__PURE__ */ t(
-                E,
+                V,
                 {
                   type: "button",
                   size: "xs",
@@ -1339,9 +1324,9 @@ function fa({
             g && /* @__PURE__ */ d("div", { className: "space-y-4 border-t border-border/60 px-3 py-3", children: [
               /* @__PURE__ */ d("div", { className: "grid gap-3 md:grid-cols-3", children: [
                 /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-                  /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+                  /* @__PURE__ */ t(G, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
                   /* @__PURE__ */ t(
-                    at,
+                    Xe,
                     {
                       size: "xs",
                       value: e.label,
@@ -1354,14 +1339,14 @@ function fa({
                   )
                 ] }),
                 /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-                  /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
+                  /* @__PURE__ */ t(G, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
                   /* @__PURE__ */ d(
-                    ge,
+                    fe,
                     {
                       value: e.type,
                       onValueChange: (p) => {
-                        const S = rt({
-                          controls: r,
+                        const S = at({
+                          controls: a,
                           controlId: e.id,
                           nextType: p,
                           defaultValues: i
@@ -1369,10 +1354,10 @@ function fa({
                         A(S.controls, S.defaultValues);
                       },
                       children: [
-                        /* @__PURE__ */ t(xe, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
-                        /* @__PURE__ */ t(ve, { children: ae(e.type).map(
+                        /* @__PURE__ */ t(he, { size: "xs", children: /* @__PURE__ */ t(be, {}) }),
+                        /* @__PURE__ */ t(ge, { children: re(e.type).map(
                           (p) => /* @__PURE__ */ t(
-                            Ce,
+                            ye,
                             {
                               value: p.value,
                               children: p.label
@@ -1385,29 +1370,29 @@ function fa({
                   )
                 ] }),
                 /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-                  /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
+                  /* @__PURE__ */ t(G, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
                   /* @__PURE__ */ d(
-                    ge,
+                    fe,
                     {
-                      value: e.placement || G,
+                      value: e.placement || X,
                       onValueChange: (p) => Z(e.id, (S) => ({
                         ...S,
                         placement: p
                       })),
                       children: [
-                        /* @__PURE__ */ t(xe, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
-                        /* @__PURE__ */ t(ve, { children: X.map((p) => /* @__PURE__ */ t(Ce, { value: p.value, children: p.label }, p.value)) })
+                        /* @__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)) })
                       ]
                     }
                   )
                 ] })
               ] }),
-              q(e.type) ? /* @__PURE__ */ t(
-                Mt,
+              F(e.type) ? /* @__PURE__ */ t(
+                Bt,
                 {
                   type: e.type,
-                  participants: ze(
-                    x || [],
+                  participants: Oe(
+                    y || [],
                     e.type
                   ).map((p) => ({
                     cardId: p.cardId,
@@ -1416,10 +1401,10 @@ function fa({
                   })),
                   selectedCardIds: (m == null ? void 0 : m[e.id]) || [],
                   onChange: (p) => {
-                    const S = Ve({
+                    const S = Te({
                       control: e,
                       nextSelectedCardIds: p
-                    }), _ = r.map(
+                    }), _ = a.map(
                       (w) => w.id === e.id ? S.nextControl : w
                     );
                     A(_, i, {
@@ -1435,8 +1420,8 @@ function fa({
                   control: e,
                   availableFieldChoices: n.fields,
                   availableMetricChoices: n.metrics,
-                  previewControlDefinitions: r,
-                  previewControlValues: me,
+                  previewControlDefinitions: a,
+                  previewControlValues: pe,
                   controlLifecycle: "edit",
                   onChange: (p) => Z(e.id, () => p)
                 }
@@ -1448,13 +1433,13 @@ function fa({
                   value: c,
                   allowNoDefault: !0,
                   allowCardDefault: !0,
-                  previewControlDefinitions: r,
-                  previewControlValues: me,
+                  previewControlDefinitions: a,
+                  previewControlValues: pe,
                   onChange: (p) => {
-                    const S = r.map(
+                    const S = a.map(
                       (_) => _.id === e.id ? { ..._, defaultValue: p } : _
                     );
-                    if (e.source.kind === "manual" && (T.current[e.id] = p), i) {
+                    if (e.source.kind === "manual" && (E.current[e.id] = p), i) {
                       const _ = { ...i };
                       p === void 0 ? delete _[e.id] : _[e.id] = p, A(S, _);
                       return;
@@ -1464,30 +1449,30 @@ function fa({
                 }
               ),
               /* @__PURE__ */ d(
-                Bt,
+                Mt,
                 {
                   open: te === e.id,
                   onOpenChange: (p) => H(p ? e.id : null),
                   children: [
                     /* @__PURE__ */ t(Qt, { asChild: !0, children: /* @__PURE__ */ d(
-                      E,
+                      V,
                       {
                         type: "button",
                         variant: "ghost",
                         size: "xs",
                         className: "-ml-2 gap-1 text-muted-foreground hover:text-foreground",
                         children: [
-                          te === e.id ? /* @__PURE__ */ t(Be, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(Qe, { className: "h-3.5 w-3.5" }),
+                          te === e.id ? /* @__PURE__ */ t(Ae, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(Qe, { className: "h-3.5 w-3.5" }),
                           "Advanced"
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ d(Rt, { className: "space-y-3 pt-2", children: [
+                    /* @__PURE__ */ d(jt, { className: "space-y-3 pt-2", children: [
                       /* @__PURE__ */ d("div", { className: "grid gap-3 md:grid-cols-2", children: [
                         /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-                          /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Control ID" }),
+                          /* @__PURE__ */ t(G, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Control ID" }),
                           /* @__PURE__ */ t(
-                            jt,
+                            Rt,
                             {
                               controlId: e.id,
                               onCommit: (p) => ct(e.id, p)
@@ -1496,9 +1481,9 @@ function fa({
                           )
                         ] }),
                         /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
-                          /* @__PURE__ */ t(Y, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
+                          /* @__PURE__ */ t(G, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
                           /* @__PURE__ */ d(
-                            ge,
+                            fe,
                             {
                               value: e.initialValueStrategy,
                               onValueChange: (p) => Z(e.id, (S) => ({
@@ -1506,9 +1491,9 @@ function fa({
                                 initialValueStrategy: p
                               })),
                               children: [
-                                /* @__PURE__ */ t(xe, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
-                                /* @__PURE__ */ t(ve, { children: Ut.map((p) => /* @__PURE__ */ t(
-                                  Ce,
+                                /* @__PURE__ */ t(he, { size: "xs", children: /* @__PURE__ */ t(be, {}) }),
+                                /* @__PURE__ */ t(ge, { children: Ut.map((p) => /* @__PURE__ */ t(
+                                  ye,
                                   {
                                     value: p.value,
                                     children: p.label
@@ -1521,7 +1506,7 @@ function fa({
                         ] })
                       ] }),
                       /* @__PURE__ */ t(
-                        $t,
+                        Kt,
                         {
                           control: e,
                           onChange: (p) => Z(e.id, () => p)
@@ -1537,41 +1522,41 @@ function fa({
         e.id
       );
     }),
-    !a && /* @__PURE__ */ d(
-      E,
+    !r && /* @__PURE__ */ d(
+      V,
       {
         type: "button",
         variant: "outline",
         size: "xs",
         onClick: pt,
         children: [
-          /* @__PURE__ */ t(Kt, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ t($t, { className: "h-3.5 w-3.5" }),
           "Add control"
         ]
       }
     )
   ] });
 }
-function ha(s) {
+function gr(s) {
   const {
-    open: r,
+    open: a,
     onOpenChange: o,
     initialCreateFlowActive: i = !1,
     dismissMode: f = "passive"
-  } = s, u = r !== void 0, [b, y] = R(!1), [h, C] = R(
+  } = s, u = a !== void 0, [b, x] = j(!1), [h, C] = j(
     i
-  ), x = u ? r : b, m = M(
+  ), y = u ? a : b, m = B(
     (k) => {
-      !k && h && f === "passive" || (u || y(k), k || C(!1), o == null || o(k));
+      !k && h && f === "passive" || (u || x(k), k || C(!1), o == null || o(k));
     },
     [u, h, f, o]
-  ), v = M(() => {
-    u || y(!1), C(!1), o == null || o(!1);
+  ), v = B(() => {
+    u || x(!1), C(!1), o == null || o(!1);
   }, [u, o]);
-  De(() => {
-    x || C(!1);
-  }, [x]);
-  const V = M(
+  Se(() => {
+    y || C(!1);
+  }, [y]);
+  const T = B(
     (k) => {
       h && k.preventDefault();
     },
@@ -1581,23 +1566,22 @@ function ha(s) {
     forceClose: v,
     handleOpenChange: m,
     isCreateFlowActive: h,
-    preventPassiveDismissDuringCreate: V,
-    resolvedOpen: x,
+    preventPassiveDismissDuringCreate: T,
+    resolvedOpen: y,
     setIsCreateFlowActive: C
   };
 }
 export {
-  oa as C,
-  da as E,
+  dr as C,
+  ur as E,
   Ht as L,
-  nt as S,
-  ia as V,
-  pa as a,
-  ca as b,
-  ua as c,
+  cr as V,
+  fr as a,
+  pr as b,
+  mr as c,
   Jt as d,
-  fa as e,
+  br as e,
   ot as f,
-  ma as g,
-  ha as u
+  hr as g,
+  gr as u
 };