react-semaphor 0.1.375 → 0.1.377

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

@@ -0,0 +1,1968 @@
+import { c as ge, H as ie, E as Le, u as Z, G as M, a7 as bt, W as yt, Y as vt, Z as xt, a as fe, $ as Ct, a8 as kt, B as q, e as St, X as et, f as tt, a9 as Nt, aa as wt, ab as pe, ac as je, ad as Qe, ae as Se, af as Ne, ag as Dt, ah as $e, ai as Et, aj as It, ak as me, al as Ft, am as Pe, g as He, an as at, ao as rt, ap as st, L as oe, a0 as nt, a1 as we, a2 as De, a3 as Ee, a4 as Ie, a5 as Fe, aq as ot, ar as Vt, as as Tt, at as We, au as _t, av as Ke, aw as Lt, ax as Ve } from "./switch-C-fGjxjY.js";
+import { useState as K, useEffect as de, useCallback as R, useMemo as P, useRef as Te, Fragment as At } from "react";
+import { aC as qt, u as Mt, aD as ce, aE as Ot, aF as Ae, aG as zt, aH as Ut, aI as Rt, o as B, aJ as Bt, aK as jt, aL as lt, aM as Qt, aN as $t, aO as Pt, aP as Ht, aQ as Wt, x as Kt, aR as Yt, aS as it, aT as dt, aU as Gt, aV as Jt, aW as Xt, ax as Ye, aX as Zt, aY as ea, aZ as ct, a_ as ut, a$ as ta, b0 as aa, b1 as ra, b2 as sa, b3 as na, aq as oa, b4 as la, b5 as ia } from "./index-Bn866BBY.js";
+import { jsx as a, jsxs as m, Fragment as re } from "react/jsx-runtime";
+import "./index-CuHybtft.js";
+import "./catalog-field-grounding-DHXEI7cW.js";
+import { S as pt } from "./save-Dh6gSC4x.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 da = ge("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 ca = ge("Link2", [
+  ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
+  ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
+  ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Fa = ge("Rows3", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M21 9H3", key: "1338ky" }],
+  ["path", { d: "M21 15H3", key: "9uk58r" }]
+]);
+/**
+ * @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 Va = ge("SendHorizontal", [
+  [
+    "path",
+    {
+      d: "M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z",
+      key: "117uat"
+    }
+  ],
+  ["path", { d: "M6 12h16", key: "s4cdu5" }]
+]);
+function ua(t) {
+  const [r, n] = K(null), [s, l] = K(null), d = qt();
+  return de(() => {
+    if (!t || t.trim() === "") {
+      n(null), l(null);
+      return;
+    }
+    if (!d)
+      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");
+        n(() => v.useChartStore), l(null);
+      } catch (f) {
+        const u = f instanceof Error ? f.message : "Unknown error";
+        console.error("Failed to load remote chart store:", u), l(u), n(null);
+      }
+    })();
+  }, [t, d]), r;
+}
+function pa(t, r) {
+  if (t.length === 0)
+    return "";
+  const n = t.find(
+    (s) => {
+      var l, d;
+      return ((l = s.customCardPreferences) == null ? void 0 : l.visualType) === "multiple" || !!((d = s.customCardPreferences) != null && d.dataInputCardIds);
+    }
+  );
+  if (n)
+    return n.id;
+  if (r) {
+    const s = t.find((l) => l.id === r);
+    if (s) {
+      const l = s.tabTitle;
+      if (l == "All__Header")
+        return t[0].id;
+      if (l && l.endsWith("__Header")) {
+        const p = l.split("__")[0], f = t.find(
+          (u) => u.tabTitle === p
+        );
+        return f ? f.id : t[0].id;
+      }
+      return r;
+    }
+  }
+  return t[0].id;
+}
+const _e = /* @__PURE__ */ new Set();
+function Ta(t) {
+  return _e.add(t), () => {
+    _e.delete(t);
+  };
+}
+function ma() {
+  _e.forEach((t) => {
+    t();
+  });
+}
+const fa = (t) => {
+  if (!t || !("detailTableBackup" in t))
+    return t;
+  const { detailTableBackup: r, ...n } = t;
+  return n;
+};
+async function Ge(t, r, n, s, l = "Opening library visual...") {
+  if (!r || !n)
+    throw new Error("Missing auth token or visual ID");
+  const d = ["resource-by-id", "visual", n], p = s.getQueryData(d);
+  if (p)
+    return console.log("Using cached visual data for:", n), { data: p, fromCache: !0 };
+  console.log("Fetching visual data from network for:", n);
+  const f = B.loading(l, {
+    position: "top-center"
+  });
+  try {
+    const u = await fetch(
+      `${t}/management/v1/visuals/${n}`,
+      {
+        headers: {
+          Authorization: `Bearer ${r}`
+        }
+      }
+    );
+    if (!u.ok)
+      throw new Error("Failed to load visual");
+    const v = await u.json();
+    return s.setQueryData(d, v), B.dismiss(f), { data: v, fromCache: !1 };
+  } catch (u) {
+    throw B.dismiss(f), u;
+  }
+}
+function mt(t) {
+  if (typeof t == "string")
+    return JSON.parse(t);
+  if (typeof t == "object")
+    return t;
+  throw new Error("Invalid frame object format");
+}
+function ha(t, r) {
+  var d, p;
+  const n = (t == null ? void 0 : t.frameObject) ?? ((d = t == null ? void 0 : t.visual) == null ? void 0 : d.frameObject);
+  if (!n)
+    return !1;
+  const s = mt(n);
+  if (!(s != null && s.cards) || s.cards.length === 0)
+    return !1;
+  const l = (p = s.cards) == null ? void 0 : p.find(
+    (f) => f.id === s.activeCardId
+  );
+  return l ? (Bt({
+    ...r,
+    frame: s,
+    card: l,
+    visualId: (t == null ? void 0 : t.id) || s.visualId
+  }), !0) : !1;
+}
+function ga() {
+  const t = M(
+    (s) => {
+      var l;
+      return ((l = s.card.customCardPreferences) == null ? void 0 : l.url) || "";
+    }
+  ), r = ua(t);
+  return { getUpdatedFrame: R(() => {
+    var F;
+    ma();
+    const {
+      frame: s,
+      card: l,
+      isDevMode: d,
+      isShowingVisual: p,
+      selectedSchemaName: f,
+      selectedDatamodelId: u,
+      selectedDatabaseName: v,
+      selectedTableName: b,
+      selectedConnectionId: h
+    } = M.getState(), x = l.sql, w = (F = r == null ? void 0 : r.getState()) == null ? void 0 : F.settings, k = bt(l, {
+      isDevMode: d,
+      cardSql: x,
+      isShowingVisual: p,
+      selectedSchemaName: f,
+      selectedDatamodelId: u,
+      selectedDatabaseName: v,
+      selectedTableName: b,
+      selectedConnectionId: h,
+      remoteChartSettings: w,
+      stripConfig: fa
+    }), N = s.cards.map(
+      (j) => j.id === l.id ? k : j
+    );
+    return {
+      ...s,
+      cards: N,
+      activeCardId: pa(N, s.activeCardId)
+    };
+  }, [r]) };
+}
+function qe() {
+  const { authToken: t, tokenProps: r } = Mt(), n = ce(), s = Ot(), l = Ae(), { selectVisual: d } = zt(), {
+    setFrame: p,
+    setCard: f,
+    setIsDevMode: u,
+    initializeModeDrafts: v,
+    setActiveTabCardId: b,
+    updateDataSource: h,
+    setQueryResultColumns: x,
+    setSelectedConnectionId: w,
+    setSelectedDatabaseName: k,
+    setSelectedSchemaName: N,
+    setSelectedTableName: F,
+    setSelectedDatamodelId: j,
+    setFilterValues: G,
+    setInlineFilterValuesMap: ee,
+    setApplyFilters: J,
+    clearEditorContext: se
+  } = ie(), {
+    setIsDashboardEditing: O,
+    setIsVisualEditing: o,
+    setSelectedFrameId: D,
+    clearSelectedFrameId: V
+  } = Le(), z = Z((_) => _.selectedSheetId), H = Z((_) => _.selectedFrameId), X = Z((_) => _.dashboard), te = Z((_) => _.filterValues), L = Z(
+    (_) => _.inlineFilterValuesMap
+  ), Q = Ut((l == null ? void 0 : l.id) || "", {
+    enabled: !!(l != null && l.id) && !!(t != null && t.accessToken)
+  }), Y = R(
+    async (_) => {
+      try {
+        d(_), V(), se();
+        const { data: E, fromCache: W } = await Ge(
+          r.apiServiceUrl,
+          (t == null ? void 0 : t.accessToken) || "",
+          _.id,
+          n,
+          "Opening library visual..."
+        );
+        if (!ha(E, {
+          setFrame: p,
+          setCard: f,
+          setIsDevMode: u,
+          initializeModeDrafts: v,
+          setActiveTabCardId: b,
+          updateDataSource: h,
+          setQueryResultColumns: x,
+          setSelectedConnectionId: w,
+          setSelectedDatabaseName: k,
+          setSelectedSchemaName: N,
+          setSelectedTableName: F,
+          setSelectedDatamodelId: j,
+          setFilterValues: G,
+          setInlineFilterValuesMap: ee,
+          setApplyFilters: J,
+          setIsDashboardEditing: O,
+          setIsVisualEditing: o,
+          dashboard: X,
+          selectedSheetId: z,
+          selectedFrameId: H,
+          filterValues: te,
+          inlineFilterValuesMap: L
+        }))
+          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,
+      n,
+      d,
+      p,
+      f,
+      O,
+      o,
+      u,
+      v,
+      b,
+      h,
+      x,
+      w,
+      k,
+      N,
+      F,
+      j,
+      G,
+      ee,
+      J,
+      se,
+      V,
+      X,
+      z,
+      H,
+      te,
+      L
+    ]
+  ), be = R(
+    async (_) => {
+      var W;
+      const E = (A) => (B.error(A), { success: !1, error: A });
+      try {
+        if (d(_), !z)
+          return E("No sheet selected. Please select a sheet first.");
+        const { data: A, fromCache: ye } = await Ge(
+          r.apiServiceUrl,
+          (t == null ? void 0 : t.accessToken) || "",
+          _.id,
+          n,
+          "Adding visual to dashboard..."
+        ), ue = (A == null ? void 0 : A.frameObject) ?? ((W = A == null ? void 0 : A.visual) == null ? void 0 : W.frameObject);
+        if (!ue)
+          return E("Visual has no frame data");
+        const $ = mt(ue);
+        if (!($ != null && $.cards) || $.cards.length === 0)
+          return E("Visual frame is malformed");
+        const le = {
+          ...Rt($),
+          visualId: _.id
+          // Link this frame to the library visual
+        };
+        return await s(
+          z,
+          le,
+          "end"
+        ), O(!0), D(le.id), { success: !0, fromCache: ye };
+      } catch (A) {
+        return console.error("Error adding visual:", A), E(
+          A instanceof Error ? A.message : "Failed to add visual to dashboard"
+        );
+      }
+    },
+    [
+      t == null ? void 0 : t.accessToken,
+      r.apiServiceUrl,
+      n,
+      d,
+      z,
+      O,
+      D,
+      s
+    ]
+  );
+  return {
+    visual: Q.data,
+    isLoading: Q.isLoading,
+    isError: Q.isError,
+    error: Q.error,
+    handleEditLibraryVisual: Y,
+    handleAddLibraryVisual: be,
+    getUpdatedFrame: ga().getUpdatedFrame,
+    refetch: Q.refetch
+  };
+}
+function _a() {
+  const t = M((p) => p.card.dataSource), {
+    setSelectedConnectionId: r,
+    setSelectedDatabaseName: n,
+    setSelectedSchemaName: s,
+    setSelectedTableName: l,
+    setSelectedDatamodelId: d
+  } = ie();
+  de(() => {
+    var w;
+    if (!t) return;
+    const { tableName: p, schemaName: f, databaseName: u, connectionId: v } = jt(t), b = (w = t.selectedEntities) == null ? void 0 : w[0], x = (b == null ? void 0 : b.type) === "model" && "id" in b ? b.id : "";
+    r(v || ""), n(u || ""), s(f || ""), l(p || ""), d(x);
+  }, [
+    t,
+    r,
+    n,
+    s,
+    l,
+    d
+  ]);
+}
+function ft() {
+  var u, v;
+  const t = M((b) => b.card), r = M((b) => b.frame), n = P(
+    () => lt(r, t),
+    [r, t]
+  ), { manifest: s } = Qt(
+    ((u = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : u.url) || ""
+  ), l = P(
+    () => {
+      var b;
+      return (b = s == null ? void 0 : s.visuals) == null ? void 0 : b.find(
+        (h) => {
+          var x;
+          return h.name === ((x = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : x.componentName);
+        }
+      );
+    },
+    [s, (v = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : v.componentName]
+  ), d = $t(n, l), p = P(
+    () => Pt({
+      frame: r,
+      configCard: n,
+      isMultiInputVisual: d === "multiple"
+    }),
+    [r, n, d]
+  ), f = P(() => {
+    const b = p.findIndex(
+      (h) => (h == null ? void 0 : h.id) === t.id
+    );
+    return b < 0 ? -1 : Ht(t, b);
+  }, [p, t]);
+  return P(() => !n || d !== "multiple" || f < 0 ? t.type : Wt(
+    t,
+    f,
+    l == null ? void 0 : l.slots
+  ) ?? t.type, [n, d, f, t, l == null ? void 0 : l.slots]);
+}
+function La({
+  type: t,
+  isLinked: r,
+  className: n,
+  showLabel: s = !1,
+  showLocal: l = !1
+}) {
+  const d = Z((N) => N.selectedFrameId), p = Kt((N) => N.selectedVisual), f = M((N) => N.frame);
+  let u;
+  if (t)
+    u = t;
+  else if (r !== void 0)
+    u = r ? "linked" : "library";
+  else if (!!!(f != null && f.visualId || p != null && p.id) && d)
+    u = "local";
+  else if (p && !d)
+    u = "library";
+  else if (f != null && f.visualId && d)
+    u = "linked";
+  else if (p != null && p.id && d)
+    u = "library";
+  else
+    return null;
+  if (u === "local" && !l)
+    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"
+  }, b = {
+    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."
+  }, h = {
+    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(ca, { className: "h-3.5 w-3.5" }),
+    library: /* @__PURE__ */ a(da, { className: "h-3.5 w-3.5" })
+  }, k = {
+    local: "Local",
+    linked: "Linked",
+    library: "Library"
+  };
+  return /* @__PURE__ */ a(yt, { children: /* @__PURE__ */ m(vt, { delayDuration: 300, children: [
+    /* @__PURE__ */ a(xt, { asChild: !0, children: /* @__PURE__ */ m(
+      Yt,
+      {
+        variant: "outline",
+        className: fe(
+          "cursor-help select-none transition-all",
+          v[u],
+          n
+        ),
+        children: [
+          w[u],
+          s && /* @__PURE__ */ a("span", { className: "ml-1 text-xs font-medium leading-none", children: k[u] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ m(
+      Ct,
+      {
+        side: "bottom",
+        className: fe("max-w-xs", h[u]),
+        children: [
+          /* @__PURE__ */ a(kt, { className: x[u] }),
+          /* @__PURE__ */ a("p", { children: b[u] })
+        ]
+      }
+    )
+  ] }) });
+}
+function ba(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 Me(t) {
+  const r = Nt(t);
+  return r ? (B.error(r), !1) : !0;
+}
+function Aa({
+  className: t,
+  variant: r = "outline"
+}) {
+  const n = M((d) => d.onSave), { getUpdatedFrame: s } = qe();
+  function l() {
+    const d = s();
+    Me(d) && (n == null || n(d));
+  }
+  return /* @__PURE__ */ m(
+    q,
+    {
+      onClick: l,
+      className: t,
+      size: "xs",
+      variant: r,
+      children: [
+        /* @__PURE__ */ a(St, { className: "h-3.5 w-3.5" }),
+        "Accept"
+      ]
+    }
+  );
+}
+function qa({
+  className: t,
+  variant: r = "default"
+}) {
+  const n = ce(), [s, l] = K(!1), { setIsVisualEditing: d } = Le(), { getUpdatedFrame: p } = qe(), f = Ae(), u = M((h) => h.frame), v = dt();
+  return /* @__PURE__ */ a(
+    q,
+    {
+      onClick: () => {
+        const h = p();
+        if (!Me(h))
+          return;
+        const x = (u == null ? void 0 : u.visualId) || (f == null ? void 0 : f.id);
+        if (!x) {
+          B.error("No visual to save");
+          return;
+        }
+        l(!0), v.mutate(
+          {
+            visualId: x,
+            data: {
+              frameObject: h
+            }
+          },
+          {
+            onSuccess: () => {
+              l(!1), B.success("Visual updated successfully"), n.invalidateQueries({
+                queryKey: ["resource-by-id", "visual", x],
+                exact: !0
+              });
+            },
+            onError: () => {
+              l(!1), B.error("Failed to update visual");
+            }
+          }
+        );
+      },
+      className: t,
+      size: "xs",
+      variant: r,
+      children: s ? /* @__PURE__ */ m(re, { children: [
+        /* @__PURE__ */ a(tt, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving"
+      ] }) : /* @__PURE__ */ m(re, { children: [
+        /* @__PURE__ */ a(pt, { className: "h-3.5 w-3.5" }),
+        "Save to Library"
+      ] })
+    }
+  );
+}
+function Ma({
+  className: t
+}) {
+  const r = ce(), [n, s] = K(!1), l = Ae(), d = M((k) => k.frame), p = Z((k) => k.selectedSheetId), f = Z((k) => k.dashboard), { updateFrame: u, setIsVisualEditing: v } = Le(), { getUpdatedFrame: b } = qe(), h = dt(), x = Gt();
+  return /* @__PURE__ */ a(
+    q,
+    {
+      onClick: async () => {
+        if (!p) {
+          B.error("No sheet selected");
+          return;
+        }
+        const k = (d == null ? void 0 : d.visualId) || (l == null ? void 0 : l.id);
+        if (!k) {
+          B.error("No visual to update");
+          return;
+        }
+        s(!0);
+        try {
+          const N = b();
+          if (!Me(N)) {
+            s(!1);
+            return;
+          }
+          const F = {
+            ...N,
+            visualId: k
+            // Keep the link to library visual
+          }, j = Jt(f, F.id), G = await x(F, {
+            previousFrame: j
+          });
+          await h.mutateAsync({
+            visualId: k,
+            data: {
+              frameObject: N
+            }
+          }), u(p, F, {
+            semanticExecutionPayload: G
+          }), r.invalidateQueries({ queryKey: ["visuals"] }), r.invalidateQueries({ queryKey: ["visual", k] }), B.success("Saved to library and applied locally"), setTimeout(() => {
+            v(!1);
+          }, 300);
+        } catch (N) {
+          console.error("Failed to save and apply:", N), B.error(
+            N instanceof Error ? N.message : "Failed to save and apply changes"
+          );
+        } finally {
+          s(!1);
+        }
+      },
+      className: t,
+      size: "xs",
+      variant: "default",
+      disabled: n,
+      children: n ? /* @__PURE__ */ m(re, { children: [
+        /* @__PURE__ */ a(tt, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving..."
+      ] }) : /* @__PURE__ */ m(re, { children: [
+        /* @__PURE__ */ a(pt, { className: "h-3.5 w-3.5" }),
+        "Save & Apply"
+      ] })
+    }
+  );
+}
+function Oa({ className: t }) {
+  const { setTempQueryData: r, setSqlGen: n } = ie(), s = ce(), l = M((h) => h.tempQueryData), d = M((h) => h.onClose), p = M((h) => h.card), f = ft(), u = P(() => f !== p.type ? { ...p, type: f } : p, [p, f]), { queryKey: v } = it(u);
+  function b() {
+    if (l) {
+      const { queryKey: h, queryData: x } = l;
+      h && x && s.setQueryData(h, x);
+    }
+    n({}), d == null || d();
+  }
+  return /* @__PURE__ */ m(
+    q,
+    {
+      onClick: b,
+      className: t,
+      size: "xs",
+      variant: "outline",
+      children: [
+        /* @__PURE__ */ a(et, { className: "h-3.5 w-3.5" }),
+        "Close"
+      ]
+    }
+  );
+}
+function za({
+  label: t = "Clear",
+  variant: r = "secondary",
+  className: n
+} = {}) {
+  const { setTempQueryData: s } = ie(), l = ce(), d = M((O) => O.tempQueryData), p = M((O) => O.card), f = ft(), u = P(() => f !== p.type ? { ...p, type: f } : p, [p, f]), { queryKey: v } = it(u), {
+    setCardSql: b,
+    setSqlGen: h,
+    setCardPython: x,
+    setCardCustomCfg: w,
+    setCardPreferences: k,
+    clearQueryConfig: N,
+    setCardConfig: F,
+    setCardType: j,
+    setFrame: G,
+    setCard: ee,
+    setActiveTabCardId: J
+  } = ie();
+  function se() {
+    var X, te, L, Q;
+    const O = l.getQueryData(v);
+    d != null && d.queryData || s({
+      queryKey: v,
+      queryData: O
+    }), l.setQueryData(v, null), l.removeQueries({ queryKey: v, exact: !0 }), b(""), h({}), N(), F(void 0), x(""), w(""), k({});
+    const o = M.getState().frame, D = M.getState().card, V = lt(o, D), z = ((X = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : X.visualType) === "multiple" || !!((te = V == null ? void 0 : V.customCardPreferences) != null && te.dataInputCardIds) || (((L = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : L.minInputs) || 0) > 1 || (((Q = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : Q.maxInputs) || 0) > 1, H = ba(D, z);
+    G({
+      ...o,
+      cards: o.cards.map(
+        (Y) => Y.id === H.id ? H : Y
+      )
+    }), J(H.id), ee(H), z || j("bar");
+  }
+  return /* @__PURE__ */ m(
+    q,
+    {
+      onClick: se,
+      className: n,
+      size: "xs",
+      variant: r,
+      children: [
+        /* @__PURE__ */ a(et, { className: "h-3.5 w-3.5" }),
+        t
+      ]
+    }
+  );
+}
+function ht(t) {
+  const { control: r, onChange: n } = t;
+  return /* @__PURE__ */ m("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ a(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+    /* @__PURE__ */ a(
+      nt,
+      {
+        size: "xs",
+        value: r.label,
+        placeholder: "Control label",
+        onChange: (s) => n(s.target.value)
+      }
+    )
+  ] });
+}
+function ya(t) {
+  const { currentStep: r, labels: n } = 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: n.map((s, l) => {
+    const d = l + 1, p = d === r, f = d < r;
+    return /* @__PURE__ */ m(At, { children: [
+      /* @__PURE__ */ m("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",
+              p ? "border-foreground bg-foreground text-background" : f ? "border-foreground/30 bg-foreground/10 text-foreground" : "border-border/60 bg-background text-muted-foreground"
+            ),
+            children: d
+          }
+        ),
+        /* @__PURE__ */ a(
+          "span",
+          {
+            className: fe(
+              "text-[12px]",
+              p ? "font-medium text-foreground" : "text-muted-foreground"
+            ),
+            children: s
+          }
+        )
+      ] }),
+      l < n.length - 1 ? /* @__PURE__ */ a(
+        "span",
+        {
+          className: "h-px w-4 bg-border/60 sm:w-6",
+          "aria-hidden": "true"
+        }
+      ) : null
+    ] }, s);
+  }) }) });
+}
+function he(t) {
+  const { secondary: r, tertiary: n, primary: s } = t;
+  return /* @__PURE__ */ m("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,
+    n,
+    s
+  ] });
+}
+function va(t) {
+  const { control: r, scope: n, detail: s } = t;
+  return /* @__PURE__ */ m("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(ia, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground" }),
+    /* @__PURE__ */ m("div", { className: "min-w-0 space-y-0.5", children: [
+      /* @__PURE__ */ a("div", { className: "text-[13px] font-medium text-foreground", children: r.label }),
+      /* @__PURE__ */ m("div", { className: "text-[12px] text-muted-foreground", children: [
+        at(r.type).label,
+        " ·",
+        " ",
+        st(r),
+        " ·",
+        " ",
+        rt(n, r.placement)
+      ] }),
+      s ? /* @__PURE__ */ a("div", { className: "text-[12px] text-muted-foreground", children: s }) : null
+    ] })
+  ] });
+}
+function Je(t) {
+  const {
+    control: r,
+    defaultValue: n,
+    availableFieldChoices: s,
+    availableMetricChoices: l,
+    previewControlDefinitions: d,
+    previewControlValues: p,
+    onControlChange: f,
+    onLabelChange: u,
+    onDefaultValueChange: v,
+    onBack: b,
+    onNext: h,
+    nextDisabled: x
+  } = t;
+  return /* @__PURE__ */ m("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ a(ht, { control: r, onChange: u }),
+    /* @__PURE__ */ a(
+      ct,
+      {
+        control: r,
+        availableFieldChoices: s,
+        availableMetricChoices: l,
+        previewControlDefinitions: d,
+        previewControlValues: p,
+        controlLifecycle: "create",
+        onChange: f
+      }
+    ),
+    /* @__PURE__ */ a(
+      ut,
+      {
+        control: r,
+        value: n,
+        onChange: v,
+        allowNoDefault: !0,
+        allowCardDefault: !0,
+        hint: "This is the value viewers will see first.",
+        previewControlDefinitions: d,
+        previewControlValues: p
+      }
+    ),
+    /* @__PURE__ */ a(
+      he,
+      {
+        secondary: /* @__PURE__ */ a(q, { type: "button", variant: "outline", size: "xs", onClick: b, children: "Back" }),
+        primary: /* @__PURE__ */ a(
+          q,
+          {
+            type: "button",
+            size: "xs",
+            onClick: h,
+            disabled: x,
+            children: "Next"
+          }
+        )
+      }
+    )
+  ] });
+}
+const xa = /* @__PURE__ */ new Set([
+  "grain_selector",
+  "aggregation_selector",
+  "field_selector",
+  "metric_selector"
+]);
+function Xe(t) {
+  const { text: r, ariaLabel: n } = t, [s, l] = K(!1);
+  return /* @__PURE__ */ m(
+    "button",
+    {
+      type: "button",
+      "aria-label": n,
+      onClick: async () => {
+        try {
+          await navigator.clipboard.writeText(r), l(!0), setTimeout(() => l(!1), 1200);
+        } catch (d) {
+          console.error("Failed to copy", d);
+        }
+      },
+      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: s ? "Copied" : "Click to copy" })
+      ]
+    }
+  );
+}
+function Ze(t) {
+  const {
+    control: r,
+    scope: n,
+    createdReference: s,
+    explorerContent: l,
+    sqlDescription: d,
+    summaryDetail: p,
+    onBack: f,
+    onCancel: u,
+    onDone: v
+  } = t, b = xa.has(r.type), h = s.match(/\[\[param\.(.+?)\]\]/), x = h ? `{{ param('${h[1]}') }}` : "";
+  return /* @__PURE__ */ m("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ a(
+      va,
+      {
+        control: r,
+        scope: n,
+        detail: p
+      }
+    ),
+    /* @__PURE__ */ m("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ a("p", { className: "text-[13px] font-medium text-foreground", children: "How cards use this control" }),
+      /* @__PURE__ */ m("div", { className: "divide-y divide-border/60 overflow-hidden rounded-control border border-border/60", children: [
+        b ? /* @__PURE__ */ m("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: l })
+        ] }) : null,
+        /* @__PURE__ */ m("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(
+            Xe,
+            {
+              text: s,
+              ariaLabel: "Copy SQL control reference"
+            }
+          ),
+          x ? /* @__PURE__ */ a(
+            Xe,
+            {
+              text: x,
+              ariaLabel: "Copy Jinja control reference"
+            }
+          ) : null,
+          /* @__PURE__ */ m("p", { className: "text-[12px] text-muted-foreground", children: [
+            d,
+            " ",
+            /* @__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 Ca(t) {
+  const r = pe(
+    t.scope,
+    t.existingControls,
+    t.reservedIds
+  ), n = t.type === r.type ? {
+    ...r,
+    label: Ve[t.type]
+  } : {
+    ...ot({
+      controls: [
+        {
+          ...r,
+          label: Ve[t.type]
+        }
+      ],
+      controlId: r.id,
+      nextType: t.type
+    }).controls[0],
+    label: Ve[t.type]
+  };
+  return {
+    step: 2,
+    control: n,
+    defaultValue: me(n, void 0)
+  };
+}
+function Ua({
+  scope: t,
+  controls: r,
+  reservedControlIds: n,
+  defaultValues: s,
+  onChange: l,
+  emptyMessage: d,
+  initialCreateFlow: p = !1,
+  usageByControlId: f,
+  availableFieldChoices: u,
+  availableMetricChoices: v,
+  structuralParticipants: b,
+  structuralParticipantIdsByControlId: h,
+  card: x,
+  allowedControlTypes: w,
+  onCreateFlowActiveChange: k,
+  onCreateFlowComplete: N
+}) {
+  const F = P(
+    () => new Set(n || []),
+    [n]
+  ), j = Vt(t), G = wt(t), [ee, J] = K(
+    null
+  ), [se, O] = K(
+    null
+  ), [o, D] = K(
+    () => p ? {
+      step: 1,
+      control: pe(t, r, Array.from(F))
+    } : null
+  ), V = Te({}), z = Te(void 0), H = Te(p), X = P(() => {
+    const e = je({ scope: t, card: x });
+    if (!w)
+      return e;
+    const c = new Set(w);
+    return e.filter((i) => c.has(i.value));
+  }, [w, x, t]), te = R(
+    (e) => {
+      const c = je({
+        scope: t,
+        card: x,
+        includeType: w ? void 0 : e
+      });
+      if (!w)
+        return c;
+      const i = new Set(w);
+      return c.filter((g) => i.has(g.value));
+    },
+    [w, x, t]
+  ), L = R(
+    (e) => t === "dashboard" && (e === "field_selector" || e === "metric_selector"),
+    [t]
+  ), Q = P(
+    () => o ? Qe(
+      b || [],
+      o.control.type
+    ) : [],
+    [o, b]
+  ), Y = P(() => {
+    if (!o)
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    if (!L(o.control.type))
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    const e = o.selectedCardIds || [], c = Se({
+      controlType: o.control.type,
+      participants: b || [],
+      selectedCardIds: e
+    });
+    return {
+      fields: o.control.type === "field_selector" ? c.choices.map((i) => ({
+        option: i,
+        target: c.fieldTargetMap[i.value]
+      })) : [],
+      metrics: o.control.type === "metric_selector" ? c.choices.map((i) => ({
+        option: i,
+        target: c.metricTargetMap[i.value]
+      })) : []
+    };
+  }, [
+    u,
+    v,
+    o,
+    L,
+    b
+  ]);
+  de(() => {
+    k == null || k(!!o);
+  }, [o, k]), de(() => {
+    const e = p && !H.current;
+    H.current = p, e && (D({
+      step: 1,
+      control: pe(t, r, Array.from(F))
+    }), O(null), J(null));
+  }, [r, p, F, t]);
+  const be = (e) => {
+    if (!L(e.type))
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    const c = (h == null ? void 0 : h[e.id]) || [];
+    if (c.length === 0)
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    const i = Se({
+      controlType: e.type,
+      participants: b || [],
+      selectedCardIds: c
+    });
+    return {
+      fields: e.type === "field_selector" ? i.choices.map((g) => ({
+        option: g,
+        target: i.fieldTargetMap[g.value]
+      })) : [],
+      metrics: e.type === "metric_selector" ? i.choices.map((g) => ({
+        option: g,
+        target: i.metricTargetMap[g.value]
+      })) : []
+    };
+  }, _ = (e) => {
+    if (!L(e.control.type))
+      return {
+        nextControl: e.control,
+        cardBindingsById: void 0
+      };
+    const c = (h == null ? void 0 : h[e.control.id]) || [], i = Se({
+      controlType: e.control.type,
+      participants: b || [],
+      selectedCardIds: e.nextSelectedCardIds
+    }), g = Lt({
+      control: e.control,
+      choices: i.choices
+    }), C = Object.fromEntries(
+      c.filter((S) => !e.nextSelectedCardIds.includes(S)).map((S) => [S, void 0])
+    );
+    return e.nextSelectedCardIds.length > 0 && g.source.kind === "manual" && g.source.options.length > 0 && Object.assign(
+      C,
+      Ke({
+        control: g,
+        participants: b || [],
+        selectedCardIds: e.nextSelectedCardIds
+      })
+    ), {
+      nextControl: g,
+      cardBindingsById: C
+    };
+  }, E = R(
+    (e, c = s, i = { type: "update" }) => {
+      const g = e.map((C) => (Ne({
+        control: C,
+        defaultValues: c
+      }), Dt(
+        C
+      )));
+      l(g, c, i);
+    },
+    [s, l]
+  ), W = (e, c) => {
+    const i = r.find(
+      (T) => T.id === e
+    );
+    let g = r.map((T) => T.id !== e ? T : c(T));
+    const C = g.find(
+      (T) => T.id === e
+    );
+    let S, y;
+    if (C && t === "dashboard" && (C.type === "field_selector" || C.type === "metric_selector")) {
+      const T = (h == null ? void 0 : h[C.id]) || [], ne = _({
+        control: C,
+        nextSelectedCardIds: T
+      });
+      g = g.map(
+        (ae) => ae.id === e ? ne.nextControl : ae
+      ), S = ne.cardBindingsById, y = [C.id];
+    } else if (i && t === "dashboard" && (i.type === "field_selector" || i.type === "metric_selector")) {
+      const T = (h == null ? void 0 : h[i.id]) || [];
+      S = Object.fromEntries(
+        T.map((ne) => [ne, void 0])
+      ), y = [i.id];
+    }
+    const I = g.find(
+      (T) => T.id === e
+    );
+    let U = s;
+    if (i && I) {
+      const T = Ne({
+        control: i,
+        defaultValues: s
+      });
+      i.source.kind === "manual" && I.source.kind === "sql_query" && (V.current[e] = T);
+      const ne = T === void 0 && i.source.kind === "sql_query" && I.source.kind === "manual" ? V.current[e] : T, ae = We({
+        previousControl: i,
+        nextControl: I,
+        currentDefaultValue: ne
+      });
+      I.source.kind === "manual" && (V.current[e] = ae), s && (U = { ...s }, ae === void 0 ? delete U[e] : U[e] = ae), g = g.map(
+        (Be) => Be.id === e ? { ...I, defaultValue: ae } : Be
+      );
+    }
+    E(g, U, {
+      type: "update",
+      cardBindingsById: S,
+      affectedBindingControlIds: y
+    });
+  }, A = (e, c) => {
+    if (!c.trim())
+      return;
+    const i = la(c);
+    if (i === e || F.has(i) || r.some(
+      (S) => S.id === i && S.id !== e
+    ))
+      return;
+    const g = r.map(
+      (S) => S.id === e ? { ...S, id: i } : S
+    );
+    if (!s) {
+      E(g, void 0, {
+        type: "rename",
+        oldId: e,
+        newId: i
+      });
+      return;
+    }
+    const C = { ...s };
+    Object.prototype.hasOwnProperty.call(C, e) && (C[i] = C[e], delete C[e]), E(g, C, {
+      type: "rename",
+      oldId: e,
+      newId: i
+    });
+  }, ye = (e) => {
+    const c = r.filter((g) => g.id !== e);
+    if (!s) {
+      E(c, void 0, { type: "remove", controlId: e });
+      return;
+    }
+    const i = { ...s };
+    delete i[e], E(c, i, { type: "remove", controlId: e });
+  }, ue = R(() => {
+    z.current = void 0, D({
+      step: 1,
+      control: pe(t, r, Array.from(F))
+    }), O(null), J(null);
+  }, [r, F, t]), $ = (e) => {
+    D(
+      (c) => c && (() => {
+        const i = e(c.control);
+        c.control.source.kind === "manual" && i.source.kind === "sql_query" && (z.current = c.defaultValue);
+        const g = c.defaultValue === void 0 && c.control.source.kind === "sql_query" && i.source.kind === "manual" ? z.current : c.defaultValue, C = We({
+          previousControl: c.control,
+          nextControl: i,
+          currentDefaultValue: g
+        });
+        return i.source.kind === "manual" && (z.current = C), {
+          ...c,
+          control: i,
+          defaultValue: C
+        };
+      })()
+    );
+  }, le = (e) => {
+    D(
+      (c) => c && (c.control.source.kind === "manual" && (z.current = e), {
+        ...c,
+        defaultValue: e
+      })
+    );
+  }, ve = (() => {
+    if (!o)
+      return !1;
+    if (o.step === 2 && L(o.control.type))
+      return (o.selectedCardIds || []).length > 0;
+    if (o.step !== 2 && o.step !== 3 || !o.control.label.trim())
+      return !1;
+    const c = o.control.source.kind === "sql_query" ? o.control : $e(o.control);
+    if (c.source.kind === "manual" && (Et(c) && c.source.options.length === 0 || c.source.options.some(
+      (g) => g.label.trim().length === 0 || g.value.trim().length === 0
+    )))
+      return !1;
+    if (c.source.kind === "sql_query") {
+      const { connectionId: i, sql: g, valueColumn: C } = c.source;
+      return i.trim().length > 0 && g.trim().length > 0 && C.trim().length > 0;
+    }
+    return It(
+      me(c, o.defaultValue)
+    );
+  })(), Oe = () => {
+    var S;
+    if (!o)
+      return;
+    const e = $e(o.control), c = _t({
+      label: e.label,
+      fallbackId: e.id,
+      existingControls: r,
+      reservedIds: Array.from(F)
+    }), i = {
+      ...e,
+      id: c
+    }, g = t === "dashboard" && (i.type === "field_selector" || i.type === "metric_selector") && ((S = o.selectedCardIds) != null && S.length) ? Ke({
+      control: i,
+      participants: b || [],
+      selectedCardIds: o.selectedCardIds
+    }) : void 0, C = me(
+      i,
+      o.defaultValue
+    );
+    D({
+      step: t === "dashboard" && (i.type === "field_selector" || i.type === "metric_selector") ? 4 : 3,
+      control: i,
+      defaultValue: C,
+      createdControlId: c,
+      selectedCardIds: o.selectedCardIds,
+      cardBindingsById: g
+    });
+  }, xe = R(() => {
+    D(null);
+  }, []), ze = R(() => {
+    if (!(o != null && o.createdControlId)) {
+      D(null);
+      return;
+    }
+    const e = o.control, c = o.createdControlId, i = me(
+      e,
+      o.defaultValue
+    );
+    if (s) {
+      const g = { ...s };
+      i === void 0 ? delete g[c] : g[c] = i, E(
+        [
+          ...r,
+          {
+            ...e,
+            defaultValue: i
+          }
+        ],
+        g,
+        {
+          type: "add",
+          cardBindingsById: o.cardBindingsById
+        }
+      );
+    } else
+      E(
+        [
+          ...r,
+          {
+            ...e,
+            defaultValue: i
+          }
+        ],
+        void 0,
+        {
+          type: "add",
+          cardBindingsById: o.cardBindingsById
+        }
+      );
+    O(c), D(null), N == null || N();
+  }, [r, o, s, E, N]), gt = o ? L(o.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], Ue = o != null && o.createdControlId ? `[[param.${o.createdControlId}]]` : o ? `[[param.${Ft(o.control.label) || o.control.id}]]` : "", Ce = Pe({
+    controls: r,
+    defaultValues: s
+  }), ke = o ? [...r, o.control] : r, Re = o ? Pe({
+    controls: ke,
+    defaultValues: s,
+    overrides: [
+      {
+        controlId: o.control.id,
+        value: o.defaultValue
+      }
+    ]
+  }) : Ce;
+  return /* @__PURE__ */ m("div", { className: "space-y-4", children: [
+    o ? /* @__PURE__ */ m("div", { className: "space-y-4 pb-1", children: [
+      /* @__PURE__ */ a(
+        ya,
+        {
+          currentStep: o.step,
+          labels: gt
+        }
+      ),
+      o.step === 1 && (() => {
+        const e = /* @__PURE__ */ new Set([
+          "grain_selector",
+          "aggregation_selector",
+          "field_selector",
+          "metric_selector"
+        ]), c = /* @__PURE__ */ new Set([
+          // Temporarily hide these from the add-control dialog while
+          // keeping the shared definitions for existing controls.
+          "date",
+          "text"
+        ]), i = X.filter(
+          (S) => !e.has(S.value) && !c.has(S.value)
+        ), g = X.filter(
+          (S) => e.has(S.value)
+        ), C = (S) => /* @__PURE__ */ m(
+          "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(
+              Ca({
+                scope: t,
+                existingControls: r,
+                reservedIds: Array.from(F),
+                type: S.value
+              })
+            ),
+            children: [
+              /* @__PURE__ */ a("div", { className: "text-[13px] font-medium text-foreground", children: S.label }),
+              /* @__PURE__ */ a("p", { className: "mt-0.5 text-[12px] text-muted-foreground", children: S.description })
+            ]
+          },
+          S.value
+        );
+        return /* @__PURE__ */ m("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,
+          i.length > 0 && /* @__PURE__ */ m("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: i.map(C) })
+          ] }),
+          g.length > 0 && /* @__PURE__ */ m("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: g.map(C) })
+          ] }),
+          /* @__PURE__ */ a(
+            he,
+            {
+              secondary: /* @__PURE__ */ a(
+                q,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "xs",
+                  onClick: xe,
+                  children: "Back to controls"
+                }
+              )
+            }
+          )
+        ] });
+      })(),
+      o.step === 2 && L(o.control.type) && /* @__PURE__ */ m("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ m("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ a(
+            ht,
+            {
+              control: o.control,
+              onChange: (e) => $((c) => ({
+                ...c,
+                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 c = (o.selectedCardIds || []).includes(e.cardId);
+          return /* @__PURE__ */ m(
+            "label",
+            {
+              className: "flex items-start gap-2 rounded-control px-1.5 py-1 text-[13px] hover:bg-muted/40",
+              children: [
+                /* @__PURE__ */ a(
+                  Xt,
+                  {
+                    checked: c,
+                    onCheckedChange: (i) => D(
+                      (g) => g && {
+                        ...g,
+                        selectedCardIds: i === !0 ? [
+                          ...g.selectedCardIds || [],
+                          e.cardId
+                        ] : (g.selectedCardIds || []).filter(
+                          (C) => C !== e.cardId
+                        )
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ m("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: o.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: !ve,
+                children: "Next"
+              }
+            )
+          }
+        )
+      ] }),
+      o.step === 2 && !L(o.control.type) && /* @__PURE__ */ a(
+        Je,
+        {
+          control: o.control,
+          defaultValue: o.defaultValue,
+          availableFieldChoices: Y.fields,
+          availableMetricChoices: Y.metrics,
+          previewControlDefinitions: ke,
+          previewControlValues: Re,
+          onControlChange: (e) => $(() => e),
+          onLabelChange: (e) => $((c) => ({
+            ...c,
+            label: e
+          })),
+          onDefaultValueChange: le,
+          onBack: () => D(
+            (e) => e && {
+              ...e,
+              step: 1
+            }
+          ),
+          onNext: Oe,
+          nextDisabled: !ve
+        }
+      ),
+      o.step === 3 && L(o.control.type) && /* @__PURE__ */ a(
+        Je,
+        {
+          control: o.control,
+          defaultValue: o.defaultValue,
+          availableFieldChoices: Y.fields,
+          availableMetricChoices: Y.metrics,
+          previewControlDefinitions: ke,
+          previewControlValues: Re,
+          onControlChange: (e) => $(() => e),
+          onLabelChange: (e) => $((c) => ({
+            ...c,
+            label: e
+          })),
+          onDefaultValueChange: le,
+          onBack: () => D(
+            (e) => e && {
+              ...e,
+              step: 2
+            }
+          ),
+          onNext: Oe,
+          nextDisabled: !ve
+        }
+      ),
+      o.step === 3 && !L(o.control.type) && /* @__PURE__ */ a(
+        Ze,
+        {
+          control: o.control,
+          scope: t,
+          createdReference: Ue,
+          explorerContent: /* @__PURE__ */ m(re, { 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: xe,
+          onDone: ze
+        }
+      ),
+      o.step === 4 && L(o.control.type) && /* @__PURE__ */ a(
+        Ze,
+        {
+          control: o.control,
+          scope: t,
+          createdReference: Ue,
+          summaryDetail: /* @__PURE__ */ m(re, { children: [
+            "Used by ",
+            (o.selectedCardIds || []).length,
+            " selected card",
+            (o.selectedCardIds || []).length === 1 ? "" : "s"
+          ] }),
+          explorerContent: /* @__PURE__ */ a(re, { 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: xe,
+          onDone: ze
+        }
+      )
+    ] }) : null,
+    !o && r.length === 0 ? /* @__PURE__ */ a("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: d }) : null,
+    !o && r.map((e) => {
+      const c = be(e), i = f == null ? void 0 : f[e.id], g = Ne({
+        control: e,
+        defaultValues: s
+      }), C = se === e.id, S = "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__ */ m(
+        "div",
+        {
+          className: "rounded-control border border-border/60",
+          children: [
+            /* @__PURE__ */ m("div", { className: "flex items-center gap-2 px-3 py-2.5", children: [
+              /* @__PURE__ */ m(
+                "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: () => O(
+                    (y) => y === e.id ? null : e.id
+                  ),
+                  children: [
+                    C ? /* @__PURE__ */ a(He, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ a(Ye, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                    /* @__PURE__ */ m("div", { className: "min-w-0", children: [
+                      /* @__PURE__ */ m("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: S, children: at(e.type).label }),
+                        /* @__PURE__ */ a("span", { className: S, children: rt(t, e.placement) })
+                      ] }),
+                      /* @__PURE__ */ m("div", { className: "mt-0.5 text-[12px] text-muted-foreground", children: [
+                        st(e),
+                        i != null && i.status ? ` · ${i.status}` : ""
+                      ] })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ a(
+                q,
+                {
+                  type: "button",
+                  size: "xs",
+                  variant: "ghost",
+                  className: "h-7 w-7 shrink-0 p-0 text-muted-foreground",
+                  onClick: () => ye(e.id),
+                  "aria-label": `Remove ${e.label}`,
+                  children: /* @__PURE__ */ a(Zt, { className: "h-3.5 w-3.5" })
+                }
+              )
+            ] }),
+            C && /* @__PURE__ */ m("div", { className: "space-y-4 border-t border-border/60 px-3 py-3", children: [
+              /* @__PURE__ */ m("div", { className: "grid gap-3 md:grid-cols-3", children: [
+                /* @__PURE__ */ m("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ a(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+                  /* @__PURE__ */ a(
+                    nt,
+                    {
+                      size: "xs",
+                      value: e.label,
+                      placeholder: "Control label",
+                      onChange: (y) => W(e.id, (I) => ({
+                        ...I,
+                        label: y.target.value
+                      }))
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ m("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ a(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
+                  /* @__PURE__ */ m(
+                    we,
+                    {
+                      value: e.type,
+                      onValueChange: (y) => {
+                        const I = ot({
+                          controls: r,
+                          controlId: e.id,
+                          nextType: y,
+                          defaultValues: s
+                        });
+                        E(I.controls, I.defaultValues);
+                      },
+                      children: [
+                        /* @__PURE__ */ a(De, { size: "xs", children: /* @__PURE__ */ a(Ee, {}) }),
+                        /* @__PURE__ */ a(Ie, { children: te(e.type).map(
+                          (y) => /* @__PURE__ */ a(
+                            Fe,
+                            {
+                              value: y.value,
+                              children: y.label
+                            },
+                            y.value
+                          )
+                        ) })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ m("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ a(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
+                  /* @__PURE__ */ m(
+                    we,
+                    {
+                      value: e.placement || G,
+                      onValueChange: (y) => W(e.id, (I) => ({
+                        ...I,
+                        placement: y
+                      })),
+                      children: [
+                        /* @__PURE__ */ a(De, { size: "xs", children: /* @__PURE__ */ a(Ee, {}) }),
+                        /* @__PURE__ */ a(Ie, { children: j.map((y) => /* @__PURE__ */ a(Fe, { value: y.value, children: y.label }, y.value)) })
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              L(e.type) ? /* @__PURE__ */ a(
+                ea,
+                {
+                  type: e.type,
+                  participants: Qe(
+                    b || [],
+                    e.type
+                  ).map((y) => ({
+                    cardId: y.cardId,
+                    title: y.title,
+                    choiceCount: e.type === "field_selector" ? y.fieldChoices.length : y.metricChoices.length
+                  })),
+                  selectedCardIds: (h == null ? void 0 : h[e.id]) || [],
+                  onChange: (y) => {
+                    const I = _({
+                      control: e,
+                      nextSelectedCardIds: y
+                    }), U = r.map(
+                      (T) => T.id === e.id ? I.nextControl : T
+                    );
+                    E(U, s, {
+                      type: "update",
+                      cardBindingsById: I.cardBindingsById
+                    });
+                  }
+                }
+              ) : null,
+              /* @__PURE__ */ a(
+                ct,
+                {
+                  control: e,
+                  availableFieldChoices: c.fields,
+                  availableMetricChoices: c.metrics,
+                  previewControlDefinitions: r,
+                  previewControlValues: Ce,
+                  controlLifecycle: "edit",
+                  onChange: (y) => W(e.id, () => y)
+                }
+              ),
+              e.initialValueStrategy === "saved_default" && /* @__PURE__ */ a(
+                ut,
+                {
+                  control: e,
+                  value: g,
+                  allowNoDefault: !0,
+                  allowCardDefault: !0,
+                  previewControlDefinitions: r,
+                  previewControlValues: Ce,
+                  onChange: (y) => {
+                    const I = r.map(
+                      (U) => U.id === e.id ? { ...U, defaultValue: y } : U
+                    );
+                    if (e.source.kind === "manual" && (V.current[e.id] = y), s) {
+                      const U = { ...s };
+                      y === void 0 ? delete U[e.id] : U[e.id] = y, E(I, U);
+                      return;
+                    }
+                    E(I, void 0);
+                  }
+                }
+              ),
+              /* @__PURE__ */ m(
+                ta,
+                {
+                  open: ee === e.id,
+                  onOpenChange: (y) => J(y ? e.id : null),
+                  children: [
+                    /* @__PURE__ */ a(aa, { asChild: !0, children: /* @__PURE__ */ m(
+                      q,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "xs",
+                        className: "-ml-2 gap-1 text-muted-foreground hover:text-foreground",
+                        children: [
+                          ee === e.id ? /* @__PURE__ */ a(He, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ a(Ye, { className: "h-3.5 w-3.5" }),
+                          "Advanced"
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ m(ra, { className: "space-y-3 pt-2", children: [
+                      /* @__PURE__ */ m("div", { className: "grid gap-3 md:grid-cols-2", children: [
+                        /* @__PURE__ */ m("div", { className: "flex flex-col gap-1.5", children: [
+                          /* @__PURE__ */ a(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Variable name" }),
+                          /* @__PURE__ */ a(
+                            sa,
+                            {
+                              controlId: e.id,
+                              onCommit: (y) => A(e.id, y)
+                            },
+                            e.id
+                          )
+                        ] }),
+                        /* @__PURE__ */ m("div", { className: "flex flex-col gap-1.5", children: [
+                          /* @__PURE__ */ a(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
+                          /* @__PURE__ */ m(
+                            we,
+                            {
+                              value: e.initialValueStrategy,
+                              onValueChange: (y) => W(e.id, (I) => ({
+                                ...I,
+                                initialValueStrategy: y
+                              })),
+                              children: [
+                                /* @__PURE__ */ a(De, { size: "xs", children: /* @__PURE__ */ a(Ee, {}) }),
+                                /* @__PURE__ */ a(Ie, { children: Tt.map((y) => /* @__PURE__ */ a(
+                                  Fe,
+                                  {
+                                    value: y.value,
+                                    children: y.label
+                                  },
+                                  y.value
+                                )) })
+                              ]
+                            }
+                          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ a(
+                        na,
+                        {
+                          control: e,
+                          onChange: (y) => W(e.id, () => y)
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ]
+        },
+        e.id
+      );
+    }),
+    !o && /* @__PURE__ */ m(
+      q,
+      {
+        type: "button",
+        variant: "outline",
+        size: "xs",
+        onClick: ue,
+        children: [
+          /* @__PURE__ */ a(oa, { className: "h-3.5 w-3.5" }),
+          "Add control"
+        ]
+      }
+    )
+  ] });
+}
+function Ra(t) {
+  const {
+    open: r,
+    onOpenChange: n,
+    initialCreateFlowActive: s = !1,
+    dismissMode: l = "passive"
+  } = t, d = r !== void 0, [p, f] = K(!1), [u, v] = K(
+    s
+  ), b = d ? r : p, h = R(
+    (k) => {
+      !k && u && l === "passive" || (d || f(k), k || v(!1), n == null || n(k));
+    },
+    [d, u, l, n]
+  ), x = R(() => {
+    d || f(!1), v(!1), n == null || n(!1);
+  }, [d, n]);
+  de(() => {
+    b || v(!1);
+  }, [b]);
+  const w = R(
+    (k) => {
+      u && k.preventDefault();
+    },
+    [u]
+  );
+  return {
+    forceClose: x,
+    handleOpenChange: h,
+    isCreateFlowActive: u,
+    preventPassiveDismissDuringCreate: w,
+    resolvedOpen: b,
+    setIsCreateFlowActive: v
+  };
+}
+export {
+  Ua as C,
+  Aa as E,
+  da as L,
+  Fa as R,
+  Va as S,
+  La as V,
+  Oa as a,
+  qa as b,
+  Ma as c,
+  ca as d,
+  Ra as e,
+  _a as f,
+  ft as g,
+  ma as h,
+  za as i,
+  Ta as r,
+  qe as u
+};