react-semaphor 0.1.525 → 0.1.526

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

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