react-semaphor 0.1.62 → 0.1.63

package/dist/chunks/use-local-storage-state-CL0JsTZM.js

@@ -1,1745 +0,0 @@
-import { useRef as De, useEffect as ae, useState as G, useCallback as A } from "react";
-import { jsxs as C, jsx as i, Fragment as W } from "react/jsx-runtime";
-import { E as ne, Q as fe, aV as X, aW as re, aX as qe, d as P, G as Y, e as Q, aY as Me, M as ge, aZ as V, a_ as Ve, u as y, aK as oe, B as H, q as J, ah as ye, a$ as le, b0 as be, a0 as Ce, R as Le, b1 as Ue, b2 as Ne, b3 as Oe, b4 as $e, b5 as _e, b6 as Ge, b7 as Re, b8 as je, b9 as ve, f as Se, at as ce, aC as de, ax as xe, aw as Fe, H as te, as as Qe, au as ze, ba as Pe, bb as Ke, bc as We, bd as He, be as Je, bf as Xe, bg as Ye, bh as Ze, aO as et, aP as tt, aQ as at, aR as st, bi as nt, bj as rt, bk as we, bl as ot, bm as lt, bn as it, bo as ct, bp as dt, bq as ut, br as mt, bs as pt, bt as ht, bu as ft, bv as gt, bw as ue, bx as yt, by as bt, bz as Ct, a4 as Nt, a5 as vt, a6 as Z, bA as St, bB as xt, bC as Ft, bD as wt, A as Tt, a as It, b as kt, c as Et, bE as At, bF as me } from "./index--MUeDITx.js";
-import { u as Bt } from "./use-assign-filter-5gplfsO1.js";
-import "react-dom";
-import { T as Dt } from "./tag-BrxBSbSe.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 qt = ne("Eraser", [
-  [
-    "path",
-    {
-      d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21",
-      key: "182aya"
-    }
-  ],
-  ["path", { d: "M22 21H7", key: "t4ddhn" }],
-  ["path", { d: "m5 11 9 9", key: "1mo9qw" }]
-]);
-/**
- * @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 Te = ne("Save", [
-  [
-    "path",
-    {
-      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
-      key: "1c8476"
-    }
-  ],
-  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
-  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
-]);
-/**
- * @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 Mt = ne("Terminal", [
-  ["polyline", { points: "4 17 10 11 4 5", key: "akl6gq" }],
-  ["line", { x1: "12", x2: "20", y1: "19", y2: "19", key: "q2wloq" }]
-]);
-function ea(e, s = {}) {
-  const { enabled: t = !0, eventType: a = "mousedown" } = s, o = De(null);
-  return ae(() => {
-    const c = (d) => {
-      const u = d.target;
-      o.current && o.current.contains(u) || u instanceof Element && (u.closest("[data-radix-popper-content-wrapper]") || u.closest("[data-radix-select-content]") || u.closest("[data-radix-popover-content]") || u.closest("[data-radix-dropdown-menu-content]") || u.closest("[data-radix-tooltip-content]") || u.closest('[role="listbox"]') || u.closest('[role="option"]') || u.closest('[role="combobox"]')) || u instanceof Element && u.hasAttribute("data-radix-") || e();
-    };
-    return t && document.addEventListener(a, c), () => {
-      document.removeEventListener(a, c);
-    };
-  }, [e, t, a]), o;
-}
-function Ie(e) {
-  const [s, t] = G(null), [a, o] = G(null);
-  return ae(() => {
-    if (!e || e.trim() === "") {
-      t(null), o(null);
-      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 m = await import(
-          /* @vite-ignore */
-          /* webpackIgnore: true */
-          u
-        );
-        if (typeof m.useChartStore != "function")
-          throw new Error("useChartStore is not a function");
-        t(() => m.useChartStore), o(null);
-      } catch (d) {
-        const u = d instanceof Error ? d.message : "Unknown error";
-        console.error("Failed to load remote chart store:", u), o(u), t(null);
-      }
-    })();
-  }, [e]), s;
-}
-function Vt(e) {
-  const s = e.toUpperCase().indexOf("WHERE"), t = e.toUpperCase().indexOf("GROUP BY"), a = e.toUpperCase().indexOf("LIMIT"), o = e.toUpperCase().indexOf("ORDER BY");
-  let c = e.length;
-  if (o !== -1 && (c = o), a !== -1 && a < c && (c = a), s !== -1) {
-    const d = e.substring(0, s), u = e.substring(s);
-    return `${d} {{ filters | where }} AND ${u.substring(
-      6
-    )}`;
-  } else if (t !== -1) {
-    const d = e.substring(0, t), u = e.substring(t);
-    return `${d} {{ filters | where }} ${u}`;
-  } else {
-    const d = e.substring(0, c), u = e.substring(c);
-    return console.log("beforeClause", d), console.log("afterClause", u), u ? `${d} {{ filters | where }} ${u}` : `${d.replace(/;$/, "")} {{ filters | where }}`;
-  }
-}
-function Lt(e, s) {
-  if (e.length === 0)
-    return "";
-  if (s) {
-    const t = e.find((a) => a.id === s);
-    if (t) {
-      const a = t.tabTitle;
-      if (a == "All__Header")
-        return e[0].id;
-      if (a && a.endsWith("__Header")) {
-        const c = a.split("__")[0], d = e.find(
-          (u) => u.tabTitle === c
-        );
-        return d ? d.id : e[0].id;
-      }
-      return s;
-    }
-  }
-  return e[0].id;
-}
-async function pe(e, s, t, a) {
-  if (!s || !t)
-    throw new Error("Missing auth token or visual ID");
-  const o = ["resource-by-id", "visual", t], c = a.getQueryData(o);
-  if (c)
-    return console.log("Using cached visual data for:", t), { data: c, fromCache: !0 };
-  console.log("Fetching visual data from network for:", t);
-  const d = V.loading("Loading visual...", {
-    position: "top-center"
-  });
-  try {
-    const u = await fetch(
-      `${e}/management/v1/visuals/${t}`,
-      {
-        headers: {
-          Authorization: `Bearer ${s}`
-        }
-      }
-    );
-    if (!u.ok)
-      throw new Error("Failed to load visual");
-    const m = await u.json();
-    return a.setQueryData(o, m), V.dismiss(d), { data: m, fromCache: !1 };
-  } catch (u) {
-    throw V.dismiss(d), u;
-  }
-}
-function ke(e) {
-  if (typeof e == "string")
-    return JSON.parse(e);
-  if (typeof e == "object")
-    return e;
-  throw new Error("Invalid frame object format");
-}
-function Ut(e, s) {
-  var c, d;
-  const t = (e == null ? void 0 : e.frameObject) ?? ((c = e == null ? void 0 : e.visual) == null ? void 0 : c.frameObject);
-  if (!t)
-    return !1;
-  const a = ke(t);
-  if (!(a != null && a.cards) || a.cards.length === 0)
-    return !1;
-  const o = (d = a.cards) == null ? void 0 : d.find(
-    (u) => u.id === a.activeCardId
-  );
-  return o ? (Ve({
-    ...s,
-    frame: a,
-    card: o,
-    visualId: (e == null ? void 0 : e.id) || a.visualId
-  }), !0) : !1;
-}
-function Ot() {
-  var h;
-  const { setCardSql: e } = P(), s = y((n) => n.frame), t = y((n) => n.card), a = Ie(
-    ((h = t.customCardPreferences) == null ? void 0 : h.url) || ""
-  ), o = y(
-    (n) => n.selectedSchemaName
-  ), c = y(
-    (n) => n.selectedDatamodelId
-  ), d = y(
-    (n) => n.selectedDatabaseName
-  ), u = y((n) => n.selectedTableName), m = y(
-    (n) => n.selectedConnectionId
-  ), g = y((n) => n.isShowingVisual), v = t.sql;
-  return { getUpdatedFrame: A(() => {
-    var x;
-    let n = v;
-    v && !v.includes("{{") && (n = Vt(v), e(n));
-    const p = (x = a == null ? void 0 : a.getState()) == null ? void 0 : x.settings, S = {
-      ...t,
-      dataSource: t.dataSource || { mode: "directSource" },
-      lastSelectedSchema: o,
-      lastSelectedDatamodelId: c,
-      lastSelectedDatabase: d,
-      lastSelectedTable: u,
-      connectionId: m,
-      // type: isShowingVisual ? card.type : 'table', /// CHECK THIS!!!!
-      sql: n,
-      customCfg: g ? t.customCfg : null,
-      preferences: t.preferences,
-      // Preserve all preferences including column sizing
-      ...p && {
-        customCardPreferences: {
-          ...t.customCardPreferences,
-          settings: p
-        }
-      }
-    }, T = s.cards.map(
-      (q) => q.id === t.id ? S : q
-    );
-    return {
-      ...s,
-      cards: T,
-      activeCardId: Lt(T, s.activeCardId)
-    };
-  }, [
-    t,
-    s,
-    g,
-    o,
-    c,
-    d,
-    u,
-    m,
-    e,
-    a,
-    v
-  ]) };
-}
-function se() {
-  const { authToken: e, tokenProps: s } = fe(), t = X(), a = re(), { selectVisual: o } = qe(), {
-    setFrame: c,
-    setCard: d,
-    setIsDevMode: u,
-    setActiveTabCardId: m,
-    updateDataSource: g,
-    setQueryResultColumns: v,
-    setSelectedConnectionId: w,
-    setSelectedDatabaseName: h,
-    setSelectedSchemaName: n,
-    setSelectedTableName: p,
-    setSelectedDatamodelId: S,
-    setFilterValues: T,
-    setApplyFilters: x
-  } = P(), {
-    setIsDashboardEditing: q,
-    setIsVisualEditing: D,
-    setSelectedFrameId: j,
-    clearSelectedFrameId: U,
-    addFrame: N,
-    setIsDashboardPanelOpen: b
-  } = Y(), B = Q((r) => r.selectedSheetId), E = Q((r) => r.selectedFrameId), O = Q((r) => r.dashboard), R = Q((r) => r.filterValues), L = Me((a == null ? void 0 : a.id) || "", {
-    enabled: !!(a != null && a.id) && !!(e != null && e.accessToken)
-  }), z = A(
-    async (r) => {
-      try {
-        o(r), U();
-        const { data: F, fromCache: f } = await pe(
-          s.apiServiceUrl,
-          (e == null ? void 0 : e.accessToken) || "",
-          r.id,
-          t
-        );
-        if (!Ut(F, {
-          setFrame: c,
-          setCard: d,
-          setIsDevMode: u,
-          setActiveTabCardId: m,
-          updateDataSource: g,
-          setQueryResultColumns: v,
-          setSelectedConnectionId: w,
-          setSelectedDatabaseName: h,
-          setSelectedSchemaName: n,
-          setSelectedTableName: p,
-          setSelectedDatamodelId: S,
-          setFilterValues: T,
-          setApplyFilters: x,
-          setIsDashboardEditing: q,
-          setIsVisualEditing: D,
-          dashboard: O,
-          selectedSheetId: B,
-          selectedFrameId: E,
-          filterValues: R
-        }))
-          throw new Error("Failed to setup editor with visual data");
-        return { success: !0, fromCache: f };
-      } catch (F) {
-        return console.error("Error editing visual:", F), { success: !1, error: "Failed to load visual for editing" };
-      }
-    },
-    [
-      e == null ? void 0 : e.accessToken,
-      s.apiServiceUrl,
-      t,
-      o,
-      c,
-      d,
-      q,
-      D,
-      u,
-      m,
-      g,
-      v,
-      w,
-      h,
-      n,
-      p,
-      S,
-      T,
-      x,
-      U,
-      O,
-      B,
-      E,
-      R
-    ]
-  ), l = A(
-    async (r) => {
-      var F;
-      try {
-        if (o(r), !B)
-          return {
-            success: !1,
-            error: "No sheet selected. Please select a sheet first."
-          };
-        const { data: f, fromCache: k } = await pe(
-          s.apiServiceUrl,
-          (e == null ? void 0 : e.accessToken) || "",
-          r.id,
-          t
-        ), M = (f == null ? void 0 : f.frameObject) ?? ((F = f == null ? void 0 : f.visual) == null ? void 0 : F.frameObject);
-        if (!M)
-          return { success: !1, error: "Visual has no frame data" };
-        const $ = ke(M);
-        if (!($ != null && $.cards) || $.cards.length === 0)
-          return { success: !1, error: "Visual frame is malformed" };
-        const _ = {
-          ...$,
-          id: ge(),
-          visualId: r.id
-          // Link this frame to the library visual
-        };
-        return N(B, _, "end"), q(!0), j(_.id), b(!1), { success: !0, fromCache: k };
-      } catch (f) {
-        return console.error("Error adding visual:", f), { success: !1, error: "Failed to add visual to dashboard" };
-      }
-    },
-    [
-      e == null ? void 0 : e.accessToken,
-      s.apiServiceUrl,
-      t,
-      o,
-      B,
-      N,
-      q,
-      j,
-      b
-    ]
-  );
-  return {
-    visual: L.data,
-    isLoading: L.isLoading,
-    isError: L.isError,
-    error: L.error,
-    handleEditLibraryVisual: z,
-    handleAddLibraryVisual: l,
-    getUpdatedFrame: Ot().getUpdatedFrame,
-    refetch: L.refetch
-  };
-}
-function ta({
-  className: e,
-  variant: s = "outline"
-}) {
-  var u;
-  const { setCardSql: t } = P();
-  y((m) => m.frame);
-  const a = y((m) => m.card);
-  Ie(
-    ((u = a.customCardPreferences) == null ? void 0 : u.url) || ""
-  ), y(
-    (m) => m.selectedSchemaName
-  ), y(
-    (m) => m.selectedDatamodelId
-  ), y(
-    (m) => m.selectedDatabaseName
-  ), y((m) => m.selectedTableName), y(
-    (m) => m.selectedConnectionId
-  ), y((m) => m.isShowingVisual), a.sql;
-  const o = y((m) => m.onSave), { getUpdatedFrame: c } = se();
-  function d() {
-    const m = c();
-    o == null || o(m);
-  }
-  return /* @__PURE__ */ C(
-    H,
-    {
-      onClick: d,
-      className: J("h-8", e),
-      size: "sm",
-      variant: s,
-      children: [
-        /* @__PURE__ */ i(ye, { className: "mr-2 size-4 font-bold" }),
-        "Accept"
-      ]
-    }
-  );
-}
-function aa({
-  className: e,
-  variant: s = "default"
-}) {
-  const t = X(), [a, o] = G(!1), c = Q(
-    (h) => h.actions.setIsDashboardPanelOpen
-  ), { setIsVisualEditing: d } = Y(), { getUpdatedFrame: u } = se(), m = re(), g = y((h) => h.frame), v = be();
-  return /* @__PURE__ */ C(
-    H,
-    {
-      onClick: () => {
-        const h = u(), n = (g == null ? void 0 : g.visualId) || (m == null ? void 0 : m.id);
-        if (!n) {
-          V.error("No visual to save");
-          return;
-        }
-        o(!0), v.mutate(
-          {
-            visualId: n,
-            data: {
-              frameObject: h
-            }
-          },
-          {
-            onSuccess: () => {
-              o(!1), c(!0), V.success("Visual updated successfully"), t.invalidateQueries({
-                queryKey: ["resource-by-id", "visual", n],
-                exact: !0
-              });
-            },
-            onError: () => {
-              o(!1), V.error("Failed to update visual");
-            }
-          }
-        );
-      },
-      className: J("h-8", e),
-      size: "sm",
-      variant: s,
-      children: [
-        a && /* @__PURE__ */ C(W, { children: [
-          /* @__PURE__ */ i(le, { className: "mr-2 size-4 animate-spin font-bold" }),
-          " Saving"
-        ] }),
-        !a && /* @__PURE__ */ C(W, { children: [
-          /* @__PURE__ */ i(Te, { className: "mr-2 size-4 font-bold" }),
-          "Save to Library"
-        ] })
-      ]
-    }
-  );
-}
-function sa({
-  className: e
-}) {
-  const s = X(), [t, a] = G(!1), o = re(), c = y((h) => h.frame), d = Q((h) => h.selectedSheetId), { updateFrame: u, setIsVisualEditing: m } = Y(), { getUpdatedFrame: g } = se(), v = be();
-  return /* @__PURE__ */ i(
-    H,
-    {
-      onClick: async () => {
-        if (!d) {
-          V.error("No sheet selected");
-          return;
-        }
-        const h = (c == null ? void 0 : c.visualId) || (o == null ? void 0 : o.id);
-        if (!h) {
-          V.error("No visual to update");
-          return;
-        }
-        a(!0);
-        try {
-          const n = g();
-          await v.mutateAsync({
-            visualId: h,
-            data: {
-              frameObject: n
-            }
-          });
-          const p = {
-            ...n,
-            visualId: h
-            // Keep the link to library visual
-          };
-          u(d, p), s.invalidateQueries({ queryKey: ["visuals"] }), s.invalidateQueries({ queryKey: ["visual", h] }), V.success("Saved to library and applied locally"), setTimeout(() => {
-            m(!1);
-          }, 300);
-        } catch (n) {
-          console.error("Failed to save and apply:", n), V.error("Failed to save and apply changes");
-        } finally {
-          a(!1);
-        }
-      },
-      className: J("h-8", e),
-      size: "sm",
-      variant: "default",
-      disabled: t,
-      children: t ? /* @__PURE__ */ C(W, { children: [
-        /* @__PURE__ */ i(le, { className: "mr-2 size-4 animate-spin font-bold" }),
-        " Saving..."
-      ] }) : /* @__PURE__ */ C(W, { children: [
-        /* @__PURE__ */ i(Te, { className: "mr-2 size-4 font-bold" }),
-        "Save & Apply"
-      ] })
-    }
-  );
-}
-function na({ className: e }) {
-  const { getUpdatedFrame: s } = se();
-  y((m) => m.frame);
-  const t = Q((m) => m.selectedSheetId), { updateFrame: a, setIsVisualEditing: o } = Y(), [c, d] = G(!1);
-  return /* @__PURE__ */ C(
-    H,
-    {
-      onClick: () => {
-        if (!t) {
-          V.error("No sheet selected");
-          return;
-        }
-        d(!0);
-        const g = {
-          ...s(),
-          visualId: void 0
-          // Remove the link to library visual
-        };
-        a(t, g), setTimeout(() => {
-          d(!1), V.success("Changes applied. Visual is now local to this dashboard"), o(!1);
-        }, 300);
-      },
-      className: J("h-8", e),
-      size: "sm",
-      variant: "outline",
-      children: [
-        c && /* @__PURE__ */ C(W, { children: [
-          /* @__PURE__ */ i(le, { className: "mr-2 size-4 animate-spin font-bold" }),
-          " Applying"
-        ] }),
-        !c && /* @__PURE__ */ C(W, { children: [
-          /* @__PURE__ */ i(ye, { className: "mr-2 size-4 font-bold" }),
-          "Apply Locally"
-        ] })
-      ]
-    }
-  );
-}
-function ra({ className: e }) {
-  const { setTempQueryData: s, setSqlGen: t } = P(), a = X(), o = y((g) => g.tempQueryData), c = y((g) => g.onClose), d = y((g) => g.card), { queryKey: u } = oe(d);
-  function m() {
-    if (o) {
-      const { queryKey: g, queryData: v } = o;
-      g && v && a.setQueryData(g, v);
-    }
-    t({}), c == null || c();
-  }
-  return /* @__PURE__ */ C(
-    H,
-    {
-      onClick: m,
-      className: J("h-8", e),
-      size: "sm",
-      variant: "outline",
-      children: [
-        /* @__PURE__ */ i(Ce, { className: "mr-2 size-4" }),
-        "Close"
-      ]
-    }
-  );
-}
-function oa() {
-  const { setTempQueryData: e } = P(), s = X();
-  y((S) => S.isDevMode);
-  const t = y((S) => S.tempQueryData), a = y((S) => S.card), { queryKey: o } = oe(a), {
-    setCardSql: c,
-    setSqlGen: d,
-    setCardPython: u,
-    setCardCustomCfg: m,
-    setCardPreferences: g,
-    updateDataSource: v,
-    clearQueryConfig: w,
-    setCardConfig: h,
-    setCardType: n
-  } = P();
-  function p() {
-    const S = s.getQueryData(o);
-    t != null && t.queryData || e({
-      queryKey: o,
-      queryData: S
-    }), s.setQueryData(o, null), s.removeQueries({ queryKey: o, exact: !0 }), c(""), d({}), w(), h(void 0), u(""), m(""), g({}), n("bar");
-  }
-  return /* @__PURE__ */ C(
-    H,
-    {
-      onClick: p,
-      className: "h-8",
-      size: "sm",
-      variant: "secondary",
-      children: [
-        /* @__PURE__ */ i(qt, { className: "mr-2 size-4" }),
-        "Clear"
-      ]
-    }
-  );
-}
-function Ee(e) {
-  const { tokenProps: s, authToken: t } = fe(), a = s == null ? void 0 : s.apiServiceUrl;
-  return Le({
-    queryKey: ["joinability-map", e],
-    queryFn: async () => {
-      if (!e || !(t != null && t.accessToken))
-        return null;
-      const o = `${a}/v1/domains/${e}/joinability`;
-      return Ue(o, t.accessToken);
-    },
-    // Only run query when semantic domain exists AND auth is ready
-    // This prevents caching null responses before auth token loads
-    enabled: !!e && !!(t != null && t.accessToken) && !!a,
-    // Cache for 5 minutes - relationships don't change often
-    staleTime: 5 * 60 * 1e3,
-    // Keep in cache for 10 minutes after becoming stale
-    gcTime: 10 * 60 * 1e3,
-    // Retry on failure (network issues, etc.)
-    retry: 2,
-    retryDelay: (o) => Math.min(1e3 * 2 ** o, 3e4)
-  });
-}
-function $t(e, s, t) {
-  if (s === "source")
-    return { isValid: !0 };
-  const a = Ne(e.dataType);
-  if (t === "kpi") {
-    if (s === "groupBy" && a !== "date")
-      return {
-        isValid: !1,
-        reason: "KPI Trend By only accepts date fields"
-      };
-    if (s === "metrics" && a === "date")
-      return {
-        isValid: !1,
-        reason: "KPI metrics cannot be date fields"
-      };
-  }
-  return { isValid: !0 };
-}
-function _t(e, s, t, a, o) {
-  if (e !== "kpi" || o.length < 3)
-    return;
-  const c = (s == null ? void 0 : s.groupByColumns) && s.groupByColumns.length > 0, d = (s == null ? void 0 : s.comparisonType) === "none";
-  !c && d || t(a, {
-    groupByColumns: [],
-    comparisonType: "none"
-  });
-}
-const Gt = (e) => {
-  var z;
-  const s = (z = e == null ? void 0 : e.dataSource) == null ? void 0 : z.semanticDomainId, { data: t } = Ee(s), {
-    updateCardConfig: a,
-    updateGroupByColumn: o,
-    updateMetricColumn: c,
-    updatePivotByColumn: d,
-    updateSortByColumn: u,
-    removeGroupByColumn: m,
-    removeMetricColumn: g,
-    removePivotByColumn: v,
-    removeSortByColumn: w
-  } = P(), h = y((l) => l.card.type), n = e == null ? void 0 : e.id, p = A(
-    (l) => {
-      if (!(e != null && e.config)) return [];
-      switch (l) {
-        case "groupBy":
-          return (e.config.groupByColumns || []).map(
-            (r) => ({
-              id: r.id,
-              name: r.name,
-              dataType: r.dataType,
-              label: r.label !== void 0 ? r.label : r.name,
-              qualifiedEntityName: r.qualifiedEntityName,
-              entityId: r.entityId,
-              entityName: r.entityName,
-              entityType: r.entityType,
-              dateFormat: r.dateFormat,
-              customFormat: r.customFormat,
-              granularity: r.granularity
-            })
-          );
-        case "metrics":
-          return e.config.metricColumns || [];
-        case "pivotBy":
-          return (e.config.pivotByColumns || []).map(
-            (r) => ({
-              id: r.id,
-              name: r.name,
-              dataType: r.dataType,
-              label: r.label !== void 0 ? r.label : r.name,
-              qualifiedEntityName: r.qualifiedEntityName,
-              entityId: r.entityId,
-              entityName: r.entityName,
-              entityType: r.entityType
-            })
-          );
-        case "sortBy":
-          return (e.config.sortByColumns || []).map(
-            (r) => ({
-              id: r.id,
-              name: r.name,
-              dataType: r.dataType,
-              label: r.label !== void 0 ? r.label : r.name,
-              qualifiedEntityName: r.qualifiedEntityName,
-              entityId: r.entityId,
-              entityName: r.entityName,
-              entityType: r.entityType,
-              direction: r.direction
-            })
-          );
-        case "source":
-          return [];
-        default:
-          return [];
-      }
-    },
-    [e]
-  ), S = A(
-    (l, r) => {
-      if (n)
-        switch (l) {
-          case "groupBy": {
-            a(n, {
-              groupByColumns: r
-            });
-            break;
-          }
-          case "metrics": {
-            a(n, {
-              metricColumns: r
-            });
-            break;
-          }
-          case "pivotBy": {
-            a(n, {
-              pivotByColumns: r
-            });
-            break;
-          }
-          case "sortBy": {
-            a(n, {
-              sortByColumns: r
-            });
-            break;
-          }
-        }
-    },
-    [
-      n,
-      // createGroupByColumn,
-      a
-      // createStackByColumn,
-      // createSortByColumn,
-    ]
-  ), T = A(
-    (l, r, F) => {
-      if (!n) return;
-      const k = p(l)[r];
-      if (k)
-        switch (l) {
-          case "groupBy":
-            o(n, k.id, { label: F });
-            break;
-          case "metrics":
-            c(n, k.id, { label: F });
-            break;
-          case "pivotBy":
-            d(n, k.id, { label: F });
-            break;
-          case "sortBy":
-            u(n, k.id, { label: F });
-            break;
-        }
-    },
-    [
-      n,
-      p,
-      o,
-      c,
-      d,
-      u
-    ]
-  ), x = A(
-    (l, r) => {
-      if (!n) return;
-      const f = p("metrics")[l];
-      f && c(n, f.id, {
-        aggregate: r,
-        label: Oe(
-          f.name,
-          r
-        )
-      });
-    },
-    [n, p, c]
-  ), q = A(
-    (l, r, F) => {
-      if (!n) return;
-      const k = p("groupBy")[l];
-      if (!k) return;
-      const M = {
-        dateFormat: r
-      };
-      r === "custom" && F ? M.customFormat = F : M.customFormat = void 0, o(n, k.id, M);
-    },
-    [n, p, o]
-  ), D = A(
-    (l, r) => {
-      if (!n) return;
-      const f = p("groupBy")[l];
-      f && o(n, f.id, {
-        granularity: r
-      });
-    },
-    [n, p, o]
-  ), j = A(
-    (l, r) => {
-      if (!n) return;
-      const f = p("metrics")[l];
-      f && c(n, f.id, {
-        aliasTemplate: r
-      });
-    },
-    [n, p, c]
-  ), U = A(
-    (l, r) => {
-      if (console.log("handleValueAliasesChange", l, r), !n) return;
-      console.log("handleValueAliasesChange", l, r);
-      const f = p("metrics")[l];
-      f && (console.log("handleValueAliasesChange", r), c(n, f.id, {
-        valueAliases: r
-      }));
-    },
-    [n, p, c]
-  ), N = A(
-    (l) => {
-      if (!n) return;
-      if (p("metrics").length === 0) {
-        V.error("Add Metric First", {
-          description: "Please add a metric field before selecting a comparison type",
-          position: "top-center",
-          duration: 3e3
-        });
-        return;
-      }
-      a(n, { comparisonType: l });
-    },
-    [n, a, p]
-  ), b = A(
-    (l) => {
-      n && a(n, { showTrendline: l });
-    },
-    [n, a]
-  ), B = A(
-    (l) => {
-      n && a(n, { trendlineWindow: l });
-    },
-    [n, a]
-  ), E = A(
-    (l) => {
-      n && a(n, { trendlineGranularity: l });
-    },
-    [n, a]
-  ), O = A(
-    (l) => {
-      n && a(n, { targetValue: l });
-    },
-    [n, a]
-  ), R = A(
-    (l) => {
-      var _;
-      if (!n) return;
-      const r = [
-        ...p("groupBy"),
-        ...p("pivotBy"),
-        ...p("metrics"),
-        ...p("sortBy")
-      ], F = $e(l, r, {
-        joinPlan: (_ = e == null ? void 0 : e.config) == null ? void 0 : _.joinPlan,
-        joinabilityMap: t == null ? void 0 : t.joinabilityMap,
-        semanticDomainId: s
-      });
-      if (!F.isValid) {
-        F.showError && _e();
-        return;
-      }
-      const f = Ge(
-        l,
-        r,
-        h
-        // Pass chart type for KPI-specific routing
-      );
-      if (!f) {
-        V.error("Invalid Field", {
-          description: "This field cannot be added to any container",
-          position: "top-center",
-          duration: 3e3
-        });
-        return;
-      }
-      const k = $t(
-        l,
-        f,
-        h
-      );
-      if (!k.isValid) {
-        V.error("Invalid Field Type", {
-          description: k.reason,
-          position: "top-center",
-          duration: 3e3
-        });
-        return;
-      }
-      const M = p(f);
-      if (Re(l, M)) return;
-      const $ = je(l, f, M);
-      if ($) {
-        const I = [...M, $];
-        S(f, I), f === "metrics" && _t(
-          h,
-          e == null ? void 0 : e.config,
-          a,
-          n,
-          I
-          // Fresh metrics array including the newly added field
-        );
-      }
-    },
-    [
-      n,
-      e == null ? void 0 : e.config,
-      p,
-      S,
-      s,
-      t,
-      h,
-      a
-    ]
-  ), L = A(
-    (l, r) => {
-      if (!n) return;
-      const f = p(l)[r];
-      if (f) {
-        if (l !== "sortBy") {
-          const k = p("sortBy"), M = k.filter(
-            ($) => !($.name === f.name && $.qualifiedEntityName === f.qualifiedEntityName)
-          );
-          M.length !== k.length && a(n, {
-            sortByColumns: M
-          });
-        }
-        switch (l) {
-          case "groupBy":
-            m(n, f.id);
-            break;
-          case "metrics":
-            g(n, f.id);
-            break;
-          case "pivotBy":
-            v(n, f.id);
-            break;
-          case "sortBy":
-            w(n, f.id);
-            break;
-        }
-      }
-    },
-    [
-      n,
-      p,
-      m,
-      g,
-      v,
-      w,
-      a
-    ]
-  );
-  return {
-    getFieldsForContainer: p,
-    setFieldsForContainer: S,
-    updateLabel: T,
-    handleAggregationChange: x,
-    handleDateFormatChange: q,
-    handleGranularityChange: D,
-    handleAliasTemplateChange: j,
-    handleValueAliasesChange: U,
-    removeField: L,
-    handleFieldClick: R,
-    // KPI-specific handlers
-    handleKpiComparisonTypeChange: N,
-    handleKpiShowTrendlineChange: b,
-    handleKpiTrendlineWindowChange: B,
-    handleKpiTrendlineGranularityChange: E,
-    handleKpiTargetValueChange: O,
-    // Card type for conditional rendering
-    cardType: h
-  };
-};
-function ee(e) {
-  return `${e}-${ge()}`;
-}
-function he(e, s) {
-  const t = ve(e.replace(/_/g, " "));
-  switch (s) {
-    case "SUM":
-      return `Sum of ${t}`;
-    case "COUNT":
-      return `Count of ${t}`;
-    case "DISTINCT":
-      return `Unique ${t}`;
-    case "AVG":
-      return `Average of ${t}`;
-    case "MIN":
-      return `Min of ${t}`;
-    case "MAX":
-      return `Max of ${t}`;
-    default:
-      return t;
-  }
-}
-function Rt(e, s) {
-  const t = ve(e.replace(/_/g, " "));
-  switch (s) {
-    case "day":
-      return `Date of ${t}`;
-    case "week":
-      return `Week of ${t}`;
-    case "month":
-      return `Month of ${t}`;
-    case "year":
-      return `Year of ${t}`;
-    default:
-      return t;
-  }
-}
-function ie(e) {
-  if (!e || !e.selectedEntities || e.selectedEntities.length === 0)
-    return {
-      tableName: void 0,
-      schemaName: void 0,
-      databaseName: void 0,
-      connectionId: e == null ? void 0 : e.connectionId,
-      connectionType: e == null ? void 0 : e.connectionType
-    };
-  const s = e.selectedEntities[0];
-  return {
-    tableName: s == null ? void 0 : s.name,
-    schemaName: s == null ? void 0 : s.schema,
-    databaseName: s == null ? void 0 : s.database,
-    connectionId: e.connectionId,
-    connectionType: e.connectionType
-  };
-}
-function Ae(e) {
-  if (!e || !e.selectedEntities || e.selectedEntities.length === 0)
-    return !1;
-  const s = e.selectedEntities[0];
-  return !!(s != null && s.name);
-}
-function Be() {
-  const e = y((N) => N.sqlGen), s = y((N) => N.isDevMode), t = y((N) => N.card.dataSource), a = y(
-    (N) => {
-      var b, B;
-      return (B = (b = N.card) == null ? void 0 : b.queryConfig) == null ? void 0 : B.metricColumns;
-    }
-  ), { tableName: o, schemaName: c, databaseName: d } = ie(t), u = Ae(t), m = y(
-    (N) => N.selectedDatamodelId
-  ), {
-    addColumnToMetricColumns: g,
-    addColumnToGroupBy: v,
-    setCardSql: w,
-    setRunSql: h,
-    setSqlGen: n,
-    setIsShowingVisual: p
-  } = P(), { connectionType: S, modelItems: T, selectedDatamodelName: x } = Se(), q = (N) => ({
-    column_name: N.name,
-    data_type: N.dataType,
-    label: N.label,
-    description: N.description
-  });
-  return {
-    handleDevModeFieldClick: (N) => {
-      var B;
-      if (!s) return;
-      const b = q(N);
-      if (s && u && o) {
-        const E = xe(b, e);
-        n(E);
-        const O = (B = T == null ? void 0 : T.find(
-          (L) => L.id === m
-        )) == null ? void 0 : B.name, R = Fe(
-          E,
-          te(c || ""),
-          te(o),
-          O || "",
-          S,
-          d || ""
-        );
-        R && (w(R), h(!0));
-      } else if (!s) {
-        if (Qe(b.data_type))
-          if (a && a.length > 0) {
-            const E = {
-              ...b,
-              role: "groupby",
-              id: ee(b.column_name),
-              name: b.column_name,
-              type: b.data_type
-            };
-            v(E);
-          } else {
-            const E = {
-              ...b,
-              role: "metric",
-              id: ee(b.column_name),
-              name: b.column_name,
-              label: he(b.column_name, "COUNT"),
-              type: b.data_type,
-              aggregate: "COUNT"
-            };
-            g(E);
-          }
-        if (ze(b.data_type)) {
-          const E = {
-            ...b,
-            role: "groupby",
-            id: ee(b.column_name),
-            name: b.column_name,
-            type: b.data_type,
-            label: Rt(b.column_name, "month"),
-            granularity: "month"
-          };
-          v(E);
-        }
-        if (ce(b.data_type)) {
-          const E = {
-            ...b,
-            role: "metric",
-            id: ee(b.column_name),
-            name: b.column_name,
-            label: he(b.column_name, "SUM"),
-            type: b.data_type,
-            aggregate: "SUM"
-          };
-          g(E);
-        }
-      }
-    },
-    handleShowSample: () => {
-      if (!u || !o) {
-        console.warn("Cannot generate SQL: missing table metadata");
-        return;
-      }
-      const N = de({
-        schemaName: c || "",
-        tableName: o,
-        modelName: x,
-        connectionType: S,
-        databaseName: d || ""
-      });
-      p(!1);
-      const b = S === "MSSQL" ? `SELECT top 10 * FROM ${N}` : `SELECT * FROM ${N} LIMIT 10`;
-      w(b), h(!0);
-    },
-    handleShowCount: () => {
-      if (!u || !o) {
-        console.warn("Cannot generate SQL: missing table metadata");
-        return;
-      }
-      const N = de({
-        schemaName: c || "",
-        tableName: o,
-        modelName: x,
-        connectionType: S,
-        databaseName: d || ""
-      });
-      w(`SELECT COUNT(*) as count FROM ${N}`), h(!0);
-    },
-    isNumberField: (N) => ce(N.dataType)
-  };
-}
-function jt({ column: e }) {
-  const [s, t] = G(!1), a = y((x) => x.card.dataSource), { tableName: o, schemaName: c, databaseName: d } = ie(a), u = y(
-    (x) => x.selectedDatamodelId
-  ), m = y((x) => x.sqlGen), { modelItems: g, connectionType: v } = Se(), w = y((x) => x.actions.setSqlGen), h = y((x) => x.actions.setCardSql), n = y((x) => x.actions.setRunSql), p = Ae(a);
-  function S(x, q) {
-    var N;
-    if (!p || !o) {
-      console.warn("Cannot generate SQL: missing table metadata");
-      return;
-    }
-    const D = xe(x, m, q), j = (N = g == null ? void 0 : g.find(
-      (b) => b.id === u
-    )) == null ? void 0 : N.name;
-    w(D);
-    const U = Fe(
-      D,
-      te(c || ""),
-      te(o),
-      j || "",
-      v,
-      d || ""
-    );
-    U && (h(U), n(!0)), t(!1);
-  }
-  function T() {
-    return /* @__PURE__ */ C("ul", { className: "text-xs", children: [
-      /* @__PURE__ */ i(
-        "li",
-        {
-          onClick: () => S(e, "COUNT"),
-          className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
-          children: "Count"
-        }
-      ),
-      /* @__PURE__ */ i(
-        "li",
-        {
-          onClick: () => S(e, "AVG"),
-          className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
-          children: "Avg"
-        }
-      ),
-      /* @__PURE__ */ i(
-        "li",
-        {
-          onClick: () => S(e, "SUM"),
-          className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
-          children: "Sum"
-        }
-      ),
-      /* @__PURE__ */ i(
-        "li",
-        {
-          onClick: () => S(e, "MAX"),
-          className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
-          children: "Max"
-        }
-      ),
-      /* @__PURE__ */ i(
-        "li",
-        {
-          onClick: () => S(e, "MIN"),
-          className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
-          children: "Min"
-        }
-      )
-    ] });
-  }
-  return p ? /* @__PURE__ */ C(Pe, { openDelay: 0, open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ i(Ke, { asChild: !0, children: /* @__PURE__ */ i(We, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover/container:visible" }) }),
-    /* @__PURE__ */ i(
-      He,
-      {
-        align: "center",
-        className: "w-20 rounded-md p-0 shadow-none",
-        children: T()
-      }
-    )
-  ] }) : null;
-}
-function Qt({
-  field: e,
-  fieldState: s
-}) {
-  return /* @__PURE__ */ C("div", { className: "w-64 bg-background p-0", children: [
-    /* @__PURE__ */ C("div", { className: "mb-2 flex items-start justify-between gap-2", children: [
-      /* @__PURE__ */ i("h3", { className: "text-sm font-medium text-foreground", children: e.label || e.name }),
-      /* @__PURE__ */ i("span", { className: "rounded bg-muted px-2 py-0.5 font-mono text-xs text-muted-foreground", children: e.dataType })
-    ] }),
-    e.description && /* @__PURE__ */ i("p", { className: "mb-3 text-xs text-muted-foreground", children: e.description }),
-    s && s.tooltip && /* @__PURE__ */ i("div", { className: "mb-2 rounded bg-muted/50 p-2", children: /* @__PURE__ */ i("p", { className: "text-xs text-muted-foreground", children: s.tooltip }) }),
-    /* @__PURE__ */ i("div", { className: "overflow-x-auto border-t border-border pb-2 pt-2", children: /* @__PURE__ */ i("span", { className: "font-mono text-xs text-muted-foreground", children: e.name }) })
-  ] });
-}
-function zt({
-  field: e,
-  context: s = "editor",
-  fieldState: t
-}) {
-  const a = y((I) => I.isDevMode), o = s === "filter", c = a || o || (t == null ? void 0 : t.state) === "unreachable" && !o, d = Q((I) => I.dashboard.filters), u = Q((I) => I.selectedSheetId), m = Q((I) => I.actions.removeFilter), { removeFilterValues: g } = Y(), { assignFilter: v } = Bt(), w = o ? Je(d, u) : d, h = o ? w == null ? void 0 : w.find(
-    (I) => {
-      var K;
-      return I.title === e.name || ((K = I.column) == null ? void 0 : K.includes(e.name));
-    }
-  ) : void 0, n = !!h, p = h && o ? d == null ? void 0 : d.find((I) => I.id === h.id) : void 0, S = p && (p.applyToSheetIds && p.applyToSheetIds.length > 1 || p.excludeSheetIds && p.excludeSheetIds.length > 0 || !p.applyToSheetIds && !p.excludeSheetIds && !p.sheetId);
-  o && n && console.log("[SourceField Debug]", {
-    fieldName: e.name,
-    hasActiveFilter: n,
-    activeFilterOnSheet: h ? {
-      id: h.id,
-      title: h.title,
-      column: h.column,
-      applyToSheetIds: h.applyToSheetIds,
-      excludeSheetIds: h.excludeSheetIds
-    } : null,
-    activeFilterForField: p ? {
-      id: p.id,
-      title: p.title,
-      column: p.column,
-      applyToSheetIds: p.applyToSheetIds,
-      excludeSheetIds: p.excludeSheetIds
-    } : null,
-    isMultiSheetFilter: S,
-    selectedSheetId: u
-  });
-  const [T, x] = G(!1), [q, D] = G(null), {
-    attributes: j,
-    listeners: U,
-    setNodeRef: N,
-    transform: b,
-    transition: B,
-    isDragging: E
-  } = Xe({
-    id: e.id,
-    disabled: c
-  }), [O, R] = G(!1), L = y((I) => I.card), { handleFieldClick: z } = Gt(L), { handleDevModeFieldClick: l, isNumberField: r } = Be(), F = () => {
-    p && (console.log("[SourceField] Removing multi-sheet filter:", p.id), g(p.id), m(p.id)), D(null), x(!1);
-  }, f = () => {
-    if (o) {
-      const I = {
-        column_name: e.name,
-        data_type: e.dataType,
-        label: e.label,
-        description: e.description
-      };
-      console.log("[SourceField Click]", {
-        fieldName: e.name,
-        hasActiveFilter: n,
-        isMultiSheetFilter: S,
-        willShowWarning: n && S
-      }), n && S ? (console.log("[SourceField] Showing warning dialog for multi-sheet filter"), D({ column: I, field: e }), x(!0)) : (console.log("[SourceField] Calling assignFilter directly (single-sheet or new filter)"), v(I, "sheet", e));
-    } else a ? l(e) : z(e);
-  }, k = {
-    column_name: e.name,
-    data_type: e.dataType,
-    label: e.label,
-    description: e.description
-  }, M = {
-    transform: Ye.Transform.toString(b),
-    transition: B
-  }, _ = (() => {
-    if (!t || o) return {};
-    const K = {
-      base: {
-        hoverBorderColor: "hover:border-blue-500/40",
-        hoverBgColor: "hover:bg-blue-50/50 dark:hover:bg-blue-950/20"
-      },
-      draggable: {
-        hoverBorderColor: "hover:border-green-500/40",
-        hoverBgColor: "hover:bg-green-50/30 dark:hover:bg-green-950/20"
-      },
-      indirect: {
-        hoverBorderColor: "hover:border-yellow-500/40",
-        hoverBgColor: "hover:bg-yellow-50/30 dark:hover:bg-yellow-950/20"
-      },
-      unreachable: {
-        // Unreachable fields show gray treatment always (not just on hover)
-        borderColor: "border-gray-300/40 dark:border-gray-700/40",
-        bgColor: "bg-gray-50/30 dark:bg-gray-900/20",
-        hoverBgColor: "hover:bg-gray-100/30 dark:hover:bg-gray-800/20",
-        opacity: "opacity-50",
-        cursor: "cursor-not-allowed"
-      }
-    }[t.state] || {};
-    return t.isSelected && {
-      base: {
-        borderColor: "border-blue-300/30 dark:border-blue-700/30",
-        bgColor: "bg-blue-50/20 dark:bg-blue-950/10",
-        ...K
-      },
-      draggable: {
-        borderColor: "border-green-300/30 dark:border-green-700/30",
-        bgColor: "bg-green-50/20 dark:bg-green-950/10",
-        ...K
-      },
-      indirect: {
-        borderColor: "border-yellow-300/30 dark:border-yellow-700/30",
-        bgColor: "bg-yellow-50/20 dark:bg-yellow-950/10",
-        ...K
-      }
-    }[t.state] || K;
-  })();
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      ref: N,
-      style: M,
-      ...c ? {} : j,
-      ...c ? {} : U,
-      className: J(
-        "group/container max-w-[265px] overflow-hidden rounded-lg transition-all",
-        E && "scale-95 opacity-50",
-        !E && "border",
-        // Default: plain border and background (clean UI)
-        _.borderColor || "border-transparent",
-        _.bgColor || "",
-        // Hover: show state-specific colors
-        _.hoverBorderColor,
-        _.hoverBgColor || "hover:bg-muted",
-        // Unreachable field states (always visible)
-        _.opacity,
-        _.cursor,
-        // Active filter highlighting
-        n && "bg-accent border-accent-foreground/20",
-        // Cursor styling
-        {
-          "cursor-pointer": a || o,
-          "cursor-grab active:cursor-grabbing": !c && !a && !o
-        }
-      ),
-      title: t == null ? void 0 : t.tooltip,
-      children: [
-        /* @__PURE__ */ C(
-          "div",
-          {
-            className: "flex min-w-0 items-center gap-3 p-2",
-            onClick: f,
-            children: [
-              Ze(e.dataType),
-              /* @__PURE__ */ i(et, { children: /* @__PURE__ */ C(tt, { children: [
-                /* @__PURE__ */ i(at, { asChild: !0, children: /* @__PURE__ */ i("div", { className: "min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ i(
-                  "span",
-                  {
-                    className: `block text-sm text-foreground/80 hover:text-foreground dark:text-muted-foreground ${O ? "whitespace-normal break-words" : "truncate"}`,
-                    children: e.label || e.name
-                  }
-                ) }) }),
-                /* @__PURE__ */ i(
-                  st,
-                  {
-                    side: "bottom",
-                    align: "start",
-                    className: "ml-5 max-w-xs px-4 pb-2 pt-4",
-                    children: /* @__PURE__ */ i(Qt, { field: e, fieldState: t })
-                  }
-                )
-              ] }) }),
-              a && !o && r(e) && /* @__PURE__ */ i("div", { onClick: (I) => I.stopPropagation(), children: /* @__PURE__ */ i(jt, { column: k }) })
-            ]
-          }
-        ),
-        O && // <div className="px-2 pb-3 text-sm text-gray-600">
-        //   <div className="break-all rounded bg-gray-50 p-2">
-        //     <p>
-        //       <span className="font-medium">Label:</span>{' '}
-        //       {field.label || field.name}
-        //     </p>
-        //     <p>
-        //       <span className="font-medium">Name:</span> {field.name}
-        //     </p>
-        //     <p>
-        //       <span className="font-medium">Full name:</span>{' '}
-        //       {field.qualifiedEntityName
-        //         ? `${field.qualifiedEntityName}.${field.name}`
-        //         : field.name}
-        //     </p>
-        //     <Badge variant="outline" className="text-xs">
-        //       {field.dataType}
-        //     </Badge>
-        //   </div>
-        // </div>
-        /* @__PURE__ */ i("div", { className: "text-muted-foreground-700 px-2 pb-3 text-sm", children: /* @__PURE__ */ i(nt, { className: "", children: /* @__PURE__ */ C(rt, { className: "space-y-2 p-3", children: [
-          /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ i(Dt, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ i("span", { className: "break-all", children: e.label || e.name })
-          ] }),
-          /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ i(Mt, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ i("span", { className: "break-all", children: e.name })
-          ] }),
-          /* @__PURE__ */ i(we, { variant: "outline", className: "mt-2 text-xs", children: e.dataType })
-        ] }) }) }),
-        /* @__PURE__ */ i(ot, { open: T, onOpenChange: x, children: /* @__PURE__ */ C(lt, { children: [
-          /* @__PURE__ */ C(it, { children: [
-            /* @__PURE__ */ i(ct, { children: "Remove Filter from Multiple Sheets?" }),
-            /* @__PURE__ */ i(dt, { children: "This filter is currently applied to multiple sheets. Removing it will affect all sheets where it's applied." })
-          ] }),
-          /* @__PURE__ */ C(ut, { children: [
-            /* @__PURE__ */ i(mt, { children: "Cancel" }),
-            /* @__PURE__ */ i(pt, { onClick: F, children: "Remove Filter" })
-          ] })
-        ] }) })
-      ]
-    }
-  );
-}
-function Pt({ context: e = "editor" } = {}) {
-  var O, R, L, z;
-  const [s, t] = G(""), [a, o] = G("all");
-  y((l) => l.isDevMode);
-  const c = y((l) => l.card.dataSource), d = y((l) => l.card.config), u = y((l) => l.card), { autoJoinMetadata: m } = oe(u), {
-    columns: g = [],
-    columnGroups: v = [],
-    isLoading: w,
-    error: h
-  } = ht(), n = (c == null ? void 0 : c.mode) === "semanticDomain" ? c.semanticDomainId : void 0, { data: p } = Ee(n), S = [
-    ...(d == null ? void 0 : d.groupByColumns) || [],
-    ...(d == null ? void 0 : d.metricColumns) || []
-  ];
-  (R = (O = d == null ? void 0 : d.joinPlan) == null ? void 0 : O.baseEntity) == null || R.name, (z = (L = m == null ? void 0 : m.resolvedJoinPlan) == null ? void 0 : L.baseEntity) == null || z.name, Be();
-  const T = g.filter(
-    (l) => l.name.toLowerCase().includes(s.toLowerCase()) || l.dataType.toLowerCase().includes(s.toLowerCase()) || l.label && l.label.toLowerCase().includes(s.toLowerCase()) || l.qualifiedEntityName && l.qualifiedEntityName.toLowerCase().includes(s.toLowerCase())
-  ), x = (l) => {
-    if (l.dataType === "number" || l.dataType === "integer" || l.dataType === "float" || l.dataType === "decimal" || l.dataType === "currency")
-      return "metrics";
-    const r = Ne(l.dataType);
-    return ["date", "string", "boolean"].includes(r) ? "dimensions" : r === "number" ? "metrics" : "dimensions";
-  }, D = (a === "all" ? T : T.filter(
-    (l) => x(l) === a
-  )).reduce((l, r) => {
-    const F = r.qualifiedEntityName || "Other Fields";
-    return l[F] || (l[F] = {
-      label: ft(r.entityName),
-      fields: []
-    }), l[F].fields.push(r), l;
-  }, {}), U = Object.keys(D), N = T.filter(
-    (l) => x(l) === "dimensions"
-  ).length, b = T.filter(
-    (l) => x(l) === "metrics"
-  ).length, B = T.filter(
-    (l) => x(l) === "calculated"
-  ).length, E = T.length > 0;
-  return w ? /* @__PURE__ */ i("div", { className: "flex h-full w-[290px] flex-col items-center justify-center", children: /* @__PURE__ */ i(gt, { size: "md", color: "muted", "aria-label": "Loading data" }) }) : h ? /* @__PURE__ */ C("div", { className: "flex h-full w-[290px] flex-col items-center justify-center", children: [
-    /* @__PURE__ */ i(ue, { className: "mb-4 h-12 w-12 text-red-300" }),
-    /* @__PURE__ */ i("p", { className: "mb-2 text-sm text-red-500", children: "Error loading fields" }),
-    /* @__PURE__ */ i("p", { className: "px-4 text-center text-xs text-red-400", children: h.message || "Failed to load column data" })
-  ] }) : !c || !c.selectedEntities || c.selectedEntities.length === 0 ? /* @__PURE__ */ i(yt, { className: "h-[calc(100vh-200px)] w-[290px]", children: /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
-    /* @__PURE__ */ i(ue, { className: "mb-4 h-12 w-12 text-gray-300" }),
-    /* @__PURE__ */ i("p", { className: "mb-2 text-sm text-gray-500", children: "No data source selected" }),
-    /* @__PURE__ */ i("p", { className: "px-4 text-xs text-gray-400", children: e === "filter" ? "Configure a data source for this card to see available fields" : "Select a table, view, or dataset from the data source panel to see available fields" })
-  ] }) }) : /* @__PURE__ */ C("div", { className: "mt-2 flex h-full w-full grow flex-col gap-2 px-6 pb-6", children: [
-    /* @__PURE__ */ C("div", { className: "mt-1 flex-shrink-0 space-y-2", children: [
-      g.length > 0 && /* @__PURE__ */ C("div", { className: "relative mb-4", children: [
-        /* @__PURE__ */ i(bt, { className: "absolute left-3 top-1/2 size-3.5 -translate-y-1/2 transform text-muted-foreground" }),
-        /* @__PURE__ */ i(
-          Ct,
-          {
-            className: "pl-10 pr-10",
-            type: "text",
-            placeholder: "Search fields...",
-            value: s,
-            onChange: (l) => t(l.target.value)
-          }
-        ),
-        s && /* @__PURE__ */ i(
-          "button",
-          {
-            className: "absolute right-3 top-1/2 -translate-y-1/2 transform text-muted-foreground hover:text-foreground",
-            onClick: () => t(""),
-            type: "button",
-            children: /* @__PURE__ */ i(Ce, { className: "size-3.5" })
-          }
-        )
-      ] }),
-      E && /* @__PURE__ */ i(
-        Nt,
-        {
-          defaultValue: "all",
-          value: a,
-          onValueChange: (l) => o(l),
-          className: "mb-4",
-          children: /* @__PURE__ */ C(vt, { className: "grid h-9 w-full grid-cols-4", children: [
-            /* @__PURE__ */ C(Z, { value: "all", className: "text-xs", children: [
-              "All",
-              /* @__PURE__ */ i("span", { className: "ml-2 text-xs font-semibold", children: T.length })
-            ] }),
-            /* @__PURE__ */ C(Z, { value: "dimensions", className: "text-xs", children: [
-              /* @__PURE__ */ i(St, { className: "size-4 shrink-0" }),
-              /* @__PURE__ */ i("span", { className: "ml-2 text-xs font-semibold", children: N })
-            ] }),
-            /* @__PURE__ */ C(Z, { value: "metrics", className: "text-xs", children: [
-              /* @__PURE__ */ i(xt, { className: "size-4 shrink-0" }),
-              /* @__PURE__ */ i("span", { className: "ml-2 text-xs font-semibold", children: b })
-            ] }),
-            /* @__PURE__ */ C(Z, { value: "calculated", className: "text-xs", children: [
-              /* @__PURE__ */ i(Ft, { className: "size-4 shrink-0" }),
-              /* @__PURE__ */ i("span", { className: "ml-2 text-xs font-semibold", children: B })
-            ] })
-          ] })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ C(wt, { className: "py-2", children: [
-      /* @__PURE__ */ i(
-        Tt,
-        {
-          type: "multiple",
-          defaultValue: U,
-          className: "space-y-2",
-          children: Object.entries(D).map(([l, r]) => {
-            const F = v.find((f) => f.entityName === l) || {
-              entityName: l,
-              label: r.label
-            };
-            return /* @__PURE__ */ C(
-              It,
-              {
-                value: l,
-                className: "border-none",
-                children: [
-                  /* @__PURE__ */ i(kt, { className: "group rounded-md px-2.5 py-2 text-muted-foreground hover:bg-muted hover:no-underline", children: /* @__PURE__ */ C(
-                    "div",
-                    {
-                      title: F.label || F.entityName,
-                      className: "flex items-center gap-2",
-                      children: [
-                        /* @__PURE__ */ i("span", { className: "max-w-[190px] truncate text-ellipsis whitespace-nowrap text-sm font-medium text-primary", children: F.label || F.entityName }),
-                        /* @__PURE__ */ i(
-                          we,
-                          {
-                            variant: "secondary",
-                            className: "rounded-full text-xs text-muted-foreground group-hover:bg-background",
-                            children: r.fields.length
-                          }
-                        )
-                      ]
-                    }
-                  ) }),
-                  /* @__PURE__ */ i(Et, { className: "pb-2", children: /* @__PURE__ */ i("div", { className: "space-y-1", children: r.fields.map((f) => {
-                    const k = At(f, {
-                      joinabilityMap: (p == null ? void 0 : p.joinabilityMap) || null,
-                      selectedFields: S,
-                      cardConfig: d,
-                      // Manual join plan (user-configured)
-                      autoJoinMetadata: m
-                      // Auto-resolved join plan (backend semantic relationships)
-                    });
-                    return /* @__PURE__ */ i(
-                      zt,
-                      {
-                        field: f,
-                        context: e,
-                        fieldState: k
-                      },
-                      f.id
-                    );
-                  }) }) })
-                ]
-              },
-              l
-            );
-          })
-        }
-      ),
-      Object.keys(D).length === 0 && g.length === 0 && /* @__PURE__ */ C("div", { className: "py-8 text-center text-sm text-gray-500", children: [
-        /* @__PURE__ */ i("p", { children: "No fields found for selected data source" }),
-        /* @__PURE__ */ i("p", { className: "mt-1 text-xs text-gray-400", children: e === "filter" ? "The selected data source has no available fields" : "Try selecting different data sources" })
-      ] }),
-      Object.keys(D).length === 0 && g.length > 0 && /* @__PURE__ */ i("div", { className: "py-4 text-center text-sm text-gray-500", children: "No fields found for this category" }),
-      /* @__PURE__ */ i(me, { orientation: "horizontal" }),
-      /* @__PURE__ */ i(me, { orientation: "vertical" })
-    ] })
-  ] });
-}
-function la({ context: e = "editor" } = {}) {
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      "data-content": "fields-section",
-      className: "flex h-full grow flex-col items-center overflow-hidden",
-      children: [
-        " ",
-        /* @__PURE__ */ i(Pt, { context: e }),
-        " "
-      ]
-    }
-  );
-}
-function ia() {
-  const e = y((d) => d.card.dataSource), {
-    setSelectedConnectionId: s,
-    setSelectedDatabaseName: t,
-    setSelectedSchemaName: a,
-    setSelectedTableName: o,
-    setSelectedDatamodelId: c
-  } = P();
-  ae(() => {
-    var n;
-    if (!e) return;
-    const { tableName: d, schemaName: u, databaseName: m, connectionId: g } = ie(e), v = (n = e.selectedEntities) == null ? void 0 : n[0], h = (v == null ? void 0 : v.type) === "model" && "id" in v ? v.id : "";
-    s(g || ""), t(m || ""), a(u || ""), o(d || ""), c(h);
-  }, [
-    e,
-    s,
-    t,
-    a,
-    o,
-    c
-  ]);
-}
-function ca(e, s) {
-  const [t, a] = G(() => {
-    const o = localStorage.getItem(e);
-    return o ? JSON.parse(o) : s;
-  });
-  return ae(() => {
-    localStorage.setItem(e, JSON.stringify(t));
-  }, [t, e]), [t, a];
-}
-export {
-  ta as E,
-  la as F,
-  Te as S,
-  na as V,
-  aa as a,
-  sa as b,
-  ra as c,
-  ia as d,
-  ca as e,
-  ea as f,
-  oa as g,
-  Ie as h,
-  Gt as i,
-  Ee as j,
-  _t as k,
-  se as u,
-  $t as v
-};