react-semaphor 0.1.438 → 0.1.440

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

@@ -0,0 +1,1890 @@
+import { useState as K, useEffect as ie, useCallback as B, useMemo as oe, useRef as Se, Fragment as ht } from "react";
+import { D as de, A as Te, u as J, E as z, a4 as bt, Q as gt, V as yt, W as vt, c as fe, Y as xt, a5 as Ct, B as q, d as St, L as Je, a6 as kt, a7 as Nt, a8 as wt, a9 as pe, aa as Be, ab as Re, ac as ke, ad as Ne, ae as Dt, af as je, ag as Et, ah as It, ai as me, aj as Ft, ak as Qe, al as Ze, am as et, an as tt, O as ne, Z as at, _ as we, $ as De, a0 as Ee, a1 as Ie, a2 as Fe, ao as rt, ap as Vt, aq as $e, ar as Tt, as as Pe, at as _t, au as At, av as Ve } from "./code-editor-CIWiSltV.js";
+import { aM as Lt, az as qt, aN as ce, aO as Mt, aP as _e, aQ as Ot, aR as Ut, aS as zt, aG as R, aT as Bt, aU as Rt, aV as jt, av as Qt, aW as $t, aX as st, aY as nt, aZ as ot, a_ as Pt, a$ as Wt, b0 as Kt, b1 as Yt, b2 as Ht, b3 as lt, b4 as it, b5 as Gt, b6 as Xt, b7 as Jt, b8 as Zt, b9 as ea, ba as ta, bb as aa, bc as ra } from "./dashboard--bQrQeiz.js";
+import { jsx as a, jsxs as p, Fragment as ae } from "react/jsx-runtime";
+import { c as dt, X as ct, C as We } from "./index-xHCrHprY.js";
+import "./analyze-result-contract-CfOBEwaC.js";
+import "../value-format-preferences/index.js";
+import { S as ut } from "./save-HCJjjzdX.js";
+import { C as Ke } from "./search-DHZCro8B.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 sa = dt("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 na = dt("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" }]
+]);
+function oa(t) {
+  const [r, l] = K(null), [n, i] = K(null), c = Lt();
+  return ie(() => {
+    if (!t || t.trim() === "") {
+      l(null), i(null);
+      return;
+    }
+    if (!c)
+      return;
+    (async () => {
+      try {
+        if (!t.startsWith("http://") && !t.startsWith("https://"))
+          throw new Error(`Invalid URL format: ${t}`);
+        try {
+          new URL(t);
+        } catch {
+          throw new Error(`Invalid URL: ${t}`);
+        }
+        const u = `${t.endsWith("/") ? t : `${t}/`}index.js`;
+        try {
+          if (!(await fetch(u, { method: "HEAD" })).ok)
+            throw new Error(`Module not found at ${u}`);
+        } catch {
+        }
+        const v = await import(
+          /* @vite-ignore */
+          /* webpackIgnore: true */
+          u
+        );
+        if (typeof v.useChartStore != "function")
+          throw new Error("useChartStore is not a function");
+        l(() => v.useChartStore), i(null);
+      } catch (f) {
+        const u = f instanceof Error ? f.message : "Unknown error";
+        console.error("Failed to load remote chart store:", u), i(u), l(null);
+      }
+    })();
+  }, [t, c]), r;
+}
+function la(t, r) {
+  if (t.length === 0)
+    return "";
+  const l = t.find(
+    (n) => {
+      var i, c;
+      return ((i = n.customCardPreferences) == null ? void 0 : i.visualType) === "multiple" || !!((c = n.customCardPreferences) != null && c.dataInputCardIds);
+    }
+  );
+  if (l)
+    return l.id;
+  if (r) {
+    const n = t.find((i) => i.id === r);
+    if (n) {
+      const i = n.tabTitle;
+      if (i == "All__Header")
+        return t[0].id;
+      if (i && i.endsWith("__Header")) {
+        const m = i.split("__")[0], f = t.find(
+          (u) => u.tabTitle === m
+        );
+        return f ? f.id : t[0].id;
+      }
+      return r;
+    }
+  }
+  return t[0].id;
+}
+const ia = (t) => {
+  if (!t || !("detailTableBackup" in t))
+    return t;
+  const { detailTableBackup: r, ...l } = t;
+  return l;
+};
+async function Ye(t, r, l, n, i = "Opening library visual...") {
+  if (!r || !l)
+    throw new Error("Missing auth token or visual ID");
+  const c = ["resource-by-id", "visual", l], m = n.getQueryData(c);
+  if (m)
+    return console.log("Using cached visual data for:", l), { data: m, fromCache: !0 };
+  console.log("Fetching visual data from network for:", l);
+  const f = R.loading(i, {
+    position: "top-center"
+  });
+  try {
+    const u = await fetch(
+      `${t}/management/v1/visuals/${l}`,
+      {
+        headers: {
+          Authorization: `Bearer ${r}`
+        }
+      }
+    );
+    if (!u.ok)
+      throw new Error("Failed to load visual");
+    const v = await u.json();
+    return n.setQueryData(c, v), R.dismiss(f), { data: v, fromCache: !1 };
+  } catch (u) {
+    throw R.dismiss(f), u;
+  }
+}
+function pt(t) {
+  if (typeof t == "string")
+    return JSON.parse(t);
+  if (typeof t == "object")
+    return t;
+  throw new Error("Invalid frame object format");
+}
+function da(t, r) {
+  var c, m;
+  const l = (t == null ? void 0 : t.frameObject) ?? ((c = t == null ? void 0 : t.visual) == null ? void 0 : c.frameObject);
+  if (!l)
+    return !1;
+  const n = pt(l);
+  if (!(n != null && n.cards) || n.cards.length === 0)
+    return !1;
+  const i = (m = n.cards) == null ? void 0 : m.find(
+    (f) => f.id === n.activeCardId
+  );
+  return i ? (Bt({
+    ...r,
+    frame: n,
+    card: i,
+    visualId: (t == null ? void 0 : t.id) || n.visualId
+  }), !0) : !1;
+}
+function ca() {
+  const t = z(
+    (n) => {
+      var i;
+      return ((i = n.card.customCardPreferences) == null ? void 0 : i.url) || "";
+    }
+  ), r = oa(t);
+  return { getUpdatedFrame: B(() => {
+    var F;
+    Rt();
+    const {
+      frame: n,
+      card: i,
+      isDevMode: c,
+      isShowingVisual: m,
+      selectedSchemaName: f,
+      selectedDatamodelId: u,
+      selectedDatabaseName: v,
+      selectedTableName: y,
+      selectedConnectionId: b
+    } = z.getState(), x = i.sql, w = (F = r == null ? void 0 : r.getState()) == null ? void 0 : F.settings, S = bt(i, {
+      isDevMode: c,
+      cardSql: x,
+      isShowingVisual: m,
+      selectedSchemaName: f,
+      selectedDatamodelId: u,
+      selectedDatabaseName: v,
+      selectedTableName: y,
+      selectedConnectionId: b,
+      remoteChartSettings: w,
+      stripConfig: ia
+    }), N = n.cards.map(
+      (j) => j.id === i.id ? S : j
+    );
+    return {
+      ...n,
+      cards: N,
+      activeCardId: la(N, n.activeCardId)
+    };
+  }, [r]) };
+}
+function Ae() {
+  const { authToken: t, tokenProps: r } = qt(), l = ce(), n = Mt(), i = _e(), { selectVisual: c } = Ot(), {
+    setFrame: m,
+    setCard: f,
+    setIsDevMode: u,
+    initializeModeDrafts: v,
+    setActiveTabCardId: y,
+    updateDataSource: b,
+    setQueryResultColumns: x,
+    setSelectedConnectionId: w,
+    setSelectedDatabaseName: S,
+    setSelectedSchemaName: N,
+    setSelectedTableName: F,
+    setSelectedDatamodelId: j,
+    setFilterValues: H,
+    setInlineFilterValuesMap: Z,
+    setApplyFilters: G,
+    clearEditorContext: re
+  } = de(), {
+    setIsDashboardEditing: M,
+    setIsVisualEditing: s,
+    setSelectedFrameId: D,
+    clearSelectedFrameId: V
+  } = Te(), O = J((_) => _.selectedSheetId), P = J((_) => _.selectedFrameId), X = J((_) => _.dashboard), ee = J((_) => _.filterValues), A = J(
+    (_) => _.inlineFilterValuesMap
+  ), Q = Ut((i == null ? void 0 : i.id) || "", {
+    enabled: !!(i != null && i.id) && !!(t != null && t.accessToken)
+  }), Y = B(
+    async (_) => {
+      try {
+        c(_), V(), re();
+        const { data: E, fromCache: W } = await Ye(
+          r.apiServiceUrl,
+          (t == null ? void 0 : t.accessToken) || "",
+          _.id,
+          l,
+          "Opening library visual..."
+        );
+        if (!da(E, {
+          setFrame: m,
+          setCard: f,
+          setIsDevMode: u,
+          initializeModeDrafts: v,
+          setActiveTabCardId: y,
+          updateDataSource: b,
+          setQueryResultColumns: x,
+          setSelectedConnectionId: w,
+          setSelectedDatabaseName: S,
+          setSelectedSchemaName: N,
+          setSelectedTableName: F,
+          setSelectedDatamodelId: j,
+          setFilterValues: H,
+          setInlineFilterValuesMap: Z,
+          setApplyFilters: G,
+          setIsDashboardEditing: M,
+          setIsVisualEditing: s,
+          dashboard: X,
+          selectedSheetId: O,
+          selectedFrameId: P,
+          filterValues: ee,
+          inlineFilterValuesMap: A
+        }))
+          throw new Error("Failed to setup editor with visual data");
+        return { success: !0, fromCache: W };
+      } catch (E) {
+        return console.error("Error editing visual:", E), { success: !1, error: "Failed to load visual for editing" };
+      }
+    },
+    [
+      t == null ? void 0 : t.accessToken,
+      r.apiServiceUrl,
+      l,
+      c,
+      m,
+      f,
+      M,
+      s,
+      u,
+      v,
+      y,
+      b,
+      x,
+      w,
+      S,
+      N,
+      F,
+      j,
+      H,
+      Z,
+      G,
+      re,
+      V,
+      X,
+      O,
+      P,
+      ee,
+      A
+    ]
+  ), be = B(
+    async (_) => {
+      var W;
+      const E = (L) => (R.error(L), { success: !1, error: L });
+      try {
+        if (c(_), !O)
+          return E("No sheet selected. Please select a sheet first.");
+        const { data: L, fromCache: ge } = await Ye(
+          r.apiServiceUrl,
+          (t == null ? void 0 : t.accessToken) || "",
+          _.id,
+          l,
+          "Adding visual to dashboard..."
+        ), ue = (L == null ? void 0 : L.frameObject) ?? ((W = L == null ? void 0 : L.visual) == null ? void 0 : W.frameObject);
+        if (!ue)
+          return E("Visual has no frame data");
+        const $ = pt(ue);
+        if (!($ != null && $.cards) || $.cards.length === 0)
+          return E("Visual frame is malformed");
+        const le = {
+          ...zt($),
+          visualId: _.id
+          // Link this frame to the library visual
+        };
+        return await n(
+          O,
+          le,
+          "end"
+        ), M(!0), D(le.id), { success: !0, fromCache: ge };
+      } catch (L) {
+        return console.error("Error adding visual:", L), E(
+          L instanceof Error ? L.message : "Failed to add visual to dashboard"
+        );
+      }
+    },
+    [
+      t == null ? void 0 : t.accessToken,
+      r.apiServiceUrl,
+      l,
+      c,
+      O,
+      M,
+      D,
+      n
+    ]
+  );
+  return {
+    visual: Q.data,
+    isLoading: Q.isLoading,
+    isError: Q.isError,
+    error: Q.error,
+    handleEditLibraryVisual: Y,
+    handleAddLibraryVisual: be,
+    getUpdatedFrame: ca().getUpdatedFrame,
+    refetch: Q.refetch
+  };
+}
+function wa() {
+  const t = z((m) => m.card.dataSource), {
+    setSelectedConnectionId: r,
+    setSelectedDatabaseName: l,
+    setSelectedSchemaName: n,
+    setSelectedTableName: i,
+    setSelectedDatamodelId: c
+  } = de();
+  ie(() => {
+    var w;
+    if (!t) return;
+    const { tableName: m, schemaName: f, databaseName: u, connectionId: v } = jt(t), y = (w = t.selectedEntities) == null ? void 0 : w[0], x = (y == null ? void 0 : y.type) === "model" && "id" in y ? y.id : "";
+    r(v || ""), l(u || ""), n(f || ""), i(m || ""), c(x);
+  }, [
+    t,
+    r,
+    l,
+    n,
+    i,
+    c
+  ]);
+}
+function Da({
+  type: t,
+  isLinked: r,
+  className: l,
+  showLabel: n = !1,
+  showLocal: i = !1
+}) {
+  const c = J((N) => N.selectedFrameId), m = Qt((N) => N.selectedVisual), f = z((N) => N.frame);
+  let u;
+  if (t)
+    u = t;
+  else if (r !== void 0)
+    u = r ? "linked" : "library";
+  else if (!!!(f != null && f.visualId || m != null && m.id) && c)
+    u = "local";
+  else if (m && !c)
+    u = "library";
+  else if (f != null && f.visualId && c)
+    u = "linked";
+  else if (m != null && m.id && c)
+    u = "library";
+  else
+    return null;
+  if (u === "local" && !i)
+    return null;
+  const v = {
+    local: "border-slate-200/70 bg-slate-50/80 text-slate-700 shadow-sm hover:bg-slate-100/80 dark:border-slate-700 dark:bg-slate-900/70 dark:text-slate-200 dark:hover:bg-slate-800/80",
+    linked: "border-purple-200/70 bg-gradient-to-r from-purple-50/50 to-purple-100/30 text-purple-900 shadow-sm hover:from-purple-100/60 hover:to-purple-100/50 hover:shadow-md dark:border-purple-800/50 dark:from-purple-950/40 dark:to-purple-900/30 dark:text-purple-100 dark:hover:from-purple-950/60 dark:hover:to-purple-900/50",
+    library: "border-blue-200/70 bg-gradient-to-r from-blue-50/50 to-blue-100/30 text-blue-900 shadow-sm hover:from-blue-100/60 hover:to-blue-100/50 hover:shadow-md dark:border-blue-800/50 dark:from-blue-950/40 dark:to-blue-900/30 dark:text-blue-100 dark:hover:from-blue-950/60 dark:hover:to-blue-900/50"
+  }, y = {
+    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"
+  }, x = {
+    local: "fill-slate-50 dark:fill-slate-900",
+    linked: "fill-purple-50 dark:fill-purple-950",
+    library: "fill-blue-50 dark:fill-blue-950"
+  }, w = {
+    local: /* @__PURE__ */ a("span", { className: "h-2 w-2 rounded-full bg-current/70" }),
+    linked: /* @__PURE__ */ a(na, { className: "h-3.5 w-3.5" }),
+    library: /* @__PURE__ */ a(sa, { className: "h-3.5 w-3.5" })
+  }, S = {
+    local: "Local",
+    linked: "Linked",
+    library: "Library"
+  };
+  return /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ p(yt, { delayDuration: 300, children: [
+    /* @__PURE__ */ a(vt, { asChild: !0, children: /* @__PURE__ */ p(
+      $t,
+      {
+        variant: "outline",
+        className: fe(
+          "cursor-help select-none transition-all",
+          v[u],
+          l
+        ),
+        children: [
+          w[u],
+          n && /* @__PURE__ */ a("span", { className: "ml-1 text-xs font-medium leading-none", children: S[u] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ p(
+      xt,
+      {
+        side: "bottom",
+        className: fe("max-w-xs", b[u]),
+        children: [
+          /* @__PURE__ */ a(Ct, { className: x[u] }),
+          /* @__PURE__ */ a("p", { children: y[u] })
+        ]
+      }
+    )
+  ] }) });
+}
+function ua(t, r) {
+  return {
+    ...t,
+    sql: "",
+    python: "",
+    config: void 0,
+    customCfg: "",
+    preferences: {},
+    interactionConfig: void 0,
+    linkedInteractionTargetOverrides: void 0,
+    dynamicCardPreferences: void 0,
+    customCardPreferences: r ? t.customCardPreferences : void 0,
+    visualizationMode: "builtin",
+    type: r ? t.type : "bar"
+  };
+}
+function Le(t) {
+  const r = Nt(t);
+  return r ? (R.error(r), !1) : !0;
+}
+function Ea({
+  className: t,
+  variant: r = "outline"
+}) {
+  const l = z((c) => c.onSave), { getUpdatedFrame: n } = Ae();
+  function i() {
+    const c = n();
+    Le(c) && (l == null || l(c));
+  }
+  return /* @__PURE__ */ p(
+    q,
+    {
+      onClick: i,
+      className: t,
+      size: "xs",
+      variant: r,
+      children: [
+        /* @__PURE__ */ a(St, { className: "h-3.5 w-3.5" }),
+        "Accept"
+      ]
+    }
+  );
+}
+function Ia({
+  className: t,
+  variant: r = "default"
+}) {
+  const l = ce(), [n, i] = K(!1), { setIsVisualEditing: c } = Te(), { getUpdatedFrame: m } = Ae(), f = _e(), u = z((b) => b.frame), v = ot();
+  return /* @__PURE__ */ a(
+    q,
+    {
+      onClick: () => {
+        const b = m();
+        if (!Le(b))
+          return;
+        const x = (u == null ? void 0 : u.visualId) || (f == null ? void 0 : f.id);
+        if (!x) {
+          R.error("No visual to save");
+          return;
+        }
+        i(!0), v.mutate(
+          {
+            visualId: x,
+            data: {
+              frameObject: b
+            }
+          },
+          {
+            onSuccess: () => {
+              i(!1), R.success("Visual updated successfully"), l.invalidateQueries({
+                queryKey: ["resource-by-id", "visual", x],
+                exact: !0
+              });
+            },
+            onError: () => {
+              i(!1), R.error("Failed to update visual");
+            }
+          }
+        );
+      },
+      className: t,
+      size: "xs",
+      variant: r,
+      children: n ? /* @__PURE__ */ p(ae, { children: [
+        /* @__PURE__ */ a(Je, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving"
+      ] }) : /* @__PURE__ */ p(ae, { children: [
+        /* @__PURE__ */ a(ut, { className: "h-3.5 w-3.5" }),
+        "Save to Library"
+      ] })
+    }
+  );
+}
+function Fa({
+  className: t
+}) {
+  const r = ce(), [l, n] = K(!1), i = _e(), c = z((S) => S.frame), m = J((S) => S.selectedSheetId), f = J((S) => S.dashboard), { updateFrame: u, setIsVisualEditing: v } = Te(), { getUpdatedFrame: y } = Ae(), b = ot(), x = Pt();
+  return /* @__PURE__ */ a(
+    q,
+    {
+      onClick: async () => {
+        if (!m) {
+          R.error("No sheet selected");
+          return;
+        }
+        const S = (c == null ? void 0 : c.visualId) || (i == null ? void 0 : i.id);
+        if (!S) {
+          R.error("No visual to update");
+          return;
+        }
+        n(!0);
+        try {
+          const N = y();
+          if (!Le(N)) {
+            n(!1);
+            return;
+          }
+          const F = {
+            ...N,
+            visualId: S
+            // Keep the link to library visual
+          }, j = kt(f, F.id), H = await x(F, {
+            previousFrame: j
+          });
+          await b.mutateAsync({
+            visualId: S,
+            data: {
+              frameObject: N
+            }
+          }), u(m, F, {
+            semanticExecutionPayload: H
+          }), r.invalidateQueries({ queryKey: ["visuals"] }), r.invalidateQueries({ queryKey: ["visual", S] }), R.success("Saved to library and applied locally"), setTimeout(() => {
+            v(!1);
+          }, 300);
+        } catch (N) {
+          console.error("Failed to save and apply:", N), R.error(
+            N instanceof Error ? N.message : "Failed to save and apply changes"
+          );
+        } finally {
+          n(!1);
+        }
+      },
+      className: t,
+      size: "xs",
+      variant: "default",
+      disabled: l,
+      children: l ? /* @__PURE__ */ p(ae, { children: [
+        /* @__PURE__ */ a(Je, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving..."
+      ] }) : /* @__PURE__ */ p(ae, { children: [
+        /* @__PURE__ */ a(ut, { className: "h-3.5 w-3.5" }),
+        "Save & Apply"
+      ] })
+    }
+  );
+}
+function Va({ className: t }) {
+  const { setTempQueryData: r, setSqlGen: l } = de(), n = ce(), i = z((b) => b.tempQueryData), c = z((b) => b.onClose), m = z((b) => b.card), f = st(), u = oe(() => f !== m.type ? { ...m, type: f } : m, [m, f]), { queryKey: v } = nt(u);
+  function y() {
+    if (i) {
+      const { queryKey: b, queryData: x } = i;
+      b && x && n.setQueryData(b, x);
+    }
+    l({}), c == null || c();
+  }
+  return /* @__PURE__ */ p(
+    q,
+    {
+      onClick: y,
+      className: t,
+      size: "xs",
+      variant: "outline",
+      children: [
+        /* @__PURE__ */ a(ct, { className: "h-3.5 w-3.5" }),
+        "Close"
+      ]
+    }
+  );
+}
+function Ta({
+  label: t = "Clear",
+  variant: r = "secondary",
+  className: l
+} = {}) {
+  const { setTempQueryData: n } = de(), i = ce(), c = z((M) => M.tempQueryData), m = z((M) => M.card), f = st(), u = oe(() => f !== m.type ? { ...m, type: f } : m, [m, f]), { queryKey: v } = nt(u), {
+    setCardSql: y,
+    setSqlGen: b,
+    setCardPython: x,
+    setCardCustomCfg: w,
+    setCardPreferences: S,
+    clearQueryConfig: N,
+    setCardConfig: F,
+    setCardType: j,
+    setFrame: H,
+    setCard: Z,
+    setActiveTabCardId: G
+  } = de();
+  function re() {
+    var X, ee, A, Q;
+    const M = i.getQueryData(v);
+    c != null && c.queryData || n({
+      queryKey: v,
+      queryData: M
+    }), i.setQueryData(v, null), i.removeQueries({ queryKey: v, exact: !0 }), y(""), b({}), N(), F(void 0), x(""), w(""), S({});
+    const s = z.getState().frame, D = z.getState().card, V = Wt(s, D), O = ((X = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : X.visualType) === "multiple" || !!((ee = V == null ? void 0 : V.customCardPreferences) != null && ee.dataInputCardIds) || (((A = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : A.minInputs) || 0) > 1 || (((Q = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : Q.maxInputs) || 0) > 1, P = ua(D, O);
+    H({
+      ...s,
+      cards: s.cards.map(
+        (Y) => Y.id === P.id ? P : Y
+      )
+    }), G(P.id), Z(P), O || j("bar");
+  }
+  return /* @__PURE__ */ p(
+    q,
+    {
+      onClick: re,
+      className: l,
+      size: "xs",
+      variant: r,
+      children: [
+        /* @__PURE__ */ a(ct, { className: "h-3.5 w-3.5" }),
+        t
+      ]
+    }
+  );
+}
+function mt(t) {
+  const { control: r, onChange: l } = t;
+  return /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+    /* @__PURE__ */ a(
+      at,
+      {
+        size: "xs",
+        value: r.label,
+        placeholder: "Control label",
+        onChange: (n) => l(n.target.value)
+      }
+    )
+  ] });
+}
+function pa(t) {
+  const { currentStep: r, labels: l } = t;
+  return /* @__PURE__ */ a("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__ */ a("div", { className: "flex flex-wrap items-center gap-2 sm:gap-2.5", children: l.map((n, i) => {
+    const c = i + 1, m = c === r, f = c < r;
+    return /* @__PURE__ */ p(ht, { children: [
+      /* @__PURE__ */ p("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ a(
+          "span",
+          {
+            className: fe(
+              "flex h-5 w-5 items-center justify-center rounded-full border text-[10px] font-medium tabular-nums",
+              m ? "border-foreground bg-foreground text-background" : f ? "border-foreground/30 bg-foreground/10 text-foreground" : "border-border/60 bg-background text-muted-foreground"
+            ),
+            children: c
+          }
+        ),
+        /* @__PURE__ */ a(
+          "span",
+          {
+            className: fe(
+              "text-[12px]",
+              m ? "font-medium text-foreground" : "text-muted-foreground"
+            ),
+            children: n
+          }
+        )
+      ] }),
+      i < l.length - 1 ? /* @__PURE__ */ a(
+        "span",
+        {
+          className: "h-px w-4 bg-border/60 sm:w-6",
+          "aria-hidden": "true"
+        }
+      ) : null
+    ] }, n);
+  }) }) });
+}
+function he(t) {
+  const { secondary: r, tertiary: l, primary: n } = t;
+  return /* @__PURE__ */ p("div", { className: "sticky bottom-0 z-10 -mx-1 flex justify-end gap-2 border-t bg-background/95 px-1 pb-1 pt-3 backdrop-blur supports-[backdrop-filter]:bg-background/85", children: [
+    r,
+    l,
+    n
+  ] });
+}
+function ma(t) {
+  const { control: r, scope: l, detail: n } = t;
+  return /* @__PURE__ */ p("div", { className: "flex items-start gap-2.5 rounded-control border border-border/60 bg-muted/30 px-3 py-2.5", children: [
+    /* @__PURE__ */ a(ra, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground" }),
+    /* @__PURE__ */ p("div", { className: "min-w-0 space-y-0.5", children: [
+      /* @__PURE__ */ a("div", { className: "text-[13px] font-medium text-foreground", children: r.label }),
+      /* @__PURE__ */ p("div", { className: "text-[12px] text-muted-foreground", children: [
+        Ze(r.type).label,
+        " ·",
+        " ",
+        tt(r),
+        " ·",
+        " ",
+        et(l, r.placement)
+      ] }),
+      n ? /* @__PURE__ */ a("div", { className: "text-[12px] text-muted-foreground", children: n }) : null
+    ] })
+  ] });
+}
+function He(t) {
+  const {
+    control: r,
+    defaultValue: l,
+    availableFieldChoices: n,
+    availableMetricChoices: i,
+    previewControlDefinitions: c,
+    previewControlValues: m,
+    onControlChange: f,
+    onLabelChange: u,
+    onDefaultValueChange: v,
+    onBack: y,
+    onNext: b,
+    nextDisabled: x
+  } = t;
+  return /* @__PURE__ */ p("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ a(mt, { control: r, onChange: u }),
+    /* @__PURE__ */ a(
+      lt,
+      {
+        control: r,
+        availableFieldChoices: n,
+        availableMetricChoices: i,
+        previewControlDefinitions: c,
+        previewControlValues: m,
+        controlLifecycle: "create",
+        onChange: f
+      }
+    ),
+    /* @__PURE__ */ a(
+      it,
+      {
+        control: r,
+        value: l,
+        onChange: v,
+        allowNoDefault: !0,
+        allowCardDefault: !0,
+        hint: "This is the value viewers will see first.",
+        previewControlDefinitions: c,
+        previewControlValues: m
+      }
+    ),
+    /* @__PURE__ */ a(
+      he,
+      {
+        secondary: /* @__PURE__ */ a(q, { type: "button", variant: "outline", size: "xs", onClick: y, children: "Back" }),
+        primary: /* @__PURE__ */ a(
+          q,
+          {
+            type: "button",
+            size: "xs",
+            onClick: b,
+            disabled: x,
+            children: "Next"
+          }
+        )
+      }
+    )
+  ] });
+}
+const fa = /* @__PURE__ */ new Set([
+  "grain_selector",
+  "aggregation_selector",
+  "field_selector",
+  "metric_selector"
+]);
+function Ge(t) {
+  const { text: r, ariaLabel: l } = t, [n, i] = K(!1);
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      type: "button",
+      "aria-label": l,
+      onClick: async () => {
+        try {
+          await navigator.clipboard.writeText(r), i(!0), setTimeout(() => i(!1), 1200);
+        } catch (c) {
+          console.error("Failed to copy", c);
+        }
+      },
+      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__ */ a("code", { className: "min-w-0 truncate font-mono text-[12px] text-foreground", children: r }),
+        /* @__PURE__ */ a("span", { className: "shrink-0 text-[11px] text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100", children: n ? "Copied" : "Click to copy" })
+      ]
+    }
+  );
+}
+function Xe(t) {
+  const {
+    control: r,
+    scope: l,
+    createdReference: n,
+    explorerContent: i,
+    sqlDescription: c,
+    summaryDetail: m,
+    onBack: f,
+    onCancel: u,
+    onDone: v
+  } = t, y = fa.has(r.type), b = n.match(/\[\[param\.(.+?)\]\]/), x = b ? `{{ param('${b[1]}') }}` : "";
+  return /* @__PURE__ */ p("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ a(
+      ma,
+      {
+        control: r,
+        scope: l,
+        detail: m
+      }
+    ),
+    /* @__PURE__ */ p("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ a("p", { className: "text-[13px] font-medium text-foreground", children: "How cards use this control" }),
+      /* @__PURE__ */ p("div", { className: "divide-y divide-border/60 overflow-hidden rounded-control border border-border/60", children: [
+        y ? /* @__PURE__ */ p("div", { className: "space-y-1 px-3 py-2.5", children: [
+          /* @__PURE__ */ a("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Explorer cards" }),
+          /* @__PURE__ */ a("div", { className: "text-[12px] text-muted-foreground", children: i })
+        ] }) : null,
+        /* @__PURE__ */ p("div", { className: "space-y-1.5 px-3 py-2.5", children: [
+          /* @__PURE__ */ a("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "SQL cards" }),
+          /* @__PURE__ */ a(
+            Ge,
+            {
+              text: n,
+              ariaLabel: "Copy SQL control reference"
+            }
+          ),
+          x ? /* @__PURE__ */ a(
+            Ge,
+            {
+              text: x,
+              ariaLabel: "Copy Jinja control reference"
+            }
+          ) : null,
+          /* @__PURE__ */ p("p", { className: "text-[12px] text-muted-foreground", children: [
+            c,
+            " ",
+            /* @__PURE__ */ a(
+              "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__ */ a(
+      he,
+      {
+        secondary: /* @__PURE__ */ a(q, { type: "button", variant: "outline", size: "xs", onClick: f, children: "Back" }),
+        tertiary: /* @__PURE__ */ a(q, { type: "button", variant: "outline", size: "xs", onClick: u, children: "Cancel" }),
+        primary: /* @__PURE__ */ a(q, { type: "button", size: "xs", onClick: v, children: "Done" })
+      }
+    )
+  ] });
+}
+function ha(t) {
+  const r = pe(
+    t.scope,
+    t.existingControls,
+    t.reservedIds
+  ), l = t.type === r.type ? {
+    ...r,
+    label: Ve[t.type]
+  } : {
+    ...rt({
+      controls: [
+        {
+          ...r,
+          label: Ve[t.type]
+        }
+      ],
+      controlId: r.id,
+      nextType: t.type
+    }).controls[0],
+    label: Ve[t.type]
+  };
+  return {
+    step: 2,
+    control: l,
+    defaultValue: me(l, void 0)
+  };
+}
+function _a({
+  scope: t,
+  controls: r,
+  reservedControlIds: l,
+  defaultValues: n,
+  onChange: i,
+  emptyMessage: c,
+  initialCreateFlow: m = !1,
+  usageByControlId: f,
+  availableFieldChoices: u,
+  availableMetricChoices: v,
+  structuralParticipants: y,
+  structuralParticipantIdsByControlId: b,
+  card: x,
+  allowedControlTypes: w,
+  onCreateFlowActiveChange: S,
+  onCreateFlowComplete: N
+}) {
+  const F = oe(
+    () => new Set(l || []),
+    [l]
+  ), j = _t(t), H = wt(t), [Z, G] = K(
+    null
+  ), [re, M] = K(
+    null
+  ), [s, D] = K(
+    () => m ? {
+      step: 1,
+      control: pe(t, r, Array.from(F))
+    } : null
+  ), V = Se({}), O = Se(void 0), P = Se(m), X = oe(() => {
+    const e = Be({ scope: t, card: x });
+    if (!w)
+      return e;
+    const d = new Set(w);
+    return e.filter((o) => d.has(o.value));
+  }, [w, x, t]), ee = B(
+    (e) => {
+      const d = Be({
+        scope: t,
+        card: x,
+        includeType: w ? void 0 : e
+      });
+      if (!w)
+        return d;
+      const o = new Set(w);
+      return d.filter((h) => o.has(h.value));
+    },
+    [w, x, t]
+  ), A = B(
+    (e) => t === "dashboard" && (e === "field_selector" || e === "metric_selector"),
+    [t]
+  ), Q = oe(
+    () => s ? Re(
+      y || [],
+      s.control.type
+    ) : [],
+    [s, y]
+  ), Y = oe(() => {
+    if (!s)
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    if (!A(s.control.type))
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    const e = s.selectedCardIds || [], d = ke({
+      controlType: s.control.type,
+      participants: y || [],
+      selectedCardIds: e
+    });
+    return {
+      fields: s.control.type === "field_selector" ? d.choices.map((o) => ({
+        option: o,
+        target: d.fieldTargetMap[o.value]
+      })) : [],
+      metrics: s.control.type === "metric_selector" ? d.choices.map((o) => ({
+        option: o,
+        target: d.metricTargetMap[o.value]
+      })) : []
+    };
+  }, [
+    u,
+    v,
+    s,
+    A,
+    y
+  ]);
+  ie(() => {
+    S == null || S(!!s);
+  }, [s, S]), ie(() => {
+    const e = m && !P.current;
+    P.current = m, e && (D({
+      step: 1,
+      control: pe(t, r, Array.from(F))
+    }), M(null), G(null));
+  }, [r, m, F, t]);
+  const be = (e) => {
+    if (!A(e.type))
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    const d = (b == null ? void 0 : b[e.id]) || [];
+    if (d.length === 0)
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    const o = ke({
+      controlType: e.type,
+      participants: y || [],
+      selectedCardIds: d
+    });
+    return {
+      fields: e.type === "field_selector" ? o.choices.map((h) => ({
+        option: h,
+        target: o.fieldTargetMap[h.value]
+      })) : [],
+      metrics: e.type === "metric_selector" ? o.choices.map((h) => ({
+        option: h,
+        target: o.metricTargetMap[h.value]
+      })) : []
+    };
+  }, _ = (e) => {
+    if (!A(e.control.type))
+      return {
+        nextControl: e.control,
+        cardBindingsById: void 0
+      };
+    const d = (b == null ? void 0 : b[e.control.id]) || [], o = ke({
+      controlType: e.control.type,
+      participants: y || [],
+      selectedCardIds: e.nextSelectedCardIds
+    }), h = At({
+      control: e.control,
+      choices: o.choices
+    }), C = Object.fromEntries(
+      d.filter((k) => !e.nextSelectedCardIds.includes(k)).map((k) => [k, void 0])
+    );
+    return e.nextSelectedCardIds.length > 0 && h.source.kind === "manual" && h.source.options.length > 0 && Object.assign(
+      C,
+      Pe({
+        control: h,
+        participants: y || [],
+        selectedCardIds: e.nextSelectedCardIds
+      })
+    ), {
+      nextControl: h,
+      cardBindingsById: C
+    };
+  }, E = B(
+    (e, d = n, o = { type: "update" }) => {
+      const h = e.map((C) => (Ne({
+        control: C,
+        defaultValues: d
+      }), Dt(
+        C
+      )));
+      i(h, d, o);
+    },
+    [n, i]
+  ), W = (e, d) => {
+    const o = r.find(
+      (T) => T.id === e
+    );
+    let h = r.map((T) => T.id !== e ? T : d(T));
+    const C = h.find(
+      (T) => T.id === e
+    );
+    let k, g;
+    if (C && t === "dashboard" && (C.type === "field_selector" || C.type === "metric_selector")) {
+      const T = (b == null ? void 0 : b[C.id]) || [], se = _({
+        control: C,
+        nextSelectedCardIds: T
+      });
+      h = h.map(
+        (te) => te.id === e ? se.nextControl : te
+      ), k = se.cardBindingsById, g = [C.id];
+    } else if (o && t === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector")) {
+      const T = (b == null ? void 0 : b[o.id]) || [];
+      k = Object.fromEntries(
+        T.map((se) => [se, void 0])
+      ), g = [o.id];
+    }
+    const I = h.find(
+      (T) => T.id === e
+    );
+    let U = n;
+    if (o && I) {
+      const T = Ne({
+        control: o,
+        defaultValues: n
+      });
+      o.source.kind === "manual" && I.source.kind === "sql_query" && (V.current[e] = T);
+      const se = T === void 0 && o.source.kind === "sql_query" && I.source.kind === "manual" ? V.current[e] : T, te = $e({
+        previousControl: o,
+        nextControl: I,
+        currentDefaultValue: se
+      });
+      I.source.kind === "manual" && (V.current[e] = te), n && (U = { ...n }, te === void 0 ? delete U[e] : U[e] = te), h = h.map(
+        (ze) => ze.id === e ? { ...I, defaultValue: te } : ze
+      );
+    }
+    E(h, U, {
+      type: "update",
+      cardBindingsById: k,
+      affectedBindingControlIds: g
+    });
+  }, L = (e, d) => {
+    if (!d.trim())
+      return;
+    const o = aa(d);
+    if (o === e || F.has(o) || r.some(
+      (k) => k.id === o && k.id !== e
+    ))
+      return;
+    const h = r.map(
+      (k) => k.id === e ? { ...k, id: o } : k
+    );
+    if (!n) {
+      E(h, void 0, {
+        type: "rename",
+        oldId: e,
+        newId: o
+      });
+      return;
+    }
+    const C = { ...n };
+    Object.prototype.hasOwnProperty.call(C, e) && (C[o] = C[e], delete C[e]), E(h, C, {
+      type: "rename",
+      oldId: e,
+      newId: o
+    });
+  }, ge = (e) => {
+    const d = r.filter((h) => h.id !== e);
+    if (!n) {
+      E(d, void 0, { type: "remove", controlId: e });
+      return;
+    }
+    const o = { ...n };
+    delete o[e], E(d, o, { type: "remove", controlId: e });
+  }, ue = B(() => {
+    O.current = void 0, D({
+      step: 1,
+      control: pe(t, r, Array.from(F))
+    }), M(null), G(null);
+  }, [r, F, t]), $ = (e) => {
+    D(
+      (d) => d && (() => {
+        const o = e(d.control);
+        d.control.source.kind === "manual" && o.source.kind === "sql_query" && (O.current = d.defaultValue);
+        const h = d.defaultValue === void 0 && d.control.source.kind === "sql_query" && o.source.kind === "manual" ? O.current : d.defaultValue, C = $e({
+          previousControl: d.control,
+          nextControl: o,
+          currentDefaultValue: h
+        });
+        return o.source.kind === "manual" && (O.current = C), {
+          ...d,
+          control: o,
+          defaultValue: C
+        };
+      })()
+    );
+  }, le = (e) => {
+    D(
+      (d) => d && (d.control.source.kind === "manual" && (O.current = e), {
+        ...d,
+        defaultValue: e
+      })
+    );
+  }, ye = (() => {
+    if (!s)
+      return !1;
+    if (s.step === 2 && A(s.control.type))
+      return (s.selectedCardIds || []).length > 0;
+    if (s.step !== 2 && s.step !== 3 || !s.control.label.trim())
+      return !1;
+    const d = s.control.source.kind === "sql_query" ? s.control : je(s.control);
+    if (d.source.kind === "manual" && (Et(d) && d.source.options.length === 0 || d.source.options.some(
+      (h) => h.label.trim().length === 0 || h.value.trim().length === 0
+    )))
+      return !1;
+    if (d.source.kind === "sql_query") {
+      const { connectionId: o, sql: h, valueColumn: C } = d.source;
+      return o.trim().length > 0 && h.trim().length > 0 && C.trim().length > 0;
+    }
+    return It(
+      me(d, s.defaultValue)
+    );
+  })(), qe = () => {
+    var k;
+    if (!s)
+      return;
+    const e = je(s.control), d = Tt({
+      label: e.label,
+      fallbackId: e.id,
+      existingControls: r,
+      reservedIds: Array.from(F)
+    }), o = {
+      ...e,
+      id: d
+    }, h = t === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector") && ((k = s.selectedCardIds) != null && k.length) ? Pe({
+      control: o,
+      participants: y || [],
+      selectedCardIds: s.selectedCardIds
+    }) : void 0, C = me(
+      o,
+      s.defaultValue
+    );
+    D({
+      step: t === "dashboard" && (o.type === "field_selector" || o.type === "metric_selector") ? 4 : 3,
+      control: o,
+      defaultValue: C,
+      createdControlId: d,
+      selectedCardIds: s.selectedCardIds,
+      cardBindingsById: h
+    });
+  }, ve = B(() => {
+    D(null);
+  }, []), Me = B(() => {
+    if (!(s != null && s.createdControlId)) {
+      D(null);
+      return;
+    }
+    const e = s.control, d = s.createdControlId, o = me(
+      e,
+      s.defaultValue
+    );
+    if (n) {
+      const h = { ...n };
+      o === void 0 ? delete h[d] : h[d] = o, E(
+        [
+          ...r,
+          {
+            ...e,
+            defaultValue: o
+          }
+        ],
+        h,
+        {
+          type: "add",
+          cardBindingsById: s.cardBindingsById
+        }
+      );
+    } else
+      E(
+        [
+          ...r,
+          {
+            ...e,
+            defaultValue: o
+          }
+        ],
+        void 0,
+        {
+          type: "add",
+          cardBindingsById: s.cardBindingsById
+        }
+      );
+    M(d), D(null), N == null || N();
+  }, [r, s, n, E, N]), ft = s ? A(s.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], Oe = s != null && s.createdControlId ? `[[param.${s.createdControlId}]]` : s ? `[[param.${Ft(s.control.label) || s.control.id}]]` : "", xe = Qe({
+    controls: r,
+    defaultValues: n
+  }), Ce = s ? [...r, s.control] : r, Ue = s ? Qe({
+    controls: Ce,
+    defaultValues: n,
+    overrides: [
+      {
+        controlId: s.control.id,
+        value: s.defaultValue
+      }
+    ]
+  }) : xe;
+  return /* @__PURE__ */ p("div", { className: "space-y-4", children: [
+    s ? /* @__PURE__ */ p("div", { className: "space-y-4 pb-1", children: [
+      /* @__PURE__ */ a(
+        pa,
+        {
+          currentStep: s.step,
+          labels: ft
+        }
+      ),
+      s.step === 1 && (() => {
+        const e = /* @__PURE__ */ new Set([
+          "grain_selector",
+          "aggregation_selector",
+          "field_selector",
+          "metric_selector"
+        ]), d = /* @__PURE__ */ new Set([
+          // Temporarily hide these from the add-control dialog while
+          // keeping the shared definitions for existing controls.
+          "date",
+          "text"
+        ]), o = X.filter(
+          (k) => !e.has(k.value) && !d.has(k.value)
+        ), h = X.filter(
+          (k) => e.has(k.value)
+        ), C = (k) => /* @__PURE__ */ p(
+          "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(
+              ha({
+                scope: t,
+                existingControls: r,
+                reservedIds: Array.from(F),
+                type: k.value
+              })
+            ),
+            children: [
+              /* @__PURE__ */ a("div", { className: "text-[13px] font-medium text-foreground", children: k.label }),
+              /* @__PURE__ */ a("p", { className: "mt-0.5 text-[12px] text-muted-foreground", children: k.description })
+            ]
+          },
+          k.value
+        );
+        return /* @__PURE__ */ p("div", { className: "space-y-4", children: [
+          t === "card" && (x == null ? void 0 : x.sql) == null ? /* @__PURE__ */ a("p", { className: "text-[12px] text-muted-foreground", children: "Explorer cards support displayed metric, group by field, aggregation, and time grain controls here." }) : null,
+          o.length > 0 && /* @__PURE__ */ p("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ a("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Input controls" }),
+            /* @__PURE__ */ a("div", { className: "grid gap-1.5 sm:grid-cols-2", children: o.map(C) })
+          ] }),
+          h.length > 0 && /* @__PURE__ */ p("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ a("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Data-driven controls" }),
+            /* @__PURE__ */ a("div", { className: "grid gap-1.5 sm:grid-cols-2", children: h.map(C) })
+          ] }),
+          /* @__PURE__ */ a(
+            he,
+            {
+              secondary: /* @__PURE__ */ a(
+                q,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "xs",
+                  onClick: ve,
+                  children: "Back to controls"
+                }
+              )
+            }
+          )
+        ] });
+      })(),
+      s.step === 2 && A(s.control.type) && /* @__PURE__ */ p("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ p("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ a(
+            mt,
+            {
+              control: s.control,
+              onChange: (e) => $((d) => ({
+                ...d,
+                label: e
+              }))
+            }
+          ),
+          /* @__PURE__ */ a("p", { className: "text-[12px] text-muted-foreground", children: "Choose which cards should respond to this shared control." })
+        ] }),
+        Q.length === 0 ? /* @__PURE__ */ a("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__ */ a("div", { className: "space-y-1 rounded-control border border-border/60 bg-background p-2", children: Q.map((e) => {
+          const d = (s.selectedCardIds || []).includes(e.cardId);
+          return /* @__PURE__ */ p(
+            "label",
+            {
+              className: "flex items-start gap-2 rounded-control px-1.5 py-1 text-[13px] hover:bg-muted/40",
+              children: [
+                /* @__PURE__ */ a(
+                  Kt,
+                  {
+                    checked: d,
+                    onCheckedChange: (o) => D(
+                      (h) => h && {
+                        ...h,
+                        selectedCardIds: o === !0 ? [
+                          ...h.selectedCardIds || [],
+                          e.cardId
+                        ] : (h.selectedCardIds || []).filter(
+                          (C) => C !== e.cardId
+                        )
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ p("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ a("div", { className: "font-medium text-foreground", children: e.title }),
+                  /* @__PURE__ */ a("div", { className: "text-[12px] text-muted-foreground", children: s.control.type === "field_selector" ? `${e.fieldChoices.length} compatible group-by fields` : `${e.metricChoices.length} compatible metrics` })
+                ] })
+              ]
+            },
+            e.cardId
+          );
+        }) }),
+        /* @__PURE__ */ a(
+          he,
+          {
+            secondary: /* @__PURE__ */ a(
+              q,
+              {
+                type: "button",
+                variant: "outline",
+                size: "xs",
+                onClick: () => D(
+                  (e) => e && {
+                    ...e,
+                    step: 1,
+                    selectedCardIds: []
+                  }
+                ),
+                children: "Back"
+              }
+            ),
+            primary: /* @__PURE__ */ a(
+              q,
+              {
+                type: "button",
+                size: "xs",
+                onClick: () => D(
+                  (e) => e && {
+                    ...e,
+                    step: 3
+                  }
+                ),
+                disabled: !ye,
+                children: "Next"
+              }
+            )
+          }
+        )
+      ] }),
+      s.step === 2 && !A(s.control.type) && /* @__PURE__ */ a(
+        He,
+        {
+          control: s.control,
+          defaultValue: s.defaultValue,
+          availableFieldChoices: Y.fields,
+          availableMetricChoices: Y.metrics,
+          previewControlDefinitions: Ce,
+          previewControlValues: Ue,
+          onControlChange: (e) => $(() => e),
+          onLabelChange: (e) => $((d) => ({
+            ...d,
+            label: e
+          })),
+          onDefaultValueChange: le,
+          onBack: () => D(
+            (e) => e && {
+              ...e,
+              step: 1
+            }
+          ),
+          onNext: qe,
+          nextDisabled: !ye
+        }
+      ),
+      s.step === 3 && A(s.control.type) && /* @__PURE__ */ a(
+        He,
+        {
+          control: s.control,
+          defaultValue: s.defaultValue,
+          availableFieldChoices: Y.fields,
+          availableMetricChoices: Y.metrics,
+          previewControlDefinitions: Ce,
+          previewControlValues: Ue,
+          onControlChange: (e) => $(() => e),
+          onLabelChange: (e) => $((d) => ({
+            ...d,
+            label: e
+          })),
+          onDefaultValueChange: le,
+          onBack: () => D(
+            (e) => e && {
+              ...e,
+              step: 2
+            }
+          ),
+          onNext: qe,
+          nextDisabled: !ye
+        }
+      ),
+      s.step === 3 && !A(s.control.type) && /* @__PURE__ */ a(
+        Xe,
+        {
+          control: s.control,
+          scope: t,
+          createdReference: Oe,
+          explorerContent: /* @__PURE__ */ p(ae, { children: [
+            "Open the card and use",
+            " ",
+            /* @__PURE__ */ a("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: ve,
+          onDone: Me
+        }
+      ),
+      s.step === 4 && A(s.control.type) && /* @__PURE__ */ a(
+        Xe,
+        {
+          control: s.control,
+          scope: t,
+          createdReference: Oe,
+          summaryDetail: /* @__PURE__ */ p(ae, { children: [
+            "Used by ",
+            (s.selectedCardIds || []).length,
+            " selected card",
+            (s.selectedCardIds || []).length === 1 ? "" : "s"
+          ] }),
+          explorerContent: /* @__PURE__ */ a(ae, { 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: ve,
+          onDone: Me
+        }
+      )
+    ] }) : null,
+    !s && r.length === 0 ? /* @__PURE__ */ a("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: c }) : null,
+    !s && r.map((e) => {
+      const d = be(e), o = f == null ? void 0 : f[e.id], h = Ne({
+        control: e,
+        defaultValues: n
+      }), C = re === e.id, k = "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__ */ p(
+        "div",
+        {
+          className: "rounded-control border border-border/60",
+          children: [
+            /* @__PURE__ */ p("div", { className: "flex items-center gap-2 px-3 py-2.5", children: [
+              /* @__PURE__ */ p(
+                "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: () => M(
+                    (g) => g === e.id ? null : e.id
+                  ),
+                  children: [
+                    C ? /* @__PURE__ */ a(We, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ a(Ke, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                    /* @__PURE__ */ p("div", { className: "min-w-0", children: [
+                      /* @__PURE__ */ p("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                        /* @__PURE__ */ a("span", { className: "truncate text-[13px] font-medium text-foreground", children: e.label || "Untitled control" }),
+                        /* @__PURE__ */ a("span", { className: k, children: Ze(e.type).label }),
+                        /* @__PURE__ */ a("span", { className: k, children: et(t, e.placement) })
+                      ] }),
+                      /* @__PURE__ */ p("div", { className: "mt-0.5 text-[12px] text-muted-foreground", children: [
+                        tt(e),
+                        o != null && o.status ? ` · ${o.status}` : ""
+                      ] })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ a(
+                q,
+                {
+                  type: "button",
+                  size: "xs",
+                  variant: "ghost",
+                  className: "h-7 w-7 shrink-0 p-0 text-muted-foreground",
+                  onClick: () => ge(e.id),
+                  "aria-label": `Remove ${e.label}`,
+                  children: /* @__PURE__ */ a(Yt, { className: "h-3.5 w-3.5" })
+                }
+              )
+            ] }),
+            C && /* @__PURE__ */ p("div", { className: "space-y-4 border-t border-border/60 px-3 py-3", children: [
+              /* @__PURE__ */ p("div", { className: "grid gap-3 md:grid-cols-3", children: [
+                /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+                  /* @__PURE__ */ a(
+                    at,
+                    {
+                      size: "xs",
+                      value: e.label,
+                      placeholder: "Control label",
+                      onChange: (g) => W(e.id, (I) => ({
+                        ...I,
+                        label: g.target.value
+                      }))
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
+                  /* @__PURE__ */ p(
+                    we,
+                    {
+                      value: e.type,
+                      onValueChange: (g) => {
+                        const I = rt({
+                          controls: r,
+                          controlId: e.id,
+                          nextType: g,
+                          defaultValues: n
+                        });
+                        E(I.controls, I.defaultValues);
+                      },
+                      children: [
+                        /* @__PURE__ */ a(De, { size: "xs", children: /* @__PURE__ */ a(Ee, {}) }),
+                        /* @__PURE__ */ a(Ie, { children: ee(e.type).map(
+                          (g) => /* @__PURE__ */ a(
+                            Fe,
+                            {
+                              value: g.value,
+                              children: g.label
+                            },
+                            g.value
+                          )
+                        ) })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
+                  /* @__PURE__ */ p(
+                    we,
+                    {
+                      value: e.placement || H,
+                      onValueChange: (g) => W(e.id, (I) => ({
+                        ...I,
+                        placement: g
+                      })),
+                      children: [
+                        /* @__PURE__ */ a(De, { size: "xs", children: /* @__PURE__ */ a(Ee, {}) }),
+                        /* @__PURE__ */ a(Ie, { children: j.map((g) => /* @__PURE__ */ a(Fe, { value: g.value, children: g.label }, g.value)) })
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              A(e.type) ? /* @__PURE__ */ a(
+                Ht,
+                {
+                  type: e.type,
+                  participants: Re(
+                    y || [],
+                    e.type
+                  ).map((g) => ({
+                    cardId: g.cardId,
+                    title: g.title,
+                    choiceCount: e.type === "field_selector" ? g.fieldChoices.length : g.metricChoices.length
+                  })),
+                  selectedCardIds: (b == null ? void 0 : b[e.id]) || [],
+                  onChange: (g) => {
+                    const I = _({
+                      control: e,
+                      nextSelectedCardIds: g
+                    }), U = r.map(
+                      (T) => T.id === e.id ? I.nextControl : T
+                    );
+                    E(U, n, {
+                      type: "update",
+                      cardBindingsById: I.cardBindingsById
+                    });
+                  }
+                }
+              ) : null,
+              /* @__PURE__ */ a(
+                lt,
+                {
+                  control: e,
+                  availableFieldChoices: d.fields,
+                  availableMetricChoices: d.metrics,
+                  previewControlDefinitions: r,
+                  previewControlValues: xe,
+                  controlLifecycle: "edit",
+                  onChange: (g) => W(e.id, () => g)
+                }
+              ),
+              e.initialValueStrategy === "saved_default" && /* @__PURE__ */ a(
+                it,
+                {
+                  control: e,
+                  value: h,
+                  allowNoDefault: !0,
+                  allowCardDefault: !0,
+                  previewControlDefinitions: r,
+                  previewControlValues: xe,
+                  onChange: (g) => {
+                    const I = r.map(
+                      (U) => U.id === e.id ? { ...U, defaultValue: g } : U
+                    );
+                    if (e.source.kind === "manual" && (V.current[e.id] = g), n) {
+                      const U = { ...n };
+                      g === void 0 ? delete U[e.id] : U[e.id] = g, E(I, U);
+                      return;
+                    }
+                    E(I, void 0);
+                  }
+                }
+              ),
+              /* @__PURE__ */ p(
+                Gt,
+                {
+                  open: Z === e.id,
+                  onOpenChange: (g) => G(g ? e.id : null),
+                  children: [
+                    /* @__PURE__ */ a(Xt, { asChild: !0, children: /* @__PURE__ */ p(
+                      q,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "xs",
+                        className: "-ml-2 gap-1 text-muted-foreground hover:text-foreground",
+                        children: [
+                          Z === e.id ? /* @__PURE__ */ a(We, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ a(Ke, { className: "h-3.5 w-3.5" }),
+                          "Advanced"
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ p(Jt, { className: "space-y-3 pt-2", children: [
+                      /* @__PURE__ */ p("div", { className: "grid gap-3 md:grid-cols-2", children: [
+                        /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
+                          /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Variable name" }),
+                          /* @__PURE__ */ a(
+                            Zt,
+                            {
+                              controlId: e.id,
+                              onCommit: (g) => L(e.id, g)
+                            },
+                            e.id
+                          )
+                        ] }),
+                        /* @__PURE__ */ p("div", { className: "flex flex-col gap-1.5", children: [
+                          /* @__PURE__ */ a(ne, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
+                          /* @__PURE__ */ p(
+                            we,
+                            {
+                              value: e.initialValueStrategy,
+                              onValueChange: (g) => W(e.id, (I) => ({
+                                ...I,
+                                initialValueStrategy: g
+                              })),
+                              children: [
+                                /* @__PURE__ */ a(De, { size: "xs", children: /* @__PURE__ */ a(Ee, {}) }),
+                                /* @__PURE__ */ a(Ie, { children: Vt.map((g) => /* @__PURE__ */ a(
+                                  Fe,
+                                  {
+                                    value: g.value,
+                                    children: g.label
+                                  },
+                                  g.value
+                                )) })
+                              ]
+                            }
+                          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ a(
+                        ea,
+                        {
+                          control: e,
+                          onChange: (g) => W(e.id, () => g)
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ]
+        },
+        e.id
+      );
+    }),
+    !s && /* @__PURE__ */ p(
+      q,
+      {
+        type: "button",
+        variant: "outline",
+        size: "xs",
+        onClick: ue,
+        children: [
+          /* @__PURE__ */ a(ta, { className: "h-3.5 w-3.5" }),
+          "Add control"
+        ]
+      }
+    )
+  ] });
+}
+function Aa(t) {
+  const {
+    open: r,
+    onOpenChange: l,
+    initialCreateFlowActive: n = !1,
+    dismissMode: i = "passive"
+  } = t, c = r !== void 0, [m, f] = K(!1), [u, v] = K(
+    n
+  ), y = c ? r : m, b = B(
+    (S) => {
+      !S && u && i === "passive" || (c || f(S), S || v(!1), l == null || l(S));
+    },
+    [c, u, i, l]
+  ), x = B(() => {
+    c || f(!1), v(!1), l == null || l(!1);
+  }, [c, l]);
+  ie(() => {
+    y || v(!1);
+  }, [y]);
+  const w = B(
+    (S) => {
+      u && S.preventDefault();
+    },
+    [u]
+  );
+  return {
+    forceClose: x,
+    handleOpenChange: b,
+    isCreateFlowActive: u,
+    preventPassiveDismissDuringCreate: w,
+    resolvedOpen: y,
+    setIsCreateFlowActive: v
+  };
+}
+export {
+  _a as C,
+  Ea as E,
+  sa as L,
+  Da as V,
+  Va as a,
+  Ia as b,
+  Fa as c,
+  na as d,
+  Aa as e,
+  wa as f,
+  Ta as g,
+  Ae as u
+};