react-semaphor 0.1.281 → 0.1.282

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

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