react-semaphor 0.1.267 → 0.1.268

package/dist/chunks/{use-create-flow-overlay-state-Bb83NOgW.js → use-create-flow-overlay-state-BrRL7vBF.js}

@@ -1,14 +1,14 @@
-import { bL as ae, U as S, bM as qe, bN as et, bO as tt, bP as at, bQ as st, bR as lt, u as ve, ae as rt, bS as nt, bT as dt, bU as it, ab as Z, c as q, bV as ot, bW as ct, M as ee, B as w, s as ut, H as se, N as Oe, J as _e, bX as Me, w as ze, bY as Be, X as Qe, x as Q, bZ as mt, b_ as J, b$ as Ie, c0 as we, c1 as oe, c2 as Te, c3 as pt, c4 as ht, c5 as P, c6 as ft, c7 as bt, a5 as Ve, c8 as Fe, c9 as ge, ca as je, cb as Ue, cc as yt, L as R, I as Re, y as ce, z as ue, A as me, E as pe, F as he, cd as $e, ce as vt, cf as gt, cg as Ke, ch as He, ci as xt, cj as Ct, ck as Nt, cl as kt, cm as St, cn as Dt, co as It, cp as wt, cq as fe, cr as Tt, cs as Le, ct as Vt, cu as Ft, cv as Lt } from "./index-D5jdzvu3.js";
-import { jsx as t, jsxs as i, Fragment as X } from "react/jsx-runtime";
-import { u as Et, a as xe } from "./use-visual-utils-Bj7eAUMG.js";
-import { useMemo as E, useState as j, useRef as At, useCallback as _, useEffect as be, Fragment as qt } from "react";
+import { bM as te, U as E, bN as Oe, bO as tt, bP as at, bQ as st, bR as lt, bS as rt, u as ve, af as nt, bT as dt, bU as it, bV as ot, ac as Z, c as q, bW as ct, bX as ut, B as I, s as mt, H as ae, N as Me, J as _e, bY as ze, w as Be, M as fe, bZ as Qe, X as je, x as _, b_ as pt, b$ as ht, c0 as J, c1 as we, c2 as Te, c3 as ie, c4 as Fe, c5 as ft, c6 as bt, c7 as P, c8 as yt, c9 as vt, a6 as Ve, ca as Ee, cb as ge, cc as Ue, cd as Re, ce as gt, L as R, I as $e, y as oe, z as ce, A as ue, E as me, F as pe, cf as Ke, cg as xt, ch as Ct, ci as He, cj as Ye, ck as Nt, cl as kt, cm as St, cn as Dt, co as It, cp as wt, cq as Tt, cr as Ft, cs as he, ct as Vt, cu as Le, cv as Et, cw as Lt, cx as At } from "./index-BrLm4rYX.js";
+import { jsx as t, jsxs as d, Fragment as X } from "react/jsx-runtime";
+import { useMemo as L, useState as j, useRef as qt, useCallback as M, useEffect as be, Fragment as Ot } from "react";
+import { u as xe } from "./use-visual-utils-1cXtOxvS.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 Ht = ae("CircleX", [
+const Yt = te("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -19,7 +19,7 @@ const Ht = ae("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ot = ae("Library", [
+const Mt = te("Library", [
   ["path", { d: "m16 6 4 14", key: "ji33uf" }],
   ["path", { d: "M12 6v14", key: "1n7gus" }],
   ["path", { d: "M8 8v12", key: "1gg7y9" }],
@@ -31,7 +31,7 @@ const Ot = ae("Library", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _t = ae("Link2", [
+const _t = te("Link2", [
   ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
   ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
   ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
@@ -42,7 +42,7 @@ const _t = ae("Link2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ye = ae("Save", [
+const Xe = te("Save", [
   [
     "path",
     {
@@ -53,123 +53,123 @@ const Ye = ae("Save", [
   ["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 Xe() {
-  var r, x;
-  const s = S((y) => y.card), l = S((y) => y.frame), n = E(
-    () => qe(l, s),
+function Ge() {
+  var m, x;
+  const s = E((v) => v.card), l = E((v) => v.frame), r = L(
+    () => Oe(l, s),
     [l, s]
-  ), { manifest: o } = et(
-    ((r = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : r.url) || ""
-  ), m = E(
+  ), { manifest: i } = tt(
+    ((m = r == null ? void 0 : r.customCardPreferences) == null ? void 0 : m.url) || ""
+  ), u = L(
     () => {
-      var y;
-      return (y = o == null ? void 0 : o.visuals) == null ? void 0 : y.find(
-        (f) => {
-          var v;
-          return f.name === ((v = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : v.componentName);
+      var v;
+      return (v = i == null ? void 0 : i.visuals) == null ? void 0 : v.find(
+        (b) => {
+          var y;
+          return b.name === ((y = r == null ? void 0 : r.customCardPreferences) == null ? void 0 : y.componentName);
         }
       );
     },
-    [o, (x = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : x.componentName]
-  ), b = tt(n, m), p = E(
-    () => at({
+    [i, (x = r == null ? void 0 : r.customCardPreferences) == null ? void 0 : x.componentName]
+  ), p = at(r, u), h = L(
+    () => st({
       frame: l,
-      configCard: n,
-      isMultiInputVisual: b === "multiple"
+      configCard: r,
+      isMultiInputVisual: p === "multiple"
     }),
-    [l, n, b]
-  ), h = E(() => {
-    const y = p.findIndex(
-      (f) => (f == null ? void 0 : f.id) === s.id
+    [l, r, p]
+  ), f = L(() => {
+    const v = h.findIndex(
+      (b) => (b == null ? void 0 : b.id) === s.id
     );
-    return y < 0 ? -1 : st(s, y);
-  }, [p, s]);
-  return E(() => !n || b !== "multiple" || h < 0 ? s.type : lt(
+    return v < 0 ? -1 : lt(s, v);
+  }, [h, s]);
+  return L(() => !r || p !== "multiple" || f < 0 ? s.type : rt(
     s,
-    h,
-    m == null ? void 0 : m.slots
-  ) ?? s.type, [n, b, h, s, m == null ? void 0 : m.slots]);
+    f,
+    u == null ? void 0 : u.slots
+  ) ?? s.type, [r, p, f, s, u == null ? void 0 : u.slots]);
 }
-function Yt({
+function Xt({
   type: s,
   isLinked: l,
-  className: n,
-  showLabel: o = !1,
-  showLocal: m = !1
+  className: r,
+  showLabel: i = !1,
+  showLocal: u = !1
 }) {
-  const b = ve((I) => I.selectedFrameId), p = rt((I) => I.selectedVisual), h = S((I) => I.frame);
-  let r;
+  const p = ve((D) => D.selectedFrameId), h = nt((D) => D.selectedVisual), f = E((D) => D.frame);
+  let m;
   if (s)
-    r = s;
+    m = s;
   else if (l !== void 0)
-    r = l ? "linked" : "library";
-  else if (!!!(h != null && h.visualId || p != null && p.id) && b)
-    r = "local";
-  else if (p && !b)
-    r = "library";
-  else if (h != null && h.visualId && b)
-    r = "linked";
-  else if (p != null && p.id && b)
-    r = "library";
+    m = l ? "linked" : "library";
+  else if (!!!(f != null && f.visualId || h != null && h.id) && p)
+    m = "local";
+  else if (h && !p)
+    m = "library";
+  else if (f != null && f.visualId && p)
+    m = "linked";
+  else if (h != null && h.id && p)
+    m = "library";
   else
     return null;
-  if (r === "local" && !m)
+  if (m === "local" && !u)
     return null;
   const x = {
     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"
-  }, y = {
+  }, v = {
     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."
-  }, f = {
+  }, b = {
     local: "border-slate-200 bg-slate-50 text-slate-900 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100",
     linked: "border-purple-200 bg-purple-50 text-purple-900 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-100",
     library: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-100"
-  }, v = {
+  }, y = {
     local: "fill-slate-50 dark:fill-slate-900",
     linked: "fill-purple-50 dark:fill-purple-950",
     library: "fill-blue-50 dark:fill-blue-950"
   }, C = {
     local: /* @__PURE__ */ t("span", { className: "h-2 w-2 rounded-full bg-current/70" }),
     linked: /* @__PURE__ */ t(_t, { className: "h-3.5 w-3.5" }),
-    library: /* @__PURE__ */ t(Ot, { className: "h-3.5 w-3.5" })
+    library: /* @__PURE__ */ t(Mt, { className: "h-3.5 w-3.5" })
   }, A = {
     local: "Local",
     linked: "Linked",
     library: "Library"
   };
-  return /* @__PURE__ */ t(nt, { children: /* @__PURE__ */ i(dt, { delayDuration: 300, children: [
-    /* @__PURE__ */ t(it, { asChild: !0, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ t(dt, { children: /* @__PURE__ */ d(it, { delayDuration: 300, children: [
+    /* @__PURE__ */ t(ot, { asChild: !0, children: /* @__PURE__ */ d(
       Z,
       {
         variant: "outline",
         className: q(
           "cursor-help select-none transition-all",
-          x[r],
-          n
+          x[m],
+          r
         ),
         children: [
-          C[r],
-          o && /* @__PURE__ */ t("span", { className: "ml-1 text-xs font-medium leading-none", children: A[r] })
+          C[m],
+          i && /* @__PURE__ */ t("span", { className: "ml-1 text-xs font-medium leading-none", children: A[m] })
         ]
       }
     ) }),
-    /* @__PURE__ */ i(
-      ot,
+    /* @__PURE__ */ d(
+      ct,
       {
         side: "bottom",
-        className: q("max-w-xs", f[r]),
+        className: q("max-w-xs", b[m]),
         children: [
-          /* @__PURE__ */ t(ct, { className: v[r] }),
-          /* @__PURE__ */ t("p", { children: y[r] })
+          /* @__PURE__ */ t(ut, { className: y[m] }),
+          /* @__PURE__ */ t("p", { children: v[m] })
         ]
       }
     )
   ] }) });
 }
-function Mt(s, l) {
+function zt(s, l) {
   return {
     ...s,
     sql: "",
@@ -179,80 +179,74 @@ function Mt(s, l) {
     preferences: {},
     interactionConfig: void 0,
     linkedInteractionTargetOverrides: void 0,
+    dynamicCardPreferences: void 0,
     customCardPreferences: l ? s.customCardPreferences : void 0,
+    visualizationMode: "builtin",
     type: l ? s.type : "bar"
   };
 }
-function Xt({
+function Ce(s) {
+  const l = pt(s);
+  return l ? (_.error(l), !1) : !0;
+}
+function Gt({
   className: s,
   variant: l = "outline"
 }) {
-  var h;
-  const { setCardSql: n } = ee();
-  S((r) => r.frame);
-  const o = S((r) => r.card);
-  Et(
-    ((h = o.customCardPreferences) == null ? void 0 : h.url) || ""
-  ), S(
-    (r) => r.selectedSchemaName
-  ), S(
-    (r) => r.selectedDatamodelId
-  ), S(
-    (r) => r.selectedDatabaseName
-  ), S((r) => r.selectedTableName), S(
-    (r) => r.selectedConnectionId
-  ), S((r) => r.isShowingVisual), o.sql;
-  const m = S((r) => r.onSave), { getUpdatedFrame: b } = xe();
-  function p() {
-    const r = b();
-    m == null || m(r);
+  const r = E((p) => p.onSave), { getUpdatedFrame: i } = xe();
+  function u() {
+    const p = i();
+    Ce(p) && (r == null || r(p));
   }
-  return /* @__PURE__ */ i(
-    w,
+  return /* @__PURE__ */ d(
+    I,
     {
-      onClick: p,
+      onClick: u,
       className: q("h-8", s),
       size: "sm",
       variant: l,
       children: [
-        /* @__PURE__ */ t(ut, { className: "mr-2 size-4 font-bold" }),
+        /* @__PURE__ */ t(mt, { className: "mr-2 size-4 font-bold" }),
         "Accept"
       ]
     }
   );
 }
-function Gt({
+function Wt({
   className: s,
   variant: l = "default"
 }) {
-  const n = se(), [o, m] = j(!1), b = ve(
-    (v) => v.actions.setIsDashboardPanelOpen
-  ), { setIsVisualEditing: p } = Oe(), { getUpdatedFrame: h } = xe(), r = _e(), x = S((v) => v.frame), y = Me();
-  return /* @__PURE__ */ i(
-    w,
+  const r = ae(), [i, u] = j(!1), p = ve(
+    (y) => y.actions.setIsDashboardPanelOpen
+  ), { setIsVisualEditing: h } = Me(), { getUpdatedFrame: f } = xe(), m = _e(), x = E((y) => y.frame), v = ze();
+  return /* @__PURE__ */ d(
+    I,
     {
       onClick: () => {
-        const v = h(), C = (x == null ? void 0 : x.visualId) || (r == null ? void 0 : r.id);
+        const y = f();
+        if (!Ce(y))
+          return;
+        const C = (x == null ? void 0 : x.visualId) || (m == null ? void 0 : m.id);
         if (!C) {
-          Q.error("No visual to save");
+          _.error("No visual to save");
           return;
         }
-        m(!0), y.mutate(
+        u(!0), v.mutate(
           {
             visualId: C,
             data: {
-              frameObject: v
+              frameObject: y
             }
           },
           {
             onSuccess: () => {
-              m(!1), b(!0), Q.success("Visual updated successfully"), n.invalidateQueries({
+              u(!1), p(!0), _.success("Visual updated successfully"), r.invalidateQueries({
                 queryKey: ["resource-by-id", "visual", C],
                 exact: !0
               });
             },
             onError: () => {
-              m(!1), Q.error("Failed to update visual");
+              u(!1), _.error("Failed to update visual");
             }
           }
         );
@@ -261,154 +255,158 @@ function Gt({
       size: "sm",
       variant: l,
       children: [
-        o && /* @__PURE__ */ i(X, { children: [
-          /* @__PURE__ */ t(ze, { className: "mr-2 size-4 animate-spin font-bold" }),
+        i && /* @__PURE__ */ d(X, { children: [
+          /* @__PURE__ */ t(Be, { className: "mr-2 size-4 animate-spin font-bold" }),
           " Saving"
         ] }),
-        !o && /* @__PURE__ */ i(X, { children: [
-          /* @__PURE__ */ t(Ye, { className: "mr-2 size-4 font-bold" }),
+        !i && /* @__PURE__ */ d(X, { children: [
+          /* @__PURE__ */ t(Xe, { className: "mr-2 size-4 font-bold" }),
           "Save to Library"
         ] })
       ]
     }
   );
 }
-function Wt({
+function Jt({
   className: s
 }) {
-  const l = se(), [n, o] = j(!1), m = _e(), b = S((v) => v.frame), p = ve((v) => v.selectedSheetId), { updateFrame: h, setIsVisualEditing: r } = Oe(), { getUpdatedFrame: x } = xe(), y = Me();
+  const l = ae(), [r, i] = j(!1), u = _e(), p = E((y) => y.frame), h = ve((y) => y.selectedSheetId), { updateFrame: f, setIsVisualEditing: m } = Me(), { getUpdatedFrame: x } = xe(), v = ze();
   return /* @__PURE__ */ t(
-    w,
+    I,
     {
       onClick: async () => {
-        if (!p) {
-          Q.error("No sheet selected");
+        if (!h) {
+          _.error("No sheet selected");
           return;
         }
-        const v = (b == null ? void 0 : b.visualId) || (m == null ? void 0 : m.id);
-        if (!v) {
-          Q.error("No visual to update");
+        const y = (p == null ? void 0 : p.visualId) || (u == null ? void 0 : u.id);
+        if (!y) {
+          _.error("No visual to update");
           return;
         }
-        o(!0);
+        i(!0);
         try {
           const C = x();
-          await y.mutateAsync({
-            visualId: v,
+          if (!Ce(C)) {
+            i(!1);
+            return;
+          }
+          await v.mutateAsync({
+            visualId: y,
             data: {
               frameObject: C
             }
           });
           const A = {
             ...C,
-            visualId: v
+            visualId: y
             // Keep the link to library visual
           };
-          h(p, A), l.invalidateQueries({ queryKey: ["visuals"] }), l.invalidateQueries({ queryKey: ["visual", v] }), Q.success("Saved to library and applied locally"), setTimeout(() => {
-            r(!1);
+          f(h, A), l.invalidateQueries({ queryKey: ["visuals"] }), l.invalidateQueries({ queryKey: ["visual", y] }), _.success("Saved to library and applied locally"), setTimeout(() => {
+            m(!1);
           }, 300);
         } catch (C) {
-          console.error("Failed to save and apply:", C), Q.error("Failed to save and apply changes");
+          console.error("Failed to save and apply:", C), _.error("Failed to save and apply changes");
         } finally {
-          o(!1);
+          i(!1);
         }
       },
       className: q("h-8", s),
       size: "sm",
       variant: "default",
-      disabled: n,
-      children: n ? /* @__PURE__ */ i(X, { children: [
-        /* @__PURE__ */ t(ze, { className: "mr-2 size-4 animate-spin font-bold" }),
+      disabled: r,
+      children: r ? /* @__PURE__ */ d(X, { children: [
+        /* @__PURE__ */ t(Be, { className: "mr-2 size-4 animate-spin font-bold" }),
         " Saving..."
-      ] }) : /* @__PURE__ */ i(X, { children: [
-        /* @__PURE__ */ t(Ye, { className: "mr-2 size-4 font-bold" }),
+      ] }) : /* @__PURE__ */ d(X, { children: [
+        /* @__PURE__ */ t(Xe, { className: "mr-2 size-4 font-bold" }),
         "Save & Apply"
       ] })
     }
   );
 }
-function Jt({ className: s }) {
-  const { setTempQueryData: l, setSqlGen: n } = ee(), o = se(), m = S((f) => f.tempQueryData), b = S((f) => f.onClose), p = S((f) => f.card), h = Xe(), r = E(() => h !== p.type ? { ...p, type: h } : p, [p, h]), { queryKey: x } = Be(r);
-  function y() {
-    if (m) {
-      const { queryKey: f, queryData: v } = m;
-      f && v && o.setQueryData(f, v);
+function Pt({ className: s }) {
+  const { setTempQueryData: l, setSqlGen: r } = fe(), i = ae(), u = E((b) => b.tempQueryData), p = E((b) => b.onClose), h = E((b) => b.card), f = Ge(), m = L(() => f !== h.type ? { ...h, type: f } : h, [h, f]), { queryKey: x } = Qe(m);
+  function v() {
+    if (u) {
+      const { queryKey: b, queryData: y } = u;
+      b && y && i.setQueryData(b, y);
     }
-    n({}), b == null || b();
+    r({}), p == null || p();
   }
-  return /* @__PURE__ */ i(
-    w,
+  return /* @__PURE__ */ d(
+    I,
     {
-      onClick: y,
+      onClick: v,
       className: q("h-8", s),
       size: "sm",
       variant: "outline",
       children: [
-        /* @__PURE__ */ t(Qe, { className: "mr-2 size-4" }),
+        /* @__PURE__ */ t(je, { className: "mr-2 size-4" }),
         "Close"
       ]
     }
   );
 }
-function Pt({
+function Zt({
   label: s = "Clear",
   variant: l = "secondary",
-  className: n
+  className: r
 } = {}) {
-  const { setTempQueryData: o } = ee(), m = se(), b = S((a) => a.tempQueryData), p = S((a) => a.card), h = Xe(), r = E(() => h !== p.type ? { ...p, type: h } : p, [p, h]), { queryKey: x } = Be(r), {
-    setCardSql: y,
-    setSqlGen: f,
-    setCardPython: v,
+  const { setTempQueryData: i } = fe(), u = ae(), p = E((a) => a.tempQueryData), h = E((a) => a.card), f = Ge(), m = L(() => f !== h.type ? { ...h, type: f } : h, [h, f]), { queryKey: x } = Qe(m), {
+    setCardSql: v,
+    setSqlGen: b,
+    setCardPython: y,
     setCardCustomCfg: C,
     setCardPreferences: A,
-    clearQueryConfig: I,
-    setCardConfig: le,
-    setCardType: re,
+    clearQueryConfig: D,
+    setCardConfig: se,
+    setCardType: le,
     setFrame: G,
     setCard: $,
-    setActiveTabCardId: ne
-  } = ee();
+    setActiveTabCardId: re
+  } = fe();
   function U() {
-    var z, W, H, F;
-    const a = m.getQueryData(x);
-    b != null && b.queryData || o({
+    var B, W, H, F;
+    const a = u.getQueryData(x);
+    p != null && p.queryData || i({
       queryKey: x,
       queryData: a
-    }), m.setQueryData(x, null), m.removeQueries({ queryKey: x, exact: !0 }), y(""), f({}), I(), le(void 0), v(""), C(""), A({});
-    const D = S.getState().frame, K = S.getState().card, V = qe(D, K), T = ((z = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : z.visualType) === "multiple" || !!((W = V == null ? void 0 : V.customCardPreferences) != null && W.dataInputCardIds) || (((H = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : H.minInputs) || 0) > 1 || (((F = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : F.maxInputs) || 0) > 1, M = Mt(K, T);
+    }), u.setQueryData(x, null), u.removeQueries({ queryKey: x, exact: !0 }), v(""), b({}), D(), se(void 0), y(""), C(""), A({});
+    const S = E.getState().frame, K = E.getState().card, T = Oe(S, K), w = ((B = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : B.visualType) === "multiple" || !!((W = T == null ? void 0 : T.customCardPreferences) != null && W.dataInputCardIds) || (((H = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : H.minInputs) || 0) > 1 || (((F = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : F.maxInputs) || 0) > 1, z = zt(K, w);
     G({
-      ...D,
-      cards: D.cards.map(
-        (O) => O.id === M.id ? M : O
+      ...S,
+      cards: S.cards.map(
+        (O) => O.id === z.id ? z : O
       )
-    }), ne(M.id), $(M), T || re("bar");
+    }), re(z.id), $(z), w || le("bar");
   }
-  return /* @__PURE__ */ i(
-    w,
+  return /* @__PURE__ */ d(
+    I,
     {
       onClick: U,
-      className: q("h-8", n),
+      className: q("h-8", r),
       size: "sm",
       variant: l,
       children: [
-        /* @__PURE__ */ t(Qe, { className: "mr-2 size-3.5" }),
+        /* @__PURE__ */ t(je, { className: "mr-2 size-3.5" }),
         s
       ]
     }
   );
 }
-function Ge(s) {
-  const { control: l, onChange: n } = s;
-  return /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+function We(s) {
+  const { control: l, onChange: r } = s;
+  return /* @__PURE__ */ d("div", { className: "space-y-1", children: [
     /* @__PURE__ */ t(R, { className: "text-xs", children: "Label" }),
-    /* @__PURE__ */ i("div", { className: "relative", children: [
+    /* @__PURE__ */ d("div", { className: "relative", children: [
       /* @__PURE__ */ t(
-        Re,
+        $e,
         {
           className: "pr-40",
           value: l.label,
           placeholder: "Control label",
-          onChange: (o) => n(o.target.value)
+          onChange: (i) => r(i.target.value)
         }
       ),
       /* @__PURE__ */ t(
@@ -422,20 +420,20 @@ function Ge(s) {
     ] })
   ] });
 }
-function zt(s) {
-  const { currentStep: l, labels: n } = s;
-  return /* @__PURE__ */ t("div", { className: "sticky top-0 z-10 -mx-1 border-b bg-background/95 px-1 pb-2 pt-1 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3", children: n.map((o, m) => {
-    const b = m + 1, p = b === l, h = b < l;
-    return /* @__PURE__ */ i(qt, { children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+function Bt(s) {
+  const { currentStep: l, labels: r } = s;
+  return /* @__PURE__ */ t("div", { className: "sticky top-0 z-10 -mx-1 border-b bg-background/95 px-1 pb-2 pt-1 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3", children: r.map((i, u) => {
+    const p = u + 1, h = p === l, f = p < l;
+    return /* @__PURE__ */ d(Ot, { children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ t(
           "span",
           {
             className: q(
               "flex h-7 w-7 items-center justify-center rounded-full border text-[11px] font-semibold",
-              p ? "border-primary bg-primary text-primary-foreground" : h ? "border-primary/25 bg-primary/10 text-primary" : "border-border bg-muted/30 text-muted-foreground"
+              h ? "border-primary bg-primary text-primary-foreground" : f ? "border-primary/25 bg-primary/10 text-primary" : "border-border bg-muted/30 text-muted-foreground"
             ),
-            children: b
+            children: p
           }
         ),
         /* @__PURE__ */ t(
@@ -443,467 +441,467 @@ function zt(s) {
           {
             className: q(
               "text-xs font-medium",
-              p ? "text-foreground" : "text-muted-foreground"
+              h ? "text-foreground" : "text-muted-foreground"
             ),
-            children: o
+            children: i
           }
         )
       ] }),
-      m < n.length - 1 ? /* @__PURE__ */ t(
+      u < r.length - 1 ? /* @__PURE__ */ t(
         "span",
         {
           className: "h-px w-5 bg-border/80 sm:w-8",
           "aria-hidden": "true"
         }
       ) : null
-    ] }, o);
+    ] }, i);
   }) }) });
 }
-function te(s) {
-  const { secondary: l, tertiary: n, primary: o } = s;
-  return /* @__PURE__ */ i("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: [
+function ee(s) {
+  const { secondary: l, tertiary: r, 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: [
     l,
-    n,
-    o
+    r,
+    i
   ] });
 }
-function Bt(s) {
-  const { control: l, scope: n, detail: o } = s;
-  return /* @__PURE__ */ i("div", { className: "flex items-start gap-3 rounded-xl border border-border/40 bg-muted/20 p-3", children: [
-    /* @__PURE__ */ t(Ft, { className: "mt-0.5 h-4 w-4 text-emerald-600" }),
-    /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+function Qt(s) {
+  const { control: l, scope: r, detail: i } = s;
+  return /* @__PURE__ */ d("div", { className: "flex items-start gap-3 rounded-xl border border-border/40 bg-muted/20 p-3", children: [
+    /* @__PURE__ */ t(Lt, { className: "mt-0.5 h-4 w-4 text-emerald-600" }),
+    /* @__PURE__ */ d("div", { className: "space-y-1", children: [
       /* @__PURE__ */ t("div", { className: "text-sm font-medium", children: l.label }),
-      /* @__PURE__ */ i("div", { className: "text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ d("div", { className: "text-xs text-muted-foreground", children: [
         ge(l.type).label,
         " ·",
         " ",
-        Ue(l),
+        Re(l),
         " ·",
         " ",
-        je(n, l.placement)
+        Ue(r, l.placement)
       ] }),
-      o ? /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: o }) : null
+      i ? /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: i }) : null
     ] })
   ] });
 }
 function ye(s) {
-  const { title: l, children: n, className: o } = s;
-  return /* @__PURE__ */ i(
+  const { title: l, children: r, className: i } = s;
+  return /* @__PURE__ */ d(
     "div",
     {
       className: q(
         "space-y-1 rounded-xl border border-border/40 bg-muted/20 p-3",
-        o
+        i
       ),
       children: [
         /* @__PURE__ */ t("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: l }),
-        n
+        r
       ]
     }
   );
 }
-function Qt(s) {
-  const { createdReference: l, description: n } = s;
-  return /* @__PURE__ */ i(ye, { title: "SQL cards", className: "space-y-2", children: [
-    /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 rounded-md border border-border/30 bg-muted/40 px-3 py-2", children: [
+function jt(s) {
+  const { createdReference: l, description: r } = s;
+  return /* @__PURE__ */ d(ye, { title: "SQL cards", className: "space-y-2", children: [
+    /* @__PURE__ */ d("div", { className: "flex items-center justify-between gap-2 rounded-md border border-border/30 bg-muted/40 px-3 py-2", children: [
       /* @__PURE__ */ t("code", { className: "min-w-0 truncate text-xs", children: l }),
       /* @__PURE__ */ t(
-        Lt,
+        At,
         {
           text: l,
           ariaLabel: "Copy SQL control reference"
         }
       )
     ] }),
-    /* @__PURE__ */ t("p", { className: "text-[11px] text-muted-foreground", children: n })
+    /* @__PURE__ */ t("p", { className: "text-[11px] text-muted-foreground", children: r })
   ] });
 }
-function Ee(s) {
+function Ae(s) {
   const {
     control: l,
-    defaultValue: n,
-    availableFieldChoices: o,
-    availableMetricChoices: m,
-    onControlChange: b,
-    onLabelChange: p,
-    onDefaultValueChange: h,
-    onBack: r,
+    defaultValue: r,
+    availableFieldChoices: i,
+    availableMetricChoices: u,
+    onControlChange: p,
+    onLabelChange: h,
+    onDefaultValueChange: f,
+    onBack: m,
     onNext: x,
-    nextDisabled: y
+    nextDisabled: v
   } = s;
-  return /* @__PURE__ */ i("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ t(Ge, { control: l, onChange: p }),
+  return /* @__PURE__ */ d("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ t(We, { control: l, onChange: h }),
     /* @__PURE__ */ t(
-      Ke,
+      He,
       {
         control: l,
-        availableFieldChoices: o,
-        availableMetricChoices: m,
-        onChange: b
+        availableFieldChoices: i,
+        availableMetricChoices: u,
+        onChange: p
       }
     ),
     /* @__PURE__ */ t(
-      He,
+      Ye,
       {
         control: l,
-        value: n,
-        onChange: h,
+        value: r,
+        onChange: f,
         allowCardDefault: !0,
         hint: "This is the value viewers will see first."
       }
     ),
     /* @__PURE__ */ t(
-      te,
+      ee,
       {
-        secondary: /* @__PURE__ */ t(w, { type: "button", variant: "outline", onClick: r, children: "Back" }),
-        primary: /* @__PURE__ */ t(w, { type: "button", onClick: x, disabled: y, children: "Next" })
+        secondary: /* @__PURE__ */ t(I, { type: "button", variant: "outline", onClick: m, children: "Back" }),
+        primary: /* @__PURE__ */ t(I, { type: "button", onClick: x, disabled: v, children: "Next" })
       }
     )
   ] });
 }
-function Ae(s) {
+function qe(s) {
   const {
     control: l,
-    scope: n,
-    createdReference: o,
-    explorerContent: m,
-    sqlDescription: b,
-    summaryDetail: p,
-    onBack: h,
-    onCancel: r,
+    scope: r,
+    createdReference: i,
+    explorerContent: u,
+    sqlDescription: p,
+    summaryDetail: h,
+    onBack: f,
+    onCancel: m,
     onDone: x
   } = s;
-  return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
     /* @__PURE__ */ t(
-      Bt,
+      Qt,
       {
         control: l,
-        scope: n,
-        detail: p
+        scope: r,
+        detail: h
       }
     ),
-    /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ d("div", { className: "space-y-2", children: [
       /* @__PURE__ */ t("p", { className: "text-sm font-medium", children: "How cards use this control" }),
-      m,
+      u,
       /* @__PURE__ */ t(
-        Qt,
+        jt,
         {
-          createdReference: o,
-          description: b
+          createdReference: i,
+          description: p
         }
       )
     ] }),
     /* @__PURE__ */ t(
-      te,
+      ee,
       {
-        secondary: /* @__PURE__ */ t(w, { type: "button", variant: "outline", onClick: h, children: "Back" }),
-        tertiary: /* @__PURE__ */ t(w, { type: "button", variant: "outline", onClick: r, children: "Cancel" }),
-        primary: /* @__PURE__ */ t(w, { type: "button", onClick: x, children: "Done" })
+        secondary: /* @__PURE__ */ t(I, { type: "button", variant: "outline", onClick: f, children: "Back" }),
+        tertiary: /* @__PURE__ */ t(I, { type: "button", variant: "outline", onClick: m, children: "Cancel" }),
+        primary: /* @__PURE__ */ t(I, { type: "button", onClick: x, children: "Done" })
       }
     )
   ] });
 }
-function jt(s) {
+function Ut(s) {
   const l = J(
     s.scope,
     s.existingControls,
     s.reservedIds
-  ), n = s.type === l.type ? {
+  ), r = s.type === l.type ? {
     ...l,
-    label: fe[s.type]
+    label: he[s.type]
   } : {
-    ...$e({
+    ...Ke({
       controls: [
         {
           ...l,
-          label: fe[s.type]
+          label: he[s.type]
         }
       ],
       controlId: l.id,
       nextType: s.type
     }).controls[0],
-    label: fe[s.type]
+    label: he[s.type]
   };
   return {
     step: 2,
-    control: n,
-    defaultValue: P(n, void 0)
+    control: r,
+    defaultValue: P(r, void 0)
   };
 }
-function Zt({
+function ea({
   scope: s,
   controls: l,
-  reservedControlIds: n,
-  defaultValues: o,
-  onChange: m,
-  emptyMessage: b,
-  initialCreateFlow: p = !1,
-  usageByControlId: h,
-  availableFieldChoices: r,
+  reservedControlIds: r,
+  defaultValues: i,
+  onChange: u,
+  emptyMessage: p,
+  initialCreateFlow: h = !1,
+  usageByControlId: f,
+  availableFieldChoices: m,
   availableMetricChoices: x,
-  structuralParticipants: y,
-  structuralParticipantIdsByControlId: f,
-  card: v,
+  structuralParticipants: v,
+  structuralParticipantIdsByControlId: b,
+  card: y,
   onCreateFlowActiveChange: C,
   onCreateFlowComplete: A
 }) {
-  const I = E(
-    () => new Set(n || []),
-    [n]
-  ), le = vt(s), re = mt(s), [G, $] = j(
+  const D = L(
+    () => new Set(r || []),
+    [r]
+  ), se = xt(s), le = ht(s), [G, $] = j(
     null
-  ), [ne, U] = j(
+  ), [re, U] = j(
     null
-  ), [a, D] = j(
-    () => p ? {
+  ), [a, S] = j(
+    () => h ? {
       step: 1,
-      control: J(s, l, Array.from(I))
+      control: J(s, l, Array.from(D))
     } : null
-  ), K = At(p), V = E(
-    () => Ie({ scope: s, card: v }),
-    [v, s]
-  ), T = _(
+  ), K = qt(h), T = L(
+    () => we({ scope: s, card: y }),
+    [y, s]
+  ), w = M(
     (e) => s === "dashboard" && (e === "field_selector" || e === "metric_selector"),
     [s]
-  ), M = E(
-    () => a ? we(
-      y || [],
+  ), z = L(
+    () => a ? Te(
+      v || [],
       a.control.type
     ) : [],
-    [a, y]
-  ), z = E(() => {
+    [a, v]
+  ), B = L(() => {
     if (!a)
       return {
-        fields: r || [],
+        fields: m || [],
         metrics: x || []
       };
-    if (!T(a.control.type))
+    if (!w(a.control.type))
       return {
-        fields: r || [],
+        fields: m || [],
         metrics: x || []
       };
-    const e = a.selectedCardIds || [], u = oe({
+    const e = a.selectedCardIds || [], c = ie({
       controlType: a.control.type,
-      participants: y || [],
+      participants: v || [],
       selectedCardIds: e
     });
     return {
-      fields: a.control.type === "field_selector" ? u.choices.map((c) => ({
-        option: c,
-        target: u.fieldTargetMap[c.value]
+      fields: a.control.type === "field_selector" ? c.choices.map((o) => ({
+        option: o,
+        target: c.fieldTargetMap[o.value]
       })) : [],
-      metrics: a.control.type === "metric_selector" ? u.choices.map((c) => ({
-        option: c,
-        target: u.metricTargetMap[c.value]
+      metrics: a.control.type === "metric_selector" ? c.choices.map((o) => ({
+        option: o,
+        target: c.metricTargetMap[o.value]
       })) : []
     };
   }, [
-    r,
+    m,
     x,
     a,
-    T,
-    y
+    w,
+    v
   ]);
   be(() => {
     C == null || C(!!a);
   }, [a, C]), be(() => {
-    const e = p && !K.current;
-    K.current = p, e && (D({
+    const e = h && !K.current;
+    K.current = h, e && (S({
       step: 1,
-      control: J(s, l, Array.from(I))
+      control: J(s, l, Array.from(D))
     }), U(null), $(null));
-  }, [l, p, I, s]);
+  }, [l, h, D, s]);
   const W = (e) => {
-    if (!T(e.type))
+    if (!w(e.type))
       return {
-        fields: r || [],
+        fields: m || [],
         metrics: x || []
       };
-    const u = (f == null ? void 0 : f[e.id]) || [];
-    if (u.length === 0)
+    const c = (b == null ? void 0 : b[e.id]) || [];
+    if (c.length === 0)
       return {
-        fields: r || [],
+        fields: m || [],
         metrics: x || []
       };
-    const c = oe({
+    const o = ie({
       controlType: e.type,
-      participants: y || [],
-      selectedCardIds: u
+      participants: v || [],
+      selectedCardIds: c
     });
     return {
-      fields: e.type === "field_selector" ? c.choices.map((g) => ({
+      fields: e.type === "field_selector" ? o.choices.map((g) => ({
         option: g,
-        target: c.fieldTargetMap[g.value]
+        target: o.fieldTargetMap[g.value]
       })) : [],
-      metrics: e.type === "metric_selector" ? c.choices.map((g) => ({
+      metrics: e.type === "metric_selector" ? o.choices.map((g) => ({
         option: g,
-        target: c.metricTargetMap[g.value]
+        target: o.metricTargetMap[g.value]
       })) : []
     };
   }, H = (e) => {
-    if (!T(e.control.type))
+    if (!w(e.control.type))
       return {
         nextControl: e.control,
         cardBindingsById: void 0
       };
-    const u = (f == null ? void 0 : f[e.control.id]) || [], c = oe({
+    const c = (b == null ? void 0 : b[e.control.id]) || [], o = ie({
       controlType: e.control.type,
-      participants: y || [],
+      participants: v || [],
       selectedCardIds: e.nextSelectedCardIds
-    }), g = Vt({
+    }), g = Et({
       control: e.control,
-      choices: c.choices
+      choices: o.choices
     }), N = Object.fromEntries(
-      u.filter((d) => !e.nextSelectedCardIds.includes(d)).map((d) => [d, void 0])
+      c.filter((n) => !e.nextSelectedCardIds.includes(n)).map((n) => [n, void 0])
     );
     return e.nextSelectedCardIds.length > 0 && g.source.kind === "manual" && g.source.options.length > 0 && Object.assign(
       N,
       Le({
         control: g,
-        participants: y || [],
+        participants: v || [],
         selectedCardIds: e.nextSelectedCardIds
       })
     ), {
       nextControl: g,
       cardBindingsById: N
     };
-  }, F = _((e, u = o, c = { type: "update" }) => {
-    m(e, u, c);
-  }, [o, m]), O = (e, u) => {
-    const c = l.find(
-      (L) => L.id === e
+  }, F = M((e, c = i, o = { type: "update" }) => {
+    u(e, c, o);
+  }, [i, u]), O = (e, c) => {
+    const o = l.find(
+      (V) => V.id === e
     );
-    let g = l.map((L) => L.id !== e ? L : u(L));
+    let g = l.map((V) => V.id !== e ? V : c(V));
     const N = g.find(
-      (L) => L.id === e
+      (V) => V.id === e
     );
-    let d, k;
+    let n, k;
     if (N && s === "dashboard" && (N.type === "field_selector" || N.type === "metric_selector")) {
-      const L = (f == null ? void 0 : f[N.id]) || [], B = H({
+      const V = (b == null ? void 0 : b[N.id]) || [], Q = H({
         control: N,
-        nextSelectedCardIds: L
+        nextSelectedCardIds: V
       });
       g = g.map(
-        (De) => De.id === e ? B.nextControl : De
-      ), d = B.cardBindingsById, k = [N.id];
-    } else if (c && s === "dashboard" && (c.type === "field_selector" || c.type === "metric_selector")) {
-      const L = (f == null ? void 0 : f[c.id]) || [];
-      d = Object.fromEntries(
-        L.map((B) => [B, void 0])
-      ), k = [c.id];
+        (Ie) => Ie.id === e ? Q.nextControl : Ie
+      ), n = Q.cardBindingsById, k = [N.id];
+    } else if (o && s === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector")) {
+      const V = (b == null ? void 0 : b[o.id]) || [];
+      n = Object.fromEntries(
+        V.map((Q) => [Q, void 0])
+      ), k = [o.id];
     }
-    F(g, o, {
+    F(g, i, {
       type: "update",
-      cardBindingsById: d,
+      cardBindingsById: n,
       affectedBindingControlIds: k
     });
-  }, We = (e, u) => {
-    const c = u.trim();
-    if (c.length === 0 || c === e || I.has(c) || l.some(
-      (d) => d.id === c && d.id !== e
+  }, Je = (e, c) => {
+    const o = c.trim();
+    if (o.length === 0 || o === e || D.has(o) || l.some(
+      (n) => n.id === o && n.id !== e
     ))
       return;
     const g = l.map(
-      (d) => d.id === e ? { ...d, id: c } : d
+      (n) => n.id === e ? { ...n, id: o } : n
     );
-    if (!o) {
+    if (!i) {
       F(g, void 0, {
         type: "rename",
         oldId: e,
-        newId: c
+        newId: o
       });
       return;
     }
-    const N = { ...o };
-    Object.prototype.hasOwnProperty.call(N, e) && (N[c] = N[e], delete N[e]), F(g, N, {
+    const N = { ...i };
+    Object.prototype.hasOwnProperty.call(N, e) && (N[o] = N[e], delete N[e]), F(g, N, {
       type: "rename",
       oldId: e,
-      newId: c
+      newId: o
     });
-  }, Je = (e) => {
-    const u = l.filter((g) => g.id !== e);
-    if (!o) {
-      F(u, void 0, { type: "remove", controlId: e });
+  }, Pe = (e) => {
+    const c = l.filter((g) => g.id !== e);
+    if (!i) {
+      F(c, void 0, { type: "remove", controlId: e });
       return;
     }
-    const c = { ...o };
-    delete c[e], F(u, c, { type: "remove", controlId: e });
-  }, Pe = _(() => {
-    D({
+    const o = { ...i };
+    delete o[e], F(c, o, { type: "remove", controlId: e });
+  }, Ze = M(() => {
+    S({
       step: 1,
-      control: J(s, l, Array.from(I))
+      control: J(s, l, Array.from(D))
     }), U(null), $(null);
-  }, [l, I, s]), Y = (e) => {
-    D(
-      (u) => u && {
-        ...u,
-        control: e(u.control)
+  }, [l, D, s]), Y = (e) => {
+    S(
+      (c) => c && {
+        ...c,
+        control: e(c.control)
       }
     );
-  }, Ce = (e) => {
-    D(
-      (u) => u && {
-        ...u,
+  }, Ne = (e) => {
+    S(
+      (c) => c && {
+        ...c,
         defaultValue: e
       }
     );
-  }, de = (() => {
+  }, ne = (() => {
     if (!a)
       return !1;
-    if (a.step === 2 && T(a.control.type))
+    if (a.step === 2 && w(a.control.type))
       return (a.selectedCardIds || []).length > 0;
     if (a.step !== 2 && a.step !== 3 || !a.control.label.trim())
       return !1;
-    const u = Te(a.control);
-    return u.source.kind === "manual" && (pt(u) && u.source.options.length === 0 || u.source.options.some(
+    const c = Fe(a.control);
+    return c.source.kind === "manual" && (ft(c) && c.source.options.length === 0 || c.source.options.some(
       (g) => g.label.trim().length === 0 || g.value.trim().length === 0
-    )) ? !1 : ht(
-      P(u, a.defaultValue)
+    )) ? !1 : bt(
+      P(c, a.defaultValue)
     );
-  })(), Ne = () => {
-    var d;
+  })(), ke = () => {
+    var n;
     if (!a)
       return;
-    const e = Te(a.control), u = Tt({
+    const e = Fe(a.control), c = Vt({
       label: e.label,
       fallbackId: e.id,
       existingControls: l,
-      reservedIds: Array.from(I)
-    }), c = {
+      reservedIds: Array.from(D)
+    }), o = {
       ...e,
-      id: u
-    }, g = s === "dashboard" && (c.type === "field_selector" || c.type === "metric_selector") && ((d = a.selectedCardIds) != null && d.length) ? Le({
-      control: c,
-      participants: y || [],
+      id: c
+    }, g = s === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector") && ((n = a.selectedCardIds) != null && n.length) ? Le({
+      control: o,
+      participants: v || [],
       selectedCardIds: a.selectedCardIds
     }) : void 0, N = P(
-      c,
+      o,
       a.defaultValue
     );
-    D({
-      step: s === "dashboard" && (c.type === "field_selector" || c.type === "metric_selector") ? 4 : 3,
-      control: c,
+    S({
+      step: s === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector") ? 4 : 3,
+      control: o,
       defaultValue: N,
-      createdControlId: u,
+      createdControlId: c,
       selectedCardIds: a.selectedCardIds,
       cardBindingsById: g
     });
-  }, ie = _(() => {
-    D(null);
-  }, []), ke = _(() => {
+  }, de = M(() => {
+    S(null);
+  }, []), Se = M(() => {
     if (!(a != null && a.createdControlId)) {
-      D(null);
+      S(null);
       return;
     }
-    const e = a.control, u = a.createdControlId, c = P(
+    const e = a.control, c = a.createdControlId, o = P(
       e,
       a.defaultValue
     );
-    o ? F(
+    i ? F(
       [...l, e],
       {
-        ...o,
-        [u]: c
+        ...i,
+        [c]: o
       },
       {
         type: "add",
@@ -914,7 +912,7 @@ function Zt({
         ...l,
         {
           ...e,
-          defaultValue: c
+          defaultValue: o
         }
       ],
       void 0,
@@ -922,33 +920,33 @@ function Zt({
         type: "add",
         cardBindingsById: a.cardBindingsById
       }
-    ), U(u), D(null), A == null || A();
-  }, [l, a, o, F, A]), Ze = a ? T(a.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], Se = a != null && a.createdControlId ? `[[param.${a.createdControlId}]]` : a ? `[[param.${ft(a.control.label) || a.control.id}]]` : "";
-  return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
-    a ? /* @__PURE__ */ i("div", { className: "space-y-4 pb-1", children: [
+    ), U(c), S(null), A == null || A();
+  }, [l, a, i, F, A]), et = a ? w(a.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], De = a != null && a.createdControlId ? `[[param.${a.createdControlId}]]` : a ? `[[param.${yt(a.control.label) || a.control.id}]]` : "";
+  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+    a ? /* @__PURE__ */ d("div", { className: "space-y-4 pb-1", children: [
       /* @__PURE__ */ t(
-        zt,
+        Bt,
         {
           currentStep: a.step,
-          labels: Ze
+          labels: et
         }
       ),
-      a.step === 1 && /* @__PURE__ */ i("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ i("div", { children: [
+      a.step === 1 && /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ d("div", { children: [
           /* @__PURE__ */ t("p", { className: "text-sm font-medium", children: "What kind of input should viewers see?" }),
           /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: "Choose the viewer experience first. You can fine-tune the details next." }),
-          s === "card" && (v == null ? void 0 : v.sql) == null ? /* @__PURE__ */ t("p", { className: "mt-1 text-xs text-muted-foreground", children: "Explorer cards support displayed metric, group by field, aggregation, and time grain controls here." }) : null
+          s === "card" && (y == null ? void 0 : y.sql) == null ? /* @__PURE__ */ t("p", { className: "mt-1 text-xs text-muted-foreground", children: "Explorer cards support displayed metric, group by field, aggregation, and time grain controls here." }) : null
         ] }),
-        /* @__PURE__ */ t("div", { className: "grid gap-3 sm:grid-cols-2", children: V.map((e) => /* @__PURE__ */ i(
+        /* @__PURE__ */ t("div", { className: "grid gap-3 sm:grid-cols-2", children: T.map((e) => /* @__PURE__ */ d(
           "button",
           {
             type: "button",
             className: "rounded-xl border border-border/50 bg-muted/20 p-3 text-left transition-colors hover:border-border/70 hover:bg-muted/35",
-            onClick: () => D(
-              jt({
+            onClick: () => S(
+              Ut({
                 scope: s,
                 existingControls: l,
-                reservedIds: Array.from(I),
+                reservedIds: Array.from(D),
                 type: e.value
               })
             ),
@@ -960,49 +958,49 @@ function Zt({
           e.value
         )) }),
         /* @__PURE__ */ t(
-          te,
+          ee,
           {
             secondary: /* @__PURE__ */ t(
-              w,
+              I,
               {
                 type: "button",
                 variant: "outline",
-                onClick: ie,
+                onClick: de,
                 children: "Back to controls"
               }
             )
           }
         )
       ] }),
-      a.step === 2 && T(a.control.type) && /* @__PURE__ */ i("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+      a.step === 2 && w(a.control.type) && /* @__PURE__ */ d("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ d("div", { className: "space-y-3", children: [
           /* @__PURE__ */ t(
-            Ge,
+            We,
             {
               control: a.control,
-              onChange: (e) => Y((u) => ({
-                ...u,
+              onChange: (e) => Y((c) => ({
+                ...c,
                 label: e
               }))
             }
           ),
           /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: "Choose which cards should respond to this shared control." })
         ] }),
-        M.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-xl bg-muted/20 p-3 text-xs 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-2 rounded-xl bg-muted/20 p-3", children: M.map((e) => {
-          const u = (a.selectedCardIds || []).includes(e.cardId);
-          return /* @__PURE__ */ i(
+        z.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-xl bg-muted/20 p-3 text-xs 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-2 rounded-xl bg-muted/20 p-3", children: z.map((e) => {
+          const c = (a.selectedCardIds || []).includes(e.cardId);
+          return /* @__PURE__ */ d(
             "label",
             {
               className: "flex items-start gap-2 text-sm",
               children: [
                 /* @__PURE__ */ t(
-                  bt,
+                  vt,
                   {
-                    checked: u,
-                    onCheckedChange: (c) => D(
+                    checked: c,
+                    onCheckedChange: (o) => S(
                       (g) => g && {
                         ...g,
-                        selectedCardIds: c === !0 ? [
+                        selectedCardIds: o === !0 ? [
                           ...g.selectedCardIds || [],
                           e.cardId
                         ] : (g.selectedCardIds || []).filter(
@@ -1012,7 +1010,7 @@ function Zt({
                     )
                   }
                 ),
-                /* @__PURE__ */ i("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ d("div", { className: "min-w-0", children: [
                   /* @__PURE__ */ t("div", { className: "font-medium", children: e.title }),
                   /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: a.control.type === "field_selector" ? `${e.fieldChoices.length} compatible group-by fields` : `${e.metricChoices.length} compatible metrics` })
                 ] })
@@ -1022,14 +1020,14 @@ function Zt({
           );
         }) }),
         /* @__PURE__ */ t(
-          te,
+          ee,
           {
             secondary: /* @__PURE__ */ t(
-              w,
+              I,
               {
                 type: "button",
                 variant: "outline",
-                onClick: () => D(
+                onClick: () => S(
                   (e) => e && {
                     ...e,
                     step: 1,
@@ -1040,75 +1038,75 @@ function Zt({
               }
             ),
             primary: /* @__PURE__ */ t(
-              w,
+              I,
               {
                 type: "button",
-                onClick: () => D(
+                onClick: () => S(
                   (e) => e && {
                     ...e,
                     step: 3
                   }
                 ),
-                disabled: !de,
+                disabled: !ne,
                 children: "Next"
               }
             )
           }
         )
       ] }),
-      a.step === 2 && !T(a.control.type) && /* @__PURE__ */ t(
-        Ee,
+      a.step === 2 && !w(a.control.type) && /* @__PURE__ */ t(
+        Ae,
         {
           control: a.control,
           defaultValue: a.defaultValue,
-          availableFieldChoices: z.fields,
-          availableMetricChoices: z.metrics,
+          availableFieldChoices: B.fields,
+          availableMetricChoices: B.metrics,
           onControlChange: (e) => Y(() => e),
-          onLabelChange: (e) => Y((u) => ({
-            ...u,
+          onLabelChange: (e) => Y((c) => ({
+            ...c,
             label: e
           })),
-          onDefaultValueChange: Ce,
-          onBack: () => D(
+          onDefaultValueChange: Ne,
+          onBack: () => S(
             (e) => e && {
               ...e,
               step: 1
             }
           ),
-          onNext: Ne,
-          nextDisabled: !de
+          onNext: ke,
+          nextDisabled: !ne
         }
       ),
-      a.step === 3 && T(a.control.type) && /* @__PURE__ */ t(
-        Ee,
+      a.step === 3 && w(a.control.type) && /* @__PURE__ */ t(
+        Ae,
         {
           control: a.control,
           defaultValue: a.defaultValue,
-          availableFieldChoices: z.fields,
-          availableMetricChoices: z.metrics,
+          availableFieldChoices: B.fields,
+          availableMetricChoices: B.metrics,
           onControlChange: (e) => Y(() => e),
-          onLabelChange: (e) => Y((u) => ({
-            ...u,
+          onLabelChange: (e) => Y((c) => ({
+            ...c,
             label: e
           })),
-          onDefaultValueChange: Ce,
-          onBack: () => D(
+          onDefaultValueChange: Ne,
+          onBack: () => S(
             (e) => e && {
               ...e,
               step: 2
             }
           ),
-          onNext: Ne,
-          nextDisabled: !de
+          onNext: ke,
+          nextDisabled: !ne
         }
       ),
-      a.step === 3 && !T(a.control.type) && /* @__PURE__ */ t(
-        Ae,
+      a.step === 3 && !w(a.control.type) && /* @__PURE__ */ t(
+        qe,
         {
           control: a.control,
           scope: s,
-          createdReference: Se,
-          explorerContent: /* @__PURE__ */ t(ye, { title: "Explorer cards", children: /* @__PURE__ */ i("p", { className: "text-sm", children: [
+          createdReference: De,
+          explorerContent: /* @__PURE__ */ t(ye, { title: "Explorer cards", children: /* @__PURE__ */ d("p", { className: "text-sm", children: [
             "Open the card and use",
             " ",
             /* @__PURE__ */ t("span", { className: "font-medium", children: "Settings → Controls" }),
@@ -1116,23 +1114,23 @@ function Zt({
             "to choose what this control changes."
           ] }) }),
           sqlDescription: "Reference this control directly in the SQL editor.",
-          onBack: () => D(
+          onBack: () => S(
             (e) => e && {
               ...e,
               step: 2
             }
           ),
-          onCancel: ie,
-          onDone: ke
+          onCancel: de,
+          onDone: Se
         }
       ),
-      a.step === 4 && T(a.control.type) && /* @__PURE__ */ t(
-        Ae,
+      a.step === 4 && w(a.control.type) && /* @__PURE__ */ t(
+        qe,
         {
           control: a.control,
           scope: s,
-          createdReference: Se,
-          summaryDetail: /* @__PURE__ */ i(X, { children: [
+          createdReference: De,
+          summaryDetail: /* @__PURE__ */ d(X, { children: [
             "Used by ",
             (a.selectedCardIds || []).length,
             " ",
@@ -1141,141 +1139,141 @@ function Zt({
           ] }),
           explorerContent: /* @__PURE__ */ t(ye, { title: "Explorer cards", children: /* @__PURE__ */ t("p", { className: "text-sm", children: "Selected cards have been set up to respond to this control automatically." }) }),
           sqlDescription: "SQL cards can still reference this control directly in the SQL editor.",
-          onBack: () => D(
+          onBack: () => S(
             (e) => e && {
               ...e,
               step: 3
             }
           ),
-          onCancel: ie,
-          onDone: ke
+          onCancel: de,
+          onDone: Se
         }
       )
     ] }) : null,
-    !a && l.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: b }) : null,
+    !a && l.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: p }) : null,
     !a && l.map((e) => {
-      const u = W(e), c = h == null ? void 0 : h[e.id], g = o && Object.prototype.hasOwnProperty.call(o, e.id) ? o[e.id] : e.defaultValue, N = ne === e.id;
-      return /* @__PURE__ */ i("div", { className: "rounded-md border", children: [
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-2 px-3 py-3", children: [
-          /* @__PURE__ */ i(
+      const c = W(e), o = f == null ? void 0 : f[e.id], g = i && Object.prototype.hasOwnProperty.call(i, e.id) ? i[e.id] : e.defaultValue, N = re === e.id;
+      return /* @__PURE__ */ d("div", { className: "rounded-md border", children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-2 px-3 py-3", children: [
+          /* @__PURE__ */ d(
             "button",
             {
               type: "button",
               className: "flex min-w-0 flex-1 items-start gap-2 text-left",
               onClick: () => U(
-                (d) => d === e.id ? null : e.id
+                (n) => n === e.id ? null : e.id
               ),
               children: [
-                N ? /* @__PURE__ */ t(Ve, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ t(Fe, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
-                /* @__PURE__ */ i("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
+                N ? /* @__PURE__ */ t(Ve, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ t(Ee, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ d("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-2", children: [
                     /* @__PURE__ */ t("span", { className: "truncate text-sm font-medium", children: e.label || "Untitled control" }),
                     /* @__PURE__ */ t(Z, { variant: "outline", className: "text-[11px]", children: ge(e.type).label }),
-                    /* @__PURE__ */ t(Z, { variant: "secondary", className: "text-[11px]", children: je(s, e.placement) })
+                    /* @__PURE__ */ t(Z, { variant: "secondary", className: "text-[11px]", children: Ue(s, e.placement) })
                   ] }),
-                  /* @__PURE__ */ i("div", { className: "mt-1 text-xs text-muted-foreground", children: [
-                    Ue(e),
-                    c != null && c.status ? ` · ${c.status}` : ""
+                  /* @__PURE__ */ d("div", { className: "mt-1 text-xs text-muted-foreground", children: [
+                    Re(e),
+                    o != null && o.status ? ` · ${o.status}` : ""
                   ] })
                 ] })
               ]
             }
           ),
           /* @__PURE__ */ t(
-            w,
+            I,
             {
               type: "button",
               size: "icon",
               variant: "ghost",
               className: "h-8 w-8 shrink-0",
-              onClick: () => Je(e.id),
+              onClick: () => Pe(e.id),
               "aria-label": `Remove ${e.label}`,
-              children: /* @__PURE__ */ t(yt, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ t(gt, { className: "h-4 w-4" })
             }
           )
         ] }),
-        N && /* @__PURE__ */ i("div", { className: "space-y-4 border-t px-3 py-4", children: [
-          c != null && c.helper ? /* @__PURE__ */ t("div", { className: "rounded-md bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: c.helper }) : null,
-          /* @__PURE__ */ i("div", { className: "grid gap-3 md:grid-cols-3", children: [
-            /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
+        N && /* @__PURE__ */ d("div", { className: "space-y-4 border-t px-3 py-4", children: [
+          o != null && o.helper ? /* @__PURE__ */ t("div", { className: "rounded-md bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: o.helper }) : null,
+          /* @__PURE__ */ d("div", { className: "grid gap-3 md:grid-cols-3", children: [
+            /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
               /* @__PURE__ */ t(R, { className: "text-xs", children: "Label" }),
               /* @__PURE__ */ t(
-                Re,
+                $e,
                 {
                   value: e.label,
                   placeholder: "Control label",
-                  onChange: (d) => O(e.id, (k) => ({
+                  onChange: (n) => O(e.id, (k) => ({
                     ...k,
-                    label: d.target.value
+                    label: n.target.value
                   }))
                 }
               )
             ] }),
-            /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
               /* @__PURE__ */ t(R, { className: "text-xs", children: "Type" }),
-              /* @__PURE__ */ i(
-                ce,
+              /* @__PURE__ */ d(
+                oe,
                 {
                   value: e.type,
-                  onValueChange: (d) => {
-                    const k = $e({
+                  onValueChange: (n) => {
+                    const k = Ke({
                       controls: l,
                       controlId: e.id,
-                      nextType: d,
-                      defaultValues: o
+                      nextType: n,
+                      defaultValues: i
                     });
                     F(k.controls, k.defaultValues);
                   },
                   children: [
-                    /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ t(me, {}) }),
-                    /* @__PURE__ */ t(pe, { children: Ie({
+                    /* @__PURE__ */ t(ce, { children: /* @__PURE__ */ t(ue, {}) }),
+                    /* @__PURE__ */ t(me, { children: we({
                       scope: s,
-                      card: v,
+                      card: y,
                       includeType: e.type
-                    }).map((d) => /* @__PURE__ */ t(he, { value: d.value, children: d.label }, d.value)) })
+                    }).map((n) => /* @__PURE__ */ t(pe, { value: n.value, children: n.label }, n.value)) })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
               /* @__PURE__ */ t(R, { className: "text-xs", children: "Show in" }),
-              /* @__PURE__ */ i(
-                ce,
+              /* @__PURE__ */ d(
+                oe,
                 {
-                  value: e.placement || re,
-                  onValueChange: (d) => O(e.id, (k) => ({
+                  value: e.placement || le,
+                  onValueChange: (n) => O(e.id, (k) => ({
                     ...k,
-                    placement: d
+                    placement: n
                   })),
                   children: [
-                    /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ t(me, {}) }),
-                    /* @__PURE__ */ t(pe, { children: le.map((d) => /* @__PURE__ */ t(he, { value: d.value, children: d.label }, d.value)) })
+                    /* @__PURE__ */ t(ce, { children: /* @__PURE__ */ t(ue, {}) }),
+                    /* @__PURE__ */ t(me, { children: se.map((n) => /* @__PURE__ */ t(pe, { value: n.value, children: n.label }, n.value)) })
                   ]
                 }
               )
             ] })
           ] }),
-          T(e.type) ? /* @__PURE__ */ t(
-            gt,
+          w(e.type) ? /* @__PURE__ */ t(
+            Ct,
             {
               type: e.type,
-              participants: we(
-                y || [],
+              participants: Te(
+                v || [],
                 e.type
-              ).map((d) => ({
-                cardId: d.cardId,
-                title: d.title,
-                choiceCount: e.type === "field_selector" ? d.fieldChoices.length : d.metricChoices.length
+              ).map((n) => ({
+                cardId: n.cardId,
+                title: n.title,
+                choiceCount: e.type === "field_selector" ? n.fieldChoices.length : n.metricChoices.length
               })),
-              selectedCardIds: (f == null ? void 0 : f[e.id]) || [],
-              onChange: (d) => {
+              selectedCardIds: (b == null ? void 0 : b[e.id]) || [],
+              onChange: (n) => {
                 const k = H({
                   control: e,
-                  nextSelectedCardIds: d
-                }), L = l.map(
-                  (B) => B.id === e.id ? k.nextControl : B
+                  nextSelectedCardIds: n
+                }), V = l.map(
+                  (Q) => Q.id === e.id ? k.nextControl : Q
                 );
-                F(L, o, {
+                F(V, i, {
                   type: "update",
                   cardBindingsById: k.cardBindingsById
                 });
@@ -1283,98 +1281,98 @@ function Zt({
             }
           ) : null,
           /* @__PURE__ */ t(
-            Ke,
+            He,
             {
               control: e,
-              availableFieldChoices: u.fields,
-              availableMetricChoices: u.metrics,
-              onChange: (d) => O(e.id, () => d)
+              availableFieldChoices: c.fields,
+              availableMetricChoices: c.metrics,
+              onChange: (n) => O(e.id, () => n)
             }
           ),
           e.initialValueStrategy === "saved_default" && /* @__PURE__ */ t(
-            He,
+            Ye,
             {
               control: e,
               value: g,
               allowNoDefault: !0,
               allowCardDefault: !0,
-              onChange: (d) => {
-                if (o) {
-                  const k = { ...o };
-                  d === void 0 ? delete k[e.id] : k[e.id] = d, F(l, k);
+              onChange: (n) => {
+                if (i) {
+                  const k = { ...i };
+                  n === void 0 ? delete k[e.id] : k[e.id] = n, F(l, k);
                   return;
                 }
                 O(e.id, (k) => ({
                   ...k,
-                  defaultValue: d
+                  defaultValue: n
                 }));
               }
             }
           ),
-          /* @__PURE__ */ i(
-            xt,
+          /* @__PURE__ */ d(
+            Nt,
             {
               open: G === e.id,
-              onOpenChange: (d) => $(d ? e.id : null),
+              onOpenChange: (n) => $(n ? e.id : null),
               children: [
-                /* @__PURE__ */ t(Ct, { asChild: !0, children: /* @__PURE__ */ i(
-                  w,
+                /* @__PURE__ */ t(kt, { asChild: !0, children: /* @__PURE__ */ d(
+                  I,
                   {
                     type: "button",
                     variant: "ghost",
                     className: "h-auto px-0 text-xs text-muted-foreground hover:bg-transparent",
                     children: [
-                      G === e.id ? /* @__PURE__ */ t(Ve, { className: "mr-1 h-4 w-4" }) : /* @__PURE__ */ t(Fe, { className: "mr-1 h-4 w-4" }),
+                      G === e.id ? /* @__PURE__ */ t(Ve, { className: "mr-1 h-4 w-4" }) : /* @__PURE__ */ t(Ee, { className: "mr-1 h-4 w-4" }),
                       "Advanced"
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ i(Nt, { className: "space-y-3 pt-2", children: [
-                  /* @__PURE__ */ i("div", { className: "grid gap-3 md:grid-cols-2", children: [
-                    /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ d(St, { className: "space-y-3 pt-2", children: [
+                  /* @__PURE__ */ d("div", { className: "grid gap-3 md:grid-cols-2", children: [
+                    /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
                       /* @__PURE__ */ t(R, { className: "text-xs", children: "Control ID" }),
                       /* @__PURE__ */ t(
-                        kt,
+                        Dt,
                         {
                           controlId: e.id,
-                          onCommit: (d) => We(e.id, d)
+                          onCommit: (n) => Je(e.id, n)
                         },
                         e.id
                       )
                     ] }),
-                    /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
+                    /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
                       /* @__PURE__ */ t(R, { className: "text-xs", children: "Initial value" }),
-                      /* @__PURE__ */ i(
-                        ce,
+                      /* @__PURE__ */ d(
+                        oe,
                         {
                           value: e.initialValueStrategy,
-                          onValueChange: (d) => O(e.id, (k) => ({
+                          onValueChange: (n) => O(e.id, (k) => ({
                             ...k,
-                            initialValueStrategy: d
+                            initialValueStrategy: n
                           })),
                           children: [
-                            /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ t(me, {}) }),
-                            /* @__PURE__ */ t(pe, { children: St.map((d) => /* @__PURE__ */ t(
-                              he,
+                            /* @__PURE__ */ t(ce, { children: /* @__PURE__ */ t(ue, {}) }),
+                            /* @__PURE__ */ t(me, { children: It.map((n) => /* @__PURE__ */ t(
+                              pe,
                               {
-                                value: d.value,
-                                children: d.label
+                                value: n.value,
+                                children: n.label
                               },
-                              d.value
+                              n.value
                             )) })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ t("p", { className: "text-[11px] text-muted-foreground", children: Dt(
+                      /* @__PURE__ */ t("p", { className: "text-[11px] text-muted-foreground", children: wt(
                         e.initialValueStrategy
                       ) })
                     ] })
                   ] }),
                   /* @__PURE__ */ t(
-                    It,
+                    Tt,
                     {
                       control: e,
-                      onChange: (d) => O(e.id, () => d)
+                      onChange: (n) => O(e.id, () => n)
                     }
                   )
                 ] })
@@ -1384,62 +1382,62 @@ function Zt({
         ] })
       ] }, e.id);
     }),
-    !a && /* @__PURE__ */ i(
-      w,
+    !a && /* @__PURE__ */ d(
+      I,
       {
         type: "button",
         variant: "outline",
         size: "sm",
-        onClick: Pe,
+        onClick: Ze,
         children: [
-          /* @__PURE__ */ t(wt, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ t(Ft, { className: "mr-2 h-4 w-4" }),
           "Add control"
         ]
       }
     )
   ] });
 }
-function ea(s) {
-  const { open: l, onOpenChange: n, initialCreateFlowActive: o = !1 } = s, m = l !== void 0, [b, p] = j(!1), [h, r] = j(
-    o
-  ), x = m ? l : b, y = _(
+function ta(s) {
+  const { open: l, onOpenChange: r, initialCreateFlowActive: i = !1 } = s, u = l !== void 0, [p, h] = j(!1), [f, m] = j(
+    i
+  ), x = u ? l : p, v = M(
     (C) => {
-      !C && h || (m || p(C), C || r(!1), n == null || n(C));
+      !C && f || (u || h(C), C || m(!1), r == null || r(C));
     },
-    [m, h, n]
-  ), f = _(() => {
-    m || p(!1), r(!1), n == null || n(!1);
-  }, [m, n]);
+    [u, f, r]
+  ), b = M(() => {
+    u || h(!1), m(!1), r == null || r(!1);
+  }, [u, r]);
   be(() => {
-    x || r(!1);
+    x || m(!1);
   }, [x]);
-  const v = _(
+  const y = M(
     (C) => {
-      h && C.preventDefault();
+      f && C.preventDefault();
     },
-    [h]
+    [f]
   );
   return {
-    forceClose: f,
-    handleOpenChange: y,
-    isCreateFlowActive: h,
-    preventPassiveDismissDuringCreate: v,
+    forceClose: b,
+    handleOpenChange: v,
+    isCreateFlowActive: f,
+    preventPassiveDismissDuringCreate: y,
     resolvedOpen: x,
-    setIsCreateFlowActive: r
+    setIsCreateFlowActive: m
   };
 }
 export {
-  Ht as C,
-  Xt as E,
-  Ot as L,
-  Ye as S,
-  Yt as V,
-  Gt as a,
-  Wt as b,
+  Yt as C,
+  Gt as E,
+  Mt as L,
+  Xe as S,
+  Xt as V,
+  Wt as a,
+  Jt as b,
   _t as c,
-  Jt as d,
-  Zt as e,
-  Pt as f,
-  Xe as g,
-  ea as u
+  Pt as d,
+  ea as e,
+  Zt as f,
+  Ge as g,
+  ta as u
 };