react-semaphor 0.1.533 → 0.1.535

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

@@ -0,0 +1,1457 @@
+import { c as Z, C as De } from "./x-CXDkqdur.js";
+import { useEffect as K, forwardRef as st, useMemo as H, useState as M, useRef as se, useCallback as F, Fragment as ot } from "react";
+import { a1 as ze, a2 as dt, u as it, n as Me, o as Re, p as je, c as R, q as Be, a3 as $e, B as L, a4 as ct, a5 as ut, a6 as G, a7 as we, a8 as Te, a9 as oe, aa as de, ab as mt, ac as pt, ad as _e, ae as ft, af as ht, ag as J, ah as gt, ai as Ee, aj as Ue, ak as Qe, al as Ye, m as z, r as He, s as ie, t as ce, v as ue, w as me, x as pe, am as Xe, an as bt, ao as xt, ap as Ve, aq as vt, ar as Le, as as yt, at as Ct, au as kt, av as Nt, aw as fe } from "./switch-ojmMsFMO.js";
+import { ar as St, u as Dt, as as wt, at as Tt, au as Ie, av as _t, aw as Et, ax as Ge, ay as Je, az as Vt, aA as Lt, aB as It, aC as Ft, aD as At, aE as qt } from "./semaphor-ready-indicator-B017OW6t.js";
+import { jsx as t, jsxs as o, Fragment as X } from "react/jsx-runtime";
+import "./validators-DMSH81OM.js";
+import "./matrix-operation-contract-BKupLHXL.js";
+import "zod";
+import "../value-format-preferences/index.js";
+import { C as Fe } from "./selection-reducer-CiDEtmAq.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 Ot = Z("CircleCheck", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
+/**
+ * @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 ea = Z("FilterX", [
+  ["path", { d: "M13.013 3H2l8 9.46V19l4 2v-8.54l.9-1.055", key: "1fi1da" }],
+  ["path", { d: "m22 3-5 5", key: "12jva0" }],
+  ["path", { d: "m17 3 5 5", key: "k36vhe" }]
+]);
+/**
+ * @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 zt = Z("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 Mt = Z("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" }]
+]), he = /* @__PURE__ */ new Set();
+function ta(s) {
+  return he.add(s), () => {
+    he.delete(s);
+  };
+}
+function aa() {
+  he.forEach((s) => {
+    s();
+  });
+}
+function ra() {
+  const s = ze((g) => g.card.dataSource), {
+    setSelectedConnectionId: n,
+    setSelectedDatabaseName: u,
+    setSelectedSchemaName: i,
+    setSelectedTableName: k,
+    setSelectedDatamodelId: b
+  } = dt();
+  K(() => {
+    var T;
+    if (!s) return;
+    const { tableName: g, schemaName: v, databaseName: p, connectionId: N } = St(s), x = (T = s.selectedEntities) == null ? void 0 : T[0], S = (x == null ? void 0 : x.type) === "model" && "id" in x ? x.id : "";
+    n(N || ""), u(p || ""), i(v || ""), k(g || ""), b(S);
+  }, [
+    s,
+    n,
+    u,
+    i,
+    k,
+    b
+  ]);
+}
+function la({
+  type: s,
+  isLinked: n,
+  className: u,
+  showLabel: i = !1,
+  showLocal: k = !1
+}) {
+  const b = it((I) => I.selectedFrameId), g = Dt((I) => I.selectedVisual), v = ze((I) => I.frame);
+  let p;
+  if (s)
+    p = s;
+  else if (n !== void 0)
+    p = n ? "linked" : "library";
+  else if (!!!(v != null && v.visualId || g != null && g.id) && b)
+    p = "local";
+  else if (g && !b)
+    p = "library";
+  else if (v != null && v.visualId && b)
+    p = "linked";
+  else if (g != null && g.id && b)
+    p = "library";
+  else
+    return null;
+  if (p === "local" && !k)
+    return null;
+  const N = {
+    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."
+  }, f = {
+    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"
+  }, S = {
+    local: "fill-slate-50 dark:fill-slate-900",
+    linked: "fill-purple-50 dark:fill-purple-950",
+    library: "fill-blue-50 dark:fill-blue-950"
+  }, T = {
+    local: /* @__PURE__ */ t("span", { className: "h-2 w-2 rounded-full bg-current/70" }),
+    linked: /* @__PURE__ */ t(Mt, { className: "h-3.5 w-3.5" }),
+    library: /* @__PURE__ */ t(zt, { className: "h-3.5 w-3.5" })
+  }, _ = {
+    local: "Local",
+    linked: "Linked",
+    library: "Library"
+  };
+  return /* @__PURE__ */ t(Me, { children: /* @__PURE__ */ o(Re, { delayDuration: 300, children: [
+    /* @__PURE__ */ t(je, { asChild: !0, children: /* @__PURE__ */ o(
+      wt,
+      {
+        variant: "outline",
+        className: R(
+          "cursor-help select-none transition-all",
+          N[p],
+          u
+        ),
+        children: [
+          T[p],
+          i && /* @__PURE__ */ t("span", { className: "ml-1 text-xs font-medium leading-none", children: _[p] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      Be,
+      {
+        side: "bottom",
+        className: R("max-w-xs", f[p]),
+        children: [
+          /* @__PURE__ */ t($e, { className: S[p] }),
+          /* @__PURE__ */ t("p", { children: x[p] })
+        ]
+      }
+    )
+  ] }) });
+}
+const Rt = st(
+  ({
+    side: s = "bottom",
+    children: n,
+    className: u,
+    tooltip: i,
+    onClick: k,
+    openDelay: b = 300,
+    buttonProps: g,
+    disabled: v,
+    ...p
+  }, N) => /* @__PURE__ */ t(Me, { children: /* @__PURE__ */ o(Re, { delayDuration: b, children: [
+    /* @__PURE__ */ t(je, { asChild: !0, children: /* @__PURE__ */ t(
+      L,
+      {
+        disabled: v,
+        ref: N,
+        size: "sm",
+        variant: "ghost",
+        onClick: k,
+        ...p,
+        ...g,
+        className: R(`${ct}`, u),
+        children: n
+      }
+    ) }),
+    i && /* @__PURE__ */ o(
+      Be,
+      {
+        side: s,
+        sideOffset: 10,
+        className: R(
+          "border-foreground/20 bg-foreground text-background"
+        ),
+        children: [
+          i,
+          /* @__PURE__ */ t($e, { className: "fill-foreground" })
+        ]
+      }
+    )
+  ] }) })
+);
+Rt.displayName = "IconButton";
+function Ke(s) {
+  const { control: n, onChange: u } = s;
+  return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ t(z, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+    /* @__PURE__ */ t(
+      He,
+      {
+        size: "xs",
+        value: n.label,
+        placeholder: "Control label",
+        onChange: (i) => u(i.target.value)
+      }
+    )
+  ] });
+}
+function jt(s) {
+  const { currentStep: n, labels: u } = 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: u.map((i, k) => {
+    const b = k + 1, g = b === n, v = b < n;
+    return /* @__PURE__ */ o(ot, { children: [
+      /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: R(
+              "flex h-5 w-5 items-center justify-center rounded-full border text-[10px] font-medium tabular-nums",
+              g ? "border-foreground bg-foreground text-background" : v ? "border-foreground/30 bg-foreground/10 text-foreground" : "border-border/60 bg-background text-muted-foreground"
+            ),
+            children: b
+          }
+        ),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: R(
+              "text-[12px]",
+              g ? "font-medium text-foreground" : "text-muted-foreground"
+            ),
+            children: i
+          }
+        )
+      ] }),
+      k < u.length - 1 ? /* @__PURE__ */ t(
+        "span",
+        {
+          className: "h-px w-4 bg-border/60 sm:w-6",
+          "aria-hidden": "true"
+        }
+      ) : null
+    ] }, i);
+  }) }) });
+}
+function W(s) {
+  const { secondary: n, tertiary: u, primary: i } = s;
+  return /* @__PURE__ */ o("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: [
+    n,
+    u,
+    i
+  ] });
+}
+function Bt(s) {
+  const { control: n, scope: u, detail: i } = s;
+  return /* @__PURE__ */ o("div", { className: "flex items-start gap-2.5 rounded-control border border-border/60 bg-muted/30 px-3 py-2.5", children: [
+    /* @__PURE__ */ t(Ot, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground" }),
+    /* @__PURE__ */ o("div", { className: "min-w-0 space-y-0.5", children: [
+      /* @__PURE__ */ t("div", { className: "text-[13px] font-medium text-foreground", children: n.label }),
+      /* @__PURE__ */ o("div", { className: "text-[12px] text-muted-foreground", children: [
+        Ue(n.type).label,
+        " ·",
+        " ",
+        Ye(n),
+        " ·",
+        " ",
+        Qe(u, n.placement)
+      ] }),
+      i ? /* @__PURE__ */ t("div", { className: "text-[12px] text-muted-foreground", children: i }) : null
+    ] })
+  ] });
+}
+function Ae(s) {
+  const {
+    control: n,
+    defaultValue: u,
+    availableFieldChoices: i,
+    availableMetricChoices: k,
+    previewControlDefinitions: b,
+    previewControlValues: g,
+    onControlChange: v,
+    onLabelChange: p,
+    onDefaultValueChange: N,
+    onBack: x,
+    onNext: f,
+    nextDisabled: S
+  } = s;
+  return /* @__PURE__ */ o("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ t(Ke, { control: n, onChange: p }),
+    /* @__PURE__ */ t(
+      Ge,
+      {
+        control: n,
+        availableFieldChoices: i,
+        availableMetricChoices: k,
+        previewControlDefinitions: b,
+        previewControlValues: g,
+        controlLifecycle: "create",
+        onChange: v
+      }
+    ),
+    /* @__PURE__ */ t(
+      Je,
+      {
+        control: n,
+        value: u,
+        onChange: N,
+        allowNoDefault: !0,
+        allowCardDefault: !0,
+        hint: "This is the value viewers will see first.",
+        previewControlDefinitions: b,
+        previewControlValues: g
+      }
+    ),
+    /* @__PURE__ */ t(
+      W,
+      {
+        secondary: /* @__PURE__ */ t(L, { type: "button", variant: "outline", size: "xs", onClick: x, children: "Back" }),
+        primary: /* @__PURE__ */ t(
+          L,
+          {
+            type: "button",
+            size: "xs",
+            onClick: f,
+            disabled: S,
+            children: "Next"
+          }
+        )
+      }
+    )
+  ] });
+}
+const $t = /* @__PURE__ */ new Set([
+  "grain_selector",
+  "aggregation_selector",
+  "field_selector",
+  "metric_selector"
+]);
+function qe(s) {
+  const { text: n, ariaLabel: u } = s, [i, k] = M(!1);
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      "aria-label": u,
+      onClick: async () => {
+        try {
+          await navigator.clipboard.writeText(n), k(!0), setTimeout(() => k(!1), 1200);
+        } catch (b) {
+          console.error("Failed to copy", b);
+        }
+      },
+      className: "group flex w-full items-center justify-between gap-2 rounded-control bg-muted/40 px-2 py-1 text-left transition-colors hover:bg-muted/60 focus-visible:bg-muted/60 focus-visible:outline-none",
+      children: [
+        /* @__PURE__ */ t("code", { className: "min-w-0 truncate font-mono text-[12px] text-foreground", children: n }),
+        /* @__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 Oe(s) {
+  const {
+    control: n,
+    scope: u,
+    createdReference: i,
+    explorerContent: k,
+    sqlDescription: b,
+    summaryDetail: g,
+    onBack: v,
+    onCancel: p,
+    onDone: N
+  } = s, x = $t.has(n.type), f = i.match(/\[\[param\.(.+?)\]\]/), S = f ? `{{ param('${f[1]}') }}` : "";
+  return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ t(
+      Bt,
+      {
+        control: n,
+        scope: u,
+        detail: g
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ t("p", { className: "text-[13px] font-medium text-foreground", children: "How cards use this control" }),
+      /* @__PURE__ */ o("div", { className: "divide-y divide-border/60 overflow-hidden rounded-control border border-border/60", children: [
+        x ? /* @__PURE__ */ o("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: k })
+        ] }) : null,
+        /* @__PURE__ */ o("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(
+            qe,
+            {
+              text: i,
+              ariaLabel: "Copy SQL control reference"
+            }
+          ),
+          S ? /* @__PURE__ */ t(
+            qe,
+            {
+              text: S,
+              ariaLabel: "Copy Jinja control reference"
+            }
+          ) : null,
+          /* @__PURE__ */ o("p", { className: "text-[12px] text-muted-foreground", children: [
+            b,
+            " ",
+            /* @__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(
+      W,
+      {
+        secondary: /* @__PURE__ */ t(L, { type: "button", variant: "outline", size: "xs", onClick: v, children: "Back" }),
+        tertiary: /* @__PURE__ */ t(L, { type: "button", variant: "outline", size: "xs", onClick: p, children: "Cancel" }),
+        primary: /* @__PURE__ */ t(L, { type: "button", size: "xs", onClick: N, children: "Done" })
+      }
+    )
+  ] });
+}
+function Ut(s) {
+  const n = G(
+    s.scope,
+    s.existingControls,
+    s.reservedIds
+  ), u = s.type === n.type ? {
+    ...n,
+    label: fe[s.type]
+  } : {
+    ...Xe({
+      controls: [
+        {
+          ...n,
+          label: fe[s.type]
+        }
+      ],
+      controlId: n.id,
+      nextType: s.type
+    }).controls[0],
+    label: fe[s.type]
+  };
+  return {
+    step: 2,
+    control: u,
+    defaultValue: J(u, void 0)
+  };
+}
+function na({
+  scope: s,
+  controls: n,
+  reservedControlIds: u,
+  defaultValues: i,
+  onChange: k,
+  emptyMessage: b,
+  initialCreateFlow: g = !1,
+  usageByControlId: v,
+  availableFieldChoices: p,
+  availableMetricChoices: N,
+  structuralParticipants: x,
+  structuralParticipantIdsByControlId: f,
+  card: S,
+  allowedControlTypes: T,
+  onCreateFlowActiveChange: _,
+  onCreateFlowComplete: I
+}) {
+  const A = H(
+    () => new Set(u || []),
+    [u]
+  ), We = bt(s), Ze = ut(s), [ge, P] = M(
+    null
+  ), [Pe, U] = M(
+    null
+  ), [a, D] = M(
+    () => g ? {
+      step: 1,
+      control: G(s, n, Array.from(A))
+    } : null
+  ), Q = se({}), j = se(void 0), be = se(g), xe = H(() => {
+    const e = we({ scope: s, card: S });
+    if (!T)
+      return e;
+    const l = new Set(T);
+    return e.filter((r) => l.has(r.value));
+  }, [T, S, s]), et = F(
+    (e) => {
+      const l = we({
+        scope: s,
+        card: S,
+        includeType: T ? void 0 : e
+      });
+      if (!T)
+        return l;
+      const r = new Set(T);
+      return l.filter((d) => r.has(d.value));
+    },
+    [T, S, s]
+  ), V = F(
+    (e) => s === "dashboard" && (e === "field_selector" || e === "metric_selector"),
+    [s]
+  ), ee = H(
+    () => a ? Te(
+      x || [],
+      a.control.type
+    ) : [],
+    [a, x]
+  ), Y = H(() => {
+    if (!a)
+      return {
+        fields: p || [],
+        metrics: N || []
+      };
+    if (!V(a.control.type))
+      return {
+        fields: p || [],
+        metrics: N || []
+      };
+    const e = a.selectedCardIds || [], l = oe({
+      controlType: a.control.type,
+      participants: x || [],
+      selectedCardIds: e
+    });
+    return {
+      fields: a.control.type === "field_selector" ? l.choices.map((r) => ({
+        option: r,
+        target: l.fieldTargetMap[r.value]
+      })) : [],
+      metrics: a.control.type === "metric_selector" ? l.choices.map((r) => ({
+        option: r,
+        target: l.metricTargetMap[r.value]
+      })) : []
+    };
+  }, [
+    p,
+    N,
+    a,
+    V,
+    x
+  ]);
+  K(() => {
+    _ == null || _(!!a);
+  }, [a, _]), K(() => {
+    const e = g && !be.current;
+    be.current = g, e && (D({
+      step: 1,
+      control: G(s, n, Array.from(A))
+    }), U(null), P(null));
+  }, [n, g, A, s]);
+  const tt = (e) => {
+    if (!V(e.type))
+      return {
+        fields: p || [],
+        metrics: N || []
+      };
+    const l = (f == null ? void 0 : f[e.id]) || [];
+    if (l.length === 0)
+      return {
+        fields: p || [],
+        metrics: N || []
+      };
+    const r = oe({
+      controlType: e.type,
+      participants: x || [],
+      selectedCardIds: l
+    });
+    return {
+      fields: e.type === "field_selector" ? r.choices.map((d) => ({
+        option: d,
+        target: r.fieldTargetMap[d.value]
+      })) : [],
+      metrics: e.type === "metric_selector" ? r.choices.map((d) => ({
+        option: d,
+        target: r.metricTargetMap[d.value]
+      })) : []
+    };
+  }, te = (e) => {
+    if (!V(e.control.type))
+      return {
+        nextControl: e.control,
+        cardBindingsById: void 0
+      };
+    const l = (f == null ? void 0 : f[e.control.id]) || [], r = oe({
+      controlType: e.control.type,
+      participants: x || [],
+      selectedCardIds: e.nextSelectedCardIds
+    }), d = kt({
+      control: e.control,
+      choices: r.choices
+    }), m = Object.fromEntries(
+      l.filter((h) => !e.nextSelectedCardIds.includes(h)).map((h) => [h, void 0])
+    );
+    return e.nextSelectedCardIds.length > 0 && d.source.kind === "manual" && d.source.options.length > 0 && Object.assign(
+      m,
+      Le({
+        control: d,
+        participants: x || [],
+        selectedCardIds: e.nextSelectedCardIds,
+        matrixTargetIds: e.matrixTargetIds
+      })
+    ), {
+      nextControl: d,
+      cardBindingsById: m
+    };
+  }, E = F(
+    (e, l = i, r = { type: "update" }) => {
+      const d = e.map((m) => (de({
+        control: m,
+        defaultValues: l
+      }), mt(
+        m
+      )));
+      k(d, l, r);
+    },
+    [i, k]
+  ), B = (e, l) => {
+    const r = n.find(
+      (C) => C.id === e
+    );
+    let d = n.map((C) => C.id !== e ? C : l(C));
+    const m = d.find(
+      (C) => C.id === e
+    );
+    let h, c;
+    if (m && (!r || yt({ control: r }, { control: m })) && s === "dashboard" && (m.type === "field_selector" || m.type === "metric_selector")) {
+      const C = (f == null ? void 0 : f[m.id]) || [], O = te({
+        control: m,
+        nextSelectedCardIds: C
+      });
+      d = d.map(
+        (q) => q.id === e ? O.nextControl : q
+      ), h = O.cardBindingsById, c = [m.id];
+    } else if (r && (!m || !Ct(m.type)) && s === "dashboard" && (r.type === "field_selector" || r.type === "metric_selector")) {
+      const C = (f == null ? void 0 : f[r.id]) || [];
+      h = Object.fromEntries(
+        C.map((O) => [O, void 0])
+      ), c = [r.id];
+    }
+    const y = d.find(
+      (C) => C.id === e
+    );
+    let w = i;
+    if (r && y) {
+      const C = de({
+        control: r,
+        defaultValues: i
+      });
+      r.source.kind === "manual" && y.source.kind === "sql_query" && (Q.current[e] = C);
+      const O = C === void 0 && r.source.kind === "sql_query" && y.source.kind === "manual" ? Q.current[e] : C, q = Ve({
+        previousControl: r,
+        nextControl: y,
+        currentDefaultValue: O
+      });
+      y.source.kind === "manual" && (Q.current[e] = q), i && (w = { ...i }, q === void 0 ? delete w[e] : w[e] = q), d = d.map(
+        (Se) => Se.id === e ? { ...y, defaultValue: q } : Se
+      );
+    }
+    E(d, w, {
+      type: "update",
+      cardBindingsById: h,
+      affectedBindingControlIds: c
+    });
+  }, at = (e, l) => {
+    if (!l.trim())
+      return;
+    const r = Nt(l);
+    if (r === e || A.has(r) || n.some(
+      (h) => h.id === r && h.id !== e
+    ))
+      return;
+    const d = n.map(
+      (h) => h.id === e ? { ...h, id: r } : h
+    );
+    if (!i) {
+      E(d, void 0, {
+        type: "rename",
+        oldId: e,
+        newId: r
+      });
+      return;
+    }
+    const m = { ...i };
+    Object.prototype.hasOwnProperty.call(m, e) && (m[r] = m[e], delete m[e]), E(d, m, {
+      type: "rename",
+      oldId: e,
+      newId: r
+    });
+  }, rt = (e) => {
+    const l = n.filter((d) => d.id !== e);
+    if (!i) {
+      E(l, void 0, { type: "remove", controlId: e });
+      return;
+    }
+    const r = { ...i };
+    delete r[e], E(l, r, { type: "remove", controlId: e });
+  }, lt = F(() => {
+    j.current = void 0, D({
+      step: 1,
+      control: G(s, n, Array.from(A))
+    }), U(null), P(null);
+  }, [n, A, s]), $ = (e) => {
+    D(
+      (l) => l && (() => {
+        const r = e(l.control);
+        l.control.source.kind === "manual" && r.source.kind === "sql_query" && (j.current = l.defaultValue);
+        const d = l.defaultValue === void 0 && l.control.source.kind === "sql_query" && r.source.kind === "manual" ? j.current : l.defaultValue, m = Ve({
+          previousControl: l.control,
+          nextControl: r,
+          currentDefaultValue: d
+        });
+        return r.source.kind === "manual" && (j.current = m), {
+          ...l,
+          control: r,
+          defaultValue: m
+        };
+      })()
+    );
+  }, ve = (e) => {
+    D(
+      (l) => l && (l.control.source.kind === "manual" && (j.current = e), {
+        ...l,
+        defaultValue: e
+      })
+    );
+  }, ae = (() => {
+    if (!a)
+      return !1;
+    if (a.step === 2 && V(a.control.type))
+      return (a.selectedCardIds || []).length > 0 && pt({
+        participants: x || [],
+        selectedCardIds: a.selectedCardIds || [],
+        control: a.control,
+        selected: a.matrixTargetIds
+      });
+    if (a.step !== 2 && a.step !== 3 || !a.control.label.trim())
+      return !1;
+    const l = a.control.source.kind === "sql_query" ? a.control : _e(a.control);
+    if (l.source.kind === "manual" && (ft(l) && l.source.options.length === 0 || l.source.options.some(
+      (d) => d.label.trim().length === 0 || d.value.trim().length === 0
+    )))
+      return !1;
+    if (l.source.kind === "sql_query") {
+      const { connectionId: r, sql: d, valueColumn: m } = l.source;
+      return r.trim().length > 0 && d.trim().length > 0 && m.trim().length > 0;
+    }
+    return ht(
+      J(l, a.defaultValue)
+    );
+  })(), ye = () => {
+    var h;
+    if (!a)
+      return;
+    const e = _e(a.control), l = vt({
+      label: e.label,
+      fallbackId: e.id,
+      existingControls: n,
+      reservedIds: Array.from(A)
+    }), r = {
+      ...e,
+      id: l
+    }, d = s === "dashboard" && (r.type === "field_selector" || r.type === "metric_selector") && ((h = a.selectedCardIds) != null && h.length) ? Le({
+      control: r,
+      participants: x || [],
+      selectedCardIds: a.selectedCardIds,
+      matrixTargetIds: a.matrixTargetIds
+    }) : void 0, m = J(
+      r,
+      a.defaultValue
+    );
+    D({
+      step: s === "dashboard" && (r.type === "field_selector" || r.type === "metric_selector") ? 4 : 3,
+      control: r,
+      defaultValue: m,
+      createdControlId: l,
+      selectedCardIds: a.selectedCardIds,
+      matrixTargetIds: a.matrixTargetIds,
+      cardBindingsById: d
+    });
+  }, re = F(() => {
+    D(null);
+  }, []), Ce = F(() => {
+    if (!(a != null && a.createdControlId)) {
+      D(null);
+      return;
+    }
+    const e = a.control, l = a.createdControlId, r = J(
+      e,
+      a.defaultValue
+    );
+    if (i) {
+      const d = { ...i };
+      r === void 0 ? delete d[l] : d[l] = r, E(
+        [
+          ...n,
+          {
+            ...e,
+            defaultValue: r
+          }
+        ],
+        d,
+        {
+          type: "add",
+          cardBindingsById: a.cardBindingsById
+        }
+      );
+    } else
+      E(
+        [
+          ...n,
+          {
+            ...e,
+            defaultValue: r
+          }
+        ],
+        void 0,
+        {
+          type: "add",
+          cardBindingsById: a.cardBindingsById
+        }
+      );
+    U(l), D(null), I == null || I();
+  }, [n, a, i, E, I]), nt = a ? V(a.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], ke = a != null && a.createdControlId ? `[[param.${a.createdControlId}]]` : a ? `[[param.${gt(a.control.label) || a.control.id}]]` : "", le = Ee({
+    controls: n,
+    defaultValues: i
+  }), ne = a ? [...n, a.control] : n, Ne = a ? Ee({
+    controls: ne,
+    defaultValues: i,
+    overrides: [
+      {
+        controlId: a.control.id,
+        value: a.defaultValue
+      }
+    ]
+  }) : le;
+  return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
+    a ? /* @__PURE__ */ o("div", { className: "space-y-4 pb-1", children: [
+      /* @__PURE__ */ t(
+        jt,
+        {
+          currentStep: a.step,
+          labels: nt
+        }
+      ),
+      a.step === 1 && (() => {
+        const e = /* @__PURE__ */ new Set([
+          "grain_selector",
+          "aggregation_selector",
+          "field_selector",
+          "metric_selector"
+        ]), l = /* @__PURE__ */ new Set([
+          // Temporarily hide these from the add-control dialog while
+          // keeping the shared definitions for existing controls.
+          "date",
+          "text"
+        ]), r = xe.filter(
+          (h) => !e.has(h.value) && !l.has(h.value)
+        ), d = xe.filter(
+          (h) => e.has(h.value)
+        ), m = (h) => /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: "rounded-control border border-border/60 bg-background px-3 py-2.5 text-left transition-colors hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:outline-none",
+            onClick: () => D(
+              Ut({
+                scope: s,
+                existingControls: n,
+                reservedIds: Array.from(A),
+                type: h.value
+              })
+            ),
+            children: [
+              /* @__PURE__ */ t("div", { className: "text-[13px] font-medium text-foreground", children: h.label }),
+              /* @__PURE__ */ t("p", { className: "mt-0.5 text-[12px] text-muted-foreground", children: h.description })
+            ]
+          },
+          h.value
+        );
+        return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
+          s === "card" && (S == null ? void 0 : S.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,
+          r.length > 0 && /* @__PURE__ */ o("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: r.map(m) })
+          ] }),
+          d.length > 0 && /* @__PURE__ */ o("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: d.map(m) })
+          ] }),
+          /* @__PURE__ */ t(
+            W,
+            {
+              secondary: /* @__PURE__ */ t(
+                L,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "xs",
+                  onClick: re,
+                  children: "Back to controls"
+                }
+              )
+            }
+          )
+        ] });
+      })(),
+      a.step === 2 && V(a.control.type) && /* @__PURE__ */ o("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ o("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ t(
+            Ke,
+            {
+              control: a.control,
+              onChange: (e) => $((l) => ({
+                ...l,
+                label: e
+              }))
+            }
+          ),
+          /* @__PURE__ */ t("p", { className: "text-[12px] text-muted-foreground", children: "Choose which cards should respond to this shared control." })
+        ] }),
+        ee.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-control border border-border/60 bg-muted/30 px-3 py-2.5 text-[12px] text-muted-foreground", children: "No eligible cards are available yet. Add compatible metrics or group-by fields to cards first." }) : /* @__PURE__ */ t("div", { className: "space-y-1 rounded-control border border-border/60 bg-background p-2", children: ee.map((e) => {
+          const l = (a.selectedCardIds || []).includes(e.cardId);
+          return /* @__PURE__ */ o(
+            "label",
+            {
+              className: "flex items-start gap-2 rounded-control px-1.5 py-1 text-[13px] hover:bg-muted/40",
+              children: [
+                /* @__PURE__ */ t(
+                  Tt,
+                  {
+                    checked: l,
+                    onCheckedChange: (r) => D(
+                      (d) => d && {
+                        ...d,
+                        selectedCardIds: r === !0 ? [
+                          ...d.selectedCardIds || [],
+                          e.cardId
+                        ] : (d.selectedCardIds || []).filter(
+                          (m) => m !== e.cardId
+                        )
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ o("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(
+          Ie,
+          {
+            participants: ee,
+            selectedCardIds: a.selectedCardIds || [],
+            control: a.control,
+            selected: a.matrixTargetIds,
+            onChange: (e, l) => D((r) => r && { ...r, matrixTargetIds: { ...r.matrixTargetIds, [e]: l } })
+          }
+        ),
+        /* @__PURE__ */ t(
+          W,
+          {
+            secondary: /* @__PURE__ */ t(
+              L,
+              {
+                type: "button",
+                variant: "outline",
+                size: "xs",
+                onClick: () => D(
+                  (e) => e && {
+                    ...e,
+                    step: 1,
+                    selectedCardIds: []
+                  }
+                ),
+                children: "Back"
+              }
+            ),
+            primary: /* @__PURE__ */ t(
+              L,
+              {
+                type: "button",
+                size: "xs",
+                onClick: () => D(
+                  (e) => e && {
+                    ...e,
+                    step: 3
+                  }
+                ),
+                disabled: !ae,
+                children: "Next"
+              }
+            )
+          }
+        )
+      ] }),
+      a.step === 2 && !V(a.control.type) && /* @__PURE__ */ t(
+        Ae,
+        {
+          control: a.control,
+          defaultValue: a.defaultValue,
+          availableFieldChoices: Y.fields,
+          availableMetricChoices: Y.metrics,
+          previewControlDefinitions: ne,
+          previewControlValues: Ne,
+          onControlChange: (e) => $(() => e),
+          onLabelChange: (e) => $((l) => ({
+            ...l,
+            label: e
+          })),
+          onDefaultValueChange: ve,
+          onBack: () => D(
+            (e) => e && {
+              ...e,
+              step: 1
+            }
+          ),
+          onNext: ye,
+          nextDisabled: !ae
+        }
+      ),
+      a.step === 3 && V(a.control.type) && /* @__PURE__ */ t(
+        Ae,
+        {
+          control: a.control,
+          defaultValue: a.defaultValue,
+          availableFieldChoices: Y.fields,
+          availableMetricChoices: Y.metrics,
+          previewControlDefinitions: ne,
+          previewControlValues: Ne,
+          onControlChange: (e) => $(() => e),
+          onLabelChange: (e) => $((l) => ({
+            ...l,
+            label: e
+          })),
+          onDefaultValueChange: ve,
+          onBack: () => D(
+            (e) => e && {
+              ...e,
+              step: 2
+            }
+          ),
+          onNext: ye,
+          nextDisabled: !ae
+        }
+      ),
+      a.step === 3 && !V(a.control.type) && /* @__PURE__ */ t(
+        Oe,
+        {
+          control: a.control,
+          scope: s,
+          createdReference: ke,
+          explorerContent: /* @__PURE__ */ o(X, { 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: () => D(
+            (e) => e && {
+              ...e,
+              step: 2
+            }
+          ),
+          onCancel: re,
+          onDone: Ce
+        }
+      ),
+      a.step === 4 && V(a.control.type) && /* @__PURE__ */ t(
+        Oe,
+        {
+          control: a.control,
+          scope: s,
+          createdReference: ke,
+          summaryDetail: /* @__PURE__ */ o(X, { children: [
+            "Used by ",
+            (a.selectedCardIds || []).length,
+            " selected card",
+            (a.selectedCardIds || []).length === 1 ? "" : "s"
+          ] }),
+          explorerContent: /* @__PURE__ */ t(X, { children: "Selected cards have been set up to respond to this control automatically." }),
+          sqlDescription: "SQL cards can still reference this control directly in the SQL editor.",
+          onBack: () => D(
+            (e) => e && {
+              ...e,
+              step: 3
+            }
+          ),
+          onCancel: re,
+          onDone: Ce
+        }
+      )
+    ] }) : null,
+    !a && n.length === 0 ? /* @__PURE__ */ t("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: b }) : null,
+    !a && n.map((e) => {
+      const l = tt(e), r = v == null ? void 0 : v[e.id], d = de({
+        control: e,
+        defaultValues: i
+      }), m = Pe === e.id, h = "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__ */ o(
+        "div",
+        {
+          className: "rounded-control border border-border/60",
+          children: [
+            /* @__PURE__ */ o("div", { className: "flex items-center gap-2 px-3 py-2.5", children: [
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  type: "button",
+                  className: "flex min-w-0 flex-1 items-start gap-2 rounded-control text-left focus:outline-none focus-visible:bg-muted/40",
+                  onClick: () => U(
+                    (c) => c === e.id ? null : e.id
+                  ),
+                  children: [
+                    m ? /* @__PURE__ */ t(De, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ t(Fe, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                    /* @__PURE__ */ o("div", { className: "min-w-0", children: [
+                      /* @__PURE__ */ o("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: h, children: Ue(e.type).label }),
+                        /* @__PURE__ */ t("span", { className: h, children: Qe(s, e.placement) })
+                      ] }),
+                      /* @__PURE__ */ o("div", { className: "mt-0.5 text-[12px] text-muted-foreground", children: [
+                        Ye(e),
+                        r != null && r.status ? ` · ${r.status}` : ""
+                      ] })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ t(
+                L,
+                {
+                  type: "button",
+                  size: "xs",
+                  variant: "ghost",
+                  className: "h-7 w-7 shrink-0 p-0 text-muted-foreground",
+                  onClick: () => rt(e.id),
+                  "aria-label": `Remove ${e.label}`,
+                  children: /* @__PURE__ */ t(_t, { className: "h-3.5 w-3.5" })
+                }
+              )
+            ] }),
+            m && /* @__PURE__ */ o("div", { className: "space-y-4 border-t border-border/60 px-3 py-3", children: [
+              /* @__PURE__ */ o("div", { className: "grid gap-3 md:grid-cols-3", children: [
+                /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ t(z, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+                  /* @__PURE__ */ t(
+                    He,
+                    {
+                      size: "xs",
+                      value: e.label,
+                      placeholder: "Control label",
+                      onChange: (c) => B(e.id, (y) => ({
+                        ...y,
+                        label: c.target.value
+                      }))
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ t(z, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
+                  /* @__PURE__ */ o(
+                    ie,
+                    {
+                      value: e.type,
+                      onValueChange: (c) => {
+                        const y = Xe({
+                          controls: n,
+                          controlId: e.id,
+                          nextType: c,
+                          defaultValues: i
+                        });
+                        E(y.controls, y.defaultValues);
+                      },
+                      children: [
+                        /* @__PURE__ */ t(ce, { size: "xs", children: /* @__PURE__ */ t(ue, {}) }),
+                        /* @__PURE__ */ t(me, { children: et(e.type).map(
+                          (c) => /* @__PURE__ */ t(
+                            pe,
+                            {
+                              value: c.value,
+                              children: c.label
+                            },
+                            c.value
+                          )
+                        ) })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ t(z, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
+                  /* @__PURE__ */ o(
+                    ie,
+                    {
+                      value: e.placement || Ze,
+                      onValueChange: (c) => B(e.id, (y) => ({
+                        ...y,
+                        placement: c
+                      })),
+                      children: [
+                        /* @__PURE__ */ t(ce, { size: "xs", children: /* @__PURE__ */ t(ue, {}) }),
+                        /* @__PURE__ */ t(me, { children: We.map((c) => /* @__PURE__ */ t(pe, { value: c.value, children: c.label }, c.value)) })
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              V(e.type) ? /* @__PURE__ */ o(X, { children: [
+                /* @__PURE__ */ t(
+                  Et,
+                  {
+                    type: e.type,
+                    participants: Te(
+                      x || [],
+                      e.type
+                    ).map((c) => ({
+                      cardId: c.cardId,
+                      title: c.title,
+                      choiceCount: e.type === "field_selector" ? c.fieldChoices.length : c.metricChoices.length
+                    })),
+                    selectedCardIds: (f == null ? void 0 : f[e.id]) || [],
+                    onChange: (c) => {
+                      const y = te({
+                        control: e,
+                        nextSelectedCardIds: c
+                      }), w = n.map(
+                        (C) => C.id === e.id ? y.nextControl : C
+                      );
+                      E(w, i, {
+                        type: "update",
+                        cardBindingsById: y.cardBindingsById
+                      });
+                    }
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  Ie,
+                  {
+                    participants: x || [],
+                    selectedCardIds: (f == null ? void 0 : f[e.id]) || [],
+                    control: e,
+                    onChange: (c, y) => {
+                      const w = te({
+                        control: e,
+                        nextSelectedCardIds: (f == null ? void 0 : f[e.id]) || [],
+                        matrixTargetIds: { [c]: y }
+                      });
+                      E(
+                        n.map((C) => C.id === e.id ? w.nextControl : C),
+                        i,
+                        { type: "update", cardBindingsById: w.cardBindingsById }
+                      );
+                    }
+                  }
+                )
+              ] }) : null,
+              /* @__PURE__ */ t(
+                Ge,
+                {
+                  control: e,
+                  availableFieldChoices: l.fields,
+                  availableMetricChoices: l.metrics,
+                  previewControlDefinitions: n,
+                  previewControlValues: le,
+                  controlLifecycle: "edit",
+                  onChange: (c) => B(e.id, () => c)
+                }
+              ),
+              e.initialValueStrategy === "saved_default" && /* @__PURE__ */ t(
+                Je,
+                {
+                  control: e,
+                  value: d,
+                  allowNoDefault: !0,
+                  allowCardDefault: !0,
+                  previewControlDefinitions: n,
+                  previewControlValues: le,
+                  onChange: (c) => {
+                    const y = n.map(
+                      (w) => w.id === e.id ? { ...w, defaultValue: c } : w
+                    );
+                    if (e.source.kind === "manual" && (Q.current[e.id] = c), i) {
+                      const w = { ...i };
+                      c === void 0 ? delete w[e.id] : w[e.id] = c, E(y, w);
+                      return;
+                    }
+                    E(y, void 0);
+                  }
+                }
+              ),
+              /* @__PURE__ */ o(
+                Vt,
+                {
+                  open: ge === e.id,
+                  onOpenChange: (c) => P(c ? e.id : null),
+                  children: [
+                    /* @__PURE__ */ t(Lt, { asChild: !0, children: /* @__PURE__ */ o(
+                      L,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "xs",
+                        className: "-ml-2 gap-1 text-muted-foreground hover:text-foreground",
+                        children: [
+                          ge === e.id ? /* @__PURE__ */ t(De, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(Fe, { className: "h-3.5 w-3.5" }),
+                          "Advanced"
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ o(It, { className: "space-y-3 pt-2", children: [
+                      /* @__PURE__ */ o("div", { className: "grid gap-3 md:grid-cols-2", children: [
+                        /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
+                          /* @__PURE__ */ t(z, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Variable name" }),
+                          /* @__PURE__ */ t(
+                            Ft,
+                            {
+                              controlId: e.id,
+                              onCommit: (c) => at(e.id, c)
+                            },
+                            e.id
+                          )
+                        ] }),
+                        /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
+                          /* @__PURE__ */ t(z, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
+                          /* @__PURE__ */ o(
+                            ie,
+                            {
+                              value: e.initialValueStrategy,
+                              onValueChange: (c) => B(e.id, (y) => ({
+                                ...y,
+                                initialValueStrategy: c
+                              })),
+                              children: [
+                                /* @__PURE__ */ t(ce, { size: "xs", children: /* @__PURE__ */ t(ue, {}) }),
+                                /* @__PURE__ */ t(me, { children: xt.map((c) => /* @__PURE__ */ t(
+                                  pe,
+                                  {
+                                    value: c.value,
+                                    children: c.label
+                                  },
+                                  c.value
+                                )) })
+                              ]
+                            }
+                          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ t(
+                        At,
+                        {
+                          control: e,
+                          onChange: (c) => B(e.id, () => c)
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ]
+        },
+        e.id
+      );
+    }),
+    !a && /* @__PURE__ */ o(
+      L,
+      {
+        type: "button",
+        variant: "outline",
+        size: "xs",
+        onClick: lt,
+        children: [
+          /* @__PURE__ */ t(qt, { className: "h-3.5 w-3.5" }),
+          "Add control"
+        ]
+      }
+    )
+  ] });
+}
+function sa(s) {
+  const {
+    open: n,
+    onOpenChange: u,
+    initialCreateFlowActive: i = !1,
+    dismissMode: k = "passive"
+  } = s, b = n !== void 0, [g, v] = M(!1), [p, N] = M(
+    i
+  ), x = b ? n : g, f = F(
+    (_) => {
+      !_ && p && k === "passive" || (b || v(_), _ || N(!1), u == null || u(_));
+    },
+    [b, p, k, u]
+  ), S = F(() => {
+    b || v(!1), N(!1), u == null || u(!1);
+  }, [b, u]);
+  K(() => {
+    x || N(!1);
+  }, [x]);
+  const T = F(
+    (_) => {
+      p && _.preventDefault();
+    },
+    [p]
+  );
+  return {
+    forceClose: S,
+    handleOpenChange: f,
+    isCreateFlowActive: p,
+    preventPassiveDismissDuringCreate: T,
+    resolvedOpen: x,
+    setIsCreateFlowActive: N
+  };
+}
+export {
+  na as C,
+  ea as F,
+  Rt as I,
+  zt as L,
+  la as V,
+  Mt as a,
+  ra as b,
+  Ot as c,
+  aa as f,
+  ta as r,
+  sa as u
+};