react-semaphor 0.1.59 → 0.1.61

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

@@ -0,0 +1,1745 @@
+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
+};