react-semaphor 0.1.525 → 0.1.527

package/dist/chunks/editor-action-buttons-G91NQKxU.js

@@ -0,0 +1,2070 @@
+import { c as Ae, C as Qe, X as tt } from "./x-CXDkqdur.js";
+import { useState as W, useEffect as ie, useCallback as U, useMemo as $, useRef as Se, Fragment as yt } from "react";
+import { a3 as de, a0 as Le, u as Z, aj as j, a2 as M, n as vt, o as xt, p as Ct, c as fe, q as St, ak as kt, al as Nt, am as me, an as Re, ao as $e, ap as ke, aq as Ne, ar as wt, as as Dt, at as He, au as Et, av as It, aw as pe, ax as Tt, ay as Ke, B as q, az as at, aA as rt, aB as st, m as oe, r as nt, s as we, t as De, v as Ee, w as Ie, x as Te, aC as ot, aD as Ft, aE as Vt, aF as Pe, aG as At, aH as We, aI as Lt, aJ as _t, aK as qt, aL as Mt, aM as Fe, d as Ot, L as lt, aN as zt } from "./switch-_7uBAbYx.js";
+import { b1 as Ut, b2 as jt, aB as Bt, az as ce, b3 as Qt, b4 as _e, b5 as Rt, b6 as $t, b7 as Ht, b8 as Kt, b9 as Pt, aD as Wt, ay as it, u as Yt, ba as Gt, bb as Xt, bc as Ye, bd as Jt, be as Zt, bf as dt, bg as ct, bh as ea, bi as ta, bj as aa, bk as ra, bl as sa, bm as na, bn as oa, bo as ut, bp as la } from "./semaphor-ready-indicator-D46I_4g7.js";
+import { jsx as r, jsxs as f, Fragment as ee } from "react/jsx-runtime";
+import { t as ia } from "./validators-CQcG0EPN.js";
+import "./matrix-operation-contract-BV02rLhu.js";
+import "zod";
+import "../value-format-preferences/index.js";
+import { C as Ge } from "./selection-reducer-C7Um5XN-.js";
+import { f as mt, r as da, g as ca, a as ua, b as ma } from "./index-BvJOYbNv.js";
+import { S as pt } from "./save-DgMfP0j8.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 Qa = Ae("FilterX", [
+  ["path", { d: "M13.013 3H2l8 9.46V19l4 2v-8.54l.9-1.055", key: "1fi1da" }],
+  ["path", { d: "m22 3-5 5", key: "12jva0" }],
+  ["path", { d: "m17 3 5 5", key: "k36vhe" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const pa = Ae("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 fa = Ae("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 ha(e) {
+  const [a, n] = W(null), [s, l] = W(null), d = Ut();
+  return ie(() => {
+    if (!e || e.trim() === "") {
+      n(null), l(null);
+      return;
+    }
+    if (!d)
+      return;
+    (async () => {
+      try {
+        if (!e.startsWith("http://") && !e.startsWith("https://"))
+          throw new Error(`Invalid URL format: ${e}`);
+        try {
+          new URL(e);
+        } catch {
+          throw new Error(`Invalid URL: ${e}`);
+        }
+        const u = `${e.endsWith("/") ? e : `${e}/`}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 (h) {
+        const u = h instanceof Error ? h.message : "Unknown error";
+        console.error("Failed to load remote chart store:", u), l(u), n(null);
+      }
+    })();
+  }, [e, d]), a;
+}
+function ba(e, a) {
+  if (e.length === 0)
+    return "";
+  const n = e.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 (a) {
+    const s = e.find((l) => l.id === a);
+    if (s) {
+      const l = s.tabTitle;
+      if (l == "All__Header")
+        return e[0].id;
+      if (l && l.endsWith("__Header")) {
+        const p = l.split("__")[0], h = e.find(
+          (u) => u.tabTitle === p
+        );
+        return h ? h.id : e[0].id;
+      }
+      return a;
+    }
+  }
+  return e[0].id;
+}
+function ga(e, a) {
+  return a ? {
+    ...e,
+    settings: a
+  } : e;
+}
+function ya(e, a) {
+  const n = a.selectedConnectionId || e.connectionId || "";
+  if (!e.dataSource) {
+    if (!n)
+      return;
+    const s = a.selectedDatabaseName || e.lastSelectedDatabase, l = a.selectedSchemaName || e.lastSelectedSchema, d = a.selectedTableName || e.lastSelectedTable;
+    return {
+      connectionId: n,
+      connectionType: "",
+      mode: "database",
+      selectedEntities: [],
+      ...s && l && d ? {
+        dbSelection: {
+          database: s,
+          schema: l,
+          entityType: "table"
+        }
+      } : {}
+    };
+  }
+  return {
+    ...e.dataSource,
+    connectionId: a.selectedConnectionId || e.dataSource.connectionId || e.connectionId || ""
+  };
+}
+function va(e, {
+  isDevMode: a,
+  cardSql: n,
+  isShowingVisual: s,
+  selectedSchemaName: l,
+  selectedDatamodelId: d,
+  selectedDatabaseName: p,
+  selectedTableName: h,
+  selectedConnectionId: u,
+  remoteChartSettings: v,
+  stripConfig: b
+}) {
+  const m = a || jt(e);
+  return {
+    ...e,
+    dataSource: ya(e, {
+      selectedConnectionId: u,
+      selectedDatabaseName: p,
+      selectedSchemaName: l,
+      selectedTableName: h
+    }),
+    lastSelectedSchema: l,
+    lastSelectedDatamodelId: d,
+    lastSelectedDatabase: p,
+    lastSelectedTable: h,
+    connectionId: u || e.connectionId,
+    sql: m ? n || e.sql : void 0,
+    python: m ? e.python : void 0,
+    config: a || !e.config ? void 0 : b(e.config),
+    customCfg: s ? e.customCfg : null,
+    preferences: e.preferences,
+    customCardPreferences: ga(
+      e.customCardPreferences,
+      v
+    )
+  };
+}
+const Ve = /* @__PURE__ */ new Set();
+function Ra(e) {
+  return Ve.add(e), () => {
+    Ve.delete(e);
+  };
+}
+function xa() {
+  Ve.forEach((e) => {
+    e();
+  });
+}
+const Ca = (e) => {
+  if (!e || !("detailTableBackup" in e))
+    return e;
+  const { detailTableBackup: a, ...n } = e;
+  return n;
+};
+async function Xe(e, a, n, s, l = "Opening library visual...") {
+  if (!a || !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 h = j.loading(l, {
+    position: "top-center"
+  });
+  try {
+    const u = await fetch(
+      `${e}/management/v1/visuals/${n}`,
+      {
+        headers: {
+          Authorization: `Bearer ${a}`
+        }
+      }
+    );
+    if (!u.ok)
+      throw new Error("Failed to load visual");
+    const v = await u.json();
+    return s.setQueryData(d, v), j.dismiss(h), { data: v, fromCache: !1 };
+  } catch (u) {
+    throw j.dismiss(h), u;
+  }
+}
+function ft(e) {
+  if (typeof e == "string")
+    return JSON.parse(e);
+  if (typeof e == "object")
+    return e;
+  throw new Error("Invalid frame object format");
+}
+function Sa(e, a) {
+  var d, p;
+  const n = (e == null ? void 0 : e.frameObject) ?? ((d = e == null ? void 0 : e.visual) == null ? void 0 : d.frameObject);
+  if (!n)
+    return !1;
+  const s = ft(n);
+  if (!(s != null && s.cards) || s.cards.length === 0)
+    return !1;
+  const l = (p = s.cards) == null ? void 0 : p.find(
+    (h) => h.id === s.activeCardId
+  );
+  return l ? (Kt({
+    ...a,
+    frame: s,
+    card: l,
+    visualId: (e == null ? void 0 : e.id) || s.visualId
+  }), !0) : !1;
+}
+function ka() {
+  const e = M(
+    (s) => {
+      var l;
+      return ((l = s.card.customCardPreferences) == null ? void 0 : l.url) || "";
+    }
+  ), a = ha(e);
+  return { getUpdatedFrame: U(() => {
+    var V;
+    xa();
+    const {
+      frame: s,
+      card: l,
+      isDevMode: d,
+      isShowingVisual: p,
+      selectedSchemaName: h,
+      selectedDatamodelId: u,
+      selectedDatabaseName: v,
+      selectedTableName: b,
+      selectedConnectionId: m
+    } = M.getState(), x = l.sql, I = (V = a == null ? void 0 : a.getState()) == null ? void 0 : V.settings, S = va(l, {
+      isDevMode: d,
+      cardSql: x,
+      isShowingVisual: p,
+      selectedSchemaName: h,
+      selectedDatamodelId: u,
+      selectedDatabaseName: v,
+      selectedTableName: b,
+      selectedConnectionId: m,
+      remoteChartSettings: I,
+      stripConfig: Ca
+    }), N = s.cards.map(
+      (B) => B.id === l.id ? S : B
+    );
+    return {
+      ...s,
+      cards: N,
+      activeCardId: ba(N, s.activeCardId)
+    };
+  }, [a]) };
+}
+function qe() {
+  const { authToken: e, tokenProps: a } = Bt(), n = ce(), s = Qt(), l = _e(), { selectVisual: d } = Rt(), {
+    setFrame: p,
+    setCard: h,
+    setIsDevMode: u,
+    initializeModeDrafts: v,
+    setActiveTabCardId: b,
+    updateDataSource: m,
+    setQueryResultColumns: x,
+    setSelectedConnectionId: I,
+    setSelectedDatabaseName: S,
+    setSelectedSchemaName: N,
+    setSelectedTableName: V,
+    setSelectedDatamodelId: B,
+    setFilterValues: G,
+    setInlineFilterValuesMap: Q,
+    setApplyFilters: H,
+    clearEditorContext: te
+  } = de(), {
+    setIsDashboardEditing: T,
+    setIsVisualEditing: o,
+    setSelectedFrameId: w,
+    clearSelectedFrameId: K
+  } = Le(), z = Z((A) => A.selectedSheetId), X = Z((A) => A.selectedFrameId), J = Z((A) => A.dashboard), ae = Z((A) => A.filterValues), O = Z(
+    (A) => A.inlineFilterValuesMap
+  ), Y = $t((l == null ? void 0 : l.id) || "", {
+    enabled: !!(l != null && l.id) && !!(e != null && e.accessToken)
+  }), se = U(
+    async (A) => {
+      try {
+        d(A), K(), te();
+        const { data: F, fromCache: P } = await Xe(
+          a.apiServiceUrl,
+          (e == null ? void 0 : e.accessToken) || "",
+          A.id,
+          n,
+          "Opening library visual..."
+        );
+        if (!Sa(F, {
+          setFrame: p,
+          setCard: h,
+          setIsDevMode: u,
+          initializeModeDrafts: v,
+          setActiveTabCardId: b,
+          updateDataSource: m,
+          setQueryResultColumns: x,
+          setSelectedConnectionId: I,
+          setSelectedDatabaseName: S,
+          setSelectedSchemaName: N,
+          setSelectedTableName: V,
+          setSelectedDatamodelId: B,
+          setFilterValues: G,
+          setInlineFilterValuesMap: Q,
+          setApplyFilters: H,
+          setIsDashboardEditing: T,
+          setIsVisualEditing: o,
+          dashboard: J,
+          selectedSheetId: z,
+          selectedFrameId: X,
+          filterValues: ae,
+          inlineFilterValuesMap: O
+        }))
+          throw new Error("Failed to setup editor with visual data");
+        return { success: !0, fromCache: P };
+      } catch (F) {
+        return console.error("Error editing visual:", F), { success: !1, error: "Failed to load visual for editing" };
+      }
+    },
+    [
+      e == null ? void 0 : e.accessToken,
+      a.apiServiceUrl,
+      n,
+      d,
+      p,
+      h,
+      T,
+      o,
+      u,
+      v,
+      b,
+      m,
+      x,
+      I,
+      S,
+      N,
+      V,
+      B,
+      G,
+      Q,
+      H,
+      te,
+      K,
+      J,
+      z,
+      X,
+      ae,
+      O
+    ]
+  ), be = U(
+    async (A) => {
+      var P;
+      const F = (_) => (j.error(_), { success: !1, error: _ });
+      try {
+        if (d(A), !z)
+          return F("No sheet selected. Please select a sheet first.");
+        const { data: _, fromCache: ge } = await Xe(
+          a.apiServiceUrl,
+          (e == null ? void 0 : e.accessToken) || "",
+          A.id,
+          n,
+          "Adding visual to dashboard..."
+        ), ue = (_ == null ? void 0 : _.frameObject) ?? ((P = _ == null ? void 0 : _.visual) == null ? void 0 : P.frameObject);
+        if (!ue)
+          return F("Visual has no frame data");
+        const R = ft(ue);
+        if (!(R != null && R.cards) || R.cards.length === 0)
+          return F("Visual frame is malformed");
+        const le = {
+          ...Ht(R),
+          visualId: A.id
+          // Link this frame to the library visual
+        };
+        return await s(
+          z,
+          le,
+          "end"
+        ), T(!0), w(le.id), { success: !0, fromCache: ge };
+      } catch (_) {
+        return console.error("Error adding visual:", _), F(
+          _ instanceof Error ? _.message : "Failed to add visual to dashboard"
+        );
+      }
+    },
+    [
+      e == null ? void 0 : e.accessToken,
+      a.apiServiceUrl,
+      n,
+      d,
+      z,
+      T,
+      w,
+      s
+    ]
+  );
+  return {
+    visual: Y.data,
+    isLoading: Y.isLoading,
+    isError: Y.isError,
+    error: Y.error,
+    handleEditLibraryVisual: se,
+    handleAddLibraryVisual: be,
+    getUpdatedFrame: ka().getUpdatedFrame,
+    refetch: Y.refetch
+  };
+}
+function $a() {
+  const e = M((p) => p.card.dataSource), {
+    setSelectedConnectionId: a,
+    setSelectedDatabaseName: n,
+    setSelectedSchemaName: s,
+    setSelectedTableName: l,
+    setSelectedDatamodelId: d
+  } = de();
+  ie(() => {
+    var I;
+    if (!e) return;
+    const { tableName: p, schemaName: h, databaseName: u, connectionId: v } = Pt(e), b = (I = e.selectedEntities) == null ? void 0 : I[0], x = (b == null ? void 0 : b.type) === "model" && "id" in b ? b.id : "";
+    a(v || ""), n(u || ""), s(h || ""), l(p || ""), d(x);
+  }, [
+    e,
+    a,
+    n,
+    s,
+    l,
+    d
+  ]);
+}
+function ht() {
+  var u, v;
+  const e = M((b) => b.card), a = M((b) => b.frame), n = $(
+    () => mt(a, e),
+    [a, e]
+  ), { manifest: s } = Wt(
+    ((u = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : u.url) || ""
+  ), l = $(
+    () => {
+      var b;
+      return (b = s == null ? void 0 : s.visuals) == null ? void 0 : b.find(
+        (m) => {
+          var x;
+          return m.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 = da(n, l), p = $(
+    () => ca({
+      frame: a,
+      configCard: n,
+      isMultiInputVisual: d === "multiple"
+    }),
+    [a, n, d]
+  ), h = $(() => {
+    const b = p.findIndex(
+      (m) => (m == null ? void 0 : m.id) === e.id
+    );
+    return b < 0 ? -1 : ua(e, b);
+  }, [p, e]);
+  return $(() => !n || d !== "multiple" || h < 0 ? e.type : ma(
+    e,
+    h,
+    l == null ? void 0 : l.slots
+  ) ?? e.type, [n, d, h, e, l == null ? void 0 : l.slots]);
+}
+function Na(e, a) {
+  return {
+    ...e,
+    sql: "",
+    python: "",
+    config: void 0,
+    customCfg: "",
+    preferences: {},
+    interactionConfig: void 0,
+    linkedInteractionTargetOverrides: void 0,
+    customCardPreferences: a ? e.customCardPreferences : void 0,
+    type: a ? e.type : "bar"
+  };
+}
+function wa() {
+  const { setTempQueryData: e } = de(), a = ce(), n = M((Q) => Q.tempQueryData), s = M((Q) => Q.card), l = ht(), d = $(() => l !== s.type ? { ...s, type: l } : s, [s, l]), { queryKey: p } = it(d), {
+    setCardSql: h,
+    setSqlGen: u,
+    setCardPython: v,
+    setCardCustomCfg: b,
+    setCardPreferences: m,
+    clearQueryConfig: x,
+    setCardConfig: I,
+    setCardType: S,
+    setFrame: N,
+    setCard: V,
+    setActiveTabCardId: B
+  } = de();
+  function G() {
+    var K, z, X, J;
+    const Q = a.getQueryData(p);
+    n != null && n.queryData || e({
+      queryKey: p,
+      queryData: Q
+    }), a.setQueryData(p, null), a.removeQueries({ queryKey: p, exact: !0 }), h(""), u({}), x(), I(void 0), v(""), b(""), m({});
+    const H = M.getState().frame, te = M.getState().card, T = mt(H, te), o = ((K = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : K.visualType) === "multiple" || !!((z = T == null ? void 0 : T.customCardPreferences) != null && z.dataInputCardIds) || (((X = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : X.minInputs) || 0) > 1 || (((J = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : J.maxInputs) || 0) > 1, w = Na(te, o);
+    N({
+      ...H,
+      cards: H.cards.map(
+        (ae) => ae.id === w.id ? w : ae
+      )
+    }), B(w.id), V(w), o || S("bar");
+  }
+  return G;
+}
+function Ha({
+  type: e,
+  isLinked: a,
+  className: n,
+  showLabel: s = !1,
+  showLocal: l = !1
+}) {
+  const d = Z((N) => N.selectedFrameId), p = Yt((N) => N.selectedVisual), h = M((N) => N.frame);
+  let u;
+  if (e)
+    u = e;
+  else if (a !== void 0)
+    u = a ? "linked" : "library";
+  else if (!!!(h != null && h.visualId || p != null && p.id) && d)
+    u = "local";
+  else if (p && !d)
+    u = "library";
+  else if (h != null && h.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."
+  }, m = {
+    local: "border-slate-200 bg-slate-50 text-slate-900 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100",
+    linked: "border-purple-200 bg-purple-50 text-purple-900 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-100",
+    library: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-100"
+  }, 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"
+  }, I = {
+    local: /* @__PURE__ */ r("span", { className: "h-2 w-2 rounded-full bg-current/70" }),
+    linked: /* @__PURE__ */ r(fa, { className: "h-3.5 w-3.5" }),
+    library: /* @__PURE__ */ r(pa, { className: "h-3.5 w-3.5" })
+  }, S = {
+    local: "Local",
+    linked: "Linked",
+    library: "Library"
+  };
+  return /* @__PURE__ */ r(vt, { children: /* @__PURE__ */ f(xt, { delayDuration: 300, children: [
+    /* @__PURE__ */ r(Ct, { asChild: !0, children: /* @__PURE__ */ f(
+      Gt,
+      {
+        variant: "outline",
+        className: fe(
+          "cursor-help select-none transition-all",
+          v[u],
+          n
+        ),
+        children: [
+          I[u],
+          s && /* @__PURE__ */ r("span", { className: "ml-1 text-xs font-medium leading-none", children: S[u] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ f(
+      St,
+      {
+        side: "bottom",
+        className: fe("max-w-xs", m[u]),
+        children: [
+          /* @__PURE__ */ r(kt, { className: x[u] }),
+          /* @__PURE__ */ r("p", { children: b[u] })
+        ]
+      }
+    )
+  ] }) });
+}
+function bt(e) {
+  const { control: a, onChange: n } = e;
+  return /* @__PURE__ */ f("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ r(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+    /* @__PURE__ */ r(
+      nt,
+      {
+        size: "xs",
+        value: a.label,
+        placeholder: "Control label",
+        onChange: (s) => n(s.target.value)
+      }
+    )
+  ] });
+}
+function Da(e) {
+  const { currentStep: a, labels: n } = e;
+  return /* @__PURE__ */ r("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__ */ r("div", { className: "flex flex-wrap items-center gap-2 sm:gap-2.5", children: n.map((s, l) => {
+    const d = l + 1, p = d === a, h = d < a;
+    return /* @__PURE__ */ f(yt, { children: [
+      /* @__PURE__ */ f("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ r(
+          "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" : h ? "border-foreground/30 bg-foreground/10 text-foreground" : "border-border/60 bg-background text-muted-foreground"
+            ),
+            children: d
+          }
+        ),
+        /* @__PURE__ */ r(
+          "span",
+          {
+            className: fe(
+              "text-[12px]",
+              p ? "font-medium text-foreground" : "text-muted-foreground"
+            ),
+            children: s
+          }
+        )
+      ] }),
+      l < n.length - 1 ? /* @__PURE__ */ r(
+        "span",
+        {
+          className: "h-px w-4 bg-border/60 sm:w-6",
+          "aria-hidden": "true"
+        }
+      ) : null
+    ] }, s);
+  }) }) });
+}
+function he(e) {
+  const { secondary: a, tertiary: n, primary: s } = e;
+  return /* @__PURE__ */ f("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: [
+    a,
+    n,
+    s
+  ] });
+}
+function Ea(e) {
+  const { control: a, scope: n, detail: s } = e;
+  return /* @__PURE__ */ f("div", { className: "flex items-start gap-2.5 rounded-control border border-border/60 bg-muted/30 px-3 py-2.5", children: [
+    /* @__PURE__ */ r(oa, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground" }),
+    /* @__PURE__ */ f("div", { className: "min-w-0 space-y-0.5", children: [
+      /* @__PURE__ */ r("div", { className: "text-[13px] font-medium text-foreground", children: a.label }),
+      /* @__PURE__ */ f("div", { className: "text-[12px] text-muted-foreground", children: [
+        at(a.type).label,
+        " ·",
+        " ",
+        st(a),
+        " ·",
+        " ",
+        rt(n, a.placement)
+      ] }),
+      s ? /* @__PURE__ */ r("div", { className: "text-[12px] text-muted-foreground", children: s }) : null
+    ] })
+  ] });
+}
+function Je(e) {
+  const {
+    control: a,
+    defaultValue: n,
+    availableFieldChoices: s,
+    availableMetricChoices: l,
+    previewControlDefinitions: d,
+    previewControlValues: p,
+    onControlChange: h,
+    onLabelChange: u,
+    onDefaultValueChange: v,
+    onBack: b,
+    onNext: m,
+    nextDisabled: x
+  } = e;
+  return /* @__PURE__ */ f("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ r(bt, { control: a, onChange: u }),
+    /* @__PURE__ */ r(
+      dt,
+      {
+        control: a,
+        availableFieldChoices: s,
+        availableMetricChoices: l,
+        previewControlDefinitions: d,
+        previewControlValues: p,
+        controlLifecycle: "create",
+        onChange: h
+      }
+    ),
+    /* @__PURE__ */ r(
+      ct,
+      {
+        control: a,
+        value: n,
+        onChange: v,
+        allowNoDefault: !0,
+        allowCardDefault: !0,
+        hint: "This is the value viewers will see first.",
+        previewControlDefinitions: d,
+        previewControlValues: p
+      }
+    ),
+    /* @__PURE__ */ r(
+      he,
+      {
+        secondary: /* @__PURE__ */ r(q, { type: "button", variant: "outline", size: "xs", onClick: b, children: "Back" }),
+        primary: /* @__PURE__ */ r(
+          q,
+          {
+            type: "button",
+            size: "xs",
+            onClick: m,
+            disabled: x,
+            children: "Next"
+          }
+        )
+      }
+    )
+  ] });
+}
+const Ia = /* @__PURE__ */ new Set([
+  "grain_selector",
+  "aggregation_selector",
+  "field_selector",
+  "metric_selector"
+]);
+function Ze(e) {
+  const { text: a, ariaLabel: n } = e, [s, l] = W(!1);
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      type: "button",
+      "aria-label": n,
+      onClick: async () => {
+        try {
+          await navigator.clipboard.writeText(a), 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__ */ r("code", { className: "min-w-0 truncate font-mono text-[12px] text-foreground", children: a }),
+        /* @__PURE__ */ r("span", { className: "shrink-0 text-[11px] text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100", children: s ? "Copied" : "Click to copy" })
+      ]
+    }
+  );
+}
+function et(e) {
+  const {
+    control: a,
+    scope: n,
+    createdReference: s,
+    explorerContent: l,
+    sqlDescription: d,
+    summaryDetail: p,
+    onBack: h,
+    onCancel: u,
+    onDone: v
+  } = e, b = Ia.has(a.type), m = s.match(/\[\[param\.(.+?)\]\]/), x = m ? `{{ param('${m[1]}') }}` : "";
+  return /* @__PURE__ */ f("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ r(
+      Ea,
+      {
+        control: a,
+        scope: n,
+        detail: p
+      }
+    ),
+    /* @__PURE__ */ f("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ r("p", { className: "text-[13px] font-medium text-foreground", children: "How cards use this control" }),
+      /* @__PURE__ */ f("div", { className: "divide-y divide-border/60 overflow-hidden rounded-control border border-border/60", children: [
+        b ? /* @__PURE__ */ f("div", { className: "space-y-1 px-3 py-2.5", children: [
+          /* @__PURE__ */ r("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Explorer cards" }),
+          /* @__PURE__ */ r("div", { className: "text-[12px] text-muted-foreground", children: l })
+        ] }) : null,
+        /* @__PURE__ */ f("div", { className: "space-y-1.5 px-3 py-2.5", children: [
+          /* @__PURE__ */ r("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "SQL cards" }),
+          /* @__PURE__ */ r(
+            Ze,
+            {
+              text: s,
+              ariaLabel: "Copy SQL control reference"
+            }
+          ),
+          x ? /* @__PURE__ */ r(
+            Ze,
+            {
+              text: x,
+              ariaLabel: "Copy Jinja control reference"
+            }
+          ) : null,
+          /* @__PURE__ */ f("p", { className: "text-[12px] text-muted-foreground", children: [
+            d,
+            " ",
+            /* @__PURE__ */ r(
+              "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__ */ r(
+      he,
+      {
+        secondary: /* @__PURE__ */ r(q, { type: "button", variant: "outline", size: "xs", onClick: h, children: "Back" }),
+        tertiary: /* @__PURE__ */ r(q, { type: "button", variant: "outline", size: "xs", onClick: u, children: "Cancel" }),
+        primary: /* @__PURE__ */ r(q, { type: "button", size: "xs", onClick: v, children: "Done" })
+      }
+    )
+  ] });
+}
+function Ta(e) {
+  const a = me(
+    e.scope,
+    e.existingControls,
+    e.reservedIds
+  ), n = e.type === a.type ? {
+    ...a,
+    label: Fe[e.type]
+  } : {
+    ...ot({
+      controls: [
+        {
+          ...a,
+          label: Fe[e.type]
+        }
+      ],
+      controlId: a.id,
+      nextType: e.type
+    }).controls[0],
+    label: Fe[e.type]
+  };
+  return {
+    step: 2,
+    control: n,
+    defaultValue: pe(n, void 0)
+  };
+}
+function Ka({
+  scope: e,
+  controls: a,
+  reservedControlIds: n,
+  defaultValues: s,
+  onChange: l,
+  emptyMessage: d,
+  initialCreateFlow: p = !1,
+  usageByControlId: h,
+  availableFieldChoices: u,
+  availableMetricChoices: v,
+  structuralParticipants: b,
+  structuralParticipantIdsByControlId: m,
+  card: x,
+  allowedControlTypes: I,
+  onCreateFlowActiveChange: S,
+  onCreateFlowComplete: N
+}) {
+  const V = $(
+    () => new Set(n || []),
+    [n]
+  ), B = Ft(e), G = Nt(e), [Q, H] = W(
+    null
+  ), [te, T] = W(
+    null
+  ), [o, w] = W(
+    () => p ? {
+      step: 1,
+      control: me(e, a, Array.from(V))
+    } : null
+  ), K = Se({}), z = Se(void 0), X = Se(p), J = $(() => {
+    const t = Re({ scope: e, card: x });
+    if (!I)
+      return t;
+    const c = new Set(I);
+    return t.filter((i) => c.has(i.value));
+  }, [I, x, e]), ae = U(
+    (t) => {
+      const c = Re({
+        scope: e,
+        card: x,
+        includeType: I ? void 0 : t
+      });
+      if (!I)
+        return c;
+      const i = new Set(I);
+      return c.filter((g) => i.has(g.value));
+    },
+    [I, x, e]
+  ), O = U(
+    (t) => e === "dashboard" && (t === "field_selector" || t === "metric_selector"),
+    [e]
+  ), Y = $(
+    () => o ? $e(
+      b || [],
+      o.control.type
+    ) : [],
+    [o, b]
+  ), se = $(() => {
+    if (!o)
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    if (!O(o.control.type))
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    const t = o.selectedCardIds || [], c = ke({
+      controlType: o.control.type,
+      participants: b || [],
+      selectedCardIds: t
+    });
+    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,
+    O,
+    b
+  ]);
+  ie(() => {
+    S == null || S(!!o);
+  }, [o, S]), ie(() => {
+    const t = p && !X.current;
+    X.current = p, t && (w({
+      step: 1,
+      control: me(e, a, Array.from(V))
+    }), T(null), H(null));
+  }, [a, p, V, e]);
+  const be = (t) => {
+    if (!O(t.type))
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    const c = (m == null ? void 0 : m[t.id]) || [];
+    if (c.length === 0)
+      return {
+        fields: u || [],
+        metrics: v || []
+      };
+    const i = ke({
+      controlType: t.type,
+      participants: b || [],
+      selectedCardIds: c
+    });
+    return {
+      fields: t.type === "field_selector" ? i.choices.map((g) => ({
+        option: g,
+        target: i.fieldTargetMap[g.value]
+      })) : [],
+      metrics: t.type === "metric_selector" ? i.choices.map((g) => ({
+        option: g,
+        target: i.metricTargetMap[g.value]
+      })) : []
+    };
+  }, A = (t) => {
+    if (!O(t.control.type))
+      return {
+        nextControl: t.control,
+        cardBindingsById: void 0
+      };
+    const c = (m == null ? void 0 : m[t.control.id]) || [], i = ke({
+      controlType: t.control.type,
+      participants: b || [],
+      selectedCardIds: t.nextSelectedCardIds
+    }), g = qt({
+      control: t.control,
+      choices: i.choices
+    }), C = Object.fromEntries(
+      c.filter((k) => !t.nextSelectedCardIds.includes(k)).map((k) => [k, void 0])
+    );
+    return t.nextSelectedCardIds.length > 0 && g.source.kind === "manual" && g.source.options.length > 0 && Object.assign(
+      C,
+      We({
+        control: g,
+        participants: b || [],
+        selectedCardIds: t.nextSelectedCardIds,
+        matrixTargetIds: t.matrixTargetIds
+      })
+    ), {
+      nextControl: g,
+      cardBindingsById: C
+    };
+  }, F = U(
+    (t, c = s, i = { type: "update" }) => {
+      const g = t.map((C) => (Ne({
+        control: C,
+        defaultValues: c
+      }), wt(
+        C
+      )));
+      l(g, c, i);
+    },
+    [s, l]
+  ), P = (t, c) => {
+    const i = a.find(
+      (E) => E.id === t
+    );
+    let g = a.map((E) => E.id !== t ? E : c(E));
+    const C = g.find(
+      (E) => E.id === t
+    );
+    let k, y;
+    if (C && (!i || Lt({ control: i }, { control: C })) && e === "dashboard" && (C.type === "field_selector" || C.type === "metric_selector")) {
+      const E = (m == null ? void 0 : m[C.id]) || [], ne = A({
+        control: C,
+        nextSelectedCardIds: E
+      });
+      g = g.map(
+        (re) => re.id === t ? ne.nextControl : re
+      ), k = ne.cardBindingsById, y = [C.id];
+    } else if (i && (!C || !_t(C.type)) && e === "dashboard" && (i.type === "field_selector" || i.type === "metric_selector")) {
+      const E = (m == null ? void 0 : m[i.id]) || [];
+      k = Object.fromEntries(
+        E.map((ne) => [ne, void 0])
+      ), y = [i.id];
+    }
+    const D = g.find(
+      (E) => E.id === t
+    );
+    let L = s;
+    if (i && D) {
+      const E = Ne({
+        control: i,
+        defaultValues: s
+      });
+      i.source.kind === "manual" && D.source.kind === "sql_query" && (K.current[t] = E);
+      const ne = E === void 0 && i.source.kind === "sql_query" && D.source.kind === "manual" ? K.current[t] : E, re = Pe({
+        previousControl: i,
+        nextControl: D,
+        currentDefaultValue: ne
+      });
+      D.source.kind === "manual" && (K.current[t] = re), s && (L = { ...s }, re === void 0 ? delete L[t] : L[t] = re), g = g.map(
+        (Be) => Be.id === t ? { ...D, defaultValue: re } : Be
+      );
+    }
+    F(g, L, {
+      type: "update",
+      cardBindingsById: k,
+      affectedBindingControlIds: y
+    });
+  }, _ = (t, c) => {
+    if (!c.trim())
+      return;
+    const i = Mt(c);
+    if (i === t || V.has(i) || a.some(
+      (k) => k.id === i && k.id !== t
+    ))
+      return;
+    const g = a.map(
+      (k) => k.id === t ? { ...k, id: i } : k
+    );
+    if (!s) {
+      F(g, void 0, {
+        type: "rename",
+        oldId: t,
+        newId: i
+      });
+      return;
+    }
+    const C = { ...s };
+    Object.prototype.hasOwnProperty.call(C, t) && (C[i] = C[t], delete C[t]), F(g, C, {
+      type: "rename",
+      oldId: t,
+      newId: i
+    });
+  }, ge = (t) => {
+    const c = a.filter((g) => g.id !== t);
+    if (!s) {
+      F(c, void 0, { type: "remove", controlId: t });
+      return;
+    }
+    const i = { ...s };
+    delete i[t], F(c, i, { type: "remove", controlId: t });
+  }, ue = U(() => {
+    z.current = void 0, w({
+      step: 1,
+      control: me(e, a, Array.from(V))
+    }), T(null), H(null);
+  }, [a, V, e]), R = (t) => {
+    w(
+      (c) => c && (() => {
+        const i = t(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 = Pe({
+          previousControl: c.control,
+          nextControl: i,
+          currentDefaultValue: g
+        });
+        return i.source.kind === "manual" && (z.current = C), {
+          ...c,
+          control: i,
+          defaultValue: C
+        };
+      })()
+    );
+  }, le = (t) => {
+    w(
+      (c) => c && (c.control.source.kind === "manual" && (z.current = t), {
+        ...c,
+        defaultValue: t
+      })
+    );
+  }, ye = (() => {
+    if (!o)
+      return !1;
+    if (o.step === 2 && O(o.control.type))
+      return (o.selectedCardIds || []).length > 0 && Dt({
+        participants: b || [],
+        selectedCardIds: o.selectedCardIds || [],
+        control: o.control,
+        selected: o.matrixTargetIds
+      });
+    if (o.step !== 2 && o.step !== 3 || !o.control.label.trim())
+      return !1;
+    const c = o.control.source.kind === "sql_query" ? o.control : He(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(
+      pe(c, o.defaultValue)
+    );
+  })(), Oe = () => {
+    var k;
+    if (!o)
+      return;
+    const t = He(o.control), c = At({
+      label: t.label,
+      fallbackId: t.id,
+      existingControls: a,
+      reservedIds: Array.from(V)
+    }), i = {
+      ...t,
+      id: c
+    }, g = e === "dashboard" && (i.type === "field_selector" || i.type === "metric_selector") && ((k = o.selectedCardIds) != null && k.length) ? We({
+      control: i,
+      participants: b || [],
+      selectedCardIds: o.selectedCardIds,
+      matrixTargetIds: o.matrixTargetIds
+    }) : void 0, C = pe(
+      i,
+      o.defaultValue
+    );
+    w({
+      step: e === "dashboard" && (i.type === "field_selector" || i.type === "metric_selector") ? 4 : 3,
+      control: i,
+      defaultValue: C,
+      createdControlId: c,
+      selectedCardIds: o.selectedCardIds,
+      matrixTargetIds: o.matrixTargetIds,
+      cardBindingsById: g
+    });
+  }, ve = U(() => {
+    w(null);
+  }, []), ze = U(() => {
+    if (!(o != null && o.createdControlId)) {
+      w(null);
+      return;
+    }
+    const t = o.control, c = o.createdControlId, i = pe(
+      t,
+      o.defaultValue
+    );
+    if (s) {
+      const g = { ...s };
+      i === void 0 ? delete g[c] : g[c] = i, F(
+        [
+          ...a,
+          {
+            ...t,
+            defaultValue: i
+          }
+        ],
+        g,
+        {
+          type: "add",
+          cardBindingsById: o.cardBindingsById
+        }
+      );
+    } else
+      F(
+        [
+          ...a,
+          {
+            ...t,
+            defaultValue: i
+          }
+        ],
+        void 0,
+        {
+          type: "add",
+          cardBindingsById: o.cardBindingsById
+        }
+      );
+    T(c), w(null), N == null || N();
+  }, [a, o, s, F, N]), gt = o ? O(o.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], Ue = o != null && o.createdControlId ? `[[param.${o.createdControlId}]]` : o ? `[[param.${Tt(o.control.label) || o.control.id}]]` : "", xe = Ke({
+    controls: a,
+    defaultValues: s
+  }), Ce = o ? [...a, o.control] : a, je = o ? Ke({
+    controls: Ce,
+    defaultValues: s,
+    overrides: [
+      {
+        controlId: o.control.id,
+        value: o.defaultValue
+      }
+    ]
+  }) : xe;
+  return /* @__PURE__ */ f("div", { className: "space-y-4", children: [
+    o ? /* @__PURE__ */ f("div", { className: "space-y-4 pb-1", children: [
+      /* @__PURE__ */ r(
+        Da,
+        {
+          currentStep: o.step,
+          labels: gt
+        }
+      ),
+      o.step === 1 && (() => {
+        const t = /* @__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 = J.filter(
+          (k) => !t.has(k.value) && !c.has(k.value)
+        ), g = J.filter(
+          (k) => t.has(k.value)
+        ), C = (k) => /* @__PURE__ */ f(
+          "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: () => w(
+              Ta({
+                scope: e,
+                existingControls: a,
+                reservedIds: Array.from(V),
+                type: k.value
+              })
+            ),
+            children: [
+              /* @__PURE__ */ r("div", { className: "text-[13px] font-medium text-foreground", children: k.label }),
+              /* @__PURE__ */ r("p", { className: "mt-0.5 text-[12px] text-muted-foreground", children: k.description })
+            ]
+          },
+          k.value
+        );
+        return /* @__PURE__ */ f("div", { className: "space-y-4", children: [
+          e === "card" && (x == null ? void 0 : x.sql) == null ? /* @__PURE__ */ r("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__ */ f("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ r("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Input controls" }),
+            /* @__PURE__ */ r("div", { className: "grid gap-1.5 sm:grid-cols-2", children: i.map(C) })
+          ] }),
+          g.length > 0 && /* @__PURE__ */ f("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ r("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Data-driven controls" }),
+            /* @__PURE__ */ r("div", { className: "grid gap-1.5 sm:grid-cols-2", children: g.map(C) })
+          ] }),
+          /* @__PURE__ */ r(
+            he,
+            {
+              secondary: /* @__PURE__ */ r(
+                q,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "xs",
+                  onClick: ve,
+                  children: "Back to controls"
+                }
+              )
+            }
+          )
+        ] });
+      })(),
+      o.step === 2 && O(o.control.type) && /* @__PURE__ */ f("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ f("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ r(
+            bt,
+            {
+              control: o.control,
+              onChange: (t) => R((c) => ({
+                ...c,
+                label: t
+              }))
+            }
+          ),
+          /* @__PURE__ */ r("p", { className: "text-[12px] text-muted-foreground", children: "Choose which cards should respond to this shared control." })
+        ] }),
+        Y.length === 0 ? /* @__PURE__ */ r("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__ */ r("div", { className: "space-y-1 rounded-control border border-border/60 bg-background p-2", children: Y.map((t) => {
+          const c = (o.selectedCardIds || []).includes(t.cardId);
+          return /* @__PURE__ */ f(
+            "label",
+            {
+              className: "flex items-start gap-2 rounded-control px-1.5 py-1 text-[13px] hover:bg-muted/40",
+              children: [
+                /* @__PURE__ */ r(
+                  Xt,
+                  {
+                    checked: c,
+                    onCheckedChange: (i) => w(
+                      (g) => g && {
+                        ...g,
+                        selectedCardIds: i === !0 ? [
+                          ...g.selectedCardIds || [],
+                          t.cardId
+                        ] : (g.selectedCardIds || []).filter(
+                          (C) => C !== t.cardId
+                        )
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ f("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ r("div", { className: "font-medium text-foreground", children: t.title }),
+                  /* @__PURE__ */ r("div", { className: "text-[12px] text-muted-foreground", children: o.control.type === "field_selector" ? `${t.fieldChoices.length} compatible group-by fields` : `${t.metricChoices.length} compatible metrics` })
+                ] })
+              ]
+            },
+            t.cardId
+          );
+        }) }),
+        /* @__PURE__ */ r(
+          Ye,
+          {
+            participants: Y,
+            selectedCardIds: o.selectedCardIds || [],
+            control: o.control,
+            selected: o.matrixTargetIds,
+            onChange: (t, c) => w((i) => i && { ...i, matrixTargetIds: { ...i.matrixTargetIds, [t]: c } })
+          }
+        ),
+        /* @__PURE__ */ r(
+          he,
+          {
+            secondary: /* @__PURE__ */ r(
+              q,
+              {
+                type: "button",
+                variant: "outline",
+                size: "xs",
+                onClick: () => w(
+                  (t) => t && {
+                    ...t,
+                    step: 1,
+                    selectedCardIds: []
+                  }
+                ),
+                children: "Back"
+              }
+            ),
+            primary: /* @__PURE__ */ r(
+              q,
+              {
+                type: "button",
+                size: "xs",
+                onClick: () => w(
+                  (t) => t && {
+                    ...t,
+                    step: 3
+                  }
+                ),
+                disabled: !ye,
+                children: "Next"
+              }
+            )
+          }
+        )
+      ] }),
+      o.step === 2 && !O(o.control.type) && /* @__PURE__ */ r(
+        Je,
+        {
+          control: o.control,
+          defaultValue: o.defaultValue,
+          availableFieldChoices: se.fields,
+          availableMetricChoices: se.metrics,
+          previewControlDefinitions: Ce,
+          previewControlValues: je,
+          onControlChange: (t) => R(() => t),
+          onLabelChange: (t) => R((c) => ({
+            ...c,
+            label: t
+          })),
+          onDefaultValueChange: le,
+          onBack: () => w(
+            (t) => t && {
+              ...t,
+              step: 1
+            }
+          ),
+          onNext: Oe,
+          nextDisabled: !ye
+        }
+      ),
+      o.step === 3 && O(o.control.type) && /* @__PURE__ */ r(
+        Je,
+        {
+          control: o.control,
+          defaultValue: o.defaultValue,
+          availableFieldChoices: se.fields,
+          availableMetricChoices: se.metrics,
+          previewControlDefinitions: Ce,
+          previewControlValues: je,
+          onControlChange: (t) => R(() => t),
+          onLabelChange: (t) => R((c) => ({
+            ...c,
+            label: t
+          })),
+          onDefaultValueChange: le,
+          onBack: () => w(
+            (t) => t && {
+              ...t,
+              step: 2
+            }
+          ),
+          onNext: Oe,
+          nextDisabled: !ye
+        }
+      ),
+      o.step === 3 && !O(o.control.type) && /* @__PURE__ */ r(
+        et,
+        {
+          control: o.control,
+          scope: e,
+          createdReference: Ue,
+          explorerContent: /* @__PURE__ */ f(ee, { children: [
+            "Open the card and use",
+            " ",
+            /* @__PURE__ */ r("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: () => w(
+            (t) => t && {
+              ...t,
+              step: 2
+            }
+          ),
+          onCancel: ve,
+          onDone: ze
+        }
+      ),
+      o.step === 4 && O(o.control.type) && /* @__PURE__ */ r(
+        et,
+        {
+          control: o.control,
+          scope: e,
+          createdReference: Ue,
+          summaryDetail: /* @__PURE__ */ f(ee, { children: [
+            "Used by ",
+            (o.selectedCardIds || []).length,
+            " selected card",
+            (o.selectedCardIds || []).length === 1 ? "" : "s"
+          ] }),
+          explorerContent: /* @__PURE__ */ r(ee, { 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: () => w(
+            (t) => t && {
+              ...t,
+              step: 3
+            }
+          ),
+          onCancel: ve,
+          onDone: ze
+        }
+      )
+    ] }) : null,
+    !o && a.length === 0 ? /* @__PURE__ */ r("div", { className: "rounded-md border border-dashed p-3 text-sm text-muted-foreground", children: d }) : null,
+    !o && a.map((t) => {
+      const c = be(t), i = h == null ? void 0 : h[t.id], g = Ne({
+        control: t,
+        defaultValues: s
+      }), C = te === t.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__ */ f(
+        "div",
+        {
+          className: "rounded-control border border-border/60",
+          children: [
+            /* @__PURE__ */ f("div", { className: "flex items-center gap-2 px-3 py-2.5", children: [
+              /* @__PURE__ */ f(
+                "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: () => T(
+                    (y) => y === t.id ? null : t.id
+                  ),
+                  children: [
+                    C ? /* @__PURE__ */ r(Qe, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ r(Ge, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                    /* @__PURE__ */ f("div", { className: "min-w-0", children: [
+                      /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                        /* @__PURE__ */ r("span", { className: "truncate text-[13px] font-medium text-foreground", children: t.label || "Untitled control" }),
+                        /* @__PURE__ */ r("span", { className: k, children: at(t.type).label }),
+                        /* @__PURE__ */ r("span", { className: k, children: rt(e, t.placement) })
+                      ] }),
+                      /* @__PURE__ */ f("div", { className: "mt-0.5 text-[12px] text-muted-foreground", children: [
+                        st(t),
+                        i != null && i.status ? ` · ${i.status}` : ""
+                      ] })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ r(
+                q,
+                {
+                  type: "button",
+                  size: "xs",
+                  variant: "ghost",
+                  className: "h-7 w-7 shrink-0 p-0 text-muted-foreground",
+                  onClick: () => ge(t.id),
+                  "aria-label": `Remove ${t.label}`,
+                  children: /* @__PURE__ */ r(Jt, { className: "h-3.5 w-3.5" })
+                }
+              )
+            ] }),
+            C && /* @__PURE__ */ f("div", { className: "space-y-4 border-t border-border/60 px-3 py-3", children: [
+              /* @__PURE__ */ f("div", { className: "grid gap-3 md:grid-cols-3", children: [
+                /* @__PURE__ */ f("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ r(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Label" }),
+                  /* @__PURE__ */ r(
+                    nt,
+                    {
+                      size: "xs",
+                      value: t.label,
+                      placeholder: "Control label",
+                      onChange: (y) => P(t.id, (D) => ({
+                        ...D,
+                        label: y.target.value
+                      }))
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ f("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ r(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Type" }),
+                  /* @__PURE__ */ f(
+                    we,
+                    {
+                      value: t.type,
+                      onValueChange: (y) => {
+                        const D = ot({
+                          controls: a,
+                          controlId: t.id,
+                          nextType: y,
+                          defaultValues: s
+                        });
+                        F(D.controls, D.defaultValues);
+                      },
+                      children: [
+                        /* @__PURE__ */ r(De, { size: "xs", children: /* @__PURE__ */ r(Ee, {}) }),
+                        /* @__PURE__ */ r(Ie, { children: ae(t.type).map(
+                          (y) => /* @__PURE__ */ r(
+                            Te,
+                            {
+                              value: y.value,
+                              children: y.label
+                            },
+                            y.value
+                          )
+                        ) })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ f("div", { className: "flex flex-col gap-1.5", children: [
+                  /* @__PURE__ */ r(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Show in" }),
+                  /* @__PURE__ */ f(
+                    we,
+                    {
+                      value: t.placement || G,
+                      onValueChange: (y) => P(t.id, (D) => ({
+                        ...D,
+                        placement: y
+                      })),
+                      children: [
+                        /* @__PURE__ */ r(De, { size: "xs", children: /* @__PURE__ */ r(Ee, {}) }),
+                        /* @__PURE__ */ r(Ie, { children: B.map((y) => /* @__PURE__ */ r(Te, { value: y.value, children: y.label }, y.value)) })
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              O(t.type) ? /* @__PURE__ */ f(ee, { children: [
+                /* @__PURE__ */ r(
+                  Zt,
+                  {
+                    type: t.type,
+                    participants: $e(
+                      b || [],
+                      t.type
+                    ).map((y) => ({
+                      cardId: y.cardId,
+                      title: y.title,
+                      choiceCount: t.type === "field_selector" ? y.fieldChoices.length : y.metricChoices.length
+                    })),
+                    selectedCardIds: (m == null ? void 0 : m[t.id]) || [],
+                    onChange: (y) => {
+                      const D = A({
+                        control: t,
+                        nextSelectedCardIds: y
+                      }), L = a.map(
+                        (E) => E.id === t.id ? D.nextControl : E
+                      );
+                      F(L, s, {
+                        type: "update",
+                        cardBindingsById: D.cardBindingsById
+                      });
+                    }
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  Ye,
+                  {
+                    participants: b || [],
+                    selectedCardIds: (m == null ? void 0 : m[t.id]) || [],
+                    control: t,
+                    onChange: (y, D) => {
+                      const L = A({
+                        control: t,
+                        nextSelectedCardIds: (m == null ? void 0 : m[t.id]) || [],
+                        matrixTargetIds: { [y]: D }
+                      });
+                      F(
+                        a.map((E) => E.id === t.id ? L.nextControl : E),
+                        s,
+                        { type: "update", cardBindingsById: L.cardBindingsById }
+                      );
+                    }
+                  }
+                )
+              ] }) : null,
+              /* @__PURE__ */ r(
+                dt,
+                {
+                  control: t,
+                  availableFieldChoices: c.fields,
+                  availableMetricChoices: c.metrics,
+                  previewControlDefinitions: a,
+                  previewControlValues: xe,
+                  controlLifecycle: "edit",
+                  onChange: (y) => P(t.id, () => y)
+                }
+              ),
+              t.initialValueStrategy === "saved_default" && /* @__PURE__ */ r(
+                ct,
+                {
+                  control: t,
+                  value: g,
+                  allowNoDefault: !0,
+                  allowCardDefault: !0,
+                  previewControlDefinitions: a,
+                  previewControlValues: xe,
+                  onChange: (y) => {
+                    const D = a.map(
+                      (L) => L.id === t.id ? { ...L, defaultValue: y } : L
+                    );
+                    if (t.source.kind === "manual" && (K.current[t.id] = y), s) {
+                      const L = { ...s };
+                      y === void 0 ? delete L[t.id] : L[t.id] = y, F(D, L);
+                      return;
+                    }
+                    F(D, void 0);
+                  }
+                }
+              ),
+              /* @__PURE__ */ f(
+                ea,
+                {
+                  open: Q === t.id,
+                  onOpenChange: (y) => H(y ? t.id : null),
+                  children: [
+                    /* @__PURE__ */ r(ta, { asChild: !0, children: /* @__PURE__ */ f(
+                      q,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "xs",
+                        className: "-ml-2 gap-1 text-muted-foreground hover:text-foreground",
+                        children: [
+                          Q === t.id ? /* @__PURE__ */ r(Qe, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(Ge, { className: "h-3.5 w-3.5" }),
+                          "Advanced"
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ f(aa, { className: "space-y-3 pt-2", children: [
+                      /* @__PURE__ */ f("div", { className: "grid gap-3 md:grid-cols-2", children: [
+                        /* @__PURE__ */ f("div", { className: "flex flex-col gap-1.5", children: [
+                          /* @__PURE__ */ r(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Variable name" }),
+                          /* @__PURE__ */ r(
+                            ra,
+                            {
+                              controlId: t.id,
+                              onCommit: (y) => _(t.id, y)
+                            },
+                            t.id
+                          )
+                        ] }),
+                        /* @__PURE__ */ f("div", { className: "flex flex-col gap-1.5", children: [
+                          /* @__PURE__ */ r(oe, { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Initial value" }),
+                          /* @__PURE__ */ f(
+                            we,
+                            {
+                              value: t.initialValueStrategy,
+                              onValueChange: (y) => P(t.id, (D) => ({
+                                ...D,
+                                initialValueStrategy: y
+                              })),
+                              children: [
+                                /* @__PURE__ */ r(De, { size: "xs", children: /* @__PURE__ */ r(Ee, {}) }),
+                                /* @__PURE__ */ r(Ie, { children: Vt.map((y) => /* @__PURE__ */ r(
+                                  Te,
+                                  {
+                                    value: y.value,
+                                    children: y.label
+                                  },
+                                  y.value
+                                )) })
+                              ]
+                            }
+                          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ r(
+                        sa,
+                        {
+                          control: t,
+                          onChange: (y) => P(t.id, () => y)
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ]
+        },
+        t.id
+      );
+    }),
+    !o && /* @__PURE__ */ f(
+      q,
+      {
+        type: "button",
+        variant: "outline",
+        size: "xs",
+        onClick: ue,
+        children: [
+          /* @__PURE__ */ r(na, { className: "h-3.5 w-3.5" }),
+          "Add control"
+        ]
+      }
+    )
+  ] });
+}
+function Pa(e) {
+  const {
+    open: a,
+    onOpenChange: n,
+    initialCreateFlowActive: s = !1,
+    dismissMode: l = "passive"
+  } = e, d = a !== void 0, [p, h] = W(!1), [u, v] = W(
+    s
+  ), b = d ? a : p, m = U(
+    (S) => {
+      !S && u && l === "passive" || (d || h(S), S || v(!1), n == null || n(S));
+    },
+    [d, u, l, n]
+  ), x = U(() => {
+    d || h(!1), v(!1), n == null || n(!1);
+  }, [d, n]);
+  ie(() => {
+    b || v(!1);
+  }, [b]);
+  const I = U(
+    (S) => {
+      u && S.preventDefault();
+    },
+    [u]
+  );
+  return {
+    forceClose: x,
+    handleOpenChange: m,
+    isCreateFlowActive: u,
+    preventPassiveDismissDuringCreate: I,
+    resolvedOpen: b,
+    setIsCreateFlowActive: v
+  };
+}
+function Me(e) {
+  var a;
+  for (const n of e.cards)
+    if (n.type === "matrixTable" && !ia.safeParse((a = n.config) == null ? void 0 : a.matrix).success)
+      return j.error("Matrix requires at least one row field, one metric, and valid settings."), !1;
+  return !0;
+}
+function Wa({
+  className: e,
+  variant: a = "outline"
+}) {
+  const n = M((d) => d.onSave), { getUpdatedFrame: s } = qe();
+  function l() {
+    const d = s();
+    Me(d) && (n == null || n(d));
+  }
+  return /* @__PURE__ */ f(
+    q,
+    {
+      onClick: l,
+      className: e,
+      size: "xs",
+      variant: a,
+      children: [
+        /* @__PURE__ */ r(Ot, { className: "h-3.5 w-3.5" }),
+        "Accept"
+      ]
+    }
+  );
+}
+function Ya({
+  className: e,
+  variant: a = "default"
+}) {
+  const n = ce(), [s, l] = W(!1), { setIsVisualEditing: d } = Le(), { getUpdatedFrame: p } = qe(), h = _e(), u = M((m) => m.frame), v = ut();
+  return /* @__PURE__ */ r(
+    q,
+    {
+      onClick: () => {
+        const m = p();
+        if (!Me(m))
+          return;
+        const x = (u == null ? void 0 : u.visualId) || (h == null ? void 0 : h.id);
+        if (!x) {
+          j.error("No visual to save");
+          return;
+        }
+        l(!0), v.mutate(
+          {
+            visualId: x,
+            data: {
+              frameObject: m
+            }
+          },
+          {
+            onSuccess: () => {
+              l(!1), j.success("Visual updated successfully"), n.invalidateQueries({
+                queryKey: ["resource-by-id", "visual", x],
+                exact: !0
+              });
+            },
+            onError: () => {
+              l(!1), j.error("Failed to update visual");
+            }
+          }
+        );
+      },
+      className: e,
+      size: "xs",
+      variant: a,
+      children: s ? /* @__PURE__ */ f(ee, { children: [
+        /* @__PURE__ */ r(lt, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving"
+      ] }) : /* @__PURE__ */ f(ee, { children: [
+        /* @__PURE__ */ r(pt, { className: "h-3.5 w-3.5" }),
+        "Save to Library"
+      ] })
+    }
+  );
+}
+function Ga({
+  className: e
+}) {
+  const a = ce(), [n, s] = W(!1), l = _e(), d = M((S) => S.frame), p = Z((S) => S.selectedSheetId), h = Z((S) => S.dashboard), { updateFrame: u, setIsVisualEditing: v } = Le(), { getUpdatedFrame: b } = qe(), m = ut(), x = la();
+  return /* @__PURE__ */ r(
+    q,
+    {
+      onClick: async () => {
+        if (!p) {
+          j.error("No sheet selected");
+          return;
+        }
+        const S = (d == null ? void 0 : d.visualId) || (l == null ? void 0 : l.id);
+        if (!S) {
+          j.error("No visual to update");
+          return;
+        }
+        s(!0);
+        try {
+          const N = b();
+          if (!Me(N)) {
+            s(!1);
+            return;
+          }
+          const V = {
+            ...N,
+            visualId: S
+            // Keep the link to library visual
+          }, B = zt(h, V.id), G = await x(V, {
+            previousFrame: B
+          });
+          await m.mutateAsync({
+            visualId: S,
+            data: {
+              frameObject: N
+            }
+          }), u(p, V, {
+            semanticExecutionPayload: G
+          }), a.invalidateQueries({ queryKey: ["visuals"] }), a.invalidateQueries({ queryKey: ["visual", S] }), j.success("Saved to library and applied locally"), setTimeout(() => {
+            v(!1);
+          }, 300);
+        } catch (N) {
+          console.error("Failed to save and apply:", N), j.error(
+            N instanceof Error ? N.message : "Failed to save and apply changes"
+          );
+        } finally {
+          s(!1);
+        }
+      },
+      className: e,
+      size: "xs",
+      variant: "default",
+      disabled: n,
+      children: n ? /* @__PURE__ */ f(ee, { children: [
+        /* @__PURE__ */ r(lt, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving..."
+      ] }) : /* @__PURE__ */ f(ee, { children: [
+        /* @__PURE__ */ r(pt, { className: "h-3.5 w-3.5" }),
+        "Save & Apply"
+      ] })
+    }
+  );
+}
+function Xa({ className: e }) {
+  const { setTempQueryData: a, setSqlGen: n } = de(), s = ce(), l = M((m) => m.tempQueryData), d = M((m) => m.onClose), p = M((m) => m.card), h = ht(), u = $(() => h !== p.type ? { ...p, type: h } : p, [p, h]), { queryKey: v } = it(u);
+  function b() {
+    if (l) {
+      const { queryKey: m, queryData: x } = l;
+      m && x && s.setQueryData(m, x);
+    }
+    n({}), d == null || d();
+  }
+  return /* @__PURE__ */ f(
+    q,
+    {
+      onClick: b,
+      className: e,
+      size: "xs",
+      variant: "outline",
+      children: [
+        /* @__PURE__ */ r(tt, { className: "h-3.5 w-3.5" }),
+        "Close"
+      ]
+    }
+  );
+}
+function Ja({
+  label: e = "Clear",
+  variant: a = "secondary",
+  className: n
+} = {}) {
+  const s = wa();
+  return /* @__PURE__ */ f(
+    q,
+    {
+      onClick: s,
+      className: n,
+      size: "xs",
+      variant: a,
+      children: [
+        /* @__PURE__ */ r(tt, { className: "h-3.5 w-3.5" }),
+        e
+      ]
+    }
+  );
+}
+export {
+  Ka as C,
+  Wa as E,
+  Qa as F,
+  pa as L,
+  Ha as V,
+  qe as a,
+  Xa as b,
+  Ya as c,
+  Ga as d,
+  fa as e,
+  xa as f,
+  Pa as g,
+  $a as h,
+  wa as i,
+  Ja as j,
+  Ra as r,
+  ht as u
+};