react-semaphor 0.1.282 → 0.1.284

package/dist/chunks/use-create-flow-overlay-state-Cr9AFdXx.js

@@ -0,0 +1,1597 @@
+import { bM as le, U as L, bN as Ke, bO as pt, bP as mt, bQ as ft, bR as ht, bS as bt, u as De, af as gt, bT as yt, bU as xt, bV as vt, ac as Ct, c as A, bW as kt, bX as Nt, B as q, s as St, H as ne, N as Ye, J as He, bY as Xe, w as Pe, M as Ne, bZ as Ge, X as Je, x as O, b_ as Dt, b$ as wt, c0 as ae, c1 as Fe, c2 as ze, c3 as fe, c4 as he, c5 as Tt, c6 as Ae, c7 as Vt, c8 as It, c9 as re, ca as qt, cb as Me, cc as Et, a6 as Oe, cd as Be, ce as We, cf as Ze, cg as et, ch as _t, L as H, I as tt, y as be, z as ge, A as ye, E as xe, F as ve, ci as at, cj as Lt, ck as Ft, cl as rt, cm as st, cn as zt, co as At, cp as Mt, cq as Ot, cr as Bt, cs as Qt, ct as jt, cu as Qe, cv as Rt, cw as je, cx as Ut, cy as Ce, cz as $t } from "./index-y1uW2fuZ.js";
+import { jsx as t, jsxs as d, Fragment as $ } from "react/jsx-runtime";
+import { useMemo as z, useState as B, useRef as ke, useCallback as M, useEffect as Se, Fragment as Kt } from "react";
+import { u as we } from "./use-visual-utils-Ccmzx7-m.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ra = le("CircleX", [
+  ["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" }]
+]);
+/**
+ * @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 Yt = le("Library", [
+  ["path", { d: "m16 6 4 14", key: "ji33uf" }],
+  ["path", { d: "M12 6v14", key: "1n7gus" }],
+  ["path", { d: "M8 8v12", key: "1gg7y9" }],
+  ["path", { d: "M4 4v16", key: "6qkkli" }]
+]);
+/**
+ * @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 = le("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 lt = le("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 nt() {
+  var h, C;
+  const s = L((x) => x.card), r = L((x) => x.frame), o = z(
+    () => Ke(r, s),
+    [r, s]
+  ), { manifest: i } = pt(
+    ((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(
+        (m) => {
+          var g;
+          return m.name === ((g = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : g.componentName);
+        }
+      );
+    },
+    [i, (C = o == null ? void 0 : o.customCardPreferences) == null ? void 0 : C.componentName]
+  ), u = mt(o, f), b = z(
+    () => ft({
+      frame: r,
+      configCard: o,
+      isMultiInputVisual: u === "multiple"
+    }),
+    [r, o, u]
+  ), v = z(() => {
+    const x = b.findIndex(
+      (m) => (m == null ? void 0 : m.id) === s.id
+    );
+    return x < 0 ? -1 : ht(s, x);
+  }, [b, s]);
+  return z(() => !o || u !== "multiple" || v < 0 ? s.type : bt(
+    s,
+    v,
+    f == null ? void 0 : f.slots
+  ) ?? s.type, [o, u, v, s, f == null ? void 0 : f.slots]);
+}
+function sa({
+  type: s,
+  isLinked: r,
+  className: o,
+  showLabel: i = !1,
+  showLocal: f = !1
+}) {
+  const u = De((I) => I.selectedFrameId), b = gt((I) => I.selectedVisual), v = L((I) => I.frame);
+  let h;
+  if (s)
+    h = s;
+  else if (r !== void 0)
+    h = r ? "linked" : "library";
+  else if (!!!(v != null && v.visualId || b != null && b.id) && u)
+    h = "local";
+  else if (b && !u)
+    h = "library";
+  else if (v != null && v.visualId && u)
+    h = "linked";
+  else if (b != null && b.id && u)
+    h = "library";
+  else
+    return null;
+  if (h === "local" && !f)
+    return null;
+  const C = {
+    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 = {
+    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."
+  }, m = {
+    local: "border-slate-200 bg-slate-50 text-slate-900 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100",
+    linked: "border-purple-200 bg-purple-50 text-purple-900 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-100",
+    library: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-100"
+  }, g = {
+    local: "fill-slate-50 dark:fill-slate-900",
+    linked: "fill-purple-50 dark:fill-purple-950",
+    library: "fill-blue-50 dark:fill-blue-950"
+  }, N = {
+    local: /* @__PURE__ */ t("span", { className: "h-2 w-2 rounded-full bg-current/70" }),
+    linked: /* @__PURE__ */ t(Ht, { className: "h-3.5 w-3.5" }),
+    library: /* @__PURE__ */ t(Yt, { className: "h-3.5 w-3.5" })
+  }, V = {
+    local: "Local",
+    linked: "Linked",
+    library: "Library"
+  };
+  return /* @__PURE__ */ t(yt, { children: /* @__PURE__ */ d(xt, { delayDuration: 300, children: [
+    /* @__PURE__ */ t(vt, { asChild: !0, children: /* @__PURE__ */ d(
+      Ct,
+      {
+        variant: "outline",
+        className: A(
+          "cursor-help select-none transition-all",
+          C[h],
+          o
+        ),
+        children: [
+          N[h],
+          i && /* @__PURE__ */ t("span", { className: "ml-1 text-xs font-medium leading-none", children: V[h] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ d(
+      kt,
+      {
+        side: "bottom",
+        className: A("max-w-xs", m[h]),
+        children: [
+          /* @__PURE__ */ t(Nt, { className: g[h] }),
+          /* @__PURE__ */ t("p", { children: x[h] })
+        ]
+      }
+    )
+  ] }) });
+}
+function Xt(s, r) {
+  return {
+    ...s,
+    sql: "",
+    python: "",
+    config: void 0,
+    customCfg: "",
+    preferences: {},
+    interactionConfig: void 0,
+    linkedInteractionTargetOverrides: void 0,
+    dynamicCardPreferences: void 0,
+    customCardPreferences: r ? s.customCardPreferences : void 0,
+    visualizationMode: "builtin",
+    type: r ? s.type : "bar"
+  };
+}
+function Te(s) {
+  const r = Dt(s);
+  return r ? (O.error(r), !1) : !0;
+}
+function la({
+  className: s,
+  variant: r = "outline"
+}) {
+  const o = L((u) => u.onSave), { getUpdatedFrame: i } = we();
+  function f() {
+    const u = i();
+    Te(u) && (o == null || o(u));
+  }
+  return /* @__PURE__ */ d(
+    q,
+    {
+      onClick: f,
+      className: A("h-8", s),
+      size: "sm",
+      variant: r,
+      children: [
+        /* @__PURE__ */ t(St, { className: "mr-2 size-4 font-bold" }),
+        "Accept"
+      ]
+    }
+  );
+}
+function na({
+  className: s,
+  variant: r = "default"
+}) {
+  const o = ne(), [i, f] = B(!1), u = De(
+    (g) => g.actions.setIsDashboardPanelOpen
+  ), { setIsVisualEditing: b } = Ye(), { getUpdatedFrame: v } = we(), h = He(), C = L((g) => g.frame), x = Xe();
+  return /* @__PURE__ */ d(
+    q,
+    {
+      onClick: () => {
+        const g = v();
+        if (!Te(g))
+          return;
+        const N = (C == null ? void 0 : C.visualId) || (h == null ? void 0 : h.id);
+        if (!N) {
+          O.error("No visual to save");
+          return;
+        }
+        f(!0), x.mutate(
+          {
+            visualId: N,
+            data: {
+              frameObject: g
+            }
+          },
+          {
+            onSuccess: () => {
+              f(!1), u(!0), O.success("Visual updated successfully"), o.invalidateQueries({
+                queryKey: ["resource-by-id", "visual", N],
+                exact: !0
+              });
+            },
+            onError: () => {
+              f(!1), O.error("Failed to update visual");
+            }
+          }
+        );
+      },
+      className: A("h-8", s),
+      size: "sm",
+      variant: r,
+      children: [
+        i && /* @__PURE__ */ d($, { children: [
+          /* @__PURE__ */ t(Pe, { className: "mr-2 size-4 animate-spin font-bold" }),
+          " Saving"
+        ] }),
+        !i && /* @__PURE__ */ d($, { children: [
+          /* @__PURE__ */ t(lt, { className: "mr-2 size-4 font-bold" }),
+          "Save to Library"
+        ] })
+      ]
+    }
+  );
+}
+function oa({
+  className: s
+}) {
+  const r = ne(), [o, i] = B(!1), f = He(), u = L((g) => g.frame), b = De((g) => g.selectedSheetId), { updateFrame: v, setIsVisualEditing: h } = Ye(), { getUpdatedFrame: C } = we(), x = Xe();
+  return /* @__PURE__ */ t(
+    q,
+    {
+      onClick: async () => {
+        if (!b) {
+          O.error("No sheet selected");
+          return;
+        }
+        const g = (u == null ? void 0 : u.visualId) || (f == null ? void 0 : f.id);
+        if (!g) {
+          O.error("No visual to update");
+          return;
+        }
+        i(!0);
+        try {
+          const N = C();
+          if (!Te(N)) {
+            i(!1);
+            return;
+          }
+          await x.mutateAsync({
+            visualId: g,
+            data: {
+              frameObject: N
+            }
+          });
+          const V = {
+            ...N,
+            visualId: g
+            // Keep the link to library visual
+          };
+          v(b, V), r.invalidateQueries({ queryKey: ["visuals"] }), r.invalidateQueries({ queryKey: ["visual", g] }), O.success("Saved to library and applied locally"), setTimeout(() => {
+            h(!1);
+          }, 300);
+        } catch (N) {
+          console.error("Failed to save and apply:", N), O.error("Failed to save and apply changes");
+        } finally {
+          i(!1);
+        }
+      },
+      className: A("h-8", s),
+      size: "sm",
+      variant: "default",
+      disabled: o,
+      children: o ? /* @__PURE__ */ d($, { children: [
+        /* @__PURE__ */ t(Pe, { className: "mr-2 size-4 animate-spin font-bold" }),
+        " Saving..."
+      ] }) : /* @__PURE__ */ d($, { children: [
+        /* @__PURE__ */ t(lt, { className: "mr-2 size-4 font-bold" }),
+        "Save & Apply"
+      ] })
+    }
+  );
+}
+function ia({ className: s }) {
+  const { setTempQueryData: r, setSqlGen: o } = Ne(), i = ne(), f = L((m) => m.tempQueryData), u = L((m) => m.onClose), b = L((m) => m.card), v = nt(), h = z(() => v !== b.type ? { ...b, type: v } : b, [b, v]), { queryKey: C } = Ge(h);
+  function x() {
+    if (f) {
+      const { queryKey: m, queryData: g } = f;
+      m && g && i.setQueryData(m, g);
+    }
+    o({}), u == null || u();
+  }
+  return /* @__PURE__ */ d(
+    q,
+    {
+      onClick: x,
+      className: A("h-8", s),
+      size: "sm",
+      variant: "outline",
+      children: [
+        /* @__PURE__ */ t(Je, { className: "mr-2 size-4" }),
+        "Close"
+      ]
+    }
+  );
+}
+function da({
+  label: s = "Clear",
+  variant: r = "secondary",
+  className: o
+} = {}) {
+  const { setTempQueryData: i } = Ne(), f = ne(), u = L((a) => a.tempQueryData), b = L((a) => a.card), v = nt(), h = z(() => v !== b.type ? { ...b, type: v } : b, [b, v]), { queryKey: C } = Ge(h), {
+    setCardSql: x,
+    setSqlGen: m,
+    setCardPython: g,
+    setCardCustomCfg: N,
+    setCardPreferences: V,
+    clearQueryConfig: I,
+    setCardConfig: oe,
+    setCardType: ie,
+    setFrame: ee,
+    setCard: X,
+    setActiveTabCardId: de
+  } = Ne();
+  function K() {
+    var E, G, R, te;
+    const a = f.getQueryData(C);
+    u != null && u.queryData || i({
+      queryKey: C,
+      queryData: a
+    }), f.setQueryData(C, null), f.removeQueries({ queryKey: C, exact: !0 }), x(""), m({}), I(), oe(void 0), g(""), N(""), V({});
+    const S = L.getState().frame, Q = L.getState().card, T = Ke(S, Q), P = ((E = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : E.visualType) === "multiple" || !!((G = T == null ? void 0 : T.customCardPreferences) != null && G.dataInputCardIds) || (((R = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : R.minInputs) || 0) > 1 || (((te = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : te.maxInputs) || 0) > 1, j = Xt(Q, P);
+    ee({
+      ...S,
+      cards: S.cards.map(
+        (J) => J.id === j.id ? j : J
+      )
+    }), de(j.id), X(j), P || ie("bar");
+  }
+  return /* @__PURE__ */ d(
+    q,
+    {
+      onClick: K,
+      className: A("h-8", o),
+      size: "sm",
+      variant: r,
+      children: [
+        /* @__PURE__ */ t(Je, { className: "mr-2 size-3.5" }),
+        s
+      ]
+    }
+  );
+}
+function ot(s) {
+  const { control: r, onChange: o } = s;
+  return /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ t(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+    /* @__PURE__ */ t(
+      tt,
+      {
+        size: "xs",
+        value: r.label,
+        placeholder: "Control label",
+        onChange: (i) => o(i.target.value)
+      }
+    )
+  ] });
+}
+function Pt(s) {
+  const { currentStep: r, labels: o } = s;
+  return /* @__PURE__ */ t("div", { className: "sticky top-0 z-10 -mx-1 border-b border-border/60 bg-background/95 px-1 pb-2.5 pt-1 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2 sm:gap-2.5", children: o.map((i, f) => {
+    const u = f + 1, b = u === r, v = u < r;
+    return /* @__PURE__ */ d(Kt, { children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: A(
+              "flex h-5 w-5 items-center justify-center rounded-full border text-[10px] font-medium tabular-nums",
+              b ? "border-foreground bg-foreground text-background" : v ? "border-foreground/30 bg-foreground/10 text-foreground" : "border-border/60 bg-background text-muted-foreground"
+            ),
+            children: u
+          }
+        ),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: A(
+              "text-[12px]",
+              b ? "font-medium text-foreground" : "text-muted-foreground"
+            ),
+            children: i
+          }
+        )
+      ] }),
+      f < o.length - 1 ? /* @__PURE__ */ t(
+        "span",
+        {
+          className: "h-px w-4 bg-border/60 sm:w-6",
+          "aria-hidden": "true"
+        }
+      ) : null
+    ] }, i);
+  }) }) });
+}
+function se(s) {
+  const { secondary: r, tertiary: o, primary: i } = s;
+  return /* @__PURE__ */ d("div", { className: "sticky bottom-0 z-10 -mx-1 flex justify-end gap-2 border-t bg-background/95 px-1 pb-1 pt-3 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: [
+    r,
+    o,
+    i
+  ] });
+}
+function Gt(s) {
+  const { control: r, scope: o, detail: i } = s;
+  return /* @__PURE__ */ d("div", { className: "flex items-start gap-2.5 rounded-[6px] border border-border/60 bg-muted/30 px-3 py-2.5", children: [
+    /* @__PURE__ */ t($t, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground" }),
+    /* @__PURE__ */ d("div", { className: "min-w-0 space-y-0.5", children: [
+      /* @__PURE__ */ t("div", { className: "text-[13px] font-medium text-foreground", children: r.label }),
+      /* @__PURE__ */ d("div", { className: "text-[12px] text-muted-foreground", children: [
+        We(r.type).label,
+        " ·",
+        " ",
+        et(r),
+        " ·",
+        " ",
+        Ze(o, r.placement)
+      ] }),
+      i ? /* @__PURE__ */ t("div", { className: "text-[12px] text-muted-foreground", children: i }) : null
+    ] })
+  ] });
+}
+function Re(s) {
+  const {
+    control: r,
+    defaultValue: o,
+    availableFieldChoices: i,
+    availableMetricChoices: f,
+    previewControlDefinitions: u,
+    previewControlValues: b,
+    onControlChange: v,
+    onLabelChange: h,
+    onDefaultValueChange: C,
+    onBack: x,
+    onNext: m,
+    nextDisabled: g
+  } = s;
+  return /* @__PURE__ */ d("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ t(ot, { control: r, onChange: h }),
+    /* @__PURE__ */ t(
+      rt,
+      {
+        control: r,
+        availableFieldChoices: i,
+        availableMetricChoices: f,
+        previewControlDefinitions: u,
+        previewControlValues: b,
+        controlLifecycle: "create",
+        onChange: v
+      }
+    ),
+    /* @__PURE__ */ t(
+      st,
+      {
+        control: r,
+        value: o,
+        onChange: C,
+        allowNoDefault: !0,
+        allowCardDefault: !0,
+        hint: "This is the value viewers will see first.",
+        previewControlDefinitions: u,
+        previewControlValues: b
+      }
+    ),
+    /* @__PURE__ */ t(
+      se,
+      {
+        secondary: /* @__PURE__ */ t(
+          q,
+          {
+            type: "button",
+            variant: "outline",
+            size: "xs",
+            onClick: x,
+            children: "Back"
+          }
+        ),
+        primary: /* @__PURE__ */ t(
+          q,
+          {
+            type: "button",
+            size: "xs",
+            onClick: m,
+            disabled: g,
+            children: "Next"
+          }
+        )
+      }
+    )
+  ] });
+}
+const Jt = /* @__PURE__ */ new Set([
+  "grain_selector",
+  "aggregation_selector",
+  "field_selector",
+  "metric_selector"
+]);
+function Ue(s) {
+  const { text: r, ariaLabel: o } = s, [i, f] = B(!1);
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      type: "button",
+      "aria-label": o,
+      onClick: async () => {
+        try {
+          await navigator.clipboard.writeText(r), f(!0), setTimeout(() => f(!1), 1200);
+        } catch (u) {
+          console.error("Failed to copy", u);
+        }
+      },
+      className: "group flex w-full items-center justify-between gap-2 rounded-[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",
+      children: [
+        /* @__PURE__ */ t("code", { className: "min-w-0 truncate font-mono text-[12px] text-foreground", children: r }),
+        /* @__PURE__ */ t("span", { className: "shrink-0 text-[11px] text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100", children: i ? "Copied" : "Click to copy" })
+      ]
+    }
+  );
+}
+function $e(s) {
+  const {
+    control: r,
+    scope: o,
+    createdReference: i,
+    explorerContent: f,
+    sqlDescription: u,
+    summaryDetail: b,
+    onBack: v,
+    onCancel: h,
+    onDone: C
+  } = s, x = Jt.has(r.type), m = i.match(/\[\[param\.(.+?)\]\]/), g = m ? `{{ param('${m[1]}') }}` : "";
+  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ t(
+      Gt,
+      {
+        control: r,
+        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__ */ 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(
+            Ue,
+            {
+              text: i,
+              ariaLabel: "Copy SQL control reference"
+            }
+          ),
+          g ? /* @__PURE__ */ t(
+            Ue,
+            {
+              text: g,
+              ariaLabel: "Copy Jinja control reference"
+            }
+          ) : null,
+          /* @__PURE__ */ d("p", { className: "text-[12px] text-muted-foreground", children: [
+            u,
+            " ",
+            /* @__PURE__ */ t(
+              "a",
+              {
+                href: "https://docs.semaphor.cloud/docs/concepts/template-expressions",
+                target: "_blank",
+                rel: "noreferrer",
+                className: "underline underline-offset-2 hover:text-foreground",
+                children: "Template expressions docs"
+              }
+            ),
+            "."
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(
+      se,
+      {
+        secondary: /* @__PURE__ */ t(
+          q,
+          {
+            type: "button",
+            variant: "outline",
+            size: "xs",
+            onClick: v,
+            children: "Back"
+          }
+        ),
+        tertiary: /* @__PURE__ */ t(
+          q,
+          {
+            type: "button",
+            variant: "outline",
+            size: "xs",
+            onClick: h,
+            children: "Cancel"
+          }
+        ),
+        primary: /* @__PURE__ */ t(q, { type: "button", size: "xs", onClick: C, children: "Done" })
+      }
+    )
+  ] });
+}
+function Wt(s) {
+  const r = ae(
+    s.scope,
+    s.existingControls,
+    s.reservedIds
+  ), o = s.type === r.type ? {
+    ...r,
+    label: Ce[s.type]
+  } : {
+    ...at({
+      controls: [
+        {
+          ...r,
+          label: Ce[s.type]
+        }
+      ],
+      controlId: r.id,
+      nextType: s.type
+    }).controls[0],
+    label: Ce[s.type]
+  };
+  return {
+    step: 2,
+    control: o,
+    defaultValue: re(o, void 0)
+  };
+}
+function ca({
+  scope: s,
+  controls: r,
+  reservedControlIds: o,
+  defaultValues: i,
+  onChange: f,
+  emptyMessage: u,
+  initialCreateFlow: b = !1,
+  usageByControlId: v,
+  availableFieldChoices: h,
+  availableMetricChoices: C,
+  structuralParticipants: x,
+  structuralParticipantIdsByControlId: m,
+  card: g,
+  onCreateFlowActiveChange: N,
+  onCreateFlowComplete: V
+}) {
+  const I = z(
+    () => new Set(o || []),
+    [o]
+  ), oe = Lt(s), ie = wt(s), [ee, X] = B(
+    null
+  ), [de, K] = B(
+    null
+  ), [a, S] = B(
+    () => b ? {
+      step: 1,
+      control: ae(s, r, Array.from(I))
+    } : null
+  ), Q = ke({}), T = ke(void 0), P = ke(b), j = z(
+    () => Fe({ scope: s, card: g }),
+    [g, s]
+  ), E = M(
+    (e) => s === "dashboard" && (e === "field_selector" || e === "metric_selector"),
+    [s]
+  ), G = z(
+    () => a ? ze(
+      x || [],
+      a.control.type
+    ) : [],
+    [a, x]
+  ), R = z(() => {
+    if (!a)
+      return {
+        fields: h || [],
+        metrics: C || []
+      };
+    if (!E(a.control.type))
+      return {
+        fields: h || [],
+        metrics: C || []
+      };
+    const e = a.selectedCardIds || [], n = fe({
+      controlType: a.control.type,
+      participants: x || [],
+      selectedCardIds: e
+    });
+    return {
+      fields: a.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) => ({
+        option: l,
+        target: n.metricTargetMap[l.value]
+      })) : []
+    };
+  }, [
+    h,
+    C,
+    a,
+    E,
+    x
+  ]);
+  Se(() => {
+    N == null || N(!!a);
+  }, [a, N]), Se(() => {
+    const e = b && !P.current;
+    P.current = b, e && (S({
+      step: 1,
+      control: ae(s, r, Array.from(I))
+    }), K(null), X(null));
+  }, [r, b, I, s]);
+  const te = (e) => {
+    if (!E(e.type))
+      return {
+        fields: h || [],
+        metrics: C || []
+      };
+    const n = (m == null ? void 0 : m[e.id]) || [];
+    if (n.length === 0)
+      return {
+        fields: h || [],
+        metrics: C || []
+      };
+    const l = fe({
+      controlType: e.type,
+      participants: x || [],
+      selectedCardIds: n
+    });
+    return {
+      fields: e.type === "field_selector" ? l.choices.map((c) => ({
+        option: c,
+        target: l.fieldTargetMap[c.value]
+      })) : [],
+      metrics: e.type === "metric_selector" ? l.choices.map((c) => ({
+        option: c,
+        target: l.metricTargetMap[c.value]
+      })) : []
+    };
+  }, J = (e) => {
+    if (!E(e.control.type))
+      return {
+        nextControl: e.control,
+        cardBindingsById: void 0
+      };
+    const n = (m == null ? void 0 : m[e.control.id]) || [], l = fe({
+      controlType: e.control.type,
+      participants: x || [],
+      selectedCardIds: e.nextSelectedCardIds
+    }), c = Ut({
+      control: e.control,
+      choices: l.choices
+    }), y = Object.fromEntries(
+      n.filter((D) => !e.nextSelectedCardIds.includes(D)).map((D) => [D, void 0])
+    );
+    return e.nextSelectedCardIds.length > 0 && c.source.kind === "manual" && c.source.options.length > 0 && Object.assign(
+      y,
+      je({
+        control: c,
+        participants: x || [],
+        selectedCardIds: e.nextSelectedCardIds
+      })
+    ), {
+      nextControl: c,
+      cardBindingsById: y
+    };
+  }, F = M((e, n = i, l = { type: "update" }) => {
+    const c = e.map((y) => (he({
+      control: y,
+      defaultValues: n
+    }), Tt(
+      y
+    )));
+    f(c, n, l);
+  }, [i, f]), W = (e, n) => {
+    const l = r.find(
+      (w) => w.id === e
+    );
+    let c = r.map((w) => w.id !== e ? w : n(w));
+    const y = c.find(
+      (w) => w.id === e
+    );
+    let D, p;
+    if (y && s === "dashboard" && (y.type === "field_selector" || y.type === "metric_selector")) {
+      const w = (m == null ? void 0 : m[y.id]) || [], Y = J({
+        control: y,
+        nextSelectedCardIds: w
+      });
+      c = c.map(
+        (U) => U.id === e ? Y.nextControl : U
+      ), D = Y.cardBindingsById, p = [y.id];
+    } else if (l && s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector")) {
+      const w = (m == null ? void 0 : m[l.id]) || [];
+      D = Object.fromEntries(
+        w.map((Y) => [Y, void 0])
+      ), p = [l.id];
+    }
+    const k = c.find(
+      (w) => w.id === e
+    );
+    let _ = i;
+    if (l && k) {
+      const w = he({
+        control: l,
+        defaultValues: i
+      });
+      l.source.kind === "manual" && k.source.kind === "sql_query" && (Q.current[e] = w);
+      const Y = w === void 0 && l.source.kind === "sql_query" && k.source.kind === "manual" ? Q.current[e] : w, U = Qe({
+        previousControl: l,
+        nextControl: k,
+        currentDefaultValue: Y
+      });
+      k.source.kind === "manual" && (Q.current[e] = U), i && (_ = { ...i }, U === void 0 ? delete _[e] : _[e] = U), c = c.map(
+        (Le) => Le.id === e ? { ...k, defaultValue: U } : Le
+      );
+    }
+    F(c, _, {
+      type: "update",
+      cardBindingsById: D,
+      affectedBindingControlIds: p
+    });
+  }, it = (e, n) => {
+    const l = n.trim();
+    if (l.length === 0 || l === e || I.has(l) || r.some(
+      (D) => D.id === l && D.id !== e
+    ))
+      return;
+    const c = r.map(
+      (D) => D.id === e ? { ...D, id: l } : D
+    );
+    if (!i) {
+      F(c, void 0, {
+        type: "rename",
+        oldId: e,
+        newId: l
+      });
+      return;
+    }
+    const y = { ...i };
+    Object.prototype.hasOwnProperty.call(y, e) && (y[l] = y[e], delete y[e]), F(c, y, {
+      type: "rename",
+      oldId: e,
+      newId: l
+    });
+  }, dt = (e) => {
+    const n = r.filter((c) => c.id !== e);
+    if (!i) {
+      F(n, void 0, { type: "remove", controlId: e });
+      return;
+    }
+    const l = { ...i };
+    delete l[e], F(n, l, { type: "remove", controlId: e });
+  }, ct = M(() => {
+    T.current = void 0, S({
+      step: 1,
+      control: ae(s, r, Array.from(I))
+    }), K(null), X(null);
+  }, [r, I, s]), Z = (e) => {
+    S(
+      (n) => n && (() => {
+        const l = e(n.control);
+        n.control.source.kind === "manual" && l.source.kind === "sql_query" && (T.current = n.defaultValue);
+        const c = n.defaultValue === void 0 && n.control.source.kind === "sql_query" && l.source.kind === "manual" ? T.current : n.defaultValue, y = Qe({
+          previousControl: n.control,
+          nextControl: l,
+          currentDefaultValue: c
+        });
+        return l.source.kind === "manual" && (T.current = y), {
+          ...n,
+          control: l,
+          defaultValue: y
+        };
+      })()
+    );
+  }, Ve = (e) => {
+    S(
+      (n) => n && (n.control.source.kind === "manual" && (T.current = e), {
+        ...n,
+        defaultValue: e
+      })
+    );
+  }, ce = (() => {
+    if (!a)
+      return !1;
+    if (a.step === 2 && E(a.control.type))
+      return (a.selectedCardIds || []).length > 0;
+    if (a.step !== 2 && a.step !== 3 || !a.control.label.trim())
+      return !1;
+    const n = a.control.source.kind === "sql_query" ? a.control : Ae(a.control);
+    if (n.source.kind === "manual" && (Vt(n) && n.source.options.length === 0 || n.source.options.some(
+      (c) => c.label.trim().length === 0 || c.value.trim().length === 0
+    )))
+      return !1;
+    if (n.source.kind === "sql_query") {
+      const { connectionId: l, sql: c, valueColumn: y } = n.source;
+      return l.trim().length > 0 && c.trim().length > 0 && y.trim().length > 0;
+    }
+    return It(
+      re(n, a.defaultValue)
+    );
+  })(), Ie = () => {
+    var D;
+    if (!a)
+      return;
+    const e = Ae(a.control), n = Rt({
+      label: e.label,
+      fallbackId: e.id,
+      existingControls: r,
+      reservedIds: Array.from(I)
+    }), l = {
+      ...e,
+      id: n
+    }, c = s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") && ((D = a.selectedCardIds) != null && D.length) ? je({
+      control: l,
+      participants: x || [],
+      selectedCardIds: a.selectedCardIds
+    }) : void 0, y = re(
+      l,
+      a.defaultValue
+    );
+    S({
+      step: s === "dashboard" && (l.type === "field_selector" || l.type === "metric_selector") ? 4 : 3,
+      control: l,
+      defaultValue: y,
+      createdControlId: n,
+      selectedCardIds: a.selectedCardIds,
+      cardBindingsById: c
+    });
+  }, ue = M(() => {
+    S(null);
+  }, []), qe = M(() => {
+    if (!(a != null && a.createdControlId)) {
+      S(null);
+      return;
+    }
+    const e = a.control, n = a.createdControlId, l = re(
+      e,
+      a.defaultValue
+    );
+    if (i) {
+      const c = { ...i };
+      l === void 0 ? delete c[n] : c[n] = l, F(
+        [
+          ...r,
+          {
+            ...e,
+            defaultValue: l
+          }
+        ],
+        c,
+        {
+          type: "add",
+          cardBindingsById: a.cardBindingsById
+        }
+      );
+    } else
+      F(
+        [
+          ...r,
+          {
+            ...e,
+            defaultValue: l
+          }
+        ],
+        void 0,
+        {
+          type: "add",
+          cardBindingsById: a.cardBindingsById
+        }
+      );
+    K(n), S(null), V == null || V();
+  }, [r, a, i, F, V]), ut = a ? E(a.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], Ee = a != null && a.createdControlId ? `[[param.${a.createdControlId}]]` : a ? `[[param.${qt(a.control.label) || a.control.id}]]` : "", pe = Me({
+    controls: r,
+    defaultValues: i
+  }), me = a ? [...r, a.control] : r, _e = a ? Me({
+    controls: me,
+    defaultValues: i,
+    overrides: [
+      {
+        controlId: a.control.id,
+        value: a.defaultValue
+      }
+    ]
+  }) : pe;
+  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+    a ? /* @__PURE__ */ d("div", { className: "space-y-4 pb-1", children: [
+      /* @__PURE__ */ t(
+        Pt,
+        {
+          currentStep: a.step,
+          labels: ut
+        }
+      ),
+      a.step === 1 && (() => {
+        const e = /* @__PURE__ */ new Set([
+          "grain_selector",
+          "aggregation_selector",
+          "field_selector",
+          "metric_selector"
+        ]), n = j.filter(
+          (y) => !e.has(y.value)
+        ), l = j.filter(
+          (y) => e.has(y.value)
+        ), c = (y) => /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: "rounded-[6px] border border-border/60 bg-background px-3 py-2.5 text-left transition-colors hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:outline-none",
+            onClick: () => S(
+              Wt({
+                scope: s,
+                existingControls: r,
+                reservedIds: Array.from(I),
+                type: y.value
+              })
+            ),
+            children: [
+              /* @__PURE__ */ t("div", { className: "text-[13px] font-medium text-foreground", children: y.label }),
+              /* @__PURE__ */ t("p", { className: "mt-0.5 text-[12px] text-muted-foreground", children: y.description })
+            ]
+          },
+          y.value
+        );
+        return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+          s === "card" && (g == null ? void 0 : g.sql) == null ? /* @__PURE__ */ t("p", { className: "text-[12px] text-muted-foreground", children: "Explorer cards support displayed metric, group by field, aggregation, and time grain controls here." }) : null,
+          n.length > 0 && /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ t("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Input controls" }),
+            /* @__PURE__ */ t("div", { className: "grid gap-1.5 sm:grid-cols-2", children: n.map(c) })
+          ] }),
+          l.length > 0 && /* @__PURE__ */ d("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ t("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Data-driven controls" }),
+            /* @__PURE__ */ t("div", { className: "grid gap-1.5 sm:grid-cols-2", children: l.map(c) })
+          ] }),
+          /* @__PURE__ */ t(
+            se,
+            {
+              secondary: /* @__PURE__ */ t(
+                q,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "xs",
+                  onClick: ue,
+                  children: "Back to controls"
+                }
+              )
+            }
+          )
+        ] });
+      })(),
+      a.step === 2 && E(a.control.type) && /* @__PURE__ */ d("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ d("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ t(
+            ot,
+            {
+              control: a.control,
+              onChange: (e) => Z((n) => ({
+                ...n,
+                label: e
+              }))
+            }
+          ),
+          /* @__PURE__ */ t("p", { className: "text-[12px] text-muted-foreground", children: "Choose which cards should respond to this shared control." })
+        ] }),
+        G.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-[6px] border border-border/60 bg-muted/30 px-3 py-2.5 text-[12px] text-muted-foreground", children: "No eligible cards are available yet. Add compatible metrics or group-by fields to cards first." }) : /* @__PURE__ */ t("div", { className: "space-y-1 rounded-[6px] border border-border/60 bg-background p-2", children: G.map((e) => {
+          const n = (a.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",
+              children: [
+                /* @__PURE__ */ t(
+                  Et,
+                  {
+                    checked: n,
+                    onCheckedChange: (l) => S(
+                      (c) => c && {
+                        ...c,
+                        selectedCardIds: l === !0 ? [
+                          ...c.selectedCardIds || [],
+                          e.cardId
+                        ] : (c.selectedCardIds || []).filter(
+                          (y) => y !== e.cardId
+                        )
+                      }
+                    )
+                  }
+                ),
+                /* @__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` })
+                ] })
+              ]
+            },
+            e.cardId
+          );
+        }) }),
+        /* @__PURE__ */ t(
+          se,
+          {
+            secondary: /* @__PURE__ */ t(
+              q,
+              {
+                type: "button",
+                variant: "outline",
+                size: "xs",
+                onClick: () => S(
+                  (e) => e && {
+                    ...e,
+                    step: 1,
+                    selectedCardIds: []
+                  }
+                ),
+                children: "Back"
+              }
+            ),
+            primary: /* @__PURE__ */ t(
+              q,
+              {
+                type: "button",
+                size: "xs",
+                onClick: () => S(
+                  (e) => e && {
+                    ...e,
+                    step: 3
+                  }
+                ),
+                disabled: !ce,
+                children: "Next"
+              }
+            )
+          }
+        )
+      ] }),
+      a.step === 2 && !E(a.control.type) && /* @__PURE__ */ t(
+        Re,
+        {
+          control: a.control,
+          defaultValue: a.defaultValue,
+          availableFieldChoices: R.fields,
+          availableMetricChoices: R.metrics,
+          previewControlDefinitions: me,
+          previewControlValues: _e,
+          onControlChange: (e) => Z(() => e),
+          onLabelChange: (e) => Z((n) => ({
+            ...n,
+            label: e
+          })),
+          onDefaultValueChange: Ve,
+          onBack: () => S(
+            (e) => e && {
+              ...e,
+              step: 1
+            }
+          ),
+          onNext: Ie,
+          nextDisabled: !ce
+        }
+      ),
+      a.step === 3 && E(a.control.type) && /* @__PURE__ */ t(
+        Re,
+        {
+          control: a.control,
+          defaultValue: a.defaultValue,
+          availableFieldChoices: R.fields,
+          availableMetricChoices: R.metrics,
+          previewControlDefinitions: me,
+          previewControlValues: _e,
+          onControlChange: (e) => Z(() => e),
+          onLabelChange: (e) => Z((n) => ({
+            ...n,
+            label: e
+          })),
+          onDefaultValueChange: Ve,
+          onBack: () => S(
+            (e) => e && {
+              ...e,
+              step: 2
+            }
+          ),
+          onNext: Ie,
+          nextDisabled: !ce
+        }
+      ),
+      a.step === 3 && !E(a.control.type) && /* @__PURE__ */ t(
+        $e,
+        {
+          control: a.control,
+          scope: s,
+          createdReference: Ee,
+          explorerContent: /* @__PURE__ */ d($, { children: [
+            "Open the card and use",
+            " ",
+            /* @__PURE__ */ t("span", { className: "font-medium text-foreground", children: "Settings → Controls" }),
+            " ",
+            "to choose what this control changes."
+          ] }),
+          sqlDescription: "Reference this control directly in the SQL editor.",
+          onBack: () => S(
+            (e) => e && {
+              ...e,
+              step: 2
+            }
+          ),
+          onCancel: ue,
+          onDone: qe
+        }
+      ),
+      a.step === 4 && E(a.control.type) && /* @__PURE__ */ t(
+        $e,
+        {
+          control: a.control,
+          scope: s,
+          createdReference: Ee,
+          summaryDetail: /* @__PURE__ */ d($, { children: [
+            "Used by ",
+            (a.selectedCardIds || []).length,
+            " ",
+            "selected card",
+            (a.selectedCardIds || []).length === 1 ? "" : "s"
+          ] }),
+          explorerContent: /* @__PURE__ */ t($, { children: "Selected cards have been set up to respond to this control automatically." }),
+          sqlDescription: "SQL cards can still reference this control directly in the SQL editor.",
+          onBack: () => S(
+            (e) => e && {
+              ...e,
+              step: 3
+            }
+          ),
+          onCancel: ue,
+          onDone: qe
+        }
+      )
+    ] }) : null,
+    !a && r.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: u }) : null,
+    !a && r.map((e) => {
+      const n = te(e), l = v == null ? void 0 : v[e.id], c = he({
+        control: e,
+        defaultValues: i
+      }), y = de === e.id, D = "inline-flex shrink-0 items-center rounded-[4px] border border-border/60 bg-muted/40 px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground";
+      return /* @__PURE__ */ d("div", { className: "rounded-[6px] border border-border/60", children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-2 px-3 py-2.5", children: [
+          /* @__PURE__ */ d(
+            "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",
+              onClick: () => K(
+                (p) => p === e.id ? null : e.id
+              ),
+              children: [
+                y ? /* @__PURE__ */ t(Oe, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ t(Be, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ d("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                    /* @__PURE__ */ t("span", { className: "truncate text-[13px] font-medium text-foreground", children: e.label || "Untitled control" }),
+                    /* @__PURE__ */ t("span", { className: D, children: We(e.type).label }),
+                    /* @__PURE__ */ t("span", { className: D, children: Ze(s, e.placement) })
+                  ] }),
+                  /* @__PURE__ */ d("div", { className: "mt-0.5 text-[12px] text-muted-foreground", children: [
+                    et(e),
+                    l != null && l.status ? ` · ${l.status}` : ""
+                  ] })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            q,
+            {
+              type: "button",
+              size: "xs",
+              variant: "ghost",
+              className: "h-7 w-7 shrink-0 p-0 text-muted-foreground",
+              onClick: () => dt(e.id),
+              "aria-label": `Remove ${e.label}`,
+              children: /* @__PURE__ */ t(_t, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] }),
+        y && /* @__PURE__ */ d("div", { className: "space-y-4 border-t border-border/60 px-3 py-3", children: [
+          /* @__PURE__ */ d("div", { className: "grid gap-3 md:grid-cols-3", children: [
+            /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ t(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+              /* @__PURE__ */ t(
+                tt,
+                {
+                  size: "xs",
+                  value: e.label,
+                  placeholder: "Control label",
+                  onChange: (p) => W(e.id, (k) => ({
+                    ...k,
+                    label: p.target.value
+                  }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ t(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
+              /* @__PURE__ */ d(
+                be,
+                {
+                  value: e.type,
+                  onValueChange: (p) => {
+                    const k = at({
+                      controls: r,
+                      controlId: e.id,
+                      nextType: p,
+                      defaultValues: i
+                    });
+                    F(k.controls, k.defaultValues);
+                  },
+                  children: [
+                    /* @__PURE__ */ t(ge, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
+                    /* @__PURE__ */ t(xe, { children: Fe({
+                      scope: s,
+                      card: g,
+                      includeType: e.type
+                    }).map((p) => /* @__PURE__ */ t(ve, { value: p.value, children: p.label }, p.value)) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ t(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
+              /* @__PURE__ */ d(
+                be,
+                {
+                  value: e.placement || ie,
+                  onValueChange: (p) => W(e.id, (k) => ({
+                    ...k,
+                    placement: p
+                  })),
+                  children: [
+                    /* @__PURE__ */ t(ge, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
+                    /* @__PURE__ */ t(xe, { children: oe.map((p) => /* @__PURE__ */ t(ve, { value: p.value, children: p.label }, p.value)) })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          E(e.type) ? /* @__PURE__ */ t(
+            Ft,
+            {
+              type: e.type,
+              participants: ze(
+                x || [],
+                e.type
+              ).map((p) => ({
+                cardId: p.cardId,
+                title: p.title,
+                choiceCount: e.type === "field_selector" ? p.fieldChoices.length : p.metricChoices.length
+              })),
+              selectedCardIds: (m == null ? void 0 : m[e.id]) || [],
+              onChange: (p) => {
+                const k = J({
+                  control: e,
+                  nextSelectedCardIds: p
+                }), _ = r.map(
+                  (w) => w.id === e.id ? k.nextControl : w
+                );
+                F(_, i, {
+                  type: "update",
+                  cardBindingsById: k.cardBindingsById
+                });
+              }
+            }
+          ) : null,
+          /* @__PURE__ */ t(
+            rt,
+            {
+              control: e,
+              availableFieldChoices: n.fields,
+              availableMetricChoices: n.metrics,
+              previewControlDefinitions: r,
+              previewControlValues: pe,
+              controlLifecycle: "edit",
+              onChange: (p) => W(e.id, () => p)
+            }
+          ),
+          e.initialValueStrategy === "saved_default" && /* @__PURE__ */ t(
+            st,
+            {
+              control: e,
+              value: c,
+              allowNoDefault: !0,
+              allowCardDefault: !0,
+              previewControlDefinitions: r,
+              previewControlValues: pe,
+              onChange: (p) => {
+                const k = r.map(
+                  (_) => _.id === e.id ? { ..._, defaultValue: p } : _
+                );
+                if (e.source.kind === "manual" && (Q.current[e.id] = p), i) {
+                  const _ = { ...i };
+                  p === void 0 ? delete _[e.id] : _[e.id] = p, F(k, _);
+                  return;
+                }
+                F(k, void 0);
+              }
+            }
+          ),
+          /* @__PURE__ */ d(
+            zt,
+            {
+              open: ee === e.id,
+              onOpenChange: (p) => X(p ? e.id : null),
+              children: [
+                /* @__PURE__ */ t(At, { asChild: !0, children: /* @__PURE__ */ d(
+                  q,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "xs",
+                    className: "-ml-2 gap-1 text-muted-foreground hover:text-foreground",
+                    children: [
+                      ee === e.id ? /* @__PURE__ */ t(Oe, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(Be, { className: "h-3.5 w-3.5" }),
+                      "Advanced"
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ d(Mt, { className: "space-y-3 pt-2", children: [
+                  /* @__PURE__ */ d("div", { className: "grid gap-3 md:grid-cols-2", children: [
+                    /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
+                      /* @__PURE__ */ t(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Control ID" }),
+                      /* @__PURE__ */ t(
+                        Ot,
+                        {
+                          controlId: e.id,
+                          onCommit: (p) => it(e.id, p)
+                        },
+                        e.id
+                      )
+                    ] }),
+                    /* @__PURE__ */ d("div", { className: "flex flex-col gap-1.5", children: [
+                      /* @__PURE__ */ t(H, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
+                      /* @__PURE__ */ d(
+                        be,
+                        {
+                          value: e.initialValueStrategy,
+                          onValueChange: (p) => W(e.id, (k) => ({
+                            ...k,
+                            initialValueStrategy: p
+                          })),
+                          children: [
+                            /* @__PURE__ */ t(ge, { size: "xs", children: /* @__PURE__ */ t(ye, {}) }),
+                            /* @__PURE__ */ t(xe, { children: Bt.map((p) => /* @__PURE__ */ t(
+                              ve,
+                              {
+                                value: p.value,
+                                children: p.label
+                              },
+                              p.value
+                            )) })
+                          ]
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ t(
+                    Qt,
+                    {
+                      control: e,
+                      onChange: (p) => W(e.id, () => p)
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ] })
+      ] }, e.id);
+    }),
+    !a && /* @__PURE__ */ d(
+      q,
+      {
+        type: "button",
+        variant: "outline",
+        size: "xs",
+        onClick: ct,
+        children: [
+          /* @__PURE__ */ t(jt, { className: "h-3.5 w-3.5" }),
+          "Add control"
+        ]
+      }
+    )
+  ] });
+}
+function ua(s) {
+  const {
+    open: r,
+    onOpenChange: o,
+    initialCreateFlowActive: i = !1,
+    dismissMode: f = "passive"
+  } = s, u = r !== void 0, [b, v] = B(!1), [h, C] = B(
+    i
+  ), x = u ? r : b, m = M(
+    (V) => {
+      !V && h && f === "passive" || (u || v(V), V || C(!1), o == null || o(V));
+    },
+    [u, h, f, o]
+  ), g = M(() => {
+    u || v(!1), C(!1), o == null || o(!1);
+  }, [u, o]);
+  Se(() => {
+    x || C(!1);
+  }, [x]);
+  const N = M(
+    (V) => {
+      h && V.preventDefault();
+    },
+    [h]
+  );
+  return {
+    forceClose: g,
+    handleOpenChange: m,
+    isCreateFlowActive: h,
+    preventPassiveDismissDuringCreate: N,
+    resolvedOpen: x,
+    setIsCreateFlowActive: C
+  };
+}
+export {
+  ra as C,
+  la as E,
+  Yt as L,
+  lt as S,
+  sa as V,
+  na as a,
+  oa as b,
+  Ht as c,
+  ia as d,
+  ca as e,
+  nt as f,
+  da as g,
+  ua as u
+};