react-semaphor 0.1.534 → 0.1.535

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

@@ -1,2067 +0,0 @@
-import { c as Le, C as Re, X as tt } from "./x-CXDkqdur.js";
-import { useState as W, useEffect as ie, useCallback as z, useMemo as P, useRef as Se, Fragment as bt } from "react";
-import { a3 as de, a0 as _e, u as Z, a6 as j, a2 as O, n as gt, o as xt, p as vt, c as fe, q as yt, ak as Ct, al as St, am as me, an as Be, ao as $e, ap as ke, aq as Ne, ar as kt, as as Nt, at as He, au as wt, av as Dt, aw as pe, ax as Et, ay as Pe, 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 It, aE as Tt, aF as We, aG as Ft, aH as Ke, aI as Vt, aJ as Lt, aK as _t, aL as At, aM as Fe, d as qt, L as lt, aN as Mt } from "./switch-BR3Xgbqr.js";
-import { b2 as Ot, b3 as Ut, aD as zt, aR as ce, b4 as jt, b5 as Ae, b6 as Qt, b7 as Rt, b8 as Bt, b9 as $t, ba as Ht, aU as Pt, aQ as Wt, u as Kt, bb as Yt, bc as Gt, bd as Ye, be as Xt, bf as Jt, bg as it, bh as dt, bi as Zt, bj as ea, bk as ta, bl as aa, bm as ra, bn as sa, bo as na, bp as ct, bq as oa } from "./semaphor-ready-indicator-z4SNdxiC.js";
-import { jsx as r, jsxs as f, Fragment as ee } from "react/jsx-runtime";
-import { t as la } from "./validators-DMSH81OM.js";
-import "./matrix-operation-contract-BKupLHXL.js";
-import "zod";
-import "../value-format-preferences/index.js";
-import { C as Ge } from "./selection-reducer-CiDEtmAq.js";
-import { f as ut, r as ia, g as da, a as ca, b as ua } from "./index-BQl5rC54.js";
-import { S as mt } 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 Ra = Le("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 ma = Le("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 pa = Le("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 fa(e) {
-  const [a, n] = W(null), [s, l] = W(null), d = Ot();
-  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 (m) {
-        const u = m instanceof Error ? m.message : "Unknown error";
-        console.error("Failed to load remote chart store:", u), l(u), n(null);
-      }
-    })();
-  }, [e, d]), a;
-}
-function ha(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], m = e.find(
-          (u) => u.tabTitle === p
-        );
-        return m ? m.id : e[0].id;
-      }
-      return a;
-    }
-  }
-  return e[0].id;
-}
-function ba(e, a) {
-  return a ? {
-    ...e,
-    settings: a
-  } : e;
-}
-function ga(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 xa(e, {
-  isDevMode: a,
-  cardSql: n,
-  selectedSchemaName: s,
-  selectedDatamodelId: l,
-  selectedDatabaseName: d,
-  selectedTableName: p,
-  selectedConnectionId: m,
-  remoteChartSettings: u,
-  stripConfig: v
-}) {
-  const h = a || Ut(e);
-  return {
-    ...e,
-    dataSource: ga(e, {
-      selectedConnectionId: m,
-      selectedDatabaseName: d,
-      selectedSchemaName: s,
-      selectedTableName: p
-    }),
-    lastSelectedSchema: s,
-    lastSelectedDatamodelId: l,
-    lastSelectedDatabase: d,
-    lastSelectedTable: p,
-    connectionId: m || e.connectionId,
-    sql: h ? n || e.sql : void 0,
-    python: h ? e.python : void 0,
-    config: a || !e.config ? void 0 : v(e.config),
-    customCfg: e.customCfg,
-    preferences: e.preferences,
-    customCardPreferences: ba(
-      e.customCardPreferences,
-      u
-    )
-  };
-}
-const Ve = /* @__PURE__ */ new Set();
-function Ba(e) {
-  return Ve.add(e), () => {
-    Ve.delete(e);
-  };
-}
-function va() {
-  Ve.forEach((e) => {
-    e();
-  });
-}
-const ya = (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 m = 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(m), { data: v, fromCache: !1 };
-  } catch (u) {
-    throw j.dismiss(m), u;
-  }
-}
-function pt(e) {
-  if (typeof e == "string")
-    return JSON.parse(e);
-  if (typeof e == "object")
-    return e;
-  throw new Error("Invalid frame object format");
-}
-function Ca(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 = pt(n);
-  if (!(s != null && s.cards) || s.cards.length === 0)
-    return !1;
-  const l = (p = s.cards) == null ? void 0 : p.find(
-    (m) => m.id === s.activeCardId
-  );
-  return l ? ($t({
-    ...a,
-    frame: s,
-    card: l,
-    visualId: (e == null ? void 0 : e.id) || s.visualId
-  }), !0) : !1;
-}
-function Sa() {
-  const e = O(
-    (s) => {
-      var l;
-      return ((l = s.card.customCardPreferences) == null ? void 0 : l.url) || "";
-    }
-  ), a = fa(e);
-  return { getUpdatedFrame: z(() => {
-    var N;
-    va();
-    const {
-      frame: s,
-      card: l,
-      isDevMode: d,
-      selectedSchemaName: p,
-      selectedDatamodelId: m,
-      selectedDatabaseName: u,
-      selectedTableName: v,
-      selectedConnectionId: h
-    } = O.getState(), b = l.sql, C = (N = a == null ? void 0 : a.getState()) == null ? void 0 : N.settings, I = xa(l, {
-      isDevMode: d,
-      cardSql: b,
-      selectedSchemaName: p,
-      selectedDatamodelId: m,
-      selectedDatabaseName: u,
-      selectedTableName: v,
-      selectedConnectionId: h,
-      remoteChartSettings: C,
-      stripConfig: ya
-    }), S = s.cards.map(
-      (V) => V.id === l.id ? I : V
-    );
-    return {
-      ...s,
-      cards: S,
-      activeCardId: ha(S, s.activeCardId)
-    };
-  }, [a]) };
-}
-function qe() {
-  const { authToken: e, tokenProps: a } = zt(), n = ce(), s = jt(), l = Ae(), { selectVisual: d } = Qt(), {
-    setFrame: p,
-    setCard: m,
-    setIsDevMode: u,
-    initializeModeDrafts: v,
-    setActiveTabCardId: h,
-    updateDataSource: b,
-    setQueryResultColumns: C,
-    setSelectedConnectionId: I,
-    setSelectedDatabaseName: S,
-    setSelectedSchemaName: N,
-    setSelectedTableName: V,
-    setSelectedDatamodelId: Y,
-    setFilterValues: G,
-    setInlineFilterValuesMap: Q,
-    setApplyFilters: B,
-    clearEditorContext: te
-  } = de(), {
-    setIsDashboardEditing: T,
-    setIsVisualEditing: o,
-    setSelectedFrameId: w,
-    clearSelectedFrameId: $
-  } = _e(), U = Z((L) => L.selectedSheetId), X = Z((L) => L.selectedFrameId), J = Z((L) => L.dashboard), ae = Z((L) => L.filterValues), M = Z(
-    (L) => L.inlineFilterValuesMap
-  ), K = Rt((l == null ? void 0 : l.id) || "", {
-    enabled: !!(l != null && l.id) && !!(e != null && e.accessToken)
-  }), se = z(
-    async (L) => {
-      try {
-        d(L), $(), te();
-        const { data: F, fromCache: H } = await Xe(
-          a.apiServiceUrl,
-          (e == null ? void 0 : e.accessToken) || "",
-          L.id,
-          n,
-          "Opening library visual..."
-        );
-        if (!Ca(F, {
-          setFrame: p,
-          setCard: m,
-          setIsDevMode: u,
-          initializeModeDrafts: v,
-          setActiveTabCardId: h,
-          updateDataSource: b,
-          setQueryResultColumns: C,
-          setSelectedConnectionId: I,
-          setSelectedDatabaseName: S,
-          setSelectedSchemaName: N,
-          setSelectedTableName: V,
-          setSelectedDatamodelId: Y,
-          setFilterValues: G,
-          setInlineFilterValuesMap: Q,
-          setApplyFilters: B,
-          setIsDashboardEditing: T,
-          setIsVisualEditing: o,
-          dashboard: J,
-          selectedSheetId: U,
-          selectedFrameId: X,
-          filterValues: ae,
-          inlineFilterValuesMap: M
-        }))
-          throw new Error("Failed to setup editor with visual data");
-        return { success: !0, fromCache: H };
-      } 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,
-      m,
-      T,
-      o,
-      u,
-      v,
-      h,
-      b,
-      C,
-      I,
-      S,
-      N,
-      V,
-      Y,
-      G,
-      Q,
-      B,
-      te,
-      $,
-      J,
-      U,
-      X,
-      ae,
-      M
-    ]
-  ), be = z(
-    async (L) => {
-      var H;
-      const F = (A) => (j.error(A), { success: !1, error: A });
-      try {
-        if (d(L), !U)
-          return F("No sheet selected. Please select a sheet first.");
-        const { data: A, fromCache: ge } = await Xe(
-          a.apiServiceUrl,
-          (e == null ? void 0 : e.accessToken) || "",
-          L.id,
-          n,
-          "Adding visual to dashboard..."
-        ), ue = (A == null ? void 0 : A.frameObject) ?? ((H = A == null ? void 0 : A.visual) == null ? void 0 : H.frameObject);
-        if (!ue)
-          return F("Visual has no frame data");
-        const R = pt(ue);
-        if (!(R != null && R.cards) || R.cards.length === 0)
-          return F("Visual frame is malformed");
-        const le = {
-          ...Bt(R),
-          visualId: L.id
-          // Link this frame to the library visual
-        };
-        return await s(
-          U,
-          le,
-          "end"
-        ), T(!0), w(le.id), { success: !0, fromCache: ge };
-      } catch (A) {
-        return console.error("Error adding visual:", A), F(
-          A instanceof Error ? A.message : "Failed to add visual to dashboard"
-        );
-      }
-    },
-    [
-      e == null ? void 0 : e.accessToken,
-      a.apiServiceUrl,
-      n,
-      d,
-      U,
-      T,
-      w,
-      s
-    ]
-  );
-  return {
-    visual: K.data,
-    isLoading: K.isLoading,
-    isError: K.isError,
-    error: K.error,
-    handleEditLibraryVisual: se,
-    handleAddLibraryVisual: be,
-    getUpdatedFrame: Sa().getUpdatedFrame,
-    refetch: K.refetch
-  };
-}
-function $a() {
-  const e = O((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: m, databaseName: u, connectionId: v } = Ht(e), h = (I = e.selectedEntities) == null ? void 0 : I[0], C = (h == null ? void 0 : h.type) === "model" && "id" in h ? h.id : "";
-    a(v || ""), n(u || ""), s(m || ""), l(p || ""), d(C);
-  }, [
-    e,
-    a,
-    n,
-    s,
-    l,
-    d
-  ]);
-}
-function ka() {
-  var u, v;
-  const e = O((h) => h.card), a = O((h) => h.frame), n = P(
-    () => ut(a, e),
-    [a, e]
-  ), { manifest: s } = Pt(
-    ((u = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : u.url) || ""
-  ), l = P(
-    () => {
-      var h;
-      return (h = s == null ? void 0 : s.visuals) == null ? void 0 : h.find(
-        (b) => {
-          var C;
-          return b.name === ((C = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : C.componentName);
-        }
-      );
-    },
-    [s, (v = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : v.componentName]
-  ), d = ia(n, l), p = P(
-    () => da({
-      frame: a,
-      configCard: n,
-      isMultiInputVisual: d === "multiple"
-    }),
-    [a, n, d]
-  ), m = P(() => {
-    const h = p.findIndex(
-      (b) => (b == null ? void 0 : b.id) === e.id
-    );
-    return h < 0 ? -1 : ca(e, h);
-  }, [p, e]);
-  return P(() => !n || d !== "multiple" || m < 0 ? e.type : ua(
-    e,
-    m,
-    l == null ? void 0 : l.slots
-  ) ?? e.type, [n, d, m, 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 = O((Q) => Q.tempQueryData), s = O((Q) => Q.card), l = ka(), d = P(() => l !== s.type ? { ...s, type: l } : s, [s, l]), { queryKey: p } = Wt(d), {
-    setCardSql: m,
-    setSqlGen: u,
-    setCardPython: v,
-    setCardCustomCfg: h,
-    setCardPreferences: b,
-    clearQueryConfig: C,
-    setCardConfig: I,
-    setCardType: S,
-    setFrame: N,
-    setCard: V,
-    setActiveTabCardId: Y
-  } = de();
-  function G() {
-    var $, U, 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 }), m(""), u({}), C(), I(void 0), v(""), h(""), b({});
-    const B = O.getState().frame, te = O.getState().card, T = ut(B, te), o = (($ = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : $.visualType) === "multiple" || !!((U = T == null ? void 0 : T.customCardPreferences) != null && U.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({
-      ...B,
-      cards: B.cards.map(
-        (ae) => ae.id === w.id ? w : ae
-      )
-    }), Y(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 = Kt((N) => N.selectedVisual), m = O((N) => N.frame);
-  let u;
-  if (e)
-    u = e;
-  else if (a !== void 0)
-    u = a ? "linked" : "library";
-  else if (!!!(m != null && m.visualId || p != null && p.id) && d)
-    u = "local";
-  else if (p && !d)
-    u = "library";
-  else if (m != null && m.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"
-  }, h = {
-    local: "Local to this dashboard: Changes made here only affect this dashboard copy.",
-    linked: "Linked to library: Changes made here update the library visual and all linked instances.",
-    library: "Library visual: Share and reuse this visual across multiple dashboards."
-  }, b = {
-    local: "border-slate-200 bg-slate-50 text-slate-900 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100",
-    linked: "border-purple-200 bg-purple-50 text-purple-900 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-100",
-    library: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-100"
-  }, C = {
-    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(pa, { className: "h-3.5 w-3.5" }),
-    library: /* @__PURE__ */ r(ma, { className: "h-3.5 w-3.5" })
-  }, S = {
-    local: "Local",
-    linked: "Linked",
-    library: "Library"
-  };
-  return /* @__PURE__ */ r(gt, { children: /* @__PURE__ */ f(xt, { delayDuration: 300, children: [
-    /* @__PURE__ */ r(vt, { asChild: !0, children: /* @__PURE__ */ f(
-      Yt,
-      {
-        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(
-      yt,
-      {
-        side: "bottom",
-        className: fe("max-w-xs", b[u]),
-        children: [
-          /* @__PURE__ */ r(Ct, { className: C[u] }),
-          /* @__PURE__ */ r("p", { children: h[u] })
-        ]
-      }
-    )
-  ] }) });
-}
-function ft(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, m = d < a;
-    return /* @__PURE__ */ f(bt, { 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" : m ? "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(na, { 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: m,
-    onLabelChange: u,
-    onDefaultValueChange: v,
-    onBack: h,
-    onNext: b,
-    nextDisabled: C
-  } = e;
-  return /* @__PURE__ */ f("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ r(ft, { control: a, onChange: u }),
-    /* @__PURE__ */ r(
-      it,
-      {
-        control: a,
-        availableFieldChoices: s,
-        availableMetricChoices: l,
-        previewControlDefinitions: d,
-        previewControlValues: p,
-        controlLifecycle: "create",
-        onChange: m
-      }
-    ),
-    /* @__PURE__ */ r(
-      dt,
-      {
-        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: h, children: "Back" }),
-        primary: /* @__PURE__ */ r(
-          q,
-          {
-            type: "button",
-            size: "xs",
-            onClick: b,
-            disabled: C,
-            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: m,
-    onCancel: u,
-    onDone: v
-  } = e, h = Ia.has(a.type), b = s.match(/\[\[param\.(.+?)\]\]/), C = b ? `{{ param('${b[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: [
-        h ? /* @__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"
-            }
-          ),
-          C ? /* @__PURE__ */ r(
-            Ze,
-            {
-              text: C,
-              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: m, 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 Pa({
-  scope: e,
-  controls: a,
-  reservedControlIds: n,
-  defaultValues: s,
-  onChange: l,
-  emptyMessage: d,
-  initialCreateFlow: p = !1,
-  usageByControlId: m,
-  availableFieldChoices: u,
-  availableMetricChoices: v,
-  structuralParticipants: h,
-  structuralParticipantIdsByControlId: b,
-  card: C,
-  allowedControlTypes: I,
-  onCreateFlowActiveChange: S,
-  onCreateFlowComplete: N
-}) {
-  const V = P(
-    () => new Set(n || []),
-    [n]
-  ), Y = It(e), G = St(e), [Q, B] = W(
-    null
-  ), [te, T] = W(
-    null
-  ), [o, w] = W(
-    () => p ? {
-      step: 1,
-      control: me(e, a, Array.from(V))
-    } : null
-  ), $ = Se({}), U = Se(void 0), X = Se(p), J = P(() => {
-    const t = Be({ scope: e, card: C });
-    if (!I)
-      return t;
-    const c = new Set(I);
-    return t.filter((i) => c.has(i.value));
-  }, [I, C, e]), ae = z(
-    (t) => {
-      const c = Be({
-        scope: e,
-        card: C,
-        includeType: I ? void 0 : t
-      });
-      if (!I)
-        return c;
-      const i = new Set(I);
-      return c.filter((g) => i.has(g.value));
-    },
-    [I, C, e]
-  ), M = z(
-    (t) => e === "dashboard" && (t === "field_selector" || t === "metric_selector"),
-    [e]
-  ), K = P(
-    () => o ? $e(
-      h || [],
-      o.control.type
-    ) : [],
-    [o, h]
-  ), se = P(() => {
-    if (!o)
-      return {
-        fields: u || [],
-        metrics: v || []
-      };
-    if (!M(o.control.type))
-      return {
-        fields: u || [],
-        metrics: v || []
-      };
-    const t = o.selectedCardIds || [], c = ke({
-      controlType: o.control.type,
-      participants: h || [],
-      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,
-    M,
-    h
-  ]);
-  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), B(null));
-  }, [a, p, V, e]);
-  const be = (t) => {
-    if (!M(t.type))
-      return {
-        fields: u || [],
-        metrics: v || []
-      };
-    const c = (b == null ? void 0 : b[t.id]) || [];
-    if (c.length === 0)
-      return {
-        fields: u || [],
-        metrics: v || []
-      };
-    const i = ke({
-      controlType: t.type,
-      participants: h || [],
-      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]
-      })) : []
-    };
-  }, L = (t) => {
-    if (!M(t.control.type))
-      return {
-        nextControl: t.control,
-        cardBindingsById: void 0
-      };
-    const c = (b == null ? void 0 : b[t.control.id]) || [], i = ke({
-      controlType: t.control.type,
-      participants: h || [],
-      selectedCardIds: t.nextSelectedCardIds
-    }), g = _t({
-      control: t.control,
-      choices: i.choices
-    }), y = 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(
-      y,
-      Ke({
-        control: g,
-        participants: h || [],
-        selectedCardIds: t.nextSelectedCardIds,
-        matrixTargetIds: t.matrixTargetIds
-      })
-    ), {
-      nextControl: g,
-      cardBindingsById: y
-    };
-  }, F = z(
-    (t, c = s, i = { type: "update" }) => {
-      const g = t.map((y) => (Ne({
-        control: y,
-        defaultValues: c
-      }), kt(
-        y
-      )));
-      l(g, c, i);
-    },
-    [s, l]
-  ), H = (t, c) => {
-    const i = a.find(
-      (E) => E.id === t
-    );
-    let g = a.map((E) => E.id !== t ? E : c(E));
-    const y = g.find(
-      (E) => E.id === t
-    );
-    let k, x;
-    if (y && (!i || Vt({ control: i }, { control: y })) && e === "dashboard" && (y.type === "field_selector" || y.type === "metric_selector")) {
-      const E = (b == null ? void 0 : b[y.id]) || [], ne = L({
-        control: y,
-        nextSelectedCardIds: E
-      });
-      g = g.map(
-        (re) => re.id === t ? ne.nextControl : re
-      ), k = ne.cardBindingsById, x = [y.id];
-    } else if (i && (!y || !Lt(y.type)) && e === "dashboard" && (i.type === "field_selector" || i.type === "metric_selector")) {
-      const E = (b == null ? void 0 : b[i.id]) || [];
-      k = Object.fromEntries(
-        E.map((ne) => [ne, void 0])
-      ), x = [i.id];
-    }
-    const D = g.find(
-      (E) => E.id === t
-    );
-    let _ = s;
-    if (i && D) {
-      const E = Ne({
-        control: i,
-        defaultValues: s
-      });
-      i.source.kind === "manual" && D.source.kind === "sql_query" && ($.current[t] = E);
-      const ne = E === void 0 && i.source.kind === "sql_query" && D.source.kind === "manual" ? $.current[t] : E, re = We({
-        previousControl: i,
-        nextControl: D,
-        currentDefaultValue: ne
-      });
-      D.source.kind === "manual" && ($.current[t] = re), s && (_ = { ...s }, re === void 0 ? delete _[t] : _[t] = re), g = g.map(
-        (Qe) => Qe.id === t ? { ...D, defaultValue: re } : Qe
-      );
-    }
-    F(g, _, {
-      type: "update",
-      cardBindingsById: k,
-      affectedBindingControlIds: x
-    });
-  }, A = (t, c) => {
-    if (!c.trim())
-      return;
-    const i = At(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 y = { ...s };
-    Object.prototype.hasOwnProperty.call(y, t) && (y[i] = y[t], delete y[t]), F(g, y, {
-      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 = z(() => {
-    U.current = void 0, w({
-      step: 1,
-      control: me(e, a, Array.from(V))
-    }), T(null), B(null);
-  }, [a, V, e]), R = (t) => {
-    w(
-      (c) => c && (() => {
-        const i = t(c.control);
-        c.control.source.kind === "manual" && i.source.kind === "sql_query" && (U.current = c.defaultValue);
-        const g = c.defaultValue === void 0 && c.control.source.kind === "sql_query" && i.source.kind === "manual" ? U.current : c.defaultValue, y = We({
-          previousControl: c.control,
-          nextControl: i,
-          currentDefaultValue: g
-        });
-        return i.source.kind === "manual" && (U.current = y), {
-          ...c,
-          control: i,
-          defaultValue: y
-        };
-      })()
-    );
-  }, le = (t) => {
-    w(
-      (c) => c && (c.control.source.kind === "manual" && (U.current = t), {
-        ...c,
-        defaultValue: t
-      })
-    );
-  }, xe = (() => {
-    if (!o)
-      return !1;
-    if (o.step === 2 && M(o.control.type))
-      return (o.selectedCardIds || []).length > 0 && Nt({
-        participants: h || [],
-        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" && (wt(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: y } = c.source;
-      return i.trim().length > 0 && g.trim().length > 0 && y.trim().length > 0;
-    }
-    return Dt(
-      pe(c, o.defaultValue)
-    );
-  })(), Oe = () => {
-    var k;
-    if (!o)
-      return;
-    const t = He(o.control), c = Ft({
-      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) ? Ke({
-      control: i,
-      participants: h || [],
-      selectedCardIds: o.selectedCardIds,
-      matrixTargetIds: o.matrixTargetIds
-    }) : void 0, y = pe(
-      i,
-      o.defaultValue
-    );
-    w({
-      step: e === "dashboard" && (i.type === "field_selector" || i.type === "metric_selector") ? 4 : 3,
-      control: i,
-      defaultValue: y,
-      createdControlId: c,
-      selectedCardIds: o.selectedCardIds,
-      matrixTargetIds: o.matrixTargetIds,
-      cardBindingsById: g
-    });
-  }, ve = z(() => {
-    w(null);
-  }, []), Ue = z(() => {
-    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]), ht = o ? M(o.control.type) ? ["Choose type", "Select cards", "Configure", "Finish"] : ["Choose type", "Configure", "Finish"] : [], ze = o != null && o.createdControlId ? `[[param.${o.createdControlId}]]` : o ? `[[param.${Et(o.control.label) || o.control.id}]]` : "", ye = Pe({
-    controls: a,
-    defaultValues: s
-  }), Ce = o ? [...a, o.control] : a, je = o ? Pe({
-    controls: Ce,
-    defaultValues: s,
-    overrides: [
-      {
-        controlId: o.control.id,
-        value: o.defaultValue
-      }
-    ]
-  }) : ye;
-  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: ht
-        }
-      ),
-      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)
-        ), y = (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" && (C == null ? void 0 : C.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(y) })
-          ] }),
-          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(y) })
-          ] }),
-          /* @__PURE__ */ r(
-            he,
-            {
-              secondary: /* @__PURE__ */ r(
-                q,
-                {
-                  type: "button",
-                  variant: "outline",
-                  size: "xs",
-                  onClick: ve,
-                  children: "Back to controls"
-                }
-              )
-            }
-          )
-        ] });
-      })(),
-      o.step === 2 && M(o.control.type) && /* @__PURE__ */ f("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ f("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ r(
-            ft,
-            {
-              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." })
-        ] }),
-        K.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: K.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(
-                  Gt,
-                  {
-                    checked: c,
-                    onCheckedChange: (i) => w(
-                      (g) => g && {
-                        ...g,
-                        selectedCardIds: i === !0 ? [
-                          ...g.selectedCardIds || [],
-                          t.cardId
-                        ] : (g.selectedCardIds || []).filter(
-                          (y) => y !== 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: K,
-            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: !xe,
-                children: "Next"
-              }
-            )
-          }
-        )
-      ] }),
-      o.step === 2 && !M(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: !xe
-        }
-      ),
-      o.step === 3 && M(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: !xe
-        }
-      ),
-      o.step === 3 && !M(o.control.type) && /* @__PURE__ */ r(
-        et,
-        {
-          control: o.control,
-          scope: e,
-          createdReference: ze,
-          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: Ue
-        }
-      ),
-      o.step === 4 && M(o.control.type) && /* @__PURE__ */ r(
-        et,
-        {
-          control: o.control,
-          scope: e,
-          createdReference: ze,
-          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: Ue
-        }
-      )
-    ] }) : 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 = m == null ? void 0 : m[t.id], g = Ne({
-        control: t,
-        defaultValues: s
-      }), y = 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(
-                    (x) => x === t.id ? null : t.id
-                  ),
-                  children: [
-                    y ? /* @__PURE__ */ r(Re, { 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(Xt, { className: "h-3.5 w-3.5" })
-                }
-              )
-            ] }),
-            y && /* @__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: (x) => H(t.id, (D) => ({
-                        ...D,
-                        label: x.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: (x) => {
-                        const D = ot({
-                          controls: a,
-                          controlId: t.id,
-                          nextType: x,
-                          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(
-                          (x) => /* @__PURE__ */ r(
-                            Te,
-                            {
-                              value: x.value,
-                              children: x.label
-                            },
-                            x.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: (x) => H(t.id, (D) => ({
-                        ...D,
-                        placement: x
-                      })),
-                      children: [
-                        /* @__PURE__ */ r(De, { size: "xs", children: /* @__PURE__ */ r(Ee, {}) }),
-                        /* @__PURE__ */ r(Ie, { children: Y.map((x) => /* @__PURE__ */ r(Te, { value: x.value, children: x.label }, x.value)) })
-                      ]
-                    }
-                  )
-                ] })
-              ] }),
-              M(t.type) ? /* @__PURE__ */ f(ee, { children: [
-                /* @__PURE__ */ r(
-                  Jt,
-                  {
-                    type: t.type,
-                    participants: $e(
-                      h || [],
-                      t.type
-                    ).map((x) => ({
-                      cardId: x.cardId,
-                      title: x.title,
-                      choiceCount: t.type === "field_selector" ? x.fieldChoices.length : x.metricChoices.length
-                    })),
-                    selectedCardIds: (b == null ? void 0 : b[t.id]) || [],
-                    onChange: (x) => {
-                      const D = L({
-                        control: t,
-                        nextSelectedCardIds: x
-                      }), _ = a.map(
-                        (E) => E.id === t.id ? D.nextControl : E
-                      );
-                      F(_, s, {
-                        type: "update",
-                        cardBindingsById: D.cardBindingsById
-                      });
-                    }
-                  }
-                ),
-                /* @__PURE__ */ r(
-                  Ye,
-                  {
-                    participants: h || [],
-                    selectedCardIds: (b == null ? void 0 : b[t.id]) || [],
-                    control: t,
-                    onChange: (x, D) => {
-                      const _ = L({
-                        control: t,
-                        nextSelectedCardIds: (b == null ? void 0 : b[t.id]) || [],
-                        matrixTargetIds: { [x]: D }
-                      });
-                      F(
-                        a.map((E) => E.id === t.id ? _.nextControl : E),
-                        s,
-                        { type: "update", cardBindingsById: _.cardBindingsById }
-                      );
-                    }
-                  }
-                )
-              ] }) : null,
-              /* @__PURE__ */ r(
-                it,
-                {
-                  control: t,
-                  availableFieldChoices: c.fields,
-                  availableMetricChoices: c.metrics,
-                  previewControlDefinitions: a,
-                  previewControlValues: ye,
-                  controlLifecycle: "edit",
-                  onChange: (x) => H(t.id, () => x)
-                }
-              ),
-              t.initialValueStrategy === "saved_default" && /* @__PURE__ */ r(
-                dt,
-                {
-                  control: t,
-                  value: g,
-                  allowNoDefault: !0,
-                  allowCardDefault: !0,
-                  previewControlDefinitions: a,
-                  previewControlValues: ye,
-                  onChange: (x) => {
-                    const D = a.map(
-                      (_) => _.id === t.id ? { ..._, defaultValue: x } : _
-                    );
-                    if (t.source.kind === "manual" && ($.current[t.id] = x), s) {
-                      const _ = { ...s };
-                      x === void 0 ? delete _[t.id] : _[t.id] = x, F(D, _);
-                      return;
-                    }
-                    F(D, void 0);
-                  }
-                }
-              ),
-              /* @__PURE__ */ f(
-                Zt,
-                {
-                  open: Q === t.id,
-                  onOpenChange: (x) => B(x ? t.id : null),
-                  children: [
-                    /* @__PURE__ */ r(ea, { 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(Re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ r(Ge, { className: "h-3.5 w-3.5" }),
-                          "Advanced"
-                        ]
-                      }
-                    ) }),
-                    /* @__PURE__ */ f(ta, { 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(
-                            aa,
-                            {
-                              controlId: t.id,
-                              onCommit: (x) => A(t.id, x)
-                            },
-                            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: (x) => H(t.id, (D) => ({
-                                ...D,
-                                initialValueStrategy: x
-                              })),
-                              children: [
-                                /* @__PURE__ */ r(De, { size: "xs", children: /* @__PURE__ */ r(Ee, {}) }),
-                                /* @__PURE__ */ r(Ie, { children: Tt.map((x) => /* @__PURE__ */ r(
-                                  Te,
-                                  {
-                                    value: x.value,
-                                    children: x.label
-                                  },
-                                  x.value
-                                )) })
-                              ]
-                            }
-                          )
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ r(
-                        ra,
-                        {
-                          control: t,
-                          onChange: (x) => H(t.id, () => x)
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              )
-            ] })
-          ]
-        },
-        t.id
-      );
-    }),
-    !o && /* @__PURE__ */ f(
-      q,
-      {
-        type: "button",
-        variant: "outline",
-        size: "xs",
-        onClick: ue,
-        children: [
-          /* @__PURE__ */ r(sa, { className: "h-3.5 w-3.5" }),
-          "Add control"
-        ]
-      }
-    )
-  ] });
-}
-function Wa(e) {
-  const {
-    open: a,
-    onOpenChange: n,
-    initialCreateFlowActive: s = !1,
-    dismissMode: l = "passive"
-  } = e, d = a !== void 0, [p, m] = W(!1), [u, v] = W(
-    s
-  ), h = d ? a : p, b = z(
-    (S) => {
-      !S && u && l === "passive" || (d || m(S), S || v(!1), n == null || n(S));
-    },
-    [d, u, l, n]
-  ), C = z(() => {
-    d || m(!1), v(!1), n == null || n(!1);
-  }, [d, n]);
-  ie(() => {
-    h || v(!1);
-  }, [h]);
-  const I = z(
-    (S) => {
-      u && S.preventDefault();
-    },
-    [u]
-  );
-  return {
-    forceClose: C,
-    handleOpenChange: b,
-    isCreateFlowActive: u,
-    preventPassiveDismissDuringCreate: I,
-    resolvedOpen: h,
-    setIsCreateFlowActive: v
-  };
-}
-function Me(e) {
-  var a;
-  for (const n of e.cards)
-    if (n.type === "matrixTable" && !la.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 Ka({
-  className: e,
-  variant: a = "outline"
-}) {
-  const n = O((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(qt, { className: "h-3.5 w-3.5" }),
-        "Done"
-      ]
-    }
-  );
-}
-function Ya({
-  className: e,
-  variant: a = "default"
-}) {
-  const n = ce(), [s, l] = W(!1), { setIsVisualEditing: d } = _e(), { getUpdatedFrame: p } = qe(), m = Ae(), u = O((b) => b.frame), v = ct();
-  return /* @__PURE__ */ r(
-    q,
-    {
-      onClick: () => {
-        const b = p();
-        if (!Me(b))
-          return;
-        const C = (u == null ? void 0 : u.visualId) || (m == null ? void 0 : m.id);
-        if (!C) {
-          j.error("No visual to save");
-          return;
-        }
-        l(!0), v.mutate(
-          {
-            visualId: C,
-            data: {
-              frameObject: b
-            }
-          },
-          {
-            onSuccess: () => {
-              l(!1), j.success("Visual updated successfully"), n.invalidateQueries({
-                queryKey: ["resource-by-id", "visual", C],
-                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(mt, { className: "h-3.5 w-3.5" }),
-        "Save to Library"
-      ] })
-    }
-  );
-}
-function Ga({
-  className: e
-}) {
-  const a = ce(), [n, s] = W(!1), l = Ae(), d = O((S) => S.frame), p = Z((S) => S.selectedSheetId), m = Z((S) => S.dashboard), { updateFrame: u, setIsVisualEditing: v } = _e(), { getUpdatedFrame: h } = qe(), b = ct(), C = oa();
-  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 = h();
-          if (!Me(N)) {
-            s(!1);
-            return;
-          }
-          const V = {
-            ...N,
-            visualId: S
-            // Keep the link to library visual
-          }, Y = Mt(m, V.id), G = await C(V, {
-            previousFrame: Y
-          });
-          await b.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(mt, { className: "h-3.5 w-3.5" }),
-        "Save & Apply"
-      ] })
-    }
-  );
-}
-function Xa({ className: e }) {
-  const { setTempQueryData: a, setSqlGen: n } = de(), s = ce(), l = O((m) => m.tempQueryData), d = O((m) => m.onClose);
-  function p() {
-    if (l) {
-      const { queryKey: m, queryData: u } = l;
-      m && u && s.setQueryData(m, u);
-    }
-    n({}), d == null || d();
-  }
-  return /* @__PURE__ */ f(
-    q,
-    {
-      onClick: p,
-      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 {
-  Pa as C,
-  Ka as E,
-  Ra as F,
-  ma as L,
-  Ha as V,
-  qe as a,
-  Xa as b,
-  Ya as c,
-  Ga as d,
-  pa as e,
-  va as f,
-  Wa as g,
-  $a as h,
-  wa as i,
-  Ja as j,
-  Ba as r,
-  ka as u
-};